@getflip/swirl-components 0.0.0-beta-20260114160010

package/dist/collection/components/swirl-icon/icons/swirl-icon-live.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 SwirlIconLive {
+    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: '38a48b1a0f2a945b1ef1c09c181c9cb56b172d82', "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: '6d87f3a83bc926a76f89c42b8980879e91e280e4' }, h("g", { key: '2903588f32b39cb8e632b9821cdbee611e3a8fbd', id: "Live16" }, h("path", { key: '72bb293103a43527d6a86c21c84850ce2b2022dd', id: "Vector", d: "M2.66665 8.00004C2.66665 8.62226 2.76109 9.20837 2.94998 9.75837C3.13887 10.3084 3.41109 10.8056 3.76665 11.25C3.88887 11.4056 3.94998 11.575 3.94998 11.7584C3.94998 11.9417 3.88331 12.1 3.74998 12.2334C3.61665 12.3667 3.45554 12.4306 3.26665 12.425C3.07776 12.4195 2.9222 12.3389 2.79998 12.1834C2.33331 11.6056 1.9722 10.9639 1.71665 10.2584C1.46109 9.55282 1.33331 8.80004 1.33331 8.00004C1.33331 7.20004 1.46109 6.44448 1.71665 5.73337C1.9722 5.02226 2.33331 4.38337 2.79998 3.81671C2.9222 3.66115 3.07776 3.5806 3.26665 3.57504C3.45554 3.56948 3.61665 3.63337 3.74998 3.76671C3.88331 3.90004 3.94998 4.05837 3.94998 4.24171C3.94998 4.42504 3.88887 4.59448 3.76665 4.75004C3.41109 5.2056 3.13887 5.70837 2.94998 6.25837C2.76109 6.80837 2.66665 7.38893 2.66665 8.00004ZM5.33331 8.00004C5.33331 8.2556 5.36665 8.49726 5.43331 8.72504C5.49998 8.95282 5.59442 9.16671 5.71665 9.36671C5.81665 9.52226 5.86387 9.69449 5.85831 9.88337C5.85276 10.0723 5.78331 10.2334 5.64998 10.3667C5.51665 10.5 5.35554 10.5639 5.16665 10.5584C4.97776 10.5528 4.83331 10.4723 4.73331 10.3167C4.49998 9.99448 4.31942 9.63337 4.19165 9.23337C4.06387 8.83337 3.99998 8.42226 3.99998 8.00004C3.99998 7.56671 4.06387 7.15282 4.19165 6.75837C4.31942 6.36393 4.49998 6.0056 4.73331 5.68337C4.84442 5.52782 4.99165 5.45004 5.17498 5.45004C5.35831 5.45004 5.51665 5.51671 5.64998 5.65004C5.78331 5.78337 5.85276 5.94171 5.85831 6.12504C5.86387 6.30837 5.81665 6.47782 5.71665 6.63337C5.59442 6.83337 5.49998 7.04726 5.43331 7.27504C5.36665 7.50282 5.33331 7.74448 5.33331 8.00004ZM7.99998 9.33337C7.63331 9.33337 7.31942 9.20282 7.05831 8.94171C6.7972 8.6806 6.66665 8.36671 6.66665 8.00004C6.66665 7.63337 6.7972 7.31949 7.05831 7.05837C7.31942 6.79726 7.63331 6.66671 7.99998 6.66671C8.36665 6.66671 8.68053 6.79726 8.94165 7.05837C9.20276 7.31949 9.33331 7.63337 9.33331 8.00004C9.33331 8.36671 9.20276 8.6806 8.94165 8.94171C8.68053 9.20282 8.36665 9.33337 7.99998 9.33337ZM10.6666 8.00004C10.6666 7.74448 10.6333 7.50282 10.5666 7.27504C10.5 7.04726 10.4055 6.83337 10.2833 6.63337C10.1833 6.47782 10.1389 6.3056 10.15 6.11671C10.1611 5.92782 10.2333 5.76671 10.3666 5.63337C10.5 5.50004 10.6555 5.43615 10.8333 5.44171C11.0111 5.44726 11.1555 5.52782 11.2666 5.68337C11.5 6.0056 11.6805 6.36393 11.8083 6.75837C11.9361 7.15282 12 7.56671 12 8.00004C12 8.42226 11.9361 8.83337 11.8083 9.23337C11.6805 9.63337 11.5 9.99448 11.2666 10.3167C11.1666 10.4723 11.0222 10.55 10.8333 10.55C10.6444 10.55 10.4833 10.4834 10.35 10.35C10.2166 10.2167 10.1472 10.0584 10.1416 9.87504C10.1361 9.69171 10.1833 9.52226 10.2833 9.36671C10.4055 9.16671 10.5 8.95282 10.5666 8.72504C10.6333 8.49726 10.6666 8.2556 10.6666 8.00004ZM13.3333 8.00004C13.3333 7.37782 13.2389 6.79171 13.05 6.24171C12.8611 5.69171 12.5889 5.19448 12.2333 4.75004C12.1111 4.59448 12.0472 4.42504 12.0416 4.24171C12.0361 4.05837 12.1 3.90004 12.2333 3.76671C12.3666 3.63337 12.5305 3.56948 12.725 3.57504C12.9194 3.5806 13.0778 3.66115 13.2 3.81671C13.6666 4.38337 14.0278 5.02226 14.2833 5.73337C14.5389 6.44448 14.6666 7.20004 14.6666 8.00004C14.6666 8.80004 14.5389 9.55282 14.2833 10.2584C14.0278 10.9639 13.6666 11.6056 13.2 12.1834C13.0778 12.3389 12.9222 12.4195 12.7333 12.425C12.5444 12.4306 12.3833 12.3667 12.25 12.2334C12.1166 12.1 12.05 11.9417 12.05 11.7584C12.05 11.575 12.1111 11.4056 12.2333 11.25C12.5889 10.7945 12.8611 10.2917 13.05 9.74171C13.2389 9.19171 13.3333 8.61115 13.3333 8.00004Z", fill: "currentColor" })))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'bf2abfb4d205af7026e3d39461ff4a625f6e8d53' }, h("g", { key: 'cab0f6e95522e37a6b45955f0f55d34664ad8fa5', id: "Live24" }, h("path", { key: '38933c129b25d63f2ae4c3b7e9b5c290e2f59cbf', id: "Vector", d: "M4 11.9998C4 12.9331 4.14167 13.8123 4.425 14.6373C4.70833 15.4623 5.11667 16.2081 5.65 16.8748C5.83333 17.1081 5.925 17.3623 5.925 17.6373C5.925 17.9123 5.825 18.1498 5.625 18.3498C5.425 18.5498 5.18333 18.6457 4.9 18.6373C4.61667 18.629 4.38333 18.5082 4.2 18.2748C3.5 17.4082 2.95833 16.4456 2.575 15.3873C2.19167 14.329 2 13.1998 2 11.9998C2 10.7998 2.19167 9.66648 2.575 8.59982C2.95833 7.53315 3.5 6.57482 4.2 5.72482C4.38333 5.49148 4.61667 5.37065 4.9 5.36232C5.18333 5.35398 5.425 5.44982 5.625 5.64982C5.825 5.84982 5.925 6.08732 5.925 6.36232C5.925 6.63732 5.83333 6.89148 5.65 7.12482C5.11667 7.80815 4.70833 8.56232 4.425 9.38732C4.14167 10.2123 4 11.0831 4 11.9998ZM8 11.9998C8 12.3831 8.05 12.7456 8.15 13.0873C8.25 13.429 8.39167 13.7498 8.575 14.0498C8.725 14.2831 8.79583 14.5415 8.7875 14.8248C8.77917 15.1081 8.675 15.3498 8.475 15.5498C8.275 15.7498 8.03333 15.8456 7.75 15.8373C7.46667 15.829 7.25 15.7081 7.1 15.4748C6.75 14.9915 6.47917 14.4498 6.2875 13.8498C6.09583 13.2498 6 12.6331 6 11.9998C6 11.3498 6.09583 10.729 6.2875 10.1373C6.47917 9.54565 6.75 9.00815 7.1 8.52482C7.26667 8.29148 7.4875 8.17482 7.7625 8.17482C8.0375 8.17482 8.275 8.27482 8.475 8.47482C8.675 8.67482 8.77917 8.91232 8.7875 9.18732C8.79583 9.46232 8.725 9.71648 8.575 9.94982C8.39167 10.2498 8.25 10.5707 8.15 10.9123C8.05 11.254 8 11.6165 8 11.9998ZM12 13.9998C11.45 13.9998 10.9792 13.804 10.5875 13.4123C10.1958 13.0206 10 12.5498 10 11.9998C10 11.4498 10.1958 10.979 10.5875 10.5873C10.9792 10.1957 11.45 9.99982 12 9.99982C12.55 9.99982 13.0208 10.1957 13.4125 10.5873C13.8042 10.979 14 11.4498 14 11.9998C14 12.5498 13.8042 13.0206 13.4125 13.4123C13.0208 13.804 12.55 13.9998 12 13.9998ZM16 11.9998C16 11.6165 15.95 11.254 15.85 10.9123C15.75 10.5707 15.6083 10.2498 15.425 9.94982C15.275 9.71648 15.2083 9.45815 15.225 9.17482C15.2417 8.89148 15.35 8.64982 15.55 8.44982C15.75 8.24982 15.9833 8.15398 16.25 8.16232C16.5167 8.17065 16.7333 8.29148 16.9 8.52482C17.25 9.00815 17.5208 9.54565 17.7125 10.1373C17.9042 10.729 18 11.3498 18 11.9998C18 12.6331 17.9042 13.2498 17.7125 13.8498C17.5208 14.4498 17.25 14.9915 16.9 15.4748C16.75 15.7081 16.5333 15.8248 16.25 15.8248C15.9667 15.8248 15.725 15.7248 15.525 15.5248C15.325 15.3248 15.2208 15.0873 15.2125 14.8123C15.2042 14.5373 15.275 14.2831 15.425 14.0498C15.6083 13.7498 15.75 13.429 15.85 13.0873C15.95 12.7456 16 12.3831 16 11.9998ZM20 11.9998C20 11.0665 19.8583 10.1873 19.575 9.36232C19.2917 8.53732 18.8833 7.79148 18.35 7.12482C18.1667 6.89148 18.0708 6.63732 18.0625 6.36232C18.0542 6.08732 18.15 5.84982 18.35 5.64982C18.55 5.44982 18.7958 5.35398 19.0875 5.36232C19.3792 5.37065 19.6167 5.49148 19.8 5.72482C20.5 6.57482 21.0417 7.53315 21.425 8.59982C21.8083 9.66648 22 10.7998 22 11.9998C22 13.1998 21.8083 14.329 21.425 15.3873C21.0417 16.4456 20.5 17.4082 19.8 18.2748C19.6167 18.5082 19.3833 18.629 19.1 18.6373C18.8167 18.6457 18.575 18.5498 18.375 18.3498C18.175 18.1498 18.075 17.9123 18.075 17.6373C18.075 17.3623 18.1667 17.1081 18.35 16.8748C18.8833 16.1915 19.2917 15.4373 19.575 14.6123C19.8583 13.7873 20 12.9165 20 11.9998Z", fill: "currentColor" })))), this.size === 28 && (h(Fragment, { key: 'f07e3ac17de92e1a1543c18436e3c3efc3971fd4' }, h("g", { key: '89d5cfc8e4dd66e41f93f746f23464fa19ff4383', id: "Live28" }, h("path", { key: '509b9b373faf9a4a364b8190018d8d9d76878f01', id: "Vector", d: "M4.66665 14.0002C4.66665 15.0891 4.83192 16.1148 5.16248 17.0773C5.49304 18.0398 5.96942 18.9099 6.59165 19.6877C6.80554 19.9599 6.91248 20.2564 6.91248 20.5773C6.91248 20.8981 6.79581 21.1752 6.56248 21.4085C6.32915 21.6419 6.0472 21.7537 5.71665 21.7439C5.38609 21.7342 5.11387 21.5932 4.89998 21.321C4.08331 20.3099 3.45137 19.187 3.00415 17.9523C2.55692 16.7176 2.33331 15.4002 2.33331 14.0002C2.33331 12.6002 2.55692 11.278 3.00415 10.0335C3.45137 8.78908 4.08331 7.67103 4.89998 6.67936C5.11387 6.40714 5.38609 6.26616 5.71665 6.25644C6.0472 6.24672 6.32915 6.35853 6.56248 6.59186C6.79581 6.82519 6.91248 7.10228 6.91248 7.42311C6.91248 7.74394 6.80554 8.04047 6.59165 8.31269C5.96942 9.10991 5.49304 9.98978 5.16248 10.9523C4.83192 11.9148 4.66665 12.9307 4.66665 14.0002ZM9.33331 14.0002C9.33331 14.4474 9.39165 14.8703 9.50831 15.2689C9.62498 15.6676 9.79026 16.0419 10.0041 16.3919C10.1791 16.6641 10.2618 16.9655 10.2521 17.296C10.2423 17.6266 10.1208 17.9085 9.88748 18.1419C9.65415 18.3752 9.3722 18.487 9.04165 18.4773C8.71109 18.4676 8.45831 18.3266 8.28331 18.0544C7.87498 17.4905 7.55901 16.8585 7.3354 16.1585C7.11179 15.4585 6.99998 14.7391 6.99998 14.0002C6.99998 13.2419 7.11179 12.5176 7.3354 11.8273C7.55901 11.137 7.87498 10.5099 8.28331 9.94603C8.47776 9.6738 8.7354 9.53769 9.05623 9.53769C9.37706 9.53769 9.65415 9.65436 9.88748 9.88769C10.1208 10.121 10.2423 10.3981 10.2521 10.7189C10.2618 11.0398 10.1791 11.3363 10.0041 11.6085C9.79026 11.9585 9.62498 12.3328 9.50831 12.7314C9.39165 13.1301 9.33331 13.553 9.33331 14.0002ZM14 16.3335C13.3583 16.3335 12.809 16.1051 12.3521 15.6481C11.8951 15.1912 11.6666 14.6419 11.6666 14.0002C11.6666 13.3585 11.8951 12.8092 12.3521 12.3523C12.809 11.8953 13.3583 11.6669 14 11.6669C14.6416 11.6669 15.191 11.8953 15.6479 12.3523C16.1048 12.8092 16.3333 13.3585 16.3333 14.0002C16.3333 14.6419 16.1048 15.1912 15.6479 15.6481C15.191 16.1051 14.6416 16.3335 14 16.3335ZM18.6666 14.0002C18.6666 13.553 18.6083 13.1301 18.4916 12.7314C18.375 12.3328 18.2097 11.9585 17.9958 11.6085C17.8208 11.3363 17.743 11.0349 17.7625 10.7044C17.7819 10.3738 17.9083 10.0919 18.1416 9.85853C18.375 9.62519 18.6472 9.51339 18.9583 9.52311C19.2694 9.53283 19.5222 9.6738 19.7166 9.94603C20.125 10.5099 20.441 11.137 20.6646 11.8273C20.8882 12.5176 21 13.2419 21 14.0002C21 14.7391 20.8882 15.4585 20.6646 16.1585C20.441 16.8585 20.125 17.4905 19.7166 18.0544C19.5416 18.3266 19.2889 18.4627 18.9583 18.4627C18.6278 18.4627 18.3458 18.346 18.1125 18.1127C17.8791 17.8794 17.7576 17.6023 17.7479 17.2814C17.7382 16.9606 17.8208 16.6641 17.9958 16.3919C18.2097 16.0419 18.375 15.6676 18.4916 15.2689C18.6083 14.8703 18.6666 14.4474 18.6666 14.0002ZM23.3333 14.0002C23.3333 12.9113 23.168 11.8856 22.8375 10.9231C22.5069 9.96061 22.0305 9.09047 21.4083 8.31269C21.1944 8.04047 21.0826 7.74394 21.0729 7.42311C21.0632 7.10228 21.175 6.82519 21.4083 6.59186C21.6416 6.35853 21.9285 6.24672 22.2687 6.25644C22.609 6.26616 22.8861 6.40714 23.1 6.67936C23.9166 7.67103 24.5486 8.78908 24.9958 10.0335C25.443 11.278 25.6666 12.6002 25.6666 14.0002C25.6666 15.4002 25.443 16.7176 24.9958 17.9523C24.5486 19.187 23.9166 20.3099 23.1 21.321C22.8861 21.5932 22.6139 21.7342 22.2833 21.7439C21.9528 21.7537 21.6708 21.6419 21.4375 21.4085C21.2041 21.1752 21.0875 20.8981 21.0875 20.5773C21.0875 20.2564 21.1944 19.9599 21.4083 19.6877C22.0305 18.8905 22.5069 18.0106 22.8375 17.0481C23.168 16.0856 23.3333 15.0696 23.3333 14.0002Z", fill: "currentColor" }))))));
+    }
+    static get is() { return "swirl-icon-live"; }
+    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-load.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 SwirlIconLoad {
+    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: '1b84417717ded3a2fd20f4e4d568cebad95f443e', "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: '6544e3c07ce2c36516d639d93415297459359877' }, h("path", { key: '4b00f8425a805d1c42a4bf7402c2e934a49bf8e7', d: "M4.00002 8.03317C4.00002 8.53317 4.09446 9.01928 4.28335 9.4915C4.47224 9.96373 4.76669 10.3998 5.16669 10.7998L5.33335 10.9665V9.99984C5.33335 9.81095 5.39724 9.65262 5.52502 9.52484C5.6528 9.39706 5.81113 9.33317 6.00002 9.33317C6.18891 9.33317 6.34724 9.39706 6.47502 9.52484C6.6028 9.65262 6.66669 9.81095 6.66669 9.99984V12.6665C6.66669 12.8554 6.6028 13.0137 6.47502 13.1415C6.34724 13.2693 6.18891 13.3332 6.00002 13.3332H3.33335C3.14446 13.3332 2.98613 13.2693 2.85835 13.1415C2.73058 13.0137 2.66669 12.8554 2.66669 12.6665C2.66669 12.4776 2.73058 12.3193 2.85835 12.1915C2.98613 12.0637 3.14446 11.9998 3.33335 11.9998H4.50002L4.23335 11.7665C3.65558 11.2554 3.25002 10.6721 3.01669 10.0165C2.78335 9.36095 2.66669 8.69984 2.66669 8.03317C2.66669 6.98873 2.93335 6.0415 3.46669 5.1915C4.00002 4.3415 4.71669 3.68873 5.61669 3.23317C5.77224 3.14428 5.93613 3.13873 6.10835 3.2165C6.28058 3.29428 6.39447 3.42206 6.45002 3.59984C6.50558 3.7665 6.5028 3.93317 6.44169 4.09984C6.38058 4.2665 6.27224 4.39428 6.11669 4.48317C5.47224 4.83873 4.95835 5.33039 4.57502 5.95817C4.19169 6.58595 4.00002 7.27762 4.00002 8.03317ZM12 7.9665C12 7.4665 11.9056 6.98039 11.7167 6.50817C11.5278 6.03595 11.2334 5.59984 10.8334 5.19984L10.6667 5.03317V5.99984C10.6667 6.18873 10.6028 6.34706 10.475 6.47484C10.3472 6.60262 10.1889 6.6665 10 6.6665C9.81113 6.6665 9.6528 6.60262 9.52502 6.47484C9.39724 6.34706 9.33335 6.18873 9.33335 5.99984V3.33317C9.33335 3.14428 9.39724 2.98595 9.52502 2.85817C9.6528 2.73039 9.81113 2.6665 10 2.6665H12.6667C12.8556 2.6665 13.0139 2.73039 13.1417 2.85817C13.2695 2.98595 13.3334 3.14428 13.3334 3.33317C13.3334 3.52206 13.2695 3.68039 13.1417 3.80817C13.0139 3.93595 12.8556 3.99984 12.6667 3.99984H11.5L11.7667 4.23317C12.3111 4.77762 12.7084 5.36928 12.9584 6.00817C13.2084 6.64706 13.3334 7.29984 13.3334 7.9665C13.3334 9.01095 13.0667 9.95817 12.5334 10.8082C12 11.6582 11.2834 12.3109 10.3834 12.7665C10.2278 12.8554 10.0639 12.8609 9.89169 12.7832C9.71947 12.7054 9.60558 12.5776 9.55002 12.3998C9.49446 12.2332 9.49724 12.0665 9.55835 11.8998C9.61947 11.7332 9.7278 11.6054 9.88335 11.5165C10.5278 11.1609 11.0417 10.6693 11.425 10.0415C11.8084 9.41373 12 8.72206 12 7.9665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '214210cd433088946a861b7301fd87d93d6d69fa' }, h("path", { key: 'd6f37ed19b1be8b8a19d36cf7c4ead010e2d484c', d: "M6 12.05C6 12.8 6.14167 13.5292 6.425 14.2375C6.70833 14.9458 7.15 15.6 7.75 16.2L8 16.45V15C8 14.7167 8.09583 14.4792 8.2875 14.2875C8.47917 14.0958 8.71667 14 9 14C9.28333 14 9.52083 14.0958 9.7125 14.2875C9.90417 14.4792 10 14.7167 10 15V19C10 19.2833 9.90417 19.5208 9.7125 19.7125C9.52083 19.9042 9.28333 20 9 20H5C4.71667 20 4.47917 19.9042 4.2875 19.7125C4.09583 19.5208 4 19.2833 4 19C4 18.7167 4.09583 18.4792 4.2875 18.2875C4.47917 18.0958 4.71667 18 5 18H6.75L6.35 17.65C5.48333 16.8833 4.875 16.0083 4.525 15.025C4.175 14.0417 4 13.05 4 12.05C4 10.4833 4.4 9.0625 5.2 7.7875C6 6.5125 7.075 5.53333 8.425 4.85C8.65833 4.71667 8.90417 4.70833 9.1625 4.825C9.42083 4.94167 9.59167 5.13333 9.675 5.4C9.75833 5.65 9.75417 5.9 9.6625 6.15C9.57083 6.4 9.40833 6.59167 9.175 6.725C8.20833 7.25833 7.4375 7.99583 6.8625 8.9375C6.2875 9.87917 6 10.9167 6 12.05ZM18 11.95C18 11.2 17.8583 10.4708 17.575 9.7625C17.2917 9.05417 16.85 8.4 16.25 7.8L16 7.55V9C16 9.28333 15.9042 9.52083 15.7125 9.7125C15.5208 9.90417 15.2833 10 15 10C14.7167 10 14.4792 9.90417 14.2875 9.7125C14.0958 9.52083 14 9.28333 14 9V5C14 4.71667 14.0958 4.47917 14.2875 4.2875C14.4792 4.09583 14.7167 4 15 4H19C19.2833 4 19.5208 4.09583 19.7125 4.2875C19.9042 4.47917 20 4.71667 20 5C20 5.28333 19.9042 5.52083 19.7125 5.7125C19.5208 5.90417 19.2833 6 19 6H17.25L17.65 6.35C18.4667 7.16667 19.0625 8.05417 19.4375 9.0125C19.8125 9.97083 20 10.95 20 11.95C20 13.5167 19.6 14.9375 18.8 16.2125C18 17.4875 16.925 18.4667 15.575 19.15C15.3417 19.2833 15.0958 19.2917 14.8375 19.175C14.5792 19.0583 14.4083 18.8667 14.325 18.6C14.2417 18.35 14.2458 18.1 14.3375 17.85C14.4292 17.6 14.5917 17.4083 14.825 17.275C15.7917 16.7417 16.5625 16.0042 17.1375 15.0625C17.7125 14.1208 18 13.0833 18 11.95Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ba915c7a72ba54fc7d4b621a7eb1cbb1c74d350e' }, h("path", { key: 'ac74ebc132c669846b4832cc6e4948221c60fd31', d: "M7.00002 14.0582C7.00002 14.9332 7.1653 15.7839 7.49585 16.6103C7.82641 17.4366 8.34169 18.1998 9.04169 18.8998L9.33335 19.1915V17.4998C9.33335 17.1693 9.44516 16.8922 9.66877 16.6686C9.89238 16.445 10.1695 16.3332 10.5 16.3332C10.8306 16.3332 11.1077 16.445 11.3313 16.6686C11.5549 16.8922 11.6667 17.1693 11.6667 17.4998V22.1665C11.6667 22.4971 11.5549 22.7741 11.3313 22.9978C11.1077 23.2214 10.8306 23.3332 10.5 23.3332H5.83335C5.5028 23.3332 5.22571 23.2214 5.0021 22.9978C4.77849 22.7741 4.66669 22.4971 4.66669 22.1665C4.66669 21.8359 4.77849 21.5589 5.0021 21.3353C5.22571 21.1116 5.5028 20.9998 5.83335 20.9998H7.87502L7.40835 20.5915C6.39724 19.6971 5.68752 18.6762 5.27919 17.529C4.87085 16.3818 4.66669 15.2248 4.66669 14.0582C4.66669 12.2304 5.13335 10.5728 6.06669 9.08525C7.00002 7.59775 8.25419 6.45539 9.82919 5.65817C10.1014 5.50262 10.3882 5.49289 10.6896 5.629C10.991 5.76511 11.1903 5.98873 11.2875 6.29984C11.3847 6.5915 11.3799 6.88317 11.2729 7.17484C11.166 7.4665 10.9764 7.69012 10.7042 7.84567C9.57641 8.46789 8.6771 9.32831 8.00627 10.4269C7.33544 11.5255 7.00002 12.7359 7.00002 14.0582ZM21 13.9415C21 13.0665 20.8347 12.2158 20.5042 11.3894C20.1736 10.563 19.6584 9.79984 18.9584 9.09984L18.6667 8.80817V10.4998C18.6667 10.8304 18.5549 11.1075 18.3313 11.3311C18.1077 11.5547 17.8306 11.6665 17.5 11.6665C17.1695 11.6665 16.8924 11.5547 16.6688 11.3311C16.4452 11.1075 16.3334 10.8304 16.3334 10.4998V5.83317C16.3334 5.50261 16.4452 5.22553 16.6688 5.00192C16.8924 4.77831 17.1695 4.6665 17.5 4.6665H22.1667C22.4972 4.6665 22.7743 4.77831 22.9979 5.00192C23.2215 5.22553 23.3334 5.50261 23.3334 5.83317C23.3334 6.16373 23.2215 6.44081 22.9979 6.66442C22.7743 6.88803 22.4972 6.99984 22.1667 6.99984H20.125L20.5917 7.40817C21.5445 8.36095 22.2396 9.39637 22.6771 10.5144C23.1146 11.6325 23.3334 12.7748 23.3334 13.9415C23.3334 15.7693 22.8667 17.4269 21.9334 18.9144C21 20.4019 19.7459 21.5443 18.1709 22.3415C17.8986 22.4971 17.6118 22.5068 17.3104 22.3707C17.009 22.2346 16.8097 22.0109 16.7125 21.6998C16.6153 21.4082 16.6202 21.1165 16.7271 20.8248C16.834 20.5332 17.0236 20.3096 17.2959 20.154C18.4236 19.5318 19.3229 18.6714 19.9938 17.5728C20.6646 16.4741 21 15.2637 21 13.9415Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-load"; }
+    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-location-on.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 SwirlIconLocationOn {
+    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: '01047bc729c468a63b03ae3043c8ec0ee5bb79d5', "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: '0ffd8990fc6c77a1bbf174283b308f2bc14f974c' }, h("path", { key: '3884a06b741524a382db22a85bb0f3022a4bb6de', d: "M7.99984 12.9002C9.35539 11.6557 10.3609 10.5252 11.0165 9.5085C11.6721 8.49183 11.9998 7.58905 11.9998 6.80016C11.9998 5.58905 11.6137 4.59739 10.8415 3.82516C10.0693 3.05294 9.12206 2.66683 7.99984 2.66683C6.87761 2.66683 5.93039 3.05294 5.15817 3.82516C4.38595 4.59739 3.99984 5.58905 3.99984 6.80016C3.99984 7.58905 4.32761 8.49183 4.98317 9.5085C5.63873 10.5252 6.64428 11.6557 7.99984 12.9002ZM7.99984 14.2168C7.84428 14.2168 7.68873 14.1891 7.53317 14.1335C7.37761 14.0779 7.23873 13.9946 7.1165 13.8835C6.39428 13.2168 5.75539 12.5668 5.19984 11.9335C4.64428 11.3002 4.18039 10.6863 3.80817 10.0918C3.43595 9.49739 3.15261 8.92516 2.95817 8.37516C2.76373 7.82516 2.6665 7.30016 2.6665 6.80016C2.6665 5.1335 3.20261 3.80572 4.27484 2.81683C5.34706 1.82794 6.58873 1.3335 7.99984 1.3335C9.41095 1.3335 10.6526 1.82794 11.7248 2.81683C12.7971 3.80572 13.3332 5.1335 13.3332 6.80016C13.3332 7.30016 13.2359 7.82516 13.0415 8.37516C12.8471 8.92516 12.5637 9.49739 12.1915 10.0918C11.8193 10.6863 11.3554 11.3002 10.7998 11.9335C10.2443 12.5668 9.60539 13.2168 8.88317 13.8835C8.76095 13.9946 8.62206 14.0779 8.4665 14.1335C8.31095 14.1891 8.15539 14.2168 7.99984 14.2168ZM7.99984 8.00016C8.3665 8.00016 8.68039 7.86961 8.9415 7.6085C9.20261 7.34739 9.33317 7.0335 9.33317 6.66683C9.33317 6.30016 9.20261 5.98627 8.9415 5.72516C8.68039 5.46405 8.3665 5.3335 7.99984 5.3335C7.63317 5.3335 7.31928 5.46405 7.05817 5.72516C6.79706 5.98627 6.6665 6.30016 6.6665 6.66683C6.6665 7.0335 6.79706 7.34739 7.05817 7.6085C7.31928 7.86961 7.63317 8.00016 7.99984 8.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '538025bc7e83ebfedf7f5dfc5cb51cd27bffd0f3' }, h("path", { key: '222dcb4a804d59ba2677ee9d3454ca4f10321463', d: "M12 19.35C14.0333 17.4833 15.5417 15.7875 16.525 14.2625C17.5083 12.7375 18 11.3833 18 10.2C18 8.38333 17.4208 6.89583 16.2625 5.7375C15.1042 4.57917 13.6833 4 12 4C10.3167 4 8.89583 4.57917 7.7375 5.7375C6.57917 6.89583 6 8.38333 6 10.2C6 11.3833 6.49167 12.7375 7.475 14.2625C8.45833 15.7875 9.96667 17.4833 12 19.35ZM12 21.325C11.7667 21.325 11.5333 21.2833 11.3 21.2C11.0667 21.1167 10.8583 20.9917 10.675 20.825C9.59167 19.825 8.63333 18.85 7.8 17.9C6.96667 16.95 6.27083 16.0292 5.7125 15.1375C5.15417 14.2458 4.72917 13.3875 4.4375 12.5625C4.14583 11.7375 4 10.95 4 10.2C4 7.7 4.80417 5.70833 6.4125 4.225C8.02083 2.74167 9.88333 2 12 2C14.1167 2 15.9792 2.74167 17.5875 4.225C19.1958 5.70833 20 7.7 20 10.2C20 10.95 19.8542 11.7375 19.5625 12.5625C19.2708 13.3875 18.8458 14.2458 18.2875 15.1375C17.7292 16.0292 17.0333 16.95 16.2 17.9C15.3667 18.85 14.4083 19.825 13.325 20.825C13.1417 20.9917 12.9333 21.1167 12.7 21.2C12.4667 21.2833 12.2333 21.325 12 21.325ZM12 12C12.55 12 13.0208 11.8042 13.4125 11.4125C13.8042 11.0208 14 10.55 14 10C14 9.45 13.8042 8.97917 13.4125 8.5875C13.0208 8.19583 12.55 8 12 8C11.45 8 10.9792 8.19583 10.5875 8.5875C10.1958 8.97917 10 9.45 10 10C10 10.55 10.1958 11.0208 10.5875 11.4125C10.9792 11.8042 11.45 12 12 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e31a5f92231109cd57a4acb245e09328a70633a1' }, h("path", { key: '39b76bb594066636863e2c8fce9517e1b4dbc0d3', d: "M13.9998 22.5752C16.3721 20.3974 18.1318 18.4189 19.279 16.6397C20.4262 14.8606 20.9998 13.2807 20.9998 11.9002C20.9998 9.78072 20.3241 8.0453 18.9728 6.69391C17.6214 5.34252 15.9637 4.66683 13.9998 4.66683C12.0359 4.66683 10.3783 5.34252 9.02692 6.69391C7.67553 8.0453 6.99984 9.78072 6.99984 11.9002C6.99984 13.2807 7.57345 14.8606 8.72067 16.6397C9.86789 18.4189 11.6276 20.3974 13.9998 22.5752ZM13.9998 24.8793C13.7276 24.8793 13.4554 24.8307 13.1832 24.7335C12.9109 24.6363 12.6679 24.4904 12.454 24.296C11.1901 23.1293 10.0721 21.9918 9.09984 20.8835C8.12762 19.7752 7.31581 18.7009 6.66442 17.6606C6.01303 16.6203 5.5172 15.6189 5.17692 14.6564C4.83664 13.6939 4.6665 12.7752 4.6665 11.9002C4.6665 8.9835 5.6047 6.65988 7.48109 4.92933C9.35748 3.19877 11.5304 2.3335 13.9998 2.3335C16.4693 2.3335 18.6422 3.19877 20.5186 4.92933C22.395 6.65988 23.3332 8.9835 23.3332 11.9002C23.3332 12.7752 23.163 13.6939 22.8228 14.6564C22.4825 15.6189 21.9866 16.6203 21.3353 17.6606C20.6839 18.7009 19.8721 19.7752 18.8998 20.8835C17.9276 21.9918 16.8096 23.1293 15.5457 24.296C15.3318 24.4904 15.0887 24.6363 14.8165 24.7335C14.5443 24.8307 14.2721 24.8793 13.9998 24.8793ZM13.9998 14.0002C14.6415 14.0002 15.1908 13.7717 15.6478 13.3147C16.1047 12.8578 16.3332 12.3085 16.3332 11.6668C16.3332 11.0252 16.1047 10.4759 15.6478 10.0189C15.1908 9.56197 14.6415 9.3335 13.9998 9.3335C13.3582 9.3335 12.8089 9.56197 12.3519 10.0189C11.895 10.4759 11.6665 11.0252 11.6665 11.6668C11.6665 12.3085 11.895 12.8578 12.3519 13.3147C12.8089 13.7717 13.3582 14.0002 13.9998 14.0002Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-location-on"; }
+    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-lock-open.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 SwirlIconLockOpen {
+    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: 'aca1b2e3f7cc55b6a6b309bf98408b19086ea900', "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: 'dbec3059fe5085e74a9d14e6d863b2e252b98b4d' }, h("path", { key: '9d566290b2d9091ef8bb179498ac178a65f3c632', d: "M3.99999 5.33317H9.99999V3.99984C9.99999 3.44428 9.80555 2.97206 9.41666 2.58317C9.02777 2.19428 8.55555 1.99984 7.99999 1.99984C7.44443 1.99984 6.97221 2.19428 6.58332 2.58317C6.19443 2.97206 5.99999 3.44428 5.99999 3.99984H4.66666C4.66666 3.07762 4.99166 2.2915 5.64166 1.6415C6.29166 0.991504 7.07777 0.666504 7.99999 0.666504C8.92221 0.666504 9.70832 0.991504 10.3583 1.6415C11.0083 2.2915 11.3333 3.07762 11.3333 3.99984V5.33317H12C12.3667 5.33317 12.6805 5.46373 12.9417 5.72484C13.2028 5.98595 13.3333 6.29984 13.3333 6.6665V13.3332C13.3333 13.6998 13.2028 14.0137 12.9417 14.2748C12.6805 14.5359 12.3667 14.6665 12 14.6665H3.99999C3.63332 14.6665 3.31943 14.5359 3.05832 14.2748C2.79721 14.0137 2.66666 13.6998 2.66666 13.3332V6.6665C2.66666 6.29984 2.79721 5.98595 3.05832 5.72484C3.31943 5.46373 3.63332 5.33317 3.99999 5.33317ZM3.99999 13.3332H12V6.6665H3.99999V13.3332ZM7.99999 11.3332C8.36666 11.3332 8.68055 11.2026 8.94166 10.9415C9.20277 10.6804 9.33332 10.3665 9.33332 9.99984C9.33332 9.63317 9.20277 9.31928 8.94166 9.05817C8.68055 8.79706 8.36666 8.6665 7.99999 8.6665C7.63332 8.6665 7.31943 8.79706 7.05832 9.05817C6.79721 9.31928 6.66666 9.63317 6.66666 9.99984C6.66666 10.3665 6.79721 10.6804 7.05832 10.9415C7.31943 11.2026 7.63332 11.3332 7.99999 11.3332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd8b1062b3a269976636384ce514a9fea9b264036' }, h("path", { key: '37064cbddfe2e6c7581912c92949a4312f9f109c', d: "M6 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6H7C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'f404dca60626a83d6f2f1482e87111407a73347d' }, h("path", { key: '420b381e28fa337cdec0da72d89b5bb1a8633868', d: "M6.99999 9.33317H17.5V6.99984C17.5 6.02761 17.1597 5.20123 16.4792 4.52067C15.7986 3.84011 14.9722 3.49984 14 3.49984C13.0278 3.49984 12.2014 3.84011 11.5208 4.52067C10.8403 5.20123 10.5 6.02761 10.5 6.99984H8.16666C8.16666 5.38595 8.73541 4.01025 9.87291 2.87275C11.0104 1.73525 12.3861 1.1665 14 1.1665C15.6139 1.1665 16.9896 1.73525 18.1271 2.87275C19.2646 4.01025 19.8333 5.38595 19.8333 6.99984V9.33317H21C21.6417 9.33317 22.191 9.56164 22.6479 10.0186C23.1049 10.4755 23.3333 11.0248 23.3333 11.6665V23.3332C23.3333 23.9748 23.1049 24.5241 22.6479 24.9811C22.191 25.438 21.6417 25.6665 21 25.6665H6.99999C6.35832 25.6665 5.80902 25.438 5.35207 24.9811C4.89513 24.5241 4.66666 23.9748 4.66666 23.3332V11.6665C4.66666 11.0248 4.89513 10.4755 5.35207 10.0186C5.80902 9.56164 6.35832 9.33317 6.99999 9.33317ZM6.99999 23.3332H21V11.6665H6.99999V23.3332ZM14 19.8332C14.6417 19.8332 15.191 19.6047 15.6479 19.1478C16.1049 18.6908 16.3333 18.1415 16.3333 17.4998C16.3333 16.8582 16.1049 16.3089 15.6479 15.8519C15.191 15.395 14.6417 15.1665 14 15.1665C13.3583 15.1665 12.809 15.395 12.3521 15.8519C11.8951 16.3089 11.6667 16.8582 11.6667 17.4998C11.6667 18.1415 11.8951 18.6908 12.3521 19.1478C12.809 19.6047 13.3583 19.8332 14 19.8332Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-lock-open"; }
+    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-lock-person.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 SwirlIconLockPerson {
+    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: '194f528396960972760d19e5cd1d6fdff807db9b', "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: 'bacbf08756459d111b7192a0feca168ecc8740c3' }, h("path", { key: '4c28f7dccb6e77cb053e16a020204c98a2d04094', d: "M12 11.9998C12.2777 11.9998 12.5138 11.9026 12.7083 11.7082C12.9027 11.5137 13 11.2776 13 10.9998C13 10.7221 12.9027 10.4859 12.7083 10.2915C12.5138 10.0971 12.2777 9.99984 12 9.99984C11.7222 9.99984 11.4861 10.0971 11.2916 10.2915C11.0972 10.4859 11 10.7221 11 10.9998C11 11.2776 11.0972 11.5137 11.2916 11.7082C11.4861 11.9026 11.7222 11.9998 12 11.9998ZM12 13.9998C12.3333 13.9998 12.6444 13.9221 12.9333 13.7665C13.2222 13.6109 13.4611 13.3943 13.65 13.1165C13.3944 12.9609 13.1277 12.8471 12.85 12.7748C12.5722 12.7026 12.2888 12.6665 12 12.6665C11.7111 12.6665 11.4277 12.7026 11.15 12.7748C10.8722 12.8471 10.6055 12.9609 10.35 13.1165C10.5388 13.3943 10.7777 13.6109 11.0666 13.7665C11.3555 13.9221 11.6666 13.9998 12 13.9998ZM5.99996 5.33317H9.99996V3.99984C9.99996 3.44428 9.80552 2.97206 9.41663 2.58317C9.02774 2.19428 8.55552 1.99984 7.99996 1.99984C7.4444 1.99984 6.97218 2.19428 6.58329 2.58317C6.1944 2.97206 5.99996 3.44428 5.99996 3.99984V5.33317ZM8.16663 14.6665H3.99996C3.63329 14.6665 3.3194 14.5359 3.05829 14.2748C2.79718 14.0137 2.66663 13.6998 2.66663 13.3332V6.6665C2.66663 6.29984 2.79718 5.98595 3.05829 5.72484C3.3194 5.46373 3.63329 5.33317 3.99996 5.33317H4.66663V3.99984C4.66663 3.07762 4.99163 2.2915 5.64163 1.6415C6.29163 0.991504 7.07774 0.666504 7.99996 0.666504C8.92218 0.666504 9.70829 0.991504 10.3583 1.6415C11.0083 2.2915 11.3333 3.07762 11.3333 3.99984V5.33317H12C12.3666 5.33317 12.6805 5.46373 12.9416 5.72484C13.2027 5.98595 13.3333 6.29984 13.3333 6.6665V7.53317C13.1333 7.4665 12.925 7.4165 12.7083 7.38317C12.4916 7.34984 12.2555 7.33317 12 7.33317V6.6665H3.99996V13.3332H7.53329C7.62218 13.5998 7.71107 13.8304 7.79996 14.0248C7.88885 14.2193 8.01107 14.4332 8.16663 14.6665ZM12 15.3332C11.0777 15.3332 10.2916 15.0082 9.64163 14.3582C8.99163 13.7082 8.66663 12.9221 8.66663 11.9998C8.66663 11.0776 8.99163 10.2915 9.64163 9.6415C10.2916 8.9915 11.0777 8.6665 12 8.6665C12.9222 8.6665 13.7083 8.9915 14.3583 9.6415C15.0083 10.2915 15.3333 11.0776 15.3333 11.9998C15.3333 12.9221 15.0083 13.7082 14.3583 14.3582C13.7083 15.0082 12.9222 15.3332 12 15.3332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6ba79d655ca989a8a563acedc8688ea992235933' }, h("path", { key: 'a7d398841b86f6bcff41ea69c8129fa970dc70e8', d: "M18 18C18.4167 18 18.7708 17.8542 19.0625 17.5625C19.3542 17.2708 19.5 16.9167 19.5 16.5C19.5 16.0833 19.3542 15.7292 19.0625 15.4375C18.7708 15.1458 18.4167 15 18 15C17.5833 15 17.2292 15.1458 16.9375 15.4375C16.6458 15.7292 16.5 16.0833 16.5 16.5C16.5 16.9167 16.6458 17.2708 16.9375 17.5625C17.2292 17.8542 17.5833 18 18 18ZM18 21C18.5 21 18.9667 20.8833 19.4 20.65C19.8333 20.4167 20.1917 20.0917 20.475 19.675C20.0917 19.4417 19.6917 19.2708 19.275 19.1625C18.8583 19.0542 18.4333 19 18 19C17.5667 19 17.1417 19.0542 16.725 19.1625C16.3083 19.2708 15.9083 19.4417 15.525 19.675C15.8083 20.0917 16.1667 20.4167 16.6 20.65C17.0333 20.8833 17.5 21 18 21ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8ZM12.25 22H6C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V11.3C19.7 11.2 19.3875 11.125 19.0625 11.075C18.7375 11.025 18.3833 11 18 11V10H6V20H11.3C11.4333 20.4 11.5667 20.7458 11.7 21.0375C11.8333 21.3292 12.0167 21.65 12.25 22ZM18 23C16.6167 23 15.4375 22.5125 14.4625 21.5375C13.4875 20.5625 13 19.3833 13 18C13 16.6167 13.4875 15.4375 14.4625 14.4625C15.4375 13.4875 16.6167 13 18 13C19.3833 13 20.5625 13.4875 21.5375 14.4625C22.5125 15.4375 23 16.6167 23 18C23 19.3833 22.5125 20.5625 21.5375 21.5375C20.5625 22.5125 19.3833 23 18 23Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'c538e00e5cf38a5a9ba50cd04418c4fe24630c2d' }, h("path", { key: 'b00a2ac8622bfc5e5a085c9ffbd8d3c3daf9c7f8', d: "M21 20.9998C21.4861 20.9998 21.8993 20.8297 22.2395 20.4894C22.5798 20.1491 22.75 19.7359 22.75 19.2498C22.75 18.7637 22.5798 18.3505 22.2395 18.0103C21.8993 17.67 21.4861 17.4998 21 17.4998C20.5138 17.4998 20.1007 17.67 19.7604 18.0103C19.4201 18.3505 19.25 18.7637 19.25 19.2498C19.25 19.7359 19.4201 20.1491 19.7604 20.4894C20.1007 20.8297 20.5138 20.9998 21 20.9998ZM21 24.4998C21.5833 24.4998 22.1277 24.3637 22.6333 24.0915C23.1388 23.8193 23.5569 23.4401 23.8875 22.954C23.4402 22.6818 22.9736 22.4825 22.4875 22.3561C22.0013 22.2297 21.5055 22.1665 21 22.1665C20.4944 22.1665 19.9986 22.2297 19.5125 22.3561C19.0263 22.4825 18.5597 22.6818 18.1125 22.954C18.443 23.4401 18.8611 23.8193 19.3666 24.0915C19.8722 24.3637 20.4166 24.4998 21 24.4998ZM10.5 9.33317H17.5V6.99984C17.5 6.02761 17.1597 5.20123 16.4791 4.52067C15.7986 3.84011 14.9722 3.49984 14 3.49984C13.0277 3.49984 12.2013 3.84011 11.5208 4.52067C10.8402 5.20123 10.5 6.02761 10.5 6.99984V9.33317ZM14.2916 25.6665H6.99996C6.35829 25.6665 5.80899 25.438 5.35204 24.9811C4.8951 24.5241 4.66663 23.9748 4.66663 23.3332V11.6665C4.66663 11.0248 4.8951 10.4755 5.35204 10.0186C5.80899 9.56164 6.35829 9.33317 6.99996 9.33317H8.16663V6.99984C8.16663 5.38595 8.73538 4.01025 9.87288 2.87275C11.0104 1.73525 12.3861 1.1665 14 1.1665C15.6138 1.1665 16.9895 1.73525 18.127 2.87275C19.2645 4.01025 19.8333 5.38595 19.8333 6.99984V9.33317H21C21.6416 9.33317 22.1909 9.56164 22.6479 10.0186C23.1048 10.4755 23.3333 11.0248 23.3333 11.6665V13.1832C22.9833 13.0665 22.6187 12.979 22.2395 12.9207C21.8604 12.8623 21.4472 12.8332 21 12.8332V11.6665H6.99996V23.3332H13.1833C13.3388 23.7998 13.4944 24.2033 13.65 24.5436C13.8055 24.8839 14.0194 25.2582 14.2916 25.6665ZM21 26.8332C19.3861 26.8332 18.0104 26.2644 16.8729 25.1269C15.7354 23.9894 15.1666 22.6137 15.1666 20.9998C15.1666 19.3859 15.7354 18.0103 16.8729 16.8728C18.0104 15.7353 19.3861 15.1665 21 15.1665C22.6138 15.1665 23.9895 15.7353 25.127 16.8728C26.2645 18.0103 26.8333 19.3859 26.8333 20.9998C26.8333 22.6137 26.2645 23.9894 25.127 25.1269C23.9895 26.2644 22.6138 26.8332 21 26.8332Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-lock-person"; }
+    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-lock.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 SwirlIconLock {
+    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: '7472292bb87245c0ecd08eeafa514221b6bf0755', "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: '063aeb90b92078c3def3fb55ae6e97355088573a' }, h("path", { key: '8fd031a9999d1fe60e4f5231db60935b3e21729e', d: "M4.00002 14.6667C3.63335 14.6667 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V6.66666C2.66669 6.29999 2.79735 5.98599 3.05869 5.72466C3.31958 5.46377 3.63335 5.33332 4.00002 5.33332H4.66669V3.99999C4.66669 3.07777 4.9918 2.29155 5.64202 1.64132C6.2918 0.991545 7.0778 0.666656 8.00002 0.666656C8.92224 0.666656 9.70847 0.991545 10.3587 1.64132C11.0085 2.29155 11.3334 3.07777 11.3334 3.99999V5.33332H12C12.3667 5.33332 12.6807 5.46377 12.942 5.72466C13.2029 5.98599 13.3334 6.29999 13.3334 6.66666V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6667 12 14.6667H4.00002ZM4.00002 13.3333H12V6.66666H4.00002V13.3333ZM8.00002 11.3333C8.36669 11.3333 8.68069 11.2029 8.94202 10.942C9.20291 10.6807 9.33335 10.3667 9.33335 9.99999C9.33335 9.63332 9.20291 9.31932 8.94202 9.05799C8.68069 8.7971 8.36669 8.66666 8.00002 8.66666C7.63335 8.66666 7.31958 8.7971 7.05869 9.05799C6.79735 9.31932 6.66669 9.63332 6.66669 9.99999C6.66669 10.3667 6.79735 10.6807 7.05869 10.942C7.31958 11.2029 7.63335 11.3333 8.00002 11.3333ZM6.00002 5.33332H10V3.99999C10 3.44443 9.80558 2.97221 9.41669 2.58332C9.0278 2.19443 8.55558 1.99999 8.00002 1.99999C7.44446 1.99999 6.97224 2.19443 6.58335 2.58332C6.19446 2.97221 6.00002 3.44443 6.00002 3.99999V5.33332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'be729e07d2fde1bfd14acfc78435c98fa40ef894' }, h("path", { key: 'd93d9a69e27c9a3e26dc7824c9705fc10f7faac5', d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V10C4 9.45 4.196 8.979 4.588 8.587C4.97933 8.19567 5.45 8 6 8H7V6C7 4.61667 7.48767 3.43733 8.463 2.462C9.43767 1.48733 10.6167 1 12 1C13.3833 1 14.5627 1.48733 15.538 2.462C16.5127 3.43733 17 4.61667 17 6V8H18C18.55 8 19.021 8.19567 19.413 8.587C19.8043 8.979 20 9.45 20 10V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.021 16.8043 13.413 16.413C13.8043 16.021 14 15.55 14 15C14 14.45 13.8043 13.979 13.413 13.587C13.021 13.1957 12.55 13 12 13C11.45 13 10.9793 13.1957 10.588 13.587C10.196 13.979 10 14.45 10 15C10 15.55 10.196 16.021 10.588 16.413C10.9793 16.8043 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '236aa8a2b054978fb18f7d36d53eb7209886bd2a' }, h("path", { key: '4e2761a72a3b81b76b679d6f0d2b3cfee496d250', d: "M7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V11.6667C4.66669 11.025 4.89535 10.4755 5.35269 10.0182C5.80924 9.56163 6.35835 9.33335 7.00002 9.33335H8.16669V7.00002C8.16669 5.38613 8.73563 4.01024 9.87352 2.87235C11.0106 1.73524 12.3861 1.16669 14 1.16669C15.6139 1.16669 16.9898 1.73524 18.1277 2.87235C19.2648 4.01024 19.8334 5.38613 19.8334 7.00002V9.33335H21C21.6417 9.33335 22.1912 9.56163 22.6485 10.0182C23.1051 10.4755 23.3334 11.025 23.3334 11.6667V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM7.00002 23.3334H21V11.6667H7.00002V23.3334ZM14 19.8334C14.6417 19.8334 15.1912 19.6051 15.6485 19.1485C16.1051 18.6912 16.3334 18.1417 16.3334 17.5C16.3334 16.8584 16.1051 16.3089 15.6485 15.8515C15.1912 15.395 14.6417 15.1667 14 15.1667C13.3584 15.1667 12.8092 15.395 12.3527 15.8515C11.8954 16.3089 11.6667 16.8584 11.6667 17.5C11.6667 18.1417 11.8954 18.6912 12.3527 19.1485C12.8092 19.6051 13.3584 19.8334 14 19.8334ZM10.5 9.33335H17.5V7.00002C17.5 6.0278 17.1597 5.20141 16.4792 4.52085C15.7986 3.8403 14.9722 3.50002 14 3.50002C13.0278 3.50002 12.2014 3.8403 11.5209 4.52085C10.8403 5.20141 10.5 6.0278 10.5 7.00002V9.33335Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-lock"; }
+    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"
+            }
+        };
+    }
+}