@getflip/swirl-components 0.0.0-beta-20260114160010

package/dist/collection/components/swirl-icon/icons/swirl-icon-post-approval.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 SwirlIconPostApproval {
+    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: '2411f5001902594928e581073479560068ea4ba9', "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: 'd0b85fff5b62e1a536f25dca1f2e42276a8c93b3' }, h("path", { key: '5b085e3895dfda293022d04db837cc8730a69a0a', d: "M4 3.33333H12C12.3682 3.33333 12.6667 3.63181 12.6667 4V5.33333H14V4C14 2.89543 13.1046 2 12 2H4C2.89543 2 2 2.89543 2 4V12C2 13.1046 2.89543 14 4 14H5.33333V12.6667H4C3.63181 12.6667 3.33333 12.3682 3.33333 12V4C3.33333 3.63181 3.63181 3.33333 4 3.33333Z", fill: "currentColor" }), h("path", { key: '3162ded8a87db0044087c1948eb74a377b0a5700', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.4714 8.19526C14.7318 8.45561 14.7318 8.87772 14.4714 9.13807L9.80474 13.8047C9.54439 14.0651 9.12228 14.0651 8.86193 13.8047L6.86193 11.8047C6.60158 11.5444 6.60158 11.1223 6.86193 10.8619C7.12228 10.6016 7.54439 10.6016 7.80474 10.8619L9.33333 12.3905L13.5286 8.19526C13.7889 7.93491 14.2111 7.93491 14.4714 8.19526Z", fill: "currentColor" }), h("path", { key: 'b07afc37fb6e6edd9a757389f93c118ab01424c8', d: "M4.66667 5.33333C4.66667 4.96514 4.96514 4.66667 5.33333 4.66667H10.6667C11.0349 4.66667 11.3333 4.96514 11.3333 5.33333C11.3333 5.70152 11.0349 6 10.6667 6H5.33333C4.96514 6 4.66667 5.70152 4.66667 5.33333Z", fill: "currentColor" }), h("path", { key: 'e8dc5edcdf6094782d7d77bb64336e21d5c38f1c', d: "M4.66667 8C4.66667 7.63181 4.96514 7.33333 5.33333 7.33333H8.66667C9.03486 7.33333 9.33333 7.63181 9.33333 8C9.33333 8.36819 9.03486 8.66667 8.66667 8.66667H5.33333C4.96514 8.66667 4.66667 8.36819 4.66667 8Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'a6e1c3d626b046028a6552086053ae17b424e83d' }, h("path", { key: 'c34e253bc6ebb57f7383fbf0b2a637b8e8f3b44b', d: "M6 5H18C18.5523 5 19 5.44772 19 6V8H21V6C21 4.34315 19.6569 3 18 3H6C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H8V19H6C5.44772 19 5 18.5523 5 18V6C5 5.44772 5.44772 5 6 5Z", fill: "currentColor" }), h("path", { key: '24103b21642453dc0be79f22dff00b002f06c560', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7071 12.2929C22.0976 12.6834 22.0976 13.3166 21.7071 13.7071L14.7071 20.7071C14.3166 21.0976 13.6834 21.0976 13.2929 20.7071L10.2929 17.7071C9.90237 17.3166 9.90237 16.6834 10.2929 16.2929C10.6834 15.9024 11.3166 15.9024 11.7071 16.2929L14 18.5858L20.2929 12.2929C20.6834 11.9024 21.3166 11.9024 21.7071 12.2929Z", fill: "currentColor" }), h("path", { key: 'f042f878023102be2d150bfd7bc61793c69c7408', d: "M7 8C7 7.44772 7.44772 7 8 7H16C16.5523 7 17 7.44772 17 8C17 8.55228 16.5523 9 16 9H8C7.44772 9 7 8.55228 7 8Z", fill: "currentColor" }), h("path", { key: '804ca9a3a544159953dafc98228dfbb415dc5d89', d: "M7 12C7 11.4477 7.44772 11 8 11H13C13.5523 11 14 11.4477 14 12C14 12.5523 13.5523 13 13 13H8C7.44772 13 7 12.5523 7 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '69aef73c7c935151e6a294cdd39f130ee62d9975' }, h("path", { key: '5b577ba329438090faa4e0e581d9d5444d79b6c4', d: "M7 5.83333H21C21.6443 5.83333 22.1667 6.35567 22.1667 7V9.33333H24.5V7C24.5 5.067 22.933 3.5 21 3.5H7C5.067 3.5 3.5 5.067 3.5 7V21C3.5 22.933 5.067 24.5 7 24.5H9.33333V22.1667H7C6.35567 22.1667 5.83333 21.6443 5.83333 21V7C5.83333 6.35567 6.35567 5.83333 7 5.83333Z", fill: "currentColor" }), h("path", { key: 'f1fe025aa272cb5f85594407b9a7199b07d7b0b3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M25.325 14.3417C25.7806 14.7973 25.7806 15.536 25.325 15.9916L17.1583 24.1583C16.7027 24.6139 15.964 24.6139 15.5084 24.1583L12.0084 20.6583C11.5528 20.2027 11.5528 19.464 12.0084 19.0084C12.464 18.5528 13.2027 18.5528 13.6583 19.0084L16.3333 21.6834L23.675 14.3417C24.1307 13.8861 24.8693 13.8861 25.325 14.3417Z", fill: "currentColor" }), h("path", { key: '53d742f5883b38a5ec3ab9b87a73c625c6b8eee6', d: "M8.16667 9.33333C8.16667 8.689 8.689 8.16667 9.33333 8.16667H18.6667C19.311 8.16667 19.8333 8.689 19.8333 9.33333C19.8333 9.97767 19.311 10.5 18.6667 10.5H9.33333C8.689 10.5 8.16667 9.97767 8.16667 9.33333Z", fill: "currentColor" }), h("path", { key: '252a4b72e00457b9abc376fc1a04652a05d36247', d: "M8.16667 14C8.16667 13.3557 8.689 12.8333 9.33333 12.8333H15.1667C15.811 12.8333 16.3333 13.3557 16.3333 14C16.3333 14.6443 15.811 15.1667 15.1667 15.1667H9.33333C8.689 15.1667 8.16667 14.6443 8.16667 14Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-post-approval"; }
+    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-present.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 SwirlIconPresent {
+    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: 'a154edfa881c014114df71e31b005956ad684781', "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: 'f496fcb3025141b93978c251e19218eebd245698' }, h("g", { key: 'e253c6784d374c9fc9ba074e0a4e6359699ba350', id: "Present16" }, h("path", { key: '04981acccbef30eeabbbc3c1436d3b39109941e3', id: "Vector", d: "M14 14V3.33333H2.00002V8C2.00002 8.18889 1.93613 8.34722 1.80835 8.475C1.68058 8.60278 1.52224 8.66667 1.33335 8.66667C1.14446 8.66667 0.986131 8.60278 0.858354 8.475C0.730576 8.34722 0.666687 8.18889 0.666687 8V3.33333C0.666687 2.96667 0.797243 2.65278 1.05835 2.39167C1.31946 2.13056 1.63335 2 2.00002 2H14C14.3667 2 14.6806 2.13056 14.9417 2.39167C15.2028 2.65278 15.3334 2.96667 15.3334 3.33333V12.6667C15.3334 13.0333 15.2028 13.3472 14.9417 13.6083C14.6806 13.8694 14.3667 14 14 14ZM6.00002 9.33333C5.26669 9.33333 4.63891 9.07222 4.11669 8.55C3.59447 8.02778 3.33335 7.4 3.33335 6.66667C3.33335 5.93333 3.59447 5.30556 4.11669 4.78333C4.63891 4.26111 5.26669 4 6.00002 4C6.73335 4 7.36113 4.26111 7.88335 4.78333C8.40558 5.30556 8.66669 5.93333 8.66669 6.66667C8.66669 7.4 8.40558 8.02778 7.88335 8.55C7.36113 9.07222 6.73335 9.33333 6.00002 9.33333ZM6.00002 8C6.36669 8 6.68058 7.86944 6.94169 7.60833C7.2028 7.34722 7.33335 7.03333 7.33335 6.66667C7.33335 6.3 7.2028 5.98611 6.94169 5.725C6.68058 5.46389 6.36669 5.33333 6.00002 5.33333C5.63335 5.33333 5.31947 5.46389 5.05835 5.725C4.79724 5.98611 4.66669 6.3 4.66669 6.66667C4.66669 7.03333 4.79724 7.34722 5.05835 7.60833C5.31947 7.86944 5.63335 8 6.00002 8ZM2.00002 14.6667C1.63335 14.6667 1.31946 14.5361 1.05835 14.275C0.797243 14.0139 0.666687 13.7 0.666687 13.3333V12.8C0.666687 12.4222 0.763909 12.075 0.958354 11.7583C1.1528 11.4417 1.41113 11.2 1.73335 11.0333C2.42224 10.6889 3.12224 10.4306 3.83335 10.2583C4.54447 10.0861 5.26669 10 6.00002 10C6.73335 10 7.45558 10.0861 8.16669 10.2583C8.8778 10.4306 9.5778 10.6889 10.2667 11.0333C10.5889 11.2 10.8472 11.4417 11.0417 11.7583C11.2361 12.075 11.3334 12.4222 11.3334 12.8V13.3333C11.3334 13.7 11.2028 14.0139 10.9417 14.275C10.6806 14.5361 10.3667 14.6667 10 14.6667H2.00002ZM2.00002 13.3333H10V12.8C10 12.6778 9.96947 12.5667 9.90835 12.4667C9.84724 12.3667 9.76669 12.2889 9.66669 12.2333C9.06669 11.9333 8.46113 11.7083 7.85002 11.5583C7.23891 11.4083 6.62224 11.3333 6.00002 11.3333C5.3778 11.3333 4.76113 11.4083 4.15002 11.5583C3.53891 11.7083 2.93335 11.9333 2.33335 12.2333C2.23335 12.2889 2.1528 12.3667 2.09169 12.4667C2.03058 12.5667 2.00002 12.6778 2.00002 12.8V13.3333Z", fill: "currentColor" })))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd7d81fd3e20c7bcb81d6cc975c1cec13d14552e3' }, h("g", { key: '2cbfd6cf7790ecd1508af5c0a5951ff5b02a87fa', id: "Present24" }, h("path", { key: 'e5a078c63b5af997d51a326c67e3b78b6c402042', id: "Vector", d: "M21 21V5H3V12C3 12.2833 2.90417 12.5208 2.7125 12.7125C2.52083 12.9042 2.28333 13 2 13C1.71667 13 1.47917 12.9042 1.2875 12.7125C1.09583 12.5208 1 12.2833 1 12V5C1 4.45 1.19583 3.97917 1.5875 3.5875C1.97917 3.19583 2.45 3 3 3H21C21.55 3 22.0208 3.19583 22.4125 3.5875C22.8042 3.97917 23 4.45 23 5V19C23 19.55 22.8042 20.0208 22.4125 20.4125C22.0208 20.8042 21.55 21 21 21ZM9 14C7.9 14 6.95833 13.6083 6.175 12.825C5.39167 12.0417 5 11.1 5 10C5 8.9 5.39167 7.95833 6.175 7.175C6.95833 6.39167 7.9 6 9 6C10.1 6 11.0417 6.39167 11.825 7.175C12.6083 7.95833 13 8.9 13 10C13 11.1 12.6083 12.0417 11.825 12.825C11.0417 13.6083 10.1 14 9 14ZM9 12C9.55 12 10.0208 11.8042 10.4125 11.4125C10.8042 11.0208 11 10.55 11 10C11 9.45 10.8042 8.97917 10.4125 8.5875C10.0208 8.19583 9.55 8 9 8C8.45 8 7.97917 8.19583 7.5875 8.5875C7.19583 8.97917 7 9.45 7 10C7 10.55 7.19583 11.0208 7.5875 11.4125C7.97917 11.8042 8.45 12 9 12ZM3 22C2.45 22 1.97917 21.8042 1.5875 21.4125C1.19583 21.0208 1 20.55 1 20V19.2C1 18.6333 1.14583 18.1125 1.4375 17.6375C1.72917 17.1625 2.11667 16.8 2.6 16.55C3.63333 16.0333 4.68333 15.6458 5.75 15.3875C6.81667 15.1292 7.9 15 9 15C10.1 15 11.1833 15.1292 12.25 15.3875C13.3167 15.6458 14.3667 16.0333 15.4 16.55C15.8833 16.8 16.2708 17.1625 16.5625 17.6375C16.8542 18.1125 17 18.6333 17 19.2V20C17 20.55 16.8042 21.0208 16.4125 21.4125C16.0208 21.8042 15.55 22 15 22H3ZM3 20H15V19.2C15 19.0167 14.9542 18.85 14.8625 18.7C14.7708 18.55 14.65 18.4333 14.5 18.35C13.6 17.9 12.6917 17.5625 11.775 17.3375C10.8583 17.1125 9.93333 17 9 17C8.06667 17 7.14167 17.1125 6.225 17.3375C5.30833 17.5625 4.4 17.9 3.5 18.35C3.35 18.4333 3.22917 18.55 3.1375 18.7C3.04583 18.85 3 19.0167 3 19.2V20Z", fill: "currentColor" })))), this.size === 28 && (h(Fragment, { key: '9f14fd71402bc729d6789b63fc500f25f9787240' }, h("g", { key: '7a49b7527ebea0b3fedeba3704a612232b06c956', id: "Present28" }, h("path", { key: '56af5395727b03b2e31b14371e09dcb554b29dfb', id: "Vector", d: "M24.5 24.5V5.83333H3.50002V14C3.50002 14.3306 3.38821 14.6076 3.1646 14.8312C2.94099 15.0549 2.66391 15.1667 2.33335 15.1667C2.0028 15.1667 1.72571 15.0549 1.5021 14.8312C1.27849 14.6076 1.16669 14.3306 1.16669 14V5.83333C1.16669 5.19167 1.39516 4.64236 1.8521 4.18542C2.30905 3.72847 2.85835 3.5 3.50002 3.5H24.5C25.1417 3.5 25.691 3.72847 26.1479 4.18542C26.6049 4.64236 26.8334 5.19167 26.8334 5.83333V22.1667C26.8334 22.8083 26.6049 23.3576 26.1479 23.8146C25.691 24.2715 25.1417 24.5 24.5 24.5ZM10.5 16.3333C9.21669 16.3333 8.11808 15.8764 7.20419 14.9625C6.2903 14.0486 5.83335 12.95 5.83335 11.6667C5.83335 10.3833 6.2903 9.28472 7.20419 8.37083C8.11808 7.45694 9.21669 7 10.5 7C11.7834 7 12.882 7.45694 13.7959 8.37083C14.7097 9.28472 15.1667 10.3833 15.1667 11.6667C15.1667 12.95 14.7097 14.0486 13.7959 14.9625C12.882 15.8764 11.7834 16.3333 10.5 16.3333ZM10.5 14C11.1417 14 11.691 13.7715 12.1479 13.3146C12.6049 12.8576 12.8334 12.3083 12.8334 11.6667C12.8334 11.025 12.6049 10.4757 12.1479 10.0187C11.691 9.56181 11.1417 9.33333 10.5 9.33333C9.85835 9.33333 9.30905 9.56181 8.8521 10.0187C8.39516 10.4757 8.16669 11.025 8.16669 11.6667C8.16669 12.3083 8.39516 12.8576 8.8521 13.3146C9.30905 13.7715 9.85835 14 10.5 14ZM3.50002 25.6667C2.85835 25.6667 2.30905 25.4382 1.8521 24.9812C1.39516 24.5243 1.16669 23.975 1.16669 23.3333V22.4C1.16669 21.7389 1.33683 21.1312 1.6771 20.5771C2.01738 20.0229 2.46946 19.6 3.03335 19.3083C4.23891 18.7056 5.46391 18.2535 6.70835 17.9521C7.9528 17.6507 9.21669 17.5 10.5 17.5C11.7834 17.5 13.0472 17.6507 14.2917 17.9521C15.5361 18.2535 16.7611 18.7056 17.9667 19.3083C18.5306 19.6 18.9827 20.0229 19.3229 20.5771C19.6632 21.1312 19.8334 21.7389 19.8334 22.4V23.3333C19.8334 23.975 19.6049 24.5243 19.1479 24.9812C18.691 25.4382 18.1417 25.6667 17.5 25.6667H3.50002ZM3.50002 23.3333H17.5V22.4C17.5 22.1861 17.4465 21.9917 17.3396 21.8167C17.2327 21.6417 17.0917 21.5056 16.9167 21.4083C15.8667 20.8833 14.807 20.4896 13.7375 20.2271C12.6681 19.9646 11.5889 19.8333 10.5 19.8333C9.41113 19.8333 8.33196 19.9646 7.26252 20.2271C6.19308 20.4896 5.13335 20.8833 4.08335 21.4083C3.90835 21.5056 3.76738 21.6417 3.66044 21.8167C3.55349 21.9917 3.50002 22.1861 3.50002 22.4V23.3333Z", fill: "currentColor" }))))));
+    }
+    static get is() { return "swirl-icon-present"; }
+    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-preview.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 SwirlIconPreview {
+    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: 'c9b929f505612d68033269d900ffff1fd353d91c', "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: '7bc5601959dd5554e48952b74a81b27a034c8358' }, h("path", { key: '1ef52f0f790d5628fb49d4738fcce2ff3c96492d', d: "M 3.332031 14 C 2.964844 14 2.652344 13.871094 2.390625 13.609375 C 2.128906 13.347656 2 13.035156 2 12.667969 L 2 3.332031 C 2 2.964844 2.128906 2.652344 2.390625 2.390625 C 2.652344 2.128906 2.964844 2 3.332031 2 L 12.667969 2 C 13.035156 2 13.347656 2.128906 13.609375 2.390625 C 13.871094 2.652344 14 2.964844 14 3.332031 L 14 12.667969 C 14 13.035156 13.871094 13.347656 13.609375 13.609375 C 13.347656 13.871094 13.035156 14 12.667969 14 Z M 3.332031 12.667969 L 12.667969 12.667969 L 12.667969 4.667969 L 3.332031 4.667969 Z M 8 11.332031 C 7.089844 11.332031 6.273438 11.085938 5.558594 10.589844 C 4.839844 10.097656 4.320312 9.457031 4 8.667969 C 4.320312 7.878906 4.839844 7.234375 5.558594 6.742188 C 6.273438 6.246094 7.089844 6 8 6 C 8.910156 6 9.726562 6.246094 10.441406 6.742188 C 11.160156 7.234375 11.679688 7.878906 12 8.667969 C 11.679688 9.457031 11.160156 10.097656 10.441406 10.589844 C 9.726562 11.085938 8.910156 11.332031 8 11.332031 Z M 8 10.332031 C 8.621094 10.332031 9.1875 10.1875 9.699219 9.890625 C 10.210938 9.597656 10.609375 9.1875 10.898438 8.667969 C 10.609375 8.144531 10.210938 7.734375 9.699219 7.441406 C 9.1875 7.148438 8.621094 7 8 7 C 7.378906 7 6.8125 7.148438 6.300781 7.441406 C 5.789062 7.734375 5.390625 8.144531 5.101562 8.667969 C 5.390625 9.1875 5.789062 9.597656 6.300781 9.890625 C 6.8125 10.1875 7.378906 10.332031 8 10.332031 Z M 8 9.667969 C 8.277344 9.667969 8.515625 9.570312 8.707031 9.375 C 8.902344 9.179688 9 8.945312 9 8.667969 C 9 8.390625 8.902344 8.152344 8.707031 7.957031 C 8.515625 7.765625 8.277344 7.667969 8 7.667969 C 7.722656 7.667969 7.484375 7.765625 7.292969 7.957031 C 7.097656 8.152344 7 8.390625 7 8.667969 C 7 8.945312 7.097656 9.179688 7.292969 9.375 C 7.484375 9.570312 7.722656 9.667969 8 9.667969 Z M 8 9.667969", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '09459592fc8bb6eb4fc594fc9d117c771f52163f' }, h("path", { key: '6d4dfecf18f61ac8e09df9b345d22c774a9646dc', d: "M 5 21 C 4.449219 21 3.980469 20.804688 3.585938 20.414062 C 3.195312 20.019531 3 19.550781 3 19 L 3 5 C 3 4.449219 3.195312 3.980469 3.585938 3.585938 C 3.980469 3.195312 4.449219 3 5 3 L 19 3 C 19.550781 3 20.019531 3.195312 20.414062 3.585938 C 20.804688 3.980469 21 4.449219 21 5 L 21 19 C 21 19.550781 20.804688 20.019531 20.414062 20.414062 C 20.019531 20.804688 19.550781 21 19 21 Z M 5 19 L 19 19 L 19 7 L 5 7 Z M 12 17 C 10.632812 17 9.414062 16.628906 8.335938 15.886719 C 7.261719 15.144531 6.484375 14.183594 6 13 C 6.484375 11.816406 7.261719 10.855469 8.335938 10.113281 C 9.414062 9.371094 10.632812 9 12 9 C 13.367188 9 14.585938 9.371094 15.664062 10.113281 C 16.738281 10.855469 17.515625 11.816406 18 13 C 17.515625 14.183594 16.738281 15.144531 15.664062 15.886719 C 14.585938 16.628906 13.367188 17 12 17 Z M 12 15.5 C 12.933594 15.5 13.785156 15.277344 14.550781 14.835938 C 15.316406 14.394531 15.917969 13.785156 16.351562 13 C 15.917969 12.214844 15.316406 11.605469 14.550781 11.164062 C 13.785156 10.722656 12.933594 10.5 12 10.5 C 11.066406 10.5 10.214844 10.722656 9.449219 11.164062 C 8.683594 11.605469 8.082031 12.214844 7.648438 13 C 8.082031 13.785156 8.683594 14.394531 9.449219 14.835938 C 10.214844 15.277344 11.066406 15.5 12 15.5 Z M 12 14.5 C 12.417969 14.5 12.769531 14.355469 13.0625 14.0625 C 13.355469 13.769531 13.5 13.417969 13.5 13 C 13.5 12.582031 13.355469 12.230469 13.0625 11.9375 C 12.769531 11.644531 12.417969 11.5 12 11.5 C 11.582031 11.5 11.230469 11.644531 10.9375 11.9375 C 10.644531 12.230469 10.5 12.582031 10.5 13 C 10.5 13.417969 10.644531 13.769531 10.9375 14.0625 C 11.230469 14.355469 11.582031 14.5 12 14.5 Z M 12 14.5", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '9f08f6370e8bf69cea60d5c780d06bcf83150745' }, h("path", { key: '27f6ab5aa7c9f2ae15d548b74067bcbb58bd76c9', d: "M 5.828125 24.5 C 5.191406 24.5 4.644531 24.277344 4.183594 23.816406 C 3.722656 23.355469 3.5 22.808594 3.5 22.171875 L 3.5 5.828125 C 3.5 5.191406 3.722656 4.644531 4.183594 4.183594 C 4.644531 3.722656 5.191406 3.5 5.828125 3.5 L 22.171875 3.5 C 22.808594 3.5 23.355469 3.722656 23.816406 4.183594 C 24.277344 4.644531 24.5 5.191406 24.5 5.828125 L 24.5 22.171875 C 24.5 22.808594 24.277344 23.355469 23.816406 23.816406 C 23.355469 24.277344 22.808594 24.5 22.171875 24.5 Z M 5.828125 22.171875 L 22.171875 22.171875 L 22.171875 8.171875 L 5.828125 8.171875 Z M 14 19.828125 C 12.410156 19.828125 10.976562 19.398438 9.730469 18.535156 C 8.472656 17.667969 7.5625 16.546875 7 15.171875 C 7.5625 13.785156 8.472656 12.660156 9.730469 11.796875 C 10.976562 10.933594 12.410156 10.5 14 10.5 C 15.589844 10.5 17.023438 10.933594 18.269531 11.796875 C 19.527344 12.660156 20.4375 13.785156 21 15.171875 C 20.4375 16.546875 19.527344 17.667969 18.269531 18.535156 C 17.023438 19.398438 15.589844 19.828125 14 19.828125 Z M 14 18.078125 C 15.089844 18.078125 16.078125 17.828125 16.976562 17.308594 C 17.867188 16.792969 18.566406 16.078125 19.070312 15.171875 C 18.566406 14.25 17.867188 13.535156 16.976562 13.019531 C 16.078125 12.507812 15.089844 12.25 14 12.25 C 12.910156 12.25 11.921875 12.507812 11.023438 13.019531 C 10.132812 13.535156 9.433594 14.25 8.929688 15.171875 C 9.433594 16.078125 10.132812 16.792969 11.023438 17.308594 C 11.921875 17.828125 12.910156 18.078125 14 18.078125 Z M 14 16.921875 C 14.488281 16.921875 14.902344 16.75 15.234375 16.40625 C 15.582031 16.0625 15.75 15.65625 15.75 15.171875 C 15.75 14.683594 15.582031 14.269531 15.234375 13.921875 C 14.902344 13.589844 14.488281 13.421875 14 13.421875 C 13.511719 13.421875 13.097656 13.589844 12.765625 13.921875 C 12.417969 14.269531 12.25 14.683594 12.25 15.171875 C 12.25 15.65625 12.417969 16.0625 12.765625 16.40625 C 13.097656 16.75 13.511719 16.921875 14 16.921875 Z M 14 16.921875", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-preview"; }
+    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-print.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 SwirlIconPrint {
+    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: '08ca541dc7a4c8b2245b12b172a495eb9d5524c1', "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: '7e1ff50bb633239748dbfff30399fcf47ee72385' }, h("path", { key: '3e0bfaff772d17a71d3538676a649494025943a9', d: "M10.6167 5.20003V3.38337H5.38333V5.20003H3.86666V2.6167C3.86666 2.40559 3.93889 2.22781 4.08333 2.08337C4.22777 1.93892 4.40555 1.8667 4.61666 1.8667H11.3833C11.5944 1.8667 11.7722 1.93892 11.9167 2.08337C12.0611 2.22781 12.1333 2.40559 12.1333 2.6167V5.20003H10.6167ZM2.71666 6.7167H13.2833H3.86666H2.71666ZM11.9167 8.50003C12.1167 8.50003 12.286 8.4307 12.4247 8.29203C12.5638 8.15292 12.6333 7.98337 12.6333 7.78337C12.6333 7.57225 12.5638 7.39714 12.4247 7.25803C12.286 7.11937 12.1167 7.05003 11.9167 7.05003C11.7056 7.05003 11.5307 7.11937 11.392 7.25803C11.2529 7.39714 11.1833 7.57225 11.1833 7.78337C11.1833 7.98337 11.2529 8.15292 11.392 8.29203C11.5307 8.4307 11.7056 8.50003 11.9167 8.50003ZM5.38333 12.7167H10.6167V10.35H5.38333V12.7167ZM5.38333 14.2C4.96111 14.2 4.60289 14.0529 4.30866 13.7587C4.014 13.464 3.86666 13.1056 3.86666 12.6834V11.45H1.95C1.73889 11.45 1.56111 11.3749 1.41666 11.2247C1.27222 11.0749 1.2 10.8945 1.2 10.6834V7.33337C1.2 6.73337 1.40555 6.22781 1.81666 5.8167C2.22777 5.40559 2.72777 5.20003 3.31666 5.20003H12.6833C13.2833 5.20003 13.7862 5.40559 14.192 5.8167C14.5973 6.22781 14.8 6.73337 14.8 7.33337V10.6834C14.8 10.8945 14.7278 11.0749 14.5833 11.2247C14.4389 11.3749 14.2611 11.45 14.05 11.45H12.1333V12.6834C12.1333 13.1056 11.9862 13.464 11.692 13.7587C11.3973 14.0529 11.0389 14.2 10.6167 14.2H5.38333ZM13.2833 9.93337V7.33337C13.2833 7.15559 13.2278 7.00825 13.1167 6.89137C13.0056 6.77492 12.8611 6.7167 12.6833 6.7167H3.31666C3.15 6.7167 3.00844 6.77492 2.892 6.89137C2.77511 7.00825 2.71666 7.15559 2.71666 7.33337V9.93337H3.86666V8.83337H12.1333V9.93337H13.2833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f5cf55fb4ce022b607eb592a766d53150f189bdc' }, h("path", { key: 'ffb4a0242658abe13172b12f61e62345e9147c6e', d: "M15.925 7.80005V5.07505H8.075V7.80005H5.8V3.92505C5.8 3.60838 5.90833 3.34172 6.125 3.12505C6.34167 2.90838 6.60833 2.80005 6.925 2.80005H17.075C17.3917 2.80005 17.6583 2.90838 17.875 3.12505C18.0917 3.34172 18.2 3.60838 18.2 3.92505V7.80005H15.925ZM4.075 10.075H19.925H5.8H4.075ZM17.875 12.75C18.175 12.75 18.429 12.646 18.637 12.438C18.8457 12.2294 18.95 11.975 18.95 11.675C18.95 11.3584 18.8457 11.0957 18.637 10.887C18.429 10.679 18.175 10.575 17.875 10.575C17.5583 10.575 17.296 10.679 17.088 10.887C16.8793 11.0957 16.775 11.3584 16.775 11.675C16.775 11.975 16.8793 12.2294 17.088 12.438C17.296 12.646 17.5583 12.75 17.875 12.75ZM8.075 19.0751H15.925V15.525H8.075V19.0751ZM8.075 21.3C7.44167 21.3 6.90433 21.0794 6.463 20.6381C6.021 20.1961 5.8 19.6584 5.8 19.025V17.175H2.925C2.60833 17.175 2.34167 17.0624 2.125 16.837C1.90833 16.6124 1.8 16.3417 1.8 16.025V11C1.8 10.1 2.10833 9.34172 2.725 8.72505C3.34167 8.10838 4.09167 7.80005 4.975 7.80005H19.025C19.925 7.80005 20.6793 8.10838 21.288 8.72505C21.896 9.34172 22.2 10.1 22.2 11V16.025C22.2 16.3417 22.0917 16.6124 21.875 16.837C21.6583 17.0624 21.3917 17.175 21.075 17.175H18.2V19.025C18.2 19.6584 17.9793 20.1961 17.538 20.6381C17.096 21.0794 16.5583 21.3 15.925 21.3H8.075ZM19.925 14.9V11C19.925 10.7334 19.8417 10.5124 19.675 10.337C19.5083 10.1624 19.2917 10.075 19.025 10.075H4.975C4.725 10.075 4.51267 10.1624 4.338 10.337C4.16267 10.5124 4.075 10.7334 4.075 11V14.9H5.8V13.25H18.2V14.9H19.925Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4cdf3ad165e3a8bcb9daecb1c324dfe807a32880' }, h("path", { key: '9944f32026cae14f23cb59adc42e8952c8e92fff', d: "M18.5792 9.10006V5.92089H9.42083V9.10006H6.76666V4.57922C6.76666 4.20978 6.89305 3.89867 7.14583 3.64589C7.39861 3.39311 7.70972 3.26672 8.07916 3.26672H19.9208C20.2903 3.26672 20.6014 3.39311 20.8542 3.64589C21.1069 3.89867 21.2333 4.20978 21.2333 4.57922V9.10006H18.5792ZM4.75416 11.7542H23.2458H6.76666H4.75416ZM20.8542 14.8751C21.2042 14.8751 21.5005 14.7537 21.7432 14.5111C21.9866 14.2676 22.1083 13.9709 22.1083 13.6209C22.1083 13.2514 21.9866 12.945 21.7432 12.7016C21.5005 12.4589 21.2042 12.3376 20.8542 12.3376C20.4847 12.3376 20.1787 12.4589 19.936 12.7016C19.6926 12.945 19.5708 13.2514 19.5708 13.6209C19.5708 13.9709 19.6926 14.2676 19.936 14.5111C20.1787 14.7537 20.4847 14.8751 20.8542 14.8751ZM9.42083 22.2542H18.5792V18.1126H9.42083V22.2542ZM9.42083 24.8501C8.68194 24.8501 8.05505 24.5926 7.54017 24.0777C7.0245 23.5621 6.76666 22.9348 6.76666 22.1959V20.0376H3.4125C3.04305 20.0376 2.73194 19.9061 2.47917 19.6432C2.22639 19.3811 2.1 19.0653 2.1 18.6959V12.8334C2.1 11.7834 2.45972 10.8987 3.17917 10.1792C3.89861 9.45978 4.77361 9.10006 5.80416 9.10006H22.1958C23.2458 9.10006 24.1259 9.45978 24.836 10.1792C25.5453 10.8987 25.9 11.7834 25.9 12.8334V18.6959C25.9 19.0653 25.7736 19.3811 25.5208 19.6432C25.2681 19.9061 24.9569 20.0376 24.5875 20.0376H21.2333V22.1959C21.2333 22.9348 20.9759 23.5621 20.461 24.0777C19.9453 24.5926 19.3181 24.8501 18.5792 24.8501H9.42083ZM23.2458 17.3834V12.8334C23.2458 12.5223 23.1486 12.2644 22.9542 12.0599C22.7597 11.8561 22.5069 11.7542 22.1958 11.7542H5.80416C5.5125 11.7542 5.26478 11.8561 5.061 12.0599C4.85644 12.2644 4.75416 12.5223 4.75416 12.8334V17.3834H6.76666V15.4584H21.2333V17.3834H23.2458Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-print"; }
+    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-public-off.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 SwirlIconPublicOff {
+    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: 'bbea2727caa38830f6a30b0bd20d86eceb0330a1', "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: 'dc3e44276057e7d2c15f8d3aa6406ead77505573' }, h("path", { key: '43beb922759064cafb5db33c7266aa9ab79bcd80', d: "M8.00013 14.6663C7.07791 14.6663 6.21124 14.4913 5.40013 14.1413C4.58902 13.7913 3.88346 13.3163 3.28346 12.7163C2.68346 12.1163 2.20846 11.4108 1.85846 10.5997C1.50846 9.78856 1.33346 8.9219 1.33346 7.99967C1.33346 7.31079 1.42791 6.65801 1.6168 6.04134C1.80569 5.42467 2.07791 4.84967 2.43346 4.31634L0.916797 2.79967C0.783464 2.66634 0.716797 2.50801 0.716797 2.32467C0.716797 2.14134 0.783464 1.98301 0.916797 1.84967C1.05013 1.71634 1.20846 1.64967 1.3918 1.64967C1.57513 1.64967 1.73346 1.71634 1.8668 1.84967L14.1335 14.1163C14.2668 14.2497 14.3335 14.4052 14.3335 14.583C14.3335 14.7608 14.2668 14.9163 14.1335 15.0497C14.0001 15.183 13.8418 15.2497 13.6585 15.2497C13.4751 15.2497 13.3168 15.183 13.1835 15.0497L11.6835 13.5663C11.1501 13.9219 10.5751 14.1941 9.95846 14.383C9.3418 14.5719 8.68902 14.6663 8.00013 14.6663ZM7.33346 13.2997V11.9997C6.9668 11.9997 6.65291 11.8691 6.3918 11.608C6.13069 11.3469 6.00013 11.033 6.00013 10.6663V9.99967L2.80013 6.79967C2.7668 6.99967 2.73624 7.19968 2.70846 7.39967C2.68069 7.59967 2.6668 7.79967 2.6668 7.99967C2.6668 9.34412 3.10846 10.5219 3.9918 11.533C4.87513 12.5441 5.98902 13.133 7.33346 13.2997ZM14.6668 7.99967C14.6668 8.49967 14.6112 8.98023 14.5001 9.44134C14.389 9.90245 14.239 10.3441 14.0501 10.7663C13.9724 10.9219 13.8474 11.0247 13.6751 11.0747C13.5029 11.1247 13.339 11.1052 13.1835 11.0163C13.0279 10.9275 12.9196 10.7941 12.8585 10.6163C12.7974 10.4386 12.8057 10.2663 12.8835 10.0997C13.0279 9.76634 13.139 9.42467 13.2168 9.07467C13.2946 8.72467 13.3335 8.36634 13.3335 7.99967C13.3335 6.91079 13.0307 5.91634 12.4251 5.01634C11.8196 4.11634 11.0112 3.46634 10.0001 3.06634V3.33301C10.0001 3.69967 9.86958 4.01356 9.60847 4.27467C9.34735 4.53579 9.03346 4.66634 8.6668 4.66634H7.6668V4.94967C7.6668 5.10523 7.60013 5.21079 7.4668 5.26634C7.33346 5.3219 7.21124 5.29412 7.10013 5.18301L5.13346 3.21634C4.93346 3.01634 4.85291 2.77745 4.8918 2.49967C4.93069 2.2219 5.07791 2.0219 5.33346 1.89967C5.74458 1.71079 6.17235 1.56912 6.6168 1.47467C7.06124 1.38023 7.52235 1.33301 8.00013 1.33301C8.92235 1.33301 9.78902 1.50801 10.6001 1.85801C11.4112 2.20801 12.1168 2.68301 12.7168 3.28301C13.3168 3.88301 13.7918 4.58856 14.1418 5.39967C14.4918 6.21079 14.6668 7.07745 14.6668 7.99967Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'fdac88d6cbbba5d11cb61d44c89ca00083005fb7' }, h("path", { key: '0f7aaf509022a4e14bf7f9b79d7cdee5a7b55502', d: "M12.0002 22C10.6169 22 9.31686 21.7375 8.1002 21.2125C6.88353 20.6875 5.8252 19.975 4.9252 19.075C4.0252 18.175 3.3127 17.1167 2.7877 15.9C2.2627 14.6833 2.0002 13.3833 2.0002 12C2.0002 10.9667 2.14186 9.9875 2.4252 9.0625C2.70853 8.1375 3.11686 7.275 3.6502 6.475L1.3752 4.2C1.1752 4 1.0752 3.7625 1.0752 3.4875C1.0752 3.2125 1.1752 2.975 1.3752 2.775C1.5752 2.575 1.8127 2.475 2.0877 2.475C2.3627 2.475 2.6002 2.575 2.8002 2.775L21.2002 21.175C21.4002 21.375 21.5002 21.6083 21.5002 21.875C21.5002 22.1417 21.4002 22.375 21.2002 22.575C21.0002 22.775 20.7627 22.875 20.4877 22.875C20.2127 22.875 19.9752 22.775 19.7752 22.575L17.5252 20.35C16.7252 20.8833 15.8627 21.2917 14.9377 21.575C14.0127 21.8583 13.0335 22 12.0002 22ZM11.0002 19.95V18C10.4502 18 9.97936 17.8042 9.5877 17.4125C9.19603 17.0208 9.0002 16.55 9.0002 16V15L4.2002 10.2C4.1502 10.5 4.10436 10.8 4.0627 11.1C4.02103 11.4 4.0002 11.7 4.0002 12C4.0002 14.0167 4.6627 15.7833 5.9877 17.3C7.3127 18.8167 8.98353 19.7 11.0002 19.95ZM22.0002 12C22.0002 12.75 21.9169 13.4708 21.7502 14.1625C21.5835 14.8542 21.3585 15.5167 21.0752 16.15C20.9585 16.3833 20.771 16.5375 20.5127 16.6125C20.2544 16.6875 20.0085 16.6583 19.7752 16.525C19.5419 16.3917 19.3794 16.1917 19.2877 15.925C19.196 15.6583 19.2085 15.4 19.3252 15.15C19.5419 14.65 19.7085 14.1375 19.8252 13.6125C19.9419 13.0875 20.0002 12.55 20.0002 12C20.0002 10.3667 19.546 8.875 18.6377 7.525C17.7294 6.175 16.5169 5.2 15.0002 4.6V5C15.0002 5.55 14.8044 6.02083 14.4127 6.4125C14.021 6.80417 13.5502 7 13.0002 7H11.5002V7.425C11.5002 7.65833 11.4002 7.81667 11.2002 7.9C11.0002 7.98333 10.8169 7.94167 10.6502 7.775L7.7002 4.825C7.4002 4.525 7.27936 4.16667 7.3377 3.75C7.39603 3.33333 7.61686 3.03333 8.0002 2.85C8.61686 2.56667 9.25853 2.35417 9.9252 2.2125C10.5919 2.07083 11.2835 2 12.0002 2C13.3835 2 14.6835 2.2625 15.9002 2.7875C17.1169 3.3125 18.1752 4.025 19.0752 4.925C19.9752 5.825 20.6877 6.88333 21.2127 8.1C21.7377 9.31667 22.0002 10.6167 22.0002 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2c38f1660cdebc333c3864512ab91587508e5268' }, h("path", { key: '57881baf13f38a977c8a99c267c0f94a58469a41', d: "M13.9997 25.6663C12.3859 25.6663 10.8692 25.3601 9.44974 24.7476C8.0303 24.1351 6.79557 23.3038 5.74557 22.2538C4.69557 21.2038 3.86432 19.9691 3.25182 18.5497C2.63932 17.1302 2.33307 15.6136 2.33307 13.9997C2.33307 12.7941 2.49835 11.6518 2.82891 10.5726C3.15946 9.49342 3.63585 8.48717 4.25807 7.55384L1.60391 4.89967C1.37057 4.66634 1.25391 4.38926 1.25391 4.06842C1.25391 3.74759 1.37057 3.47051 1.60391 3.23717C1.83724 3.00384 2.11432 2.88717 2.43516 2.88717C2.75599 2.88717 3.03307 3.00384 3.26641 3.23717L24.7331 24.7038C24.9664 24.9372 25.0831 25.2094 25.0831 25.5205C25.0831 25.8316 24.9664 26.1038 24.7331 26.3372C24.4997 26.5705 24.2227 26.6872 23.9018 26.6872C23.581 26.6872 23.3039 26.5705 23.0706 26.3372L20.4456 23.7413C19.5122 24.3636 18.506 24.84 17.4268 25.1705C16.3477 25.5011 15.2053 25.6663 13.9997 25.6663ZM12.8331 23.2747V20.9997C12.1914 20.9997 11.6421 20.7712 11.1852 20.3143C10.7282 19.8573 10.4997 19.308 10.4997 18.6663V17.4997L4.89974 11.8997C4.84141 12.2497 4.78793 12.5997 4.73932 12.9497C4.69071 13.2997 4.66641 13.6497 4.66641 13.9997C4.66641 16.3525 5.43932 18.4136 6.98516 20.183C8.53099 21.9525 10.4803 22.983 12.8331 23.2747ZM25.6664 13.9997C25.6664 14.8747 25.5692 15.7156 25.3747 16.5226C25.1803 17.3295 24.9178 18.1025 24.5872 18.8413C24.4511 19.1136 24.2324 19.2934 23.931 19.3809C23.6296 19.4684 23.3428 19.4344 23.0706 19.2788C22.7984 19.1233 22.6088 18.89 22.5018 18.5788C22.3949 18.2677 22.4095 17.9663 22.5456 17.6747C22.7984 17.0913 22.9928 16.4934 23.1289 15.8809C23.265 15.2684 23.3331 14.6413 23.3331 13.9997C23.3331 12.0941 22.8032 10.3538 21.7435 8.77884C20.6838 7.20384 19.2692 6.06634 17.4997 5.36634V5.83301C17.4997 6.47467 17.2713 7.02398 16.8143 7.48092C16.3574 7.93787 15.8081 8.16634 15.1664 8.16634H13.4164V8.66217C13.4164 8.9344 13.2997 9.11912 13.0664 9.21634C12.8331 9.31356 12.6192 9.26495 12.4247 9.07051L8.98307 5.62884C8.63307 5.27884 8.4921 4.86079 8.56016 4.37467C8.62821 3.88856 8.88585 3.53856 9.33307 3.32467C10.0525 2.99412 10.8011 2.7462 11.5789 2.58092C12.3567 2.41565 13.1636 2.33301 13.9997 2.33301C15.6136 2.33301 17.1303 2.63926 18.5497 3.25176C19.9692 3.86426 21.2039 4.69551 22.2539 5.74551C23.3039 6.79551 24.1352 8.03023 24.7477 9.44967C25.3602 10.8691 25.6664 12.3858 25.6664 13.9997Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-public-off"; }
+    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-public.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 SwirlIconPublic {
+    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: 'ba1fe22ef1fd85d22a6b6596eecd1a32bae08617', "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: '95339f1bb5ea7929aad5f18bab4cf49120e3d465' }, h("path", { key: 'c2de3830139b6bd8570cc1ddacd77423a20ea9be', d: "M7.99967 14.6663C7.07745 14.6663 6.21079 14.4913 5.39967 14.1413C4.58856 13.7913 3.88301 13.3163 3.28301 12.7163C2.68301 12.1163 2.20801 11.4108 1.85801 10.5997C1.50801 9.78856 1.33301 8.9219 1.33301 7.99967C1.33301 7.07745 1.50801 6.21079 1.85801 5.39967C2.20801 4.58856 2.68301 3.88301 3.28301 3.28301C3.88301 2.68301 4.58856 2.20801 5.39967 1.85801C6.21079 1.50801 7.07745 1.33301 7.99967 1.33301C8.9219 1.33301 9.78856 1.50801 10.5997 1.85801C11.4108 2.20801 12.1163 2.68301 12.7163 3.28301C13.3163 3.88301 13.7913 4.58856 14.1413 5.39967C14.4913 6.21079 14.6663 7.07745 14.6663 7.99967C14.6663 8.9219 14.4913 9.78856 14.1413 10.5997C13.7913 11.4108 13.3163 12.1163 12.7163 12.7163C12.1163 13.3163 11.4108 13.7913 10.5997 14.1413C9.78856 14.4913 8.9219 14.6663 7.99967 14.6663ZM7.33301 13.2997V11.9997C6.96634 11.9997 6.65245 11.8691 6.39134 11.608C6.13023 11.3469 5.99967 11.033 5.99967 10.6663V9.99967L2.79967 6.79967C2.76634 6.99967 2.73579 7.19967 2.70801 7.39967C2.68023 7.59967 2.66634 7.79967 2.66634 7.99967C2.66634 9.34412 3.10801 10.5219 3.99134 11.533C4.87467 12.5441 5.98856 13.133 7.33301 13.2997ZM11.933 11.5997C12.1552 11.3552 12.3552 11.0913 12.533 10.808C12.7108 10.5247 12.858 10.2302 12.9747 9.92467C13.0913 9.61912 13.1802 9.30523 13.2413 8.98301C13.3025 8.66079 13.333 8.33301 13.333 7.99967C13.333 6.91079 13.0302 5.91634 12.4247 5.01634C11.8191 4.11634 11.0108 3.46634 9.99967 3.06634V3.33301C9.99967 3.69967 9.86912 4.01356 9.60801 4.27467C9.3469 4.53579 9.03301 4.66634 8.66634 4.66634H7.33301V5.99967C7.33301 6.18856 7.26912 6.3469 7.14134 6.47467C7.01356 6.60245 6.85523 6.66634 6.66634 6.66634H5.33301V7.99967H9.33301C9.5219 7.99967 9.68023 8.06356 9.80801 8.19134C9.93579 8.31912 9.99967 8.47745 9.99967 8.66634V10.6663H10.6663C10.9552 10.6663 11.2163 10.7525 11.4497 10.9247C11.683 11.0969 11.8441 11.3219 11.933 11.5997Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4d593527ed0ba7cea3bcb7e2de8bc359ff95bf17' }, h("path", { key: '587cf0dc50d89cd035dc865e45d6c4b51118514a', d: "M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0167 4.6625 15.7833 5.9875 17.3C7.3125 18.8167 8.98333 19.7 11 19.95ZM17.9 17.4C18.2333 17.0333 18.5333 16.6375 18.8 16.2125C19.0667 15.7875 19.2875 15.3458 19.4625 14.8875C19.6375 14.4292 19.7708 13.9583 19.8625 13.475C19.9542 12.9917 20 12.5 20 12C20 10.3667 19.5458 8.875 18.6375 7.525C17.7292 6.175 16.5167 5.2 15 4.6V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.4333 16 16.825 16.1292 17.175 16.3875C17.525 16.6458 17.7667 16.9833 17.9 17.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '5dbde76ac8a5aae779bf68d8c545233c241b9452' }, h("path", { key: '495d6acbbbe6f0227e6bbd9bfde6f011d1978312', d: "M13.9997 25.6663C12.3858 25.6663 10.8691 25.3601 9.44968 24.7476C8.03023 24.1351 6.79551 23.3038 5.74551 22.2538C4.69551 21.2038 3.86426 19.9691 3.25176 18.5497C2.63926 17.1302 2.33301 15.6136 2.33301 13.9997C2.33301 12.3858 2.63926 10.8691 3.25176 9.44968C3.86426 8.03023 4.69551 6.79551 5.74551 5.74551C6.79551 4.69551 8.03023 3.86426 9.44968 3.25176C10.8691 2.63926 12.3858 2.33301 13.9997 2.33301C15.6136 2.33301 17.1302 2.63926 18.5497 3.25176C19.9691 3.86426 21.2038 4.69551 22.2538 5.74551C23.3038 6.79551 24.1351 8.03023 24.7476 9.44968C25.3601 10.8691 25.6663 12.3858 25.6663 13.9997C25.6663 15.6136 25.3601 17.1302 24.7476 18.5497C24.1351 19.9691 23.3038 21.2038 22.2538 22.2538C21.2038 23.3038 19.9691 24.1351 18.5497 24.7476C17.1302 25.3601 15.6136 25.6663 13.9997 25.6663ZM12.833 23.2747V20.9997C12.1913 20.9997 11.642 20.7712 11.1851 20.3143C10.7281 19.8573 10.4997 19.308 10.4997 18.6663V17.4997L4.89967 11.8997C4.84134 12.2497 4.78787 12.5997 4.73926 12.9497C4.69065 13.2997 4.66634 13.6497 4.66634 13.9997C4.66634 16.3525 5.43926 18.4136 6.98509 20.183C8.53092 21.9525 10.4802 22.983 12.833 23.2747ZM20.883 20.2997C21.2719 19.8719 21.6219 19.4101 21.933 18.9143C22.2441 18.4184 22.5018 17.9031 22.7059 17.3684C22.9101 16.8337 23.0656 16.2844 23.1726 15.7205C23.2795 15.1566 23.333 14.583 23.333 13.9997C23.333 12.0941 22.8031 10.3538 21.7434 8.77884C20.6837 7.20384 19.2691 6.06634 17.4997 5.36634V5.83301C17.4997 6.47467 17.2712 7.02398 16.8143 7.48092C16.3573 7.93787 15.808 8.16634 15.1663 8.16634H12.833V10.4997C12.833 10.8302 12.7212 11.1073 12.4976 11.3309C12.274 11.5545 11.9969 11.6663 11.6663 11.6663H9.33301V13.9997H16.333C16.6636 13.9997 16.9406 14.1115 17.1643 14.3351C17.3879 14.5587 17.4997 14.8358 17.4997 15.1663V18.6663H18.6663C19.1719 18.6663 19.6288 18.817 20.0372 19.1184C20.4455 19.4198 20.7275 19.8136 20.883 20.2997Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-public"; }
+    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"
+            }
+        };
+    }
+}