@getflip/swirl-components 0.443.0 → 0.445.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-02-18T09:44:40",
+  "timestamp": "2026-02-18T13:28:45",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -12205,18 +12205,34 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
+            "signature": "(returnFocusTo?: HTMLElement | string) => Promise<void>",
+            "parameters": [
+              {
+                "name": "returnFocusTo",
+                "type": "string | HTMLElement",
+                "docs": ""
+              }
+            ],
             "references": {
               "Promise": {
                 "location": "global",
                 "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
               }
             },
             "return": "Promise<void>"
           },
-          "signature": "open() => Promise<void>",
-          "parameters": [],
+          "signature": "open(returnFocusTo?: HTMLElement | string) => Promise<void>",
+          "parameters": [
+            {
+              "name": "returnFocusTo",
+              "type": "string | HTMLElement",
+              "docs": ""
+            }
+          ],
           "docs": "Open the dialog.",
           "docsTags": []
         }
@@ -47128,6 +47144,156 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-sell.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-sell",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "24"
+            }
+          ],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-send.tsx",
       "encapsulation": "shadow",
@@ -56509,18 +56675,34 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
+            "signature": "(returnFocusTo?: HTMLElement | string) => Promise<void>",
+            "parameters": [
+              {
+                "name": "returnFocusTo",
+                "type": "string | HTMLElement",
+                "docs": ""
+              }
+            ],
             "references": {
               "Promise": {
                 "location": "global",
                 "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
               }
             },
             "return": "Promise<void>"
           },
-          "signature": "open() => Promise<void>",
-          "parameters": [],
+          "signature": "open(returnFocusTo?: HTMLElement | string) => Promise<void>",
+          "parameters": [
+            {
+              "name": "returnFocusTo",
+              "type": "string | HTMLElement",
+              "docs": ""
+            }
+          ],
           "docs": "Open the modal.",
           "docsTags": []
         },

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: 'fd5e23be405e5ea3468492eabbd31fbac507c7d9' }, index.h("swirl-app-layout", { key: '5b5a1a07fe86f7617be792e9a51527f76065bd7c', 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: '6f91aa4d297ac82e74135165bbf14dbcb96ef9cc', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '228bbe9816a57912d26c6b876d9ed9971b243a91', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'bfb2ea630131f260bddb755086d959d75a599924', label: "Sort items" })), index.h("swirl-stack", { key: 'e7230a465b56dcef04631a47bde601b712b5e500', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '012c7b52f64f0217bb0fad4d0cf11ea2befeaf19' }, index.h("swirl-heading", { key: 'bf4245ee25869738a888726ded31f11a7f9a68b4', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '101b3e8ec7a66c227b9cbccc1bc7700f5d2f72ac', 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: 'cb8a6e467c8a5bbe608841907923813e4c97426d', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '25b328720d8d89745fd687e35f4691bccdd6ee1d', "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: '0ec5b4d4620b7d9f467278f5ff69a487c46422e4', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '63e0dfddd55e22863f8322963a69a60a710449c1', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '0889f16cf03d5e179d202e1fad1eb82fc3ea5502', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '54339c3dabbe501ee63379c69d4d974a0f9518b5', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '16061f0dcf956447974b35cdda0dda7297de925c', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '4fbb965d7baed2325c9bf3f361da5ba9c0f90715', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '96684f19138c8e2b4ec02583ddb3b8f33a042a55', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: '6dc446161906585e7089d07fe405d73c3465ec87' }, index.h("swirl-app-layout", { key: '01753049f2e02778a98a10b00627c284909a867d', 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: '82fa5964aa3338e83c3f1675c01d639ff2d2388c', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '2dd60e9c5683cf155f57891999b7a87020b9808c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '9e95cf4c30bbd62011681dfc7ec2e6707b644291', label: "Sort items" })), index.h("swirl-stack", { key: 'c54ad944ddfd81a6781ba8537a4b3f3e0fa767d4', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'b79ff5a7ef15a286e4aba999e173bc11d21f504b' }, index.h("swirl-heading", { key: '881216eb149d155d9b6001ad8b09b8556ea6158d', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'b8bdc2de713657b151a9e5d210501b53ea3d3823', 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: 'c27a1fb850402a38bb3d3509920ed9ca19ed8feb', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '5d4a6e851a5195deb6244c527f3c01ed6f26f326', "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: '05e2d2655cdf0a520ce09d5ca19a553ccf87d9ca', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '6e064318899d84f0ca2a5f3f52a01b34d8243433', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '50c9dc5f99de35da1c0999368e91ca145520f170', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: 'bf9212cba381ca29f281ef217a57a1eb38ef00b1', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '6beb466e2531a52c9d54dd66c5a9c176e7b91e90', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '79b932befb1f9ed463a5d27cb4ffb85b88276086', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '1246f3cd630c4822ad75360ca97c34d1de9f1bf7', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/cjs/index-31zRgX-7.js

@@ -866,6 +866,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-secure.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-sell.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-sell.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-send.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */