@getflip/swirl-components 0.189.0 → 0.191.0

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

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconSettings {
-    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: '2e21d1e78f657b9e8e9a4d17e64c17a07abbd7eb', "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: '34dddbdb016314461a4b0b8323357903a4cfa667' }, h("path", { key: 'e47ec9f21de8efd4d07be21e220a7c29c6f60c76', d: "M9.25002 14.6666H6.75002C6.58335 14.6666 6.43891 14.611 6.31669 14.4999C6.19447 14.3888 6.12224 14.2499 6.10002 14.0833L5.90002 12.5333C5.75558 12.4777 5.61958 12.411 5.49202 12.3333C5.36402 12.2555 5.23891 12.1721 5.11669 12.0833L3.66669 12.6833C3.51113 12.7388 3.35558 12.7444 3.20002 12.6999C3.04447 12.6555 2.92224 12.561 2.83335 12.4166L1.60002 10.2666C1.51113 10.1221 1.48335 9.96658 1.51669 9.79992C1.55002 9.63325 1.63335 9.49992 1.76669 9.39992L3.01669 8.44992C3.00558 8.37214 3.00002 8.29703 3.00002 8.22458V7.77458C3.00002 7.70258 3.00558 7.6277 3.01669 7.54992L1.76669 6.59992C1.63335 6.49992 1.55002 6.36659 1.51669 6.19992C1.48335 6.03325 1.51113 5.8777 1.60002 5.73325L2.83335 3.58325C2.91113 3.4277 3.03047 3.33036 3.19135 3.29125C3.35269 3.25259 3.51113 3.26103 3.66669 3.31659L5.11669 3.91659C5.23891 3.8277 5.36669 3.74436 5.50002 3.66659C5.63335 3.58881 5.76669 3.52214 5.90002 3.46659L6.10002 1.91659C6.12224 1.74992 6.19447 1.61103 6.31669 1.49992C6.43891 1.38881 6.58335 1.33325 6.75002 1.33325H9.25002C9.41669 1.33325 9.56113 1.38881 9.68335 1.49992C9.80558 1.61103 9.8778 1.74992 9.90002 1.91659L10.1 3.46659C10.2445 3.52214 10.3807 3.58881 10.5087 3.66659C10.6362 3.74436 10.7611 3.8277 10.8834 3.91659L12.3334 3.31659C12.4889 3.26103 12.6445 3.25547 12.8 3.29992C12.9556 3.34436 13.0778 3.43881 13.1667 3.58325L14.4 5.73325C14.4889 5.8777 14.5167 6.03325 14.4834 6.19992C14.45 6.36659 14.3667 6.49992 14.2334 6.59992L12.9834 7.54992C12.9945 7.6277 13 7.70258 13 7.77458V8.22458C13 8.29703 12.9889 8.37214 12.9667 8.44992L14.2167 9.39992C14.35 9.49992 14.4334 9.63325 14.4667 9.79992C14.5 9.96658 14.4722 10.1221 14.3834 10.2666L13.15 12.3999C13.0611 12.5444 12.9362 12.6417 12.7754 12.6919C12.614 12.7417 12.4556 12.7388 12.3 12.6833L10.8834 12.0833C10.7611 12.1721 10.6334 12.2555 10.5 12.3333C10.3667 12.411 10.2334 12.4777 10.1 12.5333L9.90002 14.0833C9.8778 14.2499 9.80558 14.3888 9.68335 14.4999C9.56113 14.611 9.41669 14.6666 9.25002 14.6666ZM8.03335 10.3333C8.6778 10.3333 9.2278 10.1055 9.68335 9.64992C10.1389 9.19436 10.3667 8.64436 10.3667 7.99992C10.3667 7.35547 10.1389 6.80547 9.68335 6.34992C9.2278 5.89436 8.6778 5.66659 8.03335 5.66659C7.3778 5.66659 6.82491 5.89436 6.37469 6.34992C5.92491 6.80547 5.70002 7.35547 5.70002 7.99992C5.70002 8.64436 5.92491 9.19436 6.37469 9.64992C6.82491 10.1055 7.3778 10.3333 8.03335 10.3333ZM8.03335 8.99992C7.75558 8.99992 7.51958 8.90259 7.32535 8.70792C7.13069 8.5137 7.03335 8.2777 7.03335 7.99992C7.03335 7.72214 7.13069 7.48614 7.32535 7.29192C7.51958 7.09725 7.75558 6.99992 8.03335 6.99992C8.31113 6.99992 8.54735 7.09725 8.74202 7.29192C8.93624 7.48614 9.03335 7.72214 9.03335 7.99992C9.03335 8.2777 8.93624 8.5137 8.74202 8.70792C8.54735 8.90259 8.31113 8.99992 8.03335 8.99992ZM7.33335 13.3333H8.65002L8.88335 11.5666C9.2278 11.4777 9.54735 11.347 9.84202 11.1746C10.1362 11.0026 10.4056 10.7944 10.65 10.5499L12.3 11.2333L12.95 10.0999L11.5167 9.01658C11.5722 8.86103 11.6111 8.69703 11.6334 8.52458C11.6556 8.35258 11.6667 8.1777 11.6667 7.99992C11.6667 7.82214 11.6556 7.64703 11.6334 7.47458C11.6111 7.30258 11.5722 7.13881 11.5167 6.98325L12.95 5.89992L12.3 4.76659L10.65 5.46658C10.4056 5.21103 10.1362 4.99703 9.84202 4.82459C9.54735 4.65259 9.2278 4.52214 8.88335 4.43325L8.66669 2.66659H7.35002L7.11669 4.43325C6.77224 4.52214 6.45291 4.65259 6.15869 4.82459C5.86402 4.99703 5.59447 5.20547 5.35002 5.44992L3.70002 4.76659L3.05002 5.89992L4.48335 6.96658C4.4278 7.13325 4.38891 7.29992 4.36669 7.46658C4.34447 7.63325 4.33335 7.81103 4.33335 7.99992C4.33335 8.1777 4.34447 8.34992 4.36669 8.51658C4.38891 8.68325 4.4278 8.84992 4.48335 9.01658L3.05002 10.0999L3.70002 11.2333L5.35002 10.5333C5.59447 10.7888 5.86402 11.0026 6.15869 11.1746C6.45291 11.347 6.77224 11.4777 7.11669 11.5666L7.33335 13.3333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd2cf7f72997e7896bf6eadff5db9c0afac53fe74' }, h("path", { key: '2addf6b66c700056cba9dbc9dcc1be8dfedb6393', d: "M13.875 22H10.125C9.875 22 9.65834 21.9167 9.475 21.75C9.29167 21.5833 9.18333 21.375 9.15 21.125L8.85 18.8C8.63334 18.7167 8.42933 18.6167 8.238 18.5C8.046 18.3833 7.85833 18.2583 7.675 18.125L5.5 19.025C5.26667 19.1083 5.03334 19.1167 4.8 19.05C4.56667 18.9833 4.38333 18.8417 4.25 18.625L2.4 15.4C2.26667 15.1833 2.225 14.95 2.275 14.7C2.325 14.45 2.45 14.25 2.65 14.1L4.525 12.675C4.50834 12.5583 4.5 12.4457 4.5 12.337V11.662C4.5 11.554 4.50834 11.4417 4.525 11.325L2.65 9.9C2.45 9.75 2.325 9.55 2.275 9.3C2.225 9.05 2.26667 8.81667 2.4 8.6L4.25 5.375C4.36667 5.14167 4.54567 4.99567 4.787 4.937C5.029 4.879 5.26667 4.89167 5.5 4.975L7.675 5.875C7.85833 5.74167 8.05 5.61667 8.25 5.5C8.45 5.38333 8.65 5.28333 8.85 5.2L9.15 2.875C9.18333 2.625 9.29167 2.41667 9.475 2.25C9.65834 2.08333 9.875 2 10.125 2H13.875C14.125 2 14.3417 2.08333 14.525 2.25C14.7083 2.41667 14.8167 2.625 14.85 2.875L15.15 5.2C15.3667 5.28333 15.571 5.38333 15.763 5.5C15.9543 5.61667 16.1417 5.74167 16.325 5.875L18.5 4.975C18.7333 4.89167 18.9667 4.88333 19.2 4.95C19.4333 5.01667 19.6167 5.15833 19.75 5.375L21.6 8.6C21.7333 8.81667 21.775 9.05 21.725 9.3C21.675 9.55 21.55 9.75 21.35 9.9L19.475 11.325C19.4917 11.4417 19.5 11.554 19.5 11.662V12.337C19.5 12.4457 19.4833 12.5583 19.45 12.675L21.325 14.1C21.525 14.25 21.65 14.45 21.7 14.7C21.75 14.95 21.7083 15.1833 21.575 15.4L19.725 18.6C19.5917 18.8167 19.4043 18.9627 19.163 19.038C18.921 19.1127 18.6833 19.1083 18.45 19.025L16.325 18.125C16.1417 18.2583 15.95 18.3833 15.75 18.5C15.55 18.6167 15.35 18.7167 15.15 18.8L14.85 21.125C14.8167 21.375 14.7083 21.5833 14.525 21.75C14.3417 21.9167 14.125 22 13.875 22ZM12.05 15.5C13.0167 15.5 13.8417 15.1583 14.525 14.475C15.2083 13.7917 15.55 12.9667 15.55 12C15.55 11.0333 15.2083 10.2083 14.525 9.525C13.8417 8.84167 13.0167 8.5 12.05 8.5C11.0667 8.5 10.2373 8.84167 9.562 9.525C8.88734 10.2083 8.55 11.0333 8.55 12C8.55 12.9667 8.88734 13.7917 9.562 14.475C10.2373 15.1583 11.0667 15.5 12.05 15.5ZM12.05 13.5C11.6333 13.5 11.2793 13.354 10.988 13.062C10.696 12.7707 10.55 12.4167 10.55 12C10.55 11.5833 10.696 11.2293 10.988 10.938C11.2793 10.646 11.6333 10.5 12.05 10.5C12.4667 10.5 12.821 10.646 13.113 10.938C13.4043 11.2293 13.55 11.5833 13.55 12C13.55 12.4167 13.4043 12.7707 13.113 13.062C12.821 13.354 12.4667 13.5 12.05 13.5ZM11 20H12.975L13.325 17.35C13.8417 17.2167 14.321 17.0207 14.763 16.762C15.2043 16.504 15.6083 16.1917 15.975 15.825L18.45 16.85L19.425 15.15L17.275 13.525C17.3583 13.2917 17.4167 13.0457 17.45 12.787C17.4833 12.529 17.5 12.2667 17.5 12C17.5 11.7333 17.4833 11.4707 17.45 11.212C17.4167 10.954 17.3583 10.7083 17.275 10.475L19.425 8.85L18.45 7.15L15.975 8.2C15.6083 7.81667 15.2043 7.49567 14.763 7.237C14.321 6.979 13.8417 6.78333 13.325 6.65L13 4H11.025L10.675 6.65C10.1583 6.78333 9.67933 6.979 9.238 7.237C8.796 7.49567 8.39167 7.80833 8.025 8.175L5.55 7.15L4.575 8.85L6.725 10.45C6.64167 10.7 6.58333 10.95 6.55 11.2C6.51667 11.45 6.5 11.7167 6.5 12C6.5 12.2667 6.51667 12.525 6.55 12.775C6.58333 13.025 6.64167 13.275 6.725 13.525L4.575 15.15L5.55 16.85L8.025 15.8C8.39167 16.1833 8.796 16.504 9.238 16.762C9.67933 17.0207 10.1583 17.2167 10.675 17.35L11 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ecf6c87efc2b95ead3b5c8d005dbe2c06690e517' }, h("path", { key: '453489a6ebe4d0e43e002643456a51a061ba0e98', d: "M16.1875 25.6666H11.8125C11.5208 25.6666 11.2681 25.5694 11.0542 25.3749C10.8403 25.1805 10.7139 24.9374 10.675 24.6458L10.325 21.9333C10.0722 21.836 9.83423 21.7194 9.61101 21.5833C9.38701 21.4471 9.16806 21.3013 8.95417 21.1458L6.41667 22.1958C6.14445 22.293 5.87223 22.3027 5.60001 22.2249C5.32779 22.1471 5.1139 21.9819 4.95834 21.7291L2.80001 17.9666C2.64445 17.7138 2.59584 17.4416 2.65417 17.1499C2.71251 16.8583 2.85834 16.6249 3.09167 16.4499L5.27917 14.7874C5.25973 14.6513 5.25001 14.5199 5.25001 14.3931V13.6056C5.25001 13.4796 5.25973 13.3485 5.27917 13.2124L3.09167 11.5499C2.85834 11.3749 2.71251 11.1416 2.65417 10.8499C2.59584 10.5583 2.64445 10.286 2.80001 10.0333L4.95834 6.27075C5.09445 5.99853 5.30329 5.8282 5.58484 5.75975C5.86717 5.69209 6.14445 5.70686 6.41667 5.80409L8.95417 6.85409C9.16806 6.69853 9.39167 6.5527 9.62501 6.41659C9.85834 6.28047 10.0917 6.16381 10.325 6.06659L10.675 3.35409C10.7139 3.06242 10.8403 2.81936 11.0542 2.62492C11.2681 2.43047 11.5208 2.33325 11.8125 2.33325H16.1875C16.4792 2.33325 16.732 2.43047 16.9458 2.62492C17.1597 2.81936 17.2861 3.06242 17.325 3.35409L17.675 6.06659C17.9278 6.16381 18.1662 6.28047 18.3902 6.41659C18.6134 6.5527 18.832 6.69853 19.0458 6.85409L21.5833 5.80409C21.8556 5.70686 22.1278 5.69714 22.4 5.77492C22.6722 5.8527 22.8861 6.01797 23.0417 6.27075L25.2 10.0333C25.3556 10.286 25.4042 10.5583 25.3458 10.8499C25.2875 11.1416 25.1417 11.3749 24.9083 11.5499L22.7208 13.2124C22.7403 13.3485 22.75 13.4796 22.75 13.6056V14.3931C22.75 14.5199 22.7306 14.6513 22.6917 14.7874L24.8792 16.4499C25.1125 16.6249 25.2583 16.8583 25.3167 17.1499C25.375 17.4416 25.3264 17.7138 25.1708 17.9666L23.0125 21.6999C22.857 21.9527 22.6384 22.123 22.3568 22.2109C22.0745 22.298 21.7972 22.293 21.525 22.1958L19.0458 21.1458C18.832 21.3013 18.6083 21.4471 18.375 21.5833C18.1417 21.7194 17.9083 21.836 17.675 21.9333L17.325 24.6458C17.2861 24.9374 17.1597 25.1805 16.9458 25.3749C16.732 25.5694 16.4792 25.6666 16.1875 25.6666ZM14.0583 18.0833C15.1861 18.0833 16.1486 17.6846 16.9458 16.8874C17.7431 16.0902 18.1417 15.1277 18.1417 13.9999C18.1417 12.8721 17.7431 11.9096 16.9458 11.1124C16.1486 10.3152 15.1861 9.91659 14.0583 9.91659C12.9111 9.91659 11.9436 10.3152 11.1557 11.1124C10.3686 11.9096 9.97501 12.8721 9.97501 13.9999C9.97501 15.1277 10.3686 16.0902 11.1557 16.8874C11.9436 17.6846 12.9111 18.0833 14.0583 18.0833ZM14.0583 15.7499C13.5722 15.7499 13.1592 15.5796 12.8193 15.2389C12.4787 14.899 12.3083 14.486 12.3083 13.9999C12.3083 13.5138 12.4787 13.1008 12.8193 12.7609C13.1592 12.4203 13.5722 12.2499 14.0583 12.2499C14.5445 12.2499 14.9578 12.4203 15.2985 12.7609C15.6384 13.1008 15.8083 13.5138 15.8083 13.9999C15.8083 14.486 15.6384 14.899 15.2985 15.2389C14.9578 15.5796 14.5445 15.7499 14.0583 15.7499ZM12.8333 23.3333H15.1375L15.5458 20.2416C16.1486 20.086 16.7078 19.8574 17.2235 19.5556C17.7384 19.2546 18.2097 18.8902 18.6375 18.4624L21.525 19.6583L22.6625 17.6749L20.1542 15.7791C20.2514 15.5069 20.3195 15.2199 20.3583 14.9181C20.3972 14.6171 20.4167 14.311 20.4167 13.9999C20.4167 13.6888 20.3972 13.3824 20.3583 13.0806C20.3195 12.7796 20.2514 12.493 20.1542 12.2208L22.6625 10.3249L21.525 8.34159L18.6375 9.56659C18.2097 9.11936 17.7384 8.74486 17.2235 8.44309C16.7078 8.14209 16.1486 7.91381 15.5458 7.75825L15.1667 4.66659H12.8625L12.4542 7.75825C11.8514 7.91381 11.2926 8.14209 10.7777 8.44309C10.262 8.74486 9.79028 9.10964 9.36251 9.53742L6.47501 8.34159L5.33751 10.3249L7.84584 12.1916C7.74862 12.4833 7.68056 12.7749 7.64167 13.0666C7.60279 13.3583 7.58334 13.6694 7.58334 13.9999C7.58334 14.311 7.60279 14.6124 7.64167 14.9041C7.68056 15.1958 7.74862 15.4874 7.84584 15.7791L5.33751 17.6749L6.47501 19.6583L9.36251 18.4333C9.79028 18.8805 10.262 19.2546 10.7777 19.5556C11.2926 19.8574 11.8514 20.086 12.4542 20.2416L12.8333 23.3333Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-settings"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../swirl-icon.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "color": {
-                "type": "string",
-                "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"
+  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.25002 14.6666H6.75002C6.58335 14.6666 6.43891 14.611 6.31669 14.4999C6.19447 14.3888 6.12224 14.2499 6.10002 14.0833L5.90002 12.5333C5.75558 12.4777 5.61958 12.411 5.49202 12.3333C5.36402 12.2555 5.23891 12.1721 5.11669 12.0833L3.66669 12.6833C3.51113 12.7388 3.35558 12.7444 3.20002 12.6999C3.04447 12.6555 2.92224 12.561 2.83335 12.4166L1.60002 10.2666C1.51113 10.1221 1.48335 9.96658 1.51669 9.79992C1.55002 9.63325 1.63335 9.49992 1.76669 9.39992L3.01669 8.44992C3.00558 8.37214 3.00002 8.29703 3.00002 8.22458V7.77458C3.00002 7.70258 3.00558 7.6277 3.01669 7.54992L1.76669 6.59992C1.63335 6.49992 1.55002 6.36659 1.51669 6.19992C1.48335 6.03325 1.51113 5.8777 1.60002 5.73325L2.83335 3.58325C2.91113 3.4277 3.03047 3.33036 3.19135 3.29125C3.35269 3.25259 3.51113 3.26103 3.66669 3.31659L5.11669 3.91659C5.23891 3.8277 5.36669 3.74436 5.50002 3.66659C5.63335 3.58881 5.76669 3.52214 5.90002 3.46659L6.10002 1.91659C6.12224 1.74992 6.19447 1.61103 6.31669 1.49992C6.43891 1.38881 6.58335 1.33325 6.75002 1.33325H9.25002C9.41669 1.33325 9.56113 1.38881 9.68335 1.49992C9.80558 1.61103 9.8778 1.74992 9.90002 1.91659L10.1 3.46659C10.2445 3.52214 10.3807 3.58881 10.5087 3.66659C10.6362 3.74436 10.7611 3.8277 10.8834 3.91659L12.3334 3.31659C12.4889 3.26103 12.6445 3.25547 12.8 3.29992C12.9556 3.34436 13.0778 3.43881 13.1667 3.58325L14.4 5.73325C14.4889 5.8777 14.5167 6.03325 14.4834 6.19992C14.45 6.36659 14.3667 6.49992 14.2334 6.59992L12.9834 7.54992C12.9945 7.6277 13 7.70258 13 7.77458V8.22458C13 8.29703 12.9889 8.37214 12.9667 8.44992L14.2167 9.39992C14.35 9.49992 14.4334 9.63325 14.4667 9.79992C14.5 9.96658 14.4722 10.1221 14.3834 10.2666L13.15 12.3999C13.0611 12.5444 12.9362 12.6417 12.7754 12.6919C12.614 12.7417 12.4556 12.7388 12.3 12.6833L10.8834 12.0833C10.7611 12.1721 10.6334 12.2555 10.5 12.3333C10.3667 12.411 10.2334 12.4777 10.1 12.5333L9.90002 14.0833C9.8778 14.2499 9.80558 14.3888 9.68335 14.4999C9.56113 14.611 9.41669 14.6666 9.25002 14.6666ZM8.03335 10.3333C8.6778 10.3333 9.2278 10.1055 9.68335 9.64992C10.1389 9.19436 10.3667 8.64436 10.3667 7.99992C10.3667 7.35547 10.1389 6.80547 9.68335 6.34992C9.2278 5.89436 8.6778 5.66659 8.03335 5.66659C7.3778 5.66659 6.82491 5.89436 6.37469 6.34992C5.92491 6.80547 5.70002 7.35547 5.70002 7.99992C5.70002 8.64436 5.92491 9.19436 6.37469 9.64992C6.82491 10.1055 7.3778 10.3333 8.03335 10.3333ZM8.03335 8.99992C7.75558 8.99992 7.51958 8.90259 7.32535 8.70792C7.13069 8.5137 7.03335 8.2777 7.03335 7.99992C7.03335 7.72214 7.13069 7.48614 7.32535 7.29192C7.51958 7.09725 7.75558 6.99992 8.03335 6.99992C8.31113 6.99992 8.54735 7.09725 8.74202 7.29192C8.93624 7.48614 9.03335 7.72214 9.03335 7.99992C9.03335 8.2777 8.93624 8.5137 8.74202 8.70792C8.54735 8.90259 8.31113 8.99992 8.03335 8.99992ZM7.33335 13.3333H8.65002L8.88335 11.5666C9.2278 11.4777 9.54735 11.347 9.84202 11.1746C10.1362 11.0026 10.4056 10.7944 10.65 10.5499L12.3 11.2333L12.95 10.0999L11.5167 9.01658C11.5722 8.86103 11.6111 8.69703 11.6334 8.52458C11.6556 8.35258 11.6667 8.1777 11.6667 7.99992C11.6667 7.82214 11.6556 7.64703 11.6334 7.47458C11.6111 7.30258 11.5722 7.13881 11.5167 6.98325L12.95 5.89992L12.3 4.76659L10.65 5.46658C10.4056 5.21103 10.1362 4.99703 9.84202 4.82459C9.54735 4.65259 9.2278 4.52214 8.88335 4.43325L8.66669 2.66659H7.35002L7.11669 4.43325C6.77224 4.52214 6.45291 4.65259 6.15869 4.82459C5.86402 4.99703 5.59447 5.20547 5.35002 5.44992L3.70002 4.76659L3.05002 5.89992L4.48335 6.96658C4.4278 7.13325 4.38891 7.29992 4.36669 7.46658C4.34447 7.63325 4.33335 7.81103 4.33335 7.99992C4.33335 8.1777 4.34447 8.34992 4.36669 8.51658C4.38891 8.68325 4.4278 8.84992 4.48335 9.01658L3.05002 10.0999L3.70002 11.2333L5.35002 10.5333C5.59447 10.7888 5.86402 11.0026 6.15869 11.1746C6.45291 11.347 6.77224 11.4777 7.11669 11.5666L7.33335 13.3333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M13.875 22H10.125C9.875 22 9.65834 21.9167 9.475 21.75C9.29167 21.5833 9.18333 21.375 9.15 21.125L8.85 18.8C8.63334 18.7167 8.42933 18.6167 8.238 18.5C8.046 18.3833 7.85833 18.2583 7.675 18.125L5.5 19.025C5.26667 19.1083 5.03334 19.1167 4.8 19.05C4.56667 18.9833 4.38333 18.8417 4.25 18.625L2.4 15.4C2.26667 15.1833 2.225 14.95 2.275 14.7C2.325 14.45 2.45 14.25 2.65 14.1L4.525 12.675C4.50834 12.5583 4.5 12.4457 4.5 12.337V11.662C4.5 11.554 4.50834 11.4417 4.525 11.325L2.65 9.9C2.45 9.75 2.325 9.55 2.275 9.3C2.225 9.05 2.26667 8.81667 2.4 8.6L4.25 5.375C4.36667 5.14167 4.54567 4.99567 4.787 4.937C5.029 4.879 5.26667 4.89167 5.5 4.975L7.675 5.875C7.85833 5.74167 8.05 5.61667 8.25 5.5C8.45 5.38333 8.65 5.28333 8.85 5.2L9.15 2.875C9.18333 2.625 9.29167 2.41667 9.475 2.25C9.65834 2.08333 9.875 2 10.125 2H13.875C14.125 2 14.3417 2.08333 14.525 2.25C14.7083 2.41667 14.8167 2.625 14.85 2.875L15.15 5.2C15.3667 5.28333 15.571 5.38333 15.763 5.5C15.9543 5.61667 16.1417 5.74167 16.325 5.875L18.5 4.975C18.7333 4.89167 18.9667 4.88333 19.2 4.95C19.4333 5.01667 19.6167 5.15833 19.75 5.375L21.6 8.6C21.7333 8.81667 21.775 9.05 21.725 9.3C21.675 9.55 21.55 9.75 21.35 9.9L19.475 11.325C19.4917 11.4417 19.5 11.554 19.5 11.662V12.337C19.5 12.4457 19.4833 12.5583 19.45 12.675L21.325 14.1C21.525 14.25 21.65 14.45 21.7 14.7C21.75 14.95 21.7083 15.1833 21.575 15.4L19.725 18.6C19.5917 18.8167 19.4043 18.9627 19.163 19.038C18.921 19.1127 18.6833 19.1083 18.45 19.025L16.325 18.125C16.1417 18.2583 15.95 18.3833 15.75 18.5C15.55 18.6167 15.35 18.7167 15.15 18.8L14.85 21.125C14.8167 21.375 14.7083 21.5833 14.525 21.75C14.3417 21.9167 14.125 22 13.875 22ZM12.05 15.5C13.0167 15.5 13.8417 15.1583 14.525 14.475C15.2083 13.7917 15.55 12.9667 15.55 12C15.55 11.0333 15.2083 10.2083 14.525 9.525C13.8417 8.84167 13.0167 8.5 12.05 8.5C11.0667 8.5 10.2373 8.84167 9.562 9.525C8.88734 10.2083 8.55 11.0333 8.55 12C8.55 12.9667 8.88734 13.7917 9.562 14.475C10.2373 15.1583 11.0667 15.5 12.05 15.5ZM12.05 13.5C11.6333 13.5 11.2793 13.354 10.988 13.062C10.696 12.7707 10.55 12.4167 10.55 12C10.55 11.5833 10.696 11.2293 10.988 10.938C11.2793 10.646 11.6333 10.5 12.05 10.5C12.4667 10.5 12.821 10.646 13.113 10.938C13.4043 11.2293 13.55 11.5833 13.55 12C13.55 12.4167 13.4043 12.7707 13.113 13.062C12.821 13.354 12.4667 13.5 12.05 13.5ZM11 20H12.975L13.325 17.35C13.8417 17.2167 14.321 17.0207 14.763 16.762C15.2043 16.504 15.6083 16.1917 15.975 15.825L18.45 16.85L19.425 15.15L17.275 13.525C17.3583 13.2917 17.4167 13.0457 17.45 12.787C17.4833 12.529 17.5 12.2667 17.5 12C17.5 11.7333 17.4833 11.4707 17.45 11.212C17.4167 10.954 17.3583 10.7083 17.275 10.475L19.425 8.85L18.45 7.15L15.975 8.2C15.6083 7.81667 15.2043 7.49567 14.763 7.237C14.321 6.979 13.8417 6.78333 13.325 6.65L13 4H11.025L10.675 6.65C10.1583 6.78333 9.67933 6.979 9.238 7.237C8.796 7.49567 8.39167 7.80833 8.025 8.175L5.55 7.15L4.575 8.85L6.725 10.45C6.64167 10.7 6.58333 10.95 6.55 11.2C6.51667 11.45 6.5 11.7167 6.5 12C6.5 12.2667 6.51667 12.525 6.55 12.775C6.58333 13.025 6.64167 13.275 6.725 13.525L4.575 15.15L5.55 16.85L8.025 15.8C8.39167 16.1833 8.796 16.504 9.238 16.762C9.67933 17.0207 10.1583 17.2167 10.675 17.35L11 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M16.1875 25.6666H11.8125C11.5208 25.6666 11.2681 25.5694 11.0542 25.3749C10.8403 25.1805 10.7139 24.9374 10.675 24.6458L10.325 21.9333C10.0722 21.836 9.83423 21.7194 9.61101 21.5833C9.38701 21.4471 9.16806 21.3013 8.95417 21.1458L6.41667 22.1958C6.14445 22.293 5.87223 22.3027 5.60001 22.2249C5.32779 22.1471 5.1139 21.9819 4.95834 21.7291L2.80001 17.9666C2.64445 17.7138 2.59584 17.4416 2.65417 17.1499C2.71251 16.8583 2.85834 16.6249 3.09167 16.4499L5.27917 14.7874C5.25973 14.6513 5.25001 14.5199 5.25001 14.3931V13.6056C5.25001 13.4796 5.25973 13.3485 5.27917 13.2124L3.09167 11.5499C2.85834 11.3749 2.71251 11.1416 2.65417 10.8499C2.59584 10.5583 2.64445 10.286 2.80001 10.0333L4.95834 6.27075C5.09445 5.99853 5.30329 5.8282 5.58484 5.75975C5.86717 5.69209 6.14445 5.70686 6.41667 5.80409L8.95417 6.85409C9.16806 6.69853 9.39167 6.5527 9.62501 6.41659C9.85834 6.28047 10.0917 6.16381 10.325 6.06659L10.675 3.35409C10.7139 3.06242 10.8403 2.81936 11.0542 2.62492C11.2681 2.43047 11.5208 2.33325 11.8125 2.33325H16.1875C16.4792 2.33325 16.732 2.43047 16.9458 2.62492C17.1597 2.81936 17.2861 3.06242 17.325 3.35409L17.675 6.06659C17.9278 6.16381 18.1662 6.28047 18.3902 6.41659C18.6134 6.5527 18.832 6.69853 19.0458 6.85409L21.5833 5.80409C21.8556 5.70686 22.1278 5.69714 22.4 5.77492C22.6722 5.8527 22.8861 6.01797 23.0417 6.27075L25.2 10.0333C25.3556 10.286 25.4042 10.5583 25.3458 10.8499C25.2875 11.1416 25.1417 11.3749 24.9083 11.5499L22.7208 13.2124C22.7403 13.3485 22.75 13.4796 22.75 13.6056V14.3931C22.75 14.5199 22.7306 14.6513 22.6917 14.7874L24.8792 16.4499C25.1125 16.6249 25.2583 16.8583 25.3167 17.1499C25.375 17.4416 25.3264 17.7138 25.1708 17.9666L23.0125 21.6999C22.857 21.9527 22.6384 22.123 22.3568 22.2109C22.0745 22.298 21.7972 22.293 21.525 22.1958L19.0458 21.1458C18.832 21.3013 18.6083 21.4471 18.375 21.5833C18.1417 21.7194 17.9083 21.836 17.675 21.9333L17.325 24.6458C17.2861 24.9374 17.1597 25.1805 16.9458 25.3749C16.732 25.5694 16.4792 25.6666 16.1875 25.6666ZM14.0583 18.0833C15.1861 18.0833 16.1486 17.6846 16.9458 16.8874C17.7431 16.0902 18.1417 15.1277 18.1417 13.9999C18.1417 12.8721 17.7431 11.9096 16.9458 11.1124C16.1486 10.3152 15.1861 9.91659 14.0583 9.91659C12.9111 9.91659 11.9436 10.3152 11.1557 11.1124C10.3686 11.9096 9.97501 12.8721 9.97501 13.9999C9.97501 15.1277 10.3686 16.0902 11.1557 16.8874C11.9436 17.6846 12.9111 18.0833 14.0583 18.0833ZM14.0583 15.7499C13.5722 15.7499 13.1592 15.5796 12.8193 15.2389C12.4787 14.899 12.3083 14.486 12.3083 13.9999C12.3083 13.5138 12.4787 13.1008 12.8193 12.7609C13.1592 12.4203 13.5722 12.2499 14.0583 12.2499C14.5445 12.2499 14.9578 12.4203 15.2985 12.7609C15.6384 13.1008 15.8083 13.5138 15.8083 13.9999C15.8083 14.486 15.6384 14.899 15.2985 15.2389C14.9578 15.5796 14.5445 15.7499 14.0583 15.7499ZM12.8333 23.3333H15.1375L15.5458 20.2416C16.1486 20.086 16.7078 19.8574 17.2235 19.5556C17.7384 19.2546 18.2097 18.8902 18.6375 18.4624L21.525 19.6583L22.6625 17.6749L20.1542 15.7791C20.2514 15.5069 20.3195 15.2199 20.3583 14.9181C20.3972 14.6171 20.4167 14.311 20.4167 13.9999C20.4167 13.6888 20.3972 13.3824 20.3583 13.0806C20.3195 12.7796 20.2514 12.493 20.1542 12.2208L22.6625 10.3249L21.525 8.34159L18.6375 9.56659C18.2097 9.11936 17.7384 8.74486 17.2235 8.44309C16.7078 8.14209 16.1486 7.91381 15.5458 7.75825L15.1667 4.66659H12.8625L12.4542 7.75825C11.8514 7.91381 11.2926 8.14209 10.7777 8.44309C10.262 8.74486 9.79028 9.10964 9.36251 9.53742L6.47501 8.34159L5.33751 10.3249L7.84584 12.1916C7.74862 12.4833 7.68056 12.7749 7.64167 13.0666C7.60279 13.3583 7.58334 13.6694 7.58334 13.9999C7.58334 14.311 7.60279 14.6124 7.64167 14.9041C7.68056 15.1958 7.74862 15.4874 7.84584 15.7791L5.33751 17.6749L6.47501 19.6583L9.36251 18.4333C9.79028 18.8805 10.262 19.2546 10.7777 19.5556C11.2926 19.8574 11.8514 20.086 12.4542 20.2416L12.8333 23.3333Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-settings"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "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"
             }
-        };
-    }
+          }
+        },
+        "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-short-text.js

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconShortText {
-    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: '64c9d04d2f634e63e6bb3f564dad8103a1b92971', "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: '15d3108d8db710d20326c00b76ec01338cbeac19' }, h("path", { key: '630077c8d49f46d17ba1447bacbd55c25ff22979', d: "M3.33335 7.33333C3.14446 7.33333 2.98613 7.26944 2.85835 7.14167C2.73058 7.01389 2.66669 6.85556 2.66669 6.66667C2.66669 6.47778 2.73058 6.31944 2.85835 6.19167C2.98613 6.06389 3.14446 6 3.33335 6H12.6667C12.8556 6 13.0139 6.06389 13.1417 6.19167C13.2695 6.31944 13.3334 6.47778 13.3334 6.66667C13.3334 6.85556 13.2695 7.01389 13.1417 7.14167C13.0139 7.26944 12.8556 7.33333 12.6667 7.33333H3.33335ZM3.33335 10C3.14446 10 2.98613 9.93611 2.85835 9.80833C2.73058 9.68056 2.66669 9.52222 2.66669 9.33333C2.66669 9.14444 2.73058 8.98611 2.85835 8.85833C2.98613 8.73056 3.14446 8.66667 3.33335 8.66667H8.66669C8.85558 8.66667 9.01391 8.73056 9.14169 8.85833C9.26947 8.98611 9.33335 9.14444 9.33335 9.33333C9.33335 9.52222 9.26947 9.68056 9.14169 9.80833C9.01391 9.93611 8.85558 10 8.66669 10H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4a71200cc4e3a1a2c92296bbc3031501e484f1a4' }, h("path", { key: 'e4d99566a51cd22cce50ede0ead83fa171ad95aa', d: "M5 11C4.71667 11 4.47917 10.9042 4.2875 10.7125C4.09583 10.5208 4 10.2833 4 10C4 9.71667 4.09583 9.47917 4.2875 9.2875C4.47917 9.09583 4.71667 9 5 9H19C19.2833 9 19.5208 9.09583 19.7125 9.2875C19.9042 9.47917 20 9.71667 20 10C20 10.2833 19.9042 10.5208 19.7125 10.7125C19.5208 10.9042 19.2833 11 19 11H5ZM5 15C4.71667 15 4.47917 14.9042 4.2875 14.7125C4.09583 14.5208 4 14.2833 4 14C4 13.7167 4.09583 13.4792 4.2875 13.2875C4.47917 13.0958 4.71667 13 5 13H13C13.2833 13 13.5208 13.0958 13.7125 13.2875C13.9042 13.4792 14 13.7167 14 14C14 14.2833 13.9042 14.5208 13.7125 14.7125C13.5208 14.9042 13.2833 15 13 15H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'f2506a9921d41085d6a02349bdae1e1871b5c6fa' }, h("path", { key: '45f1cd427ea15600f2d11c1778c54694e0f32e8d', d: "M5.83332 12.8333C5.50277 12.8333 5.22568 12.7215 5.00207 12.4979C4.77846 12.2743 4.66666 11.9972 4.66666 11.6667C4.66666 11.3361 4.77846 11.059 5.00207 10.8354C5.22568 10.6118 5.50277 10.5 5.83332 10.5H22.1667C22.4972 10.5 22.7743 10.6118 22.9979 10.8354C23.2215 11.059 23.3333 11.3361 23.3333 11.6667C23.3333 11.9972 23.2215 12.2743 22.9979 12.4979C22.7743 12.7215 22.4972 12.8333 22.1667 12.8333H5.83332ZM5.83332 17.5C5.50277 17.5 5.22568 17.3882 5.00207 17.1646C4.77846 16.941 4.66666 16.6639 4.66666 16.3333C4.66666 16.0028 4.77846 15.7257 5.00207 15.5021C5.22568 15.2785 5.50277 15.1667 5.83332 15.1667H15.1667C15.4972 15.1667 15.7743 15.2785 15.9979 15.5021C16.2215 15.7257 16.3333 16.0028 16.3333 16.3333C16.3333 16.6639 16.2215 16.941 15.9979 17.1646C15.7743 17.3882 15.4972 17.5 15.1667 17.5H5.83332Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-short-text"; }
-    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"
+  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: "M3.33335 7.33333C3.14446 7.33333 2.98613 7.26944 2.85835 7.14167C2.73058 7.01389 2.66669 6.85556 2.66669 6.66667C2.66669 6.47778 2.73058 6.31944 2.85835 6.19167C2.98613 6.06389 3.14446 6 3.33335 6H12.6667C12.8556 6 13.0139 6.06389 13.1417 6.19167C13.2695 6.31944 13.3334 6.47778 13.3334 6.66667C13.3334 6.85556 13.2695 7.01389 13.1417 7.14167C13.0139 7.26944 12.8556 7.33333 12.6667 7.33333H3.33335ZM3.33335 10C3.14446 10 2.98613 9.93611 2.85835 9.80833C2.73058 9.68056 2.66669 9.52222 2.66669 9.33333C2.66669 9.14444 2.73058 8.98611 2.85835 8.85833C2.98613 8.73056 3.14446 8.66667 3.33335 8.66667H8.66669C8.85558 8.66667 9.01391 8.73056 9.14169 8.85833C9.26947 8.98611 9.33335 9.14444 9.33335 9.33333C9.33335 9.52222 9.26947 9.68056 9.14169 9.80833C9.01391 9.93611 8.85558 10 8.66669 10H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M5 11C4.71667 11 4.47917 10.9042 4.2875 10.7125C4.09583 10.5208 4 10.2833 4 10C4 9.71667 4.09583 9.47917 4.2875 9.2875C4.47917 9.09583 4.71667 9 5 9H19C19.2833 9 19.5208 9.09583 19.7125 9.2875C19.9042 9.47917 20 9.71667 20 10C20 10.2833 19.9042 10.5208 19.7125 10.7125C19.5208 10.9042 19.2833 11 19 11H5ZM5 15C4.71667 15 4.47917 14.9042 4.2875 14.7125C4.09583 14.5208 4 14.2833 4 14C4 13.7167 4.09583 13.4792 4.2875 13.2875C4.47917 13.0958 4.71667 13 5 13H13C13.2833 13 13.5208 13.0958 13.7125 13.2875C13.9042 13.4792 14 13.7167 14 14C14 14.2833 13.9042 14.5208 13.7125 14.7125C13.5208 14.9042 13.2833 15 13 15H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M5.83332 12.8333C5.50277 12.8333 5.22568 12.7215 5.00207 12.4979C4.77846 12.2743 4.66666 11.9972 4.66666 11.6667C4.66666 11.3361 4.77846 11.059 5.00207 10.8354C5.22568 10.6118 5.50277 10.5 5.83332 10.5H22.1667C22.4972 10.5 22.7743 10.6118 22.9979 10.8354C23.2215 11.059 23.3333 11.3361 23.3333 11.6667C23.3333 11.9972 23.2215 12.2743 22.9979 12.4979C22.7743 12.7215 22.4972 12.8333 22.1667 12.8333H5.83332ZM5.83332 17.5C5.50277 17.5 5.22568 17.3882 5.00207 17.1646C4.77846 16.941 4.66666 16.6639 4.66666 16.3333C4.66666 16.0028 4.77846 15.7257 5.00207 15.5021C5.22568 15.2785 5.50277 15.1667 5.83332 15.1667H15.1667C15.4972 15.1667 15.7743 15.2785 15.9979 15.5021C16.2215 15.7257 16.3333 16.0028 16.3333 16.3333C16.3333 16.6639 16.2215 16.941 15.9979 17.1646C15.7743 17.3882 15.4972 17.5 15.1667 17.5H5.83332Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-short-text"; }
+  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"
             }
-        };
-    }
+          }
+        },
+        "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-simplify.js

@@ -2,79 +2,77 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconSimplify {
-    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: 'f7b818415c2ac6bffe963a881ab85cde60ef0230', "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: '3f8f7f70ab05c64c64c7ce388d3d4cae51adf970' }, h("path", { key: '833b01dbeba2f3db1d2a03476b92e2ffb6e5eacb', d: "M9.30002 13.5998L13.2667 12.3665C13.2111 12.2665 13.1306 12.1804 13.025 12.1082C12.9195 12.0359 12.8 11.9998 12.6667 11.9998H9.30002C9.00002 11.9998 8.76113 11.9887 8.58335 11.9665C8.40558 11.9443 8.22224 11.8998 8.03335 11.8332L7.08335 11.5165C6.90558 11.4609 6.7778 11.3498 6.70002 11.1832C6.62224 11.0165 6.61113 10.8443 6.66669 10.6665C6.72224 10.4887 6.83058 10.3582 6.99169 10.2748C7.1528 10.1915 7.32224 10.1776 7.50002 10.2332L8.20002 10.4665C8.38891 10.5221 8.6028 10.5665 8.84169 10.5998C9.08058 10.6332 9.40558 10.6554 9.81669 10.6665H10C10 10.5443 9.96391 10.4276 9.89169 10.3165C9.81946 10.2054 9.73335 10.1332 9.63335 10.0998L5.73335 8.6665H4.66669V12.3332L9.30002 13.5998ZM8.95002 14.8998L4.66669 13.6998C4.5778 13.9887 4.4028 14.2221 4.14169 14.3998C3.88058 14.5776 3.61113 14.6665 3.33335 14.6665H2.00002C1.63335 14.6665 1.31946 14.5359 1.05835 14.2748C0.797243 14.0137 0.666687 13.6998 0.666687 13.3332V8.6665C0.666687 8.29984 0.797243 7.98595 1.05835 7.72484C1.31946 7.46373 1.63335 7.33317 2.00002 7.33317H5.73335C5.81113 7.33317 5.88891 7.3415 5.96669 7.35817C6.04446 7.37484 6.11669 7.39428 6.18335 7.4165L10.1 8.8665C10.4667 8.99984 10.7639 9.23317 10.9917 9.5665C11.2195 9.89984 11.3334 10.2665 11.3334 10.6665H12.6667C13.2222 10.6665 13.6945 10.8498 14.0834 11.2165C14.4722 11.5832 14.6667 12.0665 14.6667 12.6665C14.6667 12.9109 14.6028 13.1026 14.475 13.2415C14.3472 13.3804 14.15 13.4943 13.8834 13.5832L9.71669 14.8832C9.59446 14.9276 9.46669 14.9498 9.33335 14.9498C9.20002 14.9498 9.07224 14.9332 8.95002 14.8998ZM2.00002 13.3332H3.33335V8.6665H2.00002V13.3332Z", fill: "currentColor" }), h("path", { key: 'f582c91f9f0778fd75722b923756466c1063a90b', d: "M10.5209 5.479L11.6667 7.99984L12.8125 5.479L15.3334 4.33317L12.8125 3.18734L11.6667 0.666504L10.5209 3.18734L8.00002 4.33317L10.5209 5.479Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '0eb32817f5c75a0a25ff40b4d41b8290591c3355' }, h("path", { key: 'cba6927be52bb9307a9d15dfa529456968692382', d: "M13.95 20.4L19.9 18.55C19.8167 18.4 19.6958 18.2708 19.5375 18.1625C19.3792 18.0542 19.2 18 19 18H13.95C13.5 18 13.1417 17.9833 12.875 17.95C12.6083 17.9167 12.3333 17.85 12.05 17.75L10.625 17.275C10.3583 17.1917 10.1667 17.025 10.05 16.775C9.93333 16.525 9.91667 16.2667 10 16C10.0833 15.7333 10.2458 15.5375 10.4875 15.4125C10.7292 15.2875 10.9833 15.2667 11.25 15.35L12.3 15.7C12.5833 15.7833 12.9042 15.85 13.2625 15.9C13.6208 15.95 14.1083 15.9833 14.725 16H15C15 15.8167 14.9458 15.6417 14.8375 15.475C14.7292 15.3083 14.6 15.2 14.45 15.15L8.6 13H7V18.5L13.95 20.4ZM13.425 22.35L7 20.55C6.86667 20.9833 6.60417 21.3333 6.2125 21.6C5.82083 21.8667 5.41667 22 5 22H3C2.45 22 1.97917 21.8042 1.5875 21.4125C1.19583 21.0208 1 20.55 1 20V13C1 12.45 1.19583 11.9792 1.5875 11.5875C1.97917 11.1958 2.45 11 3 11H8.6C8.71667 11 8.83333 11.0125 8.95 11.0375C9.06667 11.0625 9.175 11.0917 9.275 11.125L15.15 13.3C15.7 13.5 16.1458 13.85 16.4875 14.35C16.8292 14.85 17 15.4 17 16H19C19.8333 16 20.5417 16.275 21.125 16.825C21.7083 17.375 22 18.1 22 19C22 19.3667 21.9042 19.6542 21.7125 19.8625C21.5208 20.0708 21.225 20.2417 20.825 20.375L14.575 22.325C14.3917 22.3917 14.2 22.425 14 22.425C13.8 22.425 13.6083 22.4 13.425 22.35ZM3 20H5V13H3V20Z", fill: "currentColor" }), h("path", { key: 'e3e7248bbc4403acb508bf143971bb0a592373dc', d: "M15.7812 8.21875L17.5 12L19.2188 8.21875L23 6.5L19.2188 4.78125L17.5 1L15.7812 4.78125L12 6.5L15.7812 8.21875Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'c49e12105aba220e5a6ac9af858355ac660dbfb2' }, h("path", { key: '9c43dfba45de9f5212546c629cd5455a2b77e3d9', d: "M16.275 23.7998L23.2167 21.6415C23.1194 21.4665 22.9785 21.3158 22.7937 21.1894C22.609 21.063 22.4 20.9998 22.1667 20.9998H16.275C15.75 20.9998 15.3319 20.9804 15.0208 20.9415C14.7097 20.9026 14.3889 20.8248 14.0583 20.7082L12.3958 20.154C12.0847 20.0568 11.8611 19.8623 11.725 19.5707C11.5889 19.279 11.5694 18.9776 11.6667 18.6665C11.7639 18.3554 11.9535 18.1269 12.2354 17.9811C12.5174 17.8353 12.8139 17.811 13.125 17.9082L14.35 18.3165C14.6805 18.4137 15.0549 18.4915 15.4729 18.5498C15.891 18.6082 16.4597 18.6471 17.1792 18.6665H17.5C17.5 18.4526 17.4368 18.2485 17.3104 18.054C17.184 17.8596 17.0333 17.7332 16.8583 17.6748L10.0333 15.1665H8.16666V21.5832L16.275 23.7998ZM15.6625 26.0748L8.16666 23.9748C8.0111 24.4804 7.70485 24.8887 7.24791 25.1998C6.79096 25.511 6.31943 25.6665 5.83332 25.6665H3.49999C2.85832 25.6665 2.30902 25.438 1.85207 24.9811C1.39513 24.5241 1.16666 23.9748 1.16666 23.3332V15.1665C1.16666 14.5248 1.39513 13.9755 1.85207 13.5186C2.30902 13.0616 2.85832 12.8332 3.49999 12.8332H10.0333C10.1694 12.8332 10.3055 12.8478 10.4417 12.8769C10.5778 12.9061 10.7042 12.9401 10.8208 12.979L17.675 15.5165C18.3167 15.7498 18.8368 16.1582 19.2354 16.7415C19.634 17.3248 19.8333 17.9665 19.8333 18.6665H22.1667C23.1389 18.6665 23.9653 18.9873 24.6458 19.629C25.3264 20.2707 25.6667 21.1165 25.6667 22.1665C25.6667 22.5943 25.5549 22.9297 25.3312 23.1728C25.1076 23.4158 24.7625 23.6151 24.2958 23.7707L17.0042 26.0457C16.7903 26.1235 16.5667 26.1623 16.3333 26.1623C16.1 26.1623 15.8764 26.1332 15.6625 26.0748ZM3.49999 23.3332H5.83332V15.1665H3.49999V23.3332Z", fill: "currentColor" }), h("path", { key: '25bdcbef2839079f4a1b7c83aa0df9022a711cf7', d: "M18.4114 9.58838L20.4167 13.9998L22.4219 9.58838L26.8333 7.58317L22.4219 5.57796L20.4167 1.1665L18.4114 5.57796L14 7.58317L18.4114 9.58838Z", fill: "currentColor" })))));
-    }
-    static get is() { return "swirl-icon-simplify"; }
-    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"
+  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.30002 13.5998L13.2667 12.3665C13.2111 12.2665 13.1306 12.1804 13.025 12.1082C12.9195 12.0359 12.8 11.9998 12.6667 11.9998H9.30002C9.00002 11.9998 8.76113 11.9887 8.58335 11.9665C8.40558 11.9443 8.22224 11.8998 8.03335 11.8332L7.08335 11.5165C6.90558 11.4609 6.7778 11.3498 6.70002 11.1832C6.62224 11.0165 6.61113 10.8443 6.66669 10.6665C6.72224 10.4887 6.83058 10.3582 6.99169 10.2748C7.1528 10.1915 7.32224 10.1776 7.50002 10.2332L8.20002 10.4665C8.38891 10.5221 8.6028 10.5665 8.84169 10.5998C9.08058 10.6332 9.40558 10.6554 9.81669 10.6665H10C10 10.5443 9.96391 10.4276 9.89169 10.3165C9.81946 10.2054 9.73335 10.1332 9.63335 10.0998L5.73335 8.6665H4.66669V12.3332L9.30002 13.5998ZM8.95002 14.8998L4.66669 13.6998C4.5778 13.9887 4.4028 14.2221 4.14169 14.3998C3.88058 14.5776 3.61113 14.6665 3.33335 14.6665H2.00002C1.63335 14.6665 1.31946 14.5359 1.05835 14.2748C0.797243 14.0137 0.666687 13.6998 0.666687 13.3332V8.6665C0.666687 8.29984 0.797243 7.98595 1.05835 7.72484C1.31946 7.46373 1.63335 7.33317 2.00002 7.33317H5.73335C5.81113 7.33317 5.88891 7.3415 5.96669 7.35817C6.04446 7.37484 6.11669 7.39428 6.18335 7.4165L10.1 8.8665C10.4667 8.99984 10.7639 9.23317 10.9917 9.5665C11.2195 9.89984 11.3334 10.2665 11.3334 10.6665H12.6667C13.2222 10.6665 13.6945 10.8498 14.0834 11.2165C14.4722 11.5832 14.6667 12.0665 14.6667 12.6665C14.6667 12.9109 14.6028 13.1026 14.475 13.2415C14.3472 13.3804 14.15 13.4943 13.8834 13.5832L9.71669 14.8832C9.59446 14.9276 9.46669 14.9498 9.33335 14.9498C9.20002 14.9498 9.07224 14.9332 8.95002 14.8998ZM2.00002 13.3332H3.33335V8.6665H2.00002V13.3332Z", fill: "currentColor" }), h("path", { d: "M10.5209 5.479L11.6667 7.99984L12.8125 5.479L15.3334 4.33317L12.8125 3.18734L11.6667 0.666504L10.5209 3.18734L8.00002 4.33317L10.5209 5.479Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M13.95 20.4L19.9 18.55C19.8167 18.4 19.6958 18.2708 19.5375 18.1625C19.3792 18.0542 19.2 18 19 18H13.95C13.5 18 13.1417 17.9833 12.875 17.95C12.6083 17.9167 12.3333 17.85 12.05 17.75L10.625 17.275C10.3583 17.1917 10.1667 17.025 10.05 16.775C9.93333 16.525 9.91667 16.2667 10 16C10.0833 15.7333 10.2458 15.5375 10.4875 15.4125C10.7292 15.2875 10.9833 15.2667 11.25 15.35L12.3 15.7C12.5833 15.7833 12.9042 15.85 13.2625 15.9C13.6208 15.95 14.1083 15.9833 14.725 16H15C15 15.8167 14.9458 15.6417 14.8375 15.475C14.7292 15.3083 14.6 15.2 14.45 15.15L8.6 13H7V18.5L13.95 20.4ZM13.425 22.35L7 20.55C6.86667 20.9833 6.60417 21.3333 6.2125 21.6C5.82083 21.8667 5.41667 22 5 22H3C2.45 22 1.97917 21.8042 1.5875 21.4125C1.19583 21.0208 1 20.55 1 20V13C1 12.45 1.19583 11.9792 1.5875 11.5875C1.97917 11.1958 2.45 11 3 11H8.6C8.71667 11 8.83333 11.0125 8.95 11.0375C9.06667 11.0625 9.175 11.0917 9.275 11.125L15.15 13.3C15.7 13.5 16.1458 13.85 16.4875 14.35C16.8292 14.85 17 15.4 17 16H19C19.8333 16 20.5417 16.275 21.125 16.825C21.7083 17.375 22 18.1 22 19C22 19.3667 21.9042 19.6542 21.7125 19.8625C21.5208 20.0708 21.225 20.2417 20.825 20.375L14.575 22.325C14.3917 22.3917 14.2 22.425 14 22.425C13.8 22.425 13.6083 22.4 13.425 22.35ZM3 20H5V13H3V20Z", fill: "currentColor" }), h("path", { d: "M15.7812 8.21875L17.5 12L19.2188 8.21875L23 6.5L19.2188 4.78125L17.5 1L15.7812 4.78125L12 6.5L15.7812 8.21875Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M16.275 23.7998L23.2167 21.6415C23.1194 21.4665 22.9785 21.3158 22.7937 21.1894C22.609 21.063 22.4 20.9998 22.1667 20.9998H16.275C15.75 20.9998 15.3319 20.9804 15.0208 20.9415C14.7097 20.9026 14.3889 20.8248 14.0583 20.7082L12.3958 20.154C12.0847 20.0568 11.8611 19.8623 11.725 19.5707C11.5889 19.279 11.5694 18.9776 11.6667 18.6665C11.7639 18.3554 11.9535 18.1269 12.2354 17.9811C12.5174 17.8353 12.8139 17.811 13.125 17.9082L14.35 18.3165C14.6805 18.4137 15.0549 18.4915 15.4729 18.5498C15.891 18.6082 16.4597 18.6471 17.1792 18.6665H17.5C17.5 18.4526 17.4368 18.2485 17.3104 18.054C17.184 17.8596 17.0333 17.7332 16.8583 17.6748L10.0333 15.1665H8.16666V21.5832L16.275 23.7998ZM15.6625 26.0748L8.16666 23.9748C8.0111 24.4804 7.70485 24.8887 7.24791 25.1998C6.79096 25.511 6.31943 25.6665 5.83332 25.6665H3.49999C2.85832 25.6665 2.30902 25.438 1.85207 24.9811C1.39513 24.5241 1.16666 23.9748 1.16666 23.3332V15.1665C1.16666 14.5248 1.39513 13.9755 1.85207 13.5186C2.30902 13.0616 2.85832 12.8332 3.49999 12.8332H10.0333C10.1694 12.8332 10.3055 12.8478 10.4417 12.8769C10.5778 12.9061 10.7042 12.9401 10.8208 12.979L17.675 15.5165C18.3167 15.7498 18.8368 16.1582 19.2354 16.7415C19.634 17.3248 19.8333 17.9665 19.8333 18.6665H22.1667C23.1389 18.6665 23.9653 18.9873 24.6458 19.629C25.3264 20.2707 25.6667 21.1165 25.6667 22.1665C25.6667 22.5943 25.5549 22.9297 25.3312 23.1728C25.1076 23.4158 24.7625 23.6151 24.2958 23.7707L17.0042 26.0457C16.7903 26.1235 16.5667 26.1623 16.3333 26.1623C16.1 26.1623 15.8764 26.1332 15.6625 26.0748ZM3.49999 23.3332H5.83332V15.1665H3.49999V23.3332Z", fill: "currentColor" }), h("path", { d: "M18.4114 9.58838L20.4167 13.9998L22.4219 9.58838L26.8333 7.58317L22.4219 5.57796L20.4167 1.1665L18.4114 5.57796L14 7.58317L18.4114 9.58838Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-simplify"; }
+  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"
             }
-        };
-    }
+          }
+        },
+        "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"
+      }
+    };
+  }
 }