@getflip/swirl-components 0.0.0-beta-20260114160010

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

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconHome {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'c4494a4909032ff6bbfd143db9b67f8e04fb77ea', "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: '011d90450c98cbc6fd97c1c8e219ce5b016c84dc' }, h("path", { key: 'c0d3168159288efcc23e5904736732bc7a06a71d', d: "M4.00002 12.6667H6.00002V8.66667H10V12.6667H12V6.66667L8.00002 3.66667L4.00002 6.66667V12.6667ZM4.00002 14C3.63335 14 3.31946 13.8694 3.05835 13.6083C2.79724 13.3472 2.66669 13.0333 2.66669 12.6667V6.66667C2.66669 6.45555 2.71391 6.25555 2.80835 6.06667C2.9028 5.87778 3.03335 5.72222 3.20002 5.6L7.20002 2.6C7.32224 2.51111 7.45002 2.44444 7.58335 2.4C7.71669 2.35555 7.85558 2.33333 8.00002 2.33333C8.14446 2.33333 8.28335 2.35555 8.41669 2.4C8.55002 2.44444 8.6778 2.51111 8.80002 2.6L12.8 5.6C12.9667 5.72222 13.0972 5.87778 13.1917 6.06667C13.2861 6.25555 13.3334 6.45555 13.3334 6.66667V12.6667C13.3334 13.0333 13.2028 13.3472 12.9417 13.6083C12.6806 13.8694 12.3667 14 12 14H8.66669V10H7.33335V14H4.00002Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ddc9720a7a28eb3f588de336eb3f0990aa91e56b' }, h("path", { key: 'e14dd34a28e64c6a6aedc5e91bdffc6a246e5003', d: "M6 19H9V13H15V19H18V10L12 5.5L6 10V19ZM6 21C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19V10C4 9.68333 4.07083 9.38333 4.2125 9.1C4.35417 8.81667 4.55 8.58333 4.8 8.4L10.8 3.9C10.9833 3.76667 11.175 3.66667 11.375 3.6C11.575 3.53333 11.7833 3.5 12 3.5C12.2167 3.5 12.425 3.53333 12.625 3.6C12.825 3.66667 13.0167 3.76667 13.2 3.9L19.2 8.4C19.45 8.58333 19.6458 8.81667 19.7875 9.1C19.9292 9.38333 20 9.68333 20 10V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H13V15H11V21H6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '45937b922b8173fa63944ed8ba27d1e1e4a43b89' }, h("path", { key: 'e7a56be27b93dc86a779c43cabd25b508d491e3c', d: "M6.99999 22.1667H10.5V15.1667H17.5V22.1667H21V11.6667L14 6.41667L6.99999 11.6667V22.1667ZM6.99999 24.5C6.35832 24.5 5.80902 24.2715 5.35207 23.8146C4.89513 23.3576 4.66666 22.8083 4.66666 22.1667V11.6667C4.66666 11.2972 4.7493 10.9472 4.91457 10.6167C5.07985 10.2861 5.30832 10.0139 5.59999 9.8L12.6 4.55C12.8139 4.39445 13.0375 4.27778 13.2708 4.2C13.5042 4.12222 13.7472 4.08334 14 4.08334C14.2528 4.08334 14.4958 4.12222 14.7292 4.2C14.9625 4.27778 15.1861 4.39445 15.4 4.55L22.4 9.8C22.6917 10.0139 22.9201 10.2861 23.0854 10.6167C23.2507 10.9472 23.3333 11.2972 23.3333 11.6667V22.1667C23.3333 22.8083 23.1049 23.3576 22.6479 23.8146C22.191 24.2715 21.6417 24.5 21 24.5H15.1667V17.5H12.8333V24.5H6.99999Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-home"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-hr-resting.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconHrResting {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '50102f45a59428a805e3356d26fe567d087319e3', "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: '83a854bca12cb372dad3aafeba0e2c571e120dff' }, h("path", { key: '0ac1077662f3d0f415051d2ddb39fff5e07b7a27', d: "M2.66667 14C2.47778 14 2.31944 13.9361 2.19167 13.8083C2.06389 13.6806 2 13.5222 2 13.3333C2 13.1444 2.06389 12.9861 2.19167 12.8583C2.31944 12.7306 2.47778 12.6667 2.66667 12.6667H13.3333C13.5222 12.6667 13.6806 12.7306 13.8083 12.8583C13.9361 12.9861 14 13.1444 14 13.3333C14 13.5222 13.9361 13.6806 13.8083 13.8083C13.6806 13.9361 13.5222 14 13.3333 14H2.66667ZM3.61667 7.6C3.29444 7.3 3.05833 6.94444 2.90833 6.53333C2.75833 6.12222 2.68333 5.7 2.68333 5.26667C2.68333 4.36667 2.99167 3.59722 3.60833 2.95833C4.225 2.31944 4.97778 2 5.86667 2C6.26667 2 6.65 2.07222 7.01667 2.21667C7.38333 2.36111 7.71111 2.57222 8 2.85C8.28889 2.57222 8.61667 2.36111 8.98333 2.21667C9.35 2.07222 9.73333 2 10.1333 2C11.0333 2 11.7917 2.32222 12.4083 2.96667C13.025 3.61111 13.3333 4.38333 13.3333 5.28333C13.3333 5.71667 13.2528 6.13056 13.0917 6.525C12.9306 6.91944 12.7 7.27222 12.4 7.58333L8.91667 10.9667C8.79444 11.0889 8.65556 11.1806 8.5 11.2417C8.34444 11.3028 8.17778 11.3333 8 11.3333C7.82222 11.3333 7.65556 11.3028 7.5 11.2417C7.34444 11.1806 7.20556 11.0889 7.08333 10.9667L3.61667 7.6ZM4.55 6.66667L8 10L11.4667 6.65C11.6556 6.47222 11.7944 6.26389 11.8833 6.025C11.9722 5.78611 12.0167 5.53889 12.0167 5.28333C12.0167 4.75 11.8361 4.29444 11.475 3.91667C11.1139 3.53889 10.6722 3.35 10.15 3.35C9.90556 3.35 9.66944 3.39722 9.44167 3.49167C9.21389 3.58611 9.01667 3.72222 8.85 3.9L8.48333 4.26667C8.41667 4.33333 8.34167 4.38333 8.25833 4.41667C8.175 4.45 8.08889 4.46667 8 4.46667C7.91111 4.46667 7.82778 4.45 7.75 4.41667C7.67222 4.38333 7.6 4.33333 7.53333 4.26667L7.16667 3.9C6.98889 3.72222 6.79167 3.58333 6.575 3.48333C6.35833 3.38333 6.12222 3.33333 5.86667 3.33333C5.34444 3.33333 4.90278 3.52222 4.54167 3.9C4.18056 4.27778 4 4.73333 4 5.26667C4 5.52222 4.04444 5.77222 4.13333 6.01667C4.22222 6.26111 4.36111 6.47778 4.55 6.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '60c9979dfa4c1efc751cc1cbff334419b9667763' }, h("path", { key: '7524e29ddf582383aa9424801eb5209986c553ba', d: "M4 21C3.71667 21 3.47917 20.9042 3.2875 20.7125C3.09583 20.5208 3 20.2833 3 20C3 19.7167 3.09583 19.4792 3.2875 19.2875C3.47917 19.0958 3.71667 19 4 19H20C20.2833 19 20.5208 19.0958 20.7125 19.2875C20.9042 19.4792 21 19.7167 21 20C21 20.2833 20.9042 20.5208 20.7125 20.7125C20.5208 20.9042 20.2833 21 20 21H4ZM5.425 11.4C4.94167 10.95 4.5875 10.4167 4.3625 9.8C4.1375 9.18333 4.025 8.55 4.025 7.9C4.025 6.55 4.4875 5.39583 5.4125 4.4375C6.3375 3.47917 7.46667 3 8.8 3C9.4 3 9.975 3.10833 10.525 3.325C11.075 3.54167 11.5667 3.85833 12 4.275C12.4333 3.85833 12.925 3.54167 13.475 3.325C14.025 3.10833 14.6 3 15.2 3C16.55 3 17.6875 3.48333 18.6125 4.45C19.5375 5.41667 20 6.575 20 7.925C20 8.575 19.8792 9.19583 19.6375 9.7875C19.3958 10.3792 19.05 10.9083 18.6 11.375L13.375 16.45C13.1917 16.6333 12.9833 16.7708 12.75 16.8625C12.5167 16.9542 12.2667 17 12 17C11.7333 17 11.4833 16.9542 11.25 16.8625C11.0167 16.7708 10.8083 16.6333 10.625 16.45L5.425 11.4ZM6.825 10L12 15L17.2 9.975C17.4833 9.70833 17.6917 9.39583 17.825 9.0375C17.9583 8.67917 18.025 8.30833 18.025 7.925C18.025 7.125 17.7542 6.44167 17.2125 5.875C16.6708 5.30833 16.0083 5.025 15.225 5.025C14.8583 5.025 14.5042 5.09583 14.1625 5.2375C13.8208 5.37917 13.525 5.58333 13.275 5.85L12.725 6.4C12.625 6.5 12.5125 6.575 12.3875 6.625C12.2625 6.675 12.1333 6.7 12 6.7C11.8667 6.7 11.7417 6.675 11.625 6.625C11.5083 6.575 11.4 6.5 11.3 6.4L10.75 5.85C10.4833 5.58333 10.1875 5.375 9.8625 5.225C9.5375 5.075 9.18333 5 8.8 5C8.01667 5 7.35417 5.28333 6.8125 5.85C6.27083 6.41667 6 7.1 6 7.9C6 8.28333 6.06667 8.65833 6.2 9.025C6.33333 9.39167 6.54167 9.71667 6.825 10Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4c82a846333ea51b3e510e0e3fe37ccb1721d100' }, h("path", { key: 'a802adafe74b3a5f68bc6fceebca800e3cb847c7', d: "M4.66667 24.5C4.33611 24.5 4.05903 24.3882 3.83542 24.1646C3.61181 23.941 3.5 23.6639 3.5 23.3333C3.5 23.0028 3.61181 22.7257 3.83542 22.5021C4.05903 22.2785 4.33611 22.1667 4.66667 22.1667H23.3333C23.6639 22.1667 23.941 22.2785 24.1646 22.5021C24.3882 22.7257 24.5 23.0028 24.5 23.3333C24.5 23.6639 24.3882 23.941 24.1646 24.1646C23.941 24.3882 23.6639 24.5 23.3333 24.5H4.66667ZM6.32917 13.3C5.76528 12.775 5.35208 12.1528 5.08958 11.4333C4.82708 10.7139 4.69583 9.975 4.69583 9.21667C4.69583 7.64167 5.23542 6.29514 6.31458 5.17708C7.39375 4.05903 8.71111 3.5 10.2667 3.5C10.9667 3.5 11.6375 3.62639 12.2792 3.87917C12.9208 4.13194 13.4944 4.50139 14 4.9875C14.5056 4.50139 15.0792 4.13194 15.7208 3.87917C16.3625 3.62639 17.0333 3.5 17.7333 3.5C19.3083 3.5 20.6354 4.06389 21.7146 5.19167C22.7938 6.31944 23.3333 7.67083 23.3333 9.24583C23.3333 10.0042 23.1924 10.7285 22.9104 11.4188C22.6285 12.109 22.225 12.7264 21.7 13.2708L15.6042 19.1917C15.3903 19.4056 15.1472 19.566 14.875 19.6729C14.6028 19.7799 14.3111 19.8333 14 19.8333C13.6889 19.8333 13.3972 19.7799 13.125 19.6729C12.8528 19.566 12.6097 19.4056 12.3958 19.1917L6.32917 13.3ZM7.9625 11.6667L14 17.5L20.0667 11.6375C20.3972 11.3264 20.6403 10.9618 20.7958 10.5438C20.9514 10.1257 21.0292 9.69306 21.0292 9.24583C21.0292 8.3125 20.7132 7.51528 20.0813 6.85417C19.4493 6.19306 18.6764 5.8625 17.7625 5.8625C17.3347 5.8625 16.9215 5.94514 16.5229 6.11042C16.1243 6.27569 15.7792 6.51389 15.4875 6.825L14.8458 7.46667C14.7292 7.58333 14.5979 7.67083 14.4521 7.72917C14.3063 7.7875 14.1556 7.81667 14 7.81667C13.8444 7.81667 13.6986 7.7875 13.5625 7.72917C13.4264 7.67083 13.3 7.58333 13.1833 7.46667L12.5417 6.825C12.2306 6.51389 11.8854 6.27083 11.5063 6.09583C11.1271 5.92083 10.7139 5.83333 10.2667 5.83333C9.35278 5.83333 8.57986 6.16389 7.94792 6.825C7.31597 7.48611 7 8.28333 7 9.21667C7 9.66389 7.07778 10.1014 7.23333 10.5292C7.38889 10.9569 7.63194 11.3361 7.9625 11.6667Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-hr-resting"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconImage {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'e11401d5eda029a9130e14bd4bbf576f43f82834', "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: '4c70479235802ee7aec95b3dd83fce2fa536b542' }, h("path", { key: 'fc8ceb6979ee646247585d55e7abdf730bb08301', d: "M4.66667 11.3333H11.3333C11.4667 11.3333 11.5667 11.2722 11.6333 11.15C11.7 11.0278 11.6889 10.9111 11.6 10.8L9.76667 8.35C9.7 8.26111 9.61111 8.21667 9.5 8.21667C9.38889 8.21667 9.3 8.26111 9.23333 8.35L7.5 10.6667L6.26667 9.01667C6.2 8.92778 6.11111 8.88333 6 8.88333C5.88889 8.88333 5.8 8.92778 5.73333 9.01667L4.4 10.8C4.31111 10.9111 4.3 11.0278 4.36667 11.15C4.43333 11.2722 4.53333 11.3333 4.66667 11.3333ZM3.33333 14C2.96667 14 2.65267 13.8696 2.39133 13.6087C2.13044 13.3473 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13044 2.65267 2.39133 2.39133C2.65267 2.13044 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3473 2.13044 13.6087 2.39133C13.8696 2.65267 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8696 13.3473 13.6087 13.6087C13.3473 13.8696 13.0333 14 12.6667 14H3.33333ZM3.33333 12.6667H12.6667V3.33333H3.33333V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b133b682550b436107dd52308e50822109faee14' }, h("path", { key: 'ac84de6c8923d1329bcbd9d7ddeab9d4397cabd9', d: "M7 17H17C17.2 17 17.35 16.9083 17.45 16.725C17.55 16.5417 17.5333 16.3667 17.4 16.2L14.65 12.525C14.55 12.3917 14.4167 12.325 14.25 12.325C14.0833 12.325 13.95 12.3917 13.85 12.525L11.25 16L9.4 13.525C9.3 13.3917 9.16667 13.325 9 13.325C8.83333 13.325 8.7 13.3917 8.6 13.525L6.6 16.2C6.46667 16.3667 6.45 16.5417 6.55 16.725C6.65 16.9083 6.8 17 7 17ZM5 21C4.45 21 3.979 20.8043 3.587 20.413C3.19567 20.021 3 19.55 3 19V5C3 4.45 3.19567 3.979 3.587 3.587C3.979 3.19567 4.45 3 5 3H19C19.55 3 20.021 3.19567 20.413 3.587C20.8043 3.979 21 4.45 21 5V19C21 19.55 20.8043 20.021 20.413 20.413C20.021 20.8043 19.55 21 19 21H5ZM5 19H19V5H5V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'c6ded1a1a03637e070456be5cc45a5e997de09e8' }, h("path", { key: '40cf1d718ef1f1cae77a8d07da9be51d6a93b164', d: "M8.16667 19.8333H19.8333C20.0667 19.8333 20.2417 19.7264 20.3583 19.5125C20.475 19.2986 20.4556 19.0944 20.3 18.9L17.0917 14.6125C16.975 14.4569 16.8194 14.3792 16.625 14.3792C16.4306 14.3792 16.275 14.4569 16.1583 14.6125L13.125 18.6667L10.9667 15.7792C10.85 15.6236 10.6944 15.5458 10.5 15.5458C10.3056 15.5458 10.15 15.6236 10.0333 15.7792L7.7 18.9C7.54444 19.0944 7.525 19.2986 7.64167 19.5125C7.75833 19.7264 7.93333 19.8333 8.16667 19.8333ZM5.83333 24.5C5.19167 24.5 4.64217 24.2717 4.18483 23.8152C3.72828 23.3578 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72828 4.64217 4.18483 4.18483C4.64217 3.72828 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3578 3.72828 23.8152 4.18483C24.2717 4.64217 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2717 23.3578 23.8152 23.8152C23.3578 24.2717 22.8083 24.5 22.1667 24.5H5.83333ZM5.83333 22.1667H22.1667V5.83333H5.83333V22.1667Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-image"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-improve-text.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconImproveText {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'f7a38200d9496a7d57fd4bf0cb1621d618465e5b', "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: '2965419e15683f986772783c5a859fe927cf7d63' }, h("path", { key: '3a65add366182f6eccc9ca9385ac0ce5cdd679c2', d: "M2.66667 6C2.47778 6 2.31944 5.93611 2.19167 5.80833C2.06389 5.68056 2 5.52222 2 5.33333C2 5.14444 2.06389 4.98611 2.19167 4.85833C2.31944 4.73056 2.47778 4.66667 2.66667 4.66667H13.3333C13.5222 4.66667 13.6806 4.73056 13.8083 4.85833C13.9361 4.98611 14 5.14444 14 5.33333C14 5.52222 13.9361 5.68056 13.8083 5.80833C13.6806 5.93611 13.5222 6 13.3333 6H2.66667ZM2.66667 8.66667C2.47778 8.66667 2.31944 8.60278 2.19167 8.475C2.06389 8.34722 2 8.18889 2 8C2 7.81111 2.06389 7.65278 2.19167 7.525C2.31944 7.39722 2.47778 7.33333 2.66667 7.33333H13.3333C13.5222 7.33333 13.6806 7.39722 13.8083 7.525C13.9361 7.65278 14 7.81111 14 8C14 8.18889 13.9361 8.34722 13.8083 8.475C13.6806 8.60278 13.5222 8.66667 13.3333 8.66667H2.66667ZM2.66667 11.3333C2.47778 11.3333 2.31944 11.2694 2.19167 11.1417C2.06389 11.0139 2 10.8556 2 10.6667C2 10.4778 2.06389 10.3194 2.19167 10.1917C2.31944 10.0639 2.47778 10 2.66667 10H7.33333C7.52222 10 7.68056 10.0639 7.80833 10.1917C7.93611 10.3194 8 10.4778 8 10.6667C8 10.8556 7.93611 11.0139 7.80833 11.1417C7.68056 11.2694 7.52222 11.3333 7.33333 11.3333H2.66667ZM2.66667 14C2.47778 14 2.31944 13.9361 2.19167 13.8083C2.06389 13.6806 2 13.5222 2 13.3333C2 13.1444 2.06389 12.9861 2.19167 12.8583C2.31944 12.7306 2.47778 12.6667 2.66667 12.6667H7.33333C7.52222 12.6667 7.68056 12.7306 7.80833 12.8583C7.93611 12.9861 8 13.1444 8 13.3333C8 13.5222 7.93611 13.6806 7.80833 13.8083C7.68056 13.9361 7.52222 14 7.33333 14H2.66667ZM2.66667 3.33333C2.47778 3.33333 2.31944 3.26944 2.19167 3.14167C2.06389 3.01389 2 2.85556 2 2.66667C2 2.47778 2.06389 2.31944 2.19167 2.19167C2.31944 2.06389 2.47778 2 2.66667 2H13.3333C13.5222 2 13.6806 2.06389 13.8083 2.19167C13.9361 2.31944 14 2.47778 14 2.66667C14 2.85556 13.9361 3.01389 13.8083 3.14167C13.6806 3.26944 13.5222 3.33333 13.3333 3.33333H2.66667Z", fill: "currentColor" }), h("path", { key: '39a6da1998df67db1c70202f135c4f519814cda3', d: "M11.1667 12.8333L12 14.6667L12.8333 12.8333L14.6667 12L12.8333 11.1667L12 9.33333L11.1667 11.1667L9.33333 12L11.1667 12.8333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '343234ade00222a6e00122c42fd796d50033c2ef' }, h("path", { key: 'c6852116fe2061813c77f4e9fd5bdce270f1b730', d: "M4 9C3.71667 9 3.47917 8.90417 3.2875 8.7125C3.09583 8.52083 3 8.28333 3 8C3 7.71667 3.09583 7.47917 3.2875 7.2875C3.47917 7.09583 3.71667 7 4 7H20C20.2833 7 20.5208 7.09583 20.7125 7.2875C20.9042 7.47917 21 7.71667 21 8C21 8.28333 20.9042 8.52083 20.7125 8.7125C20.5208 8.90417 20.2833 9 20 9H4ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H4ZM4 17C3.71667 17 3.47917 16.9042 3.2875 16.7125C3.09583 16.5208 3 16.2833 3 16C3 15.7167 3.09583 15.4792 3.2875 15.2875C3.47917 15.0958 3.71667 15 4 15H11C11.2833 15 11.5208 15.0958 11.7125 15.2875C11.9042 15.4792 12 15.7167 12 16C12 16.2833 11.9042 16.5208 11.7125 16.7125C11.5208 16.9042 11.2833 17 11 17H4ZM4 21C3.71667 21 3.47917 20.9042 3.2875 20.7125C3.09583 20.5208 3 20.2833 3 20C3 19.7167 3.09583 19.4792 3.2875 19.2875C3.47917 19.0958 3.71667 19 4 19H11C11.2833 19 11.5208 19.0958 11.7125 19.2875C11.9042 19.4792 12 19.7167 12 20C12 20.2833 11.9042 20.5208 11.7125 20.7125C11.5208 20.9042 11.2833 21 11 21H4ZM4 5C3.71667 5 3.47917 4.90417 3.2875 4.7125C3.09583 4.52083 3 4.28333 3 4C3 3.71667 3.09583 3.47917 3.2875 3.2875C3.47917 3.09583 3.71667 3 4 3H20C20.2833 3 20.5208 3.09583 20.7125 3.2875C20.9042 3.47917 21 3.71667 21 4C21 4.28333 20.9042 4.52083 20.7125 4.7125C20.5208 4.90417 20.2833 5 20 5H4Z", fill: "currentColor" }), h("path", { key: '70a83e2750fcfac5f2c0c4e0b64be2e0d9b62ca4', d: "M16.75 19.25L18 22L19.25 19.25L22 18L19.25 16.75L18 14L16.75 16.75L14 18L16.75 19.25Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '22421e343aa942b219a35db6e59b9d8fd28c4fc7' }, h("path", { key: 'f47405e640151f384d468dce12e0c99e421f1d30', d: "M4.66667 10.5C4.33611 10.5 4.05903 10.3882 3.83542 10.1646C3.61181 9.94097 3.5 9.66389 3.5 9.33333C3.5 9.00278 3.61181 8.72569 3.83542 8.50208C4.05903 8.27847 4.33611 8.16667 4.66667 8.16667H23.3333C23.6639 8.16667 23.941 8.27847 24.1646 8.50208C24.3882 8.72569 24.5 9.00278 24.5 9.33333C24.5 9.66389 24.3882 9.94097 24.1646 10.1646C23.941 10.3882 23.6639 10.5 23.3333 10.5H4.66667ZM4.66667 15.1667C4.33611 15.1667 4.05903 15.0549 3.83542 14.8313C3.61181 14.6076 3.5 14.3306 3.5 14C3.5 13.6694 3.61181 13.3924 3.83542 13.1688C4.05903 12.9451 4.33611 12.8333 4.66667 12.8333H23.3333C23.6639 12.8333 23.941 12.9451 24.1646 13.1688C24.3882 13.3924 24.5 13.6694 24.5 14C24.5 14.3306 24.3882 14.6076 24.1646 14.8313C23.941 15.0549 23.6639 15.1667 23.3333 15.1667H4.66667ZM4.66667 19.8333C4.33611 19.8333 4.05903 19.7215 3.83542 19.4979C3.61181 19.2743 3.5 18.9972 3.5 18.6667C3.5 18.3361 3.61181 18.059 3.83542 17.8354C4.05903 17.6118 4.33611 17.5 4.66667 17.5H12.8333C13.1639 17.5 13.441 17.6118 13.6646 17.8354C13.8882 18.059 14 18.3361 14 18.6667C14 18.9972 13.8882 19.2743 13.6646 19.4979C13.441 19.7215 13.1639 19.8333 12.8333 19.8333H4.66667ZM4.66667 24.5C4.33611 24.5 4.05903 24.3882 3.83542 24.1646C3.61181 23.941 3.5 23.6639 3.5 23.3333C3.5 23.0028 3.61181 22.7257 3.83542 22.5021C4.05903 22.2785 4.33611 22.1667 4.66667 22.1667H12.8333C13.1639 22.1667 13.441 22.2785 13.6646 22.5021C13.8882 22.7257 14 23.0028 14 23.3333C14 23.6639 13.8882 23.941 13.6646 24.1646C13.441 24.3882 13.1639 24.5 12.8333 24.5H4.66667ZM4.66667 5.83333C4.33611 5.83333 4.05903 5.72153 3.83542 5.49792C3.61181 5.27431 3.5 4.99722 3.5 4.66667C3.5 4.33611 3.61181 4.05903 3.83542 3.83542C4.05903 3.61181 4.33611 3.5 4.66667 3.5H23.3333C23.6639 3.5 23.941 3.61181 24.1646 3.83542C24.3882 4.05903 24.5 4.33611 24.5 4.66667C24.5 4.99722 24.3882 5.27431 24.1646 5.49792C23.941 5.72153 23.6639 5.83333 23.3333 5.83333H4.66667Z", fill: "currentColor" }), h("path", { key: 'da24313d5350f6c6ed27bd0a680d7e27f73ea73e', d: "M19.5417 22.4583L21 25.6667L22.4583 22.4583L25.6667 21L22.4583 19.5417L21 16.3333L19.5417 19.5417L16.3333 21L19.5417 22.4583Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-improve-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",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

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

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconInfo {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '0c2b406a3f5756e78450dcd9761a3bf1f86305e2', "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: '7f21d7abe904e705d3d96781da73a749ec16b69c' }, h("path", { key: '911b934fac497de1dda1985a85bcfe5facea8f56', d: "M7.99998 11.3333C8.18887 11.3333 8.34731 11.2693 8.47531 11.1413C8.60287 11.0138 8.66665 10.8555 8.66665 10.6666V7.98331C8.66665 7.79442 8.60287 7.63887 8.47531 7.51665C8.34731 7.39442 8.18887 7.33331 7.99998 7.33331C7.81109 7.33331 7.65287 7.39709 7.52531 7.52465C7.39731 7.65265 7.33331 7.81109 7.33331 7.99998V10.6833C7.33331 10.8722 7.39731 11.0278 7.52531 11.15C7.65287 11.2722 7.81109 11.3333 7.99998 11.3333ZM7.99998 5.99998C8.18887 5.99998 8.34731 5.93598 8.47531 5.80798C8.60287 5.68042 8.66665 5.5222 8.66665 5.33331C8.66665 5.14442 8.60287 4.98598 8.47531 4.85798C8.34731 4.73042 8.18887 4.66665 7.99998 4.66665C7.81109 4.66665 7.65287 4.73042 7.52531 4.85798C7.39731 4.98598 7.33331 5.14442 7.33331 5.33331C7.33331 5.5222 7.39731 5.68042 7.52531 5.80798C7.65287 5.93598 7.81109 5.99998 7.99998 5.99998ZM7.99998 14.6666C7.07776 14.6666 6.21109 14.4915 5.39998 14.1413C4.58887 13.7915 3.88331 13.3166 3.28331 12.7166C2.68331 12.1166 2.20842 11.4111 1.85865 10.6C1.50842 9.78887 1.33331 8.9222 1.33331 7.99998C1.33331 7.07776 1.50842 6.21109 1.85865 5.39998C2.20842 4.58887 2.68331 3.88331 3.28331 3.28331C3.88331 2.68331 4.58887 2.2082 5.39998 1.85798C6.21109 1.5082 7.07776 1.33331 7.99998 1.33331C8.9222 1.33331 9.78887 1.5082 10.6 1.85798C11.4111 2.2082 12.1166 2.68331 12.7166 3.28331C13.3166 3.88331 13.7915 4.58887 14.1413 5.39998C14.4915 6.21109 14.6666 7.07776 14.6666 7.99998C14.6666 8.9222 14.4915 9.78887 14.1413 10.6C13.7915 11.4111 13.3166 12.1166 12.7166 12.7166C12.1166 13.3166 11.4111 13.7915 10.6 14.1413C9.78887 14.4915 8.9222 14.6666 7.99998 14.6666ZM7.99998 13.3333C9.47776 13.3333 10.7362 12.814 11.7753 11.7753C12.814 10.7362 13.3333 9.47776 13.3333 7.99998C13.3333 6.5222 12.814 5.26376 11.7753 4.22465C10.7362 3.18598 9.47776 2.66665 7.99998 2.66665C6.5222 2.66665 5.26398 3.18598 4.22531 4.22465C3.1862 5.26376 2.66665 6.5222 2.66665 7.99998C2.66665 9.47776 3.1862 10.7362 4.22531 11.7753C5.26398 12.814 6.5222 13.3333 7.99998 13.3333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '675de6a56fb5582ef1fec5e2f5631d80aceb563b' }, h("path", { key: '02c6888b37d9a4bedd5b4304b1edb4ceab59e7b9', d: "M12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16V11.975C13 11.6917 12.9043 11.4583 12.713 11.275C12.521 11.0917 12.2833 11 12 11C11.7167 11 11.4793 11.0957 11.288 11.287C11.096 11.479 11 11.7167 11 12V16.025C11 16.3083 11.096 16.5417 11.288 16.725C11.4793 16.9083 11.7167 17 12 17ZM12 9C12.2833 9 12.521 8.904 12.713 8.712C12.9043 8.52067 13 8.28333 13 8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8C11 8.28333 11.096 8.52067 11.288 8.712C11.4793 8.904 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C14.2167 20 16.1043 19.221 17.663 17.663C19.221 16.1043 20 14.2167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 14.2167 4.77933 16.1043 6.338 17.663C7.896 19.221 9.78333 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'af9e039b40c78133893d618332e498292c222c82' }, h("path", { key: '1dac02b69a3663543635f46ebc9e79c491779f86', d: "M14 19.8333C14.3305 19.8333 14.6078 19.7213 14.8318 19.4973C15.055 19.2741 15.1666 18.9972 15.1666 18.6666V13.9708C15.1666 13.6403 15.055 13.368 14.8318 13.1541C14.6078 12.9403 14.3305 12.8333 14 12.8333C13.6694 12.8333 13.3925 12.9449 13.1693 13.1681C12.9453 13.3921 12.8333 13.6694 12.8333 14V18.6958C12.8333 19.0264 12.9453 19.2986 13.1693 19.5125C13.3925 19.7264 13.6694 19.8333 14 19.8333ZM14 10.5C14.3305 10.5 14.6078 10.388 14.8318 10.164C15.055 9.94076 15.1666 9.66387 15.1666 9.33331C15.1666 9.00276 15.055 8.72548 14.8318 8.50148C14.6078 8.27826 14.3305 8.16665 14 8.16665C13.6694 8.16665 13.3925 8.27826 13.1693 8.50148C12.9453 8.72548 12.8333 9.00276 12.8333 9.33331C12.8333 9.66387 12.9453 9.94076 13.1693 10.164C13.3925 10.388 13.6694 10.5 14 10.5ZM14 25.6666C12.3861 25.6666 10.8694 25.3602 9.44998 24.7473C8.03054 24.1352 6.79581 23.3041 5.74581 22.2541C4.69581 21.2041 3.86476 19.9694 3.25265 18.55C2.63976 17.1305 2.33331 15.6139 2.33331 14C2.33331 12.3861 2.63976 10.8694 3.25265 9.44998C3.86476 8.03054 4.69581 6.79581 5.74581 5.74581C6.79581 4.69581 8.03054 3.86437 9.44998 3.25148C10.8694 2.63937 12.3861 2.33331 14 2.33331C15.6139 2.33331 17.1305 2.63937 18.55 3.25148C19.9694 3.86437 21.2041 4.69581 22.2541 5.74581C23.3041 6.79581 24.1352 8.03054 24.7473 9.44998C25.3602 10.8694 25.6666 12.3861 25.6666 14C25.6666 15.6139 25.3602 17.1305 24.7473 18.55C24.1352 19.9694 23.3041 21.2041 22.2541 22.2541C21.2041 23.3041 19.9694 24.1352 18.55 24.7473C17.1305 25.3602 15.6139 25.6666 14 25.6666ZM14 23.3333C16.5861 23.3333 18.7884 22.4245 20.6068 20.6068C22.4245 18.7884 23.3333 16.5861 23.3333 14C23.3333 11.4139 22.4245 9.21159 20.6068 7.39315C18.7884 5.57548 16.5861 4.66665 14 4.66665C11.4139 4.66665 9.21198 5.57548 7.39431 7.39315C5.57587 9.21159 4.66665 11.4139 4.66665 14C4.66665 16.5861 5.57587 18.7884 7.39431 20.6068C9.21198 22.4245 11.4139 23.3333 14 23.3333Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-info"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-insert-below.js

@@ -0,0 +1,83 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconInsertBelow {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '61ae95754c114a607ca68334bb0a5cd002373b03', "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: '799b203b4bb46a871115102d9528937832e2d46f' }, h("path", { key: 'babea727cf0ee987a4c9e42de41ac98821de098e', d: "M3.33335 8.3335C3.14446 8.3335 2.98613 8.26961 2.85835 8.14183C2.73058 8.01405 2.66669 7.85572 2.66669 7.66683C2.66669 7.47794 2.73058 7.31961 2.85835 7.19183C2.98613 7.06405 3.14446 7.00016 3.33335 7.00016H11.5C12.2 7.00016 12.7917 7.24183 13.275 7.72516C13.7584 8.2085 14 8.80016 14 9.50016C14 10.2002 13.7584 10.7918 13.275 11.2752C12.7917 11.7585 12.2 12.0002 11.5 12.0002H9.90002L10.2667 12.3668C10.4 12.5002 10.4667 12.6585 10.4667 12.8418C10.4667 13.0252 10.4 13.1835 10.2667 13.3168C10.1334 13.4502 9.97502 13.5168 9.79169 13.5168C9.60835 13.5168 9.45002 13.4502 9.31669 13.3168L7.80002 11.8002C7.73335 11.7335 7.68613 11.6613 7.65835 11.5835C7.63058 11.5057 7.61669 11.4224 7.61669 11.3335C7.61669 11.2446 7.63058 11.1613 7.65835 11.0835C7.68613 11.0057 7.73335 10.9335 7.80002 10.8668L9.33335 9.3335C9.45558 9.21127 9.60835 9.15016 9.79169 9.15016C9.97502 9.15016 10.1334 9.21683 10.2667 9.35016C10.4 9.4835 10.4639 9.64461 10.4584 9.8335C10.4528 10.0224 10.3834 10.1835 10.25 10.3168L9.90002 10.6668H11.5C11.8222 10.6668 12.0972 10.5529 12.325 10.3252C12.5528 10.0974 12.6667 9.82239 12.6667 9.50016C12.6667 9.17794 12.5528 8.90294 12.325 8.67516C12.0972 8.44739 11.8222 8.3335 11.5 8.3335H3.33335ZM3.33335 4.66683C3.14446 4.66683 2.98613 4.60294 2.85835 4.47516C2.73058 4.34738 2.66669 4.18905 2.66669 4.00016C2.66669 3.81127 2.73058 3.65294 2.85835 3.52516C2.98613 3.39738 3.14446 3.3335 3.33335 3.3335H12.6667C12.8556 3.3335 13.0139 3.39738 13.1417 3.52516C13.2695 3.65294 13.3334 3.81127 13.3334 4.00016C13.3334 4.18905 13.2695 4.34738 13.1417 4.47516C13.0139 4.60294 12.8556 4.66683 12.6667 4.66683H3.33335ZM3.33335 12.0002C3.14446 12.0002 2.98613 11.9363 2.85835 11.8085C2.73058 11.6807 2.66669 11.5224 2.66669 11.3335C2.66669 11.1446 2.73058 10.9863 2.85835 10.8585C2.98613 10.7307 3.14446 10.6668 3.33335 10.6668H5.35002C5.53891 10.6668 5.69446 10.7307 5.81669 10.8585C5.93891 10.9863 6.00002 11.1446 6.00002 11.3335C6.00002 11.5224 5.93613 11.6807 5.80835 11.8085C5.68058 11.9363 5.52224 12.0002 5.33335 12.0002H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'cc940a538a836fd0b4c5b1b4083d18ea73cd72d1' }, h("path", { key: 'cbadc26a8360a8b34d25f16f4005db244f05067b', d: "M5 12.5C4.71667 12.5 4.47917 12.4042 4.2875 12.2125C4.09583 12.0208 4 11.7833 4 11.5C4 11.2167 4.09583 10.9792 4.2875 10.7875C4.47917 10.5958 4.71667 10.5 5 10.5H17.25C18.3 10.5 19.1875 10.8625 19.9125 11.5875C20.6375 12.3125 21 13.2 21 14.25C21 15.3 20.6375 16.1875 19.9125 16.9125C19.1875 17.6375 18.3 18 17.25 18H14.85L15.4 18.55C15.6 18.75 15.7 18.9875 15.7 19.2625C15.7 19.5375 15.6 19.775 15.4 19.975C15.2 20.175 14.9625 20.275 14.6875 20.275C14.4125 20.275 14.175 20.175 13.975 19.975L11.7 17.7C11.6 17.6 11.5292 17.4917 11.4875 17.375C11.4458 17.2583 11.425 17.1333 11.425 17C11.425 16.8667 11.4458 16.7417 11.4875 16.625C11.5292 16.5083 11.6 16.4 11.7 16.3L14 14C14.1833 13.8167 14.4125 13.725 14.6875 13.725C14.9625 13.725 15.2 13.825 15.4 14.025C15.6 14.225 15.6958 14.4667 15.6875 14.75C15.6792 15.0333 15.575 15.275 15.375 15.475L14.85 16H17.25C17.7333 16 18.1458 15.8292 18.4875 15.4875C18.8292 15.1458 19 14.7333 19 14.25C19 13.7667 18.8292 13.3542 18.4875 13.0125C18.1458 12.6708 17.7333 12.5 17.25 12.5H5ZM5 7C4.71667 7 4.47917 6.90417 4.2875 6.7125C4.09583 6.52083 4 6.28333 4 6C4 5.71667 4.09583 5.47917 4.2875 5.2875C4.47917 5.09583 4.71667 5 5 5H19C19.2833 5 19.5208 5.09583 19.7125 5.2875C19.9042 5.47917 20 5.71667 20 6C20 6.28333 19.9042 6.52083 19.7125 6.7125C19.5208 6.90417 19.2833 7 19 7H5ZM5 18C4.71667 18 4.47917 17.9042 4.2875 17.7125C4.09583 17.5208 4 17.2833 4 17C4 16.7167 4.09583 16.4792 4.2875 16.2875C4.47917 16.0958 4.71667 16 5 16H8.025C8.30833 16 8.54167 16.0958 8.725 16.2875C8.90833 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '62c3c34ec254b6ea28d0b16fc93a64175b7fb941' }, h("path", { key: '1db391a99fef84ff5cd89ca469d279c892a2119b', d: "M5.83332 14.5835C5.50277 14.5835 5.22568 14.4717 5.00207 14.2481C4.77846 14.0245 4.66666 13.7474 4.66666 13.4168C4.66666 13.0863 4.77846 12.8092 5.00207 12.5856C5.22568 12.362 5.50277 12.2502 5.83332 12.2502H20.125C21.35 12.2502 22.3854 12.6731 23.2312 13.5189C24.0771 14.3647 24.5 15.4002 24.5 16.6252C24.5 17.8502 24.0771 18.8856 23.2312 19.7314C22.3854 20.5772 21.35 21.0002 20.125 21.0002H17.325L17.9667 21.6418C18.2 21.8752 18.3167 22.1522 18.3167 22.4731C18.3167 22.7939 18.2 23.071 17.9667 23.3043C17.7333 23.5377 17.4562 23.6543 17.1354 23.6543C16.8146 23.6543 16.5375 23.5377 16.3042 23.3043L13.65 20.6502C13.5333 20.5335 13.4507 20.4071 13.4021 20.271C13.3535 20.1349 13.3292 19.9891 13.3292 19.8335C13.3292 19.6779 13.3535 19.5321 13.4021 19.396C13.4507 19.2599 13.5333 19.1335 13.65 19.0168L16.3333 16.3335C16.5472 16.1196 16.8146 16.0127 17.1354 16.0127C17.4562 16.0127 17.7333 16.1293 17.9667 16.3627C18.2 16.596 18.3118 16.8779 18.3021 17.2085C18.2924 17.5391 18.1708 17.821 17.9375 18.0543L17.325 18.6668H20.125C20.6889 18.6668 21.1701 18.4675 21.5687 18.0689C21.9674 17.6703 22.1667 17.1891 22.1667 16.6252C22.1667 16.0613 21.9674 15.58 21.5687 15.1814C21.1701 14.7828 20.6889 14.5835 20.125 14.5835H5.83332ZM5.83332 8.16683C5.50277 8.16683 5.22568 8.05502 5.00207 7.83141C4.77846 7.6078 4.66666 7.33072 4.66666 7.00016C4.66666 6.66961 4.77846 6.39252 5.00207 6.16891C5.22568 5.9453 5.50277 5.8335 5.83332 5.8335H22.1667C22.4972 5.8335 22.7743 5.9453 22.9979 6.16891C23.2215 6.39252 23.3333 6.66961 23.3333 7.00016C23.3333 7.33072 23.2215 7.6078 22.9979 7.83141C22.7743 8.05502 22.4972 8.16683 22.1667 8.16683H5.83332ZM5.83332 21.0002C5.50277 21.0002 5.22568 20.8884 5.00207 20.6647C4.77846 20.4411 4.66666 20.1641 4.66666 19.8335C4.66666 19.5029 4.77846 19.2259 5.00207 19.0022C5.22568 18.7786 5.50277 18.6668 5.83332 18.6668H9.36249C9.69305 18.6668 9.96527 18.7786 10.1792 19.0022C10.393 19.2259 10.5 19.5029 10.5 19.8335C10.5 20.1641 10.3882 20.4411 10.1646 20.6647C9.94096 20.8884 9.66388 21.0002 9.33332 21.0002H5.83332Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-insert-below"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}