@skeletonlabs/skeleton-common 4.5.3 → 4.6.1
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.
|
@@ -1,38 +1,30 @@
|
|
|
1
|
-
//#region src/classes
|
|
2
|
-
declare const
|
|
1
|
+
//#region src/classes.d.ts
|
|
2
|
+
declare const accordion: {
|
|
3
3
|
root: string;
|
|
4
4
|
item: string;
|
|
5
5
|
itemTrigger: string;
|
|
6
6
|
itemIndicator: string;
|
|
7
7
|
itemContent: string;
|
|
8
8
|
};
|
|
9
|
-
|
|
10
|
-
//#region src/classes/app-bar.d.ts
|
|
11
|
-
declare const classesAppBar: {
|
|
9
|
+
declare const appBar: {
|
|
12
10
|
root: string;
|
|
13
11
|
toolbar: string;
|
|
14
12
|
lead: string;
|
|
15
13
|
headline: string;
|
|
16
14
|
trail: string;
|
|
17
15
|
};
|
|
18
|
-
|
|
19
|
-
//#region src/classes/avatar.d.ts
|
|
20
|
-
declare const classesAvatar: {
|
|
16
|
+
declare const avatar: {
|
|
21
17
|
root: string;
|
|
22
18
|
image: string;
|
|
23
19
|
fallback: string;
|
|
24
20
|
};
|
|
25
|
-
|
|
26
|
-
//#region src/classes/collapsible.d.ts
|
|
27
|
-
declare const classesCollapsible: {
|
|
21
|
+
declare const collapsible: {
|
|
28
22
|
root: string;
|
|
29
23
|
trigger: string;
|
|
30
24
|
indicator: string;
|
|
31
25
|
content: string;
|
|
32
26
|
};
|
|
33
|
-
|
|
34
|
-
//#region src/classes/combobox.d.ts
|
|
35
|
-
declare const classesCombobox: {
|
|
27
|
+
declare const combobox: {
|
|
36
28
|
root: string;
|
|
37
29
|
label: string;
|
|
38
30
|
control: string;
|
|
@@ -47,9 +39,7 @@ declare const classesCombobox: {
|
|
|
47
39
|
itemText: string;
|
|
48
40
|
itemIndicator: string;
|
|
49
41
|
};
|
|
50
|
-
|
|
51
|
-
//#region src/classes/date-picker.d.ts
|
|
52
|
-
declare const classesDatePicker: {
|
|
42
|
+
declare const datePicker: {
|
|
53
43
|
root: string;
|
|
54
44
|
label: string;
|
|
55
45
|
control: string;
|
|
@@ -75,9 +65,7 @@ declare const classesDatePicker: {
|
|
|
75
65
|
tableCell: string;
|
|
76
66
|
tableCellTrigger: string;
|
|
77
67
|
};
|
|
78
|
-
|
|
79
|
-
//#region src/classes/dialog.d.ts
|
|
80
|
-
declare const classesDialog: {
|
|
68
|
+
declare const dialog: {
|
|
81
69
|
trigger: string;
|
|
82
70
|
backdrop: string;
|
|
83
71
|
positioner: string;
|
|
@@ -86,23 +74,33 @@ declare const classesDialog: {
|
|
|
86
74
|
description: string;
|
|
87
75
|
closeTrigger: string;
|
|
88
76
|
};
|
|
89
|
-
|
|
90
|
-
//#region src/classes/file-upload.d.ts
|
|
91
|
-
declare const classesFileUpload: {
|
|
77
|
+
declare const fileUpload: {
|
|
92
78
|
root: string;
|
|
93
79
|
label: string;
|
|
94
80
|
dropzone: string;
|
|
95
81
|
hiddenInput: string;
|
|
96
82
|
trigger: string;
|
|
83
|
+
clearTrigger: string;
|
|
97
84
|
itemGroup: string;
|
|
98
85
|
item: string;
|
|
99
86
|
itemName: string;
|
|
100
87
|
itemSizeText: string;
|
|
101
88
|
itemDeleteTrigger: string;
|
|
102
89
|
};
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
90
|
+
declare const floatingPanel: {
|
|
91
|
+
trigger: string;
|
|
92
|
+
positioner: string;
|
|
93
|
+
content: string;
|
|
94
|
+
dragTrigger: string;
|
|
95
|
+
header: string;
|
|
96
|
+
title: string;
|
|
97
|
+
control: string;
|
|
98
|
+
stageTrigger: string;
|
|
99
|
+
closeTrigger: string;
|
|
100
|
+
body: string;
|
|
101
|
+
resizeTrigger: string;
|
|
102
|
+
};
|
|
103
|
+
declare const listbox: {
|
|
106
104
|
root: string;
|
|
107
105
|
label: string;
|
|
108
106
|
input: string;
|
|
@@ -113,9 +111,7 @@ declare const classesListbox: {
|
|
|
113
111
|
itemText: string;
|
|
114
112
|
itemIndicator: string;
|
|
115
113
|
};
|
|
116
|
-
|
|
117
|
-
//#region src/classes/menu.d.ts
|
|
118
|
-
declare const classesMenu: {
|
|
114
|
+
declare const menu: {
|
|
119
115
|
trigger: string;
|
|
120
116
|
contextTrigger: string;
|
|
121
117
|
positioner: string;
|
|
@@ -130,9 +126,7 @@ declare const classesMenu: {
|
|
|
130
126
|
itemIndicator: string;
|
|
131
127
|
separator: string;
|
|
132
128
|
};
|
|
133
|
-
|
|
134
|
-
//#region src/classes/navigation.d.ts
|
|
135
|
-
declare const classesNavigation: {
|
|
129
|
+
declare const navigation: {
|
|
136
130
|
root: string;
|
|
137
131
|
header: string;
|
|
138
132
|
content: string;
|
|
@@ -141,9 +135,7 @@ declare const classesNavigation: {
|
|
|
141
135
|
menu: string;
|
|
142
136
|
footer: string;
|
|
143
137
|
};
|
|
144
|
-
|
|
145
|
-
//#region src/classes/pagination.d.ts
|
|
146
|
-
declare const classesPagination: {
|
|
138
|
+
declare const pagination: {
|
|
147
139
|
root: string;
|
|
148
140
|
firstTrigger: string;
|
|
149
141
|
prevTrigger: string;
|
|
@@ -152,9 +144,7 @@ declare const classesPagination: {
|
|
|
152
144
|
nextTrigger: string;
|
|
153
145
|
lastTrigger: string;
|
|
154
146
|
};
|
|
155
|
-
|
|
156
|
-
//#region src/classes/popover.d.ts
|
|
157
|
-
declare const classesPopover: {
|
|
147
|
+
declare const popover: {
|
|
158
148
|
anchor: string;
|
|
159
149
|
trigger: string;
|
|
160
150
|
positioner: string;
|
|
@@ -165,9 +155,7 @@ declare const classesPopover: {
|
|
|
165
155
|
description: string;
|
|
166
156
|
closeTrigger: string;
|
|
167
157
|
};
|
|
168
|
-
|
|
169
|
-
//#region src/classes/progress.d.ts
|
|
170
|
-
declare const classesProgress: {
|
|
158
|
+
declare const progress: {
|
|
171
159
|
root: string;
|
|
172
160
|
label: string;
|
|
173
161
|
valueText: string;
|
|
@@ -177,18 +165,14 @@ declare const classesProgress: {
|
|
|
177
165
|
circleTrack: string;
|
|
178
166
|
circleRange: string;
|
|
179
167
|
};
|
|
180
|
-
|
|
181
|
-
//#region src/classes/rating-group.d.ts
|
|
182
|
-
declare const classesRatingGroup: {
|
|
168
|
+
declare const ratingGroup: {
|
|
183
169
|
root: string;
|
|
184
170
|
label: string;
|
|
185
171
|
control: string;
|
|
186
172
|
item: string;
|
|
187
173
|
hiddenInput: string;
|
|
188
174
|
};
|
|
189
|
-
|
|
190
|
-
//#region src/classes/segmented-control.d.ts
|
|
191
|
-
declare const classesSegmentedControl: {
|
|
175
|
+
declare const segmentedControl: {
|
|
192
176
|
root: string;
|
|
193
177
|
label: string;
|
|
194
178
|
control: string;
|
|
@@ -197,9 +181,7 @@ declare const classesSegmentedControl: {
|
|
|
197
181
|
itemText: string;
|
|
198
182
|
itemHiddenInput: string;
|
|
199
183
|
};
|
|
200
|
-
|
|
201
|
-
//#region src/classes/slider.d.ts
|
|
202
|
-
declare const classesSlider: {
|
|
184
|
+
declare const slider: {
|
|
203
185
|
root: string;
|
|
204
186
|
label: string;
|
|
205
187
|
valueText: string;
|
|
@@ -211,27 +193,21 @@ declare const classesSlider: {
|
|
|
211
193
|
markerGroup: string;
|
|
212
194
|
marker: string;
|
|
213
195
|
};
|
|
214
|
-
|
|
215
|
-
//#region src/classes/switch.d.ts
|
|
216
|
-
declare const classesSwitch: {
|
|
196
|
+
declare const switch_: {
|
|
217
197
|
root: string;
|
|
218
198
|
control: string;
|
|
219
199
|
thumb: string;
|
|
220
200
|
label: string;
|
|
221
201
|
hiddenInput: string;
|
|
222
202
|
};
|
|
223
|
-
|
|
224
|
-
//#region src/classes/tabs.d.ts
|
|
225
|
-
declare const classesTabs: {
|
|
203
|
+
declare const tabs: {
|
|
226
204
|
root: string;
|
|
227
205
|
list: string;
|
|
228
206
|
trigger: string;
|
|
229
207
|
indicator: string;
|
|
230
208
|
content: string;
|
|
231
209
|
};
|
|
232
|
-
|
|
233
|
-
//#region src/classes/tags-input.d.ts
|
|
234
|
-
declare const classesTagsInput: {
|
|
210
|
+
declare const tagsInput: {
|
|
235
211
|
root: string;
|
|
236
212
|
label: string;
|
|
237
213
|
control: string;
|
|
@@ -244,9 +220,7 @@ declare const classesTagsInput: {
|
|
|
244
220
|
clearTrigger: string;
|
|
245
221
|
hiddenInput: string;
|
|
246
222
|
};
|
|
247
|
-
|
|
248
|
-
//#region src/classes/toast.d.ts
|
|
249
|
-
declare const classesToast: {
|
|
223
|
+
declare const toast: {
|
|
250
224
|
root: string;
|
|
251
225
|
group: string;
|
|
252
226
|
message: string;
|
|
@@ -255,24 +229,18 @@ declare const classesToast: {
|
|
|
255
229
|
actionTrigger: string;
|
|
256
230
|
closeTrigger: string;
|
|
257
231
|
};
|
|
258
|
-
|
|
259
|
-
//#region src/classes/toggle-group.d.ts
|
|
260
|
-
declare const classesToggleGroup: {
|
|
232
|
+
declare const toggleGroup: {
|
|
261
233
|
root: string;
|
|
262
234
|
item: string;
|
|
263
235
|
};
|
|
264
|
-
|
|
265
|
-
//#region src/classes/tooltip.d.ts
|
|
266
|
-
declare const classesTooltip: {
|
|
236
|
+
declare const tooltip: {
|
|
267
237
|
trigger: string;
|
|
268
238
|
positioner: string;
|
|
269
239
|
content: string;
|
|
270
240
|
arrow: string;
|
|
271
241
|
arrowTip: string;
|
|
272
242
|
};
|
|
273
|
-
|
|
274
|
-
//#region src/classes/tree-view.d.ts
|
|
275
|
-
declare const classesTreeView: {
|
|
243
|
+
declare const treeView: {
|
|
276
244
|
root: string;
|
|
277
245
|
tree: string;
|
|
278
246
|
label: string;
|
|
@@ -285,5 +253,5 @@ declare const classesTreeView: {
|
|
|
285
253
|
branchIndentGuide: string;
|
|
286
254
|
};
|
|
287
255
|
//#endregion
|
|
288
|
-
export {
|
|
289
|
-
//# sourceMappingURL=
|
|
256
|
+
export { accordion, appBar, avatar, collapsible, combobox, datePicker, dialog, fileUpload, floatingPanel, listbox, menu, navigation, pagination, popover, progress, ratingGroup, segmentedControl, slider, switch_ as switch, tabs, tagsInput, toast, toggleGroup, tooltip, treeView };
|
|
257
|
+
//# sourceMappingURL=classes.d.mts.map
|
|
@@ -1,42 +1,30 @@
|
|
|
1
|
-
//#region src/classes
|
|
2
|
-
const
|
|
1
|
+
//#region src/classes.ts
|
|
2
|
+
const accordion = {
|
|
3
3
|
"root": "skb:flex skb:gap-2 skb:w-full skb:data-[orientation=vertical]:flex-col skb:data-[orientation=horizontal]:flex-row",
|
|
4
4
|
"item": "skb:flex skb:gap-2 skb:data-[orientation=vertical]:flex-col skb:data-[orientation=horizontal]:flex-row",
|
|
5
5
|
"itemTrigger": "skb:px-4 skb:py-2 skb:rounded-base skb:w-full skb:text-start skb:hover:preset-tonal-primary",
|
|
6
6
|
"itemIndicator": "",
|
|
7
7
|
"itemContent": "skb:py-2 skb:px-4"
|
|
8
8
|
};
|
|
9
|
-
|
|
10
|
-
//#endregion
|
|
11
|
-
//#region src/classes/app-bar.ts
|
|
12
|
-
const classesAppBar = {
|
|
9
|
+
const appBar = {
|
|
13
10
|
"root": "skb:w-full skb:bg-surface-100-900 skb:p-4 skb:space-y-4",
|
|
14
11
|
"toolbar": "skb:grid skb:items-center skb:justify-between skb:gap-4",
|
|
15
12
|
"lead": "",
|
|
16
13
|
"headline": "",
|
|
17
14
|
"trail": "skb:flex skb:gap-2"
|
|
18
15
|
};
|
|
19
|
-
|
|
20
|
-
//#endregion
|
|
21
|
-
//#region src/classes/avatar.ts
|
|
22
|
-
const classesAvatar = {
|
|
16
|
+
const avatar = {
|
|
23
17
|
"root": "skb:isolate skb:bg-surface-400-600 skb:size-16 skb:rounded-full skb:overflow-hidden",
|
|
24
18
|
"image": "skb:w-full skb:object-cover",
|
|
25
19
|
"fallback": "skb:size-full skb:flex skb:justify-center skb:items-center"
|
|
26
20
|
};
|
|
27
|
-
|
|
28
|
-
//#endregion
|
|
29
|
-
//#region src/classes/collapsible.ts
|
|
30
|
-
const classesCollapsible = {
|
|
21
|
+
const collapsible = {
|
|
31
22
|
"root": "skb:w-full skb:flex skb:flex-col skb:items-center skb:data-[state=open]:gap-2",
|
|
32
23
|
"trigger": "skb:data-disabled:opacity-50 skb:data-disabled:pointer-events-none",
|
|
33
24
|
"indicator": "",
|
|
34
25
|
"content": ""
|
|
35
26
|
};
|
|
36
|
-
|
|
37
|
-
//#endregion
|
|
38
|
-
//#region src/classes/combobox.ts
|
|
39
|
-
const classesCombobox = {
|
|
27
|
+
const combobox = {
|
|
40
28
|
"root": "skb:w-full skb:space-y-2",
|
|
41
29
|
"label": "skb:label-text",
|
|
42
30
|
"control": "skb:relative",
|
|
@@ -51,10 +39,7 @@ const classesCombobox = {
|
|
|
51
39
|
"itemText": "",
|
|
52
40
|
"itemIndicator": ""
|
|
53
41
|
};
|
|
54
|
-
|
|
55
|
-
//#endregion
|
|
56
|
-
//#region src/classes/date-picker.ts
|
|
57
|
-
const classesDatePicker = {
|
|
42
|
+
const datePicker = {
|
|
58
43
|
"root": "skb:space-y-2",
|
|
59
44
|
"label": "skb:label-text",
|
|
60
45
|
"control": "skb:relative skb:space-y-2",
|
|
@@ -80,10 +65,7 @@ const classesDatePicker = {
|
|
|
80
65
|
"tableCell": "skb:size-8",
|
|
81
66
|
"tableCellTrigger": "skb:text-sm skb:size-full skb:btn skb:p-0 skb:hover:preset-tonal skb:cursor-pointer skb:data-focus-visible:outline-2 skb:data-focus-visible:outline-offset-1 skb:data-focus-visible:outline-surface-950-50 skb:data-selected:preset-filled skb:data-in-range:preset-filled skb:data-today:underline skb:data-today:underline-offset-4 skb:data-disabled:pointer-events-none skb:data-disabled:opacity-50"
|
|
82
67
|
};
|
|
83
|
-
|
|
84
|
-
//#endregion
|
|
85
|
-
//#region src/classes/dialog.ts
|
|
86
|
-
const classesDialog = {
|
|
68
|
+
const dialog = {
|
|
87
69
|
"trigger": "",
|
|
88
70
|
"backdrop": "",
|
|
89
71
|
"positioner": "",
|
|
@@ -92,25 +74,33 @@ const classesDialog = {
|
|
|
92
74
|
"description": "",
|
|
93
75
|
"closeTrigger": ""
|
|
94
76
|
};
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
//#region src/classes/file-upload.ts
|
|
98
|
-
const classesFileUpload = {
|
|
99
|
-
"root": "skb:flex skb:flex-col skb:gap-2 skb:w-full skb:data-disabled:disabled",
|
|
77
|
+
const fileUpload = {
|
|
78
|
+
"root": "skb:w-full skb:space-y-2 skb:data-disabled:disabled",
|
|
100
79
|
"label": "skb:label-text",
|
|
101
80
|
"dropzone": "skb:card skb:px-4 skb:py-10 skb:border skb:border-dashed skb:border-surface-200-800 skb:flex skb:flex-col skb:justify-center skb:items-center skb:gap-2 skb:data-dragging:preset-tonal",
|
|
102
81
|
"hiddenInput": "",
|
|
103
82
|
"trigger": "skb:btn skb:preset-filled",
|
|
83
|
+
"clearTrigger": "skb:btn skb:btn-sm skb:preset-tonal skb:hover:preset-filled-error-500",
|
|
104
84
|
"itemGroup": "skb:flex skb:flex-col skb:gap-2",
|
|
105
85
|
"item": "skb:grid skb:grid-cols-[auto_1fr_auto] skb:gap-4 skb:items-center skb:preset-tonal skb:px-4 skb:py-2 skb:rounded",
|
|
106
86
|
"itemName": "skb:text-sm",
|
|
107
87
|
"itemSizeText": "skb:text-xs skb:opacity-60",
|
|
108
88
|
"itemDeleteTrigger": "skb:btn-icon"
|
|
109
89
|
};
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
90
|
+
const floatingPanel = {
|
|
91
|
+
"trigger": "",
|
|
92
|
+
"positioner": "",
|
|
93
|
+
"content": "skb:card skb:overflow-hidden skb:shadow-lg skb:border skb:border-surface-300-700",
|
|
94
|
+
"dragTrigger": "",
|
|
95
|
+
"header": "skb:px-4 skb:py-2 skb:grid skb:grid-cols-[1fr_auto] skb:gap-2 skb:items-center skb:bg-surface-200-800 skb:overflow-y-hidden",
|
|
96
|
+
"title": "skb:flex skb:justify-start skb:items-center skb:gap-2 skb:whitespace-nowrap",
|
|
97
|
+
"control": "skb:flex skb:gap-1",
|
|
98
|
+
"stageTrigger": "skb:btn-icon skb:hover:preset-tonal",
|
|
99
|
+
"closeTrigger": "skb:btn-icon skb:hover:preset-tonal",
|
|
100
|
+
"body": "skb:h-full skb:bg-surface-100-900 skb:p-4 skb:overflow-y-auto",
|
|
101
|
+
"resizeTrigger": "skb:data-[axis*=n]:h-2 skb:data-[axis*=s]:h-2 skb:data-[axis*=e]:w-2 skb:data-[axis*=w]:w-2"
|
|
102
|
+
};
|
|
103
|
+
const listbox = {
|
|
114
104
|
"root": "skb:flex skb:flex-col skb:items-stretch skb:gap-2",
|
|
115
105
|
"label": "skb:label-text",
|
|
116
106
|
"input": "skb:input",
|
|
@@ -121,10 +111,7 @@ const classesListbox = {
|
|
|
121
111
|
"itemText": "",
|
|
122
112
|
"itemIndicator": ""
|
|
123
113
|
};
|
|
124
|
-
|
|
125
|
-
//#endregion
|
|
126
|
-
//#region src/classes/menu.ts
|
|
127
|
-
const classesMenu = {
|
|
114
|
+
const menu = {
|
|
128
115
|
"trigger": "",
|
|
129
116
|
"contextTrigger": "",
|
|
130
117
|
"positioner": "",
|
|
@@ -139,10 +126,7 @@ const classesMenu = {
|
|
|
139
126
|
"itemIndicator": "",
|
|
140
127
|
"separator": "skb:hr"
|
|
141
128
|
};
|
|
142
|
-
|
|
143
|
-
//#endregion
|
|
144
|
-
//#region src/classes/navigation.ts
|
|
145
|
-
const classesNavigation = {
|
|
129
|
+
const navigation = {
|
|
146
130
|
"root": "skb:bg-surface-100-900 skb:overflow-x-hidden skb:transition-[width] skb:duration-200 skb:data-[layout=bar]:w-full skb:data-[layout=bar]:p-2 skb:data-[layout=rail]:w-[100px] skb:data-[layout=rail]:h-full skb:data-[layout=rail]:overflow-y-hidden skb:data-[layout=rail]:p-2 skb:data-[layout=rail]:flex skb:data-[layout=rail]:flex-col skb:data-[layout=rail]:gap-4 skb:data-[layout=sidebar]:w-[280px] skb:data-[layout=sidebar]:h-full skb:data-[layout=sidebar]:overflow-y-auto skb:data-[layout=sidebar]:p-4",
|
|
147
131
|
"header": "",
|
|
148
132
|
"content": "skb:data-[layout=rail]:contents skb:data-[layout=sidebar]:space-y-4",
|
|
@@ -151,10 +135,7 @@ const classesNavigation = {
|
|
|
151
135
|
"menu": "skb:flex-1 skb:flex skb:gap-2 skb:data-[layout=bar]:items-stretch skb:data-[layout=rail]:flex-col skb:data-[layout=rail]:justify-center skb:data-[layout=sidebar]:flex-col skb:data-[layout=sidebar]:items-stretch",
|
|
152
136
|
"footer": ""
|
|
153
137
|
};
|
|
154
|
-
|
|
155
|
-
//#endregion
|
|
156
|
-
//#region src/classes/pagination.ts
|
|
157
|
-
const classesPagination = {
|
|
138
|
+
const pagination = {
|
|
158
139
|
"root": "skb:inline-flex skb:gap-2 skb:p-2 skb:rounded-container skb:preset-outlined-surface-200-800 skb:w-fit",
|
|
159
140
|
"firstTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
|
|
160
141
|
"prevTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
|
|
@@ -163,10 +144,7 @@ const classesPagination = {
|
|
|
163
144
|
"nextTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
|
|
164
145
|
"lastTrigger": "skb:btn skb:btn-sm skb:preset-tonal"
|
|
165
146
|
};
|
|
166
|
-
|
|
167
|
-
//#endregion
|
|
168
|
-
//#region src/classes/popover.ts
|
|
169
|
-
const classesPopover = {
|
|
147
|
+
const popover = {
|
|
170
148
|
"anchor": "",
|
|
171
149
|
"trigger": "",
|
|
172
150
|
"positioner": "",
|
|
@@ -177,10 +155,7 @@ const classesPopover = {
|
|
|
177
155
|
"description": "",
|
|
178
156
|
"closeTrigger": ""
|
|
179
157
|
};
|
|
180
|
-
|
|
181
|
-
//#endregion
|
|
182
|
-
//#region src/classes/progress.ts
|
|
183
|
-
const classesProgress = {
|
|
158
|
+
const progress = {
|
|
184
159
|
"root": "skb:flex skb:flex-col skb:gap-2 skb:data-[orientation=horizontal]:w-full skb:data-[orientation=vertical]:items-center",
|
|
185
160
|
"label": "skb:whitespace-nowrap",
|
|
186
161
|
"valueText": "",
|
|
@@ -190,20 +165,14 @@ const classesProgress = {
|
|
|
190
165
|
"circleTrack": "skb:stroke-surface-200-800",
|
|
191
166
|
"circleRange": "skb:stroke-primary-500 skb:transition-[stroke-dashoffset] skb:ease-in-out skb:data-[state=indeterminate]:animate-progress-circular-indeterminate"
|
|
192
167
|
};
|
|
193
|
-
|
|
194
|
-
//#endregion
|
|
195
|
-
//#region src/classes/rating-group.ts
|
|
196
|
-
const classesRatingGroup = {
|
|
168
|
+
const ratingGroup = {
|
|
197
169
|
"root": "skb:flex skb:flex-col skb:gap-2",
|
|
198
170
|
"label": "skb:label-text",
|
|
199
171
|
"control": "skb:flex skb:gap-2 skb:data-disabled:cursor-not-allowed skb:data-disabled:opacity-50",
|
|
200
172
|
"item": "",
|
|
201
173
|
"hiddenInput": ""
|
|
202
174
|
};
|
|
203
|
-
|
|
204
|
-
//#endregion
|
|
205
|
-
//#region src/classes/segmented-control.ts
|
|
206
|
-
const classesSegmentedControl = {
|
|
175
|
+
const segmentedControl = {
|
|
207
176
|
"root": "skb:flex skb:flex-col skb:gap-2 group",
|
|
208
177
|
"label": "skb:label-text",
|
|
209
178
|
"control": "skb:inline-flex skb:preset-outlined-surface-200-800 skb:p-2 skb:gap-2 skb:rounded skb:group-data-[orientation=horizontal]:flex-row skb:group-data-[orientation=vertical]:flex-col",
|
|
@@ -212,11 +181,8 @@ const classesSegmentedControl = {
|
|
|
212
181
|
"itemText": "skb:transition-colors skb:data-[state=checked]:text-surface-contrast-950 skb:data-[state=checked]:dark:text-surface-contrast-50",
|
|
213
182
|
"itemHiddenInput": ""
|
|
214
183
|
};
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
//#region src/classes/slider.ts
|
|
218
|
-
const classesSlider = {
|
|
219
|
-
"root": "skb:flex skb:flex-col skb:gap-2 skb:w-full",
|
|
184
|
+
const slider = {
|
|
185
|
+
"root": "skb:w-full skb:flex skb:flex-col skb:gap-2",
|
|
220
186
|
"label": "skb:label-text",
|
|
221
187
|
"valueText": "",
|
|
222
188
|
"control": "skb:flex skb:items-center skb:data-disabled:opacity-50",
|
|
@@ -227,30 +193,21 @@ const classesSlider = {
|
|
|
227
193
|
"markerGroup": "",
|
|
228
194
|
"marker": "skb:text-xs skb:text-surface-600-400"
|
|
229
195
|
};
|
|
230
|
-
|
|
231
|
-
//#endregion
|
|
232
|
-
//#region src/classes/switch.ts
|
|
233
|
-
const classesSwitch = {
|
|
196
|
+
const switch_ = {
|
|
234
197
|
"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",
|
|
235
198
|
"control": "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",
|
|
236
199
|
"thumb": "skb:grid skb:justify-center skb:items-center skb:h-full skb:aspect-square skb:rounded-full skb:bg-surface-50 skb:text-surface-contrast-50 skb:fill-surface-contrast-50 skb:transition-transform skb:duration-100 skb:data-[state=checked]:translate-x-4 skb:rtl:data-[state=checked]:-translate-x-4",
|
|
237
200
|
"label": "skb:label-text",
|
|
238
201
|
"hiddenInput": ""
|
|
239
202
|
};
|
|
240
|
-
|
|
241
|
-
//#endregion
|
|
242
|
-
//#region src/classes/tabs.ts
|
|
243
|
-
const classesTabs = {
|
|
203
|
+
const tabs = {
|
|
244
204
|
"root": "skb:w-full skb:flex skb:data-[orientation=horizontal]:flex-col skb:data-[orientation=vertical]:flex-row",
|
|
245
205
|
"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",
|
|
246
206
|
"trigger": "skb:btn skb:hover:preset-tonal-primary skb:data-disabled:opacity-50",
|
|
247
207
|
"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",
|
|
248
208
|
"content": ""
|
|
249
209
|
};
|
|
250
|
-
|
|
251
|
-
//#endregion
|
|
252
|
-
//#region src/classes/tags-input.ts
|
|
253
|
-
const classesTagsInput = {
|
|
210
|
+
const tagsInput = {
|
|
254
211
|
"root": "skb:w-full skb:space-y-2",
|
|
255
212
|
"label": "skb:label-text",
|
|
256
213
|
"control": "skb:input skb:flex skb:flex-wrap skb:gap-2 skb:p-2",
|
|
@@ -263,10 +220,7 @@ const classesTagsInput = {
|
|
|
263
220
|
"clearTrigger": "skb:btn skb:btn-sm skb:preset-tonal skb:hover:preset-filled-error-500",
|
|
264
221
|
"hiddenInput": ""
|
|
265
222
|
};
|
|
266
|
-
|
|
267
|
-
//#endregion
|
|
268
|
-
//#region src/classes/toast.ts
|
|
269
|
-
const classesToast = {
|
|
223
|
+
const toast = {
|
|
270
224
|
"root": "skb:card skb:p-3 skb:w-full skb:max-w-sm skb:ring skb:flex skb:items-center skb:gap-2 skb:preset-filled-surface-50-950 skb:ring-surface-200-800 skb:data-[type=success]:preset-filled-success-500 skb:data-[type=warning]:preset-filled-warning-500 skb:data-[type=error]:preset-filled-error-500 skb:translate-x-(--x) skb:translate-y-(--y) skb:scale-(--scale) skb:z-(--z-index) skb:h-(--height) skb:opacity-(--opacity) skb:will-change-[translate,scale,opacity] skb:transition skb:duration-400 skb:ease-[cubic-bezier(0.21,1.02,0.73,1)] skb:data-[state=closed]:ease-[cubic-bezier(0.06,0.71,0.55,1)]",
|
|
271
225
|
"group": "skb:w-[calc(100%-calc(var(--viewport-offset-left)+var(--viewport-offset-right)))]",
|
|
272
226
|
"message": "skb:flex-1",
|
|
@@ -275,28 +229,19 @@ const classesToast = {
|
|
|
275
229
|
"actionTrigger": "skb:btn skb:preset-filled",
|
|
276
230
|
"closeTrigger": "skb:btn-icon skb:hover:preset-tonal"
|
|
277
231
|
};
|
|
278
|
-
|
|
279
|
-
//#endregion
|
|
280
|
-
//#region src/classes/toggle-group.ts
|
|
281
|
-
const classesToggleGroup = {
|
|
232
|
+
const toggleGroup = {
|
|
282
233
|
"root": "skb:inline-flex skb:preset-outlined-surface-200-800 skb:divide-surface-200-800 skb:overflow-hidden skb:rounded-base skb:data-[orientation=horizontal]:divide-x skb:data-[orientation=vertical]:divide-y skb:data-[orientation=horizontal]:flex-row skb:data-[orientation=vertical]:flex-col",
|
|
283
234
|
"item": "skb:flex skb:justify-center skb:items-center skb:w-9 skb:aspect-square skb:hover:preset-tonal skb:data-[state=on]:preset-filled 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"
|
|
284
235
|
};
|
|
285
|
-
|
|
286
|
-
//#endregion
|
|
287
|
-
//#region src/classes/tooltip.ts
|
|
288
|
-
const classesTooltip = {
|
|
236
|
+
const tooltip = {
|
|
289
237
|
"trigger": "",
|
|
290
238
|
"positioner": "",
|
|
291
239
|
"content": "",
|
|
292
240
|
"arrow": "",
|
|
293
241
|
"arrowTip": ""
|
|
294
242
|
};
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
//#region src/classes/tree-view.ts
|
|
298
|
-
const classesTreeView = {
|
|
299
|
-
"root": "skb:w-full skb:space-y-2 skb:select-none",
|
|
243
|
+
const treeView = {
|
|
244
|
+
"root": "skb:w-full skb:flex skb:flex-col skb:gap-2 skb:items-start skb:select-none",
|
|
300
245
|
"tree": "skb:space-y-1",
|
|
301
246
|
"label": "skb:label-text",
|
|
302
247
|
"item": "skb:flex skb:items-center skb:gap-2 skb:pe-4 skb:py-2 skb:rounded-base skb:hover:preset-tonal skb:data-selected:preset-filled skb:ps-[calc(var(--depth)*var(--spacing)*6+var(--spacing)*4)]",
|
|
@@ -309,5 +254,5 @@ const classesTreeView = {
|
|
|
309
254
|
};
|
|
310
255
|
|
|
311
256
|
//#endregion
|
|
312
|
-
export {
|
|
313
|
-
//# sourceMappingURL=
|
|
257
|
+
export { accordion, appBar, avatar, collapsible, combobox, datePicker, dialog, fileUpload, floatingPanel, listbox, menu, navigation, pagination, popover, progress, ratingGroup, segmentedControl, slider, switch_ as switch, tabs, tagsInput, toast, toggleGroup, tooltip, treeView };
|
|
258
|
+
//# sourceMappingURL=classes.mjs.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skeletonlabs/skeleton-common",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.6.1",
|
|
4
4
|
"description": "The common package for Skeleton.",
|
|
5
5
|
"author": "endigo9740 <chris@skeletonlabs.dev>",
|
|
6
6
|
"repository": {
|
|
@@ -10,9 +10,11 @@
|
|
|
10
10
|
},
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
|
-
"types": "./dist/index.d.mts",
|
|
14
|
-
"import": "./dist/index.mjs",
|
|
15
13
|
"style": "./dist/index.css"
|
|
14
|
+
},
|
|
15
|
+
"./classes": {
|
|
16
|
+
"types": "./dist/classes.d.mts",
|
|
17
|
+
"import": "./dist/classes.mjs"
|
|
16
18
|
}
|
|
17
19
|
},
|
|
18
20
|
"files": [
|