@getflip/swirl-components 0.188.0 → 0.189.0

package/dist/collection/components/swirl-icon/icons/swirl-icon-pause-circle.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconPauseCircle {
-  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 10.6666C7.03331 10.6666 7.33331 10.3666 7.33331 9.99992V5.99992C7.33331 5.63325 7.03331 5.33325 6.66665 5.33325C6.29998 5.33325 5.99998 5.63325 5.99998 5.99992V9.99992C5.99998 10.3666 6.29998 10.6666 6.66665 10.6666ZM7.99998 1.33325C4.31998 1.33325 1.33331 4.31992 1.33331 7.99992C1.33331 11.6799 4.31998 14.6666 7.99998 14.6666C11.68 14.6666 14.6666 11.6799 14.6666 7.99992C14.6666 4.31992 11.68 1.33325 7.99998 1.33325ZM7.99998 13.3333C5.05998 13.3333 2.66665 10.9399 2.66665 7.99992C2.66665 5.05992 5.05998 2.66659 7.99998 2.66659C10.94 2.66659 13.3333 5.05992 13.3333 7.99992C13.3333 10.9399 10.94 13.3333 7.99998 13.3333ZM9.33331 10.6666C9.69998 10.6666 9.99998 10.3666 9.99998 9.99992V5.99992C9.99998 5.63325 9.69998 5.33325 9.33331 5.33325C8.96665 5.33325 8.66665 5.63325 8.66665 5.99992V9.99992C8.66665 10.3666 8.96665 10.6666 9.33331 10.6666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M10 16C10.55 16 11 15.55 11 15V9C11 8.45 10.55 8 10 8C9.45 8 9 8.45 9 9V15C9 15.55 9.45 16 10 16ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM14 16C14.55 16 15 15.55 15 15V9C15 8.45 14.55 8 14 8C13.45 8 13 8.45 13 9V15C13 15.55 13.45 16 14 16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M11.6666 18.6666C12.3083 18.6666 12.8333 18.1416 12.8333 17.4999V10.4999C12.8333 9.85825 12.3083 9.33325 11.6666 9.33325C11.025 9.33325 10.5 9.85825 10.5 10.4999V17.4999C10.5 18.1416 11.025 18.6666 11.6666 18.6666ZM14 2.33325C7.55998 2.33325 2.33331 7.55992 2.33331 13.9999C2.33331 20.4399 7.55998 25.6666 14 25.6666C20.44 25.6666 25.6666 20.4399 25.6666 13.9999C25.6666 7.55992 20.44 2.33325 14 2.33325ZM14 23.3333C8.85498 23.3333 4.66665 19.1449 4.66665 13.9999C4.66665 8.85492 8.85498 4.66659 14 4.66659C19.145 4.66659 23.3333 8.85492 23.3333 13.9999C23.3333 19.1449 19.145 23.3333 14 23.3333ZM16.3333 18.6666C16.975 18.6666 17.5 18.1416 17.5 17.4999V10.4999C17.5 9.85825 16.975 9.33325 16.3333 9.33325C15.6916 9.33325 15.1666 9.85825 15.1666 10.4999V17.4999C15.1666 18.1416 15.6916 18.6666 16.3333 18.6666Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-pause-circle"; }
-  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: '9ec6d5cffdf8768c169ff721ec8129dfa9c71139', "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: 'a6c151c84ca5101ebee210bc70cf4f1fe3c120f3' }, h("path", { key: 'a6107459774006d7e5e62f633811c04272172fdb', d: "M6.66665 10.6666C7.03331 10.6666 7.33331 10.3666 7.33331 9.99992V5.99992C7.33331 5.63325 7.03331 5.33325 6.66665 5.33325C6.29998 5.33325 5.99998 5.63325 5.99998 5.99992V9.99992C5.99998 10.3666 6.29998 10.6666 6.66665 10.6666ZM7.99998 1.33325C4.31998 1.33325 1.33331 4.31992 1.33331 7.99992C1.33331 11.6799 4.31998 14.6666 7.99998 14.6666C11.68 14.6666 14.6666 11.6799 14.6666 7.99992C14.6666 4.31992 11.68 1.33325 7.99998 1.33325ZM7.99998 13.3333C5.05998 13.3333 2.66665 10.9399 2.66665 7.99992C2.66665 5.05992 5.05998 2.66659 7.99998 2.66659C10.94 2.66659 13.3333 5.05992 13.3333 7.99992C13.3333 10.9399 10.94 13.3333 7.99998 13.3333ZM9.33331 10.6666C9.69998 10.6666 9.99998 10.3666 9.99998 9.99992V5.99992C9.99998 5.63325 9.69998 5.33325 9.33331 5.33325C8.96665 5.33325 8.66665 5.63325 8.66665 5.99992V9.99992C8.66665 10.3666 8.96665 10.6666 9.33331 10.6666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b83efe0a51566c95d81074b537c000ea65357275' }, h("path", { key: '1f0a9bb54cf336bdbf522c2aaa17a299dea22e40', d: "M10 16C10.55 16 11 15.55 11 15V9C11 8.45 10.55 8 10 8C9.45 8 9 8.45 9 9V15C9 15.55 9.45 16 10 16ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM14 16C14.55 16 15 15.55 15 15V9C15 8.45 14.55 8 14 8C13.45 8 13 8.45 13 9V15C13 15.55 13.45 16 14 16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '0bac452dfc9d292ff692c57bebdb3fd573ba7c06' }, h("path", { key: '3bf083b088e241a17446d2b2fbb537096d325d9d', d: "M11.6666 18.6666C12.3083 18.6666 12.8333 18.1416 12.8333 17.4999V10.4999C12.8333 9.85825 12.3083 9.33325 11.6666 9.33325C11.025 9.33325 10.5 9.85825 10.5 10.4999V17.4999C10.5 18.1416 11.025 18.6666 11.6666 18.6666ZM14 2.33325C7.55998 2.33325 2.33331 7.55992 2.33331 13.9999C2.33331 20.4399 7.55998 25.6666 14 25.6666C20.44 25.6666 25.6666 20.4399 25.6666 13.9999C25.6666 7.55992 20.44 2.33325 14 2.33325ZM14 23.3333C8.85498 23.3333 4.66665 19.1449 4.66665 13.9999C4.66665 8.85492 8.85498 4.66659 14 4.66659C19.145 4.66659 23.3333 8.85492 23.3333 13.9999C23.3333 19.1449 19.145 23.3333 14 23.3333ZM16.3333 18.6666C16.975 18.6666 17.5 18.1416 17.5 17.4999V10.4999C17.5 9.85825 16.975 9.33325 16.3333 9.33325C15.6916 9.33325 15.1666 9.85825 15.1666 10.4999V17.4999C15.1666 18.1416 15.6916 18.6666 16.3333 18.6666Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-pause-circle"; }
+    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-pause.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconPause {
-  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: "M9.99998 12.6667C9.63331 12.6667 9.31942 12.5362 9.05831 12.275C8.7972 12.0139 8.66665 11.7 8.66665 11.3334V4.66671C8.66665 4.30004 8.7972 3.98615 9.05831 3.72504C9.31942 3.46393 9.63331 3.33337 9.99998 3.33337H11.3333C11.7 3.33337 12.0139 3.46393 12.275 3.72504C12.5361 3.98615 12.6666 4.30004 12.6666 4.66671V11.3334C12.6666 11.7 12.5361 12.0139 12.275 12.275C12.0139 12.5362 11.7 12.6667 11.3333 12.6667H9.99998ZM4.66665 12.6667C4.29998 12.6667 3.98609 12.5362 3.72498 12.275C3.46387 12.0139 3.33331 11.7 3.33331 11.3334V4.66671C3.33331 4.30004 3.46387 3.98615 3.72498 3.72504C3.98609 3.46393 4.29998 3.33337 4.66665 3.33337H5.99998C6.36665 3.33337 6.68054 3.46393 6.94165 3.72504C7.20276 3.98615 7.33331 4.30004 7.33331 4.66671V11.3334C7.33331 11.7 7.20276 12.0139 6.94165 12.275C6.68054 12.5362 6.36665 12.6667 5.99998 12.6667H4.66665ZM9.99998 11.3334H11.3333V4.66671H9.99998V11.3334ZM4.66665 11.3334H5.99998V4.66671H4.66665V11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15 19C14.45 19 13.9792 18.8042 13.5875 18.4125C13.1958 18.0208 13 17.55 13 17V7C13 6.45 13.1958 5.97917 13.5875 5.5875C13.9792 5.19583 14.45 5 15 5H17C17.55 5 18.0208 5.19583 18.4125 5.5875C18.8042 5.97917 19 6.45 19 7V17C19 17.55 18.8042 18.0208 18.4125 18.4125C18.0208 18.8042 17.55 19 17 19H15ZM7 19C6.45 19 5.97917 18.8042 5.5875 18.4125C5.19583 18.0208 5 17.55 5 17V7C5 6.45 5.19583 5.97917 5.5875 5.5875C5.97917 5.19583 6.45 5 7 5H9C9.55 5 10.0208 5.19583 10.4125 5.5875C10.8042 5.97917 11 6.45 11 7V17C11 17.55 10.8042 18.0208 10.4125 18.4125C10.0208 18.8042 9.55 19 9 19H7ZM15 17H17V7H15V17ZM7 17H9V7H7V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M17.5 22.1667C16.8583 22.1667 16.309 21.9382 15.8521 21.4813C15.3951 21.0243 15.1666 20.475 15.1666 19.8334V8.16671C15.1666 7.52504 15.3951 6.97574 15.8521 6.51879C16.309 6.06185 16.8583 5.83337 17.5 5.83337H19.8333C20.475 5.83337 21.0243 6.06185 21.4812 6.51879C21.9382 6.97574 22.1666 7.52504 22.1666 8.16671V19.8334C22.1666 20.475 21.9382 21.0243 21.4812 21.4813C21.0243 21.9382 20.475 22.1667 19.8333 22.1667H17.5ZM8.16665 22.1667C7.52498 22.1667 6.97567 21.9382 6.51873 21.4813C6.06179 21.0243 5.83331 20.475 5.83331 19.8334V8.16671C5.83331 7.52504 6.06179 6.97574 6.51873 6.51879C6.97567 6.06185 7.52498 5.83337 8.16665 5.83337H10.5C11.1416 5.83337 11.691 6.06185 12.1479 6.51879C12.6048 6.97574 12.8333 7.52504 12.8333 8.16671V19.8334C12.8333 20.475 12.6048 21.0243 12.1479 21.4813C11.691 21.9382 11.1416 22.1667 10.5 22.1667H8.16665ZM17.5 19.8334H19.8333V8.16671H17.5V19.8334ZM8.16665 19.8334H10.5V8.16671H8.16665V19.8334Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-pause"; }
-  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: '640c89ae89336cb558455e9e408bc1fbbd1bb807', "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: 'd8559fca49a839893ff6d8da677018ef9dd11cb8' }, h("path", { key: '08a461e07579973b6a6cf587ef700f0f38001aae', d: "M9.99998 12.6667C9.63331 12.6667 9.31942 12.5362 9.05831 12.275C8.7972 12.0139 8.66665 11.7 8.66665 11.3334V4.66671C8.66665 4.30004 8.7972 3.98615 9.05831 3.72504C9.31942 3.46393 9.63331 3.33337 9.99998 3.33337H11.3333C11.7 3.33337 12.0139 3.46393 12.275 3.72504C12.5361 3.98615 12.6666 4.30004 12.6666 4.66671V11.3334C12.6666 11.7 12.5361 12.0139 12.275 12.275C12.0139 12.5362 11.7 12.6667 11.3333 12.6667H9.99998ZM4.66665 12.6667C4.29998 12.6667 3.98609 12.5362 3.72498 12.275C3.46387 12.0139 3.33331 11.7 3.33331 11.3334V4.66671C3.33331 4.30004 3.46387 3.98615 3.72498 3.72504C3.98609 3.46393 4.29998 3.33337 4.66665 3.33337H5.99998C6.36665 3.33337 6.68054 3.46393 6.94165 3.72504C7.20276 3.98615 7.33331 4.30004 7.33331 4.66671V11.3334C7.33331 11.7 7.20276 12.0139 6.94165 12.275C6.68054 12.5362 6.36665 12.6667 5.99998 12.6667H4.66665ZM9.99998 11.3334H11.3333V4.66671H9.99998V11.3334ZM4.66665 11.3334H5.99998V4.66671H4.66665V11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'dcb0d4fe6c95ae3debe4bcb7019beab470be0d23' }, h("path", { key: '60cd028db8008389d70ed0bd288bf1261049e4cd', d: "M15 19C14.45 19 13.9792 18.8042 13.5875 18.4125C13.1958 18.0208 13 17.55 13 17V7C13 6.45 13.1958 5.97917 13.5875 5.5875C13.9792 5.19583 14.45 5 15 5H17C17.55 5 18.0208 5.19583 18.4125 5.5875C18.8042 5.97917 19 6.45 19 7V17C19 17.55 18.8042 18.0208 18.4125 18.4125C18.0208 18.8042 17.55 19 17 19H15ZM7 19C6.45 19 5.97917 18.8042 5.5875 18.4125C5.19583 18.0208 5 17.55 5 17V7C5 6.45 5.19583 5.97917 5.5875 5.5875C5.97917 5.19583 6.45 5 7 5H9C9.55 5 10.0208 5.19583 10.4125 5.5875C10.8042 5.97917 11 6.45 11 7V17C11 17.55 10.8042 18.0208 10.4125 18.4125C10.0208 18.8042 9.55 19 9 19H7ZM15 17H17V7H15V17ZM7 17H9V7H7V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'f873a414fc94c6583332553cadda58d29201c7ef' }, h("path", { key: '4ba99c905f75fa3945c3371787ea90bb5c32c4cd', d: "M17.5 22.1667C16.8583 22.1667 16.309 21.9382 15.8521 21.4813C15.3951 21.0243 15.1666 20.475 15.1666 19.8334V8.16671C15.1666 7.52504 15.3951 6.97574 15.8521 6.51879C16.309 6.06185 16.8583 5.83337 17.5 5.83337H19.8333C20.475 5.83337 21.0243 6.06185 21.4812 6.51879C21.9382 6.97574 22.1666 7.52504 22.1666 8.16671V19.8334C22.1666 20.475 21.9382 21.0243 21.4812 21.4813C21.0243 21.9382 20.475 22.1667 19.8333 22.1667H17.5ZM8.16665 22.1667C7.52498 22.1667 6.97567 21.9382 6.51873 21.4813C6.06179 21.0243 5.83331 20.475 5.83331 19.8334V8.16671C5.83331 7.52504 6.06179 6.97574 6.51873 6.51879C6.97567 6.06185 7.52498 5.83337 8.16665 5.83337H10.5C11.1416 5.83337 11.691 6.06185 12.1479 6.51879C12.6048 6.97574 12.8333 7.52504 12.8333 8.16671V19.8334C12.8333 20.475 12.6048 21.0243 12.1479 21.4813C11.691 21.9382 11.1416 22.1667 10.5 22.1667H8.16665ZM17.5 19.8334H19.8333V8.16671H17.5V19.8334ZM8.16665 19.8334H10.5V8.16671H8.16665V19.8334Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-pause"; }
+    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-people-alt.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconPeopleAlt {
-  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: "M1.33335 13.3334C1.14446 13.3334 0.986243 13.2694 0.858687 13.1414C0.730687 13.0139 0.666687 12.8556 0.666687 12.6667V11.4667C0.666687 11.089 0.76402 10.7416 0.958687 10.4247C1.15291 10.1083 1.41113 9.86675 1.73335 9.70008C2.42224 9.35564 3.12224 9.09719 3.83335 8.92475C4.54446 8.75275 5.26669 8.66675 6.00002 8.66675C6.73335 8.66675 7.45558 8.75275 8.16669 8.92475C8.8778 9.09719 9.5778 9.35564 10.2667 9.70008C10.5889 9.86675 10.8471 10.1083 11.0414 10.4247C11.236 10.7416 11.3334 11.089 11.3334 11.4667V12.6667C11.3334 12.8556 11.2694 13.0139 11.1414 13.1414C11.0138 13.2694 10.8556 13.3334 10.6667 13.3334H1.33335ZM12.35 13.3334C12.45 13.2556 12.5278 13.1583 12.5834 13.0414C12.6389 12.925 12.6667 12.7945 12.6667 12.6501V11.3334C12.6667 10.8445 12.5307 10.375 12.2587 9.92475C11.9862 9.47497 11.6 9.08897 11.1 8.76675C11.6667 8.83341 12.2 8.94719 12.7 9.10808C13.2 9.26941 13.6667 9.46675 14.1 9.70008C14.5 9.9223 14.8056 10.1694 15.0167 10.4414C15.2278 10.7139 15.3334 11.0112 15.3334 11.3334V12.6667C15.3334 12.8556 15.2694 13.0139 15.1414 13.1414C15.0138 13.2694 14.8556 13.3334 14.6667 13.3334H12.35ZM6.00002 8.00008C5.26669 8.00008 4.63891 7.73897 4.11669 7.21675C3.59446 6.69453 3.33335 6.06675 3.33335 5.33341C3.33335 4.60008 3.59446 3.9723 4.11669 3.45008C4.63891 2.92786 5.26669 2.66675 6.00002 2.66675C6.73335 2.66675 7.36113 2.92786 7.88335 3.45008C8.40558 3.9723 8.66669 4.60008 8.66669 5.33341C8.66669 6.06675 8.40558 6.69453 7.88335 7.21675C7.36113 7.73897 6.73335 8.00008 6.00002 8.00008ZM12.6667 5.33341C12.6667 6.06675 12.4056 6.69453 11.8834 7.21675C11.3611 7.73897 10.7334 8.00008 10 8.00008C9.8778 8.00008 9.72224 7.9863 9.53335 7.95875C9.34447 7.93075 9.18891 7.90008 9.06669 7.86675C9.36669 7.51119 9.59713 7.11675 9.75802 6.68341C9.91935 6.25008 10 5.80008 10 5.33341C10 4.86675 9.91935 4.41675 9.75802 3.98341C9.59713 3.55008 9.36669 3.15564 9.06669 2.80008C9.22224 2.74453 9.3778 2.7083 9.53335 2.69141C9.68891 2.67497 9.84447 2.66675 10 2.66675C10.7334 2.66675 11.3611 2.92786 11.8834 3.45008C12.4056 3.9723 12.6667 4.60008 12.6667 5.33341ZM2.00002 12.0001H10V11.4667C10 11.3445 9.96958 11.2334 9.90869 11.1334C9.84735 11.0334 9.76669 10.9556 9.66669 10.9001C9.06669 10.6001 8.46113 10.375 7.85002 10.2247C7.23891 10.075 6.62224 10.0001 6.00002 10.0001C5.3778 10.0001 4.76113 10.075 4.15002 10.2247C3.53891 10.375 2.93335 10.6001 2.33335 10.9001C2.23335 10.9556 2.15291 11.0334 2.09202 11.1334C2.03069 11.2334 2.00002 11.3445 2.00002 11.4667V12.0001ZM6.00002 6.66675C6.36669 6.66675 6.68069 6.53608 6.94202 6.27475C7.20291 6.01386 7.33335 5.70008 7.33335 5.33341C7.33335 4.96675 7.20291 4.65297 6.94202 4.39208C6.68069 4.13075 6.36669 4.00008 6.00002 4.00008C5.63335 4.00008 5.31958 4.13075 5.05869 4.39208C4.79735 4.65297 4.66669 4.96675 4.66669 5.33341C4.66669 5.70008 4.79735 6.01386 5.05869 6.27475C5.31958 6.53608 5.63335 6.66675 6.00002 6.66675Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M2 20C1.71667 20 1.47933 19.904 1.288 19.712C1.096 19.5207 1 19.2833 1 19V17.2C1 16.6333 1.146 16.1123 1.438 15.637C1.72933 15.1623 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6457 5.75 13.387C6.81667 13.129 7.9 13 9 13C10.1 13 11.1833 13.129 12.25 13.387C13.3167 13.6457 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2707 15.1623 16.562 15.637C16.854 16.1123 17 16.6333 17 17.2V19C17 19.2833 16.904 19.5207 16.712 19.712C16.5207 19.904 16.2833 20 16 20H2ZM18.525 20C18.675 19.8833 18.7917 19.7373 18.875 19.562C18.9583 19.3873 19 19.1917 19 18.975V17C19 16.2667 18.796 15.5623 18.388 14.887C17.9793 14.2123 17.4 13.6333 16.65 13.15C17.5 13.25 18.3 13.4207 19.05 13.662C19.8 13.904 20.5 14.2 21.15 14.55C21.75 14.8833 22.2083 15.254 22.525 15.662C22.8417 16.0707 23 16.5167 23 17V19C23 19.2833 22.904 19.5207 22.712 19.712C22.5207 19.904 22.2833 20 22 20H18.525ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12C14.8167 12 14.5833 11.9793 14.3 11.938C14.0167 11.896 13.7833 11.85 13.6 11.8C14.05 11.2667 14.3957 10.675 14.637 10.025C14.879 9.375 15 8.7 15 8C15 7.3 14.879 6.625 14.637 5.975C14.3957 5.325 14.05 4.73333 13.6 4.2C13.8333 4.11667 14.0667 4.06233 14.3 4.037C14.5333 4.01233 14.7667 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8ZM3 18H15V17.2C15 17.0167 14.9543 16.85 14.863 16.7C14.771 16.55 14.65 16.4333 14.5 16.35C13.6 15.9 12.6917 15.5623 11.775 15.337C10.8583 15.1123 9.93333 15 9 15C8.06667 15 7.14167 15.1123 6.225 15.337C5.30833 15.5623 4.4 15.9 3.5 16.35C3.35 16.4333 3.22933 16.55 3.138 16.7C3.046 16.85 3 17.0167 3 17.2V18ZM9 10C9.55 10 10.021 9.804 10.413 9.412C10.8043 9.02067 11 8.55 11 8C11 7.45 10.8043 6.97933 10.413 6.588C10.021 6.196 9.55 6 9 6C8.45 6 7.97933 6.196 7.588 6.588C7.196 6.97933 7 7.45 7 8C7 8.55 7.196 9.02067 7.588 9.412C7.97933 9.804 8.45 10 9 10Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M2.33335 23.3334C2.0028 23.3334 1.72591 23.2214 1.50269 22.9974C1.27869 22.7742 1.16669 22.4973 1.16669 22.1667V20.0667C1.16669 19.4056 1.33702 18.7978 1.67769 18.2432C2.01758 17.6895 2.46946 17.2667 3.03335 16.9751C4.23891 16.3723 5.46391 15.92 6.70835 15.6182C7.9528 15.3172 9.21669 15.1667 10.5 15.1667C11.7834 15.1667 13.0472 15.3172 14.2917 15.6182C15.5361 15.92 16.7611 16.3723 17.9667 16.9751C18.5306 17.2667 18.9825 17.6895 19.3224 18.2432C19.663 18.7978 19.8334 19.4056 19.8334 20.0667V22.1667C19.8334 22.4973 19.7214 22.7742 19.4974 22.9974C19.2741 23.2214 18.9972 23.3334 18.6667 23.3334H2.33335ZM21.6125 23.3334C21.7875 23.1973 21.9236 23.027 22.0209 22.8224C22.1181 22.6186 22.1667 22.3904 22.1667 22.1376V19.8334C22.1667 18.9779 21.9287 18.1561 21.4527 17.3682C20.9759 16.5811 20.3 15.9056 19.425 15.3417C20.4167 15.4584 21.35 15.6575 22.225 15.9391C23.1 16.2214 23.9167 16.5667 24.675 16.9751C25.375 17.364 25.9097 17.7964 26.2792 18.2724C26.6486 18.7492 26.8334 19.2695 26.8334 19.8334V22.1667C26.8334 22.4973 26.7214 22.7742 26.4974 22.9974C26.2741 23.2214 25.9972 23.3334 25.6667 23.3334H21.6125ZM10.5 14.0001C9.21669 14.0001 8.11808 13.5431 7.20419 12.6292C6.2903 11.7154 5.83335 10.6167 5.83335 9.33341C5.83335 8.05008 6.2903 6.95147 7.20419 6.03758C8.11808 5.12369 9.21669 4.66675 10.5 4.66675C11.7834 4.66675 12.882 5.12369 13.7959 6.03758C14.7097 6.95147 15.1667 8.05008 15.1667 9.33341C15.1667 10.6167 14.7097 11.7154 13.7959 12.6292C12.882 13.5431 11.7834 14.0001 10.5 14.0001ZM22.1667 9.33341C22.1667 10.6167 21.7097 11.7154 20.7959 12.6292C19.882 13.5431 18.7834 14.0001 17.5 14.0001C17.2861 14.0001 17.0139 13.976 16.6834 13.9277C16.3528 13.8787 16.0806 13.8251 15.8667 13.7667C16.3917 13.1445 16.795 12.4542 17.0765 11.6959C17.3589 10.9376 17.5 10.1501 17.5 9.33341C17.5 8.51675 17.3589 7.72925 17.0765 6.97091C16.795 6.21258 16.3917 5.5223 15.8667 4.90008C16.1389 4.80286 16.4111 4.73947 16.6834 4.70991C16.9556 4.68114 17.2278 4.66675 17.5 4.66675C18.7834 4.66675 19.882 5.12369 20.7959 6.03758C21.7097 6.95147 22.1667 8.05008 22.1667 9.33341ZM3.50002 21.0001H17.5V20.0667C17.5 19.8529 17.4467 19.6584 17.3402 19.4834C17.2329 19.3084 17.0917 19.1723 16.9167 19.0751C15.8667 18.5501 14.807 18.1561 13.7375 17.8932C12.6681 17.6311 11.5889 17.5001 10.5 17.5001C9.41113 17.5001 8.33196 17.6311 7.26252 17.8932C6.19308 18.1561 5.13335 18.5501 4.08335 19.0751C3.90835 19.1723 3.76758 19.3084 3.66102 19.4834C3.55369 19.6584 3.50002 19.8529 3.50002 20.0667V21.0001ZM10.5 11.6667C11.1417 11.6667 11.6912 11.4381 12.1485 10.9807C12.6051 10.5242 12.8334 9.97508 12.8334 9.33341C12.8334 8.69175 12.6051 8.14264 12.1485 7.68608C11.6912 7.22875 11.1417 7.00008 10.5 7.00008C9.85835 7.00008 9.30924 7.22875 8.85269 7.68608C8.39535 8.14264 8.16669 8.69175 8.16669 9.33341C8.16669 9.97508 8.39535 10.5242 8.85269 10.9807C9.30924 11.4381 9.85835 11.6667 10.5 11.6667Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-people-alt"; }
-  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: '2e15d1d6ea95e5212fbdbfdb9818acf66ddc8b49', "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: '595aaf7df7653266ab0d7c46578d6fa52a92804b' }, h("path", { key: '1b5205f5838a519c33b56b90b33f4c9d27802d84', d: "M1.33335 13.3334C1.14446 13.3334 0.986243 13.2694 0.858687 13.1414C0.730687 13.0139 0.666687 12.8556 0.666687 12.6667V11.4667C0.666687 11.089 0.76402 10.7416 0.958687 10.4247C1.15291 10.1083 1.41113 9.86675 1.73335 9.70008C2.42224 9.35564 3.12224 9.09719 3.83335 8.92475C4.54446 8.75275 5.26669 8.66675 6.00002 8.66675C6.73335 8.66675 7.45558 8.75275 8.16669 8.92475C8.8778 9.09719 9.5778 9.35564 10.2667 9.70008C10.5889 9.86675 10.8471 10.1083 11.0414 10.4247C11.236 10.7416 11.3334 11.089 11.3334 11.4667V12.6667C11.3334 12.8556 11.2694 13.0139 11.1414 13.1414C11.0138 13.2694 10.8556 13.3334 10.6667 13.3334H1.33335ZM12.35 13.3334C12.45 13.2556 12.5278 13.1583 12.5834 13.0414C12.6389 12.925 12.6667 12.7945 12.6667 12.6501V11.3334C12.6667 10.8445 12.5307 10.375 12.2587 9.92475C11.9862 9.47497 11.6 9.08897 11.1 8.76675C11.6667 8.83341 12.2 8.94719 12.7 9.10808C13.2 9.26941 13.6667 9.46675 14.1 9.70008C14.5 9.9223 14.8056 10.1694 15.0167 10.4414C15.2278 10.7139 15.3334 11.0112 15.3334 11.3334V12.6667C15.3334 12.8556 15.2694 13.0139 15.1414 13.1414C15.0138 13.2694 14.8556 13.3334 14.6667 13.3334H12.35ZM6.00002 8.00008C5.26669 8.00008 4.63891 7.73897 4.11669 7.21675C3.59446 6.69453 3.33335 6.06675 3.33335 5.33341C3.33335 4.60008 3.59446 3.9723 4.11669 3.45008C4.63891 2.92786 5.26669 2.66675 6.00002 2.66675C6.73335 2.66675 7.36113 2.92786 7.88335 3.45008C8.40558 3.9723 8.66669 4.60008 8.66669 5.33341C8.66669 6.06675 8.40558 6.69453 7.88335 7.21675C7.36113 7.73897 6.73335 8.00008 6.00002 8.00008ZM12.6667 5.33341C12.6667 6.06675 12.4056 6.69453 11.8834 7.21675C11.3611 7.73897 10.7334 8.00008 10 8.00008C9.8778 8.00008 9.72224 7.9863 9.53335 7.95875C9.34447 7.93075 9.18891 7.90008 9.06669 7.86675C9.36669 7.51119 9.59713 7.11675 9.75802 6.68341C9.91935 6.25008 10 5.80008 10 5.33341C10 4.86675 9.91935 4.41675 9.75802 3.98341C9.59713 3.55008 9.36669 3.15564 9.06669 2.80008C9.22224 2.74453 9.3778 2.7083 9.53335 2.69141C9.68891 2.67497 9.84447 2.66675 10 2.66675C10.7334 2.66675 11.3611 2.92786 11.8834 3.45008C12.4056 3.9723 12.6667 4.60008 12.6667 5.33341ZM2.00002 12.0001H10V11.4667C10 11.3445 9.96958 11.2334 9.90869 11.1334C9.84735 11.0334 9.76669 10.9556 9.66669 10.9001C9.06669 10.6001 8.46113 10.375 7.85002 10.2247C7.23891 10.075 6.62224 10.0001 6.00002 10.0001C5.3778 10.0001 4.76113 10.075 4.15002 10.2247C3.53891 10.375 2.93335 10.6001 2.33335 10.9001C2.23335 10.9556 2.15291 11.0334 2.09202 11.1334C2.03069 11.2334 2.00002 11.3445 2.00002 11.4667V12.0001ZM6.00002 6.66675C6.36669 6.66675 6.68069 6.53608 6.94202 6.27475C7.20291 6.01386 7.33335 5.70008 7.33335 5.33341C7.33335 4.96675 7.20291 4.65297 6.94202 4.39208C6.68069 4.13075 6.36669 4.00008 6.00002 4.00008C5.63335 4.00008 5.31958 4.13075 5.05869 4.39208C4.79735 4.65297 4.66669 4.96675 4.66669 5.33341C4.66669 5.70008 4.79735 6.01386 5.05869 6.27475C5.31958 6.53608 5.63335 6.66675 6.00002 6.66675Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'c3d37f45e2a28fc6dc349ba3d3d99e568df364da' }, h("path", { key: '5b7ceb32af46b0def50c338a011e5d434e86a159', d: "M2 20C1.71667 20 1.47933 19.904 1.288 19.712C1.096 19.5207 1 19.2833 1 19V17.2C1 16.6333 1.146 16.1123 1.438 15.637C1.72933 15.1623 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6457 5.75 13.387C6.81667 13.129 7.9 13 9 13C10.1 13 11.1833 13.129 12.25 13.387C13.3167 13.6457 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2707 15.1623 16.562 15.637C16.854 16.1123 17 16.6333 17 17.2V19C17 19.2833 16.904 19.5207 16.712 19.712C16.5207 19.904 16.2833 20 16 20H2ZM18.525 20C18.675 19.8833 18.7917 19.7373 18.875 19.562C18.9583 19.3873 19 19.1917 19 18.975V17C19 16.2667 18.796 15.5623 18.388 14.887C17.9793 14.2123 17.4 13.6333 16.65 13.15C17.5 13.25 18.3 13.4207 19.05 13.662C19.8 13.904 20.5 14.2 21.15 14.55C21.75 14.8833 22.2083 15.254 22.525 15.662C22.8417 16.0707 23 16.5167 23 17V19C23 19.2833 22.904 19.5207 22.712 19.712C22.5207 19.904 22.2833 20 22 20H18.525ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12C14.8167 12 14.5833 11.9793 14.3 11.938C14.0167 11.896 13.7833 11.85 13.6 11.8C14.05 11.2667 14.3957 10.675 14.637 10.025C14.879 9.375 15 8.7 15 8C15 7.3 14.879 6.625 14.637 5.975C14.3957 5.325 14.05 4.73333 13.6 4.2C13.8333 4.11667 14.0667 4.06233 14.3 4.037C14.5333 4.01233 14.7667 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8ZM3 18H15V17.2C15 17.0167 14.9543 16.85 14.863 16.7C14.771 16.55 14.65 16.4333 14.5 16.35C13.6 15.9 12.6917 15.5623 11.775 15.337C10.8583 15.1123 9.93333 15 9 15C8.06667 15 7.14167 15.1123 6.225 15.337C5.30833 15.5623 4.4 15.9 3.5 16.35C3.35 16.4333 3.22933 16.55 3.138 16.7C3.046 16.85 3 17.0167 3 17.2V18ZM9 10C9.55 10 10.021 9.804 10.413 9.412C10.8043 9.02067 11 8.55 11 8C11 7.45 10.8043 6.97933 10.413 6.588C10.021 6.196 9.55 6 9 6C8.45 6 7.97933 6.196 7.588 6.588C7.196 6.97933 7 7.45 7 8C7 8.55 7.196 9.02067 7.588 9.412C7.97933 9.804 8.45 10 9 10Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd4d1cdc788a3003e8f1964d75c8b6b57e0b818d2' }, h("path", { key: '5e0c7571efda7870ecd783e53d5e82306117625a', d: "M2.33335 23.3334C2.0028 23.3334 1.72591 23.2214 1.50269 22.9974C1.27869 22.7742 1.16669 22.4973 1.16669 22.1667V20.0667C1.16669 19.4056 1.33702 18.7978 1.67769 18.2432C2.01758 17.6895 2.46946 17.2667 3.03335 16.9751C4.23891 16.3723 5.46391 15.92 6.70835 15.6182C7.9528 15.3172 9.21669 15.1667 10.5 15.1667C11.7834 15.1667 13.0472 15.3172 14.2917 15.6182C15.5361 15.92 16.7611 16.3723 17.9667 16.9751C18.5306 17.2667 18.9825 17.6895 19.3224 18.2432C19.663 18.7978 19.8334 19.4056 19.8334 20.0667V22.1667C19.8334 22.4973 19.7214 22.7742 19.4974 22.9974C19.2741 23.2214 18.9972 23.3334 18.6667 23.3334H2.33335ZM21.6125 23.3334C21.7875 23.1973 21.9236 23.027 22.0209 22.8224C22.1181 22.6186 22.1667 22.3904 22.1667 22.1376V19.8334C22.1667 18.9779 21.9287 18.1561 21.4527 17.3682C20.9759 16.5811 20.3 15.9056 19.425 15.3417C20.4167 15.4584 21.35 15.6575 22.225 15.9391C23.1 16.2214 23.9167 16.5667 24.675 16.9751C25.375 17.364 25.9097 17.7964 26.2792 18.2724C26.6486 18.7492 26.8334 19.2695 26.8334 19.8334V22.1667C26.8334 22.4973 26.7214 22.7742 26.4974 22.9974C26.2741 23.2214 25.9972 23.3334 25.6667 23.3334H21.6125ZM10.5 14.0001C9.21669 14.0001 8.11808 13.5431 7.20419 12.6292C6.2903 11.7154 5.83335 10.6167 5.83335 9.33341C5.83335 8.05008 6.2903 6.95147 7.20419 6.03758C8.11808 5.12369 9.21669 4.66675 10.5 4.66675C11.7834 4.66675 12.882 5.12369 13.7959 6.03758C14.7097 6.95147 15.1667 8.05008 15.1667 9.33341C15.1667 10.6167 14.7097 11.7154 13.7959 12.6292C12.882 13.5431 11.7834 14.0001 10.5 14.0001ZM22.1667 9.33341C22.1667 10.6167 21.7097 11.7154 20.7959 12.6292C19.882 13.5431 18.7834 14.0001 17.5 14.0001C17.2861 14.0001 17.0139 13.976 16.6834 13.9277C16.3528 13.8787 16.0806 13.8251 15.8667 13.7667C16.3917 13.1445 16.795 12.4542 17.0765 11.6959C17.3589 10.9376 17.5 10.1501 17.5 9.33341C17.5 8.51675 17.3589 7.72925 17.0765 6.97091C16.795 6.21258 16.3917 5.5223 15.8667 4.90008C16.1389 4.80286 16.4111 4.73947 16.6834 4.70991C16.9556 4.68114 17.2278 4.66675 17.5 4.66675C18.7834 4.66675 19.882 5.12369 20.7959 6.03758C21.7097 6.95147 22.1667 8.05008 22.1667 9.33341ZM3.50002 21.0001H17.5V20.0667C17.5 19.8529 17.4467 19.6584 17.3402 19.4834C17.2329 19.3084 17.0917 19.1723 16.9167 19.0751C15.8667 18.5501 14.807 18.1561 13.7375 17.8932C12.6681 17.6311 11.5889 17.5001 10.5 17.5001C9.41113 17.5001 8.33196 17.6311 7.26252 17.8932C6.19308 18.1561 5.13335 18.5501 4.08335 19.0751C3.90835 19.1723 3.76758 19.3084 3.66102 19.4834C3.55369 19.6584 3.50002 19.8529 3.50002 20.0667V21.0001ZM10.5 11.6667C11.1417 11.6667 11.6912 11.4381 12.1485 10.9807C12.6051 10.5242 12.8334 9.97508 12.8334 9.33341C12.8334 8.69175 12.6051 8.14264 12.1485 7.68608C11.6912 7.22875 11.1417 7.00008 10.5 7.00008C9.85835 7.00008 9.30924 7.22875 8.85269 7.68608C8.39535 8.14264 8.16669 8.69175 8.16669 9.33341C8.16669 9.97508 8.39535 10.5242 8.85269 10.9807C9.30924 11.4381 9.85835 11.6667 10.5 11.6667Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-people-alt"; }
+    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"
-      }
-    };
-  }
+        };
+    }
 }