@skeletonlabs/skeleton-common 1.0.0-next.7 → 1.0.0-next.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/classes/app-bar.d.ts +11 -0
  2. package/dist/classes/app-bar.d.ts.map +1 -0
  3. package/dist/classes/app-bar.js +12 -0
  4. package/dist/classes/app-bar.js.map +1 -0
  5. package/dist/classes/segmented-control.d.ts +11 -0
  6. package/dist/classes/segmented-control.d.ts.map +1 -0
  7. package/dist/classes/segmented-control.js +12 -0
  8. package/dist/classes/segmented-control.js.map +1 -0
  9. package/dist/classes/switch.js +2 -2
  10. package/dist/classes/switch.js.map +1 -1
  11. package/dist/classes/tabs.js +3 -3
  12. package/dist/classes/tabs.js.map +1 -1
  13. package/dist/classes/tags-input.js +1 -1
  14. package/dist/classes/tags-input.js.map +1 -1
  15. package/dist/index.d.ts +3 -1
  16. package/dist/index.js +3 -1
  17. package/package.json +2 -2
package/dist/classes/app-bar.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ //#region src/classes/app-bar.d.ts
2
+ declare const classesAppBar: {
3
+ root: string;
4
+ toolbar: string;
5
+ lead: string;
6
+ headline: string;
7
+ trail: string;
8
+ };
9
+ //#endregion
10
+ export { classesAppBar };
11
+ //# sourceMappingURL=app-bar.d.ts.map
package/dist/classes/app-bar.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-bar.d.ts","names":[],"sources":["../../src/classes/app-bar.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,IAAA,EAAA,MAAA"}
package/dist/classes/app-bar.js ADDED
@@ -0,0 +1,12 @@
1
+ //#region src/classes/app-bar.ts
2
+ const classesAppBar = {
3
+ "root": "skb:w-full skb:bg-surface-100-900 skb:p-4 skb:space-y-4",
4
+ "toolbar": "skb:grid skb:items-center skb:justify-between skb:gap-4",
5
+ "lead": "",
6
+ "headline": "",
7
+ "trail": "skb:flex skb:gap-2"
8
+ };
9
+
10
+ //#endregion
11
+ export { classesAppBar };
12
+ //# sourceMappingURL=app-bar.js.map
package/dist/classes/app-bar.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-bar.js","names":[],"sources":["../../src/classes/app-bar.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesAppBar = defineSkeletonClasses({\n\troot: 'w-full bg-surface-100-900 p-4 space-y-4',\n\ttoolbar: 'grid items-center justify-between gap-4',\n\tlead: '',\n\theadline: '',\n\ttrail: 'flex gap-2',\n});\n"],"mappings":";AAEA,MAAa,gBAAgB;CAAA,QAAA;CAAA,WAAA;CAAA,QAAA;CAAA,YAAA;CAAA,SAAA;CAM3B"}
package/dist/classes/segmented-control.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ //#region src/classes/segmented-control.d.ts
2
+ declare const classesSegmentedControl: {
3
+ root: string;
4
+ indicator: string;
5
+ item: string;
6
+ itemText: string;
7
+ itemHiddenInput: string;
8
+ };
9
+ //#endregion
10
+ export { classesSegmentedControl };
11
+ //# sourceMappingURL=segmented-control.d.ts.map
package/dist/classes/segmented-control.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"segmented-control.d.ts","names":[],"sources":["../../src/classes/segmented-control.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,IAAA,EAAA,MAAA"}
package/dist/classes/segmented-control.js ADDED
@@ -0,0 +1,12 @@
1
+ //#region src/classes/segmented-control.ts
2
+ const classesSegmentedControl = {
3
+ "root": "skb:inline-flex skb:preset-outlined-surface-200-800 skb:p-2 skb:gap-2 skb:rounded skb:data-[orientation=horizontal]:flex-row skb:data-[orientation=vertical]:flex-col",
4
+ "indicator": "skb:top-(--top) skb:left-(--left) skb:w-(--width) skb:h-(--height) skb:preset-filled skb:rounded skb:data-disabled:opacity-50",
5
+ "item": "skb:btn skb:cursor-pointer skb:z-10 skb:data-focus-visible:outline-2 skb:data-focus-visible:outline-offset-1 skb:data-focus-visible:outline-surface-950-50 skb:data-readonly:pointer-events-none skb:data-disabled:pointer-events-none skb:data-disabled:opacity-50",
6
+ "itemText": "skb:transition-colors skb:data-[state=checked]:text-surface-contrast-950 skb:data-[state=checked]:dark:text-surface-contrast-50",
7
+ "itemHiddenInput": ""
8
+ };
9
+
10
+ //#endregion
11
+ export { classesSegmentedControl };
12
+ //# sourceMappingURL=segmented-control.js.map
package/dist/classes/segmented-control.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"segmented-control.js","names":[],"sources":["../../src/classes/segmented-control.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesSegmentedControl = defineSkeletonClasses({\n\troot: [\n\t\t'inline-flex preset-outlined-surface-200-800 p-2 gap-2 rounded',\n\t\t'data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col',\n\t],\n\tindicator: 'top-(--top) left-(--left) w-(--width) h-(--height) preset-filled rounded data-disabled:opacity-50',\n\titem: [\n\t\t'btn cursor-pointer z-10',\n\t\t'data-focus-visible:outline-2 data-focus-visible:outline-offset-1 data-focus-visible:outline-surface-950-50',\n\t\t'data-readonly:pointer-events-none',\n\t\t'data-disabled:pointer-events-none data-disabled:opacity-50',\n\t],\n\titemText: ['transition-colors', 'data-[state=checked]:text-surface-contrast-950 data-[state=checked]:dark:text-surface-contrast-50 '],\n\titemHiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,0BAA0B;CAAA,QAAA;CAAA,aAAA;CAAA,QAAA;CAAA,YAAA;CAAA,mBAAA;CAcrC"}
package/dist/classes/switch.js CHANGED
@@ -1,7 +1,7 @@
1
1
  //#region src/classes/switch.ts
2
2
  const classesSwitch = {
3
- "root": "skb:cursor-pointer skb:data-disabled:cursor-not-allowed skb:data-disabled:opacity-50 skb:flex skb:gap-2",
4
- "control": "skb:block skb:preset-filled-surface-200-800 skb:h-6 skb:w-10 skb:p-0.5 skb:rounded-full skb:flex skb:justify-start skb:data-[state=checked]:preset-filled-primary-500 skb:data-focus:ring-2 skb:data-focus:ring-surface-950-50",
3
+ "root": "skb:cursor-pointer skb:data-disabled:cursor-not-allowed skb:data-disabled:opacity-50 skb:inline-flex skb:gap-2 skb:items-center skb:rounded skb:data-focus-visible:outline-2 skb:data-focus-visible:outline-offset-1 skb:data-focus-visible:outline-surface-950-50",
4
+ "control": "skb:block skb:preset-filled-surface-200-800 skb:h-6 skb:w-10 skb:p-0.5 skb:rounded-full skb:flex skb:justify-start skb:data-[state=checked]:preset-filled-primary-500",
5
5
  "thumb": "skb:rounded-full skb:block skb:preset-filled-surface-50-950 skb:h-full skb:aspect-square skb:transition-transform skb:grid skb:place-items-center skb:data-[state=checked]:bg-surface-950-50 skb:data-[state=checked]:translate-x-4 skb:rtl:data-[state=checked]:-translate-x-4",
6
6
  "label": "skb:label-text",
7
7
  "hiddenInput": ""
package/dist/classes/switch.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"switch.js","names":[],"sources":["../../src/classes/switch.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesSwitch = defineSkeletonClasses({\n\troot: 'cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-50 flex gap-2',\n\tcontrol: [\n\t\t'block preset-filled-surface-200-800 h-6 w-10 p-0.5 rounded-full flex justify-start',\n\t\t'data-[state=checked]:preset-filled-primary-500',\n\t\t'data-focus:ring-2 data-focus:ring-surface-950-50',\n\t],\n\tthumb: [\n\t\t'rounded-full block preset-filled-surface-50-950 h-full aspect-square transition-transform grid place-items-center',\n\t\t'data-[state=checked]:bg-surface-950-50 data-[state=checked]:translate-x-4 rtl:data-[state=checked]:-translate-x-4',\n\t],\n\tlabel: 'label-text',\n\thiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,gBAAgB;CAAA,QAAA;CAAA,WAAA;CAAA,SAAA;CAAA,SAAA;CAAA,eAAA;CAa3B"}
1
+ {"version":3,"file":"switch.js","names":[],"sources":["../../src/classes/switch.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesSwitch = defineSkeletonClasses({\n\troot: [\n\t\t'cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-50 inline-flex gap-2 items-center rounded',\n\t\t'data-focus-visible:outline-2 data-focus-visible:outline-offset-1 data-focus-visible:outline-surface-950-50',\n\t],\n\tcontrol: [\n\t\t'block preset-filled-surface-200-800 h-6 w-10 p-0.5 rounded-full flex justify-start',\n\t\t'data-[state=checked]:preset-filled-primary-500',\n\t],\n\tthumb: [\n\t\t'rounded-full block preset-filled-surface-50-950 h-full aspect-square transition-transform grid place-items-center',\n\t\t'data-[state=checked]:bg-surface-950-50 data-[state=checked]:translate-x-4 rtl:data-[state=checked]:-translate-x-4',\n\t],\n\tlabel: 'label-text',\n\thiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,gBAAgB;CAAA,QAAA;CAAA,WAAA;CAAA,SAAA;CAAA,SAAA;CAAA,eAAA;CAe3B"}
package/dist/classes/tabs.js CHANGED
@@ -1,8 +1,8 @@
1
1
  //#region src/classes/tabs.ts
2
2
  const classesTabs = {
3
- "root": "skb:w-full skb:flex skb:data-[orientation=horizontal]:flex-col skb:data-[orientation=vertical]:flex-row",
4
- "list": "skb:relative skb:data-[orientation=horizontal]:mb-4 skb:data-[orientation=horizontal]:pb-2 skb:data-[orientation=vertical]:pe-2 skb:data-[orientation=vertical]:me-4 skb:flex skb:data-[orientation=horizontal]:flex-row skb:data-[orientation=vertical]:flex-col skb:gap-2 skb:data-[orientation=horizontal]:border-b skb:data-[orientation=vertical]:border-e skb:border-surface-200-800",
5
- "trigger": "skb:btn skb:hover:preset-tonal-primary skb:data-disabled:opacity-50 skb:data-disabled:pointer-events-none",
3
+ "root": "skb:flex skb:data-[orientation=horizontal]:flex-col skb:data-[orientation=vertical]:flex-row",
4
+ "list": "skb:relative skb:flex skb:gap-2 skb:border-surface-200-800 skb:data-[orientation=horizontal]:pb-2 skb:data-[orientation=horizontal]:mb-4 skb:data-[orientation=horizontal]:flex-row skb:data-[orientation=horizontal]:border-b skb:data-[orientation=vertical]:pe-2 skb:data-[orientation=vertical]:me-4 skb:data-[orientation=vertical]:flex-col skb:data-[orientation=vertical]:border-e",
5
+ "trigger": "skb:btn skb:hover:preset-tonal-primary skb:data-disabled:opacity-50",
6
6
  "indicator": "skb:bg-surface-950-50 skb:data-[orientation=horizontal]:w-(--width) skb:data-[orientation=horizontal]:h-0.5 skb:data-[orientation=horizontal]:bottom-0 skb:data-[orientation=vertical]:w-0.5 skb:data-[orientation=vertical]:h-(--height) skb:data-[orientation=vertical]:end-0",
7
7
  "content": ""
8
8
  };
package/dist/classes/tabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","names":[],"sources":["../../src/classes/tabs.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesTabs = defineSkeletonClasses({\n\troot: 'w-full flex data-[orientation=horizontal]:flex-col data-[orientation=vertical]:flex-row',\n\tlist: 'relative data-[orientation=horizontal]:mb-4 data-[orientation=horizontal]:pb-2 data-[orientation=vertical]:pe-2 data-[orientation=vertical]:me-4 flex data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col gap-2 data-[orientation=horizontal]:border-b data-[orientation=vertical]:border-e border-surface-200-800',\n\ttrigger: 'btn hover:preset-tonal-primary data-disabled:opacity-50 data-disabled:pointer-events-none',\n\tindicator:\n\t\t'bg-surface-950-50 data-[orientation=horizontal]:w-(--width) data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:bottom-0 data-[orientation=vertical]:w-0.5 data-[orientation=vertical]:h-(--height) data-[orientation=vertical]:end-0',\n\tcontent: '',\n});\n"],"mappings":";AAEA,MAAa,cAAc;CAAA,QAAA;CAAA,QAAA;CAAA,WAAA;CAAA,aAAA;CAAA,WAAA;CAOzB"}
1
+ {"version":3,"file":"tabs.js","names":[],"sources":["../../src/classes/tabs.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesTabs = defineSkeletonClasses({\n\troot: ['flex', 'data-[orientation=horizontal]:flex-col data-[orientation=vertical]:flex-row'],\n\tlist: [\n\t\t'relative flex gap-2 border-surface-200-800',\n\t\t'data-[orientation=horizontal]:pb-2 data-[orientation=horizontal]:mb-4 data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:border-b',\n\t\t'data-[orientation=vertical]:pe-2 data-[orientation=vertical]:me-4 data-[orientation=vertical]:flex-col data-[orientation=vertical]:border-e',\n\t],\n\ttrigger: ['btn hover:preset-tonal-primary', 'data-disabled:opacity-50'],\n\tindicator: [\n\t\t'bg-surface-950-50',\n\t\t'data-[orientation=horizontal]:w-(--width) data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:bottom-0',\n\t\t'data-[orientation=vertical]:w-0.5 data-[orientation=vertical]:h-(--height) data-[orientation=vertical]:end-0',\n\t],\n\tcontent: '',\n});\n"],"mappings":";AAEA,MAAa,cAAc;CAAA,QAAA;CAAA,QAAA;CAAA,WAAA;CAAA,aAAA;CAAA,WAAA;CAczB"}
package/dist/classes/tags-input.js CHANGED
@@ -4,7 +4,7 @@ const classesTagsInput = {
4
4
  "label": "skb:label-text",
5
5
  "control": "skb:input skb:flex skb:flex-wrap skb:gap-2 skb:p-2",
6
6
  "item": "",
7
- "itemPreview": "skb:chip skb:flex skb:gap-0 skb:p-0 skb:preset-filled skb:hover:brightness-100 skb:w-fit skb:data-highlighted:ring-2 skb:data-highlighted:ring-primary-500",
7
+ "itemPreview": "skb:chip skb:flex skb:gap-0 skb:p-0 skb:preset-filled skb:hover:brightness-100 skb:w-fit skb:data-highlighted:ring skb:data-highlighted:ring-primary-500",
8
8
  "itemText": "skb:leading-none skb:px-2 skb:py-1",
9
9
  "itemDeleteTrigger": "skb:hover:preset-tonal skb:px-2 skb:py-1",
10
10
  "itemInput": "skb:input skb:text-xs",
package/dist/classes/tags-input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tags-input.js","names":[],"sources":["../../src/classes/tags-input.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesTagsInput = defineSkeletonClasses({\n\troot: 'w-full space-y-2 gap-2',\n\tlabel: 'label-text',\n\tcontrol: 'input flex flex-wrap gap-2 p-2',\n\titem: '',\n\titemPreview: [\n\t\t'chip flex gap-0 p-0 preset-filled hover:brightness-100 w-fit',\n\t\t'data-highlighted:ring-2 data-highlighted:ring-primary-500',\n\t],\n\titemText: 'leading-none px-2 py-1',\n\titemDeleteTrigger: 'hover:preset-tonal px-2 py-1',\n\titemInput: 'input text-xs',\n\tinput: 'input-ghost',\n\tclearTrigger: 'btn btn-sm preset-tonal hover:preset-filled-error-500',\n\thiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,mBAAmB;CAAA,QAAA;CAAA,SAAA;CAAA,WAAA;CAAA,QAAA;CAAA,eAAA;CAAA,YAAA;CAAA,qBAAA;CAAA,aAAA;CAAA,SAAA;CAAA,gBAAA;CAAA,eAAA;CAe9B"}
1
+ {"version":3,"file":"tags-input.js","names":[],"sources":["../../src/classes/tags-input.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesTagsInput = defineSkeletonClasses({\n\troot: 'w-full space-y-2 gap-2',\n\tlabel: 'label-text',\n\tcontrol: 'input flex flex-wrap gap-2 p-2',\n\titem: '',\n\titemPreview: ['chip flex gap-0 p-0 preset-filled hover:brightness-100 w-fit', 'data-highlighted:ring data-highlighted:ring-primary-500'],\n\titemText: 'leading-none px-2 py-1',\n\titemDeleteTrigger: 'hover:preset-tonal px-2 py-1',\n\titemInput: 'input text-xs',\n\tinput: 'input-ghost',\n\tclearTrigger: 'btn btn-sm preset-tonal hover:preset-filled-error-500',\n\thiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,mBAAmB;CAAA,QAAA;CAAA,SAAA;CAAA,WAAA;CAAA,QAAA;CAAA,eAAA;CAAA,YAAA;CAAA,qBAAA;CAAA,aAAA;CAAA,SAAA;CAAA,gBAAA;CAAA,eAAA;CAY9B"}
package/dist/index.d.ts CHANGED
@@ -1,14 +1,16 @@
1
1
  import { classesAccordion } from "./classes/accordion.js";
2
+ import { classesAppBar } from "./classes/app-bar.js";
2
3
  import { classesAvatar } from "./classes/avatar.js";
3
4
  import { classesDialog } from "./classes/dialog.js";
4
5
  import { classesFileUpload } from "./classes/file-upload.js";
5
6
  import { classesPopover } from "./classes/popover.js";
6
7
  import { classesProgressLinear } from "./classes/progress-linear.js";
7
8
  import { classesRatingGroup } from "./classes/rating-group.js";
9
+ import { classesSegmentedControl } from "./classes/segmented-control.js";
8
10
  import { classesSwitch } from "./classes/switch.js";
9
11
  import { classesTabs } from "./classes/tabs.js";
10
12
  import { classesTagsInput } from "./classes/tags-input.js";
11
13
  import { classesToast } from "./classes/toast.js";
12
14
  import { classesTooltip } from "./classes/tooltip.js";
13
15
  import { Theme, themes } from "./themes.js";
14
- export { Theme, classesAccordion, classesAvatar, classesDialog, classesFileUpload, classesPopover, classesProgressLinear, classesRatingGroup, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };
16
+ export { Theme, classesAccordion, classesAppBar, classesAvatar, classesDialog, classesFileUpload, classesPopover, classesProgressLinear, classesRatingGroup, classesSegmentedControl, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };
package/dist/index.js CHANGED
@@ -1,10 +1,12 @@
1
1
  import { classesAccordion } from "./classes/accordion.js";
2
+ import { classesAppBar } from "./classes/app-bar.js";
2
3
  import { classesAvatar } from "./classes/avatar.js";
3
4
  import { classesDialog } from "./classes/dialog.js";
4
5
  import { classesFileUpload } from "./classes/file-upload.js";
5
6
  import { classesPopover } from "./classes/popover.js";
6
7
  import { classesProgressLinear } from "./classes/progress-linear.js";
7
8
  import { classesRatingGroup } from "./classes/rating-group.js";
9
+ import { classesSegmentedControl } from "./classes/segmented-control.js";
8
10
  import { classesSwitch } from "./classes/switch.js";
9
11
  import { classesTabs } from "./classes/tabs.js";
10
12
  import { classesTagsInput } from "./classes/tags-input.js";
@@ -12,4 +14,4 @@ import { classesToast } from "./classes/toast.js";
12
14
  import { classesTooltip } from "./classes/tooltip.js";
13
15
  import { themes } from "./themes.js";
14
16
 
15
- export { classesAccordion, classesAvatar, classesDialog, classesFileUpload, classesPopover, classesProgressLinear, classesRatingGroup, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };
17
+ export { classesAccordion, classesAppBar, classesAvatar, classesDialog, classesFileUpload, classesPopover, classesProgressLinear, classesRatingGroup, classesSegmentedControl, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skeletonlabs/skeleton-common",
3
- "version": "1.0.0-next.7",
3
+ "version": "1.0.0-next.9",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -19,7 +19,7 @@
19
19
  "typescript": "5.9.2",
20
20
  "unplugin-macros": "0.18.1",
21
21
  "unplugin-raw": "0.6.1",
22
- "@skeletonlabs/skeleton": "4.0.0-next.3"
22
+ "@skeletonlabs/skeleton": "4.0.0-next.4"
23
23
  },
24
24
  "scripts": {
25
25
  "dev": "tsdown --watch",