@getflip/swirl-components 0.197.1 → 0.199.0

package/dist/collection/components/swirl-icon/icons/swirl-icon-today.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconToday {
-  constructor() {
-    this.color = undefined;
-    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", { "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, null, h("path", { d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-today"; }
-  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",
-        "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"
+    constructor() {
+        this.color = undefined;
+        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: '2139854f3d00f627d96d07be50e9882079eb5bda', "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: '99814301739be8d91602641c1c9af12f3d1a70f2' }, h("path", { key: 'b295287515d38db6d038467178239ba336309691', d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '25491b617f89af8f970414936b0cb6b14b489ce4' }, h("path", { key: 'f24195cdfbd5dccd6af0e8a9222e3990352cb335', d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '83e48a58630159597d52abf2575772c3e32231c0' }, h("path", { key: '2f5caf4734e84c50536167b6895816ddcae576dc', d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-today"; }
+    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",
+                "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": ""
+                },
+                "attribute": "color",
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "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": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "24"
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false
-      },
-      "size": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "SwirlIconSize",
-          "resolved": "16 | 20 | 24 | 28",
-          "references": {
-            "SwirlIconSize": {
-              "location": "import",
-              "path": "../swirl-icon.types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "24"
-      }
-    };
-  }
+        };
+    }
 }

package/dist/collection/components/swirl-icon/icons/swirl-icon-translate.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconTranslate {
-  constructor() {
-    this.color = undefined;
-    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", { "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, null, h("path", { d: "M7.93335 14.6666L10.9667 6.66658H12.3667L15.4 14.6666H14L13.3 12.6333H10.0667L9.33335 14.6666H7.93335ZM10.4667 11.4666H12.8667L11.7 8.16658H11.6334L10.4667 11.4666ZM2.66669 12.6666L1.73335 11.7333L5.10002 8.36658C4.6778 7.89992 4.30835 7.41658 3.99169 6.91658C3.67502 6.41658 3.40002 5.88881 3.16669 5.33325H4.56669C4.76669 5.73325 4.98058 6.09436 5.20835 6.41658C5.43613 6.73881 5.71113 7.0777 6.03335 7.43325C6.52224 6.89992 6.9278 6.3527 7.25002 5.79159C7.57224 5.23047 7.84447 4.63325 8.06669 3.99992H0.666687V2.66659H5.33335V1.33325H6.66669V2.66659H11.3334V3.99992H9.40002C9.16669 4.78881 8.85002 5.55547 8.45002 6.29992C8.05002 7.04436 7.55558 7.74436 6.96669 8.39992L8.56669 10.0333L8.06669 11.3999L6.00002 9.33325L2.66669 12.6666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M11.9 22L16.45 10H18.55L23.1 22H21L19.95 18.95H15.1L14 22H11.9ZM15.7 17.2H19.3L17.55 12.25H17.45L15.7 17.2ZM4 19L2.6 17.6L7.65 12.55C7.01667 11.85 6.4625 11.125 5.9875 10.375C5.5125 9.625 5.1 8.83333 4.75 8H6.85C7.15 8.6 7.47083 9.14167 7.8125 9.625C8.15417 10.1083 8.56667 10.6167 9.05 11.15C9.78333 10.35 10.3917 9.52917 10.875 8.6875C11.3583 7.84583 11.7667 6.95 12.1 6H1V4H8V2H10V4H17V6H14.1C13.75 7.18333 13.275 8.33333 12.675 9.45C12.075 10.5667 11.3333 11.6167 10.45 12.6L12.85 15.05L12.1 17.1L9 14L4 19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M13.8834 25.6666L19.1917 11.6666H21.6417L26.95 25.6666H24.5L23.275 22.1083H17.6167L16.3334 25.6666H13.8834ZM18.3167 20.0666H22.5167L20.475 14.2916H20.3584L18.3167 20.0666ZM4.66669 22.1666L3.03335 20.5333L8.92502 14.6416C8.18613 13.8249 7.5396 12.9791 6.98544 12.1041C6.43127 11.2291 5.95002 10.3055 5.54169 9.33325H7.99169C8.34169 10.0333 8.71599 10.6652 9.1146 11.2291C9.51321 11.793 9.99446 12.386 10.5584 13.0083C11.4139 12.0749 12.1236 11.1173 12.6875 10.1353C13.2514 9.15339 13.7278 8.10825 14.1167 6.99992H1.16669V4.66659H9.33335V2.33325H11.6667V4.66659H19.8334V6.99992H16.45C16.0417 8.38047 15.4875 9.72214 14.7875 11.0249C14.0875 12.3277 13.2222 13.5527 12.1917 14.6999L14.9917 17.5583L14.1167 19.9499L10.5 16.3333L4.66669 22.1666Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-translate"; }
-  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",
-        "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"
+    constructor() {
+        this.color = undefined;
+        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: '556b2ee1cf40f359fd397f5ca0535ff69b88647e', "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: 'c76533e58d524284fb5dd1bd61891b0dbe80089f' }, h("path", { key: 'd4cea3edb2d7d3f766aadfbbc12e09df4da7d6ac', d: "M7.93335 14.6666L10.9667 6.66658H12.3667L15.4 14.6666H14L13.3 12.6333H10.0667L9.33335 14.6666H7.93335ZM10.4667 11.4666H12.8667L11.7 8.16658H11.6334L10.4667 11.4666ZM2.66669 12.6666L1.73335 11.7333L5.10002 8.36658C4.6778 7.89992 4.30835 7.41658 3.99169 6.91658C3.67502 6.41658 3.40002 5.88881 3.16669 5.33325H4.56669C4.76669 5.73325 4.98058 6.09436 5.20835 6.41658C5.43613 6.73881 5.71113 7.0777 6.03335 7.43325C6.52224 6.89992 6.9278 6.3527 7.25002 5.79159C7.57224 5.23047 7.84447 4.63325 8.06669 3.99992H0.666687V2.66659H5.33335V1.33325H6.66669V2.66659H11.3334V3.99992H9.40002C9.16669 4.78881 8.85002 5.55547 8.45002 6.29992C8.05002 7.04436 7.55558 7.74436 6.96669 8.39992L8.56669 10.0333L8.06669 11.3999L6.00002 9.33325L2.66669 12.6666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '57e0894962dff60e81a968d80d56aebc9a5f528d' }, h("path", { key: '7c222ec4dd37b69ce614f3a3e20381c05d46a16a', d: "M11.9 22L16.45 10H18.55L23.1 22H21L19.95 18.95H15.1L14 22H11.9ZM15.7 17.2H19.3L17.55 12.25H17.45L15.7 17.2ZM4 19L2.6 17.6L7.65 12.55C7.01667 11.85 6.4625 11.125 5.9875 10.375C5.5125 9.625 5.1 8.83333 4.75 8H6.85C7.15 8.6 7.47083 9.14167 7.8125 9.625C8.15417 10.1083 8.56667 10.6167 9.05 11.15C9.78333 10.35 10.3917 9.52917 10.875 8.6875C11.3583 7.84583 11.7667 6.95 12.1 6H1V4H8V2H10V4H17V6H14.1C13.75 7.18333 13.275 8.33333 12.675 9.45C12.075 10.5667 11.3333 11.6167 10.45 12.6L12.85 15.05L12.1 17.1L9 14L4 19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2705d717e19382019bb863f2bef55cd9e7821738' }, h("path", { key: '7b4484475a7075b582b9474349b5610f2a3104c0', d: "M13.8834 25.6666L19.1917 11.6666H21.6417L26.95 25.6666H24.5L23.275 22.1083H17.6167L16.3334 25.6666H13.8834ZM18.3167 20.0666H22.5167L20.475 14.2916H20.3584L18.3167 20.0666ZM4.66669 22.1666L3.03335 20.5333L8.92502 14.6416C8.18613 13.8249 7.5396 12.9791 6.98544 12.1041C6.43127 11.2291 5.95002 10.3055 5.54169 9.33325H7.99169C8.34169 10.0333 8.71599 10.6652 9.1146 11.2291C9.51321 11.793 9.99446 12.386 10.5584 13.0083C11.4139 12.0749 12.1236 11.1173 12.6875 10.1353C13.2514 9.15339 13.7278 8.10825 14.1167 6.99992H1.16669V4.66659H9.33335V2.33325H11.6667V4.66659H19.8334V6.99992H16.45C16.0417 8.38047 15.4875 9.72214 14.7875 11.0249C14.0875 12.3277 13.2222 13.5527 12.1917 14.6999L14.9917 17.5583L14.1167 19.9499L10.5 16.3333L4.66669 22.1666Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-translate"; }
+    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",
+                "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": ""
+                },
+                "attribute": "color",
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "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": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "24"
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false
-      },
-      "size": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "SwirlIconSize",
-          "resolved": "16 | 20 | 24 | 28",
-          "references": {
-            "SwirlIconSize": {
-              "location": "import",
-              "path": "../swirl-icon.types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "24"
-      }
-    };
-  }
+        };
+    }
 }

package/dist/collection/components/swirl-icon/icons/swirl-icon-tree-structure.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconTreeStructure {
-  constructor() {
-    this.color = undefined;
-    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", { "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, null, h("path", { d: "M10 12.6667V12H8.66671C8.30004 12 7.98615 11.8694 7.72504 11.6083C7.46393 11.3472 7.33337 11.0333 7.33337 10.6667V5.33333H6.00004V6C6.00004 6.36667 5.86948 6.68056 5.60837 6.94167C5.34726 7.20278 5.03337 7.33333 4.66671 7.33333H2.66671C2.30004 7.33333 1.98615 7.20278 1.72504 6.94167C1.46393 6.68056 1.33337 6.36667 1.33337 6V3.33333C1.33337 2.96667 1.46393 2.65278 1.72504 2.39167C1.98615 2.13056 2.30004 2 2.66671 2H4.66671C5.03337 2 5.34726 2.13056 5.60837 2.39167C5.86948 2.65278 6.00004 2.96667 6.00004 3.33333V4H10V3.33333C10 2.96667 10.1306 2.65278 10.3917 2.39167C10.6528 2.13056 10.9667 2 11.3334 2H13.3334C13.7 2 14.0139 2.13056 14.275 2.39167C14.5362 2.65278 14.6667 2.96667 14.6667 3.33333V6C14.6667 6.36667 14.5362 6.68056 14.275 6.94167C14.0139 7.20278 13.7 7.33333 13.3334 7.33333H11.3334C10.9667 7.33333 10.6528 7.20278 10.3917 6.94167C10.1306 6.68056 10 6.36667 10 6V5.33333H8.66671V10.6667H10V10C10 9.63333 10.1306 9.31945 10.3917 9.05833C10.6528 8.79722 10.9667 8.66667 11.3334 8.66667H13.3334C13.7 8.66667 14.0139 8.79722 14.275 9.05833C14.5362 9.31945 14.6667 9.63333 14.6667 10V12.6667C14.6667 13.0333 14.5362 13.3472 14.275 13.6083C14.0139 13.8694 13.7 14 13.3334 14H11.3334C10.9667 14 10.6528 13.8694 10.3917 13.6083C10.1306 13.3472 10 13.0333 10 12.6667ZM11.3334 6H13.3334V3.33333H11.3334V6ZM11.3334 12.6667H13.3334V10H11.3334V12.6667ZM2.66671 6H4.66671V3.33333H2.66671V6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15 19V18H13C12.45 18 11.9792 17.8042 11.5875 17.4125C11.1958 17.0208 11 16.55 11 16V8H9V9C9 9.55 8.80417 10.0208 8.4125 10.4125C8.02083 10.8042 7.55 11 7 11H4C3.45 11 2.97917 10.8042 2.5875 10.4125C2.19583 10.0208 2 9.55 2 9V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H7C7.55 3 8.02083 3.19583 8.4125 3.5875C8.80417 3.97917 9 4.45 9 5V6H15V5C15 4.45 15.1958 3.97917 15.5875 3.5875C15.9792 3.19583 16.45 3 17 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V9C22 9.55 21.8042 10.0208 21.4125 10.4125C21.0208 10.8042 20.55 11 20 11H17C16.45 11 15.9792 10.8042 15.5875 10.4125C15.1958 10.0208 15 9.55 15 9V8H13V16H15V15C15 14.45 15.1958 13.9792 15.5875 13.5875C15.9792 13.1958 16.45 13 17 13H20C20.55 13 21.0208 13.1958 21.4125 13.5875C21.8042 13.9792 22 14.45 22 15V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H17C16.45 21 15.9792 20.8042 15.5875 20.4125C15.1958 20.0208 15 19.55 15 19ZM17 9H20V5H17V9ZM17 19H20V15H17V19ZM4 9H7V5H4V9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M17.5 22.1667V21H15.1667C14.525 21 13.9757 20.7715 13.5188 20.3146C13.0618 19.8576 12.8334 19.3083 12.8334 18.6667V9.33333H10.5V10.5C10.5 11.1417 10.2716 11.691 9.81462 12.1479C9.35768 12.6049 8.80837 12.8333 8.16671 12.8333H4.66671C4.02504 12.8333 3.47574 12.6049 3.01879 12.1479C2.56185 11.691 2.33337 11.1417 2.33337 10.5V5.83333C2.33337 5.19167 2.56185 4.64236 3.01879 4.18542C3.47574 3.72847 4.02504 3.5 4.66671 3.5H8.16671C8.80837 3.5 9.35768 3.72847 9.81462 4.18542C10.2716 4.64236 10.5 5.19167 10.5 5.83333V7H17.5V5.83333C17.5 5.19167 17.7285 4.64236 18.1855 4.18542C18.6424 3.72847 19.1917 3.5 19.8334 3.5H23.3334C23.975 3.5 24.5243 3.72847 24.9813 4.18542C25.4382 4.64236 25.6667 5.19167 25.6667 5.83333V10.5C25.6667 11.1417 25.4382 11.691 24.9813 12.1479C24.5243 12.6049 23.975 12.8333 23.3334 12.8333H19.8334C19.1917 12.8333 18.6424 12.6049 18.1855 12.1479C17.7285 11.691 17.5 11.1417 17.5 10.5V9.33333H15.1667V18.6667H17.5V17.5C17.5 16.8583 17.7285 16.309 18.1855 15.8521C18.6424 15.3951 19.1917 15.1667 19.8334 15.1667H23.3334C23.975 15.1667 24.5243 15.3951 24.9813 15.8521C25.4382 16.309 25.6667 16.8583 25.6667 17.5V22.1667C25.6667 22.8083 25.4382 23.3576 24.9813 23.8146C24.5243 24.2715 23.975 24.5 23.3334 24.5H19.8334C19.1917 24.5 18.6424 24.2715 18.1855 23.8146C17.7285 23.3576 17.5 22.8083 17.5 22.1667ZM19.8334 10.5H23.3334V5.83333H19.8334V10.5ZM19.8334 22.1667H23.3334V17.5H19.8334V22.1667ZM4.66671 10.5H8.16671V5.83333H4.66671V10.5Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-tree-structure"; }
-  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",
-        "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"
+    constructor() {
+        this.color = undefined;
+        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: '77052ef7a32170c4058008ac4d9d0b2641cbc485', "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: 'bba9319c083cf787cca97db9efb09d5cb441297d' }, h("path", { key: 'c747b8d2c3909ab9d7efccaa9503b82919d2f833', d: "M10 12.6667V12H8.66671C8.30004 12 7.98615 11.8694 7.72504 11.6083C7.46393 11.3472 7.33337 11.0333 7.33337 10.6667V5.33333H6.00004V6C6.00004 6.36667 5.86948 6.68056 5.60837 6.94167C5.34726 7.20278 5.03337 7.33333 4.66671 7.33333H2.66671C2.30004 7.33333 1.98615 7.20278 1.72504 6.94167C1.46393 6.68056 1.33337 6.36667 1.33337 6V3.33333C1.33337 2.96667 1.46393 2.65278 1.72504 2.39167C1.98615 2.13056 2.30004 2 2.66671 2H4.66671C5.03337 2 5.34726 2.13056 5.60837 2.39167C5.86948 2.65278 6.00004 2.96667 6.00004 3.33333V4H10V3.33333C10 2.96667 10.1306 2.65278 10.3917 2.39167C10.6528 2.13056 10.9667 2 11.3334 2H13.3334C13.7 2 14.0139 2.13056 14.275 2.39167C14.5362 2.65278 14.6667 2.96667 14.6667 3.33333V6C14.6667 6.36667 14.5362 6.68056 14.275 6.94167C14.0139 7.20278 13.7 7.33333 13.3334 7.33333H11.3334C10.9667 7.33333 10.6528 7.20278 10.3917 6.94167C10.1306 6.68056 10 6.36667 10 6V5.33333H8.66671V10.6667H10V10C10 9.63333 10.1306 9.31945 10.3917 9.05833C10.6528 8.79722 10.9667 8.66667 11.3334 8.66667H13.3334C13.7 8.66667 14.0139 8.79722 14.275 9.05833C14.5362 9.31945 14.6667 9.63333 14.6667 10V12.6667C14.6667 13.0333 14.5362 13.3472 14.275 13.6083C14.0139 13.8694 13.7 14 13.3334 14H11.3334C10.9667 14 10.6528 13.8694 10.3917 13.6083C10.1306 13.3472 10 13.0333 10 12.6667ZM11.3334 6H13.3334V3.33333H11.3334V6ZM11.3334 12.6667H13.3334V10H11.3334V12.6667ZM2.66671 6H4.66671V3.33333H2.66671V6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '39bbb197c277030d8fe5d42b74b614bd32900fc7' }, h("path", { key: '94d8c14e0bd45487f12d1575208549b55eca97bc', d: "M15 19V18H13C12.45 18 11.9792 17.8042 11.5875 17.4125C11.1958 17.0208 11 16.55 11 16V8H9V9C9 9.55 8.80417 10.0208 8.4125 10.4125C8.02083 10.8042 7.55 11 7 11H4C3.45 11 2.97917 10.8042 2.5875 10.4125C2.19583 10.0208 2 9.55 2 9V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H7C7.55 3 8.02083 3.19583 8.4125 3.5875C8.80417 3.97917 9 4.45 9 5V6H15V5C15 4.45 15.1958 3.97917 15.5875 3.5875C15.9792 3.19583 16.45 3 17 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V9C22 9.55 21.8042 10.0208 21.4125 10.4125C21.0208 10.8042 20.55 11 20 11H17C16.45 11 15.9792 10.8042 15.5875 10.4125C15.1958 10.0208 15 9.55 15 9V8H13V16H15V15C15 14.45 15.1958 13.9792 15.5875 13.5875C15.9792 13.1958 16.45 13 17 13H20C20.55 13 21.0208 13.1958 21.4125 13.5875C21.8042 13.9792 22 14.45 22 15V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H17C16.45 21 15.9792 20.8042 15.5875 20.4125C15.1958 20.0208 15 19.55 15 19ZM17 9H20V5H17V9ZM17 19H20V15H17V19ZM4 9H7V5H4V9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '45d83896bbc776f245812b6afe51d36097fdc072' }, h("path", { key: '6f35a76861a1c740883ee8cb356e4ca19bbb7c37', d: "M17.5 22.1667V21H15.1667C14.525 21 13.9757 20.7715 13.5188 20.3146C13.0618 19.8576 12.8334 19.3083 12.8334 18.6667V9.33333H10.5V10.5C10.5 11.1417 10.2716 11.691 9.81462 12.1479C9.35768 12.6049 8.80837 12.8333 8.16671 12.8333H4.66671C4.02504 12.8333 3.47574 12.6049 3.01879 12.1479C2.56185 11.691 2.33337 11.1417 2.33337 10.5V5.83333C2.33337 5.19167 2.56185 4.64236 3.01879 4.18542C3.47574 3.72847 4.02504 3.5 4.66671 3.5H8.16671C8.80837 3.5 9.35768 3.72847 9.81462 4.18542C10.2716 4.64236 10.5 5.19167 10.5 5.83333V7H17.5V5.83333C17.5 5.19167 17.7285 4.64236 18.1855 4.18542C18.6424 3.72847 19.1917 3.5 19.8334 3.5H23.3334C23.975 3.5 24.5243 3.72847 24.9813 4.18542C25.4382 4.64236 25.6667 5.19167 25.6667 5.83333V10.5C25.6667 11.1417 25.4382 11.691 24.9813 12.1479C24.5243 12.6049 23.975 12.8333 23.3334 12.8333H19.8334C19.1917 12.8333 18.6424 12.6049 18.1855 12.1479C17.7285 11.691 17.5 11.1417 17.5 10.5V9.33333H15.1667V18.6667H17.5V17.5C17.5 16.8583 17.7285 16.309 18.1855 15.8521C18.6424 15.3951 19.1917 15.1667 19.8334 15.1667H23.3334C23.975 15.1667 24.5243 15.3951 24.9813 15.8521C25.4382 16.309 25.6667 16.8583 25.6667 17.5V22.1667C25.6667 22.8083 25.4382 23.3576 24.9813 23.8146C24.5243 24.2715 23.975 24.5 23.3334 24.5H19.8334C19.1917 24.5 18.6424 24.2715 18.1855 23.8146C17.7285 23.3576 17.5 22.8083 17.5 22.1667ZM19.8334 10.5H23.3334V5.83333H19.8334V10.5ZM19.8334 22.1667H23.3334V17.5H19.8334V22.1667ZM4.66671 10.5H8.16671V5.83333H4.66671V10.5Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-tree-structure"; }
+    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",
+                "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": ""
+                },
+                "attribute": "color",
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "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": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "24"
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false
-      },
-      "size": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "SwirlIconSize",
-          "resolved": "16 | 20 | 24 | 28",
-          "references": {
-            "SwirlIconSize": {
-              "location": "import",
-              "path": "../swirl-icon.types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "24"
-      }
-    };
-  }
+        };
+    }
 }