@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.
- package/dist/classes/accordion.d.ts +11 -0
- package/dist/classes/accordion.js +12 -0
- package/dist/classes/avatar.d.ts +8 -0
- package/dist/classes/avatar.js +9 -0
- package/dist/classes/progress-linear.d.ts +9 -0
- package/dist/classes/progress-linear.js +10 -0
- package/dist/classes/rating-group.d.ts +10 -0
- package/dist/classes/rating-group.js +11 -0
- package/dist/classes/tabs.d.ts +10 -0
- package/dist/classes/tabs.js +11 -0
- package/dist/index.d.ts +7 -26
- package/dist/index.js +8 -223
- package/dist/skeleton/dist/themes/catppuccin.js +5 -0
- package/dist/skeleton/dist/themes/cerberus.js +5 -0
- package/dist/skeleton/dist/themes/concord.js +5 -0
- package/dist/skeleton/dist/themes/crimson.js +5 -0
- package/dist/skeleton/dist/themes/fennec.js +5 -0
- package/dist/skeleton/dist/themes/hamlindigo.js +5 -0
- package/dist/skeleton/dist/themes/legacy.js +5 -0
- package/dist/skeleton/dist/themes/mint.js +5 -0
- package/dist/skeleton/dist/themes/modern.js +5 -0
- package/dist/skeleton/dist/themes/mona.js +5 -0
- package/dist/skeleton/dist/themes/nosh.js +5 -0
- package/dist/skeleton/dist/themes/nouveau.js +5 -0
- package/dist/skeleton/dist/themes/pine.js +5 -0
- package/dist/skeleton/dist/themes/reign.js +5 -0
- package/dist/skeleton/dist/themes/rocket.js +5 -0
- package/dist/skeleton/dist/themes/rose.js +5 -0
- package/dist/skeleton/dist/themes/sahara.js +5 -0
- package/dist/skeleton/dist/themes/seafoam.js +5 -0
- package/dist/skeleton/dist/themes/terminus.js +5 -0
- package/dist/skeleton/dist/themes/vintage.js +5 -0
- package/dist/skeleton/dist/themes/vox.js +5 -0
- package/dist/skeleton/dist/themes/wintry.js +5 -0
- package/dist/themes.d.ts +9 -0
- package/dist/themes.js +139 -0
- package/package.json +3 -6
|
@@ -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,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,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,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,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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
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 };
|