@getflip/swirl-components 0.376.0 → 0.378.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-09T12:38:13",
+  "timestamp": "2025-09-10T14:01:55",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -6208,6 +6208,7 @@
         "swirl-file-chip",
         "swirl-file-uploader",
         "swirl-file-viewer-fallback",
+        "swirl-image-grid-item",
         "swirl-menu",
         "swirl-modal",
         "swirl-pagination",
@@ -6247,6 +6248,9 @@
         "swirl-file-viewer-fallback": [
           "swirl-button"
         ],
+        "swirl-image-grid-item": [
+          "swirl-button"
+        ],
         "swirl-menu": [
           "swirl-button"
         ],
@@ -29420,15 +29424,9 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-image-grid-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-image-grid-item": [
-          "swirl-icon-gif"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-group-add.tsx",
@@ -38924,15 +38922,9 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-image-grid-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-image-grid-item": [
-          "swirl-icon-pause"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-pause-circle.tsx",
@@ -39390,6 +39382,156 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-person-check.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-person-check",
+      "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-person-off.tsx",
       "encapsulation": "shadow",
@@ -40742,15 +40884,9 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-image-grid-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-image-grid-item": [
-          "swirl-icon-play-arrow"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-poll.tsx",
@@ -51314,20 +51450,14 @@
       "dependents": [],
       "dependencies": [
         "swirl-visually-hidden",
-        "swirl-stack",
-        "swirl-icon-play-arrow",
-        "swirl-icon-pause",
-        "swirl-icon-gif",
+        "swirl-button",
         "swirl-skeleton-box",
         "swirl-icon-error"
       ],
       "dependencyGraph": {
         "swirl-image-grid-item": [
           "swirl-visually-hidden",
-          "swirl-stack",
-          "swirl-icon-play-arrow",
-          "swirl-icon-pause",
-          "swirl-icon-gif",
+          "swirl-button",
           "swirl-skeleton-box",
           "swirl-icon-error"
         ]
@@ -63541,7 +63671,6 @@
         "swirl-button-group",
         "swirl-empty-state",
         "swirl-file-viewer-fallback",
-        "swirl-image-grid-item",
         "swirl-lightbox",
         "swirl-option-list-section",
         "swirl-pagination",
@@ -63575,9 +63704,6 @@
         "swirl-file-viewer-fallback": [
           "swirl-stack"
         ],
-        "swirl-image-grid-item": [
-          "swirl-stack"
-        ],
         "swirl-lightbox": [
           "swirl-stack"
         ],

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: '505083ec6ccf1400a19934b8177062c2f8437a5f' }, index.h("swirl-app-layout", { key: 'f2101e6c920faabe7f8a2e4de1affbab17b12c41', 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: '0480ed0e39aad951a8d3a23ec4ce85ab482e5aca', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'f650570702c7a499d18e11f776b60bef9ae991ba', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '7fe7cd9d69f8db623b239bdc310486424358e12d', label: "Sort items" })), index.h("swirl-stack", { key: '84c19ae34c66c1780bd463e7c2b2d10ce7e2c279', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'ba8a9239110b3cf5af08460cb0376d071382c636' }, index.h("swirl-heading", { key: 'b6c01f2a051bfd53da66733c66b130c5d2167766', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '5d77867c86ad9003fe320a049ab95e36ef077501', 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: '47d5d5fe0acd228efbffce6b53ca8ec182ae99b4', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'dd295db87d164e598639d5531e183b5e2915be71', "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: '51af124a80d628f9671a881f6a6d3e2fb99aac17', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '50461c80a73b734c654afc0bf87897e812706121', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '976fe2df7dcc5095c604801c4a3b44e1eef97531', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '40f76488848bc1daec69913df063b77a76e6b951', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '19c01d4897a1d5b9c4aea8a1b1a23438fe648a37', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'd9e437e1caa86aa077d7d335eb0b66ab5df1854b', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '12f08df1327fce90035b2316bec148fa01957bb0', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: 'c6c00746cf51336a5a432f48d5813d02247a501c' }, index.h("swirl-app-layout", { key: 'a68db9268d1743a3da4bdd1e29a8a90d33d8e099', 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: '7f1c4fc04c94cddc2e57e555a4547c5751d28af2', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'ba6a91da9132c74c9c2e65fe56c5e744481ccc0e', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'f349e20782912bb443c253c0e310620bd414ccf1', label: "Sort items" })), index.h("swirl-stack", { key: '419b98200a8ad65999c545bbfb97a4daa9033a8e', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '1fc019553ef530398eaf4a882febb948a094a31f' }, index.h("swirl-heading", { key: '69ac18be7ee4e880f1f18646730a9b243dc78a7f', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '670cb38adb67511e50f0796ed0ab7fa81854ddc3', 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: '83e140f0e1a3389e47678131d0086a7b150ba187', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'b7e3523fe29da2fa06c90752380fae47fb4ab8d5', "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: '757111da2fbe32366b035f76161b0ef0ae421e45', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '0a9376db56a385a0a34bccca823b0bb208ee1b7a', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'af0dd15488adf02e6d82df07e4ab59b0073b6549', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '1cfbfc9c2635cb5f158940a624f2a1d796d47a5d', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '4e06badebd7f793c9b0c7dad51871726a68faf44', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '687b37e01845b112917406b3b0aa1d4ad5304fd5', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '1d77cb6477009a6ad07c29dea4c9b4a91ed31633', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

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

@@ -458,6 +458,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-format-list-bulleted.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-gif.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-gif.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-group-add.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -682,6 +686,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-patient-list.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-pause.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-pause.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-pause-circle.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -690,6 +698,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-people-alt.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-person-check.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-person-check.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-person-off.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -718,6 +730,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-place.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-play-arrow.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-play-arrow.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-poll.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1370,6 +1386,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-person.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-skeleton-box.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-skeleton-box.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-tab-bar.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1506,10 +1526,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-arrow-left_4.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'swirl-icon-gif_4.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './swirl-icon-gif_4.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-cancel_4.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */