@skeletonlabs/skeleton-common 4.5.3 → 4.6.0

package/dist/index.d.mts

@@ -94,6 +94,7 @@ declare const classesFileUpload: {
   dropzone: string;
   hiddenInput: string;
   trigger: string;
+  clearTrigger: string;
   itemGroup: string;
   item: string;
   itemName: string;
@@ -101,6 +102,21 @@ declare const classesFileUpload: {
   itemDeleteTrigger: string;
 };
 //#endregion
+//#region src/classes/floating-panel.d.ts
+declare const classesFloatingPanel: {
+  trigger: string;
+  positioner: string;
+  content: string;
+  dragTrigger: string;
+  header: string;
+  title: string;
+  control: string;
+  stageTrigger: string;
+  closeTrigger: string;
+  body: string;
+  resizeTrigger: string;
+};
+//#endregion
 //#region src/classes/listbox.d.ts
 declare const classesListbox: {
   root: string;
@@ -285,5 +301,5 @@ declare const classesTreeView: {
   branchIndentGuide: string;
 };
 //#endregion
-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 };
+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 };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.mjs

@@ -96,11 +96,12 @@ const classesDialog = {
 //#endregion
 //#region src/classes/file-upload.ts
 const classesFileUpload = {
-	"root": "skb:flex skb:flex-col skb:gap-2 skb:w-full skb:data-disabled:disabled",
+	"root": "skb:w-full skb:space-y-2 skb:data-disabled:disabled",
 	"label": "skb:label-text",
 	"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",
 	"hiddenInput": "",
 	"trigger": "skb:btn skb:preset-filled",
+	"clearTrigger": "skb:btn skb:btn-sm skb:preset-tonal skb:hover:preset-filled-error-500",
 	"itemGroup": "skb:flex skb:flex-col skb:gap-2",
 	"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",
 	"itemName": "skb:text-sm",
@@ -108,6 +109,22 @@ const classesFileUpload = {
 	"itemDeleteTrigger": "skb:btn-icon"
 };
 
+//#endregion
+//#region src/classes/floating-panel.ts
+const classesFloatingPanel = {
+	"trigger": "",
+	"positioner": "",
+	"content": "skb:card skb:overflow-hidden skb:shadow-lg skb:border skb:border-surface-300-700",
+	"dragTrigger": "",
+	"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",
+	"title": "skb:flex skb:justify-start skb:items-center skb:gap-2 skb:whitespace-nowrap",
+	"control": "skb:flex skb:gap-1",
+	"stageTrigger": "skb:btn-icon skb:hover:preset-tonal",
+	"closeTrigger": "skb:btn-icon skb:hover:preset-tonal",
+	"body": "skb:h-full skb:bg-surface-100-900 skb:p-4 skb:overflow-y-auto",
+	"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"
+};
+
 //#endregion
 //#region src/classes/listbox.ts
 const classesListbox = {
@@ -216,7 +233,7 @@ const classesSegmentedControl = {
 //#endregion
 //#region src/classes/slider.ts
 const classesSlider = {
-	"root": "skb:flex skb:flex-col skb:gap-2 skb:w-full",
+	"root": "skb:w-full skb:flex skb:flex-col skb:gap-2",
 	"label": "skb:label-text",
 	"valueText": "",
 	"control": "skb:flex skb:items-center skb:data-disabled:opacity-50",
@@ -296,7 +313,7 @@ const classesTooltip = {
 //#endregion
 //#region src/classes/tree-view.ts
 const classesTreeView = {
-	"root": "skb:w-full skb:space-y-2 skb:select-none",
+	"root": "skb:w-full skb:flex skb:flex-col skb:gap-2 skb:items-start skb:select-none",
 	"tree": "skb:space-y-1",
 	"label": "skb:label-text",
 	"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 = {
 };
 
 //#endregion
-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 };
+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 };
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonlabs/skeleton-common",
-  "version": "4.5.3",
+  "version": "4.6.0",
   "description": "The common package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "repository": {