@getflip/swirl-components 0.197.1 → 0.199.0

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

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconSpellcheck {
-  constructor() {
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M9.40002 14.4667C9.33335 14.4667 9.27224 14.4556 9.21669 14.4333C9.16113 14.4111 9.10558 14.3722 9.05002 14.3167L7.03335 12.3C6.91113 12.1778 6.85002 12.0222 6.85002 11.8333C6.85002 11.6444 6.91113 11.4889 7.03335 11.3667C7.15558 11.2444 7.31113 11.1833 7.50002 11.1833C7.68891 11.1833 7.84446 11.2444 7.96669 11.3667L9.40002 12.8L12.7 9.5C12.8222 9.37778 12.9778 9.31667 13.1667 9.31667C13.3556 9.31667 13.5111 9.37778 13.6334 9.5C13.7556 9.62222 13.8167 9.77778 13.8167 9.96667C13.8167 10.1556 13.7556 10.3111 13.6334 10.4333L9.75002 14.3167C9.69447 14.3722 9.63891 14.4111 9.58335 14.4333C9.5278 14.4556 9.46669 14.4667 9.40002 14.4667ZM2.93335 10.6667C2.6778 10.6667 2.49169 10.5833 2.37502 10.4167C2.25835 10.25 2.24446 10.0444 2.33335 9.8L4.96669 2.73333C5.04446 2.53333 5.18335 2.36111 5.38335 2.21667C5.58335 2.07222 5.79446 2 6.01669 2C6.23891 2 6.45002 2.07222 6.65002 2.21667C6.85002 2.36111 6.98891 2.53333 7.06669 2.73333L9.70002 9.75C9.78891 10.0056 9.77224 10.2222 9.65002 10.4C9.5278 10.5778 9.3278 10.6667 9.05002 10.6667C8.89446 10.6667 8.74724 10.6167 8.60835 10.5167C8.46947 10.4167 8.37224 10.2944 8.31669 10.15L7.73335 8.46667H4.23335L3.63335 10.1833C3.5778 10.3167 3.48613 10.4306 3.35835 10.525C3.23058 10.6194 3.08891 10.6667 2.93335 10.6667ZM4.70002 7.2H7.30002L6.03335 3.6H5.96669L4.70002 7.2Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M14.1 21.7C14 21.7 13.9083 21.6833 13.825 21.65C13.7417 21.6167 13.6583 21.5583 13.575 21.475L10.55 18.45C10.3667 18.2667 10.275 18.0333 10.275 17.75C10.275 17.4667 10.3667 17.2333 10.55 17.05C10.7333 16.8667 10.9667 16.775 11.25 16.775C11.5333 16.775 11.7667 16.8667 11.95 17.05L14.1 19.2L19.05 14.25C19.2333 14.0667 19.4667 13.975 19.75 13.975C20.0333 13.975 20.2667 14.0667 20.45 14.25C20.6333 14.4333 20.725 14.6667 20.725 14.95C20.725 15.2333 20.6333 15.4667 20.45 15.65L14.625 21.475C14.5417 21.5583 14.4583 21.6167 14.375 21.65C14.2917 21.6833 14.2 21.7 14.1 21.7ZM4.4 16C4.01667 16 3.7375 15.875 3.5625 15.625C3.3875 15.375 3.36667 15.0667 3.5 14.7L7.45 4.1C7.56667 3.8 7.775 3.54167 8.075 3.325C8.375 3.10833 8.69167 3 9.025 3C9.35833 3 9.675 3.10833 9.975 3.325C10.275 3.54167 10.4833 3.8 10.6 4.1L14.55 14.625C14.6833 15.0083 14.6583 15.3333 14.475 15.6C14.2917 15.8667 13.9917 16 13.575 16C13.3417 16 13.1208 15.925 12.9125 15.775C12.7042 15.625 12.5583 15.4417 12.475 15.225L11.6 12.7H6.35L5.45 15.275C5.36667 15.475 5.22917 15.6458 5.0375 15.7875C4.84583 15.9292 4.63333 16 4.4 16ZM7.05 10.8H10.95L9.05 5.4H8.95L7.05 10.8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M16.45 25.3167C16.3333 25.3167 16.2264 25.2972 16.1292 25.2583C16.0319 25.2194 15.9347 25.1514 15.8375 25.0542L12.3083 21.525C12.0944 21.3111 11.9875 21.0389 11.9875 20.7083C11.9875 20.3778 12.0944 20.1056 12.3083 19.8917C12.5222 19.6778 12.7944 19.5708 13.125 19.5708C13.4555 19.5708 13.7278 19.6778 13.9417 19.8917L16.45 22.4L22.225 16.625C22.4389 16.4111 22.7111 16.3042 23.0417 16.3042C23.3722 16.3042 23.6444 16.4111 23.8583 16.625C24.0722 16.8389 24.1792 17.1111 24.1792 17.4417C24.1792 17.7722 24.0722 18.0444 23.8583 18.2583L17.0625 25.0542C16.9653 25.1514 16.868 25.2194 16.7708 25.2583C16.6736 25.2972 16.5667 25.3167 16.45 25.3167ZM5.13332 18.6667C4.6861 18.6667 4.36041 18.5208 4.15624 18.2292C3.95207 17.9375 3.92777 17.5778 4.08332 17.15L8.69166 4.78333C8.82777 4.43333 9.07082 4.13194 9.42082 3.87917C9.77082 3.62639 10.1403 3.5 10.5292 3.5C10.918 3.5 11.2875 3.62639 11.6375 3.87917C11.9875 4.13194 12.2305 4.43333 12.3667 4.78333L16.975 17.0625C17.1305 17.5097 17.1014 17.8889 16.8875 18.2C16.6736 18.5111 16.3236 18.6667 15.8375 18.6667C15.5653 18.6667 15.3076 18.5792 15.0646 18.4042C14.8215 18.2292 14.6514 18.0153 14.5542 17.7625L13.5333 14.8167H7.40832L6.35832 17.8208C6.2611 18.0542 6.10068 18.2535 5.87707 18.4187C5.65346 18.584 5.40555 18.6667 5.13332 18.6667ZM8.22499 12.6H12.775L10.5583 6.3H10.4417L8.22499 12.6Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-spellcheck"; }
-  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: '7f63ab8c01739e0b8192b3ccc4bfbb9c9f24df55', "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: 'b6f1be61ada2d389b15cd4a3c2c86d1e995f6e99' }, h("path", { key: 'a0b6f6b950b5957c70aaa399442909a618010dd7', d: "M9.40002 14.4667C9.33335 14.4667 9.27224 14.4556 9.21669 14.4333C9.16113 14.4111 9.10558 14.3722 9.05002 14.3167L7.03335 12.3C6.91113 12.1778 6.85002 12.0222 6.85002 11.8333C6.85002 11.6444 6.91113 11.4889 7.03335 11.3667C7.15558 11.2444 7.31113 11.1833 7.50002 11.1833C7.68891 11.1833 7.84446 11.2444 7.96669 11.3667L9.40002 12.8L12.7 9.5C12.8222 9.37778 12.9778 9.31667 13.1667 9.31667C13.3556 9.31667 13.5111 9.37778 13.6334 9.5C13.7556 9.62222 13.8167 9.77778 13.8167 9.96667C13.8167 10.1556 13.7556 10.3111 13.6334 10.4333L9.75002 14.3167C9.69447 14.3722 9.63891 14.4111 9.58335 14.4333C9.5278 14.4556 9.46669 14.4667 9.40002 14.4667ZM2.93335 10.6667C2.6778 10.6667 2.49169 10.5833 2.37502 10.4167C2.25835 10.25 2.24446 10.0444 2.33335 9.8L4.96669 2.73333C5.04446 2.53333 5.18335 2.36111 5.38335 2.21667C5.58335 2.07222 5.79446 2 6.01669 2C6.23891 2 6.45002 2.07222 6.65002 2.21667C6.85002 2.36111 6.98891 2.53333 7.06669 2.73333L9.70002 9.75C9.78891 10.0056 9.77224 10.2222 9.65002 10.4C9.5278 10.5778 9.3278 10.6667 9.05002 10.6667C8.89446 10.6667 8.74724 10.6167 8.60835 10.5167C8.46947 10.4167 8.37224 10.2944 8.31669 10.15L7.73335 8.46667H4.23335L3.63335 10.1833C3.5778 10.3167 3.48613 10.4306 3.35835 10.525C3.23058 10.6194 3.08891 10.6667 2.93335 10.6667ZM4.70002 7.2H7.30002L6.03335 3.6H5.96669L4.70002 7.2Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8a473187bcf4081739aa5cb7e7837b079b92238e' }, h("path", { key: 'df0f0ae8e76a0b69abd8e765cd37d6406b1202fb', d: "M14.1 21.7C14 21.7 13.9083 21.6833 13.825 21.65C13.7417 21.6167 13.6583 21.5583 13.575 21.475L10.55 18.45C10.3667 18.2667 10.275 18.0333 10.275 17.75C10.275 17.4667 10.3667 17.2333 10.55 17.05C10.7333 16.8667 10.9667 16.775 11.25 16.775C11.5333 16.775 11.7667 16.8667 11.95 17.05L14.1 19.2L19.05 14.25C19.2333 14.0667 19.4667 13.975 19.75 13.975C20.0333 13.975 20.2667 14.0667 20.45 14.25C20.6333 14.4333 20.725 14.6667 20.725 14.95C20.725 15.2333 20.6333 15.4667 20.45 15.65L14.625 21.475C14.5417 21.5583 14.4583 21.6167 14.375 21.65C14.2917 21.6833 14.2 21.7 14.1 21.7ZM4.4 16C4.01667 16 3.7375 15.875 3.5625 15.625C3.3875 15.375 3.36667 15.0667 3.5 14.7L7.45 4.1C7.56667 3.8 7.775 3.54167 8.075 3.325C8.375 3.10833 8.69167 3 9.025 3C9.35833 3 9.675 3.10833 9.975 3.325C10.275 3.54167 10.4833 3.8 10.6 4.1L14.55 14.625C14.6833 15.0083 14.6583 15.3333 14.475 15.6C14.2917 15.8667 13.9917 16 13.575 16C13.3417 16 13.1208 15.925 12.9125 15.775C12.7042 15.625 12.5583 15.4417 12.475 15.225L11.6 12.7H6.35L5.45 15.275C5.36667 15.475 5.22917 15.6458 5.0375 15.7875C4.84583 15.9292 4.63333 16 4.4 16ZM7.05 10.8H10.95L9.05 5.4H8.95L7.05 10.8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '3d810398fbb15c7fc7aa3646152527a79d43b311' }, h("path", { key: 'b393b512cef378559268c4321eae93d7ad74cf96', d: "M16.45 25.3167C16.3333 25.3167 16.2264 25.2972 16.1292 25.2583C16.0319 25.2194 15.9347 25.1514 15.8375 25.0542L12.3083 21.525C12.0944 21.3111 11.9875 21.0389 11.9875 20.7083C11.9875 20.3778 12.0944 20.1056 12.3083 19.8917C12.5222 19.6778 12.7944 19.5708 13.125 19.5708C13.4555 19.5708 13.7278 19.6778 13.9417 19.8917L16.45 22.4L22.225 16.625C22.4389 16.4111 22.7111 16.3042 23.0417 16.3042C23.3722 16.3042 23.6444 16.4111 23.8583 16.625C24.0722 16.8389 24.1792 17.1111 24.1792 17.4417C24.1792 17.7722 24.0722 18.0444 23.8583 18.2583L17.0625 25.0542C16.9653 25.1514 16.868 25.2194 16.7708 25.2583C16.6736 25.2972 16.5667 25.3167 16.45 25.3167ZM5.13332 18.6667C4.6861 18.6667 4.36041 18.5208 4.15624 18.2292C3.95207 17.9375 3.92777 17.5778 4.08332 17.15L8.69166 4.78333C8.82777 4.43333 9.07082 4.13194 9.42082 3.87917C9.77082 3.62639 10.1403 3.5 10.5292 3.5C10.918 3.5 11.2875 3.62639 11.6375 3.87917C11.9875 4.13194 12.2305 4.43333 12.3667 4.78333L16.975 17.0625C17.1305 17.5097 17.1014 17.8889 16.8875 18.2C16.6736 18.5111 16.3236 18.6667 15.8375 18.6667C15.5653 18.6667 15.3076 18.5792 15.0646 18.4042C14.8215 18.2292 14.6514 18.0153 14.5542 17.7625L13.5333 14.8167H7.40832L6.35832 17.8208C6.2611 18.0542 6.10068 18.2535 5.87707 18.4187C5.65346 18.584 5.40555 18.6667 5.13332 18.6667ZM8.22499 12.6H12.775L10.5583 6.3H10.4417L8.22499 12.6Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-spellcheck"; }
+    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-stop.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconStop {
-  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: "M4 10.6667V5.33333C4 4.96667 4.13056 4.65278 4.39167 4.39167C4.65278 4.13056 4.96667 4 5.33333 4H10.6667C11.0333 4 11.3472 4.13056 11.6083 4.39167C11.8694 4.65278 12 4.96667 12 5.33333V10.6667C12 11.0333 11.8694 11.3472 11.6083 11.6083C11.3472 11.8694 11.0333 12 10.6667 12H5.33333C4.96667 12 4.65278 11.8694 4.39167 11.6083C4.13056 11.3472 4 11.0333 4 10.6667ZM5.33333 10.6667H10.6667V5.33333H5.33333V10.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M6 16V8C6 7.45 6.19583 6.97917 6.5875 6.5875C6.97917 6.19583 7.45 6 8 6H16C16.55 6 17.0208 6.19583 17.4125 6.5875C17.8042 6.97917 18 7.45 18 8V16C18 16.55 17.8042 17.0208 17.4125 17.4125C17.0208 17.8042 16.55 18 16 18H8C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16ZM8 16H16V8H8V16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M7 18.6667V9.33333C7 8.69167 7.22847 8.14236 7.68542 7.68542C8.14236 7.22847 8.69167 7 9.33333 7H18.6667C19.3083 7 19.8576 7.22847 20.3146 7.68542C20.7715 8.14236 21 8.69167 21 9.33333V18.6667C21 19.3083 20.7715 19.8576 20.3146 20.3146C19.8576 20.7715 19.3083 21 18.6667 21H9.33333C8.69167 21 8.14236 20.7715 7.68542 20.3146C7.22847 19.8576 7 19.3083 7 18.6667ZM9.33333 18.6667H18.6667V9.33333H9.33333V18.6667Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-stop"; }
-  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: '65b8a153b548492b131c7d2fdb2ff254c00b31df', "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: '17a07e6accfe593a43ee7461332816cae404c450' }, h("path", { key: '98ce071999557b472e215ca6dd7af1b8e9967f22', d: "M4 10.6667V5.33333C4 4.96667 4.13056 4.65278 4.39167 4.39167C4.65278 4.13056 4.96667 4 5.33333 4H10.6667C11.0333 4 11.3472 4.13056 11.6083 4.39167C11.8694 4.65278 12 4.96667 12 5.33333V10.6667C12 11.0333 11.8694 11.3472 11.6083 11.6083C11.3472 11.8694 11.0333 12 10.6667 12H5.33333C4.96667 12 4.65278 11.8694 4.39167 11.6083C4.13056 11.3472 4 11.0333 4 10.6667ZM5.33333 10.6667H10.6667V5.33333H5.33333V10.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '1d3ec1035d76bccc4588e06e78f524c79dcb817c' }, h("path", { key: 'd390c7ecbd21d54d55955a872df4c40005e27842', d: "M6 16V8C6 7.45 6.19583 6.97917 6.5875 6.5875C6.97917 6.19583 7.45 6 8 6H16C16.55 6 17.0208 6.19583 17.4125 6.5875C17.8042 6.97917 18 7.45 18 8V16C18 16.55 17.8042 17.0208 17.4125 17.4125C17.0208 17.8042 16.55 18 16 18H8C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16ZM8 16H16V8H8V16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '10b9e712cea3cf9b03497d60c57f9aeeeef135ff' }, h("path", { key: '364fd14b9ee8e945b78fc874024a7f6b5ca201c9', d: "M7 18.6667V9.33333C7 8.69167 7.22847 8.14236 7.68542 7.68542C8.14236 7.22847 8.69167 7 9.33333 7H18.6667C19.3083 7 19.8576 7.22847 20.3146 7.68542C20.7715 8.14236 21 8.69167 21 9.33333V18.6667C21 19.3083 20.7715 19.8576 20.3146 20.3146C19.8576 20.7715 19.3083 21 18.6667 21H9.33333C8.69167 21 8.14236 20.7715 7.68542 20.3146C7.22847 19.8576 7 19.3083 7 18.6667ZM9.33333 18.6667H18.6667V9.33333H9.33333V18.6667Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-stop"; }
+    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-sync.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconSync {
-  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.82754 10.5882C7.94754 10.4682 8.09014 10.4082 8.25534 10.4082C8.42014 10.4082 8.55753 10.4632 8.66753 10.5732L9.80752 11.7132V3.20818C9.80752 3.03818 9.86512 2.89578 9.98032 2.78098C10.0951 2.66578 10.2375 2.60818 10.4075 2.60818C10.5775 2.60818 10.7201 2.66578 10.8353 2.78098C10.9501 2.89578 11.0075 3.03818 11.0075 3.20818V11.7132L12.1475 10.5732C12.2575 10.4632 12.3951 10.4082 12.5603 10.4082C12.7251 10.4082 12.8675 10.4682 12.9875 10.5882C13.0975 10.6982 13.1525 10.8382 13.1525 11.0082C13.1525 11.1782 13.0975 11.3182 12.9875 11.4282L10.8275 13.5882C10.7675 13.6482 10.7025 13.6908 10.6325 13.716C10.5625 13.7408 10.4875 13.7532 10.4075 13.7532C10.3275 13.7532 10.2525 13.7408 10.1825 13.716C10.1125 13.6908 10.0475 13.6482 9.98752 13.5882L7.82754 11.4282C7.70754 11.3082 7.65015 11.1658 7.65534 11.001C7.66014 10.8358 7.71754 10.6982 7.82754 10.5882ZM3.0276 4.58819L5.18757 2.42818C5.24757 2.36818 5.31257 2.32578 5.38257 2.30098C5.45257 2.27578 5.52757 2.26318 5.60757 2.26318C5.68757 2.26318 5.76257 2.27578 5.83257 2.30098C5.90257 2.32578 5.96756 2.36818 6.02756 2.42818L8.18754 4.58819C8.29754 4.69819 8.35514 4.83579 8.36034 5.00099C8.36514 5.16579 8.30754 5.30819 8.18754 5.42819C8.07754 5.54819 7.94014 5.61059 7.77534 5.61539C7.61015 5.62059 7.46755 5.56319 7.34755 5.44319L6.20756 4.30319V12.8082C6.20756 12.9782 6.15016 13.1206 6.03536 13.2354C5.92017 13.3506 5.77757 13.4082 5.60757 13.4082C5.43757 13.4082 5.29517 13.3506 5.18037 13.2354C5.06518 13.1206 5.00758 12.9782 5.00758 12.8082V4.30319L3.86759 5.44319C3.75759 5.55319 3.61759 5.61059 3.44759 5.61539C3.27759 5.62059 3.1376 5.56319 3.0276 5.44319C2.9076 5.33319 2.8476 5.19319 2.8476 5.02319C2.8476 4.85319 2.9076 4.70819 3.0276 4.58819Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M11.7413 15.882C11.9213 15.702 12.1352 15.612 12.383 15.612C12.6302 15.612 12.8363 15.6945 13.0013 15.8595L14.7113 17.5695V4.81203C14.7113 4.55703 14.7977 4.34343 14.9705 4.17123C15.1427 3.99843 15.3563 3.91203 15.6113 3.91203C15.8663 3.91203 16.0802 3.99843 16.253 4.17123C16.4252 4.34343 16.5113 4.55703 16.5113 4.81203V17.5695L18.2212 15.8595C18.3862 15.6945 18.5926 15.612 18.8404 15.612C19.0876 15.612 19.3012 15.702 19.4812 15.882C19.6462 16.047 19.7287 16.257 19.7287 16.512C19.7287 16.767 19.6462 16.977 19.4812 17.142L16.2413 20.3821C16.1513 20.4721 16.0538 20.536 15.9488 20.5738C15.8438 20.611 15.7313 20.6296 15.6113 20.6296C15.4913 20.6296 15.3788 20.611 15.2738 20.5738C15.1688 20.536 15.0713 20.4721 14.9813 20.3821L11.7413 17.142C11.5613 16.962 11.4752 16.7484 11.483 16.5012C11.4902 16.2534 11.5763 16.047 11.7413 15.882ZM4.5414 6.88204L7.78136 3.64203C7.87136 3.55203 7.96886 3.48843 8.07386 3.45123C8.17885 3.41343 8.29135 3.39453 8.41135 3.39453C8.53135 3.39453 8.64385 3.41343 8.74885 3.45123C8.85385 3.48843 8.95135 3.55203 9.04134 3.64203L12.2813 6.88204C12.4463 7.04704 12.5327 7.25344 12.5405 7.50124C12.5477 7.74844 12.4613 7.96204 12.2813 8.14204C12.1163 8.32204 11.9102 8.41564 11.663 8.42284C11.4152 8.43064 11.2013 8.34454 11.0213 8.16454L9.31134 6.45453V19.2121C9.31134 19.4671 9.22524 19.6807 9.05305 19.8529C8.88025 20.0257 8.66635 20.1121 8.41135 20.1121C8.15636 20.1121 7.94276 20.0257 7.77056 19.8529C7.59776 19.6807 7.51136 19.4671 7.51136 19.2121V6.45453L5.80138 8.16454C5.63638 8.32954 5.42639 8.41564 5.17139 8.42284C4.91639 8.43064 4.7064 8.34454 4.5414 8.16454C4.3614 7.99954 4.2714 7.78954 4.2714 7.53454C4.2714 7.27954 4.3614 7.06204 4.5414 6.88204Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M13.6982 18.5292C13.9082 18.3192 14.1577 18.2142 14.4468 18.2142C14.7352 18.2142 14.9757 18.3105 15.1682 18.503L17.1632 20.498V5.6142C17.1632 5.3167 17.264 5.0675 17.4656 4.8666C17.6665 4.665 17.9157 4.5642 18.2132 4.5642C18.5106 4.5642 18.7602 4.665 18.9618 4.8666C19.1627 5.0675 19.2631 5.3167 19.2631 5.6142V20.498L21.2581 18.503C21.4506 18.3105 21.6914 18.2142 21.9805 18.2142C22.2689 18.2142 22.5181 18.3192 22.7281 18.5292C22.9206 18.7217 23.0168 18.9667 23.0168 19.2642C23.0168 19.5617 22.9206 19.8067 22.7281 19.9992L18.9481 23.7792C18.8431 23.8842 18.7294 23.9588 18.6069 24.0029C18.4844 24.0463 18.3531 24.068 18.2132 24.068C18.0732 24.068 17.9419 24.0463 17.8194 24.0029C17.6969 23.9588 17.5832 23.8842 17.4782 23.7792L13.6982 19.9992C13.4882 19.7892 13.3878 19.54 13.3969 19.2516C13.4053 18.9625 13.5057 18.7217 13.6982 18.5292ZM5.2983 8.0292L9.07826 4.2492C9.18325 4.1442 9.297 4.07 9.4195 4.0266C9.542 3.9825 9.67325 3.96045 9.81325 3.96045C9.95325 3.96045 10.0845 3.9825 10.207 4.0266C10.3295 4.07 10.4432 4.1442 10.5482 4.2492L14.3282 8.0292C14.5207 8.2217 14.6215 8.4625 14.6306 8.7516C14.639 9.04001 14.5382 9.28921 14.3282 9.49921C14.1357 9.70921 13.8953 9.81841 13.6069 9.82681C13.3178 9.83591 13.0682 9.73546 12.8582 9.52546L10.8632 7.53045V22.4142C10.8632 22.7117 10.7628 22.9609 10.5619 23.1618C10.3603 23.3634 10.1107 23.4642 9.81325 23.4642C9.51575 23.4642 9.26655 23.3634 9.06566 23.1618C8.86406 22.9609 8.76326 22.7117 8.76326 22.4142V7.53045L6.76828 9.52546C6.57578 9.71796 6.33079 9.81841 6.03329 9.82681C5.73579 9.83591 5.4908 9.73546 5.2983 9.52546C5.0883 9.33296 4.9833 9.08796 4.9833 8.79046C4.9833 8.49296 5.0883 8.2392 5.2983 8.0292Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-sync"; }
-  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: 'f1ace8c47dbb788b5cbaca93625d7d91bfe53761', "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: 'eac98f0dd7b5940f8f0797f0163ba182415cb408' }, h("path", { key: '7f9b03fa34fa3c0966f6d09b1b531599cb4deac6', d: "M7.82754 10.5882C7.94754 10.4682 8.09014 10.4082 8.25534 10.4082C8.42014 10.4082 8.55753 10.4632 8.66753 10.5732L9.80752 11.7132V3.20818C9.80752 3.03818 9.86512 2.89578 9.98032 2.78098C10.0951 2.66578 10.2375 2.60818 10.4075 2.60818C10.5775 2.60818 10.7201 2.66578 10.8353 2.78098C10.9501 2.89578 11.0075 3.03818 11.0075 3.20818V11.7132L12.1475 10.5732C12.2575 10.4632 12.3951 10.4082 12.5603 10.4082C12.7251 10.4082 12.8675 10.4682 12.9875 10.5882C13.0975 10.6982 13.1525 10.8382 13.1525 11.0082C13.1525 11.1782 13.0975 11.3182 12.9875 11.4282L10.8275 13.5882C10.7675 13.6482 10.7025 13.6908 10.6325 13.716C10.5625 13.7408 10.4875 13.7532 10.4075 13.7532C10.3275 13.7532 10.2525 13.7408 10.1825 13.716C10.1125 13.6908 10.0475 13.6482 9.98752 13.5882L7.82754 11.4282C7.70754 11.3082 7.65015 11.1658 7.65534 11.001C7.66014 10.8358 7.71754 10.6982 7.82754 10.5882ZM3.0276 4.58819L5.18757 2.42818C5.24757 2.36818 5.31257 2.32578 5.38257 2.30098C5.45257 2.27578 5.52757 2.26318 5.60757 2.26318C5.68757 2.26318 5.76257 2.27578 5.83257 2.30098C5.90257 2.32578 5.96756 2.36818 6.02756 2.42818L8.18754 4.58819C8.29754 4.69819 8.35514 4.83579 8.36034 5.00099C8.36514 5.16579 8.30754 5.30819 8.18754 5.42819C8.07754 5.54819 7.94014 5.61059 7.77534 5.61539C7.61015 5.62059 7.46755 5.56319 7.34755 5.44319L6.20756 4.30319V12.8082C6.20756 12.9782 6.15016 13.1206 6.03536 13.2354C5.92017 13.3506 5.77757 13.4082 5.60757 13.4082C5.43757 13.4082 5.29517 13.3506 5.18037 13.2354C5.06518 13.1206 5.00758 12.9782 5.00758 12.8082V4.30319L3.86759 5.44319C3.75759 5.55319 3.61759 5.61059 3.44759 5.61539C3.27759 5.62059 3.1376 5.56319 3.0276 5.44319C2.9076 5.33319 2.8476 5.19319 2.8476 5.02319C2.8476 4.85319 2.9076 4.70819 3.0276 4.58819Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '36b0ab0f20387bd3fac21fecee3072343c889c59' }, h("path", { key: '56dd537f8bb3b29ca81846818851292235d6922f', d: "M11.7413 15.882C11.9213 15.702 12.1352 15.612 12.383 15.612C12.6302 15.612 12.8363 15.6945 13.0013 15.8595L14.7113 17.5695V4.81203C14.7113 4.55703 14.7977 4.34343 14.9705 4.17123C15.1427 3.99843 15.3563 3.91203 15.6113 3.91203C15.8663 3.91203 16.0802 3.99843 16.253 4.17123C16.4252 4.34343 16.5113 4.55703 16.5113 4.81203V17.5695L18.2212 15.8595C18.3862 15.6945 18.5926 15.612 18.8404 15.612C19.0876 15.612 19.3012 15.702 19.4812 15.882C19.6462 16.047 19.7287 16.257 19.7287 16.512C19.7287 16.767 19.6462 16.977 19.4812 17.142L16.2413 20.3821C16.1513 20.4721 16.0538 20.536 15.9488 20.5738C15.8438 20.611 15.7313 20.6296 15.6113 20.6296C15.4913 20.6296 15.3788 20.611 15.2738 20.5738C15.1688 20.536 15.0713 20.4721 14.9813 20.3821L11.7413 17.142C11.5613 16.962 11.4752 16.7484 11.483 16.5012C11.4902 16.2534 11.5763 16.047 11.7413 15.882ZM4.5414 6.88204L7.78136 3.64203C7.87136 3.55203 7.96886 3.48843 8.07386 3.45123C8.17885 3.41343 8.29135 3.39453 8.41135 3.39453C8.53135 3.39453 8.64385 3.41343 8.74885 3.45123C8.85385 3.48843 8.95135 3.55203 9.04134 3.64203L12.2813 6.88204C12.4463 7.04704 12.5327 7.25344 12.5405 7.50124C12.5477 7.74844 12.4613 7.96204 12.2813 8.14204C12.1163 8.32204 11.9102 8.41564 11.663 8.42284C11.4152 8.43064 11.2013 8.34454 11.0213 8.16454L9.31134 6.45453V19.2121C9.31134 19.4671 9.22524 19.6807 9.05305 19.8529C8.88025 20.0257 8.66635 20.1121 8.41135 20.1121C8.15636 20.1121 7.94276 20.0257 7.77056 19.8529C7.59776 19.6807 7.51136 19.4671 7.51136 19.2121V6.45453L5.80138 8.16454C5.63638 8.32954 5.42639 8.41564 5.17139 8.42284C4.91639 8.43064 4.7064 8.34454 4.5414 8.16454C4.3614 7.99954 4.2714 7.78954 4.2714 7.53454C4.2714 7.27954 4.3614 7.06204 4.5414 6.88204Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '7ae28bc0e5260a7f6cc7824a9ae085bd5a332740' }, h("path", { key: '316dd23b49ef11fa925f6aa9140e6db11485df51', d: "M13.6982 18.5292C13.9082 18.3192 14.1577 18.2142 14.4468 18.2142C14.7352 18.2142 14.9757 18.3105 15.1682 18.503L17.1632 20.498V5.6142C17.1632 5.3167 17.264 5.0675 17.4656 4.8666C17.6665 4.665 17.9157 4.5642 18.2132 4.5642C18.5106 4.5642 18.7602 4.665 18.9618 4.8666C19.1627 5.0675 19.2631 5.3167 19.2631 5.6142V20.498L21.2581 18.503C21.4506 18.3105 21.6914 18.2142 21.9805 18.2142C22.2689 18.2142 22.5181 18.3192 22.7281 18.5292C22.9206 18.7217 23.0168 18.9667 23.0168 19.2642C23.0168 19.5617 22.9206 19.8067 22.7281 19.9992L18.9481 23.7792C18.8431 23.8842 18.7294 23.9588 18.6069 24.0029C18.4844 24.0463 18.3531 24.068 18.2132 24.068C18.0732 24.068 17.9419 24.0463 17.8194 24.0029C17.6969 23.9588 17.5832 23.8842 17.4782 23.7792L13.6982 19.9992C13.4882 19.7892 13.3878 19.54 13.3969 19.2516C13.4053 18.9625 13.5057 18.7217 13.6982 18.5292ZM5.2983 8.0292L9.07826 4.2492C9.18325 4.1442 9.297 4.07 9.4195 4.0266C9.542 3.9825 9.67325 3.96045 9.81325 3.96045C9.95325 3.96045 10.0845 3.9825 10.207 4.0266C10.3295 4.07 10.4432 4.1442 10.5482 4.2492L14.3282 8.0292C14.5207 8.2217 14.6215 8.4625 14.6306 8.7516C14.639 9.04001 14.5382 9.28921 14.3282 9.49921C14.1357 9.70921 13.8953 9.81841 13.6069 9.82681C13.3178 9.83591 13.0682 9.73546 12.8582 9.52546L10.8632 7.53045V22.4142C10.8632 22.7117 10.7628 22.9609 10.5619 23.1618C10.3603 23.3634 10.1107 23.4642 9.81325 23.4642C9.51575 23.4642 9.26655 23.3634 9.06566 23.1618C8.86406 22.9609 8.76326 22.7117 8.76326 22.4142V7.53045L6.76828 9.52546C6.57578 9.71796 6.33079 9.81841 6.03329 9.82681C5.73579 9.83591 5.4908 9.73546 5.2983 9.52546C5.0883 9.33296 4.9833 9.08796 4.9833 8.79046C4.9833 8.49296 5.0883 8.2392 5.2983 8.0292Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-sync"; }
+    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"
-      }
-    };
-  }
+        };
+    }
 }