@getflip/swirl-components 0.202.1 → 0.203.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-05-22T10:13:31",
+  "timestamp": "2024-05-23T10:21:44",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -47151,6 +47151,39 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "justify",
+          "type": "\"evenly\" | \"start\"",
+          "complexType": {
+            "original": "SwirlTabBarJustify",
+            "resolved": "\"evenly\" | \"start\"",
+            "references": {
+              "SwirlTabBarJustify": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-tab-bar/swirl-tab-bar.tsx",
+                "id": "src/components/swirl-tab-bar/swirl-tab-bar.tsx::SwirlTabBarJustify"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "justify",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"start\"",
+          "values": [
+            {
+              "value": "evenly",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "label",
           "type": "string",
@@ -47172,6 +47205,118 @@
           "optional": false,
           "required": true
         },
+        {
+          "name": "paddingInlineEnd",
+          "type": "\"0\" | \"12\" | \"16\" | \"2\" | \"20\" | \"24\" | \"4\" | \"8\"",
+          "complexType": {
+            "original": "SwirlTabBarPadding",
+            "resolved": "\"0\" | \"12\" | \"16\" | \"2\" | \"20\" | \"24\" | \"4\" | \"8\"",
+            "references": {
+              "SwirlTabBarPadding": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-tab-bar/swirl-tab-bar.tsx",
+                "id": "src/components/swirl-tab-bar/swirl-tab-bar.tsx::SwirlTabBarPadding"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "padding-inline-end",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "0",
+              "type": "string"
+            },
+            {
+              "value": "12",
+              "type": "string"
+            },
+            {
+              "value": "16",
+              "type": "string"
+            },
+            {
+              "value": "2",
+              "type": "string"
+            },
+            {
+              "value": "20",
+              "type": "string"
+            },
+            {
+              "value": "24",
+              "type": "string"
+            },
+            {
+              "value": "4",
+              "type": "string"
+            },
+            {
+              "value": "8",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "paddingInlineStart",
+          "type": "\"0\" | \"12\" | \"16\" | \"2\" | \"20\" | \"24\" | \"4\" | \"8\"",
+          "complexType": {
+            "original": "SwirlTabBarPadding",
+            "resolved": "\"0\" | \"12\" | \"16\" | \"2\" | \"20\" | \"24\" | \"4\" | \"8\"",
+            "references": {
+              "SwirlTabBarPadding": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-tab-bar/swirl-tab-bar.tsx",
+                "id": "src/components/swirl-tab-bar/swirl-tab-bar.tsx::SwirlTabBarPadding"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "padding-inline-start",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "0",
+              "type": "string"
+            },
+            {
+              "value": "12",
+              "type": "string"
+            },
+            {
+              "value": "16",
+              "type": "string"
+            },
+            {
+              "value": "2",
+              "type": "string"
+            },
+            {
+              "value": "20",
+              "type": "string"
+            },
+            {
+              "value": "24",
+              "type": "string"
+            },
+            {
+              "value": "4",
+              "type": "string"
+            },
+            {
+              "value": "8",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "tabs",
           "type": "SwirlTabBarTab[]",
@@ -47826,6 +47971,38 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "justifyTabBar",
+          "type": "\"evenly\" | \"start\"",
+          "complexType": {
+            "original": "SwirlTabBarJustify",
+            "resolved": "\"evenly\" | \"start\"",
+            "references": {
+              "SwirlTabBarJustify": {
+                "location": "import",
+                "path": "../swirl-tab-bar/swirl-tab-bar",
+                "id": "src/components/swirl-tab-bar/swirl-tab-bar.tsx::SwirlTabBarJustify"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "justify-tab-bar",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "evenly",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "label",
           "type": "string",
@@ -47846,6 +48023,118 @@
           ],
           "optional": false,
           "required": true
+        },
+        {
+          "name": "tabBarPaddingInlineEnd",
+          "type": "\"0\" | \"12\" | \"16\" | \"2\" | \"20\" | \"24\" | \"4\" | \"8\"",
+          "complexType": {
+            "original": "SwirlTabBarPadding",
+            "resolved": "\"0\" | \"12\" | \"16\" | \"2\" | \"20\" | \"24\" | \"4\" | \"8\"",
+            "references": {
+              "SwirlTabBarPadding": {
+                "location": "import",
+                "path": "../swirl-tab-bar/swirl-tab-bar",
+                "id": "src/components/swirl-tab-bar/swirl-tab-bar.tsx::SwirlTabBarPadding"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "tab-bar-padding-inline-end",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "0",
+              "type": "string"
+            },
+            {
+              "value": "12",
+              "type": "string"
+            },
+            {
+              "value": "16",
+              "type": "string"
+            },
+            {
+              "value": "2",
+              "type": "string"
+            },
+            {
+              "value": "20",
+              "type": "string"
+            },
+            {
+              "value": "24",
+              "type": "string"
+            },
+            {
+              "value": "4",
+              "type": "string"
+            },
+            {
+              "value": "8",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "tabBarPaddingInlineStart",
+          "type": "\"0\" | \"12\" | \"16\" | \"2\" | \"20\" | \"24\" | \"4\" | \"8\"",
+          "complexType": {
+            "original": "SwirlTabBarPadding",
+            "resolved": "\"0\" | \"12\" | \"16\" | \"2\" | \"20\" | \"24\" | \"4\" | \"8\"",
+            "references": {
+              "SwirlTabBarPadding": {
+                "location": "import",
+                "path": "../swirl-tab-bar/swirl-tab-bar",
+                "id": "src/components/swirl-tab-bar/swirl-tab-bar.tsx::SwirlTabBarPadding"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "tab-bar-padding-inline-start",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "0",
+              "type": "string"
+            },
+            {
+              "value": "12",
+              "type": "string"
+            },
+            {
+              "value": "16",
+              "type": "string"
+            },
+            {
+              "value": "2",
+              "type": "string"
+            },
+            {
+              "value": "20",
+              "type": "string"
+            },
+            {
+              "value": "24",
+              "type": "string"
+            },
+            {
+              "value": "4",
+              "type": "string"
+            },
+            {
+              "value": "8",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [
@@ -51666,6 +51955,16 @@
       "docstring": "",
       "path": "src/components/swirl-tab/swirl-tab.tsx"
     },
+    "src/components/swirl-tab-bar/swirl-tab-bar.tsx::SwirlTabBarJustify": {
+      "declaration": "export type SwirlTabBarJustify = \"start\" | \"evenly\";",
+      "docstring": "",
+      "path": "src/components/swirl-tab-bar/swirl-tab-bar.tsx"
+    },
+    "src/components/swirl-tab-bar/swirl-tab-bar.tsx::SwirlTabBarPadding": {
+      "declaration": "export type SwirlTabBarPadding =\n  | \"0\"\n  | \"2\"\n  | \"4\"\n  | \"8\"\n  | \"12\"\n  | \"16\"\n  | \"20\"\n  | \"24\";",
+      "docstring": "",
+      "path": "src/components/swirl-tab-bar/swirl-tab-bar.tsx"
+    },
     "src/components/swirl-tab-bar/swirl-tab-bar.tsx::SwirlTabBarTab": {
       "declaration": "{\n  active?: boolean;\n  icon?: string;\n  id: string;\n  label: string;\n}",
       "docstring": "",

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

@@ -62,7 +62,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: '1d4b0a2f4bdcd7e2052a63a07ec22daea4ee6725' }, index.h("swirl-app-layout", { key: 'd685c698a7f4b3fd548ed42d8c905d3bd059997c', 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: 'c0719852bd514fdca02b98ac1dcec63794918707', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'd33195d3745ffb837619cd7005803403c5ded775', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'd2dd338762d34ac1561669915f184944273af2a4', label: "Sort items" })), index.h("swirl-stack", { key: 'c19a6d05303614f27e9dbd920b47b05ad56faa73', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '1f5bf8be4a7549ca579cfd286e612c04e1f08041' }, index.h("swirl-heading", { key: '05bafffc84381ff995565c3994702b89a25a1067', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'bac305a48969bf409f86c02e20435fe4e2105405', 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: '529e9719807f76ecb830222093dd50f94e388509', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '2f23690de58570c17b15cbc7a2fbd30991d54dbd', "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: '248e5846fe70b28f7d1d4b8b9dcd43da80948665', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'f3315188bfcab9cbe89cb663da77c79c409a32b5', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '8216fa2ec56ca85ae4b5ad544483fa91726c3d2c', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: 'ca0cc0ea8c16f0849466c7adb08f820b580bed06', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'fbe21a77b8b7e283300eb13ade304e132102065c', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '235560c0163c67931ffea6ee5d5f830473a14c76', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'c15a7d91f4d9c50877f0ba8cd7eb595bc15b9e69', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: '873fd3228cf65cde43538643594532b4f86febd0' }, index.h("swirl-app-layout", { key: '28b8d67502bc7afa2279829502db1073dff4bbc0', 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: '5012cadd4c5cfa239ff184a18674f560ad15dc2b', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'a7747ff5d768821765e84096cf95c63f84a7e76e', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '60dd5df7ea62dad9d19e78c1db3ea8f4ab1c01c4', label: "Sort items" })), index.h("swirl-stack", { key: 'd3112752cf7748528bf0fb90b691be433a88151e', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '81143f27640d9f9af9dc25a8e0f1db96d2e57b8d' }, index.h("swirl-heading", { key: '055204be24df62c4d570218664fc159921be9f38', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '975354c19efa9809725c09aa81255103bc3b1d6c', 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: 'a6e5046f1b95953cb9832b7e255df2225aa45c88', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'b0f01e8e609f6959d80ba2ce8f704a9d9d6f265d', "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: '45730461aa0cd10f0b83a5e3a8efc22a2c54ced3', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '96ab69daa0b6ddf85d56f068b52c562eaebc2aaa', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '9f696d7716f99c542f3a2289eff418f3cdba34e8', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: 'acbb44fcc3a24b831bd837604bc93abb0414ab04', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '735aa543cddb003960c0804e8c9da0eff7afcc63', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '9a3157c6536c37d26cea9855f798af8d202a294a', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '7a1cb37d202920a00518a7c00c8e2c5b2ec7c8bb', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };