@getflip/swirl-components 0.0.0-beta-20260114160010

package/dist/collection/components/swirl-icon/icons/swirl-icon-comment.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 SwirlIconComment {
+    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: '25ed18e8bcd5ddf5e2f4a244825639a20eab96f6', "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: 'f71da7de14e50b3dcf1ac12ca0db836d7d207481' }, h("path", { key: 'e41dbac8f2b1da03b123b7f3e89301340e9337c9', d: "M2.47138 10.8619C2.05141 11.2819 1.33331 10.9845 1.33331 10.3905V3.33333C1.33331 2.59695 1.93027 2 2.66665 2H9.99998C10.7364 2 11.3333 2.59695 11.3333 3.33333V8C11.3333 8.73638 10.7364 9.33333 9.99998 9.33333H3.99998L2.47138 10.8619ZM5.33331 12.6667C4.59693 12.6667 3.99998 12.0697 3.99998 11.3333V10.6667H10.6666C11.7712 10.6667 12.6666 9.77124 12.6666 8.66667V4.66667H13.3333C14.0697 4.66667 14.6666 5.26362 14.6666 6V13.7239C14.6666 14.3178 13.9486 14.6152 13.5286 14.1953L12 12.6667H5.33331ZM9.99998 3.33333H2.66665V8.78333L3.44998 8H9.99998V3.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd2185b6490e346b3632ecb9ee6b2e03b54ca69c6' }, h("path", { key: '7554a3d4238487abdd4dcb4deb15587a303f0114', d: "M3.70711 15.2929C3.07714 15.9229 2 15.4767 2 14.5858V4C2 2.89543 2.89543 2 4 2H15C16.1046 2 17 2.89543 17 4V11C17 12.1046 16.1046 13 15 13H6L3.70711 15.2929ZM8 18C6.89543 18 6 17.1046 6 16V15H16C17.6569 15 19 13.6569 19 12V6H20C21.1046 6 22 6.89543 22 8V19.5858C22 20.4767 20.9229 20.9229 20.2929 20.2929L18 18H8ZM15 4H4V12.175L5.175 11H15V4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2b36cf75a89cfe2144b8c6af07151bb22ffcca6c' }, h("path", { key: '081786080f8e46fee8c361fe3308783c5bda2738', d: "M4.32494 18.0084C3.58998 18.7433 2.33331 18.2228 2.33331 17.1834V4.83333C2.33331 3.54467 3.37798 2.5 4.66665 2.5H17.5C18.7886 2.5 19.8333 3.54467 19.8333 4.83333V13C19.8333 14.2887 18.7886 15.3333 17.5 15.3333H6.99998L4.32494 18.0084ZM9.33331 21.1667C8.04465 21.1667 6.99998 20.122 6.99998 18.8333V17.6667H18.6666C20.5996 17.6667 22.1666 16.0997 22.1666 14.1667V7.16667H23.3333C24.622 7.16667 25.6666 8.21134 25.6666 9.5V23.0168C25.6666 24.0561 24.41 24.5767 23.675 23.8417L21 21.1667H9.33331ZM17.5 4.83333H4.66665V14.3708L6.03748 13H17.5V4.83333Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-comment"; }
+    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-contrast.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 SwirlIconContrast {
+    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: '5a04100be0c8676b26c8ae3377828e9185620e8f', "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: 'a3d4f63845a59986f7395bf13256aafa0b0ad1ac' }, h("path", { key: '38d249bfc3383989b966affe42bce8e49dbd7e8d', d: "M8.00004 14.6666C7.07782 14.6666 6.21115 14.4916 5.40004 14.1416C4.58893 13.7916 3.88337 13.3166 3.28337 12.7166C2.68337 12.1166 2.20837 11.4111 1.85837 10.6C1.50837 9.78887 1.33337 8.9222 1.33337 7.99998C1.33337 7.07776 1.50837 6.21109 1.85837 5.39998C2.20837 4.58887 2.68337 3.88331 3.28337 3.28331C3.88337 2.68331 4.58893 2.20831 5.40004 1.85831C6.21115 1.50831 7.07782 1.33331 8.00004 1.33331C8.92226 1.33331 9.78893 1.50831 10.6 1.85831C11.4112 2.20831 12.1167 2.68331 12.7167 3.28331C13.3167 3.88331 13.7917 4.58887 14.1417 5.39998C14.4917 6.21109 14.6667 7.07776 14.6667 7.99998C14.6667 8.9222 14.4917 9.78887 14.1417 10.6C13.7917 11.4111 13.3167 12.1166 12.7167 12.7166C12.1167 13.3166 11.4112 13.7916 10.6 14.1416C9.78893 14.4916 8.92226 14.6666 8.00004 14.6666ZM8.66671 13.2833C9.98893 13.1166 11.0973 12.5361 11.9917 11.5416C12.8862 10.5472 13.3334 9.36665 13.3334 7.99998C13.3334 6.63331 12.8862 5.45276 11.9917 4.45831C11.0973 3.46387 9.98893 2.88331 8.66671 2.71665V13.2833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '772d2548fee8ad2a34753d7b766e3f66d08e4d7c' }, h("path", { key: '7a6e3c38239eb92712bf9e06f8025ab2250ba432', d: "M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM13 19.925C14.9833 19.675 16.6458 18.8042 17.9875 17.3125C19.3292 15.8208 20 14.05 20 12C20 9.95 19.3292 8.17917 17.9875 6.6875C16.6458 5.19583 14.9833 4.325 13 4.075V19.925Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '44976def895b66d79c4d9fb73048692cd5ce83a2' }, h("path", { key: 'db9c91cc581d4f95bf4215632f9981308c4c57ff', d: "M14 25.6666C12.3862 25.6666 10.8695 25.3604 9.45004 24.7479C8.0306 24.1354 6.79587 23.3041 5.74587 22.2541C4.69587 21.2041 3.86462 19.9694 3.25212 18.55C2.63962 17.1305 2.33337 15.6139 2.33337 14C2.33337 12.3861 2.63962 10.8694 3.25212 9.44998C3.86462 8.03054 4.69587 6.79581 5.74587 5.74581C6.79587 4.69581 8.0306 3.86456 9.45004 3.25206C10.8695 2.63956 12.3862 2.33331 14 2.33331C15.6139 2.33331 17.1306 2.63956 18.55 3.25206C19.9695 3.86456 21.2042 4.69581 22.2542 5.74581C23.3042 6.79581 24.1355 8.03054 24.748 9.44998C25.3605 10.8694 25.6667 12.3861 25.6667 14C25.6667 15.6139 25.3605 17.1305 24.748 18.55C24.1355 19.9694 23.3042 21.2041 22.2542 22.2541C21.2042 23.3041 19.9695 24.1354 18.55 24.7479C17.1306 25.3604 15.6139 25.6666 14 25.6666ZM15.1667 23.2458C17.4806 22.9541 19.4202 21.9382 20.9855 20.1979C22.5507 18.4576 23.3334 16.3916 23.3334 14C23.3334 11.6083 22.5507 9.54234 20.9855 7.80206C19.4202 6.06179 17.4806 5.04581 15.1667 4.75415V23.2458Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-contrast"; }
+    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-copy.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 SwirlIconCopy {
+    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: '08b265486c84bc5c60217eed939ea11cd5e99e42', "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: 'ab1b5196764f07faf3e8813e295f00f604fcb60a' }, h("path", { key: 'f9dcab31c9fc67088aaffab146d0d644491a6750', d: "M6 11.9999C5.63333 11.9999 5.31956 11.8695 5.05867 11.6086C4.79733 11.3473 4.66667 11.0333 4.66667 10.6666V2.66659C4.66667 2.29992 4.79733 1.98592 5.05867 1.72459C5.31956 1.4637 5.63333 1.33325 6 1.33325H12C12.3667 1.33325 12.6807 1.4637 12.942 1.72459C13.2029 1.98592 13.3333 2.29992 13.3333 2.66659V10.6666C13.3333 11.0333 13.2029 11.3473 12.942 11.6086C12.6807 11.8695 12.3667 11.9999 12 11.9999H6ZM6 10.6666H12V2.66659H6V10.6666ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V4.66659C2 4.4777 2.064 4.31925 2.192 4.19125C2.31956 4.0637 2.47778 3.99992 2.66667 3.99992C2.85556 3.99992 3.014 4.0637 3.142 4.19125C3.26956 4.31925 3.33333 4.4777 3.33333 4.66659V13.3333H10C10.1889 13.3333 10.3473 13.3973 10.4753 13.5253C10.6029 13.6528 10.6667 13.811 10.6667 13.9999C10.6667 14.1888 10.6029 14.347 10.4753 14.4746C10.3473 14.6026 10.1889 14.6666 10 14.6666H3.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '26a1f48931c9029c297631054ffc0ce14794c972' }, h("path", { key: '9cec15e571194eaad77ceb68cf443b2d082a7f26', d: "M9 18C8.45 18 7.97933 17.8043 7.588 17.413C7.196 17.021 7 16.55 7 16V4C7 3.45 7.196 2.979 7.588 2.587C7.97933 2.19567 8.45 2 9 2H18C18.55 2 19.021 2.19567 19.413 2.587C19.8043 2.979 20 3.45 20 4V16C20 16.55 19.8043 17.021 19.413 17.413C19.021 17.8043 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V7C3 6.71667 3.096 6.479 3.288 6.287C3.47933 6.09567 3.71667 6 4 6C4.28333 6 4.521 6.09567 4.713 6.287C4.90433 6.479 5 6.71667 5 7V20H15C15.2833 20 15.521 20.096 15.713 20.288C15.9043 20.4793 16 20.7167 16 21C16 21.2833 15.9043 21.5207 15.713 21.712C15.521 21.904 15.2833 22 15 22H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '97feb0c0eafe91278b38924877aa6fa7256af0e7' }, h("path", { key: 'a6b5bfc5e7ac323837a9d1ead1f9d1a161105978', d: "M10.5 20.9999C9.85833 20.9999 9.30922 20.7716 8.85267 20.3151C8.39533 19.8578 8.16667 19.3083 8.16667 18.6666V4.66659C8.16667 4.02492 8.39533 3.47542 8.85267 3.01809C9.30922 2.56153 9.85833 2.33325 10.5 2.33325H21C21.6417 2.33325 22.1912 2.56153 22.6485 3.01809C23.1051 3.47542 23.3333 4.02492 23.3333 4.66659V18.6666C23.3333 19.3083 23.1051 19.8578 22.6485 20.3151C22.1912 20.7716 21.6417 20.9999 21 20.9999H10.5ZM10.5 18.6666H21V4.66659H10.5V18.6666ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V8.16659C3.5 7.83603 3.612 7.55875 3.836 7.33475C4.05922 7.11153 4.33611 6.99992 4.66667 6.99992C4.99722 6.99992 5.2745 7.11153 5.4985 7.33475C5.72172 7.55875 5.83333 7.83603 5.83333 8.16659V23.3333H17.5C17.8306 23.3333 18.1078 23.4453 18.3318 23.6693C18.5551 23.8925 18.6667 24.1694 18.6667 24.4999C18.6667 24.8305 18.5551 25.1074 18.3318 25.3306C18.1078 25.5546 17.8306 25.6666 17.5 25.6666H5.83333Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-copy"; }
+    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-crop.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 SwirlIconCrop {
+    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: '3463d7f93d136919fcaa5b7920e28fec3b665113', "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: '20ee23ba8de760016f72b05741ec27f5321deb6c' }, h("g", { key: '3823c87a5cc5a64c5467b339f9025c0c14c56c7a', "clip-path": "url(#clip0_1497_19)" }, h("path", { key: '74d0b3a1cf84992c1283fe5849901950fadfd90f', d: "M11.3334 9.99984V4.6665H6.00002V3.33317H11.3334C11.7 3.33317 12.0139 3.46373 12.275 3.72484C12.5361 3.98595 12.6667 4.29984 12.6667 4.6665V9.99984H11.3334ZM12 15.3332C11.8111 15.3332 11.6528 15.2693 11.525 15.1415C11.3972 15.0137 11.3334 14.8554 11.3334 14.6665V12.6665H4.66669C4.30002 12.6665 3.98613 12.5359 3.72502 12.2748C3.46391 12.0137 3.33335 11.6998 3.33335 11.3332V4.6665H1.33335C1.14446 4.6665 0.986131 4.60262 0.858354 4.47484C0.730576 4.34706 0.666687 4.18873 0.666687 3.99984C0.666687 3.81095 0.730576 3.65262 0.858354 3.52484C0.986131 3.39706 1.14446 3.33317 1.33335 3.33317H3.33335V1.33317C3.33335 1.14428 3.39724 0.985948 3.52502 0.858171C3.6528 0.730393 3.81113 0.666504 4.00002 0.666504C4.18891 0.666504 4.34724 0.730393 4.47502 0.858171C4.6028 0.985948 4.66669 1.14428 4.66669 1.33317V11.3332H14.6667C14.8556 11.3332 15.0139 11.3971 15.1417 11.5248C15.2695 11.6526 15.3334 11.8109 15.3334 11.9998C15.3334 12.1887 15.2695 12.3471 15.1417 12.4748C15.0139 12.6026 14.8556 12.6665 14.6667 12.6665H12.6667V14.6665C12.6667 14.8554 12.6028 15.0137 12.475 15.1415C12.3472 15.2693 12.1889 15.3332 12 15.3332Z", fill: "currentColor" })), h("defs", { key: '470d4245e519dd3743df4ef433f1f369e22a5c38' }, h("clipPath", { key: '1b1a74a09aa0aab9068404b57bf50eabd2b7fc08', id: "clip0_1497_19" }, h("rect", { key: '626f2bc98dd84049b54c0bbe38367339fb128887', width: "16", height: "16", fill: "currentColor" }))))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '21857e70963bd7f3ec39118332498570c105656c' }, h("path", { key: 'ff6cd28946e675ed34e1aa75c813c0816b764abd', d: "M17 15V7H9V5H17C17.55 5 18.0208 5.19583 18.4125 5.5875C18.8042 5.97917 19 6.45 19 7V15H17ZM18 23C17.7167 23 17.4792 22.9042 17.2875 22.7125C17.0958 22.5208 17 22.2833 17 22V19H7C6.45 19 5.97917 18.8042 5.5875 18.4125C5.19583 18.0208 5 17.55 5 17V7H2C1.71667 7 1.47917 6.90417 1.2875 6.7125C1.09583 6.52083 1 6.28333 1 6C1 5.71667 1.09583 5.47917 1.2875 5.2875C1.47917 5.09583 1.71667 5 2 5H5V2C5 1.71667 5.09583 1.47917 5.2875 1.2875C5.47917 1.09583 5.71667 1 6 1C6.28333 1 6.52083 1.09583 6.7125 1.2875C6.90417 1.47917 7 1.71667 7 2V17H22C22.2833 17 22.5208 17.0958 22.7125 17.2875C22.9042 17.4792 23 17.7167 23 18C23 18.2833 22.9042 18.5208 22.7125 18.7125C22.5208 18.9042 22.2833 19 22 19H19V22C19 22.2833 18.9042 22.5208 18.7125 22.7125C18.5208 22.9042 18.2833 23 18 23Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '06fc154bc5906fb6194d8b43f2f4e53eec67e1d8' }, h("path", { key: '90e6e468c9dd7fa04180ce0a8dea7ea5b7893b75', d: "M19.8334 17.4998V8.1665H10.5V5.83317H19.8334C20.475 5.83317 21.0243 6.06164 21.4813 6.51859C21.9382 6.97553 22.1667 7.52484 22.1667 8.1665V17.4998H19.8334ZM21 26.8332C20.6695 26.8332 20.3924 26.7214 20.1688 26.4978C19.9452 26.2741 19.8334 25.9971 19.8334 25.6665V22.1665H8.16669C7.52502 22.1665 6.97571 21.938 6.51877 21.4811C6.06183 21.0241 5.83335 20.4748 5.83335 19.8332V8.1665H2.33335C2.0028 8.1665 1.72571 8.0547 1.5021 7.83109C1.27849 7.60748 1.16669 7.33039 1.16669 6.99984C1.16669 6.66928 1.27849 6.3922 1.5021 6.16859C1.72571 5.94498 2.0028 5.83317 2.33335 5.83317H5.83335V2.33317C5.83335 2.00261 5.94516 1.72553 6.16877 1.50192C6.39238 1.27831 6.66946 1.1665 7.00002 1.1665C7.33058 1.1665 7.60766 1.27831 7.83127 1.50192C8.05488 1.72553 8.16669 2.00261 8.16669 2.33317V19.8332H25.6667C25.9972 19.8332 26.2743 19.945 26.4979 20.1686C26.7215 20.3922 26.8334 20.6693 26.8334 20.9998C26.8334 21.3304 26.7215 21.6075 26.4979 21.8311C26.2743 22.0547 25.9972 22.1665 25.6667 22.1665H22.1667V25.6665C22.1667 25.9971 22.0549 26.2741 21.8313 26.4978C21.6077 26.7214 21.3306 26.8332 21 26.8332Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-crop"; }
+    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-dark-mode.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 SwirlIconDarkMode {
+    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: '393962168cc42219d95019486a9c202854fedfb3', "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: '0ba9c55c9f6d8a3fed8512dc992a07d3c7f64988' }, h("path", { key: 'ca45631b237513ec6ba962850b7eca88844cf1cc', d: "M8 13.9998C6.32222 13.9998 4.90267 13.4191 3.74133 12.2578C2.58044 11.0969 2 9.67755 2 7.99977C2 6.46644 2.5 5.13577 3.5 4.00777C4.5 2.88022 5.77778 2.22199 7.33333 2.03311C7.61111 1.99977 7.82778 2.09977 7.98333 2.33311C8.13889 2.56644 8.13333 2.81088 7.96667 3.06644C7.77778 3.35533 7.636 3.66088 7.54133 3.98311C7.44711 4.30533 7.4 4.64422 7.4 4.99977C7.4 5.99977 7.75 6.84977 8.45 7.54977C9.15 8.24977 10 8.59977 11 8.59977C11.3444 8.59977 11.6862 8.54977 12.0253 8.44977C12.364 8.34977 12.6667 8.21088 12.9333 8.03311C13.1667 7.87755 13.4056 7.86911 13.65 8.00777C13.8944 8.14688 14 8.36644 13.9667 8.66644C13.8111 10.1998 13.1584 11.472 12.0087 12.4831C10.8584 13.4942 9.52222 13.9998 8 13.9998ZM8 12.6664C8.97778 12.6664 9.85556 12.3971 10.6333 11.8584C11.4111 11.3193 11.9778 10.6164 12.3333 9.74977C12.1111 9.80533 11.8889 9.84977 11.6667 9.88311C11.4444 9.91644 11.2222 9.9331 11 9.9331C9.63333 9.9331 8.46933 9.45266 7.508 8.49177C6.54711 7.53044 6.06667 6.36644 6.06667 4.99977C6.06667 4.77755 6.08333 4.55533 6.11667 4.33311C6.15 4.11088 6.19444 3.88866 6.25 3.66644C5.38333 4.02199 4.68067 4.58866 4.142 5.36644C3.60289 6.14422 3.33333 7.02199 3.33333 7.99977C3.33333 9.28866 3.78889 10.3887 4.7 11.2998C5.61111 12.2109 6.71111 12.6664 8 12.6664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '68cc3dea581284484f966d5065a9e3aec6f40417' }, h("path", { key: '94be5bee4fda60d6c9a641c53b04e1db1c5423d7', d: "M12 20.9999C9.48333 20.9999 7.354 20.1289 5.612 18.3869C3.87067 16.6456 3 14.5166 3 11.9999C3 9.6999 3.75 7.7039 5.25 6.0119C6.75 4.32057 8.66667 3.33324 11 3.0499C11.4167 2.9999 11.7417 3.1499 11.975 3.4999C12.2083 3.8499 12.2 4.21657 11.95 4.5999C11.6667 5.03324 11.454 5.49157 11.312 5.9749C11.1707 6.45824 11.1 6.96657 11.1 7.4999C11.1 8.9999 11.625 10.2749 12.675 11.3249C13.725 12.3749 15 12.8999 16.5 12.8999C17.0167 12.8999 17.5293 12.8249 18.038 12.6749C18.546 12.5249 19 12.3166 19.4 12.0499C19.75 11.8166 20.1083 11.8039 20.475 12.0119C20.8417 12.2206 21 12.5499 20.95 12.9999C20.7167 15.2999 19.7377 17.2082 18.013 18.7249C16.2877 20.2416 14.2833 20.9999 12 20.9999ZM12 18.9999C13.4667 18.9999 14.7833 18.5959 15.95 17.7879C17.1167 16.9792 17.9667 15.9249 18.5 14.6249C18.1667 14.7082 17.8333 14.7749 17.5 14.8249C17.1667 14.8749 16.8333 14.8999 16.5 14.8999C14.45 14.8999 12.704 14.1792 11.262 12.7379C9.82067 11.2959 9.1 9.5499 9.1 7.4999C9.1 7.16657 9.125 6.83324 9.175 6.4999C9.225 6.16657 9.29167 5.83324 9.375 5.4999C8.075 6.03324 7.021 6.88324 6.213 8.0499C5.40433 9.21657 5 10.5332 5 11.9999C5 13.9332 5.68333 15.5832 7.05 16.9499C8.41667 18.3166 10.0667 18.9999 12 18.9999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd73ff04b6533d1c055ebbdcd6fa138802bfeda7d' }, h("path", { key: '9a3d4f36beac41c8a4bcc5e51179d15e3a83e6e4', d: "M14 24.5C11.0639 24.5 8.57967 23.4838 6.54733 21.4515C4.51578 19.4199 3.5 16.9361 3.5 14C3.5 11.3166 4.375 8.98797 6.125 7.01397C7.875 5.04075 10.1111 3.88886 12.8333 3.5583C13.3194 3.49997 13.6986 3.67497 13.9708 4.0833C14.2431 4.49163 14.2333 4.91941 13.9417 5.36663C13.6111 5.87219 13.363 6.40691 13.1973 6.9708C13.0324 7.53469 12.95 8.12774 12.95 8.74997C12.95 10.5 13.5625 11.9875 14.7875 13.2125C16.0125 14.4375 17.5 15.05 19.25 15.05C19.8528 15.05 20.4509 14.9625 21.0443 14.7875C21.637 14.6125 22.1667 14.3694 22.6333 14.0583C23.0417 13.7861 23.4597 13.7713 23.8875 14.014C24.3153 14.2574 24.5 14.6416 24.4417 15.1666C24.1694 17.85 23.0273 20.0764 21.0152 21.8458C19.0023 23.6152 16.6639 24.5 14 24.5ZM14 22.1666C15.7111 22.1666 17.2472 21.6953 18.6083 20.7526C19.9694 19.8092 20.9611 18.5791 21.5833 17.0625C21.1944 17.1597 20.8056 17.2375 20.4167 17.2958C20.0278 17.3541 19.6389 17.3833 19.25 17.3833C16.8583 17.3833 14.8213 16.5425 13.139 14.861C11.4574 13.1786 10.6167 11.1416 10.6167 8.74997C10.6167 8.36108 10.6458 7.97219 10.7042 7.5833C10.7625 7.19441 10.8403 6.80552 10.9375 6.41663C9.42083 7.03886 8.19117 8.03052 7.2485 9.39163C6.30506 10.7527 5.83333 12.2889 5.83333 14C5.83333 16.2555 6.63056 18.1805 8.225 19.775C9.81944 21.3694 11.7444 22.1666 14 22.1666Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-dark-mode"; }
+    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-date-range.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 SwirlIconDateRange {
+    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: 'bce63b2e9540408a26bfd67b1381c9d0bbc9e654', "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: '70a4a0ece68440c43ba85701dc586131704761a3' }, h("path", { key: 'e65a5c2a778cbe524cedf28ca82a5393a865c571', d: "M12.6667 2.66671H12V2.00004C12 1.63337 11.7 1.33337 11.3333 1.33337C10.9667 1.33337 10.6667 1.63337 10.6667 2.00004V2.66671H5.33333V2.00004C5.33333 1.63337 5.03333 1.33337 4.66667 1.33337C4.3 1.33337 4 1.63337 4 2.00004V2.66671H3.33333C2.59333 2.66671 2.00667 3.26671 2.00667 4.00004L2 13.3334C2 14.0667 2.59333 14.6667 3.33333 14.6667H12.6667C13.4 14.6667 14 14.0667 14 13.3334V4.00004C14 3.26671 13.4 2.66671 12.6667 2.66671ZM12.6667 12.6667C12.6667 13.0334 12.3667 13.3334 12 13.3334H4C3.63333 13.3334 3.33333 13.0334 3.33333 12.6667V6.00004H12.6667V12.6667ZM4.66667 7.33337H6V8.66671H4.66667V7.33337ZM7.33333 7.33337H8.66667V8.66671H7.33333V7.33337ZM10 7.33337H11.3333V8.66671H10V7.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e68936879fc4be82e94b29cb47da10f6360423be' }, h("path", { key: '56bb07691d8431b750799ea9e4f1aec8f5baffa7', d: "M19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 19C19 19.55 18.55 20 18 20H6C5.45 20 5 19.55 5 19V9H19V19ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e8f2e0c7c1f76d11500b5519c03dc7fdba4361b5' }, h("path", { key: '10f72d8d7c0e2008bbf45f623adc3e71cb574594', d: "M22.1667 4.66671H21V3.50004C21 2.85837 20.475 2.33337 19.8333 2.33337C19.1917 2.33337 18.6667 2.85837 18.6667 3.50004V4.66671H9.33333V3.50004C9.33333 2.85837 8.80833 2.33337 8.16667 2.33337C7.525 2.33337 7 2.85837 7 3.50004V4.66671H5.83333C4.53833 4.66671 3.51167 5.71671 3.51167 7.00004L3.5 23.3334C3.5 24.6167 4.53833 25.6667 5.83333 25.6667H22.1667C23.45 25.6667 24.5 24.6167 24.5 23.3334V7.00004C24.5 5.71671 23.45 4.66671 22.1667 4.66671ZM22.1667 22.1667C22.1667 22.8084 21.6417 23.3334 21 23.3334H7C6.35833 23.3334 5.83333 22.8084 5.83333 22.1667V10.5H22.1667V22.1667ZM8.16667 12.8334H10.5V15.1667H8.16667V12.8334ZM12.8333 12.8334H15.1667V15.1667H12.8333V12.8334ZM17.5 12.8334H19.8333V15.1667H17.5V12.8334Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-date-range"; }
+    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-delete.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 SwirlIconDelete {
+    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: '027ecba3825d991c3cd73ae298d585929796bd0a', "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: '7f025e57dbd4a8ad45732af611c0ebcac4d964a7' }, h("path", { key: '66f71beccffc64405be239bc6f6a365abc12ad15', d: "M4.66669 14C4.30002 14 3.98624 13.8696 3.72535 13.6087C3.46402 13.3473 3.33335 13.0333 3.33335 12.6667V4C3.14446 4 2.98602 3.93622 2.85802 3.80867C2.73046 3.68067 2.66669 3.52222 2.66669 3.33333C2.66669 3.14444 2.73046 2.986 2.85802 2.858C2.98602 2.73044 3.14446 2.66667 3.33335 2.66667H6.00002C6.00002 2.47778 6.06402 2.31933 6.19202 2.19133C6.31958 2.06378 6.4778 2 6.66669 2H9.33335C9.52224 2 9.68069 2.06378 9.80869 2.19133C9.93624 2.31933 10 2.47778 10 2.66667H12.6667C12.8556 2.66667 13.0138 2.73044 13.1414 2.858C13.2694 2.986 13.3334 3.14444 13.3334 3.33333C13.3334 3.52222 13.2694 3.68067 13.1414 3.80867C13.0138 3.93622 12.8556 4 12.6667 4V12.6667C12.6667 13.0333 12.5362 13.3473 12.2754 13.6087C12.014 13.8696 11.7 14 11.3334 14H4.66669ZM4.66669 4V12.6667H11.3334V4H4.66669ZM6.00002 10.6667C6.00002 10.8556 6.06402 11.0138 6.19202 11.1413C6.31958 11.2693 6.4778 11.3333 6.66669 11.3333C6.85558 11.3333 7.01402 11.2693 7.14202 11.1413C7.26958 11.0138 7.33335 10.8556 7.33335 10.6667V6C7.33335 5.81111 7.26958 5.65267 7.14202 5.52467C7.01402 5.39711 6.85558 5.33333 6.66669 5.33333C6.4778 5.33333 6.31958 5.39711 6.19202 5.52467C6.06402 5.65267 6.00002 5.81111 6.00002 6V10.6667ZM8.66669 10.6667C8.66669 10.8556 8.73069 11.0138 8.85869 11.1413C8.98624 11.2693 9.14446 11.3333 9.33335 11.3333C9.52224 11.3333 9.68069 11.2693 9.80869 11.1413C9.93624 11.0138 10 10.8556 10 10.6667V6C10 5.81111 9.93624 5.65267 9.80869 5.52467C9.68069 5.39711 9.52224 5.33333 9.33335 5.33333C9.14446 5.33333 8.98624 5.39711 8.85869 5.52467C8.73069 5.65267 8.66669 5.81111 8.66669 6V10.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '1fa8252b57a454c62b61e19236d05bd7d9f03c68' }, h("path", { key: 'd634c57b718b82f7da6cfbdc99a14f3fd98db1ee', d: "M7 21C6.45 21 5.97933 20.8043 5.588 20.413C5.196 20.021 5 19.55 5 19V6C4.71667 6 4.479 5.90433 4.287 5.713C4.09567 5.521 4 5.28333 4 5C4 4.71667 4.09567 4.479 4.287 4.287C4.479 4.09567 4.71667 4 5 4H9C9 3.71667 9.096 3.479 9.288 3.287C9.47933 3.09567 9.71667 3 10 3H14C14.2833 3 14.521 3.09567 14.713 3.287C14.9043 3.479 15 3.71667 15 4H19C19.2833 4 19.5207 4.09567 19.712 4.287C19.904 4.479 20 4.71667 20 5C20 5.28333 19.904 5.521 19.712 5.713C19.5207 5.90433 19.2833 6 19 6V19C19 19.55 18.8043 20.021 18.413 20.413C18.021 20.8043 17.55 21 17 21H7ZM7 6V19H17V6H7ZM9 16C9 16.2833 9.096 16.5207 9.288 16.712C9.47933 16.904 9.71667 17 10 17C10.2833 17 10.521 16.904 10.713 16.712C10.9043 16.5207 11 16.2833 11 16V9C11 8.71667 10.9043 8.479 10.713 8.287C10.521 8.09567 10.2833 8 10 8C9.71667 8 9.47933 8.09567 9.288 8.287C9.096 8.479 9 8.71667 9 9V16ZM13 16C13 16.2833 13.096 16.5207 13.288 16.712C13.4793 16.904 13.7167 17 14 17C14.2833 17 14.521 16.904 14.713 16.712C14.9043 16.5207 15 16.2833 15 16V9C15 8.71667 14.9043 8.479 14.713 8.287C14.521 8.09567 14.2833 8 14 8C13.7167 8 13.4793 8.09567 13.288 8.287C13.096 8.479 13 8.71667 13 9V16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'dc7c8c0e9d58fe4b34aa050c5335b946a2001938' }, h("path", { key: '965f5728cc4a4a09d889ad08082834f9cc1920a8', d: "M8.16669 24.5C7.52502 24.5 6.97591 24.2717 6.51935 23.8152C6.06202 23.3578 5.83335 22.8083 5.83335 22.1667V7C5.5028 7 5.22552 6.88839 5.00152 6.66517C4.7783 6.44117 4.66669 6.16389 4.66669 5.83333C4.66669 5.50278 4.7783 5.2255 5.00152 5.0015C5.22552 4.77828 5.5028 4.66667 5.83335 4.66667H10.5C10.5 4.33611 10.612 4.05883 10.836 3.83483C11.0592 3.61161 11.3361 3.5 11.6667 3.5H16.3334C16.6639 3.5 16.9412 3.61161 17.1652 3.83483C17.3884 4.05883 17.5 4.33611 17.5 4.66667H22.1667C22.4972 4.66667 22.7741 4.77828 22.9974 5.0015C23.2214 5.2255 23.3334 5.50278 23.3334 5.83333C23.3334 6.16389 23.2214 6.44117 22.9974 6.66517C22.7741 6.88839 22.4972 7 22.1667 7V22.1667C22.1667 22.8083 21.9384 23.3578 21.4819 23.8152C21.0245 24.2717 20.475 24.5 19.8334 24.5H8.16669ZM8.16669 7V22.1667H19.8334V7H8.16669ZM10.5 18.6667C10.5 18.9972 10.612 19.2741 10.836 19.4973C11.0592 19.7213 11.3361 19.8333 11.6667 19.8333C11.9972 19.8333 12.2745 19.7213 12.4985 19.4973C12.7217 19.2741 12.8334 18.9972 12.8334 18.6667V10.5C12.8334 10.1694 12.7217 9.89217 12.4985 9.66817C12.2745 9.44494 11.9972 9.33333 11.6667 9.33333C11.3361 9.33333 11.0592 9.44494 10.836 9.66817C10.612 9.89217 10.5 10.1694 10.5 10.5V18.6667ZM15.1667 18.6667C15.1667 18.9972 15.2787 19.2741 15.5027 19.4973C15.7259 19.7213 16.0028 19.8333 16.3334 19.8333C16.6639 19.8333 16.9412 19.7213 17.1652 19.4973C17.3884 19.2741 17.5 18.9972 17.5 18.6667V10.5C17.5 10.1694 17.3884 9.89217 17.1652 9.66817C16.9412 9.44494 16.6639 9.33333 16.3334 9.33333C16.0028 9.33333 15.7259 9.44494 15.5027 9.66817C15.2787 9.89217 15.1667 10.1694 15.1667 10.5V18.6667Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-delete"; }
+    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"
+            }
+        };
+    }
+}