@getflip/swirl-components 0.0.0-beta-20260114160010

package/dist/collection/components/swirl-icon/icons/swirl-icon-deployed-code.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 SwirlIconDeployedCode {
+    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: 'f8248f76b728e7edfebfe31df619758a00d634f3', "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: '60c990d08a262e0b91d1fee9020ed674e1bbe13c' }, h("path", { key: 'a8999dce6f1bfe52c927b4d1bc857befffd22807', d: "M7.33333 12.9499V8.38325L3.33333 6.06659V10.6333L7.33333 12.9499ZM8.66667 12.9499L12.6667 10.6333V6.06659L8.66667 8.38325V12.9499ZM8 7.23325L11.95 4.94992L8 2.66659L4.05 4.94992L8 7.23325ZM2.66667 11.7999C2.45556 11.6777 2.29167 11.5166 2.175 11.3166C2.05833 11.1166 2 10.8944 2 10.6499V5.34992C2 5.10547 2.05833 4.88325 2.175 4.68325C2.29167 4.48325 2.45556 4.32214 2.66667 4.19992L7.33333 1.51659C7.54444 1.39436 7.76667 1.33325 8 1.33325C8.23333 1.33325 8.45556 1.39436 8.66667 1.51659L13.3333 4.19992C13.5444 4.32214 13.7083 4.48325 13.825 4.68325C13.9417 4.88325 14 5.10547 14 5.34992V10.6499C14 10.8944 13.9417 11.1166 13.825 11.3166C13.7083 11.5166 13.5444 11.6777 13.3333 11.7999L8.66667 14.4833C8.45556 14.6055 8.23333 14.6666 8 14.6666C7.76667 14.6666 7.54444 14.6055 7.33333 14.4833L2.66667 11.7999Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4831b4ec91a7f4baad7331a859588171bc45af62' }, h("path", { key: 'dc6818e42c71cc5d4e8ec8ab794e9a6bffc97621', d: "M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM12 10.85L17.925 7.425L12 4L6.075 7.425L12 10.85ZM4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725L4 17.7Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd11c43b57ff934a964e7f4161624be3cf9580f6a' }, h("path", { key: '1b1ed3d7520a092fa1c6f6d4893a6b357469cb6b', d: "M12.8333 22.6624V14.6708L5.83333 10.6166V18.6083L12.8333 22.6624ZM15.1667 22.6624L22.1667 18.6083V10.6166L15.1667 14.6708V22.6624ZM14 12.6583L20.9125 8.66242L14 4.66659L7.0875 8.66242L14 12.6583ZM4.66667 20.6499C4.29722 20.436 4.01042 20.1541 3.80625 19.8041C3.60208 19.4541 3.5 19.0652 3.5 18.6374V9.36242C3.5 8.93464 3.60208 8.54575 3.80625 8.19575C4.01042 7.84575 4.29722 7.56381 4.66667 7.34992L12.8333 2.65409C13.2028 2.4402 13.5917 2.33325 14 2.33325C14.4083 2.33325 14.7972 2.4402 15.1667 2.65409L23.3333 7.34992C23.7028 7.56381 23.9896 7.84575 24.1938 8.19575C24.3979 8.54575 24.5 8.93464 24.5 9.36242V18.6374C24.5 19.0652 24.3979 19.4541 24.1938 19.8041C23.9896 20.1541 23.7028 20.436 23.3333 20.6499L15.1667 25.3458C14.7972 25.5596 14.4083 25.6666 14 25.6666C13.5917 25.6666 13.2028 25.5596 12.8333 25.3458L4.66667 20.6499Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-deployed-code"; }
+    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-description.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 SwirlIconDescription {
+    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: '16db47440c8b6d24ca80f57b46db923b124dfa5a', "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: '31aa8c247e67991bb85a2528e27b02f26fd2c816' }, h("path", { key: 'a36fcadbd2ccf7af9cc8e0f1b72c5b5ad73fb7c7', d: "M6.00002 12H10C10.1889 12 10.3474 11.936 10.4754 11.808C10.6029 11.6805 10.6667 11.5223 10.6667 11.3334C10.6667 11.1445 10.6029 10.9863 10.4754 10.8587C10.3474 10.7307 10.1889 10.6667 10 10.6667H6.00002C5.81113 10.6667 5.65291 10.7307 5.52535 10.8587C5.39735 10.9863 5.33335 11.1445 5.33335 11.3334C5.33335 11.5223 5.39735 11.6805 5.52535 11.808C5.65291 11.936 5.81113 12 6.00002 12ZM6.00002 9.33337H10C10.1889 9.33337 10.3474 9.26937 10.4754 9.14137C10.6029 9.01382 10.6667 8.8556 10.6667 8.66671C10.6667 8.47782 10.6029 8.31937 10.4754 8.19137C10.3474 8.06382 10.1889 8.00004 10 8.00004H6.00002C5.81113 8.00004 5.65291 8.06382 5.52535 8.19137C5.39735 8.31937 5.33335 8.47782 5.33335 8.66671C5.33335 8.8556 5.39735 9.01382 5.52535 9.14137C5.65291 9.26937 5.81113 9.33337 6.00002 9.33337ZM4.00002 14.6667C3.63335 14.6667 3.31958 14.5363 3.05869 14.2754C2.79735 14.014 2.66669 13.7 2.66669 13.3334V2.66671C2.66669 2.30004 2.79735 1.98604 3.05869 1.72471C3.31958 1.46382 3.63335 1.33337 4.00002 1.33337H8.78335C8.96113 1.33337 9.13069 1.36671 9.29202 1.43337C9.45291 1.50004 9.59446 1.59449 9.71669 1.71671L12.95 4.95004C13.0722 5.07226 13.1667 5.21382 13.2334 5.37471C13.3 5.53604 13.3334 5.7056 13.3334 5.88337V13.3334C13.3334 13.7 13.2029 14.014 12.942 14.2754C12.6807 14.5363 12.3667 14.6667 12 14.6667H4.00002ZM8.66669 5.33337V2.66671H4.00002V13.3334H12V6.00004H9.33335C9.14446 6.00004 8.98624 5.93604 8.85869 5.80804C8.73069 5.68048 8.66669 5.52226 8.66669 5.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ad0193052d719c8b596c14d73380fbe799ad382a' }, h("path", { key: '1a806bbbbc2adf61ade75d768c478c13a0fac00b', d: "M9 18H15C15.2833 18 15.521 17.904 15.713 17.712C15.9043 17.5207 16 17.2833 16 17C16 16.7167 15.9043 16.4793 15.713 16.288C15.521 16.096 15.2833 16 15 16H9C8.71667 16 8.47933 16.096 8.288 16.288C8.096 16.4793 8 16.7167 8 17C8 17.2833 8.096 17.5207 8.288 17.712C8.47933 17.904 8.71667 18 9 18ZM9 14H15C15.2833 14 15.521 13.904 15.713 13.712C15.9043 13.5207 16 13.2833 16 13C16 12.7167 15.9043 12.479 15.713 12.287C15.521 12.0957 15.2833 12 15 12H9C8.71667 12 8.47933 12.0957 8.288 12.287C8.096 12.479 8 12.7167 8 13C8 13.2833 8.096 13.5207 8.288 13.712C8.47933 13.904 8.71667 14 9 14ZM6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '218872e18cea3224a48336118cbdf48149888c8c' }, h("path", { key: 'ed40a4b15b9f30eee4e20e85230d182755b93841', d: "M10.5 21H17.5C17.8306 21 18.1079 20.888 18.3319 20.664C18.5551 20.4408 18.6667 20.1639 18.6667 19.8334C18.6667 19.5028 18.5551 19.2259 18.3319 19.0027C18.1079 18.7787 17.8306 18.6667 17.5 18.6667H10.5C10.1695 18.6667 9.89258 18.7787 9.66935 19.0027C9.44535 19.2259 9.33335 19.5028 9.33335 19.8334C9.33335 20.1639 9.44535 20.4408 9.66935 20.664C9.89258 20.888 10.1695 21 10.5 21ZM10.5 16.3334H17.5C17.8306 16.3334 18.1079 16.2214 18.3319 15.9974C18.5551 15.7742 18.6667 15.4973 18.6667 15.1667C18.6667 14.8362 18.5551 14.5589 18.3319 14.3349C18.1079 14.1117 17.8306 14 17.5 14H10.5C10.1695 14 9.89258 14.1117 9.66935 14.3349C9.44535 14.5589 9.33335 14.8362 9.33335 15.1667C9.33335 15.4973 9.44535 15.7742 9.66935 15.9974C9.89258 16.2214 10.1695 16.3334 10.5 16.3334ZM7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V4.66671C4.66669 4.02504 4.89535 3.47554 5.35269 3.01821C5.80924 2.56165 6.35835 2.33337 7.00002 2.33337H15.3709C15.682 2.33337 15.9787 2.39171 16.261 2.50837C16.5426 2.62504 16.7903 2.79032 17.0042 3.00421L22.6625 8.66254C22.8764 8.87643 23.0417 9.12415 23.1584 9.40571C23.275 9.68804 23.3334 9.98476 23.3334 10.2959V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM15.1667 9.33337V4.66671H7.00002V23.3334H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94082 15.1667 9.66393 15.1667 9.33337Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-description"; }
+    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-desktop.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 SwirlIconDesktop {
+    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: 'a3e35725da53d6d4b71b59ccd3e3b6dfd1a97daf', "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: 'f3e3bab0113db551c494194175b78711a91e2feb' }, h("path", { key: 'cdb67b54e4fffc1616bf902f91f8b63538b6116b', d: "M6.66665 12.6667V11.3333H2.66665C2.29998 11.3333 1.98609 11.2028 1.72498 10.9417C1.46387 10.6806 1.33331 10.3667 1.33331 10V3.33333C1.33331 2.96667 1.46387 2.65278 1.72498 2.39167C1.98609 2.13056 2.29998 2 2.66665 2H13.3333C13.7 2 14.0139 2.13056 14.275 2.39167C14.5361 2.65278 14.6666 2.96667 14.6666 3.33333V10C14.6666 10.3667 14.5361 10.6806 14.275 10.9417C14.0139 11.2028 13.7 11.3333 13.3333 11.3333H9.33331V12.6667H9.99998C10.1889 12.6667 10.3472 12.7306 10.475 12.8583C10.6028 12.9861 10.6666 13.1444 10.6666 13.3333C10.6666 13.5222 10.6028 13.6806 10.475 13.8083C10.3472 13.9361 10.1889 14 9.99998 14H5.99998C5.81109 14 5.65276 13.9361 5.52498 13.8083C5.3972 13.6806 5.33331 13.5222 5.33331 13.3333C5.33331 13.1444 5.3972 12.9861 5.52498 12.8583C5.65276 12.7306 5.81109 12.6667 5.99998 12.6667H6.66665ZM2.66665 10H13.3333V3.33333H2.66665V10Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '585f25beeb6adc0ebca30dbc4374398a0b894779' }, h("path", { key: '0704c7be896febb37690b7cc5e54d25873f9711e', d: "M10 19V17H4C3.45 17 2.97917 16.8042 2.5875 16.4125C2.19583 16.0208 2 15.55 2 15V5C2 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 5V15C22 15.55 21.8042 16.0208 21.4125 16.4125C21.0208 16.8042 20.55 17 20 17H14V19H15C15.2833 19 15.5208 19.0958 15.7125 19.2875C15.9042 19.4792 16 19.7167 16 20C16 20.2833 15.9042 20.5208 15.7125 20.7125C15.5208 20.9042 15.2833 21 15 21H9C8.71667 21 8.47917 20.9042 8.2875 20.7125C8.09583 20.5208 8 20.2833 8 20C8 19.7167 8.09583 19.4792 8.2875 19.2875C8.47917 19.0958 8.71667 19 9 19H10ZM4 15H20V5H4V15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '5aac2e39cd8cd3bdda9d29ee6d671bac9e979ab5' }, h("path", { key: '0245b08e11054e8f550ebcd79df8c79dc09b96fe', d: "M11.6666 22.1667V19.8333H4.66665C4.02498 19.8333 3.47567 19.6049 3.01873 19.1479C2.56179 18.691 2.33331 18.1417 2.33331 17.5V5.83333C2.33331 5.19167 2.56179 4.64236 3.01873 4.18542C3.47567 3.72847 4.02498 3.5 4.66665 3.5H23.3333C23.975 3.5 24.5243 3.72847 24.9812 4.18542C25.4382 4.64236 25.6666 5.19167 25.6666 5.83333V17.5C25.6666 18.1417 25.4382 18.691 24.9812 19.1479C24.5243 19.6049 23.975 19.8333 23.3333 19.8333H16.3333V22.1667H17.5C17.8305 22.1667 18.1076 22.2785 18.3312 22.5021C18.5548 22.7257 18.6666 23.0028 18.6666 23.3333C18.6666 23.6639 18.5548 23.941 18.3312 24.1646C18.1076 24.3882 17.8305 24.5 17.5 24.5H10.5C10.1694 24.5 9.89234 24.3882 9.66873 24.1646C9.44512 23.941 9.33331 23.6639 9.33331 23.3333C9.33331 23.0028 9.44512 22.7257 9.66873 22.5021C9.89234 22.2785 10.1694 22.1667 10.5 22.1667H11.6666ZM4.66665 17.5H23.3333V5.83333H4.66665V17.5Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-desktop"; }
+    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-directory-filled.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 SwirlIconDirectoryFilled {
+    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: '0e695d90febcc344d7d73c597e6b878878961e3c', "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: '958802b483e9a0781f9296cc44c54a388ee42ea9' }, h("path", { key: '61a68bfb29a6a397aad12a39ae6ed1c4c19fffa8', d: "M0.666626 4C0.666626 3.63181 0.965103 3.33333 1.33329 3.33333C1.70148 3.33333 1.99996 3.63181 1.99996 4V12C1.99996 12.3682 1.70148 12.6667 1.33329 12.6667C0.965103 12.6667 0.666626 12.3682 0.666626 12V4Z", fill: "currentColor" }), h("path", { key: 'a7e0b1c46af474302293a13e340b10f567f69b34', d: "M2.66663 4C2.66663 2.89543 3.56206 2 4.66663 2H12.6666C13.7712 2 14.6666 2.89543 14.6666 4V12C14.6666 13.1046 13.7712 14 12.6666 14H4.66663C3.56206 14 2.66663 13.1046 2.66663 12V4ZM4.83671 12.6667H12.4971C11.6538 11.4577 10.2527 10.6667 8.66692 10.6667C7.08109 10.6667 5.68001 11.4577 4.83671 12.6667ZM8.66663 9.33333C9.7712 9.33333 10.6666 8.4379 10.6666 7.33333C10.6666 6.22876 9.7712 5.33333 8.66663 5.33333C7.56206 5.33333 6.66663 6.22876 6.66663 7.33333C6.66663 8.4379 7.56206 9.33333 8.66663 9.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6d483c47387f263356ccb9cf8555424013f1bebf' }, h("path", { key: '7616ef6ec48f94a12e40523dc4799b876f6fafb5', d: "M1 6C1 5.44772 1.44772 5 2 5C2.55228 5 3 5.44772 3 6V18C3 18.5523 2.55228 19 2 19C1.44772 19 1 18.5523 1 18V6Z", fill: "currentColor" }), h("path", { key: 'de17aafcfc7d70063e7038e75de814c068ea3962', d: "M4 6C4 4.34315 5.34315 3 7 3H19C20.6569 3 22 4.34315 22 6V18C22 19.6569 20.6569 21 19 21H7C5.34315 21 4 19.6569 4 18V6ZM7.25513 19H18.7457C17.4808 17.1865 15.3792 16 13.0004 16C10.6217 16 8.52007 17.1865 7.25513 19ZM13 14C14.6569 14 16 12.6569 16 11C16 9.34315 14.6569 8 13 8C11.3431 8 10 9.34315 10 11C10 12.6569 11.3431 14 13 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '70372fb870d8b9a636e94c45d3e1fe1ba4cfed85' }, h("path", { key: 'd55793fbecc656dcc03c0e60da427ca290a455ef', d: "M1.16663 7C1.16663 6.35567 1.68896 5.83333 2.33329 5.83333C2.97762 5.83333 3.49996 6.35567 3.49996 7V21C3.49996 21.6443 2.97762 22.1667 2.33329 22.1667C1.68896 22.1667 1.16663 21.6443 1.16663 21V7Z", fill: "currentColor" }), h("path", { key: '4d724fc319d82777521d118cc5cd1b660cfbcf80', d: "M4.66663 7C4.66663 5.067 6.23363 3.5 8.16663 3.5H22.1666C24.0996 3.5 25.6666 5.067 25.6666 7V21C25.6666 22.933 24.0996 24.5 22.1666 24.5H8.16663C6.23363 24.5 4.66663 22.933 4.66663 21V7ZM8.46427 22.1667H21.87C20.3942 20.0509 17.9423 18.6667 15.1671 18.6667C12.3919 18.6667 9.94004 20.0509 8.46427 22.1667ZM15.1666 16.3333C17.0996 16.3333 18.6666 14.7663 18.6666 12.8333C18.6666 10.9003 17.0996 9.33333 15.1666 9.33333C13.2336 9.33333 11.6666 10.9003 11.6666 12.8333C11.6666 14.7663 13.2336 16.3333 15.1666 16.3333Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-directory-filled"; }
+    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-directory.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 SwirlIconDirectory {
+    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: '98425643b55d7e2650886cfca32704e3cdb90be3', "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: '7293632a02ea34bf2aa43c0716348776e9eec4dd' }, h("path", { key: '95e42870603fa0bbf0b21042891f00f680c25e2e', d: "M0.666626 4C0.666626 3.63181 0.965103 3.33333 1.33329 3.33333C1.70148 3.33333 1.99996 3.63181 1.99996 4V12C1.99996 12.3682 1.70148 12.6667 1.33329 12.6667C0.965103 12.6667 0.666626 12.3682 0.666626 12V4Z", fill: "currentColor" }), h("path", { key: '6b2dbaf4925bc22ab04e5c224a538b3c166c53bc', d: "M4.66663 14C3.56206 14 2.66663 13.1046 2.66663 12V4C2.66663 2.89543 3.56206 2 4.66663 2H12.6666C13.7712 2 14.6666 2.89543 14.6666 4V12C14.6666 13.1046 13.7712 14 12.6666 14H4.66663ZM4.66663 3.33333C4.29844 3.33333 3.99996 3.63181 3.99996 4V12C3.99996 12.3682 4.29844 12.6667 4.66663 12.6667H4.83669C5.67999 11.4577 7.08107 10.6667 8.6669 10.6667C10.2527 10.6667 11.6538 11.4577 12.4971 12.6667H12.6666C13.0348 12.6667 13.3333 12.3682 13.3333 12V4C13.3333 3.63181 13.0348 3.33333 12.6666 3.33333H4.66663ZM6.66621 12.6667H10.6676C10.1098 12.2474 9.41698 12 8.6669 12C7.91681 12 7.22402 12.2474 6.66621 12.6667Z", fill: "currentColor" }), h("path", { key: '6f2c9def3eabae6dbb71b9e0e65b39a33c02dc80', d: "M8.66663 8C8.29844 8 7.99996 7.70152 7.99996 7.33333C7.99996 6.96514 8.29844 6.66667 8.66663 6.66667C9.03482 6.66667 9.33329 6.96514 9.33329 7.33333C9.33329 7.70152 9.03482 8 8.66663 8ZM8.66663 9.33333C9.7712 9.33333 10.6666 8.4379 10.6666 7.33333C10.6666 6.22876 9.7712 5.33333 8.66663 5.33333C7.56206 5.33333 6.66663 6.22876 6.66663 7.33333C6.66663 8.4379 7.56206 9.33333 8.66663 9.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '399bdf6589fdac31bb9eb1aa5c6ac21a96127160' }, h("path", { key: '50c62fd6b77dab77a67ac7da72c92794672b1115', d: "M1 6C1 5.44772 1.44772 5 2 5C2.55228 5 3 5.44772 3 6V18C3 18.5523 2.55228 19 2 19C1.44772 19 1 18.5523 1 18V6Z", fill: "currentColor" }), h("path", { key: '77fe06c4a912ec8d5a59b57c5a4e56991487ca64', d: "M7 21C5.34315 21 4 19.6569 4 18V6C4 4.34315 5.34315 3 7 3H19C20.6569 3 22 4.34315 22 6V18C22 19.6569 20.6569 21 19 21H7ZM7 5C6.44772 5 6 5.44772 6 6V18C6 18.5523 6.44772 19 7 19H7.25509C8.52004 17.1865 10.6217 16 13.0004 16C15.3791 16 17.4808 17.1865 18.7457 19H19C19.5523 19 20 18.5523 20 18V6C20 5.44772 19.5523 5 19 5H7ZM9.99938 19H16.0014C15.1647 18.3712 14.1255 18 13.0004 18C11.8753 18 10.8361 18.3712 9.99938 19Z", fill: "currentColor" }), h("path", { key: 'dde517d540d319f5c21fff86c415b3c7037ec2f3', d: "M13 12C12.4477 12 12 11.5523 12 11C12 10.4477 12.4477 10 13 10C13.5523 10 14 10.4477 14 11C14 11.5523 13.5523 12 13 12ZM13 14C14.6569 14 16 12.6569 16 11C16 9.34315 14.6569 8 13 8C11.3431 8 10 9.34315 10 11C10 12.6569 11.3431 14 13 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2194d8477e422bd0b99da98a2ef1b50fc1ea42e2' }, h("path", { key: 'a2c617d89acd84559fbb92a0dc53eabb5d953933', d: "M1.16663 7C1.16663 6.35567 1.68896 5.83333 2.33329 5.83333C2.97762 5.83333 3.49996 6.35567 3.49996 7V21C3.49996 21.6443 2.97762 22.1667 2.33329 22.1667C1.68896 22.1667 1.16663 21.6443 1.16663 21V7Z", fill: "currentColor" }), h("path", { key: 'dfa7c94427b18a9601603cee6775a4e32be7b87e', d: "M8.16663 24.5C6.23363 24.5 4.66663 22.933 4.66663 21V7C4.66663 5.067 6.23363 3.5 8.16663 3.5H22.1666C24.0996 3.5 25.6666 5.067 25.6666 7V21C25.6666 22.933 24.0996 24.5 22.1666 24.5H8.16663ZM8.16663 5.83333C7.52229 5.83333 6.99996 6.35567 6.99996 7V21C6.99996 21.6443 7.52229 22.1667 8.16663 22.1667H8.46424C9.94001 20.0509 12.3919 18.6667 15.1671 18.6667C17.9423 18.6667 20.3942 20.0509 21.87 22.1667H22.1666C22.811 22.1667 23.3333 21.6443 23.3333 21V7C23.3333 6.35567 22.811 5.83333 22.1666 5.83333H8.16663ZM11.6659 22.1667H18.6683C17.6921 21.433 16.4798 21 15.1671 21C13.8544 21 12.6421 21.433 11.6659 22.1667Z", fill: "currentColor" }), h("path", { key: '945942883acc009616973053d242b3a07df17c0c', d: "M15.1666 14C14.5223 14 14 13.4777 14 12.8333C14 12.189 14.5223 11.6667 15.1666 11.6667C15.811 11.6667 16.3333 12.189 16.3333 12.8333C16.3333 13.4777 15.811 14 15.1666 14ZM15.1666 16.3333C17.0996 16.3333 18.6666 14.7663 18.6666 12.8333C18.6666 10.9003 17.0996 9.33333 15.1666 9.33333C13.2336 9.33333 11.6666 10.9003 11.6666 12.8333C11.6666 14.7663 13.2336 16.3333 15.1666 16.3333Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-directory"; }
+    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-discover.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 SwirlIconDiscover {
+    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: '4834faec12f01cef0e5d17b3f99095c2481da258', "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: 'b3942ca2f5cf58f9adb75cc7c91711d3ac445512' }, h("path", { key: '66771cb358bbcbb319e827aff9b300e6ea3f786b', d: "M7.99998 8.66658C7.81109 8.66658 7.65276 8.6027 7.52498 8.47492C7.3972 8.34714 7.33331 8.18881 7.33331 7.99992C7.33331 7.81103 7.3972 7.6527 7.52498 7.52492C7.65276 7.39714 7.81109 7.33325 7.99998 7.33325C8.18887 7.33325 8.3472 7.39714 8.47498 7.52492C8.60276 7.6527 8.66665 7.81103 8.66665 7.99992C8.66665 8.18881 8.60276 8.34714 8.47498 8.47492C8.3472 8.6027 8.18887 8.66658 7.99998 8.66658ZM7.99998 14.6666C7.07776 14.6666 6.21109 14.4916 5.39998 14.1416C4.58887 13.7916 3.88331 13.3166 3.28331 12.7166C2.68331 12.1166 2.20831 11.411 1.85831 10.5999C1.50831 9.78881 1.33331 8.92214 1.33331 7.99992C1.33331 7.0777 1.50831 6.21103 1.85831 5.39992C2.20831 4.58881 2.68331 3.88325 3.28331 3.28325C3.88331 2.68325 4.58887 2.20825 5.39998 1.85825C6.21109 1.50825 7.07776 1.33325 7.99998 1.33325C8.9222 1.33325 9.78887 1.50825 10.6 1.85825C11.4111 2.20825 12.1166 2.68325 12.7166 3.28325C13.3166 3.88325 13.7916 4.58881 14.1416 5.39992C14.4916 6.21103 14.6666 7.0777 14.6666 7.99992C14.6666 8.92214 14.4916 9.78881 14.1416 10.5999C13.7916 11.411 13.3166 12.1166 12.7166 12.7166C12.1166 13.3166 11.4111 13.7916 10.6 14.1416C9.78887 14.4916 8.9222 14.6666 7.99998 14.6666ZM7.99998 13.3333C9.48887 13.3333 10.75 12.8166 11.7833 11.7833C12.8166 10.7499 13.3333 9.48881 13.3333 7.99992C13.3333 6.51103 12.8166 5.24992 11.7833 4.21659C10.75 3.18325 9.48887 2.66659 7.99998 2.66659C6.51109 2.66659 5.24998 3.18325 4.21665 4.21659C3.18331 5.24992 2.66665 6.51103 2.66665 7.99992C2.66665 9.48881 3.18331 10.7499 4.21665 11.7833C5.24998 12.8166 6.51109 13.3333 7.99998 13.3333ZM4.94998 11.3833L9.11665 9.43325C9.18331 9.39992 9.24442 9.35547 9.29998 9.29992C9.35553 9.24436 9.39998 9.18325 9.43331 9.11658L11.3833 4.94992C11.4389 4.83881 11.425 4.74159 11.3416 4.65825C11.2583 4.57492 11.1611 4.56103 11.05 4.61659L6.88331 6.56658C6.81665 6.59992 6.75554 6.64436 6.69998 6.69992C6.64442 6.75547 6.59998 6.81658 6.56665 6.88325L4.61665 11.0499C4.56109 11.161 4.57498 11.2583 4.65831 11.3416C4.74165 11.4249 4.83887 11.4388 4.94998 11.3833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8d60d1957f111b89fa2180952da1ae6045c5ebea' }, h("path", { key: '4026bf46b279e9ca5fcae7252a8290071dddae89', d: "M12 13C11.7167 13 11.4792 12.9042 11.2875 12.7125C11.0958 12.5208 11 12.2833 11 12C11 11.7167 11.0958 11.4792 11.2875 11.2875C11.4792 11.0958 11.7167 11 12 11C12.2833 11 12.5208 11.0958 12.7125 11.2875C12.9042 11.4792 13 11.7167 13 12C13 12.2833 12.9042 12.5208 12.7125 12.7125C12.5208 12.9042 12.2833 13 12 13ZM12 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 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20ZM7.425 17.075L13.675 14.15C13.775 14.1 13.8667 14.0333 13.95 13.95C14.0333 13.8667 14.1 13.775 14.15 13.675L17.075 7.425C17.1583 7.25833 17.1375 7.1125 17.0125 6.9875C16.8875 6.8625 16.7417 6.84167 16.575 6.925L10.325 9.85C10.225 9.9 10.1333 9.96667 10.05 10.05C9.96667 10.1333 9.9 10.225 9.85 10.325L6.925 16.575C6.84167 16.7417 6.8625 16.8875 6.9875 17.0125C7.1125 17.1375 7.25833 17.1583 7.425 17.075Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '912dba143542d1c2f0dd48e1b2b640ecfea144c9' }, h("path", { key: '8e348c0e0c9604c3a3ce4fa0b838f2c1f496d78c', d: "M14 15.1666C13.6694 15.1666 13.3923 15.0548 13.1687 14.8312C12.9451 14.6076 12.8333 14.3305 12.8333 13.9999C12.8333 13.6694 12.9451 13.3923 13.1687 13.1687C13.3923 12.9451 13.6694 12.8333 14 12.8333C14.3305 12.8333 14.6076 12.9451 14.8312 13.1687C15.0548 13.3923 15.1666 13.6694 15.1666 13.9999C15.1666 14.3305 15.0548 14.6076 14.8312 14.8312C14.6076 15.0548 14.3305 15.1666 14 15.1666ZM14 25.6666C12.3861 25.6666 10.8694 25.3603 9.44998 24.7478C8.03054 24.1353 6.79581 23.3041 5.74581 22.2541C4.69581 21.2041 3.86456 19.9694 3.25206 18.5499C2.63956 17.1305 2.33331 15.6138 2.33331 13.9999C2.33331 12.386 2.63956 10.8694 3.25206 9.44992C3.86456 8.03047 4.69581 6.79575 5.74581 5.74575C6.79581 4.69575 8.03054 3.8645 9.44998 3.252C10.8694 2.6395 12.3861 2.33325 14 2.33325C15.6139 2.33325 17.1305 2.6395 18.55 3.252C19.9694 3.8645 21.2041 4.69575 22.2541 5.74575C23.3041 6.79575 24.1354 8.03047 24.7479 9.44992C25.3604 10.8694 25.6666 12.386 25.6666 13.9999C25.6666 15.6138 25.3604 17.1305 24.7479 18.5499C24.1354 19.9694 23.3041 21.2041 22.2541 22.2541C21.2041 23.3041 19.9694 24.1353 18.55 24.7478C17.1305 25.3603 15.6139 25.6666 14 25.6666ZM14 23.3333C16.6055 23.3333 18.8125 22.4291 20.6208 20.6208C22.4291 18.8124 23.3333 16.6055 23.3333 13.9999C23.3333 11.3944 22.4291 9.18742 20.6208 7.37909C18.8125 5.57075 16.6055 4.66659 14 4.66659C11.3944 4.66659 9.18748 5.57075 7.37915 7.37909C5.57081 9.18742 4.66665 11.3944 4.66665 13.9999C4.66665 16.6055 5.57081 18.8124 7.37915 20.6208C9.18748 22.4291 11.3944 23.3333 14 23.3333ZM8.66248 19.9208L15.9541 16.5083C16.0708 16.4499 16.1778 16.3721 16.275 16.2749C16.3722 16.1777 16.45 16.0708 16.5083 15.9541L19.9208 8.66242C20.018 8.46797 19.9937 8.29784 19.8479 8.152C19.7021 8.00617 19.5319 7.98186 19.3375 8.07909L12.0458 11.4916C11.9291 11.5499 11.8222 11.6277 11.725 11.7249C11.6278 11.8221 11.55 11.9291 11.4916 12.0458L8.07915 19.3374C7.98192 19.5319 8.00623 19.702 8.15206 19.8478C8.2979 19.9937 8.46804 20.018 8.66248 19.9208Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-discover"; }
+    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-dock-left-collapse.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 SwirlIconDockLeftCollapse {
+    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: '8395fed6164738223f4b085fa084ec2492f79ff8', "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: 'b2ed51e61ad7ab028d69efd64d9ff8764c9dc000' }, h("path", { key: 'cbda28e76fe0f2c0dfe7abbf10bb819c0b04c9b8', d: "M11 9.86667V6.13333C11 5.97778 10.9333 5.87222 10.8 5.81667C10.6667 5.76111 10.5444 5.78889 10.4333 5.9L8.8 7.53333C8.66667 7.66667 8.6 7.82222 8.6 8C8.6 8.17778 8.66667 8.33333 8.8 8.46667L10.4333 10.1C10.5444 10.2111 10.6667 10.2389 10.8 10.1833C10.9333 10.1278 11 10.0222 11 9.86667ZM3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H3.33333ZM5.33333 12.6667V3.33333H3.33333V12.6667H5.33333ZM6.66667 12.6667H12.6667V3.33333H6.66667V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e563a0ea18d70675d661430fc46dd4a3f3153ffa' }, h("path", { key: '08e853bc40d8975bce0b4072b0aeb343748423a4', d: "M16.5 14.8V9.2C16.5 8.96667 16.4 8.80833 16.2 8.725C16 8.64167 15.8167 8.68333 15.65 8.85L13.2 11.3C13 11.5 12.9 11.7333 12.9 12C12.9 12.2667 13 12.5 13.2 12.7L15.65 15.15C15.8167 15.3167 16 15.3583 16.2 15.275C16.4 15.1917 16.5 15.0333 16.5 14.8ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ab3159c2893280ab01c9419a900b2eabdd2b61da' }, h("path", { key: '00549fe13ab67ee768e901e44c5e1818bbc2c5ef', d: "M19.25 17.2667V10.7333C19.25 10.4611 19.1333 10.2764 18.9 10.1792C18.6667 10.0819 18.4528 10.1306 18.2583 10.325L15.4 13.1833C15.1667 13.4167 15.05 13.6889 15.05 14C15.05 14.3111 15.1667 14.5833 15.4 14.8167L18.2583 17.675C18.4528 17.8694 18.6667 17.9181 18.9 17.8208C19.1333 17.7236 19.25 17.5389 19.25 17.2667ZM5.83333 24.5C5.19167 24.5 4.64236 24.2715 4.18542 23.8146C3.72847 23.3576 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H5.83333ZM9.33333 22.1667V5.83333H5.83333V22.1667H9.33333ZM11.6667 22.1667H22.1667V5.83333H11.6667V22.1667Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-dock-left-collapse"; }
+    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"
+            }
+        };
+    }
+}