@getflip/swirl-components 0.0.0-beta-20260114160010

package/dist/collection/components/swirl-icon/icons/swirl-icon-roadmap.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 SwirlIconRoadmap {
+    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: '9f27b2bed81fa2015e62b25f13db9d741b766784', "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: '84a600b9e076a1c3f4de78de1bc7edb4eefa227c' }, h("path", { key: 'c0555f2ba899a48f7c60119590dc1b2c4fd69674', d: "M2.66663 3.66667C2.66663 3.11439 3.11434 2.66667 3.66663 2.66667H6.99996C7.55224 2.66667 7.99996 3.11439 7.99996 3.66667C7.99996 4.21896 7.55224 4.66667 6.99996 4.66667H3.66663C3.11434 4.66667 2.66663 4.21896 2.66663 3.66667Z", fill: "currentColor" }), h("path", { key: 'e0af9bfad5a17ddbee1fbd74d643b8225e0abe7c', d: "M2.66663 12.3333C2.66663 11.7811 3.11434 11.3333 3.66663 11.3333H5.66663C6.21891 11.3333 6.66663 11.7811 6.66663 12.3333C6.66663 12.8856 6.21891 13.3333 5.66663 13.3333H3.66663C3.11434 13.3333 2.66663 12.8856 2.66663 12.3333Z", fill: "currentColor" }), h("path", { key: '4371a40af4f2c97a28c0bc8115fe4d3ab989ef24', d: "M5.33329 8.00001C5.33329 7.44772 5.78101 7.00001 6.33329 7.00001H12.3333C12.8856 7.00001 13.3333 7.44772 13.3333 8.00001C13.3333 8.55229 12.8856 9.00001 12.3333 9.00001H6.33329C5.78101 9.00001 5.33329 8.55229 5.33329 8.00001Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '72d31a30788e88219f0c7d320a1fbff0ae9b2d4f' }, h("path", { key: 'f421443fe49f0f9982c6d61141d4346bcc542319', d: "M4 5.5C4 4.67157 4.67157 4 5.5 4H10.5C11.3284 4 12 4.67157 12 5.5C12 6.32843 11.3284 7 10.5 7H5.5C4.67157 7 4 6.32843 4 5.5Z", fill: "currentColor" }), h("path", { key: 'b4c7e52df7afc9b83c55cb3e4a8a038044e4e961', d: "M4 18.5C4 17.6716 4.67157 17 5.5 17H8.5C9.32843 17 10 17.6716 10 18.5C10 19.3284 9.32843 20 8.5 20H5.5C4.67157 20 4 19.3284 4 18.5Z", fill: "currentColor" }), h("path", { key: '1d704f383f605b14d88d7288696d394012150cdc', d: "M8 12C8 11.1716 8.67157 10.5 9.5 10.5H18.5C19.3284 10.5 20 11.1716 20 12C20 12.8284 19.3284 13.5 18.5 13.5H9.5C8.67157 13.5 8 12.8284 8 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1c52e80fdb9288844313a2caa6ebedb153669f10' }, h("path", { key: '860f6bebc9c6e3b63b444fdba81853ccf0fb7dcb', d: "M4.66663 6.41667C4.66663 5.45017 5.45013 4.66667 6.41663 4.66667H12.25C13.2165 4.66667 14 5.45017 14 6.41667C14 7.38317 13.2165 8.16667 12.25 8.16667H6.41663C5.45013 8.16667 4.66663 7.38317 4.66663 6.41667Z", fill: "currentColor" }), h("path", { key: '31bc547bbc88ca5bb315b0c8f9fb2ffe3e5ae04b', d: "M4.66663 21.5833C4.66663 20.6168 5.45013 19.8333 6.41663 19.8333H9.91663C10.8831 19.8333 11.6666 20.6168 11.6666 21.5833C11.6666 22.5498 10.8831 23.3333 9.91663 23.3333H6.41663C5.45013 23.3333 4.66663 22.5498 4.66663 21.5833Z", fill: "currentColor" }), h("path", { key: '6f4a090446cc2e01b4bf239a8c4884aeba383a55', d: "M9.33329 14C9.33329 13.0335 10.1168 12.25 11.0833 12.25H21.5833C22.5498 12.25 23.3333 13.0335 23.3333 14C23.3333 14.9665 22.5498 15.75 21.5833 15.75H11.0833C10.1168 15.75 9.33329 14.9665 9.33329 14Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-roadmap"; }
+    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-rotate-left.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 SwirlIconRotateLeft {
+    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: 'c8a17de34263ff2a8ce44f5caf15c0fb80b6d4e6', "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: 'e60c12a06dab3e2ba6ee0a9e63ee44394d81e489' }, h("path", { key: '43689b6570683dbb81b0e5e0e9fd1824f47f2314', d: "M8.66668 14.6664C8.25557 14.6664 7.85279 14.6247 7.45835 14.5414C7.0639 14.458 6.67779 14.3386 6.30001 14.183C6.13335 14.1164 6.02223 13.9969 5.96668 13.8247C5.91112 13.6525 5.91668 13.483 5.98335 13.3164C6.05001 13.1497 6.16668 13.0303 6.33335 12.958C6.50001 12.8858 6.66668 12.8886 6.83335 12.9664C7.12223 13.0886 7.41946 13.1803 7.72501 13.2414C8.03057 13.3025 8.34446 13.333 8.66668 13.333C9.96668 13.333 11.0695 12.8803 11.975 11.9747C12.8806 11.0692 13.3333 9.96637 13.3333 8.66637C13.3333 7.36637 12.8778 6.2636 11.9667 5.35804C11.0556 4.45249 9.95001 3.99971 8.65001 3.99971H8.53335L9.13335 4.59971C9.25557 4.72193 9.31668 4.87749 9.31668 5.06637C9.31668 5.25526 9.25557 5.41082 9.13335 5.53304C9.01112 5.65526 8.85557 5.71637 8.66668 5.71637C8.47779 5.71637 8.32223 5.65526 8.20001 5.53304L6.46668 3.79971C6.41112 3.74415 6.36668 3.67471 6.33335 3.59137C6.30001 3.50804 6.28335 3.42193 6.28335 3.33304C6.28335 3.24415 6.30001 3.15804 6.33335 3.07471C6.36668 2.99137 6.41112 2.92193 6.46668 2.86637L8.20001 1.13304C8.32223 1.01082 8.47779 0.949707 8.66668 0.949707C8.85557 0.949707 9.01112 1.01082 9.13335 1.13304C9.25557 1.25526 9.31668 1.41082 9.31668 1.59971C9.31668 1.7886 9.25557 1.94415 9.13335 2.06637L8.53335 2.66637H8.65001C10.3167 2.66637 11.7361 3.24971 12.9083 4.41637C14.0806 5.58304 14.6667 6.99971 14.6667 8.66637C14.6667 10.333 14.0833 11.7497 12.9167 12.9164C11.75 14.083 10.3333 14.6664 8.66668 14.6664ZM4.66668 12.383C4.57779 12.383 4.49446 12.3692 4.41668 12.3414C4.3389 12.3136 4.26668 12.2664 4.20001 12.1997L1.13335 9.13304C1.06668 9.06637 1.01946 8.99415 0.991679 8.91637C0.963901 8.8386 0.950012 8.75526 0.950012 8.66637C0.950012 8.57748 0.963901 8.49415 0.991679 8.41637C1.01946 8.3386 1.06668 8.26637 1.13335 8.19971L4.20001 5.13304C4.26668 5.06637 4.3389 5.01915 4.41668 4.99137C4.49446 4.9636 4.57779 4.94971 4.66668 4.94971C4.75557 4.94971 4.8389 4.9636 4.91668 4.99137C4.99446 5.01915 5.06668 5.06637 5.13335 5.13304L8.20001 8.19971C8.26668 8.26637 8.3139 8.3386 8.34168 8.41637C8.36946 8.49415 8.38335 8.57748 8.38335 8.66637C8.38335 8.75526 8.36946 8.8386 8.34168 8.91637C8.3139 8.99415 8.26668 9.06637 8.20001 9.13304L5.13335 12.1997C5.06668 12.2664 4.99446 12.3136 4.91668 12.3414C4.8389 12.3692 4.75557 12.383 4.66668 12.383ZM4.66668 10.7664L6.76668 8.66637L4.66668 6.56637L2.56668 8.66637L4.66668 10.7664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ae4bc9e52755a522b23a65ec5d6852923ca594a4' }, h("path", { key: '8f9b7004a98381540465dac3b0697e2c513ec201', d: "M13 21.9998C12.3833 21.9998 11.7792 21.9373 11.1875 21.8123C10.5958 21.6873 10.0167 21.5081 9.44999 21.2748C9.19999 21.1748 9.03332 20.9956 8.94999 20.7373C8.86665 20.479 8.87499 20.2248 8.97499 19.9748C9.07499 19.7248 9.24999 19.5456 9.49999 19.4373C9.74999 19.329 9.99999 19.3331 10.25 19.4498C10.6833 19.6331 11.1292 19.7706 11.5875 19.8623C12.0458 19.954 12.5167 19.9998 13 19.9998C14.95 19.9998 16.6042 19.3206 17.9625 17.9623C19.3208 16.604 20 14.9498 20 12.9998C20 11.0498 19.3167 9.39564 17.95 8.0373C16.5833 6.67897 14.925 5.9998 12.975 5.9998H12.8L13.7 6.8998C13.8833 7.08314 13.975 7.31647 13.975 7.5998C13.975 7.88314 13.8833 8.11647 13.7 8.2998C13.5167 8.48314 13.2833 8.5748 13 8.5748C12.7167 8.5748 12.4833 8.48314 12.3 8.2998L9.69999 5.6998C9.61666 5.61647 9.54999 5.5123 9.49999 5.3873C9.44999 5.2623 9.42499 5.13314 9.42499 4.9998C9.42499 4.86647 9.44999 4.7373 9.49999 4.6123C9.54999 4.4873 9.61666 4.38314 9.69999 4.2998L12.3 1.6998C12.4833 1.51647 12.7167 1.4248 13 1.4248C13.2833 1.4248 13.5167 1.51647 13.7 1.6998C13.8833 1.88314 13.975 2.11647 13.975 2.3998C13.975 2.68314 13.8833 2.91647 13.7 3.0998L12.8 3.9998H12.975C15.475 3.9998 17.6042 4.8748 19.3625 6.6248C21.1208 8.3748 22 10.4998 22 12.9998C22 15.4998 21.125 17.6248 19.375 19.3748C17.625 21.1248 15.5 21.9998 13 21.9998ZM6.99999 18.5748C6.86665 18.5748 6.74165 18.554 6.62499 18.5123C6.50832 18.4706 6.39999 18.3998 6.29999 18.2998L1.69999 13.6998C1.59999 13.5998 1.52915 13.4915 1.48749 13.3748C1.44582 13.2581 1.42499 13.1331 1.42499 12.9998C1.42499 12.8665 1.44582 12.7415 1.48749 12.6248C1.52915 12.5081 1.59999 12.3998 1.69999 12.2998L6.29999 7.6998C6.39999 7.5998 6.50832 7.52897 6.62499 7.4873C6.74165 7.44564 6.86665 7.4248 6.99999 7.4248C7.13332 7.4248 7.25832 7.44564 7.37499 7.4873C7.49165 7.52897 7.59999 7.5998 7.69999 7.6998L12.3 12.2998C12.4 12.3998 12.4708 12.5081 12.5125 12.6248C12.5542 12.7415 12.575 12.8665 12.575 12.9998C12.575 13.1331 12.5542 13.2581 12.5125 13.3748C12.4708 13.4915 12.4 13.5998 12.3 13.6998L7.69999 18.2998C7.59999 18.3998 7.49165 18.4706 7.37499 18.5123C7.25832 18.554 7.13332 18.5748 6.99999 18.5748ZM6.99999 16.1498L10.15 12.9998L6.99999 9.8498L3.84999 12.9998L6.99999 16.1498Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '03b505735e92672a9299dd99d68873e0517c744b' }, h("path", { key: 'f48b6b68a783feb45c947e970f9b24a2e11ab0ab', d: "M15.1666 25.6663C14.4472 25.6663 13.7423 25.5934 13.0521 25.4475C12.3618 25.3017 11.6861 25.0927 11.025 24.8204C10.7333 24.7038 10.5389 24.4947 10.4416 24.1934C10.3444 23.892 10.3541 23.5954 10.4708 23.3038C10.5875 23.0121 10.7916 22.8031 11.0833 22.6767C11.375 22.5503 11.6666 22.5552 11.9583 22.6913C12.4639 22.9052 12.984 23.0656 13.5187 23.1725C14.0534 23.2795 14.6028 23.3329 15.1666 23.3329C17.4416 23.3329 19.3715 22.5406 20.9562 20.9559C22.5409 19.3711 23.3333 17.4413 23.3333 15.1663C23.3333 12.8913 22.5361 10.9614 20.9416 9.37669C19.3472 7.79197 17.4125 6.99961 15.1375 6.99961H14.9333L15.9833 8.04961C16.1972 8.2635 16.3041 8.53572 16.3041 8.86628C16.3041 9.19683 16.1972 9.46905 15.9833 9.68294C15.7694 9.89683 15.4972 10.0038 15.1666 10.0038C14.8361 10.0038 14.5639 9.89683 14.35 9.68294L11.3166 6.64961C11.2194 6.55239 11.1416 6.43086 11.0833 6.28503C11.025 6.13919 10.9958 5.9885 10.9958 5.83294C10.9958 5.67739 11.025 5.52669 11.0833 5.38086C11.1416 5.23503 11.2194 5.1135 11.3166 5.01628L14.35 1.98294C14.5639 1.76905 14.8361 1.66211 15.1666 1.66211C15.4972 1.66211 15.7694 1.76905 15.9833 1.98294C16.1972 2.19683 16.3041 2.46905 16.3041 2.79961C16.3041 3.13016 16.1972 3.40239 15.9833 3.61628L14.9333 4.66628H15.1375C18.0541 4.66628 20.5382 5.68711 22.5896 7.72878C24.6409 9.77044 25.6666 12.2496 25.6666 15.1663C25.6666 18.0829 24.6458 20.5621 22.6041 22.6038C20.5625 24.6454 18.0833 25.6663 15.1666 25.6663ZM8.16664 21.6704C8.01109 21.6704 7.86525 21.6461 7.72914 21.5975C7.59303 21.5489 7.46664 21.4663 7.34998 21.3496L1.98331 15.9829C1.86664 15.8663 1.784 15.7399 1.73539 15.6038C1.68678 15.4677 1.66248 15.3218 1.66248 15.1663C1.66248 15.0107 1.68678 14.8649 1.73539 14.7288C1.784 14.5927 1.86664 14.4663 1.98331 14.3496L7.34998 8.98294C7.46664 8.86628 7.59303 8.78364 7.72914 8.73503C7.86525 8.68641 8.01109 8.66211 8.16664 8.66211C8.3222 8.66211 8.46803 8.68641 8.60414 8.73503C8.74025 8.78364 8.86664 8.86628 8.98331 8.98294L14.35 14.3496C14.4666 14.4663 14.5493 14.5927 14.5979 14.7288C14.6465 14.8649 14.6708 15.0107 14.6708 15.1663C14.6708 15.3218 14.6465 15.4677 14.5979 15.6038C14.5493 15.7399 14.4666 15.8663 14.35 15.9829L8.98331 21.3496C8.86664 21.4663 8.74025 21.5489 8.60414 21.5975C8.46803 21.6461 8.3222 21.6704 8.16664 21.6704ZM8.16664 18.8413L11.8416 15.1663L8.16664 11.4913L4.49164 15.1663L8.16664 18.8413Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-rotate-left"; }
+    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-rotate-right.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 SwirlIconRotateRight {
+    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: 'b9bb375a1f25a7b6c6d24c2e20f779b3dcce0d8e', "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: '459fd8649dee44593610d00039d2249dda766a76' }, h("path", { key: 'b5d80978a8d5e46376d67aad15fabc78946708ad', d: "M7.33344 14.6664C5.66677 14.6664 4.2501 14.083 3.08344 12.9164C1.91677 11.7497 1.33344 10.333 1.33344 8.66637C1.33344 6.99971 1.91955 5.58304 3.09177 4.41637C4.26399 3.24971 5.68344 2.66637 7.3501 2.66637H7.46677L6.86677 2.06637C6.74455 1.94415 6.68344 1.7886 6.68344 1.59971C6.68344 1.41082 6.74455 1.25526 6.86677 1.13304C6.98899 1.01082 7.14455 0.949707 7.33344 0.949707C7.52232 0.949707 7.67788 1.01082 7.8001 1.13304L9.53344 2.86637C9.58899 2.92193 9.63344 2.99137 9.66677 3.07471C9.7001 3.15804 9.71677 3.24415 9.71677 3.33304C9.71677 3.42193 9.7001 3.50804 9.66677 3.59137C9.63344 3.67471 9.58899 3.74415 9.53344 3.79971L7.8001 5.53304C7.67788 5.65526 7.52232 5.71637 7.33344 5.71637C7.14455 5.71637 6.98899 5.65526 6.86677 5.53304C6.74455 5.41082 6.68344 5.25526 6.68344 5.06637C6.68344 4.87749 6.74455 4.72193 6.86677 4.59971L7.46677 3.99971H7.3501C6.0501 3.99971 4.94455 4.45249 4.03344 5.35804C3.12232 6.2636 2.66677 7.36637 2.66677 8.66637C2.66677 9.96637 3.11955 11.0692 4.0251 11.9747C4.93066 12.8803 6.03344 13.333 7.33344 13.333C7.65566 13.333 7.96955 13.3025 8.2751 13.2414C8.58066 13.1803 8.87788 13.0886 9.16677 12.9664C9.33344 12.8886 9.5001 12.8858 9.66677 12.958C9.83344 13.0303 9.9501 13.1497 10.0168 13.3164C10.0834 13.483 10.089 13.6525 10.0334 13.8247C9.97788 13.9969 9.86677 14.1164 9.7001 14.183C9.32232 14.3386 8.93621 14.458 8.54177 14.5414C8.14732 14.6247 7.74455 14.6664 7.33344 14.6664ZM10.8668 12.1997L7.8001 9.13304C7.73344 9.06637 7.68621 8.99415 7.65844 8.91637C7.63066 8.8386 7.61677 8.75526 7.61677 8.66637C7.61677 8.57748 7.63066 8.49415 7.65844 8.41637C7.68621 8.3386 7.73344 8.26637 7.8001 8.19971L10.8668 5.13304C10.9334 5.06637 11.0057 5.01915 11.0834 4.99137C11.1612 4.9636 11.2445 4.94971 11.3334 4.94971C11.4223 4.94971 11.5057 4.9636 11.5834 4.99137C11.6612 5.01915 11.7334 5.06637 11.8001 5.13304L14.8668 8.19971C14.9334 8.26637 14.9807 8.3386 15.0084 8.41637C15.0362 8.49415 15.0501 8.57748 15.0501 8.66637C15.0501 8.75526 15.0362 8.8386 15.0084 8.91637C14.9807 8.99415 14.9334 9.06637 14.8668 9.13304L11.8001 12.1997C11.7334 12.2664 11.6612 12.3136 11.5834 12.3414C11.5057 12.3692 11.4223 12.383 11.3334 12.383C11.2445 12.383 11.1612 12.3692 11.0834 12.3414C11.0057 12.3136 10.9334 12.2664 10.8668 12.1997ZM11.3334 10.7664L13.4334 8.66637L11.3334 6.56637L9.23344 8.66637L11.3334 10.7664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '671745f06503d60235ed474bf499837b07286334' }, h("path", { key: '365305ee59147ae6c44dd9b51f8b8391a3c5b2eb', d: "M11.0001 21.9998C8.50012 21.9998 6.37512 21.1248 4.62512 19.3748C2.87512 17.6248 2.00012 15.4998 2.00012 12.9998C2.00012 10.4998 2.87929 8.3748 4.63762 6.6248C6.39596 4.8748 8.52512 3.9998 11.0251 3.9998H11.2001L10.3001 3.0998C10.1168 2.91647 10.0251 2.68314 10.0251 2.3998C10.0251 2.11647 10.1168 1.88314 10.3001 1.6998C10.4835 1.51647 10.7168 1.4248 11.0001 1.4248C11.2835 1.4248 11.5168 1.51647 11.7001 1.6998L14.3001 4.2998C14.3835 4.38314 14.4501 4.4873 14.5001 4.6123C14.5501 4.7373 14.5751 4.86647 14.5751 4.9998C14.5751 5.13314 14.5501 5.2623 14.5001 5.3873C14.4501 5.5123 14.3835 5.61647 14.3001 5.6998L11.7001 8.2998C11.5168 8.48314 11.2835 8.5748 11.0001 8.5748C10.7168 8.5748 10.4835 8.48314 10.3001 8.2998C10.1168 8.11647 10.0251 7.88314 10.0251 7.5998C10.0251 7.31647 10.1168 7.08314 10.3001 6.8998L11.2001 5.9998H11.0251C9.07512 5.9998 7.41679 6.67897 6.05012 8.0373C4.68346 9.39564 4.00012 11.0498 4.00012 12.9998C4.00012 14.9498 4.67929 16.604 6.03762 17.9623C7.39596 19.3206 9.05012 19.9998 11.0001 19.9998C11.4835 19.9998 11.9543 19.954 12.4126 19.8623C12.871 19.7706 13.3168 19.6331 13.7501 19.4498C14.0001 19.3331 14.2501 19.329 14.5001 19.4373C14.7501 19.5456 14.9251 19.7248 15.0251 19.9748C15.1251 20.2248 15.1335 20.479 15.0501 20.7373C14.9668 20.9956 14.8001 21.1748 14.5501 21.2748C13.9835 21.5081 13.4043 21.6873 12.8126 21.8123C12.221 21.9373 11.6168 21.9998 11.0001 21.9998ZM16.3001 18.2998L11.7001 13.6998C11.6001 13.5998 11.5293 13.4915 11.4876 13.3748C11.446 13.2581 11.4251 13.1331 11.4251 12.9998C11.4251 12.8665 11.446 12.7415 11.4876 12.6248C11.5293 12.5081 11.6001 12.3998 11.7001 12.2998L16.3001 7.6998C16.4001 7.5998 16.5085 7.52897 16.6251 7.4873C16.7418 7.44564 16.8668 7.4248 17.0001 7.4248C17.1335 7.4248 17.2585 7.44564 17.3751 7.4873C17.4918 7.52897 17.6001 7.5998 17.7001 7.6998L22.3001 12.2998C22.4001 12.3998 22.471 12.5081 22.5126 12.6248C22.5543 12.7415 22.5751 12.8665 22.5751 12.9998C22.5751 13.1331 22.5543 13.2581 22.5126 13.3748C22.471 13.4915 22.4001 13.5998 22.3001 13.6998L17.7001 18.2998C17.6001 18.3998 17.4918 18.4706 17.3751 18.5123C17.2585 18.554 17.1335 18.5748 17.0001 18.5748C16.8668 18.5748 16.7418 18.554 16.6251 18.5123C16.5085 18.4706 16.4001 18.3998 16.3001 18.2998ZM17.0001 16.1498L20.1501 12.9998L17.0001 9.8498L13.8501 12.9998L17.0001 16.1498Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '50f3fc9392349c7cfcc0c1ea9fb45011ba00b260' }, h("path", { key: '31c725cdd0910be2bfc3a5fc5889d555ac0c2645', d: "M12.8335 25.6663C9.91683 25.6663 7.43766 24.6454 5.396 22.6038C3.35433 20.5621 2.3335 18.0829 2.3335 15.1663C2.3335 12.2496 3.35919 9.77044 5.41058 7.72878C7.46197 5.68711 9.946 4.66628 12.8627 4.66628H13.0668L12.0168 3.61628C11.8029 3.40239 11.696 3.13016 11.696 2.79961C11.696 2.46905 11.8029 2.19683 12.0168 1.98294C12.2307 1.76905 12.5029 1.66211 12.8335 1.66211C13.1641 1.66211 13.4363 1.76905 13.6502 1.98294L16.6835 5.01628C16.7807 5.1135 16.8585 5.23503 16.9168 5.38086C16.9752 5.52669 17.0043 5.67739 17.0043 5.83294C17.0043 5.9885 16.9752 6.13919 16.9168 6.28503C16.8585 6.43086 16.7807 6.55239 16.6835 6.64961L13.6502 9.68294C13.4363 9.89683 13.1641 10.0038 12.8335 10.0038C12.5029 10.0038 12.2307 9.89683 12.0168 9.68294C11.8029 9.46905 11.696 9.19683 11.696 8.86628C11.696 8.53572 11.8029 8.2635 12.0168 8.04961L13.0668 6.99961H12.8627C10.5877 6.99961 8.65294 7.79197 7.0585 9.37669C5.46405 10.9614 4.66683 12.8913 4.66683 15.1663C4.66683 17.4413 5.45919 19.3711 7.04391 20.9559C8.62863 22.5406 10.5585 23.3329 12.8335 23.3329C13.3974 23.3329 13.9467 23.2795 14.4814 23.1725C15.0161 23.0656 15.5363 22.9052 16.0418 22.6913C16.3335 22.5552 16.6252 22.5503 16.9168 22.6767C17.2085 22.8031 17.4127 23.0121 17.5293 23.3038C17.646 23.5954 17.6557 23.892 17.5585 24.1934C17.4613 24.4947 17.2668 24.7038 16.9752 24.8204C16.3141 25.0927 15.6384 25.3017 14.9481 25.4475C14.2578 25.5934 13.5529 25.6663 12.8335 25.6663ZM19.0168 21.3496L13.6502 15.9829C13.5335 15.8663 13.4509 15.7399 13.4022 15.6038C13.3536 15.4677 13.3293 15.3218 13.3293 15.1663C13.3293 15.0107 13.3536 14.8649 13.4022 14.7288C13.4509 14.5927 13.5335 14.4663 13.6502 14.3496L19.0168 8.98294C19.1335 8.86628 19.2599 8.78364 19.396 8.73503C19.5321 8.68641 19.6779 8.66211 19.8335 8.66211C19.9891 8.66211 20.1349 8.68641 20.271 8.73503C20.4071 8.78364 20.5335 8.86628 20.6502 8.98294L26.0168 14.3496C26.1335 14.4663 26.2161 14.5927 26.2647 14.7288C26.3134 14.8649 26.3377 15.0107 26.3377 15.1663C26.3377 15.3218 26.3134 15.4677 26.2647 15.6038C26.2161 15.7399 26.1335 15.8663 26.0168 15.9829L20.6502 21.3496C20.5335 21.4663 20.4071 21.5489 20.271 21.5975C20.1349 21.6461 19.9891 21.6704 19.8335 21.6704C19.6779 21.6704 19.5321 21.6461 19.396 21.5975C19.2599 21.5489 19.1335 21.4663 19.0168 21.3496ZM19.8335 18.8413L23.5085 15.1663L19.8335 11.4913L16.1585 15.1663L19.8335 18.8413Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-rotate-right"; }
+    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-screenshare-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 SwirlIconScreenshareOff {
+    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: '7b60fcbe55ea18f74dd2e772a4bef53daee584bb', "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: '67cf0552c13e222a0b1e2313d944c6d4f9377468' }, h("g", { key: 'f49429a9d82de361730198edb122488db3e12c41', id: "ScreenshareOff16" }, h("path", { key: '7a022a1311e7039ffa75ac67bdae185491c3dbe8', id: "Vector", d: "M9.61669 7.71644L7.90002 5.99977H8.66669V5.06644C8.66669 4.98866 8.70002 4.93588 8.76669 4.90811C8.83335 4.88033 8.89447 4.89422 8.95002 4.94977L10.4334 6.4331C10.5 6.49977 10.5334 6.57755 10.5334 6.66644C10.5334 6.75533 10.5 6.83311 10.4334 6.89977L9.61669 7.71644ZM13.8 11.8998L12.5667 10.6664H13.3334V3.33311H5.23335L3.90002 1.99977H13.3334C13.7 1.99977 14.0139 2.13033 14.275 2.39144C14.5361 2.65255 14.6667 2.96644 14.6667 3.33311V10.6664C14.6667 10.9553 14.5861 11.2081 14.425 11.4248C14.2639 11.6414 14.0556 11.7998 13.8 11.8998ZM12.1334 13.9998H1.33335C1.14446 13.9998 0.986131 13.9359 0.858354 13.8081C0.730576 13.6803 0.666687 13.522 0.666687 13.3331C0.666687 13.1442 0.730576 12.9859 0.858354 12.8581C0.986131 12.7303 1.14446 12.6664 1.33335 12.6664H10.7834L10.1167 11.9998H2.66669C2.30002 11.9998 1.98613 11.8692 1.72502 11.6081C1.46391 11.347 1.33335 11.0331 1.33335 10.6664V3.23311L0.916687 2.79977C0.794465 2.66644 0.733354 2.51088 0.733354 2.33311C0.733354 2.15533 0.80002 1.99977 0.933354 1.86644C1.05558 1.74422 1.21113 1.68311 1.40002 1.68311C1.58891 1.68311 1.74446 1.74422 1.86669 1.86644L14.1334 14.1331C14.2556 14.2553 14.3167 14.4109 14.3167 14.5998C14.3167 14.7887 14.2556 14.9442 14.1334 15.0664C14.0111 15.1887 13.8556 15.2498 13.6667 15.2498C13.4778 15.2498 13.3222 15.1887 13.2 15.0664L12.1334 13.9998ZM6.66669 8.56644V8.66644C6.66669 8.85533 6.6028 9.01366 6.47502 9.14144C6.34724 9.26922 6.18891 9.33311 6.00002 9.33311C5.81113 9.33311 5.6528 9.26922 5.52502 9.14144C5.39724 9.01366 5.33335 8.85533 5.33335 8.66644V7.99977C5.33335 7.87755 5.33891 7.76088 5.35002 7.64977C5.36113 7.53866 5.39446 7.4331 5.45002 7.33311L2.66669 4.54977V10.6664H8.76669L6.66669 8.56644Z", fill: "currentColor" })))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'c3994f3aebf4832e005bd1a94e31dcad200adc68' }, h("g", { key: '0f1f8b9b67bdbb2a4f374f98fbb4107b9b6340a0', id: "ScreenshareOff24" }, h("path", { key: '3c4f20db60e1c18023487afd016ed689c01720a5', id: "Vector", d: "M14.425 11.5749L11.85 8.9999H13V7.5999C13 7.48324 13.05 7.40407 13.15 7.3624C13.25 7.32074 13.3417 7.34157 13.425 7.4249L15.65 9.6499C15.75 9.7499 15.8 9.86657 15.8 9.9999C15.8 10.1332 15.75 10.2499 15.65 10.3499L14.425 11.5749ZM20.7 17.8499L18.85 15.9999H20V4.9999H7.85L5.85 2.9999H20C20.55 2.9999 21.0208 3.19574 21.4125 3.5874C21.8042 3.97907 22 4.4499 22 4.9999V15.9999C22 16.4332 21.8792 16.8124 21.6375 17.1374C21.3958 17.4624 21.0833 17.6999 20.7 17.8499ZM18.2 20.9999H2C1.71667 20.9999 1.47917 20.9041 1.2875 20.7124C1.09583 20.5207 1 20.2832 1 19.9999C1 19.7166 1.09583 19.4791 1.2875 19.2874C1.47917 19.0957 1.71667 18.9999 2 18.9999H16.175L15.175 17.9999H4C3.45 17.9999 2.97917 17.8041 2.5875 17.4124C2.19583 17.0207 2 16.5499 2 15.9999V4.8499L1.375 4.1999C1.19167 3.9999 1.1 3.76657 1.1 3.4999C1.1 3.23324 1.2 2.9999 1.4 2.7999C1.58333 2.61657 1.81667 2.5249 2.1 2.5249C2.38333 2.5249 2.61667 2.61657 2.8 2.7999L21.2 21.1999C21.3833 21.3832 21.475 21.6166 21.475 21.8999C21.475 22.1832 21.3833 22.4166 21.2 22.5999C21.0167 22.7832 20.7833 22.8749 20.5 22.8749C20.2167 22.8749 19.9833 22.7832 19.8 22.5999L18.2 20.9999ZM10 12.8499V12.9999C10 13.2832 9.90417 13.5207 9.7125 13.7124C9.52083 13.9041 9.28333 13.9999 9 13.9999C8.71667 13.9999 8.47917 13.9041 8.2875 13.7124C8.09583 13.5207 8 13.2832 8 12.9999V11.9999C8 11.8166 8.00833 11.6416 8.025 11.4749C8.04167 11.3082 8.09167 11.1499 8.175 10.9999L4 6.8249V15.9999H13.15L10 12.8499Z", fill: "currentColor" })))), this.size === 28 && (h(Fragment, { key: 'db493496042425bd2180b877770766d33d8b66a8' }, h("g", { key: 'ae248463af00b25eb054dcae9572b58d2df9b20b', id: "ScreenshareOff28" }, h("path", { key: 'ddf0b1f72dfd9536e6684392340ed28a99ffd1a2', id: "Vector", d: "M16.8292 13.5041L13.825 10.5H15.1667V8.86663C15.1667 8.73052 15.225 8.63816 15.3417 8.58955C15.4584 8.54094 15.5653 8.56524 15.6625 8.66247L18.2584 11.2583C18.375 11.375 18.4334 11.5111 18.4334 11.6666C18.4334 11.8222 18.375 11.9583 18.2584 12.075L16.8292 13.5041ZM24.15 20.825L21.9917 18.6666H23.3334V5.8333H9.15835L6.82502 3.49997H23.3334C23.975 3.49997 24.5243 3.72844 24.9813 4.18538C25.4382 4.64233 25.6667 5.19163 25.6667 5.8333V18.6666C25.6667 19.1722 25.5257 19.6145 25.2438 19.9937C24.9618 20.3729 24.5972 20.65 24.15 20.825ZM21.2334 24.5H2.33335C2.0028 24.5 1.72571 24.3882 1.5021 24.1645C1.27849 23.9409 1.16669 23.6639 1.16669 23.3333C1.16669 23.0027 1.27849 22.7257 1.5021 22.5021C1.72571 22.2784 2.0028 22.1666 2.33335 22.1666H18.8709L17.7042 21H4.66669C4.02502 21 3.47571 20.7715 3.01877 20.3146C2.56183 19.8576 2.33335 19.3083 2.33335 18.6666V5.6583L1.60419 4.89997C1.3903 4.66663 1.28335 4.39441 1.28335 4.0833C1.28335 3.77219 1.40002 3.49997 1.63335 3.26663C1.84724 3.05275 2.11946 2.9458 2.45002 2.9458C2.78058 2.9458 3.0528 3.05275 3.26669 3.26663L24.7334 24.7333C24.9472 24.9472 25.0542 25.2194 25.0542 25.55C25.0542 25.8805 24.9472 26.1527 24.7334 26.3666C24.5195 26.5805 24.2472 26.6875 23.9167 26.6875C23.5861 26.6875 23.3139 26.5805 23.1 26.3666L21.2334 24.5ZM11.6667 14.9916V15.1666C11.6667 15.4972 11.5549 15.7743 11.3313 15.9979C11.1077 16.2215 10.8306 16.3333 10.5 16.3333C10.1695 16.3333 9.89238 16.2215 9.66877 15.9979C9.44516 15.7743 9.33335 15.4972 9.33335 15.1666V14C9.33335 13.7861 9.34308 13.5819 9.36252 13.3875C9.38196 13.193 9.4403 13.0083 9.53752 12.8333L4.66669 7.96247V18.6666H15.3417L11.6667 14.9916Z", fill: "currentColor" }))))));
+    }
+    static get is() { return "swirl-icon-screenshare-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-screenshare.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 SwirlIconScreenshare {
+    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: '5f98e5a05d3b7cfbe4e65f16922211e198503e2d', "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: '18edab8c6c604b1914aeda694ea5f04171093a13' }, h("g", { key: '1922b420aeeeb14e21db19e0d43a7b4716d97477', id: "Screenshare16" }, h("path", { key: '5c733c75fdba3a28e6c0a9d909c98fcd3218b8f5', id: "Vector", d: "M7.33335 7.33333H8.66669V8.26667C8.66669 8.34444 8.70002 8.39722 8.76669 8.425C8.83335 8.45278 8.89447 8.43889 8.95002 8.38333L10.4334 6.9C10.5 6.83333 10.5334 6.75556 10.5334 6.66667C10.5334 6.57778 10.5 6.5 10.4334 6.43333L8.95002 4.95C8.89447 4.89444 8.83335 4.88056 8.76669 4.90833C8.70002 4.93611 8.66669 4.98889 8.66669 5.06667V6H7.33335C6.7778 6 6.30558 6.19444 5.91669 6.58333C5.5278 6.97222 5.33335 7.44444 5.33335 8V8.66667C5.33335 8.85556 5.39724 9.01389 5.52502 9.14167C5.6528 9.26944 5.81113 9.33333 6.00002 9.33333C6.18891 9.33333 6.34724 9.26944 6.47502 9.14167C6.6028 9.01389 6.66669 8.85556 6.66669 8.66667V8C6.66669 7.81111 6.73058 7.65278 6.85835 7.525C6.98613 7.39722 7.14446 7.33333 7.33335 7.33333ZM1.33335 14C1.14446 14 0.986131 13.9361 0.858354 13.8083C0.730576 13.6806 0.666687 13.5222 0.666687 13.3333C0.666687 13.1444 0.730576 12.9861 0.858354 12.8583C0.986131 12.7306 1.14446 12.6667 1.33335 12.6667H14.6667C14.8556 12.6667 15.0139 12.7306 15.1417 12.8583C15.2695 12.9861 15.3334 13.1444 15.3334 13.3333C15.3334 13.5222 15.2695 13.6806 15.1417 13.8083C15.0139 13.9361 14.8556 14 14.6667 14H1.33335ZM2.66669 12C2.30002 12 1.98613 11.8694 1.72502 11.6083C1.46391 11.3472 1.33335 11.0333 1.33335 10.6667V3.33333C1.33335 2.96667 1.46391 2.65278 1.72502 2.39167C1.98613 2.13056 2.30002 2 2.66669 2H13.3334C13.7 2 14.0139 2.13056 14.275 2.39167C14.5361 2.65278 14.6667 2.96667 14.6667 3.33333V10.6667C14.6667 11.0333 14.5361 11.3472 14.275 11.6083C14.0139 11.8694 13.7 12 13.3334 12H2.66669ZM2.66669 10.6667H13.3334V3.33333H2.66669V10.6667Z", fill: "currentColor" })))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '168495186f3d274aae6db86fae144f3857b70966' }, h("g", { key: '669b756fda2cd543be56849b396315805d09f0b6', id: "Screenshare24" }, h("path", { key: 'a3c3ffc900d137bd1554a3e37b444bf04f3382e9', id: "Vector", d: "M11 11H13V12.4C13 12.5167 13.05 12.5958 13.15 12.6375C13.25 12.6792 13.3417 12.6583 13.425 12.575L15.65 10.35C15.75 10.25 15.8 10.1333 15.8 10C15.8 9.86667 15.75 9.75 15.65 9.65L13.425 7.425C13.3417 7.34167 13.25 7.32083 13.15 7.3625C13.05 7.40417 13 7.48333 13 7.6V9H11C10.1667 9 9.45833 9.29167 8.875 9.875C8.29167 10.4583 8 11.1667 8 12V13C8 13.2833 8.09583 13.5208 8.2875 13.7125C8.47917 13.9042 8.71667 14 9 14C9.28333 14 9.52083 13.9042 9.7125 13.7125C9.90417 13.5208 10 13.2833 10 13V12C10 11.7167 10.0958 11.4792 10.2875 11.2875C10.4792 11.0958 10.7167 11 11 11ZM2 21C1.71667 21 1.47917 20.9042 1.2875 20.7125C1.09583 20.5208 1 20.2833 1 20C1 19.7167 1.09583 19.4792 1.2875 19.2875C1.47917 19.0958 1.71667 19 2 19H22C22.2833 19 22.5208 19.0958 22.7125 19.2875C22.9042 19.4792 23 19.7167 23 20C23 20.2833 22.9042 20.5208 22.7125 20.7125C22.5208 20.9042 22.2833 21 22 21H2ZM4 18C3.45 18 2.97917 17.8042 2.5875 17.4125C2.19583 17.0208 2 16.55 2 16V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H4ZM4 16H20V5H4V16Z", fill: "currentColor" })))), this.size === 28 && (h(Fragment, { key: 'a8e4201e505ce3c67d8ed8568e51c18dc6013230' }, h("g", { key: 'a0c294e8cfc4b0e7483075bb69b8738893fd6d3f', id: "Screenshare28" }, h("path", { key: 'fcc6625c9fb4fbe24363b1b30a03e29f7c9731b1', id: "Vector", d: "M12.8334 12.8333H15.1667V14.4667C15.1667 14.6028 15.225 14.6951 15.3417 14.7437C15.4584 14.7924 15.5653 14.7681 15.6625 14.6708L18.2584 12.075C18.375 11.9583 18.4334 11.8222 18.4334 11.6667C18.4334 11.5111 18.375 11.375 18.2584 11.2583L15.6625 8.6625C15.5653 8.56528 15.4584 8.54097 15.3417 8.58958C15.225 8.63819 15.1667 8.73056 15.1667 8.86667V10.5H12.8334C11.8611 10.5 11.0347 10.8403 10.3542 11.5208C9.67363 12.2014 9.33335 13.0278 9.33335 14V15.1667C9.33335 15.4972 9.44516 15.7743 9.66877 15.9979C9.89238 16.2215 10.1695 16.3333 10.5 16.3333C10.8306 16.3333 11.1077 16.2215 11.3313 15.9979C11.5549 15.7743 11.6667 15.4972 11.6667 15.1667V14C11.6667 13.6694 11.7785 13.3924 12.0021 13.1687C12.2257 12.9451 12.5028 12.8333 12.8334 12.8333ZM2.33335 24.5C2.0028 24.5 1.72571 24.3882 1.5021 24.1646C1.27849 23.941 1.16669 23.6639 1.16669 23.3333C1.16669 23.0028 1.27849 22.7257 1.5021 22.5021C1.72571 22.2785 2.0028 22.1667 2.33335 22.1667H25.6667C25.9972 22.1667 26.2743 22.2785 26.4979 22.5021C26.7215 22.7257 26.8334 23.0028 26.8334 23.3333C26.8334 23.6639 26.7215 23.941 26.4979 24.1646C26.2743 24.3882 25.9972 24.5 25.6667 24.5H2.33335ZM4.66669 21C4.02502 21 3.47571 20.7715 3.01877 20.3146C2.56183 19.8576 2.33335 19.3083 2.33335 18.6667V5.83333C2.33335 5.19167 2.56183 4.64236 3.01877 4.18542C3.47571 3.72847 4.02502 3.5 4.66669 3.5H23.3334C23.975 3.5 24.5243 3.72847 24.9813 4.18542C25.4382 4.64236 25.6667 5.19167 25.6667 5.83333V18.6667C25.6667 19.3083 25.4382 19.8576 24.9813 20.3146C24.5243 20.7715 23.975 21 23.3334 21H4.66669ZM4.66669 18.6667H23.3334V5.83333H4.66669V18.6667Z", fill: "currentColor" }))))));
+    }
+    static get is() { return "swirl-icon-screenshare"; }
+    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-search-strong.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 SwirlIconSearchStrong {
+    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: '80b0ad3ea2b72109b14bb3e9374aaf3555fbe056', "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: '8f152c9753d391613a3d2844b6878d5279198757' }, h("path", { key: '289f5760a1923c5d7087dfda5b6fabf8d49d7a43', d: "M12.3 13.9L8.71667 10.3166C8.39445 10.5389 8.01956 10.7166 7.592 10.85C7.164 10.9833 6.7 11.05 6.2 11.05C4.88889 11.05 3.77512 10.5915 2.85867 9.67464C1.94178 8.75819 1.48334 7.64442 1.48334 6.3333C1.48334 5.02219 1.94178 3.90819 2.85867 2.9913C3.77512 2.07486 4.88889 1.61664 6.2 1.61664C7.51112 1.61664 8.62489 2.07486 9.54134 2.9913C10.4582 3.90819 10.9167 5.02219 10.9167 6.3333C10.9167 6.84442 10.85 7.30819 10.7167 7.72464C10.5833 8.14153 10.4056 8.50553 10.1833 8.81664L13.8 12.45C14 12.65 14.0973 12.8915 14.092 13.1746C14.0862 13.4582 13.9833 13.7 13.7833 13.9C13.5833 14.1 13.336 14.2 13.0413 14.2C12.7471 14.2 12.5 14.1 12.3 13.9V13.9ZM6.2 8.94997C6.93334 8.94997 7.55289 8.69708 8.05867 8.1913C8.564 7.68597 8.81667 7.06664 8.81667 6.3333C8.81667 5.59997 8.564 4.98042 8.05867 4.47464C7.55289 3.9693 6.93334 3.71664 6.2 3.71664C5.46667 3.71664 4.84734 3.9693 4.342 4.47464C3.83623 4.98042 3.58334 5.59997 3.58334 6.3333C3.58334 7.06664 3.83623 7.68597 4.342 8.1913C4.84734 8.69708 5.46667 8.94997 6.2 8.94997Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '9e2cdd711b48e7694b804263417d1477dc89e8b2' }, h("path", { key: '64aabba09720daa649579f41b3ef263ddfc76bb4', d: "M18.45 20.85L13.075 15.475C12.5917 15.8083 12.0293 16.075 11.388 16.275C10.746 16.475 10.05 16.575 9.30001 16.575C7.33334 16.575 5.66267 15.8873 4.28801 14.512C2.91267 13.1373 2.22501 11.4667 2.22501 9.49999C2.22501 7.53332 2.91267 5.86232 4.28801 4.48699C5.66267 3.11232 7.33334 2.42499 9.30001 2.42499C11.2667 2.42499 12.9373 3.11232 14.312 4.48699C15.6873 5.86232 16.375 7.53332 16.375 9.49999C16.375 10.2667 16.275 10.9623 16.075 11.587C15.875 12.2123 15.6083 12.7583 15.275 13.225L20.7 18.675C21 18.975 21.146 19.3373 21.138 19.762C21.1293 20.1873 20.975 20.55 20.675 20.85C20.375 21.15 20.004 21.3 19.562 21.3C19.1207 21.3 18.75 21.15 18.45 20.85ZM9.30001 13.425C10.4 13.425 11.3293 13.0457 12.088 12.287C12.846 11.529 13.225 10.6 13.225 9.49999C13.225 8.39999 12.846 7.47065 12.088 6.71199C11.3293 5.95399 10.4 5.57499 9.30001 5.57499C8.20001 5.57499 7.27101 5.95399 6.51301 6.71199C5.75434 7.47065 5.37501 8.39999 5.37501 9.49999C5.37501 10.6 5.75434 11.529 6.51301 12.287C7.27101 13.0457 8.20001 13.425 9.30001 13.425Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'b1428fad9c4bd21660ccb2be5529af1ad44c1aa3' }, h("path", { key: '20cf10aa0e662b79638318460e8754cafd3e8caa', d: "M21.525 24.325L15.2542 18.0542C14.6903 18.4431 14.0342 18.7542 13.286 18.9875C12.537 19.2208 11.725 19.3375 10.85 19.3375C8.55555 19.3375 6.60644 18.5352 5.00266 16.9307C3.3981 15.3269 2.59583 13.3778 2.59583 11.0833C2.59583 8.78888 3.3981 6.83939 5.00266 5.23483C6.60644 3.63105 8.55555 2.82916 10.85 2.82916C13.1444 2.82916 15.0935 3.63105 16.6973 5.23483C18.3019 6.83939 19.1042 8.78888 19.1042 11.0833C19.1042 11.9778 18.9875 12.7894 18.7542 13.5182C18.5208 14.2477 18.2097 14.8847 17.8208 15.4292L24.15 21.7875C24.5 22.1375 24.6703 22.5602 24.661 23.0557C24.6509 23.5519 24.4708 23.975 24.1208 24.325C23.7708 24.675 23.338 24.85 22.8223 24.85C22.3074 24.85 21.875 24.675 21.525 24.325V24.325ZM10.85 15.6625C12.1333 15.6625 13.2175 15.2199 14.1027 14.3348C14.987 13.4505 15.4292 12.3667 15.4292 11.0833C15.4292 9.8 14.987 8.71577 14.1027 7.83066C13.2175 6.94633 12.1333 6.50416 10.85 6.50416C9.56666 6.50416 8.48283 6.94633 7.59849 7.83066C6.71338 8.71577 6.27083 9.8 6.27083 11.0833C6.27083 12.3667 6.71338 13.4505 7.59849 14.3348C8.48283 15.2199 9.56666 15.6625 10.85 15.6625Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-search-strong"; }
+    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"
+            }
+        };
+    }
+}