@getflip/swirl-components 0.360.0 → 0.362.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-08-04T13:25:50",
+  "timestamp": "2025-08-07T13:10:15",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -61378,6 +61378,46 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "secondaryNavGridLayoutVariant",
+          "type": "\"app-icon\" | \"tiled\"",
+          "complexType": {
+            "original": "SwirlShellLayoutSecondaryNavGridItemVariant",
+            "resolved": "\"app-icon\" | \"tiled\"",
+            "references": {
+              "SwirlShellLayoutSecondaryNavGridItemVariant": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-shell-layout/swirl-shell-layout.tsx",
+                "id": "src/components/swirl-shell-layout/swirl-shell-layout.tsx::SwirlShellLayoutSecondaryNavGridItemVariant"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "secondary-nav-grid-layout-variant",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"tiled\""
+            }
+          ],
+          "default": "\"tiled\"",
+          "values": [
+            {
+              "value": "app-icon",
+              "type": "string"
+            },
+            {
+              "value": "tiled",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "sidebarActive",
           "type": "boolean",
@@ -61824,6 +61864,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "filled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "filled",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "hideLabel",
           "type": "boolean",
@@ -61990,24 +62053,45 @@
           "setter": false
         },
         {
-          "name": "tiled",
-          "type": "boolean",
+          "name": "variant",
+          "type": "\"app-icon\" | \"default\" | \"tiled\"",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
+            "original": "SwirlShellNavigationItemVariant",
+            "resolved": "\"app-icon\" | \"default\" | \"tiled\"",
+            "references": {
+              "SwirlShellNavigationItemVariant": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-shell-navigation-item/swirl-shell-navigation-item.tsx",
+                "id": "src/components/swirl-shell-navigation-item/swirl-shell-navigation-item.tsx::SwirlShellNavigationItemVariant"
+              }
+            }
           },
           "mutable": false,
-          "attr": "tiled",
+          "attr": "variant",
           "reflectToAttr": false,
           "docs": "",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"default\""
+            }
+          ],
+          "default": "\"default\"",
           "values": [
             {
-              "type": "boolean"
+              "value": "app-icon",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "tiled",
+              "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -75041,6 +75125,16 @@
       "docstring": "",
       "path": "src/components/swirl-shell-navigation-item/swirl-shell-navigation-item.tsx"
     },
+    "src/components/swirl-shell-navigation-item/swirl-shell-navigation-item.tsx::SwirlShellNavigationItemVariant": {
+      "declaration": "export type SwirlShellNavigationItemVariant = \"default\" | \"tiled\" | \"app-icon\";",
+      "docstring": "",
+      "path": "src/components/swirl-shell-navigation-item/swirl-shell-navigation-item.tsx"
+    },
+    "src/components/swirl-shell-layout/swirl-shell-layout.tsx::SwirlShellLayoutSecondaryNavGridItemVariant": {
+      "declaration": "export type SwirlShellLayoutSecondaryNavGridItemVariant = Exclude<\n  SwirlShellNavigationItemVariant,\n  \"default\"\n>;",
+      "docstring": "",
+      "path": "src/components/swirl-shell-layout/swirl-shell-layout.tsx"
+    },
     "src/components/swirl-skeleton-box/swirl-skeleton-box.tsx::SwirlSkeletonBoxBorderRadius": {
       "declaration": "export type SwirlSkeletonBoxBorderRadius =\n  | \"s\"\n  | \"sm\"\n  | \"base\"\n  | \"pill\"\n  | \"none\";",
       "docstring": "",

package/dist/cjs/file-manager.cjs.entry.js

@@ -57,7 +57,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (index.h("swirl-icon-file", { slot: "media" })) : (index.h("swirl-icon-folder-shared", { slot: "media" })))))) : (index.h("swirl-box", { padding: "16" }, index.h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (index.h(index.Host, { key: 'fe59cfd268ecf4545a27c98facc61f0fa885c7c7' }, index.h("swirl-app-layout", { key: '9802628afb2b16503cd71064a367cb4f9fea9b9b', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, index.h("swirl-resource-list", { key: 'cfd15b6ca0f97ba24a7467d34597b33b1da64fa0', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '820aa696991432f773a67923de3f99e5b5977176', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'f29abafd489fc9ec4c825aa64450a790ee67aa0b', label: "Sort items" })), index.h("swirl-stack", { key: '819bb7b81243e8b60338a1bf5c3f07d47a1d3504', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '28f887eb19fe9b071d4bfd72e1ec01c7f81cb2dc' }, index.h("swirl-heading", { key: '0f3b32ddbfe6e0ffb599444ead56f8af1b516cfd', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '85f25a7812c6a71072beb8841042f6a72791211a', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: '5fd0db4ed7687eda7afe379a3b86c35624b5a585', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'f20b7734e0aba6030c87a98039adad0a85ea224d', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: '1984156646591c33cf1048ceea734afb7a4a2975', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '437a3f2e48c485df61fe220a600f26f6807f3959', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '5f113f57b24d198b5dfca7a29f72f04b753e517c', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '09743438050513dd36f8b0d56d03a872f678421d', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'afbc1688c0a93cc1b4e10f408f72e05d07aeec66', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '18235e762a689e37511bccd18446814e46dfcda8', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '0b3f73fd71d308878a2f31b46426c1a44b90c53c', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: '6e2d40d65752ccb0d2fe745574b49c1125e77b96' }, index.h("swirl-app-layout", { key: 'cf2bc93b766fd2f497c04c95123347650c109d1b', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, index.h("swirl-resource-list", { key: '9fc5e0bfab192743d047b6db762c5e6ecda10331', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '2d27c48c67f47b8374409b63b7344e6121f6ad96', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'b7da4c8e1d33674d2894f10e0e0432f85facc49d', label: "Sort items" })), index.h("swirl-stack", { key: '539da2a2cf7ec87ab018e3d8d5967dc7732dff7c', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'c02d9815c493b5ab708c50b981f1245cbfe5161c' }, index.h("swirl-heading", { key: '16febcef3e2141c773870f547e5d05172d20f26c', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '1b8b1831b9c9092c4bd801a3f3b696fc543b5c0f', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: '141178fa985699ebac804fa7618117c3b5ac3093', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '93c2ba448a857fdbef7396bc185538cee099fa73', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: 'c8c3d9177286e997e249501d7dc161698265d953', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '07efd5005220e4270042ec15d997b7026ce4d4cf', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '713181acc29c2afb4848d0428bd33df66e1a1475', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '0d03cf2c3ed1e551850b967d93015388eb285d28', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'a5a843b38f84803d3bfd5bdbe6db68328d485c5e', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '42aa82b1bd2f9bf1950e0eb0716871caf3c66a8f', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'ce1a57d9948a5cf686f75d1c46e3e711c90af78d', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };