@getflip/swirl-components 0.189.0 → 0.191.0

package/dist/collection/components/swirl-icon/icons/swirl-icon-lock.js

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconLock {
-    constructor() {
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'f468983ea41411a78d4dfe308e57b96ff3e05844', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '0bbac5d97c8fe2fc28c27d8d3d9f88d361123f5e' }, h("path", { key: 'dcc1c332e2e8b38c884cfb57f733a45e79a85050', d: "M4.00002 14.6667C3.63335 14.6667 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V6.66666C2.66669 6.29999 2.79735 5.98599 3.05869 5.72466C3.31958 5.46377 3.63335 5.33332 4.00002 5.33332H4.66669V3.99999C4.66669 3.07777 4.9918 2.29155 5.64202 1.64132C6.2918 0.991545 7.0778 0.666656 8.00002 0.666656C8.92224 0.666656 9.70847 0.991545 10.3587 1.64132C11.0085 2.29155 11.3334 3.07777 11.3334 3.99999V5.33332H12C12.3667 5.33332 12.6807 5.46377 12.942 5.72466C13.2029 5.98599 13.3334 6.29999 13.3334 6.66666V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6667 12 14.6667H4.00002ZM4.00002 13.3333H12V6.66666H4.00002V13.3333ZM8.00002 11.3333C8.36669 11.3333 8.68069 11.2029 8.94202 10.942C9.20291 10.6807 9.33335 10.3667 9.33335 9.99999C9.33335 9.63332 9.20291 9.31932 8.94202 9.05799C8.68069 8.7971 8.36669 8.66666 8.00002 8.66666C7.63335 8.66666 7.31958 8.7971 7.05869 9.05799C6.79735 9.31932 6.66669 9.63332 6.66669 9.99999C6.66669 10.3667 6.79735 10.6807 7.05869 10.942C7.31958 11.2029 7.63335 11.3333 8.00002 11.3333ZM6.00002 5.33332H10V3.99999C10 3.44443 9.80558 2.97221 9.41669 2.58332C9.0278 2.19443 8.55558 1.99999 8.00002 1.99999C7.44446 1.99999 6.97224 2.19443 6.58335 2.58332C6.19446 2.97221 6.00002 3.44443 6.00002 3.99999V5.33332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3da4f976147eb6a70672d96bc04592f6f2234125' }, h("path", { key: 'c7992091b0e8bf60388e64938ab644bff9335ee3', d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V10C4 9.45 4.196 8.979 4.588 8.587C4.97933 8.19567 5.45 8 6 8H7V6C7 4.61667 7.48767 3.43733 8.463 2.462C9.43767 1.48733 10.6167 1 12 1C13.3833 1 14.5627 1.48733 15.538 2.462C16.5127 3.43733 17 4.61667 17 6V8H18C18.55 8 19.021 8.19567 19.413 8.587C19.8043 8.979 20 9.45 20 10V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.021 16.8043 13.413 16.413C13.8043 16.021 14 15.55 14 15C14 14.45 13.8043 13.979 13.413 13.587C13.021 13.1957 12.55 13 12 13C11.45 13 10.9793 13.1957 10.588 13.587C10.196 13.979 10 14.45 10 15C10 15.55 10.196 16.021 10.588 16.413C10.9793 16.8043 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '7e9abefc0d3fa1799bafeb8cfd2237fb330617ea' }, h("path", { key: 'b9c85a699efe833a8b5e9ccf770fadd14c07a22e', d: "M7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V11.6667C4.66669 11.025 4.89535 10.4755 5.35269 10.0182C5.80924 9.56163 6.35835 9.33335 7.00002 9.33335H8.16669V7.00002C8.16669 5.38613 8.73563 4.01024 9.87352 2.87235C11.0106 1.73524 12.3861 1.16669 14 1.16669C15.6139 1.16669 16.9898 1.73524 18.1277 2.87235C19.2648 4.01024 19.8334 5.38613 19.8334 7.00002V9.33335H21C21.6417 9.33335 22.1912 9.56163 22.6485 10.0182C23.1051 10.4755 23.3334 11.025 23.3334 11.6667V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM7.00002 23.3334H21V11.6667H7.00002V23.3334ZM14 19.8334C14.6417 19.8334 15.1912 19.6051 15.6485 19.1485C16.1051 18.6912 16.3334 18.1417 16.3334 17.5C16.3334 16.8584 16.1051 16.3089 15.6485 15.8515C15.1912 15.395 14.6417 15.1667 14 15.1667C13.3584 15.1667 12.8092 15.395 12.3527 15.8515C11.8954 16.3089 11.6667 16.8584 11.6667 17.5C11.6667 18.1417 11.8954 18.6912 12.3527 19.1485C12.8092 19.6051 13.3584 19.8334 14 19.8334ZM10.5 9.33335H17.5V7.00002C17.5 6.0278 17.1597 5.20141 16.4792 4.52085C15.7986 3.8403 14.9722 3.50002 14 3.50002C13.0278 3.50002 12.2014 3.8403 11.5209 4.52085C10.8403 5.20141 10.5 6.0278 10.5 7.00002V9.33335Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-lock"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "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"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "color",
-                "reflect": false
-            },
-            "size": {
-                "type": "number",
-                "mutable": false,
-                "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"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "size",
-                "reflect": false,
-                "defaultValue": "24"
+  constructor() {
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M4.00002 14.6667C3.63335 14.6667 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V6.66666C2.66669 6.29999 2.79735 5.98599 3.05869 5.72466C3.31958 5.46377 3.63335 5.33332 4.00002 5.33332H4.66669V3.99999C4.66669 3.07777 4.9918 2.29155 5.64202 1.64132C6.2918 0.991545 7.0778 0.666656 8.00002 0.666656C8.92224 0.666656 9.70847 0.991545 10.3587 1.64132C11.0085 2.29155 11.3334 3.07777 11.3334 3.99999V5.33332H12C12.3667 5.33332 12.6807 5.46377 12.942 5.72466C13.2029 5.98599 13.3334 6.29999 13.3334 6.66666V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6667 12 14.6667H4.00002ZM4.00002 13.3333H12V6.66666H4.00002V13.3333ZM8.00002 11.3333C8.36669 11.3333 8.68069 11.2029 8.94202 10.942C9.20291 10.6807 9.33335 10.3667 9.33335 9.99999C9.33335 9.63332 9.20291 9.31932 8.94202 9.05799C8.68069 8.7971 8.36669 8.66666 8.00002 8.66666C7.63335 8.66666 7.31958 8.7971 7.05869 9.05799C6.79735 9.31932 6.66669 9.63332 6.66669 9.99999C6.66669 10.3667 6.79735 10.6807 7.05869 10.942C7.31958 11.2029 7.63335 11.3333 8.00002 11.3333ZM6.00002 5.33332H10V3.99999C10 3.44443 9.80558 2.97221 9.41669 2.58332C9.0278 2.19443 8.55558 1.99999 8.00002 1.99999C7.44446 1.99999 6.97224 2.19443 6.58335 2.58332C6.19446 2.97221 6.00002 3.44443 6.00002 3.99999V5.33332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V10C4 9.45 4.196 8.979 4.588 8.587C4.97933 8.19567 5.45 8 6 8H7V6C7 4.61667 7.48767 3.43733 8.463 2.462C9.43767 1.48733 10.6167 1 12 1C13.3833 1 14.5627 1.48733 15.538 2.462C16.5127 3.43733 17 4.61667 17 6V8H18C18.55 8 19.021 8.19567 19.413 8.587C19.8043 8.979 20 9.45 20 10V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.021 16.8043 13.413 16.413C13.8043 16.021 14 15.55 14 15C14 14.45 13.8043 13.979 13.413 13.587C13.021 13.1957 12.55 13 12 13C11.45 13 10.9793 13.1957 10.588 13.587C10.196 13.979 10 14.45 10 15C10 15.55 10.196 16.021 10.588 16.413C10.9793 16.8043 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V11.6667C4.66669 11.025 4.89535 10.4755 5.35269 10.0182C5.80924 9.56163 6.35835 9.33335 7.00002 9.33335H8.16669V7.00002C8.16669 5.38613 8.73563 4.01024 9.87352 2.87235C11.0106 1.73524 12.3861 1.16669 14 1.16669C15.6139 1.16669 16.9898 1.73524 18.1277 2.87235C19.2648 4.01024 19.8334 5.38613 19.8334 7.00002V9.33335H21C21.6417 9.33335 22.1912 9.56163 22.6485 10.0182C23.1051 10.4755 23.3334 11.025 23.3334 11.6667V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM7.00002 23.3334H21V11.6667H7.00002V23.3334ZM14 19.8334C14.6417 19.8334 15.1912 19.6051 15.6485 19.1485C16.1051 18.6912 16.3334 18.1417 16.3334 17.5C16.3334 16.8584 16.1051 16.3089 15.6485 15.8515C15.1912 15.395 14.6417 15.1667 14 15.1667C13.3584 15.1667 12.8092 15.395 12.3527 15.8515C11.8954 16.3089 11.6667 16.8584 11.6667 17.5C11.6667 18.1417 11.8954 18.6912 12.3527 19.1485C12.8092 19.6051 13.3584 19.8334 14 19.8334ZM10.5 9.33335H17.5V7.00002C17.5 6.0278 17.1597 5.20141 16.4792 4.52085C15.7986 3.8403 14.9722 3.50002 14 3.50002C13.0278 3.50002 12.2014 3.8403 11.5209 4.52085C10.8403 5.20141 10.5 6.0278 10.5 7.00002V9.33335Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-lock"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "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"
             }
-        };
-    }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false
+      },
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconSize",
+          "resolved": "16 | 20 | 24 | 28",
+          "references": {
+            "SwirlIconSize": {
+              "location": "import",
+              "path": "../swirl-icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }

package/dist/collection/components/swirl-icon/icons/swirl-icon-login.js

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconLogin {
-    constructor() {
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '1845f744f48a9b37ba0a5297efe6abdb6e1ee8cd', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '5be211b987fa9ff0e94c2bff098e76e30d5511e7' }, h("path", { key: 'a6c3cfee5ff624c41a510dc7d9a518cdb4439392', d: "M8.66667 14C8.47778 14 8.31944 13.9361 8.19167 13.8083C8.06389 13.6806 8 13.5222 8 13.3333C8 13.1444 8.06389 12.9861 8.19167 12.8583C8.31944 12.7306 8.47778 12.6667 8.66667 12.6667H12.6667V3.33333H8.66667C8.47778 3.33333 8.31944 3.26944 8.19167 3.14167C8.06389 3.01389 8 2.85556 8 2.66667C8 2.47778 8.06389 2.31944 8.19167 2.19167C8.31944 2.06389 8.47778 2 8.66667 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H8.66667ZM7.45 8.66667H2.66667C2.47778 8.66667 2.31944 8.60278 2.19167 8.475C2.06389 8.34722 2 8.18889 2 8C2 7.81111 2.06389 7.65278 2.19167 7.525C2.31944 7.39722 2.47778 7.33333 2.66667 7.33333H7.45L6.2 6.08333C6.07778 5.96111 6.01667 5.81111 6.01667 5.63333C6.01667 5.45556 6.07778 5.3 6.2 5.16667C6.32222 5.03333 6.47778 4.96389 6.66667 4.95833C6.85556 4.95278 7.01667 5.01667 7.15 5.15L9.53333 7.53333C9.66667 7.66667 9.73333 7.82222 9.73333 8C9.73333 8.17778 9.66667 8.33333 9.53333 8.46667L7.15 10.85C7.01667 10.9833 6.85833 11.0472 6.675 11.0417C6.49167 11.0361 6.33333 10.9667 6.2 10.8333C6.07778 10.7 6.01944 10.5417 6.025 10.3583C6.03056 10.175 6.09444 10.0222 6.21667 9.9L7.45 8.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '87681648df0c7676de7a82ca7c9383a83e66276d' }, h("path", { key: '7242f49eadd84f08abc737f0af9b89b74dd67950', d: "M13 21C12.7167 21 12.4792 20.9042 12.2875 20.7125C12.0958 20.5208 12 20.2833 12 20C12 19.7167 12.0958 19.4792 12.2875 19.2875C12.4792 19.0958 12.7167 19 13 19H19V5H13C12.7167 5 12.4792 4.90417 12.2875 4.7125C12.0958 4.52083 12 4.28333 12 4C12 3.71667 12.0958 3.47917 12.2875 3.2875C12.4792 3.09583 12.7167 3 13 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM11.175 13H4C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11H11.175L9.3 9.125C9.11667 8.94167 9.025 8.71667 9.025 8.45C9.025 8.18333 9.11667 7.95 9.3 7.75C9.48333 7.55 9.71667 7.44583 10 7.4375C10.2833 7.42917 10.525 7.525 10.725 7.725L14.3 11.3C14.5 11.5 14.6 11.7333 14.6 12C14.6 12.2667 14.5 12.5 14.3 12.7L10.725 16.275C10.525 16.475 10.2875 16.5708 10.0125 16.5625C9.7375 16.5542 9.5 16.45 9.3 16.25C9.11667 16.05 9.02917 15.8125 9.0375 15.5375C9.04583 15.2625 9.14167 15.0333 9.325 14.85L11.175 13Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'adb982a4328bd4c456c30b5e96fcacf02a43a63a' }, h("path", { key: '709531ceaccd8b96baa6836f5b311bdda819b9df', d: "M15.1667 24.5C14.8361 24.5 14.559 24.3882 14.3354 24.1646C14.1118 23.941 14 23.6639 14 23.3333C14 23.0028 14.1118 22.7257 14.3354 22.5021C14.559 22.2785 14.8361 22.1667 15.1667 22.1667H22.1667V5.83333H15.1667C14.8361 5.83333 14.559 5.72153 14.3354 5.49792C14.1118 5.27431 14 4.99722 14 4.66667C14 4.33611 14.1118 4.05903 14.3354 3.83542C14.559 3.61181 14.8361 3.5 15.1667 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H15.1667ZM13.0375 15.1667H4.66667C4.33611 15.1667 4.05903 15.0549 3.83542 14.8313C3.61181 14.6076 3.5 14.3306 3.5 14C3.5 13.6694 3.61181 13.3924 3.83542 13.1688C4.05903 12.9451 4.33611 12.8333 4.66667 12.8333H13.0375L10.85 10.6458C10.6361 10.4319 10.5292 10.1694 10.5292 9.85833C10.5292 9.54722 10.6361 9.275 10.85 9.04167C11.0639 8.80833 11.3361 8.68681 11.6667 8.67708C11.9972 8.66736 12.2792 8.77917 12.5125 9.0125L16.6833 13.1833C16.9167 13.4167 17.0333 13.6889 17.0333 14C17.0333 14.3111 16.9167 14.5833 16.6833 14.8167L12.5125 18.9875C12.2792 19.2208 12.0021 19.3326 11.6813 19.3229C11.3604 19.3132 11.0833 19.1917 10.85 18.9583C10.6361 18.725 10.534 18.4479 10.5437 18.1271C10.5535 17.8062 10.6653 17.5389 10.8792 17.325L13.0375 15.1667Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-login"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "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"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "color",
-                "reflect": false
-            },
-            "size": {
-                "type": "number",
-                "mutable": false,
-                "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"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "size",
-                "reflect": false,
-                "defaultValue": "24"
+  constructor() {
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8.66667 14C8.47778 14 8.31944 13.9361 8.19167 13.8083C8.06389 13.6806 8 13.5222 8 13.3333C8 13.1444 8.06389 12.9861 8.19167 12.8583C8.31944 12.7306 8.47778 12.6667 8.66667 12.6667H12.6667V3.33333H8.66667C8.47778 3.33333 8.31944 3.26944 8.19167 3.14167C8.06389 3.01389 8 2.85556 8 2.66667C8 2.47778 8.06389 2.31944 8.19167 2.19167C8.31944 2.06389 8.47778 2 8.66667 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H8.66667ZM7.45 8.66667H2.66667C2.47778 8.66667 2.31944 8.60278 2.19167 8.475C2.06389 8.34722 2 8.18889 2 8C2 7.81111 2.06389 7.65278 2.19167 7.525C2.31944 7.39722 2.47778 7.33333 2.66667 7.33333H7.45L6.2 6.08333C6.07778 5.96111 6.01667 5.81111 6.01667 5.63333C6.01667 5.45556 6.07778 5.3 6.2 5.16667C6.32222 5.03333 6.47778 4.96389 6.66667 4.95833C6.85556 4.95278 7.01667 5.01667 7.15 5.15L9.53333 7.53333C9.66667 7.66667 9.73333 7.82222 9.73333 8C9.73333 8.17778 9.66667 8.33333 9.53333 8.46667L7.15 10.85C7.01667 10.9833 6.85833 11.0472 6.675 11.0417C6.49167 11.0361 6.33333 10.9667 6.2 10.8333C6.07778 10.7 6.01944 10.5417 6.025 10.3583C6.03056 10.175 6.09444 10.0222 6.21667 9.9L7.45 8.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M13 21C12.7167 21 12.4792 20.9042 12.2875 20.7125C12.0958 20.5208 12 20.2833 12 20C12 19.7167 12.0958 19.4792 12.2875 19.2875C12.4792 19.0958 12.7167 19 13 19H19V5H13C12.7167 5 12.4792 4.90417 12.2875 4.7125C12.0958 4.52083 12 4.28333 12 4C12 3.71667 12.0958 3.47917 12.2875 3.2875C12.4792 3.09583 12.7167 3 13 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM11.175 13H4C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11H11.175L9.3 9.125C9.11667 8.94167 9.025 8.71667 9.025 8.45C9.025 8.18333 9.11667 7.95 9.3 7.75C9.48333 7.55 9.71667 7.44583 10 7.4375C10.2833 7.42917 10.525 7.525 10.725 7.725L14.3 11.3C14.5 11.5 14.6 11.7333 14.6 12C14.6 12.2667 14.5 12.5 14.3 12.7L10.725 16.275C10.525 16.475 10.2875 16.5708 10.0125 16.5625C9.7375 16.5542 9.5 16.45 9.3 16.25C9.11667 16.05 9.02917 15.8125 9.0375 15.5375C9.04583 15.2625 9.14167 15.0333 9.325 14.85L11.175 13Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M15.1667 24.5C14.8361 24.5 14.559 24.3882 14.3354 24.1646C14.1118 23.941 14 23.6639 14 23.3333C14 23.0028 14.1118 22.7257 14.3354 22.5021C14.559 22.2785 14.8361 22.1667 15.1667 22.1667H22.1667V5.83333H15.1667C14.8361 5.83333 14.559 5.72153 14.3354 5.49792C14.1118 5.27431 14 4.99722 14 4.66667C14 4.33611 14.1118 4.05903 14.3354 3.83542C14.559 3.61181 14.8361 3.5 15.1667 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H15.1667ZM13.0375 15.1667H4.66667C4.33611 15.1667 4.05903 15.0549 3.83542 14.8313C3.61181 14.6076 3.5 14.3306 3.5 14C3.5 13.6694 3.61181 13.3924 3.83542 13.1688C4.05903 12.9451 4.33611 12.8333 4.66667 12.8333H13.0375L10.85 10.6458C10.6361 10.4319 10.5292 10.1694 10.5292 9.85833C10.5292 9.54722 10.6361 9.275 10.85 9.04167C11.0639 8.80833 11.3361 8.68681 11.6667 8.67708C11.9972 8.66736 12.2792 8.77917 12.5125 9.0125L16.6833 13.1833C16.9167 13.4167 17.0333 13.6889 17.0333 14C17.0333 14.3111 16.9167 14.5833 16.6833 14.8167L12.5125 18.9875C12.2792 19.2208 12.0021 19.3326 11.6813 19.3229C11.3604 19.3132 11.0833 19.1917 10.85 18.9583C10.6361 18.725 10.534 18.4479 10.5437 18.1271C10.5535 17.8062 10.6653 17.5389 10.8792 17.325L13.0375 15.1667Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-login"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "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"
             }
-        };
-    }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false
+      },
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconSize",
+          "resolved": "16 | 20 | 24 | 28",
+          "references": {
+            "SwirlIconSize": {
+              "location": "import",
+              "path": "../swirl-icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }

package/dist/collection/components/swirl-icon/icons/swirl-icon-logout.js

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconLogout {
-    constructor() {
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'df3eb5d0cb21d6ef7e618d6fc068fecc431c5183', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '791c3a2fd32727e1fa1ce2ac68d155f51e6ca3c0' }, h("path", { key: 'f497ed6834813a152be0bd25598b5969c1ed6367', d: "M10.15 10.9833C10.0056 10.8167 9.93335 10.6304 9.93335 10.4247C9.93335 10.2193 10.0056 10.0444 10.15 9.9L11.3 8.76667H6.68335C6.47224 8.76667 6.29446 8.69156 6.15001 8.54134C6.00557 8.39156 5.93335 8.21111 5.93335 8C5.93335 7.78889 6.00557 7.60845 6.15001 7.45867C6.29446 7.30845 6.47224 7.23334 6.68335 7.23334H11.3L10.15 6.1C9.99446 5.94445 9.91935 5.76378 9.92468 5.558C9.93046 5.35267 10.0056 5.17222 10.15 5.01667C10.2945 4.87222 10.4696 4.8 10.6753 4.8C10.8807 4.8 11.0556 4.87222 11.2 5.01667L13.6667 7.46667C13.7333 7.54445 13.7833 7.62778 13.8167 7.71667C13.85 7.80556 13.8667 7.9 13.8667 8C13.8667 8.1 13.85 8.19445 13.8167 8.28333C13.7833 8.37222 13.7333 8.45556 13.6667 8.53333L11.2 11C11.0333 11.1556 10.8529 11.2249 10.6587 11.208C10.464 11.1916 10.2945 11.1167 10.15 10.9833V10.9833ZM3.33335 14.1333C2.91113 14.1333 2.5529 13.9862 2.25868 13.692C1.96401 13.3973 1.81668 13.0389 1.81668 12.6167V3.38334C1.81668 2.96111 1.96401 2.60267 2.25868 2.308C2.5529 2.01378 2.91113 1.86667 3.33335 1.86667H7.26668C7.4889 1.86667 7.67224 1.93889 7.81668 2.08334C7.96113 2.22778 8.03335 2.40556 8.03335 2.61667C8.03335 2.83889 7.96113 3.02222 7.81668 3.16667C7.67224 3.31111 7.4889 3.38334 7.26668 3.38334H3.33335V12.6167H7.26668C7.4889 12.6167 7.67224 12.6889 7.81668 12.8333C7.96113 12.9778 8.03335 13.1611 8.03335 13.3833C8.03335 13.5944 7.96113 13.7722 7.81668 13.9167C7.67224 14.0611 7.4889 14.1333 7.26668 14.1333H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b0b44fff8fff65dcd4e9cbaff9a77ad8f02ef273' }, h("path", { key: 'd551341c058937bcd9357db2acc3528e4d6c6048', d: "M15.225 16.475C15.0083 16.225 14.9 15.9457 14.9 15.637C14.9 15.329 15.0083 15.0667 15.225 14.85L16.95 13.15H10.025C9.70834 13.15 9.44167 13.0373 9.22501 12.812C9.00834 12.5873 8.90001 12.3167 8.90001 12C8.90001 11.6833 9.00834 11.4127 9.22501 11.188C9.44167 10.9627 9.70834 10.85 10.025 10.85H16.95L15.225 9.14999C14.9917 8.91665 14.879 8.64565 14.887 8.33699C14.8957 8.02899 15.0083 7.75832 15.225 7.52499C15.4417 7.30832 15.7043 7.19999 16.013 7.19999C16.321 7.19999 16.5833 7.30832 16.8 7.52499L20.5 11.2C20.6 11.3167 20.675 11.4417 20.725 11.575C20.775 11.7083 20.8 11.85 20.8 12C20.8 12.15 20.775 12.2917 20.725 12.425C20.675 12.5583 20.6 12.6833 20.5 12.8L16.8 16.5C16.55 16.7333 16.2793 16.8373 15.988 16.812C15.696 16.7873 15.4417 16.675 15.225 16.475ZM5.00001 21.2C4.36667 21.2 3.82934 20.9793 3.38801 20.538C2.94601 20.096 2.72501 19.5583 2.72501 18.925V5.07499C2.72501 4.44165 2.94601 3.90399 3.38801 3.46199C3.82934 3.02065 4.36667 2.79999 5.00001 2.79999H10.9C11.2333 2.79999 11.5083 2.90832 11.725 3.12499C11.9417 3.34165 12.05 3.60832 12.05 3.92499C12.05 4.25832 11.9417 4.53332 11.725 4.74999C11.5083 4.96665 11.2333 5.07499 10.9 5.07499H5.00001V18.925H10.9C11.2333 18.925 11.5083 19.0333 11.725 19.25C11.9417 19.4667 12.05 19.7417 12.05 20.075C12.05 20.3917 11.9417 20.6583 11.725 20.875C11.5083 21.0917 11.2333 21.2 10.9 21.2H5.00001Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e7cbf5af44df8b2af57bb71e7cd6584595e45315' }, h("path", { key: '97cf0cc386a1856520ee7b9b7d3cc0c6b2459c77', d: "M17.7625 19.2208C17.5097 18.9292 17.3833 18.6033 17.3833 18.2432C17.3833 17.8838 17.5097 17.5778 17.7625 17.325L19.775 15.3417H11.6958C11.3264 15.3417 11.0153 15.2102 10.7625 14.9473C10.5097 14.6852 10.3833 14.3694 10.3833 14C10.3833 13.6306 10.5097 13.3148 10.7625 13.0527C11.0153 12.7898 11.3264 12.6583 11.6958 12.6583H19.775L17.7625 10.675C17.4903 10.4028 17.3588 10.0866 17.3682 9.7265C17.3783 9.36716 17.5097 9.05139 17.7625 8.77916C18.0153 8.52639 18.3217 8.4 18.6818 8.4C19.0412 8.4 19.3472 8.52639 19.6 8.77916L23.9167 13.0667C24.0333 13.2028 24.1208 13.3486 24.1792 13.5042C24.2375 13.6597 24.2667 13.825 24.2667 14C24.2667 14.175 24.2375 14.3403 24.1792 14.4958C24.1208 14.6514 24.0333 14.7972 23.9167 14.9333L19.6 19.25C19.3083 19.5222 18.9926 19.6436 18.6527 19.614C18.312 19.5852 18.0153 19.4542 17.7625 19.2208V19.2208ZM5.83334 24.7333C5.09445 24.7333 4.46756 24.4759 3.95267 23.961C3.437 23.4453 3.17917 22.8181 3.17917 22.0792V5.92083C3.17917 5.18194 3.437 4.55466 3.95267 4.039C4.46756 3.52411 5.09445 3.26666 5.83334 3.26666H12.7167C13.1056 3.26666 13.4264 3.39305 13.6792 3.64583C13.9319 3.89861 14.0583 4.20972 14.0583 4.57916C14.0583 4.96805 13.9319 5.28889 13.6792 5.54166C13.4264 5.79444 13.1056 5.92083 12.7167 5.92083H5.83334V22.0792H12.7167C13.1056 22.0792 13.4264 22.2056 13.6792 22.4583C13.9319 22.7111 14.0583 23.0319 14.0583 23.4208C14.0583 23.7903 13.9319 24.1014 13.6792 24.3542C13.4264 24.6069 13.1056 24.7333 12.7167 24.7333H5.83334Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-logout"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "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"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "color",
-                "reflect": false
-            },
-            "size": {
-                "type": "number",
-                "mutable": false,
-                "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"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "size",
-                "reflect": false,
-                "defaultValue": "24"
+  constructor() {
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M10.15 10.9833C10.0056 10.8167 9.93335 10.6304 9.93335 10.4247C9.93335 10.2193 10.0056 10.0444 10.15 9.9L11.3 8.76667H6.68335C6.47224 8.76667 6.29446 8.69156 6.15001 8.54134C6.00557 8.39156 5.93335 8.21111 5.93335 8C5.93335 7.78889 6.00557 7.60845 6.15001 7.45867C6.29446 7.30845 6.47224 7.23334 6.68335 7.23334H11.3L10.15 6.1C9.99446 5.94445 9.91935 5.76378 9.92468 5.558C9.93046 5.35267 10.0056 5.17222 10.15 5.01667C10.2945 4.87222 10.4696 4.8 10.6753 4.8C10.8807 4.8 11.0556 4.87222 11.2 5.01667L13.6667 7.46667C13.7333 7.54445 13.7833 7.62778 13.8167 7.71667C13.85 7.80556 13.8667 7.9 13.8667 8C13.8667 8.1 13.85 8.19445 13.8167 8.28333C13.7833 8.37222 13.7333 8.45556 13.6667 8.53333L11.2 11C11.0333 11.1556 10.8529 11.2249 10.6587 11.208C10.464 11.1916 10.2945 11.1167 10.15 10.9833V10.9833ZM3.33335 14.1333C2.91113 14.1333 2.5529 13.9862 2.25868 13.692C1.96401 13.3973 1.81668 13.0389 1.81668 12.6167V3.38334C1.81668 2.96111 1.96401 2.60267 2.25868 2.308C2.5529 2.01378 2.91113 1.86667 3.33335 1.86667H7.26668C7.4889 1.86667 7.67224 1.93889 7.81668 2.08334C7.96113 2.22778 8.03335 2.40556 8.03335 2.61667C8.03335 2.83889 7.96113 3.02222 7.81668 3.16667C7.67224 3.31111 7.4889 3.38334 7.26668 3.38334H3.33335V12.6167H7.26668C7.4889 12.6167 7.67224 12.6889 7.81668 12.8333C7.96113 12.9778 8.03335 13.1611 8.03335 13.3833C8.03335 13.5944 7.96113 13.7722 7.81668 13.9167C7.67224 14.0611 7.4889 14.1333 7.26668 14.1333H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15.225 16.475C15.0083 16.225 14.9 15.9457 14.9 15.637C14.9 15.329 15.0083 15.0667 15.225 14.85L16.95 13.15H10.025C9.70834 13.15 9.44167 13.0373 9.22501 12.812C9.00834 12.5873 8.90001 12.3167 8.90001 12C8.90001 11.6833 9.00834 11.4127 9.22501 11.188C9.44167 10.9627 9.70834 10.85 10.025 10.85H16.95L15.225 9.14999C14.9917 8.91665 14.879 8.64565 14.887 8.33699C14.8957 8.02899 15.0083 7.75832 15.225 7.52499C15.4417 7.30832 15.7043 7.19999 16.013 7.19999C16.321 7.19999 16.5833 7.30832 16.8 7.52499L20.5 11.2C20.6 11.3167 20.675 11.4417 20.725 11.575C20.775 11.7083 20.8 11.85 20.8 12C20.8 12.15 20.775 12.2917 20.725 12.425C20.675 12.5583 20.6 12.6833 20.5 12.8L16.8 16.5C16.55 16.7333 16.2793 16.8373 15.988 16.812C15.696 16.7873 15.4417 16.675 15.225 16.475ZM5.00001 21.2C4.36667 21.2 3.82934 20.9793 3.38801 20.538C2.94601 20.096 2.72501 19.5583 2.72501 18.925V5.07499C2.72501 4.44165 2.94601 3.90399 3.38801 3.46199C3.82934 3.02065 4.36667 2.79999 5.00001 2.79999H10.9C11.2333 2.79999 11.5083 2.90832 11.725 3.12499C11.9417 3.34165 12.05 3.60832 12.05 3.92499C12.05 4.25832 11.9417 4.53332 11.725 4.74999C11.5083 4.96665 11.2333 5.07499 10.9 5.07499H5.00001V18.925H10.9C11.2333 18.925 11.5083 19.0333 11.725 19.25C11.9417 19.4667 12.05 19.7417 12.05 20.075C12.05 20.3917 11.9417 20.6583 11.725 20.875C11.5083 21.0917 11.2333 21.2 10.9 21.2H5.00001Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M17.7625 19.2208C17.5097 18.9292 17.3833 18.6033 17.3833 18.2432C17.3833 17.8838 17.5097 17.5778 17.7625 17.325L19.775 15.3417H11.6958C11.3264 15.3417 11.0153 15.2102 10.7625 14.9473C10.5097 14.6852 10.3833 14.3694 10.3833 14C10.3833 13.6306 10.5097 13.3148 10.7625 13.0527C11.0153 12.7898 11.3264 12.6583 11.6958 12.6583H19.775L17.7625 10.675C17.4903 10.4028 17.3588 10.0866 17.3682 9.7265C17.3783 9.36716 17.5097 9.05139 17.7625 8.77916C18.0153 8.52639 18.3217 8.4 18.6818 8.4C19.0412 8.4 19.3472 8.52639 19.6 8.77916L23.9167 13.0667C24.0333 13.2028 24.1208 13.3486 24.1792 13.5042C24.2375 13.6597 24.2667 13.825 24.2667 14C24.2667 14.175 24.2375 14.3403 24.1792 14.4958C24.1208 14.6514 24.0333 14.7972 23.9167 14.9333L19.6 19.25C19.3083 19.5222 18.9926 19.6436 18.6527 19.614C18.312 19.5852 18.0153 19.4542 17.7625 19.2208V19.2208ZM5.83334 24.7333C5.09445 24.7333 4.46756 24.4759 3.95267 23.961C3.437 23.4453 3.17917 22.8181 3.17917 22.0792V5.92083C3.17917 5.18194 3.437 4.55466 3.95267 4.039C4.46756 3.52411 5.09445 3.26666 5.83334 3.26666H12.7167C13.1056 3.26666 13.4264 3.39305 13.6792 3.64583C13.9319 3.89861 14.0583 4.20972 14.0583 4.57916C14.0583 4.96805 13.9319 5.28889 13.6792 5.54166C13.4264 5.79444 13.1056 5.92083 12.7167 5.92083H5.83334V22.0792H12.7167C13.1056 22.0792 13.4264 22.2056 13.6792 22.4583C13.9319 22.7111 14.0583 23.0319 14.0583 23.4208C14.0583 23.7903 13.9319 24.1014 13.6792 24.3542C13.4264 24.6069 13.1056 24.7333 12.7167 24.7333H5.83334Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-logout"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "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"
             }
-        };
-    }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false
+      },
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconSize",
+          "resolved": "16 | 20 | 24 | 28",
+          "references": {
+            "SwirlIconSize": {
+              "location": "import",
+              "path": "../swirl-icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }