@getflip/swirl-components 0.197.1 → 0.199.0

package/dist/collection/components/swirl-icon/icons/swirl-icon-long-text.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconLongText {
-  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: "M3.33335 12.6668C3.14446 12.6668 2.98613 12.6029 2.85835 12.4752C2.73058 12.3474 2.66669 12.1891 2.66669 12.0002C2.66669 11.8113 2.73058 11.6529 2.85835 11.5252C2.98613 11.3974 3.14446 11.3335 3.33335 11.3335H8.66669C8.85558 11.3335 9.01391 11.3974 9.14169 11.5252C9.26947 11.6529 9.33335 11.8113 9.33335 12.0002C9.33335 12.1891 9.26947 12.3474 9.14169 12.4752C9.01391 12.6029 8.85558 12.6668 8.66669 12.6668H3.33335ZM3.33335 7.3335C3.14446 7.3335 2.98613 7.26961 2.85835 7.14183C2.73058 7.01405 2.66669 6.85572 2.66669 6.66683C2.66669 6.47794 2.73058 6.31961 2.85835 6.19183C2.98613 6.06405 3.14446 6.00016 3.33335 6.00016H12.6667C12.8556 6.00016 13.0139 6.06405 13.1417 6.19183C13.2695 6.31961 13.3334 6.47794 13.3334 6.66683C13.3334 6.85572 13.2695 7.01405 13.1417 7.14183C13.0139 7.26961 12.8556 7.3335 12.6667 7.3335H3.33335ZM3.33335 10.0002C3.14446 10.0002 2.98613 9.93627 2.85835 9.8085C2.73058 9.68072 2.66669 9.52238 2.66669 9.3335C2.66669 9.14461 2.73058 8.98627 2.85835 8.8585C2.98613 8.73072 3.14446 8.66683 3.33335 8.66683H12.6667C12.8556 8.66683 13.0139 8.73072 13.1417 8.8585C13.2695 8.98627 13.3334 9.14461 13.3334 9.3335C13.3334 9.52238 13.2695 9.68072 13.1417 9.8085C13.0139 9.93627 12.8556 10.0002 12.6667 10.0002H3.33335ZM3.33335 4.66683C3.14446 4.66683 2.98613 4.60294 2.85835 4.47516C2.73058 4.34738 2.66669 4.18905 2.66669 4.00016C2.66669 3.81127 2.73058 3.65294 2.85835 3.52516C2.98613 3.39738 3.14446 3.3335 3.33335 3.3335H12.6667C12.8556 3.3335 13.0139 3.39738 13.1417 3.52516C13.2695 3.65294 13.3334 3.81127 13.3334 4.00016C13.3334 4.18905 13.2695 4.34738 13.1417 4.47516C13.0139 4.60294 12.8556 4.66683 12.6667 4.66683H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M5 19C4.71667 19 4.47917 18.9042 4.2875 18.7125C4.09583 18.5208 4 18.2833 4 18C4 17.7167 4.09583 17.4792 4.2875 17.2875C4.47917 17.0958 4.71667 17 5 17H13C13.2833 17 13.5208 17.0958 13.7125 17.2875C13.9042 17.4792 14 17.7167 14 18C14 18.2833 13.9042 18.5208 13.7125 18.7125C13.5208 18.9042 13.2833 19 13 19H5ZM5 11C4.71667 11 4.47917 10.9042 4.2875 10.7125C4.09583 10.5208 4 10.2833 4 10C4 9.71667 4.09583 9.47917 4.2875 9.2875C4.47917 9.09583 4.71667 9 5 9H19C19.2833 9 19.5208 9.09583 19.7125 9.2875C19.9042 9.47917 20 9.71667 20 10C20 10.2833 19.9042 10.5208 19.7125 10.7125C19.5208 10.9042 19.2833 11 19 11H5ZM5 15C4.71667 15 4.47917 14.9042 4.2875 14.7125C4.09583 14.5208 4 14.2833 4 14C4 13.7167 4.09583 13.4792 4.2875 13.2875C4.47917 13.0958 4.71667 13 5 13H19C19.2833 13 19.5208 13.0958 19.7125 13.2875C19.9042 13.4792 20 13.7167 20 14C20 14.2833 19.9042 14.5208 19.7125 14.7125C19.5208 14.9042 19.2833 15 19 15H5ZM5 7C4.71667 7 4.47917 6.90417 4.2875 6.7125C4.09583 6.52083 4 6.28333 4 6C4 5.71667 4.09583 5.47917 4.2875 5.2875C4.47917 5.09583 4.71667 5 5 5H19C19.2833 5 19.5208 5.09583 19.7125 5.2875C19.9042 5.47917 20 5.71667 20 6C20 6.28333 19.9042 6.52083 19.7125 6.7125C19.5208 6.90417 19.2833 7 19 7H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M5.83332 22.1668C5.50277 22.1668 5.22568 22.055 5.00207 21.8314C4.77846 21.6078 4.66666 21.3307 4.66666 21.0002C4.66666 20.6696 4.77846 20.3925 5.00207 20.1689C5.22568 19.9453 5.50277 19.8335 5.83332 19.8335H15.1667C15.4972 19.8335 15.7743 19.9453 15.9979 20.1689C16.2215 20.3925 16.3333 20.6696 16.3333 21.0002C16.3333 21.3307 16.2215 21.6078 15.9979 21.8314C15.7743 22.055 15.4972 22.1668 15.1667 22.1668H5.83332ZM5.83332 12.8335C5.50277 12.8335 5.22568 12.7217 5.00207 12.4981C4.77846 12.2745 4.66666 11.9974 4.66666 11.6668C4.66666 11.3363 4.77846 11.0592 5.00207 10.8356C5.22568 10.612 5.50277 10.5002 5.83332 10.5002H22.1667C22.4972 10.5002 22.7743 10.612 22.9979 10.8356C23.2215 11.0592 23.3333 11.3363 23.3333 11.6668C23.3333 11.9974 23.2215 12.2745 22.9979 12.4981C22.7743 12.7217 22.4972 12.8335 22.1667 12.8335H5.83332ZM5.83332 17.5002C5.50277 17.5002 5.22568 17.3884 5.00207 17.1647C4.77846 16.9411 4.66666 16.6641 4.66666 16.3335C4.66666 16.0029 4.77846 15.7259 5.00207 15.5022C5.22568 15.2786 5.50277 15.1668 5.83332 15.1668H22.1667C22.4972 15.1668 22.7743 15.2786 22.9979 15.5022C23.2215 15.7259 23.3333 16.0029 23.3333 16.3335C23.3333 16.6641 23.2215 16.9411 22.9979 17.1647C22.7743 17.3884 22.4972 17.5002 22.1667 17.5002H5.83332ZM5.83332 8.16683C5.50277 8.16683 5.22568 8.05502 5.00207 7.83141C4.77846 7.6078 4.66666 7.33072 4.66666 7.00016C4.66666 6.66961 4.77846 6.39252 5.00207 6.16891C5.22568 5.9453 5.50277 5.8335 5.83332 5.8335H22.1667C22.4972 5.8335 22.7743 5.9453 22.9979 6.16891C23.2215 6.39252 23.3333 6.66961 23.3333 7.00016C23.3333 7.33072 23.2215 7.6078 22.9979 7.83141C22.7743 8.05502 22.4972 8.16683 22.1667 8.16683H5.83332Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-long-text"; }
-  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"
+    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: '56bf13152894eaf1ba3e394b7acc82bda0764eba', "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: '19e72eb4cd80207b9bab64acade46969d0780603' }, h("path", { key: 'a614f286b320c181e289ebdf9b781efa6a527137', d: "M3.33335 12.6668C3.14446 12.6668 2.98613 12.6029 2.85835 12.4752C2.73058 12.3474 2.66669 12.1891 2.66669 12.0002C2.66669 11.8113 2.73058 11.6529 2.85835 11.5252C2.98613 11.3974 3.14446 11.3335 3.33335 11.3335H8.66669C8.85558 11.3335 9.01391 11.3974 9.14169 11.5252C9.26947 11.6529 9.33335 11.8113 9.33335 12.0002C9.33335 12.1891 9.26947 12.3474 9.14169 12.4752C9.01391 12.6029 8.85558 12.6668 8.66669 12.6668H3.33335ZM3.33335 7.3335C3.14446 7.3335 2.98613 7.26961 2.85835 7.14183C2.73058 7.01405 2.66669 6.85572 2.66669 6.66683C2.66669 6.47794 2.73058 6.31961 2.85835 6.19183C2.98613 6.06405 3.14446 6.00016 3.33335 6.00016H12.6667C12.8556 6.00016 13.0139 6.06405 13.1417 6.19183C13.2695 6.31961 13.3334 6.47794 13.3334 6.66683C13.3334 6.85572 13.2695 7.01405 13.1417 7.14183C13.0139 7.26961 12.8556 7.3335 12.6667 7.3335H3.33335ZM3.33335 10.0002C3.14446 10.0002 2.98613 9.93627 2.85835 9.8085C2.73058 9.68072 2.66669 9.52238 2.66669 9.3335C2.66669 9.14461 2.73058 8.98627 2.85835 8.8585C2.98613 8.73072 3.14446 8.66683 3.33335 8.66683H12.6667C12.8556 8.66683 13.0139 8.73072 13.1417 8.8585C13.2695 8.98627 13.3334 9.14461 13.3334 9.3335C13.3334 9.52238 13.2695 9.68072 13.1417 9.8085C13.0139 9.93627 12.8556 10.0002 12.6667 10.0002H3.33335ZM3.33335 4.66683C3.14446 4.66683 2.98613 4.60294 2.85835 4.47516C2.73058 4.34738 2.66669 4.18905 2.66669 4.00016C2.66669 3.81127 2.73058 3.65294 2.85835 3.52516C2.98613 3.39738 3.14446 3.3335 3.33335 3.3335H12.6667C12.8556 3.3335 13.0139 3.39738 13.1417 3.52516C13.2695 3.65294 13.3334 3.81127 13.3334 4.00016C13.3334 4.18905 13.2695 4.34738 13.1417 4.47516C13.0139 4.60294 12.8556 4.66683 12.6667 4.66683H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '482d0ed9930f489c53bae1e7bf06c925437a8dbb' }, h("path", { key: 'f2b832ee3abf4913ad03804c942a183d71b5d817', d: "M5 19C4.71667 19 4.47917 18.9042 4.2875 18.7125C4.09583 18.5208 4 18.2833 4 18C4 17.7167 4.09583 17.4792 4.2875 17.2875C4.47917 17.0958 4.71667 17 5 17H13C13.2833 17 13.5208 17.0958 13.7125 17.2875C13.9042 17.4792 14 17.7167 14 18C14 18.2833 13.9042 18.5208 13.7125 18.7125C13.5208 18.9042 13.2833 19 13 19H5ZM5 11C4.71667 11 4.47917 10.9042 4.2875 10.7125C4.09583 10.5208 4 10.2833 4 10C4 9.71667 4.09583 9.47917 4.2875 9.2875C4.47917 9.09583 4.71667 9 5 9H19C19.2833 9 19.5208 9.09583 19.7125 9.2875C19.9042 9.47917 20 9.71667 20 10C20 10.2833 19.9042 10.5208 19.7125 10.7125C19.5208 10.9042 19.2833 11 19 11H5ZM5 15C4.71667 15 4.47917 14.9042 4.2875 14.7125C4.09583 14.5208 4 14.2833 4 14C4 13.7167 4.09583 13.4792 4.2875 13.2875C4.47917 13.0958 4.71667 13 5 13H19C19.2833 13 19.5208 13.0958 19.7125 13.2875C19.9042 13.4792 20 13.7167 20 14C20 14.2833 19.9042 14.5208 19.7125 14.7125C19.5208 14.9042 19.2833 15 19 15H5ZM5 7C4.71667 7 4.47917 6.90417 4.2875 6.7125C4.09583 6.52083 4 6.28333 4 6C4 5.71667 4.09583 5.47917 4.2875 5.2875C4.47917 5.09583 4.71667 5 5 5H19C19.2833 5 19.5208 5.09583 19.7125 5.2875C19.9042 5.47917 20 5.71667 20 6C20 6.28333 19.9042 6.52083 19.7125 6.7125C19.5208 6.90417 19.2833 7 19 7H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '08b86607a79c4009a7a2284106105083169baec3' }, h("path", { key: '76773097a68979d5ea4fb9d91ff9873d81eda285', d: "M5.83332 22.1668C5.50277 22.1668 5.22568 22.055 5.00207 21.8314C4.77846 21.6078 4.66666 21.3307 4.66666 21.0002C4.66666 20.6696 4.77846 20.3925 5.00207 20.1689C5.22568 19.9453 5.50277 19.8335 5.83332 19.8335H15.1667C15.4972 19.8335 15.7743 19.9453 15.9979 20.1689C16.2215 20.3925 16.3333 20.6696 16.3333 21.0002C16.3333 21.3307 16.2215 21.6078 15.9979 21.8314C15.7743 22.055 15.4972 22.1668 15.1667 22.1668H5.83332ZM5.83332 12.8335C5.50277 12.8335 5.22568 12.7217 5.00207 12.4981C4.77846 12.2745 4.66666 11.9974 4.66666 11.6668C4.66666 11.3363 4.77846 11.0592 5.00207 10.8356C5.22568 10.612 5.50277 10.5002 5.83332 10.5002H22.1667C22.4972 10.5002 22.7743 10.612 22.9979 10.8356C23.2215 11.0592 23.3333 11.3363 23.3333 11.6668C23.3333 11.9974 23.2215 12.2745 22.9979 12.4981C22.7743 12.7217 22.4972 12.8335 22.1667 12.8335H5.83332ZM5.83332 17.5002C5.50277 17.5002 5.22568 17.3884 5.00207 17.1647C4.77846 16.9411 4.66666 16.6641 4.66666 16.3335C4.66666 16.0029 4.77846 15.7259 5.00207 15.5022C5.22568 15.2786 5.50277 15.1668 5.83332 15.1668H22.1667C22.4972 15.1668 22.7743 15.2786 22.9979 15.5022C23.2215 15.7259 23.3333 16.0029 23.3333 16.3335C23.3333 16.6641 23.2215 16.9411 22.9979 17.1647C22.7743 17.3884 22.4972 17.5002 22.1667 17.5002H5.83332ZM5.83332 8.16683C5.50277 8.16683 5.22568 8.05502 5.00207 7.83141C4.77846 7.6078 4.66666 7.33072 4.66666 7.00016C4.66666 6.66961 4.77846 6.39252 5.00207 6.16891C5.22568 5.9453 5.50277 5.8335 5.83332 5.8335H22.1667C22.4972 5.8335 22.7743 5.9453 22.9979 6.16891C23.2215 6.39252 23.3333 6.66961 23.3333 7.00016C23.3333 7.33072 23.2215 7.6078 22.9979 7.83141C22.7743 8.05502 22.4972 8.16683 22.1667 8.16683H5.83332Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-long-text"; }
+    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"
             }
-          }
-        },
-        "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-mail.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconMail {
-  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: "M2.66665 13.3333C2.29998 13.3333 1.9862 13.2028 1.72531 12.942C1.46398 12.6806 1.33331 12.3666 1.33331 12V3.99996C1.33331 3.63329 1.46398 3.31951 1.72531 3.05863C1.9862 2.79729 2.29998 2.66663 2.66665 2.66663H13.3333C13.7 2.66663 14.014 2.79729 14.2753 3.05863C14.5362 3.31951 14.6666 3.63329 14.6666 3.99996V12C14.6666 12.3666 14.5362 12.6806 14.2753 12.942C14.014 13.2028 13.7 13.3333 13.3333 13.3333H2.66665ZM13.3333 5.33329L8.34998 8.44996C8.29442 8.48329 8.23598 8.50818 8.17465 8.52463C8.11376 8.54151 8.05554 8.54996 7.99998 8.54996C7.94442 8.54996 7.8862 8.54151 7.82531 8.52463C7.76398 8.50818 7.70554 8.48329 7.64998 8.44996L2.66665 5.33329V12H13.3333V5.33329ZM7.99998 7.33329L13.3333 3.99996H2.66665L7.99998 7.33329ZM2.66665 5.49996V4.51663V4.53329V4.52463V5.49996Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H20C20.55 4 21.021 4.196 21.413 4.588C21.8043 4.97933 22 5.45 22 6V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM20 8L12.525 12.675C12.4417 12.725 12.354 12.7623 12.262 12.787C12.1707 12.8123 12.0833 12.825 12 12.825C11.9167 12.825 11.8293 12.8123 11.738 12.787C11.646 12.7623 11.5583 12.725 11.475 12.675L4 8V18H20V8ZM12 11L20 6H4L12 11ZM4 8.25V6.775V6.8V6.787V8.25Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H23.3333C23.975 4.66669 24.5245 4.89535 24.9818 5.35269C25.4384 5.80924 25.6666 6.35835 25.6666 7.00002V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM23.3333 9.33335L14.6125 14.7875C14.5153 14.8459 14.413 14.8894 14.3056 14.9182C14.1991 14.9477 14.0972 14.9625 14 14.9625C13.9028 14.9625 13.8009 14.9477 13.6943 14.9182C13.587 14.8894 13.4847 14.8459 13.3875 14.7875L4.66665 9.33335V21H23.3333V9.33335ZM14 12.8334L23.3333 7.00002H4.66665L14 12.8334ZM4.66665 9.62502V7.90419V7.93335V7.91819V9.62502Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-mail"; }
-  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"
+    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: '57877cf6c3dedf9a00b2ab6fdc16c0ca57787444', "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: '577854c79af384ab10df49f5f5e85d3f7a582b86' }, h("path", { key: '43a109e76b595d0acde185e552c7df941f6f81e5', d: "M2.66665 13.3333C2.29998 13.3333 1.9862 13.2028 1.72531 12.942C1.46398 12.6806 1.33331 12.3666 1.33331 12V3.99996C1.33331 3.63329 1.46398 3.31951 1.72531 3.05863C1.9862 2.79729 2.29998 2.66663 2.66665 2.66663H13.3333C13.7 2.66663 14.014 2.79729 14.2753 3.05863C14.5362 3.31951 14.6666 3.63329 14.6666 3.99996V12C14.6666 12.3666 14.5362 12.6806 14.2753 12.942C14.014 13.2028 13.7 13.3333 13.3333 13.3333H2.66665ZM13.3333 5.33329L8.34998 8.44996C8.29442 8.48329 8.23598 8.50818 8.17465 8.52463C8.11376 8.54151 8.05554 8.54996 7.99998 8.54996C7.94442 8.54996 7.8862 8.54151 7.82531 8.52463C7.76398 8.50818 7.70554 8.48329 7.64998 8.44996L2.66665 5.33329V12H13.3333V5.33329ZM7.99998 7.33329L13.3333 3.99996H2.66665L7.99998 7.33329ZM2.66665 5.49996V4.51663V4.53329V4.52463V5.49996Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd7b26c03642cf52746912072d0a36a3a6cc22ff0' }, h("path", { key: '4d10735101267a94e8f7298fb609a7273ae2db0d', d: "M4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H20C20.55 4 21.021 4.196 21.413 4.588C21.8043 4.97933 22 5.45 22 6V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM20 8L12.525 12.675C12.4417 12.725 12.354 12.7623 12.262 12.787C12.1707 12.8123 12.0833 12.825 12 12.825C11.9167 12.825 11.8293 12.8123 11.738 12.787C11.646 12.7623 11.5583 12.725 11.475 12.675L4 8V18H20V8ZM12 11L20 6H4L12 11ZM4 8.25V6.775V6.8V6.787V8.25Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ceb6523e94aeed967d50461c065c27de709439b5' }, h("path", { key: 'ded8b19f7fd6f83c3102347fab5fd21283c39188', d: "M4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H23.3333C23.975 4.66669 24.5245 4.89535 24.9818 5.35269C25.4384 5.80924 25.6666 6.35835 25.6666 7.00002V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM23.3333 9.33335L14.6125 14.7875C14.5153 14.8459 14.413 14.8894 14.3056 14.9182C14.1991 14.9477 14.0972 14.9625 14 14.9625C13.9028 14.9625 13.8009 14.9477 13.6943 14.9182C13.587 14.8894 13.4847 14.8459 13.3875 14.7875L4.66665 9.33335V21H23.3333V9.33335ZM14 12.8334L23.3333 7.00002H4.66665L14 12.8334ZM4.66665 9.62502V7.90419V7.93335V7.91819V9.62502Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-mail"; }
+    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"
             }
-          }
-        },
-        "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-manage-accounts.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconManageAccounts {
-  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: "M6.66665 8.00002C5.93331 8.00002 5.30554 7.73891 4.78331 7.21669C4.26109 6.69446 3.99998 6.06669 3.99998 5.33335C3.99998 4.60002 4.26109 3.97224 4.78331 3.45002C5.30554 2.9278 5.93331 2.66669 6.66665 2.66669C7.39998 2.66669 8.02776 2.9278 8.54998 3.45002C9.0722 3.97224 9.33331 4.60002 9.33331 5.33335C9.33331 6.06669 9.0722 6.69446 8.54998 7.21669C8.02776 7.73891 7.39998 8.00002 6.66665 8.00002ZM1.99998 13.3334C1.81109 13.3334 1.65287 13.2694 1.52531 13.1414C1.39731 13.0138 1.33331 12.8556 1.33331 12.6667V11.4667C1.33331 11.1 1.42776 10.7556 1.61665 10.4334C1.80554 10.1111 2.06665 9.86669 2.39998 9.70002C2.96665 9.41113 3.60554 9.16669 4.31665 8.96669C5.02776 8.76669 5.81109 8.66669 6.66665 8.66669H6.89998C6.96665 8.66669 7.03331 8.6778 7.09998 8.70002C7.01109 8.90002 6.93598 9.10846 6.87465 9.32535C6.81376 9.5418 6.76665 9.76669 6.73331 10H6.66665C5.87776 10 5.16931 10.1 4.54131 10.3C3.91376 10.5 3.39998 10.7 2.99998 10.9C2.89998 10.9556 2.81954 11.0334 2.75865 11.1334C2.69731 11.2334 2.66665 11.3445 2.66665 11.4667V12H6.86665C6.93331 12.2334 7.0222 12.464 7.13331 12.692C7.24442 12.9196 7.36665 13.1334 7.49998 13.3334H1.99998ZM6.66665 6.66669C7.03331 6.66669 7.34731 6.53602 7.60865 6.27469C7.86953 6.0138 7.99998 5.70002 7.99998 5.33335C7.99998 4.96669 7.86953 4.65291 7.60865 4.39202C7.34731 4.13069 7.03331 4.00002 6.66665 4.00002C6.29998 4.00002 5.9862 4.13069 5.72531 4.39202C5.46398 4.65291 5.33331 4.96669 5.33331 5.33335C5.33331 5.70002 5.46398 6.0138 5.72531 6.27469C5.9862 6.53602 6.29998 6.66669 6.66665 6.66669ZM11.3333 12C11.7 12 12.014 11.8696 12.2753 11.6087C12.5362 11.3474 12.6666 11.0334 12.6666 10.6667C12.6666 10.3 12.5362 9.98602 12.2753 9.72469C12.014 9.4638 11.7 9.33335 11.3333 9.33335C10.9666 9.33335 10.6529 9.4638 10.392 9.72469C10.1306 9.98602 9.99998 10.3 9.99998 10.6667C9.99998 11.0334 10.1306 11.3474 10.392 11.6087C10.6529 11.8696 10.9666 12 11.3333 12ZM10.4666 13C10.3333 12.9445 10.2082 12.8862 10.0913 12.8254C9.97487 12.764 9.85553 12.6889 9.73331 12.6L9.01665 12.8167C8.93887 12.8389 8.86665 12.836 8.79998 12.808C8.73331 12.7805 8.67776 12.7334 8.63331 12.6667L8.23331 12C8.18887 11.9334 8.17509 11.8611 8.19198 11.7834C8.20842 11.7056 8.24998 11.6389 8.31665 11.5834L8.86665 11.1C8.84442 10.9445 8.83331 10.8 8.83331 10.6667C8.83331 10.5334 8.84442 10.3889 8.86665 10.2334L8.31665 9.75002C8.24998 9.69446 8.20842 9.6278 8.19198 9.55002C8.17509 9.47224 8.18887 9.40002 8.23331 9.33335L8.63331 8.66669C8.67776 8.60002 8.73331 8.55269 8.79998 8.52469C8.86665 8.49713 8.93887 8.49446 9.01665 8.51669L9.73331 8.73335C9.85553 8.64446 9.97487 8.56935 10.0913 8.50802C10.2082 8.44713 10.3333 8.38891 10.4666 8.33335L10.6166 7.60002C10.6389 7.52224 10.6778 7.45846 10.7333 7.40869C10.7889 7.35846 10.8555 7.33335 10.9333 7.33335H11.7333C11.8111 7.33335 11.8778 7.35846 11.9333 7.40869C11.9889 7.45846 12.0278 7.52224 12.05 7.60002L12.2 8.33335C12.3333 8.38891 12.4584 8.45002 12.5753 8.51669C12.6918 8.58335 12.8111 8.66669 12.9333 8.76669L13.6333 8.51669C13.7111 8.48335 13.7862 8.48335 13.8586 8.51669C13.9306 8.55002 13.9889 8.60002 14.0333 8.66669L14.4333 9.36669C14.4778 9.43335 14.4944 9.50558 14.4833 9.58335C14.4722 9.66113 14.4333 9.7278 14.3666 9.78335L13.8 10.2667C13.8222 10.4 13.8333 10.5389 13.8333 10.6834C13.8333 10.8278 13.8222 10.9667 13.8 11.1L14.35 11.5834C14.4166 11.6389 14.4582 11.7056 14.4746 11.7834C14.4915 11.8611 14.4778 11.9334 14.4333 12L14.0333 12.6667C13.9889 12.7334 13.9333 12.7805 13.8666 12.808C13.8 12.836 13.7278 12.8389 13.65 12.8167L12.9333 12.6C12.8111 12.6889 12.6918 12.764 12.5753 12.8254C12.4584 12.8862 12.3333 12.9445 12.2 13L12.05 13.7334C12.0278 13.8111 11.9889 13.8749 11.9333 13.9247C11.8778 13.9749 11.8111 14 11.7333 14H10.9333C10.8555 14 10.7889 13.9749 10.7333 13.9247C10.6778 13.8749 10.6389 13.8111 10.6166 13.7334L10.4666 13Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M10 12C8.9 12 7.95833 11.6083 7.175 10.825C6.39167 10.0417 6 9.1 6 8C6 6.9 6.39167 5.95833 7.175 5.175C7.95833 4.39167 8.9 4 10 4C11.1 4 12.0417 4.39167 12.825 5.175C13.6083 5.95833 14 6.9 14 8C14 9.1 13.6083 10.0417 12.825 10.825C12.0417 11.6083 11.1 12 10 12ZM3 20C2.71667 20 2.47933 19.904 2.288 19.712C2.096 19.5207 2 19.2833 2 19V17.2C2 16.65 2.14167 16.1333 2.425 15.65C2.70833 15.1667 3.1 14.8 3.6 14.55C4.45 14.1167 5.40833 13.75 6.475 13.45C7.54167 13.15 8.71667 13 10 13H10.35C10.45 13 10.55 13.0167 10.65 13.05C10.5167 13.35 10.404 13.6627 10.312 13.988C10.2207 14.3127 10.15 14.65 10.1 15H10C8.81667 15 7.754 15.15 6.812 15.45C5.87067 15.75 5.1 16.05 4.5 16.35C4.35 16.4333 4.22933 16.55 4.138 16.7C4.046 16.85 4 17.0167 4 17.2V18H10.3C10.4 18.35 10.5333 18.696 10.7 19.038C10.8667 19.3793 11.05 19.7 11.25 20H3ZM10 10C10.55 10 11.021 9.804 11.413 9.412C11.8043 9.02067 12 8.55 12 8C12 7.45 11.8043 6.97933 11.413 6.588C11.021 6.196 10.55 6 10 6C9.45 6 8.97933 6.196 8.588 6.588C8.196 6.97933 8 7.45 8 8C8 8.55 8.196 9.02067 8.588 9.412C8.97933 9.804 9.45 10 10 10ZM17 18C17.55 18 18.021 17.8043 18.413 17.413C18.8043 17.021 19 16.55 19 16C19 15.45 18.8043 14.979 18.413 14.587C18.021 14.1957 17.55 14 17 14C16.45 14 15.9793 14.1957 15.588 14.587C15.196 14.979 15 15.45 15 16C15 16.55 15.196 17.021 15.588 17.413C15.9793 17.8043 16.45 18 17 18ZM15.7 19.5C15.5 19.4167 15.3123 19.3293 15.137 19.238C14.9623 19.146 14.7833 19.0333 14.6 18.9L13.525 19.225C13.4083 19.2583 13.3 19.254 13.2 19.212C13.1 19.1707 13.0167 19.1 12.95 19L12.35 18C12.2833 17.9 12.2627 17.7917 12.288 17.675C12.3127 17.5583 12.375 17.4583 12.475 17.375L13.3 16.65C13.2667 16.4167 13.25 16.2 13.25 16C13.25 15.8 13.2667 15.5833 13.3 15.35L12.475 14.625C12.375 14.5417 12.3127 14.4417 12.288 14.325C12.2627 14.2083 12.2833 14.1 12.35 14L12.95 13C13.0167 12.9 13.1 12.829 13.2 12.787C13.3 12.7457 13.4083 12.7417 13.525 12.775L14.6 13.1C14.7833 12.9667 14.9623 12.854 15.137 12.762C15.3123 12.6707 15.5 12.5833 15.7 12.5L15.925 11.4C15.9583 11.2833 16.0167 11.1877 16.1 11.113C16.1833 11.0377 16.2833 11 16.4 11H17.6C17.7167 11 17.8167 11.0377 17.9 11.113C17.9833 11.1877 18.0417 11.2833 18.075 11.4L18.3 12.5C18.5 12.5833 18.6877 12.675 18.863 12.775C19.0377 12.875 19.2167 13 19.4 13.15L20.45 12.775C20.5667 12.725 20.6793 12.725 20.788 12.775C20.896 12.825 20.9833 12.9 21.05 13L21.65 14.05C21.7167 14.15 21.7417 14.2583 21.725 14.375C21.7083 14.4917 21.65 14.5917 21.55 14.675L20.7 15.4C20.7333 15.6 20.75 15.8083 20.75 16.025C20.75 16.2417 20.7333 16.45 20.7 16.65L21.525 17.375C21.625 17.4583 21.6873 17.5583 21.712 17.675C21.7373 17.7917 21.7167 17.9 21.65 18L21.05 19C20.9833 19.1 20.9 19.1707 20.8 19.212C20.7 19.254 20.5917 19.2583 20.475 19.225L19.4 18.9C19.2167 19.0333 19.0377 19.146 18.863 19.238C18.6877 19.3293 18.5 19.4167 18.3 19.5L18.075 20.6C18.0417 20.7167 17.9833 20.8123 17.9 20.887C17.8167 20.9623 17.7167 21 17.6 21H16.4C16.2833 21 16.1833 20.9623 16.1 20.887C16.0167 20.8123 15.9583 20.7167 15.925 20.6L15.7 19.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M11.6666 13C10.3833 13 9.2847 12.5431 8.37081 11.6292C7.45692 10.7153 6.99998 9.61669 6.99998 8.33335C6.99998 7.05002 7.45692 5.95141 8.37081 5.03752C9.2847 4.12363 10.3833 3.66669 11.6666 3.66669C12.95 3.66669 14.0486 4.12363 14.9625 5.03752C15.8764 5.95141 16.3333 7.05002 16.3333 8.33335C16.3333 9.61669 15.8764 10.7153 14.9625 11.6292C14.0486 12.5431 12.95 13 11.6666 13ZM3.49998 22.3334C3.16942 22.3334 2.89254 22.2214 2.66931 21.9974C2.44531 21.7741 2.33331 21.4972 2.33331 21.1667V19.0667C2.33331 18.425 2.49859 17.8222 2.82915 17.2584C3.1597 16.6945 3.61665 16.2667 4.19998 15.975C5.19165 15.4695 6.3097 15.0417 7.55415 14.6917C8.79859 14.3417 10.1694 14.1667 11.6666 14.1667H12.075C12.1916 14.1667 12.3083 14.1861 12.425 14.225C12.2694 14.575 12.138 14.9398 12.0306 15.3194C11.9241 15.6981 11.8416 16.0917 11.7833 16.5H11.6666C10.2861 16.5 9.04631 16.675 7.94731 17.025C6.84909 17.375 5.94998 17.725 5.24998 18.075C5.07498 18.1722 4.9342 18.3084 4.82765 18.4834C4.72031 18.6584 4.66665 18.8528 4.66665 19.0667V20H12.0166C12.1333 20.4084 12.2889 20.812 12.4833 21.211C12.6778 21.6092 12.8916 21.9834 13.125 22.3334H3.49998ZM11.6666 10.6667C12.3083 10.6667 12.8578 10.438 13.3151 9.98069C13.7717 9.52413 14 8.97502 14 8.33335C14 7.69169 13.7717 7.14258 13.3151 6.68602C12.8578 6.22869 12.3083 6.00002 11.6666 6.00002C11.025 6.00002 10.4759 6.22869 10.0193 6.68602C9.56198 7.14258 9.33331 7.69169 9.33331 8.33335C9.33331 8.97502 9.56198 9.52413 10.0193 9.98069C10.4759 10.438 11.025 10.6667 11.6666 10.6667ZM19.8333 20C20.475 20 21.0245 19.7717 21.4818 19.3152C21.9384 18.8579 22.1666 18.3084 22.1666 17.6667C22.1666 17.025 21.9384 16.4755 21.4818 16.0182C21.0245 15.5616 20.475 15.3334 19.8333 15.3334C19.1916 15.3334 18.6425 15.5616 18.186 16.0182C17.7286 16.4755 17.5 17.025 17.5 17.6667C17.5 18.3084 17.7286 18.8579 18.186 19.3152C18.6425 19.7717 19.1916 20 19.8333 20ZM18.3166 21.75C18.0833 21.6528 17.8644 21.5509 17.6598 21.4444C17.456 21.337 17.2472 21.2056 17.0333 21.05L15.7791 21.4292C15.643 21.4681 15.5166 21.463 15.4 21.414C15.2833 21.3658 15.1861 21.2834 15.1083 21.1667L14.4083 20C14.3305 19.8834 14.3064 19.757 14.336 19.6209C14.3648 19.4847 14.4375 19.3681 14.5541 19.2709L15.5166 18.425C15.4778 18.1528 15.4583 17.9 15.4583 17.6667C15.4583 17.4334 15.4778 17.1806 15.5166 16.9084L14.5541 16.0625C14.4375 15.9653 14.3648 15.8486 14.336 15.7125C14.3064 15.5764 14.3305 15.45 14.4083 15.3334L15.1083 14.1667C15.1861 14.05 15.2833 13.9672 15.4 13.9182C15.5166 13.87 15.643 13.8653 15.7791 13.9042L17.0333 14.2834C17.2472 14.1278 17.456 13.9964 17.6598 13.889C17.8644 13.7825 18.0833 13.6806 18.3166 13.5834L18.5791 12.3C18.618 12.1639 18.6861 12.0523 18.7833 11.9652C18.8805 11.8773 18.9972 11.8334 19.1333 11.8334H20.5333C20.6694 11.8334 20.7861 11.8773 20.8833 11.9652C20.9805 12.0523 21.0486 12.1639 21.0875 12.3L21.35 13.5834C21.5833 13.6806 21.8023 13.7875 22.0068 13.9042C22.2106 14.0209 22.4194 14.1667 22.6333 14.3417L23.8583 13.9042C23.9944 13.8459 24.1259 13.8459 24.2526 13.9042C24.3786 13.9625 24.4805 14.05 24.5583 14.1667L25.2583 15.3917C25.3361 15.5084 25.3653 15.6347 25.3458 15.7709C25.3264 15.907 25.2583 16.0236 25.1416 16.1209L24.15 16.9667C24.1889 17.2 24.2083 17.4431 24.2083 17.6959C24.2083 17.9486 24.1889 18.1917 24.15 18.425L25.1125 19.2709C25.2291 19.3681 25.3019 19.4847 25.3306 19.6209C25.3602 19.757 25.3361 19.8834 25.2583 20L24.5583 21.1667C24.4805 21.2834 24.3833 21.3658 24.2666 21.414C24.15 21.463 24.0236 21.4681 23.8875 21.4292L22.6333 21.05C22.4194 21.2056 22.2106 21.337 22.0068 21.4444C21.8023 21.5509 21.5833 21.6528 21.35 21.75L21.0875 23.0334C21.0486 23.1695 20.9805 23.2811 20.8833 23.3682C20.7861 23.4561 20.6694 23.5 20.5333 23.5H19.1333C18.9972 23.5 18.8805 23.4561 18.7833 23.3682C18.6861 23.2811 18.618 23.1695 18.5791 23.0334L18.3166 21.75Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-manage-accounts"; }
-  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"
+    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: 'c7dcf07dfa2ae1f014813a4aaad9efd5778c1c16', "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: '519908e2a3cd9b54587cf552bccb17063fae6a42' }, h("path", { key: '6b599c0b6733664b93ea9197089a7dfd6f75b0f1', d: "M6.66665 8.00002C5.93331 8.00002 5.30554 7.73891 4.78331 7.21669C4.26109 6.69446 3.99998 6.06669 3.99998 5.33335C3.99998 4.60002 4.26109 3.97224 4.78331 3.45002C5.30554 2.9278 5.93331 2.66669 6.66665 2.66669C7.39998 2.66669 8.02776 2.9278 8.54998 3.45002C9.0722 3.97224 9.33331 4.60002 9.33331 5.33335C9.33331 6.06669 9.0722 6.69446 8.54998 7.21669C8.02776 7.73891 7.39998 8.00002 6.66665 8.00002ZM1.99998 13.3334C1.81109 13.3334 1.65287 13.2694 1.52531 13.1414C1.39731 13.0138 1.33331 12.8556 1.33331 12.6667V11.4667C1.33331 11.1 1.42776 10.7556 1.61665 10.4334C1.80554 10.1111 2.06665 9.86669 2.39998 9.70002C2.96665 9.41113 3.60554 9.16669 4.31665 8.96669C5.02776 8.76669 5.81109 8.66669 6.66665 8.66669H6.89998C6.96665 8.66669 7.03331 8.6778 7.09998 8.70002C7.01109 8.90002 6.93598 9.10846 6.87465 9.32535C6.81376 9.5418 6.76665 9.76669 6.73331 10H6.66665C5.87776 10 5.16931 10.1 4.54131 10.3C3.91376 10.5 3.39998 10.7 2.99998 10.9C2.89998 10.9556 2.81954 11.0334 2.75865 11.1334C2.69731 11.2334 2.66665 11.3445 2.66665 11.4667V12H6.86665C6.93331 12.2334 7.0222 12.464 7.13331 12.692C7.24442 12.9196 7.36665 13.1334 7.49998 13.3334H1.99998ZM6.66665 6.66669C7.03331 6.66669 7.34731 6.53602 7.60865 6.27469C7.86953 6.0138 7.99998 5.70002 7.99998 5.33335C7.99998 4.96669 7.86953 4.65291 7.60865 4.39202C7.34731 4.13069 7.03331 4.00002 6.66665 4.00002C6.29998 4.00002 5.9862 4.13069 5.72531 4.39202C5.46398 4.65291 5.33331 4.96669 5.33331 5.33335C5.33331 5.70002 5.46398 6.0138 5.72531 6.27469C5.9862 6.53602 6.29998 6.66669 6.66665 6.66669ZM11.3333 12C11.7 12 12.014 11.8696 12.2753 11.6087C12.5362 11.3474 12.6666 11.0334 12.6666 10.6667C12.6666 10.3 12.5362 9.98602 12.2753 9.72469C12.014 9.4638 11.7 9.33335 11.3333 9.33335C10.9666 9.33335 10.6529 9.4638 10.392 9.72469C10.1306 9.98602 9.99998 10.3 9.99998 10.6667C9.99998 11.0334 10.1306 11.3474 10.392 11.6087C10.6529 11.8696 10.9666 12 11.3333 12ZM10.4666 13C10.3333 12.9445 10.2082 12.8862 10.0913 12.8254C9.97487 12.764 9.85553 12.6889 9.73331 12.6L9.01665 12.8167C8.93887 12.8389 8.86665 12.836 8.79998 12.808C8.73331 12.7805 8.67776 12.7334 8.63331 12.6667L8.23331 12C8.18887 11.9334 8.17509 11.8611 8.19198 11.7834C8.20842 11.7056 8.24998 11.6389 8.31665 11.5834L8.86665 11.1C8.84442 10.9445 8.83331 10.8 8.83331 10.6667C8.83331 10.5334 8.84442 10.3889 8.86665 10.2334L8.31665 9.75002C8.24998 9.69446 8.20842 9.6278 8.19198 9.55002C8.17509 9.47224 8.18887 9.40002 8.23331 9.33335L8.63331 8.66669C8.67776 8.60002 8.73331 8.55269 8.79998 8.52469C8.86665 8.49713 8.93887 8.49446 9.01665 8.51669L9.73331 8.73335C9.85553 8.64446 9.97487 8.56935 10.0913 8.50802C10.2082 8.44713 10.3333 8.38891 10.4666 8.33335L10.6166 7.60002C10.6389 7.52224 10.6778 7.45846 10.7333 7.40869C10.7889 7.35846 10.8555 7.33335 10.9333 7.33335H11.7333C11.8111 7.33335 11.8778 7.35846 11.9333 7.40869C11.9889 7.45846 12.0278 7.52224 12.05 7.60002L12.2 8.33335C12.3333 8.38891 12.4584 8.45002 12.5753 8.51669C12.6918 8.58335 12.8111 8.66669 12.9333 8.76669L13.6333 8.51669C13.7111 8.48335 13.7862 8.48335 13.8586 8.51669C13.9306 8.55002 13.9889 8.60002 14.0333 8.66669L14.4333 9.36669C14.4778 9.43335 14.4944 9.50558 14.4833 9.58335C14.4722 9.66113 14.4333 9.7278 14.3666 9.78335L13.8 10.2667C13.8222 10.4 13.8333 10.5389 13.8333 10.6834C13.8333 10.8278 13.8222 10.9667 13.8 11.1L14.35 11.5834C14.4166 11.6389 14.4582 11.7056 14.4746 11.7834C14.4915 11.8611 14.4778 11.9334 14.4333 12L14.0333 12.6667C13.9889 12.7334 13.9333 12.7805 13.8666 12.808C13.8 12.836 13.7278 12.8389 13.65 12.8167L12.9333 12.6C12.8111 12.6889 12.6918 12.764 12.5753 12.8254C12.4584 12.8862 12.3333 12.9445 12.2 13L12.05 13.7334C12.0278 13.8111 11.9889 13.8749 11.9333 13.9247C11.8778 13.9749 11.8111 14 11.7333 14H10.9333C10.8555 14 10.7889 13.9749 10.7333 13.9247C10.6778 13.8749 10.6389 13.8111 10.6166 13.7334L10.4666 13Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '81927ce9dd1c59d203e253f5232e7652eddf3f0e' }, h("path", { key: 'e429dd2cafa6dc5af75c5337b98b2ea5bb4da679', d: "M10 12C8.9 12 7.95833 11.6083 7.175 10.825C6.39167 10.0417 6 9.1 6 8C6 6.9 6.39167 5.95833 7.175 5.175C7.95833 4.39167 8.9 4 10 4C11.1 4 12.0417 4.39167 12.825 5.175C13.6083 5.95833 14 6.9 14 8C14 9.1 13.6083 10.0417 12.825 10.825C12.0417 11.6083 11.1 12 10 12ZM3 20C2.71667 20 2.47933 19.904 2.288 19.712C2.096 19.5207 2 19.2833 2 19V17.2C2 16.65 2.14167 16.1333 2.425 15.65C2.70833 15.1667 3.1 14.8 3.6 14.55C4.45 14.1167 5.40833 13.75 6.475 13.45C7.54167 13.15 8.71667 13 10 13H10.35C10.45 13 10.55 13.0167 10.65 13.05C10.5167 13.35 10.404 13.6627 10.312 13.988C10.2207 14.3127 10.15 14.65 10.1 15H10C8.81667 15 7.754 15.15 6.812 15.45C5.87067 15.75 5.1 16.05 4.5 16.35C4.35 16.4333 4.22933 16.55 4.138 16.7C4.046 16.85 4 17.0167 4 17.2V18H10.3C10.4 18.35 10.5333 18.696 10.7 19.038C10.8667 19.3793 11.05 19.7 11.25 20H3ZM10 10C10.55 10 11.021 9.804 11.413 9.412C11.8043 9.02067 12 8.55 12 8C12 7.45 11.8043 6.97933 11.413 6.588C11.021 6.196 10.55 6 10 6C9.45 6 8.97933 6.196 8.588 6.588C8.196 6.97933 8 7.45 8 8C8 8.55 8.196 9.02067 8.588 9.412C8.97933 9.804 9.45 10 10 10ZM17 18C17.55 18 18.021 17.8043 18.413 17.413C18.8043 17.021 19 16.55 19 16C19 15.45 18.8043 14.979 18.413 14.587C18.021 14.1957 17.55 14 17 14C16.45 14 15.9793 14.1957 15.588 14.587C15.196 14.979 15 15.45 15 16C15 16.55 15.196 17.021 15.588 17.413C15.9793 17.8043 16.45 18 17 18ZM15.7 19.5C15.5 19.4167 15.3123 19.3293 15.137 19.238C14.9623 19.146 14.7833 19.0333 14.6 18.9L13.525 19.225C13.4083 19.2583 13.3 19.254 13.2 19.212C13.1 19.1707 13.0167 19.1 12.95 19L12.35 18C12.2833 17.9 12.2627 17.7917 12.288 17.675C12.3127 17.5583 12.375 17.4583 12.475 17.375L13.3 16.65C13.2667 16.4167 13.25 16.2 13.25 16C13.25 15.8 13.2667 15.5833 13.3 15.35L12.475 14.625C12.375 14.5417 12.3127 14.4417 12.288 14.325C12.2627 14.2083 12.2833 14.1 12.35 14L12.95 13C13.0167 12.9 13.1 12.829 13.2 12.787C13.3 12.7457 13.4083 12.7417 13.525 12.775L14.6 13.1C14.7833 12.9667 14.9623 12.854 15.137 12.762C15.3123 12.6707 15.5 12.5833 15.7 12.5L15.925 11.4C15.9583 11.2833 16.0167 11.1877 16.1 11.113C16.1833 11.0377 16.2833 11 16.4 11H17.6C17.7167 11 17.8167 11.0377 17.9 11.113C17.9833 11.1877 18.0417 11.2833 18.075 11.4L18.3 12.5C18.5 12.5833 18.6877 12.675 18.863 12.775C19.0377 12.875 19.2167 13 19.4 13.15L20.45 12.775C20.5667 12.725 20.6793 12.725 20.788 12.775C20.896 12.825 20.9833 12.9 21.05 13L21.65 14.05C21.7167 14.15 21.7417 14.2583 21.725 14.375C21.7083 14.4917 21.65 14.5917 21.55 14.675L20.7 15.4C20.7333 15.6 20.75 15.8083 20.75 16.025C20.75 16.2417 20.7333 16.45 20.7 16.65L21.525 17.375C21.625 17.4583 21.6873 17.5583 21.712 17.675C21.7373 17.7917 21.7167 17.9 21.65 18L21.05 19C20.9833 19.1 20.9 19.1707 20.8 19.212C20.7 19.254 20.5917 19.2583 20.475 19.225L19.4 18.9C19.2167 19.0333 19.0377 19.146 18.863 19.238C18.6877 19.3293 18.5 19.4167 18.3 19.5L18.075 20.6C18.0417 20.7167 17.9833 20.8123 17.9 20.887C17.8167 20.9623 17.7167 21 17.6 21H16.4C16.2833 21 16.1833 20.9623 16.1 20.887C16.0167 20.8123 15.9583 20.7167 15.925 20.6L15.7 19.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '68cdb48f5d85b470af3c6578485bd4a018f33fc9' }, h("path", { key: 'e848a0a7d2ad0f24d6deb201bacb6607400c8acb', d: "M11.6666 13C10.3833 13 9.2847 12.5431 8.37081 11.6292C7.45692 10.7153 6.99998 9.61669 6.99998 8.33335C6.99998 7.05002 7.45692 5.95141 8.37081 5.03752C9.2847 4.12363 10.3833 3.66669 11.6666 3.66669C12.95 3.66669 14.0486 4.12363 14.9625 5.03752C15.8764 5.95141 16.3333 7.05002 16.3333 8.33335C16.3333 9.61669 15.8764 10.7153 14.9625 11.6292C14.0486 12.5431 12.95 13 11.6666 13ZM3.49998 22.3334C3.16942 22.3334 2.89254 22.2214 2.66931 21.9974C2.44531 21.7741 2.33331 21.4972 2.33331 21.1667V19.0667C2.33331 18.425 2.49859 17.8222 2.82915 17.2584C3.1597 16.6945 3.61665 16.2667 4.19998 15.975C5.19165 15.4695 6.3097 15.0417 7.55415 14.6917C8.79859 14.3417 10.1694 14.1667 11.6666 14.1667H12.075C12.1916 14.1667 12.3083 14.1861 12.425 14.225C12.2694 14.575 12.138 14.9398 12.0306 15.3194C11.9241 15.6981 11.8416 16.0917 11.7833 16.5H11.6666C10.2861 16.5 9.04631 16.675 7.94731 17.025C6.84909 17.375 5.94998 17.725 5.24998 18.075C5.07498 18.1722 4.9342 18.3084 4.82765 18.4834C4.72031 18.6584 4.66665 18.8528 4.66665 19.0667V20H12.0166C12.1333 20.4084 12.2889 20.812 12.4833 21.211C12.6778 21.6092 12.8916 21.9834 13.125 22.3334H3.49998ZM11.6666 10.6667C12.3083 10.6667 12.8578 10.438 13.3151 9.98069C13.7717 9.52413 14 8.97502 14 8.33335C14 7.69169 13.7717 7.14258 13.3151 6.68602C12.8578 6.22869 12.3083 6.00002 11.6666 6.00002C11.025 6.00002 10.4759 6.22869 10.0193 6.68602C9.56198 7.14258 9.33331 7.69169 9.33331 8.33335C9.33331 8.97502 9.56198 9.52413 10.0193 9.98069C10.4759 10.438 11.025 10.6667 11.6666 10.6667ZM19.8333 20C20.475 20 21.0245 19.7717 21.4818 19.3152C21.9384 18.8579 22.1666 18.3084 22.1666 17.6667C22.1666 17.025 21.9384 16.4755 21.4818 16.0182C21.0245 15.5616 20.475 15.3334 19.8333 15.3334C19.1916 15.3334 18.6425 15.5616 18.186 16.0182C17.7286 16.4755 17.5 17.025 17.5 17.6667C17.5 18.3084 17.7286 18.8579 18.186 19.3152C18.6425 19.7717 19.1916 20 19.8333 20ZM18.3166 21.75C18.0833 21.6528 17.8644 21.5509 17.6598 21.4444C17.456 21.337 17.2472 21.2056 17.0333 21.05L15.7791 21.4292C15.643 21.4681 15.5166 21.463 15.4 21.414C15.2833 21.3658 15.1861 21.2834 15.1083 21.1667L14.4083 20C14.3305 19.8834 14.3064 19.757 14.336 19.6209C14.3648 19.4847 14.4375 19.3681 14.5541 19.2709L15.5166 18.425C15.4778 18.1528 15.4583 17.9 15.4583 17.6667C15.4583 17.4334 15.4778 17.1806 15.5166 16.9084L14.5541 16.0625C14.4375 15.9653 14.3648 15.8486 14.336 15.7125C14.3064 15.5764 14.3305 15.45 14.4083 15.3334L15.1083 14.1667C15.1861 14.05 15.2833 13.9672 15.4 13.9182C15.5166 13.87 15.643 13.8653 15.7791 13.9042L17.0333 14.2834C17.2472 14.1278 17.456 13.9964 17.6598 13.889C17.8644 13.7825 18.0833 13.6806 18.3166 13.5834L18.5791 12.3C18.618 12.1639 18.6861 12.0523 18.7833 11.9652C18.8805 11.8773 18.9972 11.8334 19.1333 11.8334H20.5333C20.6694 11.8334 20.7861 11.8773 20.8833 11.9652C20.9805 12.0523 21.0486 12.1639 21.0875 12.3L21.35 13.5834C21.5833 13.6806 21.8023 13.7875 22.0068 13.9042C22.2106 14.0209 22.4194 14.1667 22.6333 14.3417L23.8583 13.9042C23.9944 13.8459 24.1259 13.8459 24.2526 13.9042C24.3786 13.9625 24.4805 14.05 24.5583 14.1667L25.2583 15.3917C25.3361 15.5084 25.3653 15.6347 25.3458 15.7709C25.3264 15.907 25.2583 16.0236 25.1416 16.1209L24.15 16.9667C24.1889 17.2 24.2083 17.4431 24.2083 17.6959C24.2083 17.9486 24.1889 18.1917 24.15 18.425L25.1125 19.2709C25.2291 19.3681 25.3019 19.4847 25.3306 19.6209C25.3602 19.757 25.3361 19.8834 25.2583 20L24.5583 21.1667C24.4805 21.2834 24.3833 21.3658 24.2666 21.414C24.15 21.463 24.0236 21.4681 23.8875 21.4292L22.6333 21.05C22.4194 21.2056 22.2106 21.337 22.0068 21.4444C21.8023 21.5509 21.5833 21.6528 21.35 21.75L21.0875 23.0334C21.0486 23.1695 20.9805 23.2811 20.8833 23.3682C20.7861 23.4561 20.6694 23.5 20.5333 23.5H19.1333C18.9972 23.5 18.8805 23.4561 18.7833 23.3682C18.6861 23.2811 18.618 23.1695 18.5791 23.0334L18.3166 21.75Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-manage-accounts"; }
+    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"
             }
-          }
-        },
-        "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"
-      }
-    };
-  }
+        };
+    }
 }