@skeletonlabs/skeleton-common 1.0.0-next.1 → 1.0.0-next.3

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 (37) hide show
  1. package/dist/classes/accordion.d.ts +11 -0
  2. package/dist/classes/accordion.js +12 -0
  3. package/dist/classes/avatar.d.ts +8 -0
  4. package/dist/classes/avatar.js +9 -0
  5. package/dist/classes/progress-linear.d.ts +9 -0
  6. package/dist/classes/progress-linear.js +10 -0
  7. package/dist/classes/rating-group.d.ts +10 -0
  8. package/dist/classes/rating-group.js +11 -0
  9. package/dist/classes/tabs.d.ts +10 -0
  10. package/dist/classes/tabs.js +11 -0
  11. package/dist/index.d.ts +7 -26
  12. package/dist/index.js +8 -223
  13. package/dist/skeleton/dist/themes/catppuccin.js +5 -0
  14. package/dist/skeleton/dist/themes/cerberus.js +5 -0
  15. package/dist/skeleton/dist/themes/concord.js +5 -0
  16. package/dist/skeleton/dist/themes/crimson.js +5 -0
  17. package/dist/skeleton/dist/themes/fennec.js +5 -0
  18. package/dist/skeleton/dist/themes/hamlindigo.js +5 -0
  19. package/dist/skeleton/dist/themes/legacy.js +5 -0
  20. package/dist/skeleton/dist/themes/mint.js +5 -0
  21. package/dist/skeleton/dist/themes/modern.js +5 -0
  22. package/dist/skeleton/dist/themes/mona.js +5 -0
  23. package/dist/skeleton/dist/themes/nosh.js +5 -0
  24. package/dist/skeleton/dist/themes/nouveau.js +5 -0
  25. package/dist/skeleton/dist/themes/pine.js +5 -0
  26. package/dist/skeleton/dist/themes/reign.js +5 -0
  27. package/dist/skeleton/dist/themes/rocket.js +5 -0
  28. package/dist/skeleton/dist/themes/rose.js +5 -0
  29. package/dist/skeleton/dist/themes/sahara.js +5 -0
  30. package/dist/skeleton/dist/themes/seafoam.js +5 -0
  31. package/dist/skeleton/dist/themes/terminus.js +5 -0
  32. package/dist/skeleton/dist/themes/vintage.js +5 -0
  33. package/dist/skeleton/dist/themes/vox.js +5 -0
  34. package/dist/skeleton/dist/themes/wintry.js +5 -0
  35. package/dist/themes.d.ts +9 -0
  36. package/dist/themes.js +139 -0
  37. package/package.json +3 -6
@@ -0,0 +1,11 @@
1
+ //#region src/classes/accordion.d.ts
2
+ declare const classesAccordion: {
3
+ root: string;
4
+ content: string;
5
+ heading: string;
6
+ trigger: string;
7
+ item: string;
8
+ indicator: string;
9
+ };
10
+ //#endregion
11
+ export { classesAccordion };
@@ -0,0 +1,12 @@
1
+ //#region src/classes/accordion.ts
2
+ const classesAccordion = {
3
+ "root": "skb:w-full skb:grid skb:gap-2",
4
+ "content": "skb:py-2 skb:px-4",
5
+ "heading": "",
6
+ "trigger": "skb:w-full skb:grid skb:items-center skb:gap-4 skb:py-2 skb:px-4 skb:rounded-base skb:text-left skb:hover:preset-tonal-primary",
7
+ "item": "skb:grid skb:gap-2",
8
+ "indicator": ""
9
+ };
10
+
11
+ //#endregion
12
+ export { classesAccordion };
@@ -0,0 +1,8 @@
1
+ //#region src/classes/avatar.d.ts
2
+ declare const classesAvatar: {
3
+ root: string;
4
+ image: string;
5
+ fallback: string;
6
+ };
7
+ //#endregion
8
+ export { classesAvatar };
@@ -0,0 +1,9 @@
1
+ //#region src/classes/avatar.ts
2
+ const classesAvatar = {
3
+ "root": "skb:isolate skb:bg-surface-400-600 skb:size-16 skb:rounded-full skb:overflow-hidden",
4
+ "image": "skb:w-full skb:object-cover",
5
+ "fallback": "skb:size-full skb:flex skb:justify-center skb:items-center"
6
+ };
7
+
8
+ //#endregion
9
+ export { classesAvatar };
@@ -0,0 +1,9 @@
1
+ //#region src/classes/progress-linear.d.ts
2
+ declare const classesProgressLinear: {
3
+ root: string;
4
+ label: string;
5
+ track: string;
6
+ range: string;
7
+ };
8
+ //#endregion
9
+ export { classesProgressLinear };
@@ -0,0 +1,10 @@
1
+ //#region src/classes/progress-linear.ts
2
+ const classesProgressLinear = {
3
+ "root": "skb:items-center skb:justify-center skb:gap-2 skb:data-[orientation=horizontal]:flex skb:data-[orientation=horizontal]:flex-row skb:data-[orientation=horizontal]:w-full skb:data-[orientation=vertical]:inline-flex skb:data-[orientation=vertical]:flex-col",
4
+ "label": "skb:whitespace-nowrap",
5
+ "track": "skb:bg-surface-200-800 skb:rounded-base skb:overflow-hidden skb:data-[orientation=horizontal]:w-full skb:data-[orientation=horizontal]:h-2 skb:data-[orientation=vertical]:w-2 skb:data-[orientation=vertical]:h-[100px]",
6
+ "range": "skb:h-full skb:bg-surface-950-50 skb:rounded-base skb:data-[orientation=horizontal]:transition-[width] skb:data-[orientation=horizontal]:data-[state=indeterminate]:animate-progress-indeterminate-horz skb:data-[orientation=vertical]:transition-[height] skb:data-[orientation=vertical]:data-[state=indeterminate]:animate-progress-indeterminate-vert"
7
+ };
8
+
9
+ //#endregion
10
+ export { classesProgressLinear };
@@ -0,0 +1,10 @@
1
+ //#region src/classes/rating-group.d.ts
2
+ declare const classesRatingGroup: {
3
+ root: string;
4
+ label: string;
5
+ control: string;
6
+ item: string;
7
+ hiddenInput: string;
8
+ };
9
+ //#endregion
10
+ export { classesRatingGroup };
@@ -0,0 +1,11 @@
1
+ //#region src/classes/rating-group.ts
2
+ const classesRatingGroup = {
3
+ "root": "skb:flex skb:flex-col skb:gap-1",
4
+ "label": "",
5
+ "control": "skb:flex skb:gap-2 skb:data-disabled:cursor-not-allowed skb:data-disabled:opacity-50",
6
+ "item": "",
7
+ "hiddenInput": ""
8
+ };
9
+
10
+ //#endregion
11
+ export { classesRatingGroup };
@@ -0,0 +1,10 @@
1
+ //#region src/classes/tabs.d.ts
2
+ declare const classesTabs: {
3
+ root: string;
4
+ list: string;
5
+ trigger: string;
6
+ indicator: string;
7
+ content: string;
8
+ };
9
+ //#endregion
10
+ export { classesTabs };
@@ -0,0 +1,11 @@
1
+ //#region src/classes/tabs.ts
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",
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
+ "content": ""
8
+ };
9
+
10
+ //#endregion
11
+ export { classesTabs };
package/dist/index.d.ts CHANGED
@@ -1,26 +1,7 @@
1
- //#region src/themes.d.ts
2
- interface Theme {
3
- name: string;
4
- css: string;
5
- emoji: string;
6
- }
7
- declare const themes: Theme[];
8
- //#endregion
9
- //#region src/classes/accordion.d.ts
10
- declare const classesAccordion: {
11
- root: string;
12
- content: string;
13
- heading: string;
14
- trigger: string;
15
- item: string;
16
- indicator: string;
17
- };
18
- //#endregion
19
- //#region src/classes/avatar.d.ts
20
- declare const classesAvatar: {
21
- root: string;
22
- image: string;
23
- fallback: string;
24
- };
25
- //#endregion
26
- export { Theme, classesAccordion, classesAvatar, themes };
1
+ import { Theme, themes } from "./themes.js";
2
+ import { classesAccordion } from "./classes/accordion.js";
3
+ import { classesAvatar } from "./classes/avatar.js";
4
+ import { classesProgressLinear } from "./classes/progress-linear.js";
5
+ import { classesRatingGroup } from "./classes/rating-group.js";
6
+ import { classesTabs } from "./classes/tabs.js";
7
+ export { Theme, classesAccordion, classesAvatar, classesProgressLinear, classesRatingGroup, classesTabs, themes };