@getflip/swirl-components 0.197.1 → 0.199.0

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

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconAddPhoto {
-  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: "M7.33335 12.3333C8.16669 12.3333 8.87513 12.0417 9.45869 11.4586C10.0418 10.875 10.3334 10.1666 10.3334 9.33325C10.3334 8.49992 10.0418 7.79147 9.45869 7.20792C8.87513 6.62481 8.16669 6.33325 7.33335 6.33325C6.50002 6.33325 5.79158 6.62481 5.20802 7.20792C4.62491 7.79147 4.33335 8.49992 4.33335 9.33325C4.33335 10.1666 4.62491 10.875 5.20802 11.4586C5.79158 12.0417 6.50002 12.3333 7.33335 12.3333ZM2.00002 14.6666C1.63335 14.6666 1.31958 14.5361 1.05869 14.2753C0.797354 14.0139 0.666687 13.6999 0.666687 13.3333V5.33325C0.666687 4.96659 0.797354 4.65281 1.05869 4.39192C1.31958 4.13059 1.63335 3.99992 2.00002 3.99992H4.10002L4.93335 3.09992C5.05558 2.96659 5.20269 2.86103 5.37469 2.78325C5.54713 2.70547 5.7278 2.66659 5.91669 2.66659H8.66669C8.85558 2.66659 9.01402 2.73036 9.14202 2.85792C9.26958 2.98592 9.33335 3.14436 9.33335 3.33325V5.33325H2.00002V13.3333H12.6667V7.33325H13.3334C13.4222 7.33325 13.5085 7.34992 13.592 7.38325C13.6751 7.41658 13.7474 7.4637 13.8087 7.52458C13.8696 7.58592 13.9167 7.65814 13.95 7.74125C13.9834 7.82481 14 7.91103 14 7.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3474 14.5361 13.0334 14.6666 12.6667 14.6666H2.00002ZM12.6667 3.99992H12C11.8111 3.99992 11.6529 3.93614 11.5254 3.80859C11.3974 3.68059 11.3334 3.52214 11.3334 3.33325C11.3334 3.14436 11.3974 2.98592 11.5254 2.85792C11.6529 2.73036 11.8111 2.66659 12 2.66659H12.6667V1.99992C12.6667 1.81103 12.7307 1.65259 12.8587 1.52459C12.9862 1.39703 13.1445 1.33325 13.3334 1.33325C13.5222 1.33325 13.6805 1.39703 13.808 1.52459C13.936 1.65259 14 1.81103 14 1.99992V2.66659H14.6667C14.8556 2.66659 15.0138 2.73036 15.1414 2.85792C15.2694 2.98592 15.3334 3.14436 15.3334 3.33325C15.3334 3.52214 15.2694 3.68059 15.1414 3.80859C15.0138 3.93614 14.8556 3.99992 14.6667 3.99992H14V4.66659C14 4.85547 13.936 5.01392 13.808 5.14192C13.6805 5.26947 13.5222 5.33325 13.3334 5.33325C13.1445 5.33325 12.9862 5.26947 12.8587 5.14192C12.7307 5.01392 12.6667 4.85547 12.6667 4.66659V3.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M11 18.5C12.25 18.5 13.3127 18.0627 14.188 17.188C15.0627 16.3127 15.5 15.25 15.5 14C15.5 12.75 15.0627 11.6873 14.188 10.812C13.3127 9.93733 12.25 9.5 11 9.5C9.75 9.5 8.68733 9.93733 7.812 10.812C6.93733 11.6873 6.5 12.75 6.5 14C6.5 15.25 6.93733 16.3127 7.812 17.188C8.68733 18.0627 9.75 18.5 11 18.5ZM3 22C2.45 22 1.97933 21.8043 1.588 21.413C1.196 21.021 1 20.55 1 20V8C1 7.45 1.196 6.97933 1.588 6.588C1.97933 6.196 2.45 6 3 6H6.15L7.4 4.65C7.58333 4.45 7.804 4.29167 8.062 4.175C8.32067 4.05833 8.59167 4 8.875 4H13C13.2833 4 13.521 4.09567 13.713 4.287C13.9043 4.479 14 4.71667 14 5V8H3V20H19V11H20C20.1333 11 20.2627 11.025 20.388 11.075C20.5127 11.125 20.621 11.1957 20.713 11.287C20.8043 11.379 20.875 11.4873 20.925 11.612C20.975 11.7373 21 11.8667 21 12V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H3ZM19 6H18C17.7167 6 17.4793 5.90433 17.288 5.713C17.096 5.521 17 5.28333 17 5C17 4.71667 17.096 4.479 17.288 4.287C17.4793 4.09567 17.7167 4 18 4H19V3C19 2.71667 19.096 2.479 19.288 2.287C19.4793 2.09567 19.7167 2 20 2C20.2833 2 20.5207 2.09567 20.712 2.287C20.904 2.479 21 2.71667 21 3V4H22C22.2833 4 22.5207 4.09567 22.712 4.287C22.904 4.479 23 4.71667 23 5C23 5.28333 22.904 5.521 22.712 5.713C22.5207 5.90433 22.2833 6 22 6H21V7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8C19.7167 8 19.4793 7.90433 19.288 7.713C19.096 7.521 19 7.28333 19 7V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M12.8334 21.5833C14.2917 21.5833 15.5315 21.073 16.5527 20.0526C17.5731 19.0314 18.0834 17.7916 18.0834 16.3333C18.0834 14.8749 17.5731 13.6351 16.5527 12.6139C15.5315 11.5935 14.2917 11.0833 12.8334 11.0833C11.375 11.0833 10.1352 11.5935 9.11402 12.6139C8.09358 13.6351 7.58335 14.8749 7.58335 16.3333C7.58335 17.7916 8.09358 19.0314 9.11402 20.0526C10.1352 21.073 11.375 21.5833 12.8334 21.5833ZM3.50002 25.6666C2.85835 25.6666 2.30924 25.4383 1.85269 24.9818C1.39535 24.5244 1.16669 23.9749 1.16669 23.3333V9.33325C1.16669 8.69159 1.39535 8.14247 1.85269 7.68592C2.30924 7.22859 2.85835 6.99992 3.50002 6.99992H7.17502L8.63335 5.42492C8.84724 5.19159 9.10469 5.00686 9.40569 4.87075C9.70746 4.73464 10.0236 4.66659 10.3542 4.66659H15.1667C15.4972 4.66659 15.7745 4.7782 15.9985 5.00142C16.2217 5.22542 16.3334 5.5027 16.3334 5.83325V9.33325H3.50002V23.3333H22.1667V12.8333H23.3334C23.4889 12.8333 23.6398 12.8624 23.786 12.9208C23.9315 12.9791 24.0579 13.0615 24.1652 13.1681C24.2717 13.2754 24.3542 13.4018 24.4125 13.5473C24.4709 13.6935 24.5 13.8444 24.5 13.9999V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3579 25.4383 22.8084 25.6666 22.1667 25.6666H3.50002ZM22.1667 6.99992H21C20.6695 6.99992 20.3926 6.88831 20.1694 6.66509C19.9454 6.44109 19.8334 6.16381 19.8334 5.83325C19.8334 5.5027 19.9454 5.22542 20.1694 5.00142C20.3926 4.7782 20.6695 4.66659 21 4.66659H22.1667V3.49992C22.1667 3.16936 22.2787 2.89209 22.5027 2.66809C22.7259 2.44486 23.0028 2.33325 23.3334 2.33325C23.6639 2.33325 23.9408 2.44486 24.164 2.66809C24.388 2.89209 24.5 3.16936 24.5 3.49992V4.66659H25.6667C25.9972 4.66659 26.2741 4.7782 26.4974 5.00142C26.7214 5.22542 26.8334 5.5027 26.8334 5.83325C26.8334 6.16381 26.7214 6.44109 26.4974 6.66509C26.2741 6.88831 25.9972 6.99992 25.6667 6.99992H24.5V8.16659C24.5 8.49714 24.388 8.77442 24.164 8.99842C23.9408 9.22164 23.6639 9.33325 23.3334 9.33325C23.0028 9.33325 22.7259 9.22164 22.5027 8.99842C22.2787 8.77442 22.1667 8.49714 22.1667 8.16659V6.99992Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-add-photo"; }
-  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: '1ea78f4ee19d51564e8f4a68bb71905cfd7301fc', "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: 'a5719676b34d1e8644dea9ff4d5833b1b2303b6b' }, h("path", { key: '5928da2357212581ff069a6a88623bdee20cd268', d: "M7.33335 12.3333C8.16669 12.3333 8.87513 12.0417 9.45869 11.4586C10.0418 10.875 10.3334 10.1666 10.3334 9.33325C10.3334 8.49992 10.0418 7.79147 9.45869 7.20792C8.87513 6.62481 8.16669 6.33325 7.33335 6.33325C6.50002 6.33325 5.79158 6.62481 5.20802 7.20792C4.62491 7.79147 4.33335 8.49992 4.33335 9.33325C4.33335 10.1666 4.62491 10.875 5.20802 11.4586C5.79158 12.0417 6.50002 12.3333 7.33335 12.3333ZM2.00002 14.6666C1.63335 14.6666 1.31958 14.5361 1.05869 14.2753C0.797354 14.0139 0.666687 13.6999 0.666687 13.3333V5.33325C0.666687 4.96659 0.797354 4.65281 1.05869 4.39192C1.31958 4.13059 1.63335 3.99992 2.00002 3.99992H4.10002L4.93335 3.09992C5.05558 2.96659 5.20269 2.86103 5.37469 2.78325C5.54713 2.70547 5.7278 2.66659 5.91669 2.66659H8.66669C8.85558 2.66659 9.01402 2.73036 9.14202 2.85792C9.26958 2.98592 9.33335 3.14436 9.33335 3.33325V5.33325H2.00002V13.3333H12.6667V7.33325H13.3334C13.4222 7.33325 13.5085 7.34992 13.592 7.38325C13.6751 7.41658 13.7474 7.4637 13.8087 7.52458C13.8696 7.58592 13.9167 7.65814 13.95 7.74125C13.9834 7.82481 14 7.91103 14 7.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3474 14.5361 13.0334 14.6666 12.6667 14.6666H2.00002ZM12.6667 3.99992H12C11.8111 3.99992 11.6529 3.93614 11.5254 3.80859C11.3974 3.68059 11.3334 3.52214 11.3334 3.33325C11.3334 3.14436 11.3974 2.98592 11.5254 2.85792C11.6529 2.73036 11.8111 2.66659 12 2.66659H12.6667V1.99992C12.6667 1.81103 12.7307 1.65259 12.8587 1.52459C12.9862 1.39703 13.1445 1.33325 13.3334 1.33325C13.5222 1.33325 13.6805 1.39703 13.808 1.52459C13.936 1.65259 14 1.81103 14 1.99992V2.66659H14.6667C14.8556 2.66659 15.0138 2.73036 15.1414 2.85792C15.2694 2.98592 15.3334 3.14436 15.3334 3.33325C15.3334 3.52214 15.2694 3.68059 15.1414 3.80859C15.0138 3.93614 14.8556 3.99992 14.6667 3.99992H14V4.66659C14 4.85547 13.936 5.01392 13.808 5.14192C13.6805 5.26947 13.5222 5.33325 13.3334 5.33325C13.1445 5.33325 12.9862 5.26947 12.8587 5.14192C12.7307 5.01392 12.6667 4.85547 12.6667 4.66659V3.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ae513a8feabcaff133ed1d1c9a284fd0a904a5b1' }, h("path", { key: 'c36a58ac23d20cb2aa980ed29403c9fd9c38bbaa', d: "M11 18.5C12.25 18.5 13.3127 18.0627 14.188 17.188C15.0627 16.3127 15.5 15.25 15.5 14C15.5 12.75 15.0627 11.6873 14.188 10.812C13.3127 9.93733 12.25 9.5 11 9.5C9.75 9.5 8.68733 9.93733 7.812 10.812C6.93733 11.6873 6.5 12.75 6.5 14C6.5 15.25 6.93733 16.3127 7.812 17.188C8.68733 18.0627 9.75 18.5 11 18.5ZM3 22C2.45 22 1.97933 21.8043 1.588 21.413C1.196 21.021 1 20.55 1 20V8C1 7.45 1.196 6.97933 1.588 6.588C1.97933 6.196 2.45 6 3 6H6.15L7.4 4.65C7.58333 4.45 7.804 4.29167 8.062 4.175C8.32067 4.05833 8.59167 4 8.875 4H13C13.2833 4 13.521 4.09567 13.713 4.287C13.9043 4.479 14 4.71667 14 5V8H3V20H19V11H20C20.1333 11 20.2627 11.025 20.388 11.075C20.5127 11.125 20.621 11.1957 20.713 11.287C20.8043 11.379 20.875 11.4873 20.925 11.612C20.975 11.7373 21 11.8667 21 12V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H3ZM19 6H18C17.7167 6 17.4793 5.90433 17.288 5.713C17.096 5.521 17 5.28333 17 5C17 4.71667 17.096 4.479 17.288 4.287C17.4793 4.09567 17.7167 4 18 4H19V3C19 2.71667 19.096 2.479 19.288 2.287C19.4793 2.09567 19.7167 2 20 2C20.2833 2 20.5207 2.09567 20.712 2.287C20.904 2.479 21 2.71667 21 3V4H22C22.2833 4 22.5207 4.09567 22.712 4.287C22.904 4.479 23 4.71667 23 5C23 5.28333 22.904 5.521 22.712 5.713C22.5207 5.90433 22.2833 6 22 6H21V7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8C19.7167 8 19.4793 7.90433 19.288 7.713C19.096 7.521 19 7.28333 19 7V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '7dd84a5a37e28aec2950e6024d611cd676f37a71' }, h("path", { key: 'f58d94c501f63999b1c236b2aecc06587ec37947', d: "M12.8334 21.5833C14.2917 21.5833 15.5315 21.073 16.5527 20.0526C17.5731 19.0314 18.0834 17.7916 18.0834 16.3333C18.0834 14.8749 17.5731 13.6351 16.5527 12.6139C15.5315 11.5935 14.2917 11.0833 12.8334 11.0833C11.375 11.0833 10.1352 11.5935 9.11402 12.6139C8.09358 13.6351 7.58335 14.8749 7.58335 16.3333C7.58335 17.7916 8.09358 19.0314 9.11402 20.0526C10.1352 21.073 11.375 21.5833 12.8334 21.5833ZM3.50002 25.6666C2.85835 25.6666 2.30924 25.4383 1.85269 24.9818C1.39535 24.5244 1.16669 23.9749 1.16669 23.3333V9.33325C1.16669 8.69159 1.39535 8.14247 1.85269 7.68592C2.30924 7.22859 2.85835 6.99992 3.50002 6.99992H7.17502L8.63335 5.42492C8.84724 5.19159 9.10469 5.00686 9.40569 4.87075C9.70746 4.73464 10.0236 4.66659 10.3542 4.66659H15.1667C15.4972 4.66659 15.7745 4.7782 15.9985 5.00142C16.2217 5.22542 16.3334 5.5027 16.3334 5.83325V9.33325H3.50002V23.3333H22.1667V12.8333H23.3334C23.4889 12.8333 23.6398 12.8624 23.786 12.9208C23.9315 12.9791 24.0579 13.0615 24.1652 13.1681C24.2717 13.2754 24.3542 13.4018 24.4125 13.5473C24.4709 13.6935 24.5 13.8444 24.5 13.9999V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3579 25.4383 22.8084 25.6666 22.1667 25.6666H3.50002ZM22.1667 6.99992H21C20.6695 6.99992 20.3926 6.88831 20.1694 6.66509C19.9454 6.44109 19.8334 6.16381 19.8334 5.83325C19.8334 5.5027 19.9454 5.22542 20.1694 5.00142C20.3926 4.7782 20.6695 4.66659 21 4.66659H22.1667V3.49992C22.1667 3.16936 22.2787 2.89209 22.5027 2.66809C22.7259 2.44486 23.0028 2.33325 23.3334 2.33325C23.6639 2.33325 23.9408 2.44486 24.164 2.66809C24.388 2.89209 24.5 3.16936 24.5 3.49992V4.66659H25.6667C25.9972 4.66659 26.2741 4.7782 26.4974 5.00142C26.7214 5.22542 26.8334 5.5027 26.8334 5.83325C26.8334 6.16381 26.7214 6.44109 26.4974 6.66509C26.2741 6.88831 25.9972 6.99992 25.6667 6.99992H24.5V8.16659C24.5 8.49714 24.388 8.77442 24.164 8.99842C23.9408 9.22164 23.6639 9.33325 23.3334 9.33325C23.0028 9.33325 22.7259 9.22164 22.5027 8.99842C22.2787 8.77442 22.1667 8.49714 22.1667 8.16659V6.99992Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-add-photo"; }
+    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-add-reaction.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconAddReaction {
-  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: "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, null, h("path", { 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, null, h("path", { 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",
-        "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: '203db276593e0434722c5f86d51500a6c7ed01ae', "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: '83ec766e3312e09b9afaf32b5e6d7dc70f0a1e88' }, h("path", { key: 'fd178d2db45bbc9d63eec067c4389b602ef5a2f3', 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: '1fc09dc559929ce29d06b0fe4a0a4c6d069ff536' }, h("path", { key: 'f3843db403afbb9f7655aac2e2e2e6476829bbe9', 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: '599cd77b8aa6f0d53d303f96b41cecc7fb12453f' }, h("path", { key: '8581c7c266a7428102b7c06cc7c79b962cfbe119', 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",
+                "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-add.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconAdd {
-  constructor() {
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8 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, null, h("path", { 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, null, h("path", { 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",
-        "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: '41b27b55b32c25715ef99cc7b918a192b6eedafc', "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: '5531139f34d10316741ade97958fe16fe176fbcd' }, h("path", { key: 'a2d9f592abf5105550a7e5b4afaa173c356540a7', 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: 'a623fc7df4efa3dc95322f3480ccba35e7024079' }, h("path", { key: '5fd3be279245115ff44adb9717e5ce9609b60d01', 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: '26d30c63a8fbc3edab529359085e3982fc602472' }, h("path", { key: '5e52535f7f993cd26dbe6b935a93032ef9bff524', 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",
+                "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"
-      }
-    };
-  }
+        };
+    }
 }