@skeletonlabs/skeleton-common 4.5.2 → 4.6.0

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 (3) hide show
  1. package/dist/index.d.mts +17 -1
  2. package/dist/index.mjs +23 -6
  3. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -94,6 +94,7 @@ declare const classesFileUpload: {
94
94
  dropzone: string;
95
95
  hiddenInput: string;
96
96
  trigger: string;
97
+ clearTrigger: string;
97
98
  itemGroup: string;
98
99
  item: string;
99
100
  itemName: string;
@@ -101,6 +102,21 @@ declare const classesFileUpload: {
101
102
  itemDeleteTrigger: string;
102
103
  };
103
104
  //#endregion
105
+ //#region src/classes/floating-panel.d.ts
106
+ declare const classesFloatingPanel: {
107
+ trigger: string;
108
+ positioner: string;
109
+ content: string;
110
+ dragTrigger: string;
111
+ header: string;
112
+ title: string;
113
+ control: string;
114
+ stageTrigger: string;
115
+ closeTrigger: string;
116
+ body: string;
117
+ resizeTrigger: string;
118
+ };
119
+ //#endregion
104
120
  //#region src/classes/listbox.d.ts
105
121
  declare const classesListbox: {
106
122
  root: string;
@@ -285,5 +301,5 @@ declare const classesTreeView: {
285
301
  branchIndentGuide: string;
286
302
  };
287
303
  //#endregion
288
- export { classesAccordion, classesAppBar, classesAvatar, classesCollapsible, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesListbox, classesMenu, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesToggleGroup, classesTooltip, classesTreeView };
304
+ export { classesAccordion, classesAppBar, classesAvatar, classesCollapsible, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesFloatingPanel, classesListbox, classesMenu, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesToggleGroup, classesTooltip, classesTreeView };
289
305
  //# sourceMappingURL=index.d.mts.map
package/dist/index.mjs CHANGED
@@ -96,11 +96,12 @@ const classesDialog = {
96
96
  //#endregion
97
97
  //#region src/classes/file-upload.ts
98
98
  const classesFileUpload = {
99
- "root": "skb:flex skb:flex-col skb:gap-2 skb:w-full skb:data-disabled:disabled",
99
+ "root": "skb:w-full skb:space-y-2 skb:data-disabled:disabled",
100
100
  "label": "skb:label-text",
101
101
  "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
102
  "hiddenInput": "",
103
103
  "trigger": "skb:btn skb:preset-filled",
104
+ "clearTrigger": "skb:btn skb:btn-sm skb:preset-tonal skb:hover:preset-filled-error-500",
104
105
  "itemGroup": "skb:flex skb:flex-col skb:gap-2",
105
106
  "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
107
  "itemName": "skb:text-sm",
@@ -108,6 +109,22 @@ const classesFileUpload = {
108
109
  "itemDeleteTrigger": "skb:btn-icon"
109
110
  };
110
111
 
112
+ //#endregion
113
+ //#region src/classes/floating-panel.ts
114
+ const classesFloatingPanel = {
115
+ "trigger": "",
116
+ "positioner": "",
117
+ "content": "skb:card skb:overflow-hidden skb:shadow-lg skb:border skb:border-surface-300-700",
118
+ "dragTrigger": "",
119
+ "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",
120
+ "title": "skb:flex skb:justify-start skb:items-center skb:gap-2 skb:whitespace-nowrap",
121
+ "control": "skb:flex skb:gap-1",
122
+ "stageTrigger": "skb:btn-icon skb:hover:preset-tonal",
123
+ "closeTrigger": "skb:btn-icon skb:hover:preset-tonal",
124
+ "body": "skb:h-full skb:bg-surface-100-900 skb:p-4 skb:overflow-y-auto",
125
+ "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 skb:data-[axis=n]:top-0"
126
+ };
127
+
111
128
  //#endregion
112
129
  //#region src/classes/listbox.ts
113
130
  const classesListbox = {
@@ -130,7 +147,7 @@ const classesMenu = {
130
147
  "positioner": "",
131
148
  "indicator": "",
132
149
  "content": "skb:card skb:bg-surface-50-950 skb:border skb:border-surface-200-800 skb:p-2 skb:flex skb:flex-col skb:items-stretch skb:gap-2 skb:shadow-lg skb:min-w-48",
133
- "arrow": "",
150
+ "arrow": "skb:[--arrow-size:--spacing(2)] skb:[--arrow-background:var(--color-surface-50-950)]",
134
151
  "arrowTip": "",
135
152
  "itemGroup": "",
136
153
  "itemGroupLabel": "skb:text-surface-600-400 skb:text-xs skb:px-2 skb:py-1",
@@ -186,7 +203,7 @@ const classesProgress = {
186
203
  "valueText": "",
187
204
  "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] skb:data-[orientation=vertical]:flex skb:data-[orientation=vertical]:flex-col-reverse",
188
205
  "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-linear-indeterminate-horizontal skb:data-[orientation=vertical]:transition-[height] skb:data-[orientation=vertical]:data-[state=indeterminate]:animate-progress-linear-indeterminate-vertical",
189
- "circle": "",
206
+ "circle": "skb:[--size:--spacing(24)] skb:[--thickness:calc(var(--size)/12)]",
190
207
  "circleTrack": "skb:stroke-surface-200-800",
191
208
  "circleRange": "skb:stroke-primary-500 skb:transition-[stroke-dashoffset] skb:ease-in-out skb:data-[state=indeterminate]:animate-progress-circular-indeterminate"
192
209
  };
@@ -216,7 +233,7 @@ const classesSegmentedControl = {
216
233
  //#endregion
217
234
  //#region src/classes/slider.ts
218
235
  const classesSlider = {
219
- "root": "skb:flex skb:flex-col skb:gap-2 skb:w-full",
236
+ "root": "skb:w-full skb:flex skb:flex-col skb:gap-2",
220
237
  "label": "skb:label-text",
221
238
  "valueText": "",
222
239
  "control": "skb:flex skb:items-center skb:data-disabled:opacity-50",
@@ -296,7 +313,7 @@ const classesTooltip = {
296
313
  //#endregion
297
314
  //#region src/classes/tree-view.ts
298
315
  const classesTreeView = {
299
- "root": "skb:w-full skb:space-y-2 skb:select-none",
316
+ "root": "skb:w-full skb:flex skb:flex-col skb:gap-2 skb:items-start skb:select-none",
300
317
  "tree": "skb:space-y-1",
301
318
  "label": "skb:label-text",
302
319
  "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 +326,5 @@ const classesTreeView = {
309
326
  };
310
327
 
311
328
  //#endregion
312
- export { classesAccordion, classesAppBar, classesAvatar, classesCollapsible, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesListbox, classesMenu, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesToggleGroup, classesTooltip, classesTreeView };
329
+ export { classesAccordion, classesAppBar, classesAvatar, classesCollapsible, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesFloatingPanel, classesListbox, classesMenu, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesToggleGroup, classesTooltip, classesTreeView };
313
330
  //# sourceMappingURL=index.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skeletonlabs/skeleton-common",
3
- "version": "4.5.2",
3
+ "version": "4.6.0",
4
4
  "description": "The common package for Skeleton.",
5
5
  "author": "endigo9740 <chris@skeletonlabs.dev>",
6
6
  "repository": {