diff --git a/sites/skeleton.dev/src/lib/layouts/DocsShell/partials/Header.svelte b/sites/skeleton.dev/src/lib/layouts/DocsShell/partials/Header.svelte
index 5fadcfc2..f65bc2f5 100644
--- a/sites/skeleton.dev/src/lib/layouts/DocsShell/partials/Header.svelte
+++ b/sites/skeleton.dev/src/lib/layouts/DocsShell/partials/Header.svelte
@@ -10,8 +10,9 @@
const cChip = 'chip variant-soft hover:variant-filled';
// Local
- const githubSourcePath = 'https://github.com/skeletonlabs/skeleton/tree/master/packages/skeleton/src';
- const githubDocSourcePath = 'https://github.com/skeletonlabs/skeleton/blob/master/sites/skeleton.dev/src';
+ const githubBranch = 'master'; // IMPORTANT: for testing only, keep as 'master'
+ const githubFeatureSourcePath = `https://github.com/skeletonlabs/skeleton/blob/${githubBranch}`;
+ const githubPageSourcePath = `https://github.com/skeletonlabs/skeleton/blob/${githubBranch}/sites/skeleton.dev/src`;
function formatImportSnippet(): string {
let snippet = ``;
@@ -53,14 +54,14 @@
{/if} -->
{#if pageData.source}
-
+
Source
{/if}
{#if pageData.docsPath}
-
+
Page Source
diff --git a/sites/skeleton.dev/src/routes/(inner)/actions/clipboard/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/actions/clipboard/+page.svelte
index d3d017a1..2bca72ad 100644
--- a/sites/skeleton.dev/src/routes/(inner)/actions/clipboard/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/actions/clipboard/+page.svelte
@@ -11,7 +11,7 @@
name: 'Clipboard',
description: 'Allows you to quickly copy data to the clipboard.',
imports: ['clipboard'],
- source: 'actions/Clipboard',
+ source: 'packages/skeleton/src/lib/actions/Clipboard',
parameters: [
['element', 'string', '-', '-', `HTML element's data-clipboard ID value.`],
['input', 'string', '-', '-', `Input element's data-clipboard ID value.`]
diff --git a/sites/skeleton.dev/src/routes/(inner)/actions/filters/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/actions/filters/+page.svelte
index 7e787983..d18f5bfc 100644
--- a/sites/skeleton.dev/src/routes/(inner)/actions/filters/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/actions/filters/+page.svelte
@@ -16,7 +16,7 @@
name: 'Filters',
description: 'Apply Instagram-like filter effects to images.',
imports: ['filter'],
- source: 'actions/Filters',
+ source: 'packages/skeleton/src/lib/actions/Filters',
parameters: [['(default)', 'string', '-', '-', 'The name of the filter, such as "Apollo".']]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/actions/focus-trap/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/actions/focus-trap/+page.svelte
index d0eaeca7..74a57457 100644
--- a/sites/skeleton.dev/src/routes/(inner)/actions/focus-trap/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/actions/focus-trap/+page.svelte
@@ -11,7 +11,7 @@
name: 'Focus Trap',
description: 'Allows you to contain tab focus within a target element on-demand.',
imports: ['focusTrap'],
- source: 'actions/FocusTrap',
+ source: 'packages/skeleton/src/lib/actions/FocusTrap',
parameters: [['(default)', 'boolean', '-', '-', `When TRUE, enables focus capture.`]]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/accordions/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/accordions/+page.svelte
index 18313015..ed411f16 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/accordions/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/accordions/+page.svelte
@@ -16,7 +16,7 @@
name: 'Accordions',
description: 'Divide content into collapsible sections.',
imports: ['Accordion', 'AccordionItem'],
- source: 'components/Accordion',
+ source: 'packages/skeleton/src/lib/components/Accordion',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/accordion/',
components: [
{ label: 'Accordion', sveld: sveldAccordion },
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/app-bar/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/app-bar/+page.svelte
index d16179ea..5eddb6f2 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/app-bar/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/app-bar/+page.svelte
@@ -15,7 +15,7 @@
description:
'A header element for the top of your page layout. Pairs well with the App Shell.',
imports: ['AppBar'],
- source: 'components/AppBar',
+ source: 'packages/skeleton/src/lib/components/AppBar',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/',
components: [{ sveld: sveldAppBar }]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/app-rail/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/app-rail/+page.svelte
index 90dd6fc4..73df81fd 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/app-rail/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/app-rail/+page.svelte
@@ -19,7 +19,7 @@
name: 'App Rail',
description: 'A side navigation rail component',
imports: ['AppRail', 'AppRailTile', 'AppRailAnchor'],
- source: 'components/AppRail',
+ source: 'packages/skeleton/src/lib/components/AppRail',
// aria: 'https://www.w3.org/WAI/ARIA/apg/',
components: [
{ label: 'AppRail', sveld: sveldAppRail },
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/app-shell/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/app-shell/+page.svelte
index dd0570ba..c04932e3 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/app-shell/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/app-shell/+page.svelte
@@ -14,7 +14,7 @@
name: 'App Shell',
description: 'Responsive shell for controlling application layout.',
imports: ['AppShell'],
- source: 'components/AppShell',
+ source: 'packages/skeleton/src/lib/components/AppShell',
components: [{ sveld: sveldAppShell }]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/autocomplete/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/autocomplete/+page.svelte
index c3742aaf..945ee623 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/autocomplete/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/autocomplete/+page.svelte
@@ -17,7 +17,7 @@
description: 'Displays a list of suggested options.',
imports: ['Autocomplete'],
types: ['AutocompleteOption'],
- source: 'components/Autocomplete',
+ source: 'packages/skeleton/src/lib/components/Autocomplete',
// aria: 'https://www.w3.org/WAI/ARIA/apg/',
components: [{ sveld: sveldAutocomplete }],
keyboard: [
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/avatars/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/avatars/+page.svelte
index 878d3c52..52b9a64f 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/avatars/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/avatars/+page.svelte
@@ -17,7 +17,7 @@
name: 'Avatars',
description: 'Display user avatars with an image or initials.',
imports: ['Avatar'],
- source: 'components/Avatar',
+ source: 'packages/skeleton/src/lib/components/Avatar',
components: [{ sveld: sveldAvatar }]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/conic-gradients/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/conic-gradients/+page.svelte
index 24545518..894d921a 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/conic-gradients/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/conic-gradients/+page.svelte
@@ -14,7 +14,7 @@
description: 'Create conic gradient data visualizations for pie charts, loading spinners, and more.',
imports: ['ConicGradient'],
types: ['ConicStop'],
- source: 'components/ConicGradient',
+ source: 'packages/skeleton/src/lib/components/ConicGradient',
components: [{ sveld: sveldConicGradient }]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/file-buttons/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/file-buttons/+page.svelte
index 976a2cf6..7332f6b0 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/file-buttons/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/file-buttons/+page.svelte
@@ -13,7 +13,7 @@
name: 'File Buttons',
description: 'Allows you to select files with a single click.',
imports: ['FileButton'],
- source: 'components/FileButton',
+ source: 'packages/skeleton/src/lib/components/FileButton',
components: [{ sveld: sveldFileButton }],
restProps: 'input'
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/file-dropzone/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/file-dropzone/+page.svelte
index 3ecc6e0e..73c467f2 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/file-dropzone/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/file-dropzone/+page.svelte
@@ -13,7 +13,7 @@
name: 'File Dropzone',
description: 'Allow upload of files with drag and drop.',
imports: ['FileDropzone'],
- source: 'components/FileDropzone',
+ source: 'packages/skeleton/src/lib/components/FileDropzone',
components: [{ sveld: sveldFileDropzone }],
restProps: 'input'
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/input-chips/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/input-chips/+page.svelte
index 232fe3c8..224e1e06 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/input-chips/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/input-chips/+page.svelte
@@ -15,7 +15,7 @@
imports: ['InputChip'],
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/forms', 'elements/chips'],
- source: 'components/InputChip',
+ source: 'packages/skeleton/src/lib/components/InputChip',
components: [{ sveld: sveldInputChip }],
// aria: 'https://www.w3.org/WAI/ARIA/apg/',
restProps: 'input',
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/listboxes/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/listboxes/+page.svelte
index 16a2657b..3e603abf 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/listboxes/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/listboxes/+page.svelte
@@ -14,7 +14,7 @@
name: 'Listboxes',
description: 'Interactive listboxes that maintain selection state.',
imports: ['ListBox', 'ListBoxItem'],
- source: 'components/ListBox',
+ source: 'packages/skeleton/src/lib/components/ListBox',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/listbox/',
components: [
{ label: 'ListBox', sveld: sveldListBox },
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/paginators/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/paginators/+page.svelte
index bc8d4688..02afad23 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/paginators/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/paginators/+page.svelte
@@ -15,7 +15,7 @@
name: 'Paginators',
description: 'Navigate between multiple pages of content.',
imports: ['Paginator'],
- source: 'components/Paginator',
+ source: 'packages/skeleton/src/lib/components/Paginator',
components: [{ sveld: sveldPaginator }]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/progress-bars/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/progress-bars/+page.svelte
index 18f584d0..c3143189 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/progress-bars/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/progress-bars/+page.svelte
@@ -18,7 +18,7 @@
name: 'Progress Bars',
description: 'An indicator showing the progress or completion of a task.',
imports: ['ProgressBar'],
- source: 'components/ProgressBar',
+ source: 'packages/skeleton/src/lib/components/ProgressBar',
aria: 'https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role',
components: [{ sveld: sveldProgressBar }]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/progress-radials/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/progress-radials/+page.svelte
index d47c0184..8097e35e 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/progress-radials/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/progress-radials/+page.svelte
@@ -13,7 +13,7 @@
name: 'Progress Radials',
description: 'Displays a radial indicator showing the progress or completion of a task.',
imports: ['ProgressRadial'],
- source: 'components/ProgressRadial',
+ source: 'packages/skeleton/src/lib/components/ProgressRadial',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/meter/',
components: [{ sveld: sveldProgressRadial }]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/radio-groups/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/radio-groups/+page.svelte
index 9603c12f..2abd13a7 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/radio-groups/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/radio-groups/+page.svelte
@@ -14,7 +14,7 @@
name: 'Radio Groups',
description: 'Capture feedback limited to a small set of options.',
imports: ['RadioGroup', 'RadioItem'],
- source: 'components/Radio',
+ source: 'packages/skeleton/src/lib/components/Radio',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/',
restProps: 'RadioItem input',
components: [
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/range-sliders/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/range-sliders/+page.svelte
index 99c889d1..041c14f7 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/range-sliders/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/range-sliders/+page.svelte
@@ -13,7 +13,7 @@
name: 'Range Sliders',
description: 'Capture input from a range of values, including optional ticks.',
imports: ['RangeSlider'],
- source: 'components/RangeSlider',
+ source: 'packages/skeleton/src/lib/components/RangeSlider',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/slider/',
components: [{ sveld: sveldRangeSlider }],
restProps: 'input',
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/ratings/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/ratings/+page.svelte
index 5d1603ab..5ec9d6d5 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/ratings/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/ratings/+page.svelte
@@ -14,7 +14,7 @@
name: 'Ratings',
description: 'Create an visual representation of a numeric range.',
imports: ['Ratings'],
- source: 'components/Ratings',
+ source: 'packages/skeleton/src/lib/components/Ratings',
components: [{ label: 'Ratings', sveld: sveldRatings }]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/slide-toggles/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/slide-toggles/+page.svelte
index 9da3baf0..ea0446ab 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/slide-toggles/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/slide-toggles/+page.svelte
@@ -13,7 +13,7 @@
name: 'Slide Toggles',
description: 'A sliding toggle element that can capture input from a user.',
imports: ['SlideToggle'],
- source: 'components/SlideToggle',
+ source: 'packages/skeleton/src/lib/components/SlideToggle',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/switch/',
components: [{ sveld: sveldSlideToggle }],
restProps: 'input'
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/steppers/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/steppers/+page.svelte
index 5b3e0582..1b6f937c 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/steppers/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/steppers/+page.svelte
@@ -14,7 +14,7 @@
name: 'Steppers',
description: 'Divide and present content in sequenced steps.',
imports: ['Stepper', 'Step'],
- source: 'components/Stepper',
+ source: 'packages/skeleton/src/lib/components/Stepper',
components: [
{ label: 'Stepper', sveld: sveldStepper },
{
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/tables/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/tables/+page.svelte
index d16f8d12..f1cd5675 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/tables/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/tables/+page.svelte
@@ -22,7 +22,7 @@
description: 'Utilize a data-driven model to create simple presentational tables.',
imports: ['Table'],
types: ['TableSource'],
- source: 'components/Table',
+ source: 'packages/skeleton/src/lib/components/Table',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/grid/',
components: [{ sveld: sveldTable }],
keyboard: [
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/tabs/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/tabs/+page.svelte
index 95240c14..15068644 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/tabs/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/tabs/+page.svelte
@@ -15,7 +15,7 @@
name: 'Tabs',
description: 'Use tabs to quickly switch between different views and pages.',
imports: ['TabGroup', 'Tab', 'TabAnchor'],
- source: 'components/Tab',
+ source: 'packages/skeleton/src/lib/components/Tab',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/',
components: [
{ label: 'TabGroup', sveld: sveldTabGroup },
diff --git a/sites/skeleton.dev/src/routes/(inner)/components/tree-views/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/components/tree-views/+page.svelte
index 3e182036..5c54405e 100644
--- a/sites/skeleton.dev/src/routes/(inner)/components/tree-views/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/components/tree-views/+page.svelte
@@ -16,7 +16,7 @@
name: 'Tree Views',
description: 'Display information in a hierarchical structure using collapsible nodes.',
imports: ['TreeView', 'TreeViewItem', 'type TreeViewNode'],
- source: 'components/TreeView',
+ source: 'packages/skeleton/src/lib/components/TreeView',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/treeview/',
components: [
{ label: 'TreeView', sveld: sveldTreeView },
diff --git a/sites/skeleton.dev/src/routes/(inner)/docs/tokens/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/docs/tokens/+page.svelte
index 093f3eb3..d8e3f3b6 100644
--- a/sites/skeleton.dev/src/routes/(inner)/docs/tokens/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/docs/tokens/+page.svelte
@@ -10,7 +10,7 @@
name: 'Design Tokens',
description: 'The Skeleton Tailwind plugin provides a set of utility classes that adjust to your theme settings.',
// stylesheetIncludes: ['all', 'tokens'],
- source: 'tailwind/tokens'
+ source: 'packages/plugin/src/tailwind/tokens'
};
// Local
diff --git a/sites/skeleton.dev/src/routes/(inner)/docs/variants/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/docs/variants/+page.svelte
index c1157d6f..f1dd05d5 100644
--- a/sites/skeleton.dev/src/routes/(inner)/docs/variants/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/docs/variants/+page.svelte
@@ -10,7 +10,7 @@
feature: DocsFeature.Element,
name: 'Variants',
description: 'Canned styles available to easily customize elements, components, and more.',
- source: 'tailwind/tokens'
+ source: 'packages/plugin/src/styles/components/variants.css'
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/alerts/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/alerts/+page.svelte
index ae8c219d..6d685633 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/alerts/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/alerts/+page.svelte
@@ -16,7 +16,7 @@
description: 'Displays customizable alerts to attract attention and provide critical actions.',
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/alerts'],
- source: 'styles/elements/alerts.css',
+ source: 'packages/plugin/src/styles/components/alerts.css',
classes: [
['alert', '', 'Provide basic alert styles to a block element.'],
['alert-message', '', 'The message body styles. Contains a title and message.'],
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/badges/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/badges/+page.svelte
index e0c6dc9a..0d9f354c 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/badges/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/badges/+page.svelte
@@ -13,7 +13,7 @@
description: 'Provides a robust set of non-interactive badge styles.',
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/badges'],
- source: 'styles/elements/badges.css',
+ source: 'packages/plugin/src/styles/components/badges.css',
classes: [
['badge', '-', 'Provides the standard Badge style.'],
['badge-icon', '-', 'Provides the Icon Badge style.']
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/breadcrumbs/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/breadcrumbs/+page.svelte
index 626bc40c..fba89b0f 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/breadcrumbs/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/breadcrumbs/+page.svelte
@@ -13,7 +13,7 @@
description: 'Displays the current navigation hierarchy.',
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/breadcrumbs'],
- source: 'styles/elements/breadcrumbs.css',
+ source: 'packages/plugin/src/styles/components/breadcrumbs.css',
classes: [
['breadcrumb', '-', 'Add to an ol tag element.'],
['breadcrumb-nonresponsive', '-', 'Shows all crumbs on small mobile breakpoints.'],
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/buttons/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/buttons/+page.svelte
index f25b089a..33723431 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/buttons/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/buttons/+page.svelte
@@ -14,7 +14,7 @@
description: 'Provides a robust set of button styles, including preset variants.',
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/buttons'],
- source: 'styles/elements/buttons.css',
+ source: 'packages/plugin/src/styles/components/buttons.css',
classes: [
['.btn', '-', 'Creates a text button using a button or anchor.'],
['.btn-icon', '-', 'Creates a text icon button using a button or anchor.'],
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/cards/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/cards/+page.svelte
index 10d80760..494a13e3 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/cards/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/cards/+page.svelte
@@ -14,7 +14,7 @@
description: 'Provides container elements that wrap and separate content',
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/cards'],
- source: 'styles/elements/cards.css',
+ source: 'packages/plugin/src/styles/components/cards.css',
classes: [
['.card', '-', 'Adds basic card styling to any block element.'],
['.card-header', '-', 'The header region of the card.'],
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
index eb3934f2..dab06ad6 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
@@ -13,7 +13,7 @@
description: 'Interactive elements for actions, selection, or filtering.',
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/chips'],
- source: 'styles/elements/chips.css',
+ source: 'packages/plugin/src/styles/components/chips.css',
classes: [
['chip', '', 'Provides the standard chip style.'],
['chip-[color]', 'Any theme color.', 'Applies a variant style.'],
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/core/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/core/+page.svelte
index bd653edf..5870aaf5 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/core/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/core/+page.svelte
@@ -12,7 +12,7 @@
name: 'Core',
description: 'Provides a variety of globally scoped styles.',
stylesheetIncludes: ['skeleton', 'core'],
- source: 'styles/partials/core.css'
+ source: 'packages/plugin/src/styles/base/core.css'
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/forms/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/forms/+page.svelte
index a78d8a61..000bd778 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/forms/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/forms/+page.svelte
@@ -13,7 +13,7 @@
name: 'Forms',
description: 'Pair with the Tailwind Forms plugin to style various input fields.',
stylesheetIncludes: ['all', 'forms'],
- source: 'styles/elements/forms.css',
+ source: 'packages/plugin/src/styles/base/forms.css',
dependencies: [{ label: 'Tailwind Forms Plugin', url: 'https://github.com/tailwindlabs/tailwindcss-forms' }],
classes: [
['.legend', '', 'Provides theme styles to legend elements.'],
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/gradient-headings/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/gradient-headings/+page.svelte
index f35e1ac2..7c59a337 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/gradient-headings/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/gradient-headings/+page.svelte
@@ -13,7 +13,7 @@
name: 'Gradient Headings',
description: 'Create gradient-colored heading styles.',
// imports: ['GradientHeading'],
- // source: 'components/GradientHeading'
+ // source: 'packages/skeleton/src/lib/components/GradientHeading'
dependencies: [{ label: 'Tailwind Gradients', url: 'https://tailwindcss.com/docs/gradient-color-stops' }]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/image-layouts/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/image-layouts/+page.svelte
index e091f628..4d4bad37 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/image-layouts/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/image-layouts/+page.svelte
@@ -17,7 +17,7 @@
// types: ['Template'],
// stylesheetIncludes: ['all', 'elements'],
// stylesheets: ['elements/template'],
- // source: 'components/Template',
+ // source: 'packages/skeleton/src/lib/components/Template',
// aria: 'https://www.w3.org/WAI/ARIA/apg/'
// dependencies: [{ label: 'Highlight.js', url: 'https://highlightjs.org/' }],
// components: [{sveld: sveldComp}],
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/lists/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/lists/+page.svelte
index b4b06501..6041b835 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/lists/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/lists/+page.svelte
@@ -15,7 +15,7 @@
description: 'Provides styles for static list elements.',
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/lists'],
- source: 'styles/elements/lists.css',
+ source: 'packages/plugin/src/styles/components/lists.css',
classes: [
['.list', '-', 'Class for defining an unordered or ordered list.'],
['.list-dl', '-', 'Class for defining a description list.'],
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/logo-clouds/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/logo-clouds/+page.svelte
index d8603627..b669f3b9 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/logo-clouds/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/logo-clouds/+page.svelte
@@ -15,7 +15,7 @@
description: 'Provides a grid for presenting a set of logos, brands, or sponsors.',
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/logo-clouds'],
- source: 'styles/elements/logo-clouds.css',
+ source: 'packages/plugin/src/styles/components/logo-clouds.css',
classes: [
['.logo-cloud', '-', 'Apply to a wrapping block element around a set of logos.'],
['.logo-item', '-', 'Apply to each logo child element.']
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/placeholders/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/placeholders/+page.svelte
index b31369d5..2bffd9a0 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/placeholders/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/placeholders/+page.svelte
@@ -12,7 +12,7 @@
description: 'Provides "skeleton" placeholders that can display while content loads.',
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/placeholders'],
- source: 'styles/elements/placeholders.css',
+ source: 'packages/plugin/src/styles/components/placeholders.css',
classes: [
['placeholder', '-', 'Applies the default placeholder style.'],
['placeholder-circle', '-', 'Applies the circular placeholder style.']
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/tables/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/tables/+page.svelte
index 0093373b..c95c0c0d 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/tables/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/tables/+page.svelte
@@ -14,7 +14,7 @@
description: 'Provides a set of styles for native HTML table elements.',
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/tables'],
- source: 'styles/elements/tables.css',
+ source: 'packages/plugin/src/styles/components/tables.css',
classes: [
['.table-container', '-', 'Apply to a wrapping parent element to enable responsive scrolling.'],
['.table', '-', 'Apply to a native HTML table element to add table styles.'],
diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/typography/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/typography/+page.svelte
index bb63d939..e1469de4 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/typography/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/typography/+page.svelte
@@ -11,7 +11,7 @@
name: 'Typography',
description: 'Provides a variety of globally scoped typographic styles. Keeps common tags styled consistently throughout an app.',
stylesheetIncludes: ['skeleton', 'typography'],
- source: 'styles/partials/typography.css'
+ source: 'packages/plugin/src/styles/components/typography.css'
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/template/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/template/+page.svelte
index 62c47296..3a568453 100644
--- a/sites/skeleton.dev/src/routes/(inner)/template/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/template/+page.svelte
@@ -17,7 +17,7 @@
types: ['Template'],
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/template'],
- source: 'components/Template',
+ source: 'packages/skeleton/src/lib/components/Template',
aria: 'https://www.w3.org/WAI/ARIA/apg/'
// dependencies: [{ label: 'Highlight.js', url: 'https://highlightjs.org/' }],
// components: [{sveld: sveldComp}],
diff --git a/sites/skeleton.dev/src/routes/(inner)/utilities/codeblocks/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/utilities/codeblocks/+page.svelte
index 6219bf62..261a6b19 100644
--- a/sites/skeleton.dev/src/routes/(inner)/utilities/codeblocks/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/utilities/codeblocks/+page.svelte
@@ -15,7 +15,7 @@
'Displays pre-formatted source code, with optional support for Highlight.js syntax highlighting.',
imports: ['CodeBlock'],
stylesheets: ['highlight-js'],
- source: 'utilities/CodeBlock',
+ source: 'packages/skeleton/src/lib/utilities/CodeBlock',
components: [{ sveld: sveldCodeBlock }],
dependencies: [{ label: 'Highlight.js', url: 'https://highlightjs.org/' }]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/utilities/drawers/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/utilities/drawers/+page.svelte
index e4afd02d..69df9c15 100644
--- a/sites/skeleton.dev/src/routes/(inner)/utilities/drawers/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/utilities/drawers/+page.svelte
@@ -18,7 +18,7 @@
description: 'Displays an overlay panel that attaches to any side of the screen.',
imports: ['Drawer', 'getDrawerStore'],
types: ['DrawerSettings', 'DrawerStore'],
- source: 'utilities/Drawer',
+ source: 'packages/skeleton/src/lib/utilities/Drawer',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/',
components: [{ sveld: sveldDrawer }],
keyboard: [['Esc', ' Closes the drawer.']]
diff --git a/sites/skeleton.dev/src/routes/(inner)/utilities/lightswitches/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/utilities/lightswitches/+page.svelte
index a59ce17e..5cdda14f 100644
--- a/sites/skeleton.dev/src/routes/(inner)/utilities/lightswitches/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/utilities/lightswitches/+page.svelte
@@ -13,7 +13,7 @@
name: 'Lightswitch',
description: `Components and utilities to toggle Tailwind's dark mode.`,
imports: ['LightSwitch'],
- source: 'utilities/LightSwitch',
+ source: 'packages/skeleton/src/lib/utilities/LightSwitch',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/switch/',
components: [{ sveld: sveldLightSwitch }],
keyboard: [['Space or Enter', 'Toggle the switch state.']]
diff --git a/sites/skeleton.dev/src/routes/(inner)/utilities/local-storage-stores/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/utilities/local-storage-stores/+page.svelte
index 88bbeeb2..e013f70d 100644
--- a/sites/skeleton.dev/src/routes/(inner)/utilities/local-storage-stores/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/utilities/local-storage-stores/+page.svelte
@@ -11,7 +11,7 @@
description:
'An extended version of the Svelte writable store that includes pub/sub to local storage.',
imports: ['localStorageStore'],
- source: 'utilities/LocalStorageStore'
+ source: 'packages/skeleton/src/lib/utilities/LocalStorageStore'
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/utilities/modals/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/utilities/modals/+page.svelte
index 61f064c2..e7473778 100644
--- a/sites/skeleton.dev/src/routes/(inner)/utilities/modals/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/utilities/modals/+page.svelte
@@ -27,7 +27,7 @@
description: 'High priority dialogs and modals using a dynamic queue system.',
imports: ['Modal', 'getModalStore'],
types: ['ModalSettings', 'ModalComponent', 'ModalStore'],
- source: 'utilities/Modal',
+ source: 'packages/skeleton/src/lib/utilities/Modal',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/',
components: [{ sveld: sveldModal }],
keyboard: [['Esc', ' Dismisses the foremost modal.']],
diff --git a/sites/skeleton.dev/src/routes/(inner)/utilities/popups/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/utilities/popups/+page.svelte
index 602f0ed5..c74d394c 100644
--- a/sites/skeleton.dev/src/routes/(inner)/utilities/popups/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/utilities/popups/+page.svelte
@@ -17,7 +17,7 @@
types: ['PopupSettings'],
stylesheetIncludes: ['all', 'elements'],
stylesheets: ['elements/popups'],
- source: 'utilities/Popup',
+ source: 'packages/skeleton/src/lib/utilities/Popup',
aria: 'https://www.w3.org/WAI/ARIA/apg/patterns/menu/',
classes: [
['[data-popup]', '', `Follows Floating UI's best practices. Sets hidden by default.`],
diff --git a/sites/skeleton.dev/src/routes/(inner)/utilities/table-of-contents/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/utilities/table-of-contents/+page.svelte
index 0c5e3770..26721d5a 100644
--- a/sites/skeleton.dev/src/routes/(inner)/utilities/table-of-contents/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/utilities/table-of-contents/+page.svelte
@@ -13,7 +13,7 @@
name: 'Table of Contents',
description: 'Allows you to quickly navigate the hierarchy of headings for the current page.',
imports: ['TableOfContents', 'tocCrawler'],
- source: 'components/TableOfContents',
+ source: 'packages/skeleton/src/lib/utilities/TableOfContents',
components: [{ sveld: sveldTableOfContents }]
};
diff --git a/sites/skeleton.dev/src/routes/(inner)/utilities/toasts/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/utilities/toasts/+page.svelte
index c44d5f41..af847805 100644
--- a/sites/skeleton.dev/src/routes/(inner)/utilities/toasts/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/utilities/toasts/+page.svelte
@@ -18,7 +18,7 @@
description: 'Simple notifications utilizing a dynamic queue system.',
imports: ['Toast', 'getToastStore'],
types: ['ToastSettings', 'ToastStore'],
- source: 'utilities/Toast',
+ source: 'packages/skeleton/src/lib/utilities/Toast',
components: [{ sveld: sveldToast }],
transitionIn: 'fly',
transitionOut: 'fly'