@getflip/swirl-components 0.0.0-beta-20260114160010

package/dist/collection/components/swirl-icon/icons/swirl-icon-add-reaction.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconAddReaction {
+    constructor() {
+        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: '752b9a13ced9ac33f09c2853f975d3484b42158b', "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: '9d0039f4257a385140ea58552808a25e2db8fc04' }, h("path", { key: '6c2380d87d55afc27e4d667cdcd861f73681ffda', d: "M7.99998 14.6667C7.07776 14.6667 6.21109 14.4917 5.39998 14.1417C4.58887 13.7917 3.88331 13.3167 3.28331 12.7167C2.68331 12.1167 2.20831 11.4112 1.85831 10.6001C1.50831 9.78897 1.33331 8.9223 1.33331 8.00008C1.33331 7.07786 1.50831 6.21119 1.85831 5.40008C2.20831 4.58897 2.68331 3.88341 3.28331 3.28341C3.88331 2.68341 4.58887 2.20841 5.39998 1.85841C6.21109 1.50841 7.07776 1.33341 7.99998 1.33341C8.47776 1.33341 8.93887 1.38064 9.38331 1.47508C9.82776 1.56953 10.2555 1.70564 10.6666 1.88341V3.38341C10.2778 3.16119 9.85831 2.98619 9.40831 2.85841C8.95831 2.73064 8.48887 2.66675 7.99998 2.66675C6.5222 2.66675 5.26387 3.18619 4.22498 4.22508C3.18609 5.26397 2.66665 6.5223 2.66665 8.00008C2.66665 9.47786 3.18609 10.7362 4.22498 11.7751C5.26387 12.814 6.5222 13.3334 7.99998 13.3334C9.47776 13.3334 10.7361 12.814 11.775 11.7751C12.8139 10.7362 13.3333 9.47786 13.3333 8.00008C13.3333 7.64453 13.2972 7.30008 13.225 6.96675C13.1528 6.63341 13.0555 6.31119 12.9333 6.00008H14.3666C14.4666 6.3223 14.5416 6.6473 14.5916 6.97508C14.6416 7.30286 14.6666 7.64453 14.6666 8.00008C14.6666 8.9223 14.4916 9.78897 14.1416 10.6001C13.7916 11.4112 13.3166 12.1167 12.7166 12.7167C12.1166 13.3167 11.4111 13.7917 10.6 14.1417C9.78887 14.4917 8.9222 14.6667 7.99998 14.6667ZM13.3333 3.33341H12.6666C12.4778 3.33341 12.3194 3.26953 12.1916 3.14175C12.0639 3.01397 12 2.85564 12 2.66675C12 2.47786 12.0639 2.31953 12.1916 2.19175C12.3194 2.06397 12.4778 2.00008 12.6666 2.00008H13.3333V1.33341C13.3333 1.14453 13.3972 0.986192 13.525 0.858415C13.6528 0.730637 13.8111 0.666748 14 0.666748C14.1889 0.666748 14.3472 0.730637 14.475 0.858415C14.6028 0.986192 14.6666 1.14453 14.6666 1.33341V2.00008H15.3333C15.5222 2.00008 15.6805 2.06397 15.8083 2.19175C15.9361 2.31953 16 2.47786 16 2.66675C16 2.85564 15.9361 3.01397 15.8083 3.14175C15.6805 3.26953 15.5222 3.33341 15.3333 3.33341H14.6666V4.00008C14.6666 4.18897 14.6028 4.3473 14.475 4.47508C14.3472 4.60286 14.1889 4.66675 14 4.66675C13.8111 4.66675 13.6528 4.60286 13.525 4.47508C13.3972 4.3473 13.3333 4.18897 13.3333 4.00008V3.33341ZM10.3333 7.33341C10.6111 7.33341 10.8472 7.23619 11.0416 7.04175C11.2361 6.8473 11.3333 6.61119 11.3333 6.33341C11.3333 6.05564 11.2361 5.81953 11.0416 5.62508C10.8472 5.43064 10.6111 5.33341 10.3333 5.33341C10.0555 5.33341 9.81942 5.43064 9.62498 5.62508C9.43054 5.81953 9.33331 6.05564 9.33331 6.33341C9.33331 6.61119 9.43054 6.8473 9.62498 7.04175C9.81942 7.23619 10.0555 7.33341 10.3333 7.33341ZM5.66665 7.33341C5.94442 7.33341 6.18054 7.23619 6.37498 7.04175C6.56942 6.8473 6.66665 6.61119 6.66665 6.33341C6.66665 6.05564 6.56942 5.81953 6.37498 5.62508C6.18054 5.43064 5.94442 5.33341 5.66665 5.33341C5.38887 5.33341 5.15276 5.43064 4.95831 5.62508C4.76387 5.81953 4.66665 6.05564 4.66665 6.33341C4.66665 6.61119 4.76387 6.8473 4.95831 7.04175C5.15276 7.23619 5.38887 7.33341 5.66665 7.33341ZM7.99998 11.6667C8.64442 11.6667 9.23887 11.5112 9.78331 11.2001C10.3278 10.889 10.7666 10.4667 11.1 9.93342C11.1666 9.80008 11.1611 9.66675 11.0833 9.53342C11.0055 9.40008 10.8889 9.33341 10.7333 9.33341H5.26665C5.11109 9.33341 4.99442 9.40008 4.91665 9.53342C4.83887 9.66675 4.83331 9.80008 4.89998 9.93342C5.23331 10.4667 5.67498 10.889 6.22498 11.2001C6.77498 11.5112 7.36665 11.6667 7.99998 11.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '986808d77e8fb52cc7d57259bdee8f453db4b5fe' }, h("path", { key: 'd029fddff549330bbd216ca8f0281195330d56ec', d: "M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C12.7167 2 13.4083 2.07083 14.075 2.2125C14.7417 2.35417 15.3833 2.55833 16 2.825V5.075C15.4167 4.74167 14.7875 4.47917 14.1125 4.2875C13.4375 4.09583 12.7333 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.4667 19.9458 10.95 19.8375 10.45C19.7292 9.95 19.5833 9.46667 19.4 9H21.55C21.7 9.48333 21.8125 9.97083 21.8875 10.4625C21.9625 10.9542 22 11.4667 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM20 5H19C18.7167 5 18.4792 4.90417 18.2875 4.7125C18.0958 4.52083 18 4.28333 18 4C18 3.71667 18.0958 3.47917 18.2875 3.2875C18.4792 3.09583 18.7167 3 19 3H20V2C20 1.71667 20.0958 1.47917 20.2875 1.2875C20.4792 1.09583 20.7167 1 21 1C21.2833 1 21.5208 1.09583 21.7125 1.2875C21.9042 1.47917 22 1.71667 22 2V3H23C23.2833 3 23.5208 3.09583 23.7125 3.2875C23.9042 3.47917 24 3.71667 24 4C24 4.28333 23.9042 4.52083 23.7125 4.7125C23.5208 4.90417 23.2833 5 23 5H22V6C22 6.28333 21.9042 6.52083 21.7125 6.7125C21.5208 6.90417 21.2833 7 21 7C20.7167 7 20.4792 6.90417 20.2875 6.7125C20.0958 6.52083 20 6.28333 20 6V5ZM15.5 11C15.9167 11 16.2708 10.8542 16.5625 10.5625C16.8542 10.2708 17 9.91667 17 9.5C17 9.08333 16.8542 8.72917 16.5625 8.4375C16.2708 8.14583 15.9167 8 15.5 8C15.0833 8 14.7292 8.14583 14.4375 8.4375C14.1458 8.72917 14 9.08333 14 9.5C14 9.91667 14.1458 10.2708 14.4375 10.5625C14.7292 10.8542 15.0833 11 15.5 11ZM8.5 11C8.91667 11 9.27083 10.8542 9.5625 10.5625C9.85417 10.2708 10 9.91667 10 9.5C10 9.08333 9.85417 8.72917 9.5625 8.4375C9.27083 8.14583 8.91667 8 8.5 8C8.08333 8 7.72917 8.14583 7.4375 8.4375C7.14583 8.72917 7 9.08333 7 9.5C7 9.91667 7.14583 10.2708 7.4375 10.5625C7.72917 10.8542 8.08333 11 8.5 11ZM12 17.5C12.9667 17.5 13.8583 17.2667 14.675 16.8C15.4917 16.3333 16.15 15.7 16.65 14.9C16.75 14.7 16.7417 14.5 16.625 14.3C16.5083 14.1 16.3333 14 16.1 14H7.9C7.66667 14 7.49167 14.1 7.375 14.3C7.25833 14.5 7.25 14.7 7.35 14.9C7.85 15.7 8.5125 16.3333 9.3375 16.8C10.1625 17.2667 11.05 17.5 12 17.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '7b96f128583d5571515199446440e319b1251599' }, h("path", { key: 'aaef5a2ccd18e6a1536a4c11cced040bee936a74', d: "M14 25.6667C12.3861 25.6667 10.8695 25.3605 9.45001 24.748C8.03057 24.1355 6.79584 23.3042 5.74584 22.2542C4.69584 21.2042 3.86459 19.9695 3.25209 18.5501C2.63959 17.1306 2.33334 15.614 2.33334 14.0001C2.33334 12.3862 2.63959 10.8695 3.25209 9.45008C3.86459 8.03064 4.69584 6.79591 5.74584 5.74591C6.79584 4.69591 8.03057 3.86466 9.45001 3.25216C10.8695 2.63966 12.3861 2.33341 14 2.33341C14.8361 2.33341 15.6431 2.41605 16.4208 2.58133C17.1986 2.74661 17.9472 2.9848 18.6667 3.29591V5.92091C17.9861 5.53203 17.2521 5.22578 16.4646 5.00216C15.6771 4.77855 14.8556 4.66675 14 4.66675C11.4139 4.66675 9.21182 5.57578 7.39376 7.39383C5.5757 9.21189 4.66668 11.414 4.66668 14.0001C4.66668 16.5862 5.5757 18.7883 7.39376 20.6063C9.21182 22.4244 11.4139 23.3334 14 23.3334C16.5861 23.3334 18.7882 22.4244 20.6063 20.6063C22.4243 18.7883 23.3333 16.5862 23.3333 14.0001C23.3333 13.3779 23.2701 12.7751 23.1438 12.1917C23.0174 11.6084 22.8472 11.0445 22.6333 10.5001H25.1417C25.3167 11.064 25.4479 11.6327 25.5354 12.2063C25.6229 12.7799 25.6667 13.3779 25.6667 14.0001C25.6667 15.614 25.3604 17.1306 24.7479 18.5501C24.1354 19.9695 23.3042 21.2042 22.2542 22.2542C21.2042 23.3042 19.9695 24.1355 18.55 24.748C17.1306 25.3605 15.6139 25.6667 14 25.6667ZM23.3333 5.83341H22.1667C21.8361 5.83341 21.559 5.72161 21.3354 5.498C21.1118 5.27439 21 4.9973 21 4.66675C21 4.33619 21.1118 4.05911 21.3354 3.8355C21.559 3.61189 21.8361 3.50008 22.1667 3.50008H23.3333V2.33341C23.3333 2.00286 23.4451 1.72578 23.6688 1.50216C23.8924 1.27855 24.1695 1.16675 24.5 1.16675C24.8306 1.16675 25.1076 1.27855 25.3313 1.50216C25.5549 1.72578 25.6667 2.00286 25.6667 2.33341V3.50008H26.8333C27.1639 3.50008 27.441 3.61189 27.6646 3.8355C27.8882 4.05911 28 4.33619 28 4.66675C28 4.9973 27.8882 5.27439 27.6646 5.498C27.441 5.72161 27.1639 5.83341 26.8333 5.83341H25.6667V7.00008C25.6667 7.33064 25.5549 7.60772 25.3313 7.83133C25.1076 8.05494 24.8306 8.16675 24.5 8.16675C24.1695 8.16675 23.8924 8.05494 23.6688 7.83133C23.4451 7.60772 23.3333 7.33064 23.3333 7.00008V5.83341ZM18.0833 12.8334C18.5695 12.8334 18.9826 12.6633 19.3229 12.323C19.6632 11.9827 19.8333 11.5695 19.8333 11.0834C19.8333 10.5973 19.6632 10.1841 19.3229 9.84383C18.9826 9.50355 18.5695 9.33341 18.0833 9.33341C17.5972 9.33341 17.184 9.50355 16.8438 9.84383C16.5035 10.1841 16.3333 10.5973 16.3333 11.0834C16.3333 11.5695 16.5035 11.9827 16.8438 12.323C17.184 12.6633 17.5972 12.8334 18.0833 12.8334ZM9.91668 12.8334C10.4028 12.8334 10.816 12.6633 11.1563 12.323C11.4965 11.9827 11.6667 11.5695 11.6667 11.0834C11.6667 10.5973 11.4965 10.1841 11.1563 9.84383C10.816 9.50355 10.4028 9.33341 9.91668 9.33341C9.43057 9.33341 9.01737 9.50355 8.67709 9.84383C8.33682 10.1841 8.16668 10.5973 8.16668 11.0834C8.16668 11.5695 8.33682 11.9827 8.67709 12.323C9.01737 12.6633 9.43057 12.8334 9.91668 12.8334ZM14 20.4167C15.1278 20.4167 16.1681 20.1445 17.1208 19.6001C18.0736 19.0556 18.8417 18.3167 19.425 17.3834C19.5417 17.1501 19.532 16.9167 19.3958 16.6834C19.2597 16.4501 19.0556 16.3334 18.7833 16.3334H9.21668C8.94445 16.3334 8.74029 16.4501 8.60418 16.6834C8.46807 16.9167 8.45834 17.1501 8.57501 17.3834C9.15834 18.3167 9.93126 19.0556 10.8938 19.6001C11.8563 20.1445 12.8917 20.4167 14 20.4167Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-add-reaction"; }
+    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",
+                "attribute": "color",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconAdd {
+    constructor() {
+        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: 'b2b268f4a431376889ca877ee1cd42b3117a0341', "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: 'f64d3d9b832f8c13ba9261e9c6f4372637f38cf2' }, h("path", { key: 'd747c200a8b8c4f2d86621c53997fe73a8ca128f', d: "M8 12.7666C7.78889 12.7666 7.60845 12.6915 7.45867 12.5413C7.30845 12.3915 7.23334 12.2111 7.23334 11.9999V8.76661H4C3.78889 8.76661 3.60845 8.6915 3.45867 8.54128C3.30845 8.3915 3.23334 8.21105 3.23334 7.99994C3.23334 7.78883 3.30845 7.60839 3.45867 7.45861C3.60845 7.30839 3.78889 7.23328 4 7.23328H7.23334V3.99994C7.23334 3.78883 7.30845 3.60817 7.45867 3.45794C7.60845 3.30817 7.78889 3.23328 8 3.23328C8.21112 3.23328 8.39156 3.30817 8.54134 3.45794C8.69156 3.60817 8.76667 3.78883 8.76667 3.99994V7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H8.76667V11.9999C8.76667 12.2111 8.69156 12.3915 8.54134 12.5413C8.39156 12.6915 8.21112 12.7666 8 12.7666V12.7666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'bfb87470d78b7f56fa0e948e57a3b99be1e24cd6' }, h("path", { key: 'db619c05f92dd16a8be37b5f3dab176dc4e26c15', d: "M12 19.15C11.6833 19.15 11.4127 19.0373 11.188 18.812C10.9627 18.5873 10.85 18.3166 10.85 18V13.15H6.00001C5.68334 13.15 5.41267 13.0373 5.18801 12.812C4.96267 12.5873 4.85001 12.3166 4.85001 12C4.85001 11.6833 4.96267 11.4126 5.18801 11.188C5.41267 10.9626 5.68334 10.85 6.00001 10.85H10.85V5.99998C10.85 5.68331 10.9627 5.41231 11.188 5.18698C11.4127 4.96231 11.6833 4.84998 12 4.84998C12.3167 4.84998 12.5873 4.96231 12.812 5.18698C13.0373 5.41231 13.15 5.68331 13.15 5.99998V10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H13.15V18C13.15 18.3166 13.0373 18.5873 12.812 18.812C12.5873 19.0373 12.3167 19.15 12 19.15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'dc8844a464dbea391995521ac4e332cfec5adfae' }, h("path", { key: 'd5937c24970d980bf49bdb4246c6aa67576c445b', d: "M14 22.3417C13.6305 22.3417 13.3148 22.2102 13.0527 21.9473C12.7898 21.6852 12.6583 21.3694 12.6583 21V15.3417H6.99999C6.63055 15.3417 6.31477 15.2102 6.05266 14.9473C5.78977 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78977 13.3148 6.05266 13.0527C6.31477 12.7898 6.63055 12.6583 6.99999 12.6583H12.6583V6.99999C12.6583 6.63055 12.7898 6.31438 13.0527 6.05149C13.3148 5.78938 13.6305 5.65833 14 5.65833C14.3694 5.65833 14.6852 5.78938 14.9473 6.05149C15.2102 6.31438 15.3417 6.63055 15.3417 6.99999V12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H15.3417V21C15.3417 21.3694 15.2102 21.6852 14.9473 21.9473C14.6852 22.2102 14.3694 22.3417 14 22.3417V22.3417Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-add"; }
+    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",
+                "attribute": "color",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-admin-panel-settings.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconAdminPanelSettings {
+    constructor() {
+        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: 'c67f4a0adc10c03c839eed18bf81e64fa7b3f57a', "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: '3a7f30ea00045c2a7d11d4995c94e5da23bea2c8' }, h("path", { key: '3ad425fb70a8f5640c076d4b1e56f4b03ecf02cc', d: "M10.3334 11.3334C10.6111 11.3334 10.8471 11.236 11.0414 11.0414C11.236 10.8471 11.3334 10.6111 11.3334 10.3334C11.3334 10.0556 11.236 9.81957 11.0414 9.62535C10.8471 9.43068 10.6111 9.33335 10.3334 9.33335C10.0556 9.33335 9.81958 9.43068 9.62535 9.62535C9.43069 9.81957 9.33335 10.0556 9.33335 10.3334C9.33335 10.6111 9.43069 10.8471 9.62535 11.0414C9.81958 11.236 10.0556 11.3334 10.3334 11.3334ZM10.3334 13.3334C10.6778 13.3334 10.9945 13.2527 11.2834 13.0913C11.5722 12.9305 11.8056 12.7167 11.9834 12.45C11.7389 12.3056 11.4778 12.1945 11.2 12.1167C10.9222 12.0389 10.6334 12 10.3334 12C10.0334 12 9.74446 12.0389 9.46669 12.1167C9.18891 12.1945 8.9278 12.3056 8.68335 12.45C8.86113 12.7167 9.09446 12.9305 9.38335 13.0913C9.67224 13.2527 9.98891 13.3334 10.3334 13.3334ZM10.3334 14.6667C9.41113 14.6667 8.62513 14.3418 7.97535 13.692C7.32513 13.0418 7.00002 12.2556 7.00002 11.3334C7.00002 10.4111 7.32513 9.62491 7.97535 8.97468C8.62513 8.32491 9.41113 8.00002 10.3334 8.00002C11.2556 8.00002 12.0418 8.32491 12.692 8.97468C13.3418 9.62491 13.6667 10.4111 13.6667 11.3334C13.6667 12.2556 13.3418 13.0418 12.692 13.692C12.0418 14.3418 11.2556 14.6667 10.3334 14.6667ZM6.84135 14.6167C6.79158 14.6167 6.73891 14.6056 6.68335 14.5834C5.2278 14.1389 4.0278 13.2389 3.08335 11.8834C2.13891 10.5278 1.66669 9.03335 1.66669 7.40002V4.25002C1.66669 3.97224 1.74735 3.72224 1.90869 3.50002C2.06958 3.27779 2.2778 3.11668 2.53335 3.01668L6.53335 1.51668C6.68891 1.46113 6.84446 1.43335 7.00002 1.43335C7.15558 1.43335 7.31113 1.46113 7.46669 1.51668L11.4667 3.01668C11.7222 3.11668 11.9307 3.27779 12.092 3.50002C12.2529 3.72224 12.3334 3.97224 12.3334 4.25002V7.11668C12.1222 7.02779 11.9056 6.94713 11.6834 6.87468C11.4611 6.80268 11.2334 6.75002 11 6.71668V4.26668L7.00002 2.76668L3.00002 4.26668V7.40002C3.00002 7.92224 3.06935 8.44446 3.20802 8.96668C3.34713 9.4889 3.5418 9.98624 3.79202 10.4587C4.0418 10.9307 4.34446 11.3667 4.70002 11.7667C5.05558 12.1667 5.45002 12.5 5.88335 12.7667C6.00558 13.1222 6.16113 13.4556 6.35002 13.7667C6.53891 14.0778 6.76113 14.3611 7.01669 14.6167H6.84135Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f7926d98b34bbc2c024f8e279b9f60452b97c2e6' }, h("path", { key: 'e3cf2c5ec0160925fe8efe26075fb935a864a155', d: "M16 16.9999C16.4167 16.9999 16.7707 16.8539 17.062 16.5619C17.354 16.2706 17.5 15.9166 17.5 15.4999C17.5 15.0832 17.354 14.7292 17.062 14.4379C16.7707 14.1459 16.4167 13.9999 16 13.9999C15.5833 13.9999 15.2293 14.1459 14.938 14.4379C14.646 14.7292 14.5 15.0832 14.5 15.4999C14.5 15.9166 14.646 16.2706 14.938 16.5619C15.2293 16.8539 15.5833 16.9999 16 16.9999ZM16 19.9999C16.5167 19.9999 16.9917 19.8789 17.425 19.6369C17.8583 19.3956 18.2083 19.0749 18.475 18.6749C18.1083 18.4582 17.7167 18.2916 17.3 18.1749C16.8833 18.0582 16.45 17.9999 16 17.9999C15.55 17.9999 15.1167 18.0582 14.7 18.1749C14.2833 18.2916 13.8917 18.4582 13.525 18.6749C13.7917 19.0749 14.1417 19.3956 14.575 19.6369C15.0083 19.8789 15.4833 19.9999 16 19.9999ZM16 21.9999C14.6167 21.9999 13.4377 21.5126 12.463 20.5379C11.4877 19.5626 11 18.3832 11 16.9999C11 15.6166 11.4877 14.4372 12.463 13.4619C13.4377 12.4872 14.6167 11.9999 16 11.9999C17.3833 11.9999 18.5627 12.4872 19.538 13.4619C20.5127 14.4372 21 15.6166 21 16.9999C21 18.3832 20.5127 19.5626 19.538 20.5379C18.5627 21.5126 17.3833 21.9999 16 21.9999ZM10.762 21.9249C10.6873 21.9249 10.6083 21.9082 10.525 21.8749C8.34167 21.2082 6.54167 19.8582 5.125 17.8249C3.70833 15.7916 3 13.5499 3 11.0999V6.3749C3 5.95824 3.121 5.58324 3.363 5.2499C3.60433 4.91657 3.91667 4.6749 4.3 4.5249L10.3 2.2749C10.5333 2.19157 10.7667 2.1499 11 2.1499C11.2333 2.1499 11.4667 2.19157 11.7 2.2749L17.7 4.5249C18.0833 4.6749 18.396 4.91657 18.638 5.2499C18.8793 5.58324 19 5.95824 19 6.3749V10.6749C18.6833 10.5416 18.3583 10.4206 18.025 10.3119C17.6917 10.2039 17.35 10.1249 17 10.0749V6.3999L11 4.1499L5 6.3999V11.0999C5 11.8832 5.104 12.6666 5.312 13.4499C5.52067 14.2332 5.81267 14.9792 6.188 15.6879C6.56267 16.3959 7.01667 17.0499 7.55 17.6499C8.08333 18.2499 8.675 18.7499 9.325 19.1499C9.50833 19.6832 9.74167 20.1832 10.025 20.6499C10.3083 21.1166 10.6417 21.5416 11.025 21.9249H10.762Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'b03df286eb7a0f32642aecd06941a47c37bf029e' }, h("path", { key: '28c5c3b6925064f024192688101cba441720a778', d: "M18.8334 19.8333C19.3195 19.8333 19.7325 19.663 20.0724 19.3223C20.413 18.9824 20.5834 18.5694 20.5834 18.0833C20.5834 17.5972 20.413 17.1842 20.0724 16.8443C19.7325 16.5036 19.3195 16.3333 18.8334 16.3333C18.3472 16.3333 17.9342 16.5036 17.5944 16.8443C17.2537 17.1842 17.0834 17.5972 17.0834 18.0833C17.0834 18.5694 17.2537 18.9824 17.5944 19.3223C17.9342 19.663 18.3472 19.8333 18.8334 19.8333ZM18.8334 23.3333C19.4361 23.3333 19.9903 23.1921 20.4959 22.9098C21.0014 22.6282 21.4097 22.2541 21.7209 21.7875C21.2931 21.5347 20.8361 21.3402 20.35 21.2041C19.8639 21.068 19.3584 21 18.8334 21C18.3084 21 17.8028 21.068 17.3167 21.2041C16.8306 21.3402 16.3736 21.5347 15.9459 21.7875C16.257 22.2541 16.6653 22.6282 17.1709 22.9098C17.6764 23.1921 18.2306 23.3333 18.8334 23.3333ZM18.8334 25.6666C17.2195 25.6666 15.844 25.0981 14.7069 23.961C13.569 22.8231 13 21.4472 13 19.8333C13 18.2194 13.569 16.8435 14.7069 15.7056C15.844 14.5685 17.2195 14 18.8334 14C20.4472 14 21.8231 14.5685 22.961 15.7056C24.0981 16.8435 24.6667 18.2194 24.6667 19.8333C24.6667 21.4472 24.0981 22.8231 22.961 23.961C21.8231 25.0981 20.4472 25.6666 18.8334 25.6666ZM12.7224 25.5791C12.6352 25.5791 12.5431 25.5597 12.4459 25.5208C9.89863 24.743 7.79863 23.168 6.14585 20.7958C4.49308 18.4236 3.66669 15.8083 3.66669 12.95V7.43747C3.66669 6.95136 3.80785 6.51386 4.09019 6.12497C4.37174 5.73608 4.73613 5.45413 5.18335 5.27913L12.1834 2.65413C12.4556 2.55691 12.7278 2.5083 13 2.5083C13.2722 2.5083 13.5445 2.55691 13.8167 2.65413L20.8167 5.27913C21.2639 5.45413 21.6287 5.73608 21.911 6.12497C22.1926 6.51386 22.3334 6.95136 22.3334 7.43747V12.4541C21.9639 12.2986 21.5847 12.1574 21.1959 12.0306C20.807 11.9046 20.4084 11.8125 20 11.7541V7.46663L13 4.84163L6.00002 7.46663V12.95C6.00002 13.8639 6.12135 14.7777 6.36402 15.6916C6.60746 16.6055 6.94813 17.4759 7.38602 18.3026C7.82313 19.1286 8.3528 19.8916 8.97502 20.5916C9.59724 21.2916 10.2875 21.875 11.0459 22.3416C11.2597 22.9639 11.532 23.5472 11.8625 24.0916C12.1931 24.6361 12.582 25.1319 13.0292 25.5791H12.7224Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-admin-panel-settings"; }
+    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",
+                "attribute": "color",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-ai-filled.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconAiFilled {
+    constructor() {
+        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: '05ed692d4362c15de12783eb2d1b44c7300b0380', "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: '48d1763e204110f0c028d797688ef7ddbc307b6c' }, h("path", { key: '0de78433081b4352f0569517df875326bb252098', d: "M6.66665 12.6667L4.99998 9L1.33331 7.33333L4.99998 5.66667L6.66665 2L8.33331 5.66667L12 7.33333L8.33331 9L6.66665 12.6667ZM12 14L11.1666 12.1667L9.33331 11.3333L11.1666 10.5L12 8.66667L12.8333 10.5L14.6666 11.3333L12.8333 12.1667L12 14Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '56c55bfd7fdc5ff74950f382ec34a592035e1d4d' }, h("path", { key: 'b0dbe0ab04c24488f08913927d4c587cebff11c5', d: "M10 19L7.5 13.5L2 11L7.5 8.5L10 3L12.5 8.5L18 11L12.5 13.5L10 19ZM18 21L16.75 18.25L14 17L16.75 15.75L18 13L19.25 15.75L22 17L19.25 18.25L18 21Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '8ef21ab425affe5bd0ef38398f004a0d234fcfbf' }, h("path", { key: '2ba06ff95433d62c11805d69cf600bbb4e681ee5', d: "M11.6666 22.1667L8.74998 15.75L2.33331 12.8333L8.74998 9.91667L11.6666 3.5L14.5833 9.91667L21 12.8333L14.5833 15.75L11.6666 22.1667ZM21 24.5L19.5416 21.2917L16.3333 19.8333L19.5416 18.375L21 15.1667L22.4583 18.375L25.6666 19.8333L22.4583 21.2917L21 24.5Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-ai-filled"; }
+    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",
+                "attribute": "color",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconAi {
+    constructor() {
+        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: 'f3779cc215f0746cf3d25385fa756be15e34ee65', "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: 'b53fc8c6815868f91b466952b47afc35692aeaf0' }, h("path", { key: 'a6f7ed7de60b352eae0d09de339c121cedc992c2', d: "M6.66665 9.45L7.33331 8L8.78331 7.33333L7.33331 6.66667L6.66665 5.21667L5.99998 6.66667L4.54998 7.33333L5.99998 8L6.66665 9.45ZM6.66665 12.6667L4.99998 9L1.33331 7.33333L4.99998 5.66667L6.66665 2L8.33331 5.66667L12 7.33333L8.33331 9L6.66665 12.6667ZM12 14L11.1666 12.1667L9.33331 11.3333L11.1666 10.5L12 8.66667L12.8333 10.5L14.6666 11.3333L12.8333 12.1667L12 14Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '2b07fd13c15a4741812351ab328ebc6e1e830a07' }, h("path", { key: 'e28b49a0b214b29bdfdc0c2702d11498c7ab0d76', d: "M10 14.175L11 12L13.175 11L11 10L10 7.825L9 10L6.825 11L9 12L10 14.175ZM10 19L7.5 13.5L2 11L7.5 8.5L10 3L12.5 8.5L18 11L12.5 13.5L10 19ZM18 21L16.75 18.25L14 17L16.75 15.75L18 13L19.25 15.75L22 17L19.25 18.25L18 21Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '09bc10ae666198c04f593275f0419d5e3e688996' }, h("path", { key: '1296e7a4266eac4e44202229468f009e2d7b92c5', d: "M11.6667 16.5375L12.8333 14L15.3708 12.8333L12.8333 11.6667L11.6667 9.12917L10.5 11.6667L7.96251 12.8333L10.5 14L11.6667 16.5375ZM11.6667 22.1667L8.75001 15.75L2.33334 12.8333L8.75001 9.91667L11.6667 3.5L14.5833 9.91667L21 12.8333L14.5833 15.75L11.6667 22.1667ZM21 24.5L19.5417 21.2917L16.3333 19.8333L19.5417 18.375L21 15.1667L22.4583 18.375L25.6667 19.8333L22.4583 21.2917L21 24.5Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-ai"; }
+    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",
+                "attribute": "color",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconApps {
+    constructor() {
+        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: 'e9602b9816d076cea9e56f93d170db5618dbb040', "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: 'ec24fb75f889f4d87988fd8e98e4fc4007ae2dc7' }, h("path", { key: '5196846b01a5efea674a80cee41999af42b4c97f', d: "M3.99996 13.3332C3.63329 13.3332 3.3194 13.2026 3.05829 12.9415C2.79718 12.6804 2.66663 12.3665 2.66663 11.9998C2.66663 11.6332 2.79718 11.3193 3.05829 11.0582C3.3194 10.7971 3.63329 10.6665 3.99996 10.6665C4.36663 10.6665 4.68052 10.7971 4.94163 11.0582C5.20274 11.3193 5.33329 11.6332 5.33329 11.9998C5.33329 12.3665 5.20274 12.6804 4.94163 12.9415C4.68052 13.2026 4.36663 13.3332 3.99996 13.3332ZM7.99996 13.3332C7.63329 13.3332 7.3194 13.2026 7.05829 12.9415C6.79718 12.6804 6.66663 12.3665 6.66663 11.9998C6.66663 11.6332 6.79718 11.3193 7.05829 11.0582C7.3194 10.7971 7.63329 10.6665 7.99996 10.6665C8.36663 10.6665 8.68052 10.7971 8.94163 11.0582C9.20274 11.3193 9.33329 11.6332 9.33329 11.9998C9.33329 12.3665 9.20274 12.6804 8.94163 12.9415C8.68052 13.2026 8.36663 13.3332 7.99996 13.3332ZM12 13.3332C11.6333 13.3332 11.3194 13.2026 11.0583 12.9415C10.7972 12.6804 10.6666 12.3665 10.6666 11.9998C10.6666 11.6332 10.7972 11.3193 11.0583 11.0582C11.3194 10.7971 11.6333 10.6665 12 10.6665C12.3666 10.6665 12.6805 10.7971 12.9416 11.0582C13.2027 11.3193 13.3333 11.6332 13.3333 11.9998C13.3333 12.3665 13.2027 12.6804 12.9416 12.9415C12.6805 13.2026 12.3666 13.3332 12 13.3332ZM3.99996 9.33317C3.63329 9.33317 3.3194 9.20262 3.05829 8.9415C2.79718 8.68039 2.66663 8.3665 2.66663 7.99984C2.66663 7.63317 2.79718 7.31928 3.05829 7.05817C3.3194 6.79706 3.63329 6.6665 3.99996 6.6665C4.36663 6.6665 4.68052 6.79706 4.94163 7.05817C5.20274 7.31928 5.33329 7.63317 5.33329 7.99984C5.33329 8.3665 5.20274 8.68039 4.94163 8.9415C4.68052 9.20262 4.36663 9.33317 3.99996 9.33317ZM7.99996 9.33317C7.63329 9.33317 7.3194 9.20262 7.05829 8.9415C6.79718 8.68039 6.66663 8.3665 6.66663 7.99984C6.66663 7.63317 6.79718 7.31928 7.05829 7.05817C7.3194 6.79706 7.63329 6.6665 7.99996 6.6665C8.36663 6.6665 8.68052 6.79706 8.94163 7.05817C9.20274 7.31928 9.33329 7.63317 9.33329 7.99984C9.33329 8.3665 9.20274 8.68039 8.94163 8.9415C8.68052 9.20262 8.36663 9.33317 7.99996 9.33317ZM12 9.33317C11.6333 9.33317 11.3194 9.20262 11.0583 8.9415C10.7972 8.68039 10.6666 8.3665 10.6666 7.99984C10.6666 7.63317 10.7972 7.31928 11.0583 7.05817C11.3194 6.79706 11.6333 6.6665 12 6.6665C12.3666 6.6665 12.6805 6.79706 12.9416 7.05817C13.2027 7.31928 13.3333 7.63317 13.3333 7.99984C13.3333 8.3665 13.2027 8.68039 12.9416 8.9415C12.6805 9.20262 12.3666 9.33317 12 9.33317ZM3.99996 5.33317C3.63329 5.33317 3.3194 5.20262 3.05829 4.9415C2.79718 4.68039 2.66663 4.3665 2.66663 3.99984C2.66663 3.63317 2.79718 3.31928 3.05829 3.05817C3.3194 2.79706 3.63329 2.6665 3.99996 2.6665C4.36663 2.6665 4.68052 2.79706 4.94163 3.05817C5.20274 3.31928 5.33329 3.63317 5.33329 3.99984C5.33329 4.3665 5.20274 4.68039 4.94163 4.9415C4.68052 5.20262 4.36663 5.33317 3.99996 5.33317ZM7.99996 5.33317C7.63329 5.33317 7.3194 5.20262 7.05829 4.9415C6.79718 4.68039 6.66663 4.3665 6.66663 3.99984C6.66663 3.63317 6.79718 3.31928 7.05829 3.05817C7.3194 2.79706 7.63329 2.6665 7.99996 2.6665C8.36663 2.6665 8.68052 2.79706 8.94163 3.05817C9.20274 3.31928 9.33329 3.63317 9.33329 3.99984C9.33329 4.3665 9.20274 4.68039 8.94163 4.9415C8.68052 5.20262 8.36663 5.33317 7.99996 5.33317ZM12 5.33317C11.6333 5.33317 11.3194 5.20262 11.0583 4.9415C10.7972 4.68039 10.6666 4.3665 10.6666 3.99984C10.6666 3.63317 10.7972 3.31928 11.0583 3.05817C11.3194 2.79706 11.6333 2.6665 12 2.6665C12.3666 2.6665 12.6805 2.79706 12.9416 3.05817C13.2027 3.31928 13.3333 3.63317 13.3333 3.99984C13.3333 4.3665 13.2027 4.68039 12.9416 4.9415C12.6805 5.20262 12.3666 5.33317 12 5.33317Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'bcace122d5a037757784ad2568b820c46479d6a6' }, h("path", { key: '9ec0d6f63bd68106511a96a1e8fabfcbba01ff24', d: "M6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18C4 17.45 4.19583 16.9792 4.5875 16.5875C4.97917 16.1958 5.45 16 6 16C6.55 16 7.02083 16.1958 7.4125 16.5875C7.80417 16.9792 8 17.45 8 18C8 18.55 7.80417 19.0208 7.4125 19.4125C7.02083 19.8042 6.55 20 6 20ZM12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM18 20C17.45 20 16.9792 19.8042 16.5875 19.4125C16.1958 19.0208 16 18.55 16 18C16 17.45 16.1958 16.9792 16.5875 16.5875C16.9792 16.1958 17.45 16 18 16C18.55 16 19.0208 16.1958 19.4125 16.5875C19.8042 16.9792 20 17.45 20 18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20ZM6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14ZM6 8C5.45 8 4.97917 7.80417 4.5875 7.4125C4.19583 7.02083 4 6.55 4 6C4 5.45 4.19583 4.97917 4.5875 4.5875C4.97917 4.19583 5.45 4 6 4C6.55 4 7.02083 4.19583 7.4125 4.5875C7.80417 4.97917 8 5.45 8 6C8 6.55 7.80417 7.02083 7.4125 7.4125C7.02083 7.80417 6.55 8 6 8ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8ZM18 8C17.45 8 16.9792 7.80417 16.5875 7.4125C16.1958 7.02083 16 6.55 16 6C16 5.45 16.1958 4.97917 16.5875 4.5875C16.9792 4.19583 17.45 4 18 4C18.55 4 19.0208 4.19583 19.4125 4.5875C19.8042 4.97917 20 5.45 20 6C20 6.55 19.8042 7.02083 19.4125 7.4125C19.0208 7.80417 18.55 8 18 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '9ed105c5bc75df4c1e2d6fb5da3c4e21ffdec919' }, h("path", { key: '5f6cc31cbdd6526c85b50fb6d59c3b2d9479b38e', d: "M6.99996 23.3332C6.35829 23.3332 5.80899 23.1047 5.35204 22.6478C4.8951 22.1908 4.66663 21.6415 4.66663 20.9998C4.66663 20.3582 4.8951 19.8089 5.35204 19.3519C5.80899 18.895 6.35829 18.6665 6.99996 18.6665C7.64163 18.6665 8.19093 18.895 8.64788 19.3519C9.10482 19.8089 9.33329 20.3582 9.33329 20.9998C9.33329 21.6415 9.10482 22.1908 8.64788 22.6478C8.19093 23.1047 7.64163 23.3332 6.99996 23.3332ZM14 23.3332C13.3583 23.3332 12.809 23.1047 12.352 22.6478C11.8951 22.1908 11.6666 21.6415 11.6666 20.9998C11.6666 20.3582 11.8951 19.8089 12.352 19.3519C12.809 18.895 13.3583 18.6665 14 18.6665C14.6416 18.6665 15.1909 18.895 15.6479 19.3519C16.1048 19.8089 16.3333 20.3582 16.3333 20.9998C16.3333 21.6415 16.1048 22.1908 15.6479 22.6478C15.1909 23.1047 14.6416 23.3332 14 23.3332ZM21 23.3332C20.3583 23.3332 19.809 23.1047 19.352 22.6478C18.8951 22.1908 18.6666 21.6415 18.6666 20.9998C18.6666 20.3582 18.8951 19.8089 19.352 19.3519C19.809 18.895 20.3583 18.6665 21 18.6665C21.6416 18.6665 22.1909 18.895 22.6479 19.3519C23.1048 19.8089 23.3333 20.3582 23.3333 20.9998C23.3333 21.6415 23.1048 22.1908 22.6479 22.6478C22.1909 23.1047 21.6416 23.3332 21 23.3332ZM6.99996 16.3332C6.35829 16.3332 5.80899 16.1047 5.35204 15.6478C4.8951 15.1908 4.66663 14.6415 4.66663 13.9998C4.66663 13.3582 4.8951 12.8089 5.35204 12.3519C5.80899 11.895 6.35829 11.6665 6.99996 11.6665C7.64163 11.6665 8.19093 11.895 8.64788 12.3519C9.10482 12.8089 9.33329 13.3582 9.33329 13.9998C9.33329 14.6415 9.10482 15.1908 8.64788 15.6478C8.19093 16.1047 7.64163 16.3332 6.99996 16.3332ZM14 16.3332C13.3583 16.3332 12.809 16.1047 12.352 15.6478C11.8951 15.1908 11.6666 14.6415 11.6666 13.9998C11.6666 13.3582 11.8951 12.8089 12.352 12.3519C12.809 11.895 13.3583 11.6665 14 11.6665C14.6416 11.6665 15.1909 11.895 15.6479 12.3519C16.1048 12.8089 16.3333 13.3582 16.3333 13.9998C16.3333 14.6415 16.1048 15.1908 15.6479 15.6478C15.1909 16.1047 14.6416 16.3332 14 16.3332ZM21 16.3332C20.3583 16.3332 19.809 16.1047 19.352 15.6478C18.8951 15.1908 18.6666 14.6415 18.6666 13.9998C18.6666 13.3582 18.8951 12.8089 19.352 12.3519C19.809 11.895 20.3583 11.6665 21 11.6665C21.6416 11.6665 22.1909 11.895 22.6479 12.3519C23.1048 12.8089 23.3333 13.3582 23.3333 13.9998C23.3333 14.6415 23.1048 15.1908 22.6479 15.6478C22.1909 16.1047 21.6416 16.3332 21 16.3332ZM6.99996 9.33317C6.35829 9.33317 5.80899 9.1047 5.35204 8.64775C4.8951 8.19081 4.66663 7.6415 4.66663 6.99984C4.66663 6.35817 4.8951 5.80887 5.35204 5.35192C5.80899 4.89498 6.35829 4.6665 6.99996 4.6665C7.64163 4.6665 8.19093 4.89498 8.64788 5.35192C9.10482 5.80887 9.33329 6.35817 9.33329 6.99984C9.33329 7.6415 9.10482 8.19081 8.64788 8.64775C8.19093 9.1047 7.64163 9.33317 6.99996 9.33317ZM14 9.33317C13.3583 9.33317 12.809 9.1047 12.352 8.64775C11.8951 8.19081 11.6666 7.6415 11.6666 6.99984C11.6666 6.35817 11.8951 5.80887 12.352 5.35192C12.809 4.89498 13.3583 4.6665 14 4.6665C14.6416 4.6665 15.1909 4.89498 15.6479 5.35192C16.1048 5.80887 16.3333 6.35817 16.3333 6.99984C16.3333 7.6415 16.1048 8.19081 15.6479 8.64775C15.1909 9.1047 14.6416 9.33317 14 9.33317ZM21 9.33317C20.3583 9.33317 19.809 9.1047 19.352 8.64775C18.8951 8.19081 18.6666 7.6415 18.6666 6.99984C18.6666 6.35817 18.8951 5.80887 19.352 5.35192C19.809 4.89498 20.3583 4.6665 21 4.6665C21.6416 4.6665 22.1909 4.89498 22.6479 5.35192C23.1048 5.80887 23.3333 6.35817 23.3333 6.99984C23.3333 7.6415 23.1048 8.19081 22.6479 8.64775C22.1909 9.1047 21.6416 9.33317 21 9.33317Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-apps"; }
+    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",
+                "attribute": "color",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "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": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}