@getflip/swirl-components 0.197.1 → 0.199.0

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

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconEdit {
-  constructor() {
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M12.7025 6.06027L9.912 3.29863L10.8312 2.37808C11.0829 2.12603 11.3922 2 11.759 2C12.1254 2 12.4344 2.12603 12.6861 2.37808L13.6054 3.29863C13.8571 3.55068 13.9884 3.8549 13.9993 4.21129C14.0103 4.56723 13.8899 4.87123 13.6382 5.12329L12.7025 6.06027ZM2.6566 14C2.47056 14 2.31473 13.9369 2.1891 13.8106C2.06303 13.6848 2 13.5288 2 13.3425V11.4849C2 11.3973 2.01641 11.3124 2.04924 11.2305C2.08207 11.1481 2.13132 11.074 2.19698 11.0082L8.95993 4.23562L11.7505 7.03014L4.98752 13.8027C4.92186 13.8685 4.8481 13.9178 4.76624 13.9507C4.68395 13.9836 4.59903 14 4.51148 14H2.6566Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M19.0538 9.09041L14.868 4.94795L16.2469 3.56712C16.6244 3.18904 17.0883 3 17.6385 3C18.1881 3 18.6516 3.18904 19.0292 3.56712L20.408 4.94795C20.7856 5.32603 20.9826 5.78236 20.999 6.31693C21.0154 6.85085 20.8348 7.30685 20.4573 7.68493L19.0538 9.09041ZM3.9849 21C3.70584 21 3.47209 20.9053 3.28365 20.7159C3.09455 20.5272 3 20.2931 3 20.0137V17.2274C3 17.0959 3.02462 16.9687 3.07387 16.8457C3.12311 16.7221 3.19698 16.611 3.29547 16.5123L13.4399 6.35342L17.6257 10.5452L7.48128 20.7041C7.38279 20.8027 7.27215 20.8767 7.14937 20.926C7.02593 20.9753 6.89855 21 6.76723 21H3.9849Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M22.2294 10.6055L17.346 5.7726L18.9547 4.16164C19.3951 3.72055 19.9363 3.5 20.5783 3.5C21.2194 3.5 21.7602 3.72055 22.2007 4.16164L23.8094 5.7726C24.2498 6.2137 24.4797 6.74608 24.4988 7.36975C24.518 7.99266 24.3073 8.52466 23.8668 8.96575L22.2294 10.6055ZM4.64905 24.5C4.32348 24.5 4.05078 24.3895 3.83093 24.1686C3.61031 23.9484 3.5 23.6753 3.5 23.3493V20.0986C3.5 19.9452 3.52873 19.7968 3.58618 19.6533C3.64363 19.5091 3.72981 19.3795 3.84471 19.2644L15.6799 7.41233L20.5633 12.3027L8.72816 24.1548C8.61325 24.2699 8.48418 24.3562 8.34093 24.4137C8.19691 24.4712 8.0483 24.5 7.8951 24.5H4.64905Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-edit"; }
-  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: '31230826ab954690ee37648826012d7472e5c090', "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: '7a53e11655c8a1bfdae3d6a0794240f42d84633a' }, h("path", { key: '24824b83c5477a88963c80d969f3bc8f860c1884', d: "M12.7025 6.06027L9.912 3.29863L10.8312 2.37808C11.0829 2.12603 11.3922 2 11.759 2C12.1254 2 12.4344 2.12603 12.6861 2.37808L13.6054 3.29863C13.8571 3.55068 13.9884 3.8549 13.9993 4.21129C14.0103 4.56723 13.8899 4.87123 13.6382 5.12329L12.7025 6.06027ZM2.6566 14C2.47056 14 2.31473 13.9369 2.1891 13.8106C2.06303 13.6848 2 13.5288 2 13.3425V11.4849C2 11.3973 2.01641 11.3124 2.04924 11.2305C2.08207 11.1481 2.13132 11.074 2.19698 11.0082L8.95993 4.23562L11.7505 7.03014L4.98752 13.8027C4.92186 13.8685 4.8481 13.9178 4.76624 13.9507C4.68395 13.9836 4.59903 14 4.51148 14H2.6566Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'fd0dee3da3df59295fe75c0ab436477e7294c242' }, h("path", { key: '6a8ec2e2a2422bf3d2f94f2ab926955876d75e4e', d: "M19.0538 9.09041L14.868 4.94795L16.2469 3.56712C16.6244 3.18904 17.0883 3 17.6385 3C18.1881 3 18.6516 3.18904 19.0292 3.56712L20.408 4.94795C20.7856 5.32603 20.9826 5.78236 20.999 6.31693C21.0154 6.85085 20.8348 7.30685 20.4573 7.68493L19.0538 9.09041ZM3.9849 21C3.70584 21 3.47209 20.9053 3.28365 20.7159C3.09455 20.5272 3 20.2931 3 20.0137V17.2274C3 17.0959 3.02462 16.9687 3.07387 16.8457C3.12311 16.7221 3.19698 16.611 3.29547 16.5123L13.4399 6.35342L17.6257 10.5452L7.48128 20.7041C7.38279 20.8027 7.27215 20.8767 7.14937 20.926C7.02593 20.9753 6.89855 21 6.76723 21H3.9849Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '8b0f176e3572879e4c45e133c0074b875f9b7470' }, h("path", { key: '89d10cc90e82f099e4326336a7a42ed246a9122f', d: "M22.2294 10.6055L17.346 5.7726L18.9547 4.16164C19.3951 3.72055 19.9363 3.5 20.5783 3.5C21.2194 3.5 21.7602 3.72055 22.2007 4.16164L23.8094 5.7726C24.2498 6.2137 24.4797 6.74608 24.4988 7.36975C24.518 7.99266 24.3073 8.52466 23.8668 8.96575L22.2294 10.6055ZM4.64905 24.5C4.32348 24.5 4.05078 24.3895 3.83093 24.1686C3.61031 23.9484 3.5 23.6753 3.5 23.3493V20.0986C3.5 19.9452 3.52873 19.7968 3.58618 19.6533C3.64363 19.5091 3.72981 19.3795 3.84471 19.2644L15.6799 7.41233L20.5633 12.3027L8.72816 24.1548C8.61325 24.2699 8.48418 24.3562 8.34093 24.4137C8.19691 24.4712 8.0483 24.5 7.8951 24.5H4.64905Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-edit"; }
+    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-emoji-mood.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconEmojiMood {
-  constructor() {
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M10.3 7.36668C10.6 7.36668 10.8471 7.26935 11.0413 7.07468C11.236 6.88046 11.3333 6.63335 11.3333 6.33335C11.3333 6.03335 11.236 5.78601 11.0413 5.59135C10.8471 5.39712 10.6 5.30001 10.3 5.30001C10 5.30001 9.7529 5.39712 9.55868 5.59135C9.36401 5.78601 9.26668 6.03335 9.26668 6.33335C9.26668 6.63335 9.36401 6.88046 9.55868 7.07468C9.7529 7.26935 10 7.36668 10.3 7.36668V7.36668ZM5.70001 7.36668C6.00001 7.36668 6.24735 7.26935 6.44201 7.07468C6.63623 6.88046 6.73335 6.63335 6.73335 6.33335C6.73335 6.03335 6.63623 5.78601 6.44201 5.59135C6.24735 5.39712 6.00001 5.30001 5.70001 5.30001C5.40001 5.30001 5.1529 5.39712 4.95868 5.59135C4.76401 5.78601 4.66668 6.03335 4.66668 6.33335C4.66668 6.63335 4.76401 6.88046 4.95868 7.07468C5.1529 7.26935 5.40001 7.36668 5.70001 7.36668V7.36668ZM8.00001 11.6667C8.6889 11.6667 9.30557 11.5 9.85001 11.1667C10.3945 10.8333 10.8278 10.3945 11.15 9.85001C11.2389 9.70557 11.2445 9.57512 11.1667 9.45868C11.0889 9.34179 10.9611 9.28335 10.7833 9.28335H5.21668C5.0389 9.28335 4.91112 9.34179 4.83335 9.45868C4.75557 9.57512 4.76112 9.70557 4.85001 9.85001C5.17223 10.3945 5.60557 10.8333 6.15001 11.1667C6.69446 11.5 7.31112 11.6667 8.00001 11.6667ZM8.00001 14.8C7.05557 14.8 6.16935 14.6222 5.34135 14.2667C4.51379 13.9111 3.79446 13.4278 3.18335 12.8167C2.57223 12.2056 2.0889 11.4862 1.73335 10.6587C1.37779 9.83068 1.20001 8.94446 1.20001 8.00001C1.20001 7.05557 1.37779 6.16935 1.73335 5.34135C2.0889 4.51379 2.57223 3.79446 3.18335 3.18335C3.79446 2.57223 4.51379 2.0889 5.34135 1.73335C6.16935 1.37779 7.05557 1.20001 8.00001 1.20001C8.94446 1.20001 9.83068 1.37779 10.6587 1.73335C11.4862 2.0889 12.2056 2.57223 12.8167 3.18335C13.4278 3.79446 13.9111 4.51379 14.2667 5.34135C14.6222 6.16935 14.8 7.05557 14.8 8.00001C14.8 8.94446 14.6222 9.83068 14.2667 10.6587C13.9111 11.4862 13.4278 12.2056 12.8167 12.8167C12.2056 13.4278 11.4862 13.9111 10.6587 14.2667C9.83068 14.6222 8.94446 14.8 8.00001 14.8ZM8.00001 13.2833C9.46668 13.2833 10.714 12.7696 11.742 11.742C12.7696 10.714 13.2833 9.46668 13.2833 8.00001C13.2833 6.53335 12.7696 5.28601 11.742 4.25801C10.714 3.23046 9.46668 2.71668 8.00001 2.71668C6.53335 2.71668 5.28623 3.23046 4.25868 4.25801C3.23068 5.28601 2.71668 6.53335 2.71668 8.00001C2.71668 9.46668 3.23068 10.714 4.25868 11.742C5.28623 12.7696 6.53335 13.2833 8.00001 13.2833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15.45 11.05C15.9 11.05 16.2707 10.904 16.562 10.612C16.854 10.3207 17 9.94999 17 9.49999C17 9.04999 16.854 8.67899 16.562 8.38699C16.2707 8.09565 15.9 7.94999 15.45 7.94999C15 7.94999 14.6293 8.09565 14.338 8.38699C14.046 8.67899 13.9 9.04999 13.9 9.49999C13.9 9.94999 14.046 10.3207 14.338 10.612C14.6293 10.904 15 11.05 15.45 11.05ZM8.54999 11.05C8.99999 11.05 9.37099 10.904 9.66299 10.612C9.95432 10.3207 10.1 9.94999 10.1 9.49999C10.1 9.04999 9.95432 8.67899 9.66299 8.38699C9.37099 8.09565 8.99999 7.94999 8.54999 7.94999C8.09999 7.94999 7.72932 8.09565 7.43799 8.38699C7.14599 8.67899 6.99999 9.04999 6.99999 9.49999C6.99999 9.94999 7.14599 10.3207 7.43799 10.612C7.72932 10.904 8.09999 11.05 8.54999 11.05ZM12 17.5C13.0333 17.5 13.9583 17.25 14.775 16.75C15.5917 16.25 16.2417 15.5917 16.725 14.775C16.8583 14.5583 16.8667 14.3627 16.75 14.188C16.6333 14.0127 16.4417 13.925 16.175 13.925H7.82499C7.55832 13.925 7.36665 14.0127 7.24999 14.188C7.13332 14.3627 7.14165 14.5583 7.27499 14.775C7.75832 15.5917 8.40832 16.25 9.22499 16.75C10.0417 17.25 10.9667 17.5 12 17.5ZM12 22.2C10.5833 22.2 9.25399 21.9333 8.01199 21.4C6.77065 20.8667 5.69165 20.1417 4.77499 19.225C3.85832 18.3083 3.13332 17.2293 2.59999 15.988C2.06665 14.746 1.79999 13.4167 1.79999 12C1.79999 10.5833 2.06665 9.25399 2.59999 8.01199C3.13332 6.77065 3.85832 5.69165 4.77499 4.77499C5.69165 3.85832 6.77065 3.13332 8.01199 2.59999C9.25399 2.06665 10.5833 1.79999 12 1.79999C13.4167 1.79999 14.746 2.06665 15.988 2.59999C17.2293 3.13332 18.3083 3.85832 19.225 4.77499C20.1417 5.69165 20.8667 6.77065 21.4 8.01199C21.9333 9.25399 22.2 10.5833 22.2 12C22.2 13.4167 21.9333 14.746 21.4 15.988C20.8667 17.2293 20.1417 18.3083 19.225 19.225C18.3083 20.1417 17.2293 20.8667 15.988 21.4C14.746 21.9333 13.4167 22.2 12 22.2ZM12 19.925C14.2 19.925 16.071 19.1543 17.613 17.613C19.1543 16.071 19.925 14.2 19.925 12C19.925 9.79999 19.1543 7.92899 17.613 6.38699C16.071 4.84565 14.2 4.07499 12 4.07499C9.79999 4.07499 7.92932 4.84565 6.38799 6.38699C4.84599 7.92899 4.07499 9.79999 4.07499 12C4.07499 14.2 4.84599 16.071 6.38799 17.613C7.92932 19.1543 9.79999 19.925 12 19.925Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M18.025 12.8916C18.55 12.8916 18.9825 12.7213 19.3223 12.3806C19.663 12.0408 19.8333 11.6083 19.8333 11.0833C19.8333 10.5583 19.663 10.1255 19.3223 9.78481C18.9825 9.44492 18.55 9.27497 18.025 9.27497C17.5 9.27497 17.0676 9.44492 16.7277 9.78481C16.387 10.1255 16.2167 10.5583 16.2167 11.0833C16.2167 11.6083 16.387 12.0408 16.7277 12.3806C17.0676 12.7213 17.5 12.8916 18.025 12.8916V12.8916ZM9.97501 12.8916C10.5 12.8916 10.9328 12.7213 11.2735 12.3806C11.6134 12.0408 11.7833 11.6083 11.7833 11.0833C11.7833 10.5583 11.6134 10.1255 11.2735 9.78481C10.9328 9.44492 10.5 9.27497 9.97501 9.27497C9.45001 9.27497 9.01756 9.44492 8.67767 9.78481C8.33701 10.1255 8.16667 10.5583 8.16667 11.0833C8.16667 11.6083 8.33701 12.0408 8.67767 12.3806C9.01756 12.7213 9.45001 12.8916 9.97501 12.8916V12.8916ZM14 20.4166C15.2056 20.4166 16.2847 20.125 17.2375 19.5416C18.1903 18.9583 18.9486 18.1903 19.5125 17.2375C19.6681 16.9847 19.6778 16.7564 19.5417 16.5526C19.4056 16.3481 19.1819 16.2458 18.8708 16.2458H9.12917C8.81806 16.2458 8.59445 16.3481 8.45834 16.5526C8.32223 16.7564 8.33195 16.9847 8.48751 17.2375C9.0514 18.1903 9.80973 18.9583 10.7625 19.5416C11.7153 20.125 12.7944 20.4166 14 20.4166ZM14 25.9C12.3472 25.9 10.7963 25.5889 9.34734 24.9666C7.89912 24.3444 6.64028 23.4986 5.57084 22.4291C4.5014 21.3597 3.65556 20.1009 3.03334 18.6526C2.41112 17.2036 2.10001 15.6528 2.10001 14C2.10001 12.3472 2.41112 10.7963 3.03334 9.34731C3.65556 7.89909 4.5014 6.64025 5.57084 5.57081C6.64028 4.50136 7.89912 3.65553 9.34734 3.03331C10.7963 2.41109 12.3472 2.09998 14 2.09998C15.6528 2.09998 17.2037 2.41109 18.6527 3.03331C20.1009 3.65553 21.3597 4.50136 22.4292 5.57081C23.4986 6.64025 24.3445 7.89909 24.9667 9.34731C25.5889 10.7963 25.9 12.3472 25.9 14C25.9 15.6528 25.5889 17.2036 24.9667 18.6526C24.3445 20.1009 23.4986 21.3597 22.4292 22.4291C21.3597 23.4986 20.1009 24.3444 18.6527 24.9666C17.2037 25.5889 15.6528 25.9 14 25.9ZM14 23.2458C16.5667 23.2458 18.7495 22.3467 20.5485 20.5485C22.3467 18.7495 23.2458 16.5666 23.2458 14C23.2458 11.4333 22.3467 9.25048 20.5485 7.45148C18.7495 5.65325 16.5667 4.75414 14 4.75414C11.4333 4.75414 9.2509 5.65325 7.45267 7.45148C5.65367 9.25048 4.75417 11.4333 4.75417 14C4.75417 16.5666 5.65367 18.7495 7.45267 20.5485C9.2509 22.3467 11.4333 23.2458 14 23.2458Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-emoji-mood"; }
-  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: 'ee30f35ab9fb3401ba6ec59145af9d607fa24ec3', "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: '0b93d3fe40bb7d5fa202d8a47eec956d70417509' }, h("path", { key: 'e329d119551404f4cce348f62f0d342094400c08', d: "M10.3 7.36668C10.6 7.36668 10.8471 7.26935 11.0413 7.07468C11.236 6.88046 11.3333 6.63335 11.3333 6.33335C11.3333 6.03335 11.236 5.78601 11.0413 5.59135C10.8471 5.39712 10.6 5.30001 10.3 5.30001C10 5.30001 9.7529 5.39712 9.55868 5.59135C9.36401 5.78601 9.26668 6.03335 9.26668 6.33335C9.26668 6.63335 9.36401 6.88046 9.55868 7.07468C9.7529 7.26935 10 7.36668 10.3 7.36668V7.36668ZM5.70001 7.36668C6.00001 7.36668 6.24735 7.26935 6.44201 7.07468C6.63623 6.88046 6.73335 6.63335 6.73335 6.33335C6.73335 6.03335 6.63623 5.78601 6.44201 5.59135C6.24735 5.39712 6.00001 5.30001 5.70001 5.30001C5.40001 5.30001 5.1529 5.39712 4.95868 5.59135C4.76401 5.78601 4.66668 6.03335 4.66668 6.33335C4.66668 6.63335 4.76401 6.88046 4.95868 7.07468C5.1529 7.26935 5.40001 7.36668 5.70001 7.36668V7.36668ZM8.00001 11.6667C8.6889 11.6667 9.30557 11.5 9.85001 11.1667C10.3945 10.8333 10.8278 10.3945 11.15 9.85001C11.2389 9.70557 11.2445 9.57512 11.1667 9.45868C11.0889 9.34179 10.9611 9.28335 10.7833 9.28335H5.21668C5.0389 9.28335 4.91112 9.34179 4.83335 9.45868C4.75557 9.57512 4.76112 9.70557 4.85001 9.85001C5.17223 10.3945 5.60557 10.8333 6.15001 11.1667C6.69446 11.5 7.31112 11.6667 8.00001 11.6667ZM8.00001 14.8C7.05557 14.8 6.16935 14.6222 5.34135 14.2667C4.51379 13.9111 3.79446 13.4278 3.18335 12.8167C2.57223 12.2056 2.0889 11.4862 1.73335 10.6587C1.37779 9.83068 1.20001 8.94446 1.20001 8.00001C1.20001 7.05557 1.37779 6.16935 1.73335 5.34135C2.0889 4.51379 2.57223 3.79446 3.18335 3.18335C3.79446 2.57223 4.51379 2.0889 5.34135 1.73335C6.16935 1.37779 7.05557 1.20001 8.00001 1.20001C8.94446 1.20001 9.83068 1.37779 10.6587 1.73335C11.4862 2.0889 12.2056 2.57223 12.8167 3.18335C13.4278 3.79446 13.9111 4.51379 14.2667 5.34135C14.6222 6.16935 14.8 7.05557 14.8 8.00001C14.8 8.94446 14.6222 9.83068 14.2667 10.6587C13.9111 11.4862 13.4278 12.2056 12.8167 12.8167C12.2056 13.4278 11.4862 13.9111 10.6587 14.2667C9.83068 14.6222 8.94446 14.8 8.00001 14.8ZM8.00001 13.2833C9.46668 13.2833 10.714 12.7696 11.742 11.742C12.7696 10.714 13.2833 9.46668 13.2833 8.00001C13.2833 6.53335 12.7696 5.28601 11.742 4.25801C10.714 3.23046 9.46668 2.71668 8.00001 2.71668C6.53335 2.71668 5.28623 3.23046 4.25868 4.25801C3.23068 5.28601 2.71668 6.53335 2.71668 8.00001C2.71668 9.46668 3.23068 10.714 4.25868 11.742C5.28623 12.7696 6.53335 13.2833 8.00001 13.2833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd7f2d662859017b0102acee382bb7035d34e7546' }, h("path", { key: '56ae18a6999f4aa4209fffced49822f12e4375da', d: "M15.45 11.05C15.9 11.05 16.2707 10.904 16.562 10.612C16.854 10.3207 17 9.94999 17 9.49999C17 9.04999 16.854 8.67899 16.562 8.38699C16.2707 8.09565 15.9 7.94999 15.45 7.94999C15 7.94999 14.6293 8.09565 14.338 8.38699C14.046 8.67899 13.9 9.04999 13.9 9.49999C13.9 9.94999 14.046 10.3207 14.338 10.612C14.6293 10.904 15 11.05 15.45 11.05ZM8.54999 11.05C8.99999 11.05 9.37099 10.904 9.66299 10.612C9.95432 10.3207 10.1 9.94999 10.1 9.49999C10.1 9.04999 9.95432 8.67899 9.66299 8.38699C9.37099 8.09565 8.99999 7.94999 8.54999 7.94999C8.09999 7.94999 7.72932 8.09565 7.43799 8.38699C7.14599 8.67899 6.99999 9.04999 6.99999 9.49999C6.99999 9.94999 7.14599 10.3207 7.43799 10.612C7.72932 10.904 8.09999 11.05 8.54999 11.05ZM12 17.5C13.0333 17.5 13.9583 17.25 14.775 16.75C15.5917 16.25 16.2417 15.5917 16.725 14.775C16.8583 14.5583 16.8667 14.3627 16.75 14.188C16.6333 14.0127 16.4417 13.925 16.175 13.925H7.82499C7.55832 13.925 7.36665 14.0127 7.24999 14.188C7.13332 14.3627 7.14165 14.5583 7.27499 14.775C7.75832 15.5917 8.40832 16.25 9.22499 16.75C10.0417 17.25 10.9667 17.5 12 17.5ZM12 22.2C10.5833 22.2 9.25399 21.9333 8.01199 21.4C6.77065 20.8667 5.69165 20.1417 4.77499 19.225C3.85832 18.3083 3.13332 17.2293 2.59999 15.988C2.06665 14.746 1.79999 13.4167 1.79999 12C1.79999 10.5833 2.06665 9.25399 2.59999 8.01199C3.13332 6.77065 3.85832 5.69165 4.77499 4.77499C5.69165 3.85832 6.77065 3.13332 8.01199 2.59999C9.25399 2.06665 10.5833 1.79999 12 1.79999C13.4167 1.79999 14.746 2.06665 15.988 2.59999C17.2293 3.13332 18.3083 3.85832 19.225 4.77499C20.1417 5.69165 20.8667 6.77065 21.4 8.01199C21.9333 9.25399 22.2 10.5833 22.2 12C22.2 13.4167 21.9333 14.746 21.4 15.988C20.8667 17.2293 20.1417 18.3083 19.225 19.225C18.3083 20.1417 17.2293 20.8667 15.988 21.4C14.746 21.9333 13.4167 22.2 12 22.2ZM12 19.925C14.2 19.925 16.071 19.1543 17.613 17.613C19.1543 16.071 19.925 14.2 19.925 12C19.925 9.79999 19.1543 7.92899 17.613 6.38699C16.071 4.84565 14.2 4.07499 12 4.07499C9.79999 4.07499 7.92932 4.84565 6.38799 6.38699C4.84599 7.92899 4.07499 9.79999 4.07499 12C4.07499 14.2 4.84599 16.071 6.38799 17.613C7.92932 19.1543 9.79999 19.925 12 19.925Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '0bf804ad777604bd4cca86e1631bd38d11025905' }, h("path", { key: '7837e45ac272b8f728127ec2e054144924c89bb1', d: "M18.025 12.8916C18.55 12.8916 18.9825 12.7213 19.3223 12.3806C19.663 12.0408 19.8333 11.6083 19.8333 11.0833C19.8333 10.5583 19.663 10.1255 19.3223 9.78481C18.9825 9.44492 18.55 9.27497 18.025 9.27497C17.5 9.27497 17.0676 9.44492 16.7277 9.78481C16.387 10.1255 16.2167 10.5583 16.2167 11.0833C16.2167 11.6083 16.387 12.0408 16.7277 12.3806C17.0676 12.7213 17.5 12.8916 18.025 12.8916V12.8916ZM9.97501 12.8916C10.5 12.8916 10.9328 12.7213 11.2735 12.3806C11.6134 12.0408 11.7833 11.6083 11.7833 11.0833C11.7833 10.5583 11.6134 10.1255 11.2735 9.78481C10.9328 9.44492 10.5 9.27497 9.97501 9.27497C9.45001 9.27497 9.01756 9.44492 8.67767 9.78481C8.33701 10.1255 8.16667 10.5583 8.16667 11.0833C8.16667 11.6083 8.33701 12.0408 8.67767 12.3806C9.01756 12.7213 9.45001 12.8916 9.97501 12.8916V12.8916ZM14 20.4166C15.2056 20.4166 16.2847 20.125 17.2375 19.5416C18.1903 18.9583 18.9486 18.1903 19.5125 17.2375C19.6681 16.9847 19.6778 16.7564 19.5417 16.5526C19.4056 16.3481 19.1819 16.2458 18.8708 16.2458H9.12917C8.81806 16.2458 8.59445 16.3481 8.45834 16.5526C8.32223 16.7564 8.33195 16.9847 8.48751 17.2375C9.0514 18.1903 9.80973 18.9583 10.7625 19.5416C11.7153 20.125 12.7944 20.4166 14 20.4166ZM14 25.9C12.3472 25.9 10.7963 25.5889 9.34734 24.9666C7.89912 24.3444 6.64028 23.4986 5.57084 22.4291C4.5014 21.3597 3.65556 20.1009 3.03334 18.6526C2.41112 17.2036 2.10001 15.6528 2.10001 14C2.10001 12.3472 2.41112 10.7963 3.03334 9.34731C3.65556 7.89909 4.5014 6.64025 5.57084 5.57081C6.64028 4.50136 7.89912 3.65553 9.34734 3.03331C10.7963 2.41109 12.3472 2.09998 14 2.09998C15.6528 2.09998 17.2037 2.41109 18.6527 3.03331C20.1009 3.65553 21.3597 4.50136 22.4292 5.57081C23.4986 6.64025 24.3445 7.89909 24.9667 9.34731C25.5889 10.7963 25.9 12.3472 25.9 14C25.9 15.6528 25.5889 17.2036 24.9667 18.6526C24.3445 20.1009 23.4986 21.3597 22.4292 22.4291C21.3597 23.4986 20.1009 24.3444 18.6527 24.9666C17.2037 25.5889 15.6528 25.9 14 25.9ZM14 23.2458C16.5667 23.2458 18.7495 22.3467 20.5485 20.5485C22.3467 18.7495 23.2458 16.5666 23.2458 14C23.2458 11.4333 22.3467 9.25048 20.5485 7.45148C18.7495 5.65325 16.5667 4.75414 14 4.75414C11.4333 4.75414 9.2509 5.65325 7.45267 7.45148C5.65367 9.25048 4.75417 11.4333 4.75417 14C4.75417 16.5666 5.65367 18.7495 7.45267 20.5485C9.2509 22.3467 11.4333 23.2458 14 23.2458Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-emoji-mood"; }
+    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-emoji-satisfied.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconEmojiSatisfied {
-  constructor() {
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M10.3 7.36668C10.6 7.36668 10.8471 7.26935 11.0413 7.07468C11.236 6.88046 11.3333 6.63335 11.3333 6.33335C11.3333 6.03335 11.236 5.78601 11.0413 5.59135C10.8471 5.39712 10.6 5.30001 10.3 5.30001C10 5.30001 9.7529 5.39712 9.55868 5.59135C9.36401 5.78601 9.26668 6.03335 9.26668 6.33335C9.26668 6.63335 9.36401 6.88046 9.55868 7.07468C9.7529 7.26935 10 7.36668 10.3 7.36668V7.36668ZM5.70001 7.36668C6.00001 7.36668 6.24735 7.26935 6.44201 7.07468C6.63623 6.88046 6.73335 6.63335 6.73335 6.33335C6.73335 6.03335 6.63623 5.78601 6.44201 5.59135C6.24735 5.39712 6.00001 5.30001 5.70001 5.30001C5.40001 5.30001 5.1529 5.39712 4.95868 5.59135C4.76401 5.78601 4.66668 6.03335 4.66668 6.33335C4.66668 6.63335 4.76401 6.88046 4.95868 7.07468C5.1529 7.26935 5.40001 7.36668 5.70001 7.36668V7.36668ZM8.00001 11.6667C8.62223 11.6667 9.19157 11.5278 9.70801 11.25C10.2249 10.9722 10.6278 10.6278 10.9167 10.2167C11.0611 10.0056 11.0833 9.80557 10.9833 9.61668C10.8833 9.42779 10.7278 9.33335 10.5167 9.33335C10.4389 9.33335 10.3556 9.35846 10.2667 9.40868C10.1778 9.45846 10.1056 9.51668 10.05 9.58335C9.81668 9.89446 9.52512 10.1418 9.17535 10.3253C8.82512 10.5085 8.43335 10.6 8.00001 10.6C7.56668 10.6 7.17512 10.5085 6.82535 10.3253C6.47512 10.1418 6.18335 9.89446 5.95001 9.58335C5.89446 9.51668 5.81957 9.45846 5.72535 9.40868C5.63068 9.35846 5.54446 9.33335 5.46668 9.33335C5.26668 9.33335 5.11668 9.4249 5.01668 9.60801C4.91668 9.79157 4.9389 9.9889 5.08335 10.2C5.37223 10.6222 5.77512 10.9722 6.29201 11.25C6.80846 11.5278 7.37779 11.6667 8.00001 11.6667ZM8.00001 14.8C7.05557 14.8 6.16935 14.6222 5.34135 14.2667C4.51379 13.9111 3.79446 13.4278 3.18335 12.8167C2.57223 12.2056 2.0889 11.4862 1.73335 10.6587C1.37779 9.83068 1.20001 8.94446 1.20001 8.00001C1.20001 7.05557 1.37779 6.16935 1.73335 5.34135C2.0889 4.51379 2.57223 3.79446 3.18335 3.18335C3.79446 2.57223 4.51379 2.0889 5.34135 1.73335C6.16935 1.37779 7.05557 1.20001 8.00001 1.20001C8.94446 1.20001 9.83068 1.37779 10.6587 1.73335C11.4862 2.0889 12.2056 2.57223 12.8167 3.18335C13.4278 3.79446 13.9111 4.51379 14.2667 5.34135C14.6222 6.16935 14.8 7.05557 14.8 8.00001C14.8 8.94446 14.6222 9.83068 14.2667 10.6587C13.9111 11.4862 13.4278 12.2056 12.8167 12.8167C12.2056 13.4278 11.4862 13.9111 10.6587 14.2667C9.83068 14.6222 8.94446 14.8 8.00001 14.8ZM8.00001 13.2833C9.46668 13.2833 10.714 12.7696 11.742 11.742C12.7696 10.714 13.2833 9.46668 13.2833 8.00001C13.2833 6.53335 12.7696 5.28601 11.742 4.25801C10.714 3.23046 9.46668 2.71668 8.00001 2.71668C6.53335 2.71668 5.28623 3.23046 4.25868 4.25801C3.23068 5.28601 2.71668 6.53335 2.71668 8.00001C2.71668 9.46668 3.23068 10.714 4.25868 11.742C5.28623 12.7696 6.53335 13.2833 8.00001 13.2833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15.45 11.05C15.9 11.05 16.2707 10.904 16.562 10.612C16.854 10.3207 17 9.94999 17 9.49999C17 9.04999 16.854 8.67899 16.562 8.38699C16.2707 8.09565 15.9 7.94999 15.45 7.94999C15 7.94999 14.6293 8.09565 14.338 8.38699C14.046 8.67899 13.9 9.04999 13.9 9.49999C13.9 9.94999 14.046 10.3207 14.338 10.612C14.6293 10.904 15 11.05 15.45 11.05ZM8.54999 11.05C8.99999 11.05 9.37099 10.904 9.66299 10.612C9.95432 10.3207 10.1 9.94999 10.1 9.49999C10.1 9.04999 9.95432 8.67899 9.66299 8.38699C9.37099 8.09565 8.99999 7.94999 8.54999 7.94999C8.09999 7.94999 7.72932 8.09565 7.43799 8.38699C7.14599 8.67899 6.99999 9.04999 6.99999 9.49999C6.99999 9.94999 7.14599 10.3207 7.43799 10.612C7.72932 10.904 8.09999 11.05 8.54999 11.05ZM12 17.5C12.9333 17.5 13.7873 17.2917 14.562 16.875C15.3373 16.4583 15.9417 15.9417 16.375 15.325C16.5917 15.0083 16.625 14.7083 16.475 14.425C16.325 14.1417 16.0917 14 15.775 14C15.6583 14 15.5333 14.0377 15.4 14.113C15.2667 14.1877 15.1583 14.275 15.075 14.375C14.725 14.8417 14.2877 15.2127 13.763 15.488C13.2377 15.7627 12.65 15.9 12 15.9C11.35 15.9 10.7627 15.7627 10.238 15.488C9.71265 15.2127 9.27499 14.8417 8.92499 14.375C8.84165 14.275 8.72932 14.1877 8.58799 14.113C8.44599 14.0377 8.31665 14 8.19999 14C7.89999 14 7.67499 14.1373 7.52499 14.412C7.37499 14.6873 7.40832 14.9833 7.62499 15.3C8.05832 15.9333 8.66265 16.4583 9.43799 16.875C10.2127 17.2917 11.0667 17.5 12 17.5ZM12 22.2C10.5833 22.2 9.25399 21.9333 8.01199 21.4C6.77065 20.8667 5.69165 20.1417 4.77499 19.225C3.85832 18.3083 3.13332 17.2293 2.59999 15.988C2.06665 14.746 1.79999 13.4167 1.79999 12C1.79999 10.5833 2.06665 9.25399 2.59999 8.01199C3.13332 6.77065 3.85832 5.69165 4.77499 4.77499C5.69165 3.85832 6.77065 3.13332 8.01199 2.59999C9.25399 2.06665 10.5833 1.79999 12 1.79999C13.4167 1.79999 14.746 2.06665 15.988 2.59999C17.2293 3.13332 18.3083 3.85832 19.225 4.77499C20.1417 5.69165 20.8667 6.77065 21.4 8.01199C21.9333 9.25399 22.2 10.5833 22.2 12C22.2 13.4167 21.9333 14.746 21.4 15.988C20.8667 17.2293 20.1417 18.3083 19.225 19.225C18.3083 20.1417 17.2293 20.8667 15.988 21.4C14.746 21.9333 13.4167 22.2 12 22.2ZM12 19.925C14.2 19.925 16.071 19.1543 17.613 17.613C19.1543 16.071 19.925 14.2 19.925 12C19.925 9.79999 19.1543 7.92899 17.613 6.38699C16.071 4.84565 14.2 4.07499 12 4.07499C9.79999 4.07499 7.92932 4.84565 6.38799 6.38699C4.84599 7.92899 4.07499 9.79999 4.07499 12C4.07499 14.2 4.84599 16.071 6.38799 17.613C7.92932 19.1543 9.79999 19.925 12 19.925Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M18.025 12.8916C18.55 12.8916 18.9825 12.7213 19.3223 12.3806C19.663 12.0408 19.8333 11.6083 19.8333 11.0833C19.8333 10.5583 19.663 10.1255 19.3223 9.78481C18.9825 9.44492 18.55 9.27497 18.025 9.27497C17.5 9.27497 17.0676 9.44492 16.7277 9.78481C16.387 10.1255 16.2167 10.5583 16.2167 11.0833C16.2167 11.6083 16.387 12.0408 16.7277 12.3806C17.0676 12.7213 17.5 12.8916 18.025 12.8916V12.8916ZM9.97501 12.8916C10.5 12.8916 10.9328 12.7213 11.2735 12.3806C11.6134 12.0408 11.7833 11.6083 11.7833 11.0833C11.7833 10.5583 11.6134 10.1255 11.2735 9.78481C10.9328 9.44492 10.5 9.27497 9.97501 9.27497C9.45001 9.27497 9.01756 9.44492 8.67767 9.78481C8.33701 10.1255 8.16667 10.5583 8.16667 11.0833C8.16667 11.6083 8.33701 12.0408 8.67767 12.3806C9.01756 12.7213 9.45001 12.8916 9.97501 12.8916V12.8916ZM14 20.4166C15.0889 20.4166 16.0852 20.1736 16.989 19.6875C17.8936 19.2014 18.5986 18.5986 19.1042 17.8791C19.3569 17.5097 19.3958 17.1597 19.2208 16.8291C19.0458 16.4986 18.7736 16.3333 18.4042 16.3333C18.2681 16.3333 18.1222 16.3773 17.9667 16.4651C17.8111 16.5523 17.6847 16.6541 17.5875 16.7708C17.1792 17.3153 16.6689 17.7481 16.0568 18.0693C15.4439 18.3898 14.7583 18.55 14 18.55C13.2417 18.55 12.5564 18.3898 11.9443 18.0693C11.3314 17.7481 10.8208 17.3153 10.4125 16.7708C10.3153 16.6541 10.1842 16.5523 10.0193 16.4651C9.85367 16.3773 9.70278 16.3333 9.56667 16.3333C9.21667 16.3333 8.95417 16.4935 8.77917 16.814C8.60417 17.1352 8.64306 17.4805 8.89584 17.85C9.40139 18.5889 10.1064 19.2014 11.011 19.6875C11.9148 20.1736 12.9111 20.4166 14 20.4166ZM14 25.9C12.3472 25.9 10.7963 25.5889 9.34734 24.9666C7.89912 24.3444 6.64028 23.4986 5.57084 22.4291C4.5014 21.3597 3.65556 20.1009 3.03334 18.6526C2.41112 17.2036 2.10001 15.6528 2.10001 14C2.10001 12.3472 2.41112 10.7963 3.03334 9.34731C3.65556 7.89909 4.5014 6.64025 5.57084 5.57081C6.64028 4.50136 7.89912 3.65553 9.34734 3.03331C10.7963 2.41109 12.3472 2.09998 14 2.09998C15.6528 2.09998 17.2037 2.41109 18.6527 3.03331C20.1009 3.65553 21.3597 4.50136 22.4292 5.57081C23.4986 6.64025 24.3445 7.89909 24.9667 9.34731C25.5889 10.7963 25.9 12.3472 25.9 14C25.9 15.6528 25.5889 17.2036 24.9667 18.6526C24.3445 20.1009 23.4986 21.3597 22.4292 22.4291C21.3597 23.4986 20.1009 24.3444 18.6527 24.9666C17.2037 25.5889 15.6528 25.9 14 25.9ZM14 23.2458C16.5667 23.2458 18.7495 22.3467 20.5485 20.5485C22.3467 18.7495 23.2458 16.5666 23.2458 14C23.2458 11.4333 22.3467 9.25048 20.5485 7.45148C18.7495 5.65325 16.5667 4.75414 14 4.75414C11.4333 4.75414 9.2509 5.65325 7.45267 7.45148C5.65367 9.25048 4.75417 11.4333 4.75417 14C4.75417 16.5666 5.65367 18.7495 7.45267 20.5485C9.2509 22.3467 11.4333 23.2458 14 23.2458Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-emoji-satisfied"; }
-  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: 'bba9bd91d1a15602523e888f63c9dd35278989da', "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: '8dc549ed88e204c0ac3db6a44efe7a3d4b21c349' }, h("path", { key: '0cc8e1ea62318498ba29e6888cd38307e87a4ab9', d: "M10.3 7.36668C10.6 7.36668 10.8471 7.26935 11.0413 7.07468C11.236 6.88046 11.3333 6.63335 11.3333 6.33335C11.3333 6.03335 11.236 5.78601 11.0413 5.59135C10.8471 5.39712 10.6 5.30001 10.3 5.30001C10 5.30001 9.7529 5.39712 9.55868 5.59135C9.36401 5.78601 9.26668 6.03335 9.26668 6.33335C9.26668 6.63335 9.36401 6.88046 9.55868 7.07468C9.7529 7.26935 10 7.36668 10.3 7.36668V7.36668ZM5.70001 7.36668C6.00001 7.36668 6.24735 7.26935 6.44201 7.07468C6.63623 6.88046 6.73335 6.63335 6.73335 6.33335C6.73335 6.03335 6.63623 5.78601 6.44201 5.59135C6.24735 5.39712 6.00001 5.30001 5.70001 5.30001C5.40001 5.30001 5.1529 5.39712 4.95868 5.59135C4.76401 5.78601 4.66668 6.03335 4.66668 6.33335C4.66668 6.63335 4.76401 6.88046 4.95868 7.07468C5.1529 7.26935 5.40001 7.36668 5.70001 7.36668V7.36668ZM8.00001 11.6667C8.62223 11.6667 9.19157 11.5278 9.70801 11.25C10.2249 10.9722 10.6278 10.6278 10.9167 10.2167C11.0611 10.0056 11.0833 9.80557 10.9833 9.61668C10.8833 9.42779 10.7278 9.33335 10.5167 9.33335C10.4389 9.33335 10.3556 9.35846 10.2667 9.40868C10.1778 9.45846 10.1056 9.51668 10.05 9.58335C9.81668 9.89446 9.52512 10.1418 9.17535 10.3253C8.82512 10.5085 8.43335 10.6 8.00001 10.6C7.56668 10.6 7.17512 10.5085 6.82535 10.3253C6.47512 10.1418 6.18335 9.89446 5.95001 9.58335C5.89446 9.51668 5.81957 9.45846 5.72535 9.40868C5.63068 9.35846 5.54446 9.33335 5.46668 9.33335C5.26668 9.33335 5.11668 9.4249 5.01668 9.60801C4.91668 9.79157 4.9389 9.9889 5.08335 10.2C5.37223 10.6222 5.77512 10.9722 6.29201 11.25C6.80846 11.5278 7.37779 11.6667 8.00001 11.6667ZM8.00001 14.8C7.05557 14.8 6.16935 14.6222 5.34135 14.2667C4.51379 13.9111 3.79446 13.4278 3.18335 12.8167C2.57223 12.2056 2.0889 11.4862 1.73335 10.6587C1.37779 9.83068 1.20001 8.94446 1.20001 8.00001C1.20001 7.05557 1.37779 6.16935 1.73335 5.34135C2.0889 4.51379 2.57223 3.79446 3.18335 3.18335C3.79446 2.57223 4.51379 2.0889 5.34135 1.73335C6.16935 1.37779 7.05557 1.20001 8.00001 1.20001C8.94446 1.20001 9.83068 1.37779 10.6587 1.73335C11.4862 2.0889 12.2056 2.57223 12.8167 3.18335C13.4278 3.79446 13.9111 4.51379 14.2667 5.34135C14.6222 6.16935 14.8 7.05557 14.8 8.00001C14.8 8.94446 14.6222 9.83068 14.2667 10.6587C13.9111 11.4862 13.4278 12.2056 12.8167 12.8167C12.2056 13.4278 11.4862 13.9111 10.6587 14.2667C9.83068 14.6222 8.94446 14.8 8.00001 14.8ZM8.00001 13.2833C9.46668 13.2833 10.714 12.7696 11.742 11.742C12.7696 10.714 13.2833 9.46668 13.2833 8.00001C13.2833 6.53335 12.7696 5.28601 11.742 4.25801C10.714 3.23046 9.46668 2.71668 8.00001 2.71668C6.53335 2.71668 5.28623 3.23046 4.25868 4.25801C3.23068 5.28601 2.71668 6.53335 2.71668 8.00001C2.71668 9.46668 3.23068 10.714 4.25868 11.742C5.28623 12.7696 6.53335 13.2833 8.00001 13.2833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4d3d2ab8b7293c26c29d30e6dada8879a2e4f1c0' }, h("path", { key: '9d59a31f06c1689967899037c4d4ac707950d19a', d: "M15.45 11.05C15.9 11.05 16.2707 10.904 16.562 10.612C16.854 10.3207 17 9.94999 17 9.49999C17 9.04999 16.854 8.67899 16.562 8.38699C16.2707 8.09565 15.9 7.94999 15.45 7.94999C15 7.94999 14.6293 8.09565 14.338 8.38699C14.046 8.67899 13.9 9.04999 13.9 9.49999C13.9 9.94999 14.046 10.3207 14.338 10.612C14.6293 10.904 15 11.05 15.45 11.05ZM8.54999 11.05C8.99999 11.05 9.37099 10.904 9.66299 10.612C9.95432 10.3207 10.1 9.94999 10.1 9.49999C10.1 9.04999 9.95432 8.67899 9.66299 8.38699C9.37099 8.09565 8.99999 7.94999 8.54999 7.94999C8.09999 7.94999 7.72932 8.09565 7.43799 8.38699C7.14599 8.67899 6.99999 9.04999 6.99999 9.49999C6.99999 9.94999 7.14599 10.3207 7.43799 10.612C7.72932 10.904 8.09999 11.05 8.54999 11.05ZM12 17.5C12.9333 17.5 13.7873 17.2917 14.562 16.875C15.3373 16.4583 15.9417 15.9417 16.375 15.325C16.5917 15.0083 16.625 14.7083 16.475 14.425C16.325 14.1417 16.0917 14 15.775 14C15.6583 14 15.5333 14.0377 15.4 14.113C15.2667 14.1877 15.1583 14.275 15.075 14.375C14.725 14.8417 14.2877 15.2127 13.763 15.488C13.2377 15.7627 12.65 15.9 12 15.9C11.35 15.9 10.7627 15.7627 10.238 15.488C9.71265 15.2127 9.27499 14.8417 8.92499 14.375C8.84165 14.275 8.72932 14.1877 8.58799 14.113C8.44599 14.0377 8.31665 14 8.19999 14C7.89999 14 7.67499 14.1373 7.52499 14.412C7.37499 14.6873 7.40832 14.9833 7.62499 15.3C8.05832 15.9333 8.66265 16.4583 9.43799 16.875C10.2127 17.2917 11.0667 17.5 12 17.5ZM12 22.2C10.5833 22.2 9.25399 21.9333 8.01199 21.4C6.77065 20.8667 5.69165 20.1417 4.77499 19.225C3.85832 18.3083 3.13332 17.2293 2.59999 15.988C2.06665 14.746 1.79999 13.4167 1.79999 12C1.79999 10.5833 2.06665 9.25399 2.59999 8.01199C3.13332 6.77065 3.85832 5.69165 4.77499 4.77499C5.69165 3.85832 6.77065 3.13332 8.01199 2.59999C9.25399 2.06665 10.5833 1.79999 12 1.79999C13.4167 1.79999 14.746 2.06665 15.988 2.59999C17.2293 3.13332 18.3083 3.85832 19.225 4.77499C20.1417 5.69165 20.8667 6.77065 21.4 8.01199C21.9333 9.25399 22.2 10.5833 22.2 12C22.2 13.4167 21.9333 14.746 21.4 15.988C20.8667 17.2293 20.1417 18.3083 19.225 19.225C18.3083 20.1417 17.2293 20.8667 15.988 21.4C14.746 21.9333 13.4167 22.2 12 22.2ZM12 19.925C14.2 19.925 16.071 19.1543 17.613 17.613C19.1543 16.071 19.925 14.2 19.925 12C19.925 9.79999 19.1543 7.92899 17.613 6.38699C16.071 4.84565 14.2 4.07499 12 4.07499C9.79999 4.07499 7.92932 4.84565 6.38799 6.38699C4.84599 7.92899 4.07499 9.79999 4.07499 12C4.07499 14.2 4.84599 16.071 6.38799 17.613C7.92932 19.1543 9.79999 19.925 12 19.925Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4a89f4ab998b8434135f5c050e25657600c0962b' }, h("path", { key: '981d298ee225948711c2e9f4c036e965314f9664', d: "M18.025 12.8916C18.55 12.8916 18.9825 12.7213 19.3223 12.3806C19.663 12.0408 19.8333 11.6083 19.8333 11.0833C19.8333 10.5583 19.663 10.1255 19.3223 9.78481C18.9825 9.44492 18.55 9.27497 18.025 9.27497C17.5 9.27497 17.0676 9.44492 16.7277 9.78481C16.387 10.1255 16.2167 10.5583 16.2167 11.0833C16.2167 11.6083 16.387 12.0408 16.7277 12.3806C17.0676 12.7213 17.5 12.8916 18.025 12.8916V12.8916ZM9.97501 12.8916C10.5 12.8916 10.9328 12.7213 11.2735 12.3806C11.6134 12.0408 11.7833 11.6083 11.7833 11.0833C11.7833 10.5583 11.6134 10.1255 11.2735 9.78481C10.9328 9.44492 10.5 9.27497 9.97501 9.27497C9.45001 9.27497 9.01756 9.44492 8.67767 9.78481C8.33701 10.1255 8.16667 10.5583 8.16667 11.0833C8.16667 11.6083 8.33701 12.0408 8.67767 12.3806C9.01756 12.7213 9.45001 12.8916 9.97501 12.8916V12.8916ZM14 20.4166C15.0889 20.4166 16.0852 20.1736 16.989 19.6875C17.8936 19.2014 18.5986 18.5986 19.1042 17.8791C19.3569 17.5097 19.3958 17.1597 19.2208 16.8291C19.0458 16.4986 18.7736 16.3333 18.4042 16.3333C18.2681 16.3333 18.1222 16.3773 17.9667 16.4651C17.8111 16.5523 17.6847 16.6541 17.5875 16.7708C17.1792 17.3153 16.6689 17.7481 16.0568 18.0693C15.4439 18.3898 14.7583 18.55 14 18.55C13.2417 18.55 12.5564 18.3898 11.9443 18.0693C11.3314 17.7481 10.8208 17.3153 10.4125 16.7708C10.3153 16.6541 10.1842 16.5523 10.0193 16.4651C9.85367 16.3773 9.70278 16.3333 9.56667 16.3333C9.21667 16.3333 8.95417 16.4935 8.77917 16.814C8.60417 17.1352 8.64306 17.4805 8.89584 17.85C9.40139 18.5889 10.1064 19.2014 11.011 19.6875C11.9148 20.1736 12.9111 20.4166 14 20.4166ZM14 25.9C12.3472 25.9 10.7963 25.5889 9.34734 24.9666C7.89912 24.3444 6.64028 23.4986 5.57084 22.4291C4.5014 21.3597 3.65556 20.1009 3.03334 18.6526C2.41112 17.2036 2.10001 15.6528 2.10001 14C2.10001 12.3472 2.41112 10.7963 3.03334 9.34731C3.65556 7.89909 4.5014 6.64025 5.57084 5.57081C6.64028 4.50136 7.89912 3.65553 9.34734 3.03331C10.7963 2.41109 12.3472 2.09998 14 2.09998C15.6528 2.09998 17.2037 2.41109 18.6527 3.03331C20.1009 3.65553 21.3597 4.50136 22.4292 5.57081C23.4986 6.64025 24.3445 7.89909 24.9667 9.34731C25.5889 10.7963 25.9 12.3472 25.9 14C25.9 15.6528 25.5889 17.2036 24.9667 18.6526C24.3445 20.1009 23.4986 21.3597 22.4292 22.4291C21.3597 23.4986 20.1009 24.3444 18.6527 24.9666C17.2037 25.5889 15.6528 25.9 14 25.9ZM14 23.2458C16.5667 23.2458 18.7495 22.3467 20.5485 20.5485C22.3467 18.7495 23.2458 16.5666 23.2458 14C23.2458 11.4333 22.3467 9.25048 20.5485 7.45148C18.7495 5.65325 16.5667 4.75414 14 4.75414C11.4333 4.75414 9.2509 5.65325 7.45267 7.45148C5.65367 9.25048 4.75417 11.4333 4.75417 14C4.75417 16.5666 5.65367 18.7495 7.45267 20.5485C9.2509 22.3467 11.4333 23.2458 14 23.2458Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-emoji-satisfied"; }
+    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"
-      }
-    };
-  }
+        };
+    }
 }