@getflip/swirl-components 0.429.0 → 0.431.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-01-22T14:46:20",
+  "timestamp": "2026-01-27T11:26:22",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -13830,7 +13830,12 @@
       "encapsulation": "shadow",
       "tag": "swirl-file-viewer",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "watermark - Optional watermark image to be displayed in the bottom left corner. Only supported for image files."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -14337,7 +14342,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "watermark",
+          "docs": "Optional watermark image to be displayed in the bottom left corner. Only supported for image files."
+        }
+      ],
       "parts": [],
       "dependents": [
         "file-manager",
@@ -14777,7 +14787,12 @@
       "encapsulation": "shadow",
       "tag": "swirl-file-viewer-image",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "watermark - Optional watermark image to be displayed in the bottom left corner."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -14968,7 +14983,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "watermark",
+          "docs": "Optional watermark image to be displayed in the bottom left corner."
+        }
+      ],
       "parts": [],
       "dependents": [
         "swirl-file-viewer"
@@ -16555,6 +16575,116 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "wrapperColor",
+          "type": "\"banana\" | \"blueberry\" | \"chilli\" | \"grape\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
+          "complexType": {
+            "original": "SwirlIconWrapperColor",
+            "resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"grape\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
+            "references": {
+              "SwirlIconWrapperColor": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-icon/swirl-icon.tsx",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconWrapperColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "wrapper-color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "banana",
+              "type": "string"
+            },
+            {
+              "value": "blueberry",
+              "type": "string"
+            },
+            {
+              "value": "chilli",
+              "type": "string"
+            },
+            {
+              "value": "grape",
+              "type": "string"
+            },
+            {
+              "value": "kiwi",
+              "type": "string"
+            },
+            {
+              "value": "neutral",
+              "type": "string"
+            },
+            {
+              "value": "pumpkin",
+              "type": "string"
+            },
+            {
+              "value": "radish",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "wrapperSize",
+          "type": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+          "complexType": {
+            "original": "SwirlIconWrapperSize",
+            "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+            "references": {
+              "SwirlIconWrapperSize": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-icon/swirl-icon.tsx",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconWrapperSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "wrapper-size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"m\""
+            }
+          ],
+          "default": "\"m\"",
+          "values": [
+            {
+              "value": "l",
+              "type": "string"
+            },
+            {
+              "value": "m",
+              "type": "string"
+            },
+            {
+              "value": "s",
+              "type": "string"
+            },
+            {
+              "value": "xl",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -52604,7 +52734,12 @@
       "encapsulation": "shadow",
       "tag": "swirl-image-grid-item",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "watermark - Optional watermark image to be displayed in the bottom left corner of the image."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -52960,7 +53095,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "watermark",
+          "docs": "Optional watermark image to be displayed in the bottom left corner of the image."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -83023,6 +83163,16 @@
       "docstring": "",
       "path": "src/components/swirl-icon/swirl-icon.types.ts"
     },
+    "src/components/swirl-icon/swirl-icon.tsx::SwirlIconWrapperColor": {
+      "declaration": "export type SwirlIconWrapperColor =\n  | \"banana\"\n  | \"blueberry\"\n  | \"chilli\"\n  | \"grape\"\n  | \"kiwi\"\n  | \"neutral\"\n  | \"pumpkin\"\n  | \"radish\";",
+      "docstring": "",
+      "path": "src/components/swirl-icon/swirl-icon.tsx"
+    },
+    "src/components/swirl-icon/swirl-icon.tsx::SwirlIconWrapperSize": {
+      "declaration": "export type SwirlIconWrapperSize = \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\";",
+      "docstring": "",
+      "path": "src/components/swirl-icon/swirl-icon.tsx"
+    },
     "src/components/swirl-image-grid/swirl-image-grid.tsx::SwirlImageGridBorderRadius": {
       "declaration": "string",
       "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: '4b81a01101dd7e0b49293574a5d5b61ebc670b54' }, index.h("swirl-app-layout", { key: '5228c1c226b25a541ea82fb2632c1d2d537717f4', 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: '3d82c65cff6b591c5b016646888f4727dac07760', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'd4f6998b5d087dcb2fa7113403dba3ff805c349e', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '4a31695f6fdf5947aae4f8cef5b829dbd7929fde', label: "Sort items" })), index.h("swirl-stack", { key: 'b28e81b669130090b7a72bcd54b3dd8026f32b4b', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '4e7a9bea6e811dcccd5b2ed10ee9122926867b93' }, index.h("swirl-heading", { key: '37a4adaff2f17a7cd89954043e1536ecdfc89ee6', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'f55da237470f1f81bc470f45f31f02cce4281c74', 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: '29aac6e2a5853c8657bb2085198274cd702f7001', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '84019061a66f2f27c70aaf951da5bdee38057913', "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: '9ed8e2c899a07bae62b6642f7c229b7aea1e3e18', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'db127ef6f7ede6d96ef89a695dc7330e3e5f61c6', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '530ffe4f8436b18f3e5aa698ae04cd8fa2aedd9b', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '80e9363a16208d425c462247a5073eb6688f4716', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '85f752c5a8182fa6be474cbcaaedbd28774458c2', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'fd09f6e8c8807af23275f11c5ac5966bafeb6507', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '07e41a31b732d57d68410de7204b6c15407937ef', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: '430804dbff826347c3b0d3c9505f4d72d6aac93e' }, index.h("swirl-app-layout", { key: 'de1825bd5653bc3837fde6791177edc5a8fa11e0', 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: 'e8b94748a91ec9126403db62d8a62224ee95ff15', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '09b141c11d94ffd850810ea01e2168ee0f508d0a', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '8f929f17ae034cbfee1331d62867f2ff28c7cbdb', label: "Sort items" })), index.h("swirl-stack", { key: '0890246f8271f0eaa192d3b570b5064e9cce022c', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'f4f3f76bfeb32e9abafd782ef1f7d3085cce50bc' }, index.h("swirl-heading", { key: 'f8ee497baa76c8d59a134988765732f192d7c957', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '9a4c030b6c6296bcec66520802e082c90c7e489a', 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: '3631a991dd45d1ea403b07a9762d5b20ae397565', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '96fbf73d2a350d0c3dc0b9c97eb78e2a61637c97', "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: '3e51573a4362370872ab1a6d657fad68cb56de50', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'c9cfab4eae3d2f8d8460be9855405f11972c9892', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '34433b274e752fffa335f149264c4ca93a6dd436', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '2e0363fae6106456b31a91851c05765f6ec73c51', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '21b34ca344b2ff5667221fdaa4f08850ab103009', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'fe29d08ba463cb3e493b907df89ef965802640a6', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'a65a31b0498ab708831fa4e26eec21cb76a75ecc', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };