@getflip/swirl-components 0.189.0 → 0.191.0

package/dist/collection/components/swirl-icon/icons/swirl-icon-person-off.js

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconPersonOff {
-    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: 'e1d182864fe014349f0ffb85546b209897ce0958', "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: 'e4c7d5d4efe4bae465d89137733becc67f999bea' }, h("path", { key: '2625c80a85635b4df011c247e03918b43f0cf27b', d: "M12.7167 14.5999L11.4333 13.3332H3.33334C3.14445 13.3332 2.98601 13.2692 2.85801 13.1412C2.73045 13.0137 2.66668 12.8555 2.66668 12.6666V11.4666C2.66668 11.0888 2.76401 10.7415 2.95868 10.4246C3.1529 10.1081 3.41112 9.86657 3.73334 9.6999C4.23334 9.44435 4.74179 9.23879 5.25868 9.08324C5.77512 8.92768 6.30001 8.81101 6.83334 8.73324L1.38334 3.28324C1.25001 3.1499 1.18623 2.99435 1.19201 2.81657C1.19734 2.63879 1.26668 2.48324 1.40001 2.3499C1.53334 2.21657 1.69157 2.1499 1.87468 2.1499C2.05823 2.1499 2.21668 2.21657 2.35001 2.3499L13.6667 13.6666C13.8 13.7999 13.8667 13.9555 13.8667 14.1332C13.8667 14.311 13.8 14.4666 13.6667 14.5999C13.5333 14.7332 13.3751 14.7999 13.192 14.7999C13.0085 14.7999 12.85 14.7332 12.7167 14.5999ZM4.00001 11.9999H10.1L8.10001 9.9999H8.00001C7.37779 9.9999 6.76112 10.0748 6.15001 10.2246C5.5389 10.3748 4.93334 10.5999 4.33334 10.8999C4.23334 10.9555 4.1529 11.0332 4.09201 11.1332C4.03068 11.2332 4.00001 11.3443 4.00001 11.4666V11.9999ZM12.2667 9.6999C12.5889 9.85546 12.8445 10.0917 13.0333 10.4086C13.2222 10.725 13.3222 11.0666 13.3333 11.4332L11.1 9.1999C11.3 9.27768 11.4973 9.35546 11.692 9.43324C11.8862 9.51101 12.0778 9.5999 12.2667 9.6999ZM9.46668 7.56657L8.48334 6.58324C8.7389 6.48324 8.94445 6.31924 9.10001 6.09124C9.25557 5.86368 9.33334 5.61101 9.33334 5.33324C9.33334 4.96657 9.2029 4.65279 8.94201 4.3919C8.68068 4.13057 8.36668 3.9999 8.00001 3.9999C7.72223 3.9999 7.46957 4.07768 7.24201 4.23324C7.01401 4.38879 6.85001 4.59435 6.75001 4.8499L5.76668 3.86657C6.02223 3.48879 6.34446 3.19435 6.73334 2.98324C7.12223 2.77212 7.54445 2.66657 8.00001 2.66657C8.73334 2.66657 9.36112 2.92768 9.88334 3.4499C10.4056 3.97212 10.6667 4.5999 10.6667 5.33324C10.6667 5.78879 10.5611 6.21101 10.35 6.5999C10.1389 6.98879 9.84445 7.31101 9.46668 7.56657Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '886ff1d7e761cff7d647b9f19d0ebde73658a437' }, h("path", { key: '63b0ac3dae255b07a0d49c7360c1d0357819688a', d: "M20.075 20.9L18.15 19H6.00002C5.71668 19 5.47902 18.904 5.28702 18.712C5.09568 18.5206 5.00002 18.2833 5.00002 18V16.2C5.00002 15.6333 5.14602 15.1123 5.43802 14.637C5.72935 14.1623 6.11668 13.8 6.60002 13.55C7.35002 13.1666 8.11268 12.8583 8.88802 12.625C9.66268 12.3916 10.45 12.2166 11.25 12.1L3.07502 3.92498C2.87502 3.72498 2.77935 3.49164 2.78802 3.22498C2.79602 2.95831 2.90002 2.72498 3.10002 2.52498C3.30002 2.32498 3.53735 2.22498 3.81202 2.22498C4.08735 2.22498 4.32502 2.32498 4.52502 2.52498L21.5 19.5C21.7 19.7 21.8 19.9333 21.8 20.2C21.8 20.4666 21.7 20.7 21.5 20.9C21.3 21.1 21.0627 21.2 20.788 21.2C20.5127 21.2 20.275 21.1 20.075 20.9ZM7.00002 17H16.15L13.15 14H13C12.0667 14 11.1417 14.1123 10.225 14.337C9.30835 14.5623 8.40002 14.9 7.50002 15.35C7.35002 15.4333 7.22935 15.55 7.13802 15.7C7.04602 15.85 7.00002 16.0166 7.00002 16.2V17ZM19.4 13.55C19.8833 13.7833 20.2667 14.1376 20.55 14.613C20.8333 15.0876 20.9833 15.6 21 16.15L17.65 12.8C17.95 12.9166 18.246 13.0333 18.538 13.15C18.8293 13.2666 19.1167 13.4 19.4 13.55ZM15.2 10.35L13.725 8.87498C14.1083 8.72498 14.4167 8.47898 14.65 8.13698C14.8833 7.79564 15 7.41664 15 6.99998C15 6.44998 14.8043 5.97931 14.413 5.58798C14.021 5.19598 13.55 4.99998 13 4.99998C12.5833 4.99998 12.2043 5.11664 11.863 5.34998C11.521 5.58331 11.275 5.89164 11.125 6.27498L9.65002 4.79998C10.0333 4.23331 10.5167 3.79164 11.1 3.47498C11.6833 3.15831 12.3167 2.99998 13 2.99998C14.1 2.99998 15.0417 3.39164 15.825 4.17498C16.6083 4.95831 17 5.89998 17 6.99998C17 7.68331 16.8417 8.31664 16.525 8.89998C16.2083 9.48331 15.7667 9.96664 15.2 10.35Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '7d925408dcc02683fe631e25b9ef02979b1bdf43' }, h("path", { key: '2f01be9f3523bdcf62aba21545d3fcf7f775401e', d: "M23.2542 24.5499L21.0084 22.3333H6.83335C6.5028 22.3333 6.22552 22.2213 6.00152 21.9973C5.7783 21.7741 5.66668 21.4972 5.66668 21.1666V19.0666C5.66668 18.4055 5.83702 17.7977 6.17768 17.2431C6.51757 16.6893 6.96946 16.2666 7.53335 15.975C8.40835 15.5277 9.29813 15.168 10.2027 14.8958C11.1065 14.6236 12.025 14.4194 12.9584 14.2833L3.42085 4.74578C3.18752 4.51245 3.07591 4.24023 3.08602 3.92912C3.09535 3.61801 3.21668 3.34578 3.45002 3.11245C3.68335 2.87912 3.96024 2.76245 4.28068 2.76245C4.60191 2.76245 4.87918 2.87912 5.11252 3.11245L24.9167 22.9166C25.15 23.15 25.2667 23.4222 25.2667 23.7333C25.2667 24.0444 25.15 24.3166 24.9167 24.5499C24.6834 24.7833 24.4065 24.9 24.086 24.9C23.7648 24.9 23.4875 24.7833 23.2542 24.5499ZM8.00002 20H18.675L15.175 16.5H15C13.9111 16.5 12.832 16.631 11.7625 16.8931C10.6931 17.156 9.63335 17.55 8.58335 18.075C8.40835 18.1722 8.26757 18.3083 8.16102 18.4833C8.05368 18.6583 8.00002 18.8527 8.00002 19.0666V20ZM22.4667 15.975C23.0306 16.2472 23.4778 16.6606 23.8083 17.2151C24.1389 17.7689 24.3139 18.3666 24.3334 19.0083L20.425 15.1C20.775 15.2361 21.1204 15.3722 21.461 15.5083C21.8009 15.6444 22.1361 15.8 22.4667 15.975ZM17.5667 12.2416L15.8459 10.5208C16.2931 10.3458 16.6528 10.0588 16.925 9.65978C17.1972 9.26156 17.3334 8.8194 17.3334 8.33328C17.3334 7.69162 17.1051 7.14251 16.6485 6.68595C16.1912 6.22862 15.6417 5.99995 15 5.99995C14.5139 5.99995 14.0717 6.13606 13.6735 6.40828C13.2745 6.68051 12.9875 7.04023 12.8125 7.48745L11.0917 5.76662C11.5389 5.10551 12.1028 4.59023 12.7834 4.22078C13.4639 3.85134 14.2028 3.66662 15 3.66662C16.2834 3.66662 17.382 4.12356 18.2959 5.03745C19.2097 5.95134 19.6667 7.04995 19.6667 8.33328C19.6667 9.13051 19.482 9.8694 19.1125 10.55C18.7431 11.2305 18.2278 11.7944 17.5667 12.2416Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-person-off"; }
-    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: "M12.7167 14.5999L11.4333 13.3332H3.33334C3.14445 13.3332 2.98601 13.2692 2.85801 13.1412C2.73045 13.0137 2.66668 12.8555 2.66668 12.6666V11.4666C2.66668 11.0888 2.76401 10.7415 2.95868 10.4246C3.1529 10.1081 3.41112 9.86657 3.73334 9.6999C4.23334 9.44435 4.74179 9.23879 5.25868 9.08324C5.77512 8.92768 6.30001 8.81101 6.83334 8.73324L1.38334 3.28324C1.25001 3.1499 1.18623 2.99435 1.19201 2.81657C1.19734 2.63879 1.26668 2.48324 1.40001 2.3499C1.53334 2.21657 1.69157 2.1499 1.87468 2.1499C2.05823 2.1499 2.21668 2.21657 2.35001 2.3499L13.6667 13.6666C13.8 13.7999 13.8667 13.9555 13.8667 14.1332C13.8667 14.311 13.8 14.4666 13.6667 14.5999C13.5333 14.7332 13.3751 14.7999 13.192 14.7999C13.0085 14.7999 12.85 14.7332 12.7167 14.5999ZM4.00001 11.9999H10.1L8.10001 9.9999H8.00001C7.37779 9.9999 6.76112 10.0748 6.15001 10.2246C5.5389 10.3748 4.93334 10.5999 4.33334 10.8999C4.23334 10.9555 4.1529 11.0332 4.09201 11.1332C4.03068 11.2332 4.00001 11.3443 4.00001 11.4666V11.9999ZM12.2667 9.6999C12.5889 9.85546 12.8445 10.0917 13.0333 10.4086C13.2222 10.725 13.3222 11.0666 13.3333 11.4332L11.1 9.1999C11.3 9.27768 11.4973 9.35546 11.692 9.43324C11.8862 9.51101 12.0778 9.5999 12.2667 9.6999ZM9.46668 7.56657L8.48334 6.58324C8.7389 6.48324 8.94445 6.31924 9.10001 6.09124C9.25557 5.86368 9.33334 5.61101 9.33334 5.33324C9.33334 4.96657 9.2029 4.65279 8.94201 4.3919C8.68068 4.13057 8.36668 3.9999 8.00001 3.9999C7.72223 3.9999 7.46957 4.07768 7.24201 4.23324C7.01401 4.38879 6.85001 4.59435 6.75001 4.8499L5.76668 3.86657C6.02223 3.48879 6.34446 3.19435 6.73334 2.98324C7.12223 2.77212 7.54445 2.66657 8.00001 2.66657C8.73334 2.66657 9.36112 2.92768 9.88334 3.4499C10.4056 3.97212 10.6667 4.5999 10.6667 5.33324C10.6667 5.78879 10.5611 6.21101 10.35 6.5999C10.1389 6.98879 9.84445 7.31101 9.46668 7.56657Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M20.075 20.9L18.15 19H6.00002C5.71668 19 5.47902 18.904 5.28702 18.712C5.09568 18.5206 5.00002 18.2833 5.00002 18V16.2C5.00002 15.6333 5.14602 15.1123 5.43802 14.637C5.72935 14.1623 6.11668 13.8 6.60002 13.55C7.35002 13.1666 8.11268 12.8583 8.88802 12.625C9.66268 12.3916 10.45 12.2166 11.25 12.1L3.07502 3.92498C2.87502 3.72498 2.77935 3.49164 2.78802 3.22498C2.79602 2.95831 2.90002 2.72498 3.10002 2.52498C3.30002 2.32498 3.53735 2.22498 3.81202 2.22498C4.08735 2.22498 4.32502 2.32498 4.52502 2.52498L21.5 19.5C21.7 19.7 21.8 19.9333 21.8 20.2C21.8 20.4666 21.7 20.7 21.5 20.9C21.3 21.1 21.0627 21.2 20.788 21.2C20.5127 21.2 20.275 21.1 20.075 20.9ZM7.00002 17H16.15L13.15 14H13C12.0667 14 11.1417 14.1123 10.225 14.337C9.30835 14.5623 8.40002 14.9 7.50002 15.35C7.35002 15.4333 7.22935 15.55 7.13802 15.7C7.04602 15.85 7.00002 16.0166 7.00002 16.2V17ZM19.4 13.55C19.8833 13.7833 20.2667 14.1376 20.55 14.613C20.8333 15.0876 20.9833 15.6 21 16.15L17.65 12.8C17.95 12.9166 18.246 13.0333 18.538 13.15C18.8293 13.2666 19.1167 13.4 19.4 13.55ZM15.2 10.35L13.725 8.87498C14.1083 8.72498 14.4167 8.47898 14.65 8.13698C14.8833 7.79564 15 7.41664 15 6.99998C15 6.44998 14.8043 5.97931 14.413 5.58798C14.021 5.19598 13.55 4.99998 13 4.99998C12.5833 4.99998 12.2043 5.11664 11.863 5.34998C11.521 5.58331 11.275 5.89164 11.125 6.27498L9.65002 4.79998C10.0333 4.23331 10.5167 3.79164 11.1 3.47498C11.6833 3.15831 12.3167 2.99998 13 2.99998C14.1 2.99998 15.0417 3.39164 15.825 4.17498C16.6083 4.95831 17 5.89998 17 6.99998C17 7.68331 16.8417 8.31664 16.525 8.89998C16.2083 9.48331 15.7667 9.96664 15.2 10.35Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M23.2542 24.5499L21.0084 22.3333H6.83335C6.5028 22.3333 6.22552 22.2213 6.00152 21.9973C5.7783 21.7741 5.66668 21.4972 5.66668 21.1666V19.0666C5.66668 18.4055 5.83702 17.7977 6.17768 17.2431C6.51757 16.6893 6.96946 16.2666 7.53335 15.975C8.40835 15.5277 9.29813 15.168 10.2027 14.8958C11.1065 14.6236 12.025 14.4194 12.9584 14.2833L3.42085 4.74578C3.18752 4.51245 3.07591 4.24023 3.08602 3.92912C3.09535 3.61801 3.21668 3.34578 3.45002 3.11245C3.68335 2.87912 3.96024 2.76245 4.28068 2.76245C4.60191 2.76245 4.87918 2.87912 5.11252 3.11245L24.9167 22.9166C25.15 23.15 25.2667 23.4222 25.2667 23.7333C25.2667 24.0444 25.15 24.3166 24.9167 24.5499C24.6834 24.7833 24.4065 24.9 24.086 24.9C23.7648 24.9 23.4875 24.7833 23.2542 24.5499ZM8.00002 20H18.675L15.175 16.5H15C13.9111 16.5 12.832 16.631 11.7625 16.8931C10.6931 17.156 9.63335 17.55 8.58335 18.075C8.40835 18.1722 8.26757 18.3083 8.16102 18.4833C8.05368 18.6583 8.00002 18.8527 8.00002 19.0666V20ZM22.4667 15.975C23.0306 16.2472 23.4778 16.6606 23.8083 17.2151C24.1389 17.7689 24.3139 18.3666 24.3334 19.0083L20.425 15.1C20.775 15.2361 21.1204 15.3722 21.461 15.5083C21.8009 15.6444 22.1361 15.8 22.4667 15.975ZM17.5667 12.2416L15.8459 10.5208C16.2931 10.3458 16.6528 10.0588 16.925 9.65978C17.1972 9.26156 17.3334 8.8194 17.3334 8.33328C17.3334 7.69162 17.1051 7.14251 16.6485 6.68595C16.1912 6.22862 15.6417 5.99995 15 5.99995C14.5139 5.99995 14.0717 6.13606 13.6735 6.40828C13.2745 6.68051 12.9875 7.04023 12.8125 7.48745L11.0917 5.76662C11.5389 5.10551 12.1028 4.59023 12.7834 4.22078C13.4639 3.85134 14.2028 3.66662 15 3.66662C16.2834 3.66662 17.382 4.12356 18.2959 5.03745C19.2097 5.95134 19.6667 7.04995 19.6667 8.33328C19.6667 9.13051 19.482 9.8694 19.1125 10.55C18.7431 11.2305 18.2278 11.7944 17.5667 12.2416Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-person-off"; }
+  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-person.js

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconPerson {
-    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: '5a9198c01f14a7f9a02b3108600f5d3c1b29367b', "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: '641157cdaec5443d1fb92529a190772909b15494' }, h("path", { key: '3fb6567ee21a311a493216f4aaf1d3ee659d341d', d: "M8.00002 7.99996C7.26669 7.99996 6.63891 7.73885 6.11669 7.21663C5.59446 6.6944 5.33335 6.06663 5.33335 5.33329C5.33335 4.59996 5.59446 3.97218 6.11669 3.44996C6.63891 2.92774 7.26669 2.66663 8.00002 2.66663C8.73335 2.66663 9.36113 2.92774 9.88335 3.44996C10.4056 3.97218 10.6667 4.59996 10.6667 5.33329C10.6667 6.06663 10.4056 6.6944 9.88335 7.21663C9.36113 7.73885 8.73335 7.99996 8.00002 7.99996ZM12 13.3333H4.00002C3.63335 13.3333 3.31958 13.2028 3.05869 12.942C2.79735 12.6806 2.66669 12.3666 2.66669 12V11.4666C2.66669 11.0888 2.76402 10.7415 2.95869 10.4246C3.15291 10.1082 3.41113 9.86663 3.73335 9.69996C4.42224 9.35552 5.12224 9.09707 5.83335 8.92463C6.54446 8.75263 7.26669 8.66663 8.00002 8.66663C8.73335 8.66663 9.45558 8.75263 10.1667 8.92463C10.8778 9.09707 11.5778 9.35552 12.2667 9.69996C12.5889 9.86663 12.8471 10.1082 13.0414 10.4246C13.236 10.7415 13.3334 11.0888 13.3334 11.4666V12C13.3334 12.3666 13.2029 12.6806 12.942 12.942C12.6807 13.2028 12.3667 13.3333 12 13.3333ZM4.00002 12H12V11.4666C12 11.3444 11.9696 11.2333 11.9087 11.1333C11.8474 11.0333 11.7667 10.9555 11.6667 10.9C11.0667 10.6 10.4611 10.3748 9.85002 10.2246C9.23891 10.0748 8.62224 9.99996 8.00002 9.99996C7.3778 9.99996 6.76113 10.0748 6.15002 10.2246C5.53891 10.3748 4.93335 10.6 4.33335 10.9C4.23335 10.9555 4.15291 11.0333 4.09202 11.1333C4.03069 11.2333 4.00002 11.3444 4.00002 11.4666V12ZM8.00002 6.66663C8.36669 6.66663 8.68069 6.53596 8.94202 6.27463C9.20291 6.01374 9.33335 5.69996 9.33335 5.33329C9.33335 4.96663 9.20291 4.65285 8.94202 4.39196C8.68069 4.13063 8.36669 3.99996 8.00002 3.99996C7.63335 3.99996 7.31958 4.13063 7.05869 4.39196C6.79735 4.65285 6.66669 4.96663 6.66669 5.33329C6.66669 5.69996 6.79735 6.01374 7.05869 6.27463C7.31958 6.53596 7.63335 6.66663 8.00002 6.66663Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e36b58d83a5e50b18e8bf6ebf63eb65a3dd33ebd' }, h("path", { key: 'd36a86efd4ea58c7b0c793a17a6c54d0f114ae4d', d: "M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM18 20H6C5.45 20 4.97933 19.8043 4.588 19.413C4.196 19.021 4 18.55 4 18V17.2C4 16.6333 4.146 16.1123 4.438 15.637C4.72933 15.1623 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6457 8.75 13.387C9.81667 13.129 10.9 13 12 13C13.1 13 14.1833 13.129 15.25 13.387C16.3167 13.6457 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2707 15.1623 19.562 15.637C19.854 16.1123 20 16.6333 20 17.2V18C20 18.55 19.8043 19.021 19.413 19.413C19.021 19.8043 18.55 20 18 20ZM6 18H18V17.2C18 17.0167 17.9543 16.85 17.863 16.7C17.771 16.55 17.65 16.4333 17.5 16.35C16.6 15.9 15.6917 15.5623 14.775 15.337C13.8583 15.1123 12.9333 15 12 15C11.0667 15 10.1417 15.1123 9.225 15.337C8.30833 15.5623 7.4 15.9 6.5 16.35C6.35 16.4333 6.22933 16.55 6.138 16.7C6.046 16.85 6 17.0167 6 17.2V18ZM12 10C12.55 10 13.021 9.804 13.413 9.412C13.8043 9.02067 14 8.55 14 8C14 7.45 13.8043 6.97933 13.413 6.588C13.021 6.196 12.55 6 12 6C11.45 6 10.9793 6.196 10.588 6.588C10.196 6.97933 10 7.45 10 8C10 8.55 10.196 9.02067 10.588 9.412C10.9793 9.804 11.45 10 12 10Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '844062105d2d78e2a5b842be66d131ce1a426403' }, h("path", { key: '36324c33e64fb4b16579b559ad4089418768a24d', d: "M14 14C12.7167 14 11.6181 13.543 10.7042 12.6291C9.7903 11.7152 9.33335 10.6166 9.33335 9.33329C9.33335 8.04996 9.7903 6.95135 10.7042 6.03746C11.6181 5.12357 12.7167 4.66663 14 4.66663C15.2834 4.66663 16.382 5.12357 17.2959 6.03746C18.2097 6.95135 18.6667 8.04996 18.6667 9.33329C18.6667 10.6166 18.2097 11.7152 17.2959 12.6291C16.382 13.543 15.2834 14 14 14ZM21 23.3333H7.00002C6.35835 23.3333 5.80924 23.105 5.35269 22.6485C4.89535 22.1911 4.66669 21.6416 4.66669 21V20.0666C4.66669 19.4055 4.83702 18.7977 5.17769 18.2431C5.51758 17.6893 5.96946 17.2666 6.53335 16.975C7.73891 16.3722 8.96391 15.9199 10.2084 15.6181C11.4528 15.3171 12.7167 15.1666 14 15.1666C15.2834 15.1666 16.5472 15.3171 17.7917 15.6181C19.0361 15.9199 20.2611 16.3722 21.4667 16.975C22.0306 17.2666 22.4825 17.6893 22.8224 18.2431C23.163 18.7977 23.3334 19.4055 23.3334 20.0666V21C23.3334 21.6416 23.1051 22.1911 22.6485 22.6485C22.1912 23.105 21.6417 23.3333 21 23.3333ZM7.00002 21H21V20.0666C21 19.8527 20.9467 19.6583 20.8402 19.4833C20.7329 19.3083 20.5917 19.1722 20.4167 19.075C19.3667 18.55 18.307 18.156 17.2375 17.8931C16.1681 17.631 15.0889 17.5 14 17.5C12.9111 17.5 11.832 17.631 10.7625 17.8931C9.69308 18.156 8.63335 18.55 7.58335 19.075C7.40835 19.1722 7.26758 19.3083 7.16102 19.4833C7.05369 19.6583 7.00002 19.8527 7.00002 20.0666V21ZM14 11.6666C14.6417 11.6666 15.1912 11.438 15.6485 10.9806C16.1051 10.5241 16.3334 9.97496 16.3334 9.33329C16.3334 8.69163 16.1051 8.14251 15.6485 7.68596C15.1912 7.22863 14.6417 6.99996 14 6.99996C13.3584 6.99996 12.8092 7.22863 12.3527 7.68596C11.8954 8.14251 11.6667 8.69163 11.6667 9.33329C11.6667 9.97496 11.8954 10.5241 12.3527 10.9806C12.8092 11.438 13.3584 11.6666 14 11.6666Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-person"; }
-    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.00002 7.99996C7.26669 7.99996 6.63891 7.73885 6.11669 7.21663C5.59446 6.6944 5.33335 6.06663 5.33335 5.33329C5.33335 4.59996 5.59446 3.97218 6.11669 3.44996C6.63891 2.92774 7.26669 2.66663 8.00002 2.66663C8.73335 2.66663 9.36113 2.92774 9.88335 3.44996C10.4056 3.97218 10.6667 4.59996 10.6667 5.33329C10.6667 6.06663 10.4056 6.6944 9.88335 7.21663C9.36113 7.73885 8.73335 7.99996 8.00002 7.99996ZM12 13.3333H4.00002C3.63335 13.3333 3.31958 13.2028 3.05869 12.942C2.79735 12.6806 2.66669 12.3666 2.66669 12V11.4666C2.66669 11.0888 2.76402 10.7415 2.95869 10.4246C3.15291 10.1082 3.41113 9.86663 3.73335 9.69996C4.42224 9.35552 5.12224 9.09707 5.83335 8.92463C6.54446 8.75263 7.26669 8.66663 8.00002 8.66663C8.73335 8.66663 9.45558 8.75263 10.1667 8.92463C10.8778 9.09707 11.5778 9.35552 12.2667 9.69996C12.5889 9.86663 12.8471 10.1082 13.0414 10.4246C13.236 10.7415 13.3334 11.0888 13.3334 11.4666V12C13.3334 12.3666 13.2029 12.6806 12.942 12.942C12.6807 13.2028 12.3667 13.3333 12 13.3333ZM4.00002 12H12V11.4666C12 11.3444 11.9696 11.2333 11.9087 11.1333C11.8474 11.0333 11.7667 10.9555 11.6667 10.9C11.0667 10.6 10.4611 10.3748 9.85002 10.2246C9.23891 10.0748 8.62224 9.99996 8.00002 9.99996C7.3778 9.99996 6.76113 10.0748 6.15002 10.2246C5.53891 10.3748 4.93335 10.6 4.33335 10.9C4.23335 10.9555 4.15291 11.0333 4.09202 11.1333C4.03069 11.2333 4.00002 11.3444 4.00002 11.4666V12ZM8.00002 6.66663C8.36669 6.66663 8.68069 6.53596 8.94202 6.27463C9.20291 6.01374 9.33335 5.69996 9.33335 5.33329C9.33335 4.96663 9.20291 4.65285 8.94202 4.39196C8.68069 4.13063 8.36669 3.99996 8.00002 3.99996C7.63335 3.99996 7.31958 4.13063 7.05869 4.39196C6.79735 4.65285 6.66669 4.96663 6.66669 5.33329C6.66669 5.69996 6.79735 6.01374 7.05869 6.27463C7.31958 6.53596 7.63335 6.66663 8.00002 6.66663Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM18 20H6C5.45 20 4.97933 19.8043 4.588 19.413C4.196 19.021 4 18.55 4 18V17.2C4 16.6333 4.146 16.1123 4.438 15.637C4.72933 15.1623 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6457 8.75 13.387C9.81667 13.129 10.9 13 12 13C13.1 13 14.1833 13.129 15.25 13.387C16.3167 13.6457 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2707 15.1623 19.562 15.637C19.854 16.1123 20 16.6333 20 17.2V18C20 18.55 19.8043 19.021 19.413 19.413C19.021 19.8043 18.55 20 18 20ZM6 18H18V17.2C18 17.0167 17.9543 16.85 17.863 16.7C17.771 16.55 17.65 16.4333 17.5 16.35C16.6 15.9 15.6917 15.5623 14.775 15.337C13.8583 15.1123 12.9333 15 12 15C11.0667 15 10.1417 15.1123 9.225 15.337C8.30833 15.5623 7.4 15.9 6.5 16.35C6.35 16.4333 6.22933 16.55 6.138 16.7C6.046 16.85 6 17.0167 6 17.2V18ZM12 10C12.55 10 13.021 9.804 13.413 9.412C13.8043 9.02067 14 8.55 14 8C14 7.45 13.8043 6.97933 13.413 6.588C13.021 6.196 12.55 6 12 6C11.45 6 10.9793 6.196 10.588 6.588C10.196 6.97933 10 7.45 10 8C10 8.55 10.196 9.02067 10.588 9.412C10.9793 9.804 11.45 10 12 10Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 14C12.7167 14 11.6181 13.543 10.7042 12.6291C9.7903 11.7152 9.33335 10.6166 9.33335 9.33329C9.33335 8.04996 9.7903 6.95135 10.7042 6.03746C11.6181 5.12357 12.7167 4.66663 14 4.66663C15.2834 4.66663 16.382 5.12357 17.2959 6.03746C18.2097 6.95135 18.6667 8.04996 18.6667 9.33329C18.6667 10.6166 18.2097 11.7152 17.2959 12.6291C16.382 13.543 15.2834 14 14 14ZM21 23.3333H7.00002C6.35835 23.3333 5.80924 23.105 5.35269 22.6485C4.89535 22.1911 4.66669 21.6416 4.66669 21V20.0666C4.66669 19.4055 4.83702 18.7977 5.17769 18.2431C5.51758 17.6893 5.96946 17.2666 6.53335 16.975C7.73891 16.3722 8.96391 15.9199 10.2084 15.6181C11.4528 15.3171 12.7167 15.1666 14 15.1666C15.2834 15.1666 16.5472 15.3171 17.7917 15.6181C19.0361 15.9199 20.2611 16.3722 21.4667 16.975C22.0306 17.2666 22.4825 17.6893 22.8224 18.2431C23.163 18.7977 23.3334 19.4055 23.3334 20.0666V21C23.3334 21.6416 23.1051 22.1911 22.6485 22.6485C22.1912 23.105 21.6417 23.3333 21 23.3333ZM7.00002 21H21V20.0666C21 19.8527 20.9467 19.6583 20.8402 19.4833C20.7329 19.3083 20.5917 19.1722 20.4167 19.075C19.3667 18.55 18.307 18.156 17.2375 17.8931C16.1681 17.631 15.0889 17.5 14 17.5C12.9111 17.5 11.832 17.631 10.7625 17.8931C9.69308 18.156 8.63335 18.55 7.58335 19.075C7.40835 19.1722 7.26758 19.3083 7.16102 19.4833C7.05369 19.6583 7.00002 19.8527 7.00002 20.0666V21ZM14 11.6666C14.6417 11.6666 15.1912 11.438 15.6485 10.9806C16.1051 10.5241 16.3334 9.97496 16.3334 9.33329C16.3334 8.69163 16.1051 8.14251 15.6485 7.68596C15.1912 7.22863 14.6417 6.99996 14 6.99996C13.3584 6.99996 12.8092 7.22863 12.3527 7.68596C11.8954 8.14251 11.6667 8.69163 11.6667 9.33329C11.6667 9.97496 11.8954 10.5241 12.3527 10.9806C12.8092 11.438 13.3584 11.6666 14 11.6666Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-person"; }
+  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-phone.js

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconPhone {
-    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: 'eea1903f1d50a6d480fae6a167842c187ff8711f', "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: 'ebf943948b8796ef062784e541db477bea2657cb' }, h("path", { key: '22b18f901c47e0641db37c1abe67c5596a26a3bf', d: "M13.3 14C11.8667 14 10.4696 13.6804 9.10867 13.0413C7.74733 12.4027 6.54178 11.5582 5.492 10.508C4.44178 9.45822 3.59733 8.25267 2.95867 6.89133C2.31956 5.53044 2 4.13333 2 2.7C2 2.5 2.06667 2.33333 2.2 2.2C2.33333 2.06667 2.5 2 2.7 2H5.4C5.55556 2 5.69444 2.05 5.81667 2.15C5.93889 2.25 6.01111 2.37778 6.03333 2.53333L6.46667 4.86667C6.48889 5.02222 6.48622 5.16378 6.45867 5.29133C6.43067 5.41933 6.36667 5.53333 6.26667 5.63333L4.65 7.26667C5.11667 8.06667 5.70289 8.81667 6.40867 9.51667C7.114 10.2167 7.88889 10.8222 8.73333 11.3333L10.3 9.76667C10.4 9.66667 10.5307 9.59156 10.692 9.54133C10.8529 9.49156 11.0111 9.47778 11.1667 9.5L13.4667 9.96667C13.6222 10 13.75 10.0749 13.85 10.1913C13.95 10.3082 14 10.4444 14 10.6V13.3C14 13.5 13.9333 13.6667 13.8 13.8C13.6667 13.9333 13.5 14 13.3 14ZM4.01667 6L5.11667 4.9L4.83333 3.33333H3.35C3.40556 3.78889 3.48333 4.23889 3.58333 4.68333C3.68333 5.12778 3.82778 5.56667 4.01667 6ZM12.6667 12.6333V11.1667L11.1 10.85L9.98333 11.9667C10.4167 12.1556 10.8584 12.3056 11.3087 12.4167C11.7584 12.5278 12.2111 12.6 12.6667 12.6333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6336395086e2b9e6ebd2defde7682000011a994f' }, h("path", { key: 'c2f4abcd02f9b9f32bdbbcd97b38ca25617f2860', d: "M19.95 21C17.8 21 15.7043 20.5207 13.663 19.562C11.621 18.604 9.81267 17.3373 8.238 15.762C6.66267 14.1873 5.396 12.379 4.438 10.337C3.47933 8.29567 3 6.2 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.075 8.725 3.225C8.90833 3.375 9.01667 3.56667 9.05 3.8L9.7 7.3C9.73333 7.53333 9.72933 7.74567 9.688 7.937C9.646 8.129 9.55 8.3 9.4 8.45L6.975 10.9C7.675 12.1 8.55433 13.225 9.613 14.275C10.671 15.325 11.8333 16.2333 13.1 17L15.45 14.65C15.6 14.5 15.796 14.3873 16.038 14.312C16.2793 14.2373 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15 20.625 15.1123 20.775 15.287C20.925 15.4623 21 15.6667 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21ZM6.025 9L7.675 7.35L7.25 5H5.025C5.10833 5.68333 5.225 6.35833 5.375 7.025C5.525 7.69167 5.74167 8.35 6.025 9ZM19 18.95V16.75L16.65 16.275L14.975 17.95C15.625 18.2333 16.2877 18.4583 16.963 18.625C17.6377 18.7917 18.3167 18.9 19 18.95Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '190de4dc6a6907da63464bcb1c4d0bb925f7e28f' }, h("path", { key: '80a6b94adf24c927313523253448ce2fa026b906', d: "M23.275 24.5C20.7667 24.5 18.3217 23.9408 15.9402 22.8223C13.5578 21.7047 11.4481 20.2269 9.611 18.389C7.77311 16.5519 6.29533 14.4422 5.17767 12.0598C4.05922 9.67828 3.5 7.23333 3.5 4.725C3.5 4.375 3.61667 4.08333 3.85 3.85C4.08333 3.61667 4.375 3.5 4.725 3.5H9.45C9.72222 3.5 9.96528 3.5875 10.1792 3.7625C10.3931 3.9375 10.5194 4.16111 10.5583 4.43333L11.3167 8.51667C11.3556 8.78889 11.3509 9.03661 11.3027 9.25983C11.2537 9.48383 11.1417 9.68333 10.9667 9.85833L8.1375 12.7167C8.95417 14.1167 9.98006 15.4292 11.2152 16.6542C12.4495 17.8792 13.8056 18.9389 15.2833 19.8333L18.025 17.0917C18.2 16.9167 18.4287 16.7852 18.711 16.6973C18.9926 16.6102 19.2694 16.5861 19.5417 16.625L23.5667 17.4417C23.8389 17.5 24.0625 17.6311 24.2375 17.8348C24.4125 18.0394 24.5 18.2778 24.5 18.55V23.275C24.5 23.625 24.3833 23.9167 24.15 24.15C23.9167 24.3833 23.625 24.5 23.275 24.5ZM7.02917 10.5L8.95417 8.575L8.45833 5.83333H5.8625C5.95972 6.63056 6.09583 7.41806 6.27083 8.19583C6.44583 8.97361 6.69861 9.74167 7.02917 10.5ZM22.1667 22.1083V19.5417L19.425 18.9875L17.4708 20.9417C18.2292 21.2722 19.0023 21.5347 19.7902 21.7292C20.5773 21.9236 21.3694 22.05 22.1667 22.1083Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-phone"; }
-    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: "M13.3 14C11.8667 14 10.4696 13.6804 9.10867 13.0413C7.74733 12.4027 6.54178 11.5582 5.492 10.508C4.44178 9.45822 3.59733 8.25267 2.95867 6.89133C2.31956 5.53044 2 4.13333 2 2.7C2 2.5 2.06667 2.33333 2.2 2.2C2.33333 2.06667 2.5 2 2.7 2H5.4C5.55556 2 5.69444 2.05 5.81667 2.15C5.93889 2.25 6.01111 2.37778 6.03333 2.53333L6.46667 4.86667C6.48889 5.02222 6.48622 5.16378 6.45867 5.29133C6.43067 5.41933 6.36667 5.53333 6.26667 5.63333L4.65 7.26667C5.11667 8.06667 5.70289 8.81667 6.40867 9.51667C7.114 10.2167 7.88889 10.8222 8.73333 11.3333L10.3 9.76667C10.4 9.66667 10.5307 9.59156 10.692 9.54133C10.8529 9.49156 11.0111 9.47778 11.1667 9.5L13.4667 9.96667C13.6222 10 13.75 10.0749 13.85 10.1913C13.95 10.3082 14 10.4444 14 10.6V13.3C14 13.5 13.9333 13.6667 13.8 13.8C13.6667 13.9333 13.5 14 13.3 14ZM4.01667 6L5.11667 4.9L4.83333 3.33333H3.35C3.40556 3.78889 3.48333 4.23889 3.58333 4.68333C3.68333 5.12778 3.82778 5.56667 4.01667 6ZM12.6667 12.6333V11.1667L11.1 10.85L9.98333 11.9667C10.4167 12.1556 10.8584 12.3056 11.3087 12.4167C11.7584 12.5278 12.2111 12.6 12.6667 12.6333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M19.95 21C17.8 21 15.7043 20.5207 13.663 19.562C11.621 18.604 9.81267 17.3373 8.238 15.762C6.66267 14.1873 5.396 12.379 4.438 10.337C3.47933 8.29567 3 6.2 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.075 8.725 3.225C8.90833 3.375 9.01667 3.56667 9.05 3.8L9.7 7.3C9.73333 7.53333 9.72933 7.74567 9.688 7.937C9.646 8.129 9.55 8.3 9.4 8.45L6.975 10.9C7.675 12.1 8.55433 13.225 9.613 14.275C10.671 15.325 11.8333 16.2333 13.1 17L15.45 14.65C15.6 14.5 15.796 14.3873 16.038 14.312C16.2793 14.2373 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15 20.625 15.1123 20.775 15.287C20.925 15.4623 21 15.6667 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21ZM6.025 9L7.675 7.35L7.25 5H5.025C5.10833 5.68333 5.225 6.35833 5.375 7.025C5.525 7.69167 5.74167 8.35 6.025 9ZM19 18.95V16.75L16.65 16.275L14.975 17.95C15.625 18.2333 16.2877 18.4583 16.963 18.625C17.6377 18.7917 18.3167 18.9 19 18.95Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M23.275 24.5C20.7667 24.5 18.3217 23.9408 15.9402 22.8223C13.5578 21.7047 11.4481 20.2269 9.611 18.389C7.77311 16.5519 6.29533 14.4422 5.17767 12.0598C4.05922 9.67828 3.5 7.23333 3.5 4.725C3.5 4.375 3.61667 4.08333 3.85 3.85C4.08333 3.61667 4.375 3.5 4.725 3.5H9.45C9.72222 3.5 9.96528 3.5875 10.1792 3.7625C10.3931 3.9375 10.5194 4.16111 10.5583 4.43333L11.3167 8.51667C11.3556 8.78889 11.3509 9.03661 11.3027 9.25983C11.2537 9.48383 11.1417 9.68333 10.9667 9.85833L8.1375 12.7167C8.95417 14.1167 9.98006 15.4292 11.2152 16.6542C12.4495 17.8792 13.8056 18.9389 15.2833 19.8333L18.025 17.0917C18.2 16.9167 18.4287 16.7852 18.711 16.6973C18.9926 16.6102 19.2694 16.5861 19.5417 16.625L23.5667 17.4417C23.8389 17.5 24.0625 17.6311 24.2375 17.8348C24.4125 18.0394 24.5 18.2778 24.5 18.55V23.275C24.5 23.625 24.3833 23.9167 24.15 24.15C23.9167 24.3833 23.625 24.5 23.275 24.5ZM7.02917 10.5L8.95417 8.575L8.45833 5.83333H5.8625C5.95972 6.63056 6.09583 7.41806 6.27083 8.19583C6.44583 8.97361 6.69861 9.74167 7.02917 10.5ZM22.1667 22.1083V19.5417L19.425 18.9875L17.4708 20.9417C18.2292 21.2722 19.0023 21.5347 19.7902 21.7292C20.5773 21.9236 21.3694 22.05 22.1667 22.1083Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-phone"; }
+  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"
+      }
+    };
+  }
 }