@getflip/swirl-components 0.362.0 → 0.363.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-08-07T13:10:15",
+  "timestamp": "2025-08-07T15:53:16",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -3694,10 +3694,10 @@
         },
         {
           "name": "intent",
-          "type": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
+          "type": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
           "complexType": {
             "original": "SwirlBadgeIntent",
-            "resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
+            "resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
             "references": {
               "SwirlBadgeIntent": {
                 "location": "local",
@@ -3738,6 +3738,10 @@
               "value": "grape",
               "type": "string"
             },
+            {
+              "value": "info",
+              "type": "string"
+            },
             {
               "value": "kiwi",
               "type": "string"
@@ -62029,6 +62033,58 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "markAsNew",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "mark-as-new",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "markAsNewLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "mark-as-new-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"New\""
+            }
+          ],
+          "default": "\"New\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "target",
           "type": "string",
@@ -62135,16 +62191,21 @@
       "dependencies": [
         "swirl-tooltip",
         "swirl-visually-hidden",
-        "swirl-badge"
+        "swirl-badge",
+        "swirl-tag"
       ],
       "dependencyGraph": {
         "swirl-shell-navigation-item": [
           "swirl-tooltip",
           "swirl-visually-hidden",
-          "swirl-badge"
+          "swirl-badge",
+          "swirl-tag"
         ],
         "swirl-badge": [
           "swirl-visually-hidden"
+        ],
+        "swirl-tag": [
+          "swirl-icon-close"
         ]
       }
     },
@@ -69567,7 +69628,8 @@
       ],
       "dependents": [
         "swirl-autocomplete",
-        "swirl-select"
+        "swirl-select",
+        "swirl-shell-navigation-item"
       ],
       "dependencies": [
         "swirl-icon-close"
@@ -69581,6 +69643,9 @@
         ],
         "swirl-select": [
           "swirl-tag"
+        ],
+        "swirl-shell-navigation-item": [
+          "swirl-tag"
         ]
       }
     },
@@ -74781,7 +74846,7 @@
       "path": "src/components/swirl-avatar/swirl-avatar.tsx"
     },
     "src/components/swirl-badge/swirl-badge.tsx::SwirlBadgeIntent": {
-      "declaration": "export type SwirlBadgeIntent =\n  | \"banana\"\n  | \"blueberry\"\n  | \"chilli\"\n  | \"critical\"\n  | \"grape\"\n  | \"kiwi\"\n  | \"neutral\"\n  | \"pumpkin\"\n  | \"radish\";",
+      "declaration": "export type SwirlBadgeIntent =\n  | \"banana\"\n  | \"blueberry\"\n  | \"chilli\"\n  | \"critical\"\n  | \"grape\"\n  | \"info\"\n  | \"kiwi\"\n  | \"neutral\"\n  | \"pumpkin\"\n  | \"radish\";",
       "docstring": "",
       "path": "src/components/swirl-badge/swirl-badge.tsx"
     },

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: '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" })))));
+        return (index.h(index.Host, { key: '59f800d6b1e8c2a50b11f264549b166f35110ff8' }, index.h("swirl-app-layout", { key: '0196ea64d086682cec288cd9363838a63c5f0bb0', 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: 'f3a316f370309768f032aacf996865daed394631', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '8b719480d73d81b85eee19b750ccb60dff290f83', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'a2e323d8eb60f9e905bdf9ed5bc95f014a4ea590', label: "Sort items" })), index.h("swirl-stack", { key: '279dc842e8006a3678f2c8561ec70f3f6af6f642', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '9099b229b427e1e9852b9344ea83a8aa2d4e7ccb' }, index.h("swirl-heading", { key: '47bb3d1e74be6568fe4a6b545a5c88a6be058cab', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '8b78af54f23b9f6f9234939f5679b04140a39082', 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: 'f0085b36cb9dc878ad07cd8acc8773b98632abeb', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '8786faac5258fe982e66c3bbd1f8faa8b7c7c45b', "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: '3d8eb9f5bfb11b94ad27370028d53123b310f81a', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '71a4b53103c2f65ea647253aa97c2b1676a17fb2', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '98946868dfad029e02f0325f90d6518041050a83', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: 'd69d1ee68cd987bbc63497fcbc88eea3c8fb0b35', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '88977bb86ad5ea0539c6c5817e13550151fcae08', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '5102cd99f940f73bc28eb3307f619127d12b7654', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'ac14c4d5fbfd00481067c9e2beb2f1f7a4f143ae', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/cjs/index-DM-IG6w2.js

@@ -1398,10 +1398,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-info.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-option-list.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-option-list.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-progress-indicator.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-progress-indicator.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-tag.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-tag.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-box.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1474,10 +1482,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-action-list_2.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'swirl-option-list_2.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './swirl-option-list_2.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-check-small_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */