@getflip/swirl-components 0.13.0 → 0.14.0

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

@@ -1,5 +1,5 @@
 // DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
-import { Component, Fragment, h, Prop } from "@stencil/core";
+import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconCopy {
   constructor() {
@@ -8,45 +8,45 @@ export class SwirlIconCopy {
   render() {
     const viewBoxSize = this.size === 20 ? 24 : this.size;
     const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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 12C5.63333 12 5.31956 11.8696 5.05867 11.6087C4.79733 11.3473 4.66667 11.0333 4.66667 10.6667V2.66668C4.66667 2.30001 4.79733 1.98601 5.05867 1.72468C5.31956 1.46379 5.63333 1.33334 6 1.33334H12C12.3667 1.33334 12.6807 1.46379 12.942 1.72468C13.2029 1.98601 13.3333 2.30001 13.3333 2.66668V10.6667C13.3333 11.0333 13.2029 11.3473 12.942 11.6087C12.6807 11.8696 12.3667 12 12 12H6ZM3.33333 14.6667C2.96667 14.6667 2.65267 14.5362 2.39133 14.2753C2.13044 14.014 2 13.7 2 13.3333V4.66668C2 4.47779 2.064 4.31934 2.192 4.19134C2.31956 4.06379 2.47778 4.00001 2.66667 4.00001C2.85556 4.00001 3.014 4.06379 3.142 4.19134C3.26956 4.31934 3.33333 4.47779 3.33333 4.66668V13.3333H10C10.1889 13.3333 10.3473 13.3973 10.4753 13.5253C10.6029 13.6529 10.6667 13.8111 10.6667 14C10.6667 14.1889 10.6029 14.3471 10.4753 14.4747C10.3473 14.6027 10.1889 14.6667 10 14.6667H3.33333Z", fill: "currentColor" }))),
-      (this.size === 20 || this.size === 24) && (h(Fragment, null,
-        h("path", { 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 18H9ZM5 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, null,
-        h("path", { d: "M10.5 21C9.85833 21 9.30922 20.7717 8.85267 20.3152C8.39533 19.8578 8.16667 19.3083 8.16667 18.6667V4.66668C8.16667 4.02501 8.39533 3.47551 8.85267 3.01818C9.30922 2.56162 9.85833 2.33334 10.5 2.33334H21C21.6417 2.33334 22.1912 2.56162 22.6485 3.01818C23.1051 3.47551 23.3333 4.02501 23.3333 4.66668V18.6667C23.3333 19.3083 23.1051 19.8578 22.6485 20.3152C22.1912 20.7717 21.6417 21 21 21H10.5ZM5.83333 25.6667C5.19167 25.6667 4.64217 25.4384 4.18483 24.9818C3.72828 24.5245 3.5 23.975 3.5 23.3333V8.16668C3.5 7.83612 3.612 7.55884 3.836 7.33484C4.05922 7.11162 4.33611 7.00001 4.66667 7.00001C4.99722 7.00001 5.2745 7.11162 5.4985 7.33484C5.72172 7.55884 5.83333 7.83612 5.83333 8.16668V23.3333H17.5C17.8306 23.3333 18.1078 23.4453 18.3318 23.6693C18.5551 23.8926 18.6667 24.1695 18.6667 24.5C18.6667 24.8306 18.5551 25.1075 18.3318 25.3307C18.1078 25.5547 17.8306 25.6667 17.5 25.6667H5.83333Z", fill: "currentColor" })))));
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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 12C5.63333 12 5.31956 11.8696 5.05867 11.6087C4.79733 11.3473 4.66667 11.0333 4.66667 10.6667V2.66668C4.66667 2.30001 4.79733 1.98601 5.05867 1.72468C5.31956 1.46379 5.63333 1.33334 6 1.33334H12C12.3667 1.33334 12.6807 1.46379 12.942 1.72468C13.2029 1.98601 13.3333 2.30001 13.3333 2.66668V10.6667C13.3333 11.0333 13.2029 11.3473 12.942 11.6087C12.6807 11.8696 12.3667 12 12 12H6ZM3.33333 14.6667C2.96667 14.6667 2.65267 14.5362 2.39133 14.2753C2.13044 14.014 2 13.7 2 13.3333V4.66668C2 4.47779 2.064 4.31934 2.192 4.19134C2.31956 4.06379 2.47778 4.00001 2.66667 4.00001C2.85556 4.00001 3.014 4.06379 3.142 4.19134C3.26956 4.31934 3.33333 4.47779 3.33333 4.66668V13.3333H10C10.1889 13.3333 10.3473 13.3973 10.4753 13.5253C10.6029 13.6529 10.6667 13.8111 10.6667 14C10.6667 14.1889 10.6029 14.3471 10.4753 14.4747C10.3473 14.6027 10.1889 14.6667 10 14.6667H3.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { 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 18H9ZM5 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, null, h("path", { d: "M10.5 21C9.85833 21 9.30922 20.7717 8.85267 20.3152C8.39533 19.8578 8.16667 19.3083 8.16667 18.6667V4.66668C8.16667 4.02501 8.39533 3.47551 8.85267 3.01818C9.30922 2.56162 9.85833 2.33334 10.5 2.33334H21C21.6417 2.33334 22.1912 2.56162 22.6485 3.01818C23.1051 3.47551 23.3333 4.02501 23.3333 4.66668V18.6667C23.3333 19.3083 23.1051 19.8578 22.6485 20.3152C22.1912 20.7717 21.6417 21 21 21H10.5ZM5.83333 25.6667C5.19167 25.6667 4.64217 25.4384 4.18483 24.9818C3.72828 24.5245 3.5 23.975 3.5 23.3333V8.16668C3.5 7.83612 3.612 7.55884 3.836 7.33484C4.05922 7.11162 4.33611 7.00001 4.66667 7.00001C4.99722 7.00001 5.2745 7.11162 5.4985 7.33484C5.72172 7.55884 5.83333 7.83612 5.83333 8.16668V23.3333H17.5C17.8306 23.3333 18.1078 23.4453 18.3318 23.6693C18.5551 23.8926 18.6667 24.1695 18.6667 24.5C18.6667 24.8306 18.5551 25.1075 18.3318 25.3307C18.1078 25.5547 17.8306 25.6667 17.5 25.6667H5.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 {
-    "size": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlIconSize",
-        "resolved": "16 | 20 | 24 | 28",
-        "references": {
-          "SwirlIconSize": {
-            "location": "import",
-            "path": "../swirl-icon.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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"
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }

package/dist/collection/components/swirl-icon/icons/swirl-icon-date-range.js

@@ -1,5 +1,5 @@
 // DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
-import { Component, Fragment, h, Prop } from "@stencil/core";
+import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDateRange {
   constructor() {
@@ -8,45 +8,45 @@ export class SwirlIconDateRange {
   render() {
     const viewBoxSize = this.size === 20 ? 24 : this.size;
     const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
-      this.size === 16 && (h(Fragment, null,
-        h("path", { 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, null,
-        h("path", { 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, null,
-        h("path", { 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" })))));
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { 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, null, h("path", { 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, null, h("path", { 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 {
-    "size": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlIconSize",
-        "resolved": "16 | 20 | 24 | 28",
-        "references": {
-          "SwirlIconSize": {
-            "location": "import",
-            "path": "../swirl-icon.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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"
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }

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

@@ -1,5 +1,5 @@
 // DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
-import { Component, Fragment, h, Prop } from "@stencil/core";
+import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDelete {
   constructor() {
@@ -8,48 +8,45 @@ export class SwirlIconDelete {
   render() {
     const viewBoxSize = this.size === 20 ? 24 : this.size;
     const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
-      this.size === 16 && (h(Fragment, null,
-        h("path", { d: "M5.66668 2.66667H4.16668C3.70644 2.66667 3.33334 3.03976 3.33334 3.5C3.33334 3.96024 3.70644 4.33333 4.16668 4.33333H11.8333C12.2936 4.33333 12.6667 3.96024 12.6667 3.5C12.6667 3.03976 12.2936 2.66667 11.8333 2.66667H10.3333L9.86194 2.19526C9.73691 2.07024 9.56734 2 9.39053 2H6.60949C6.43267 2 6.26311 2.07024 6.13808 2.19526L5.66668 2.66667Z", fill: "currentColor" }),
-        h("path", { d: "M5.33334 5.33333H10.6667C11.4031 5.33333 12 5.93029 12 6.66667V12.6667C12 13.403 11.4031 14 10.6667 14H5.33334C4.59696 14 4.00001 13.403 4.00001 12.6667V6.66667C4.00001 5.93029 4.59696 5.33333 5.33334 5.33333Z", fill: "currentColor" }))),
-      (this.size === 20 || this.size === 24) && (h(Fragment, null,
-        h("path", { d: "M8.5 4H6.25C5.55964 4 5 4.55964 5 5.25C5 5.94036 5.55964 6.5 6.25 6.5H17.75C18.4404 6.5 19 5.94036 19 5.25C19 4.55964 18.4404 4 17.75 4H15.5L14.7929 3.29289C14.6054 3.10536 14.351 3 14.0858 3H9.91421C9.649 3 9.39464 3.10536 9.20711 3.29289L8.5 4Z", fill: "currentColor" }),
-        h("path", { d: "M8 8H16C17.1046 8 18 8.89543 18 10V19C18 20.1046 17.1046 21 16 21H8C6.89543 21 6 20.1046 6 19V10C6 8.89543 6.89543 8 8 8Z", fill: "currentColor" }))),
-      this.size === 28 && (h(Fragment, null,
-        h("path", { d: "M9.91668 4.66667H7.29168C6.48626 4.66667 5.83334 5.31958 5.83334 6.125C5.83334 6.93042 6.48626 7.58333 7.29168 7.58333H20.7083C21.5138 7.58333 22.1667 6.93042 22.1667 6.125C22.1667 5.31958 21.5138 4.66667 20.7083 4.66667H18.0833L17.2584 3.84171C17.0396 3.62292 16.7428 3.5 16.4334 3.5H11.5666C11.2572 3.5 10.9604 3.62292 10.7416 3.84171L9.91668 4.66667Z", fill: "currentColor" }),
-        h("path", { d: "M9.33334 9.33333H18.6667C19.9553 9.33333 21 10.378 21 11.6667V22.1667C21 23.4553 19.9553 24.5 18.6667 24.5H9.33334C8.04468 24.5 7.00001 23.4553 7.00001 22.1667V11.6667C7.00001 10.378 8.04468 9.33333 9.33334 9.33333Z", fill: "currentColor" })))));
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M5.66668 2.66667H4.16668C3.70644 2.66667 3.33334 3.03976 3.33334 3.5C3.33334 3.96024 3.70644 4.33333 4.16668 4.33333H11.8333C12.2936 4.33333 12.6667 3.96024 12.6667 3.5C12.6667 3.03976 12.2936 2.66667 11.8333 2.66667H10.3333L9.86194 2.19526C9.73691 2.07024 9.56734 2 9.39053 2H6.60949C6.43267 2 6.26311 2.07024 6.13808 2.19526L5.66668 2.66667Z", fill: "currentColor" }), h("path", { d: "M5.33334 5.33333H10.6667C11.4031 5.33333 12 5.93029 12 6.66667V12.6667C12 13.403 11.4031 14 10.6667 14H5.33334C4.59696 14 4.00001 13.403 4.00001 12.6667V6.66667C4.00001 5.93029 4.59696 5.33333 5.33334 5.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M8.5 4H6.25C5.55964 4 5 4.55964 5 5.25C5 5.94036 5.55964 6.5 6.25 6.5H17.75C18.4404 6.5 19 5.94036 19 5.25C19 4.55964 18.4404 4 17.75 4H15.5L14.7929 3.29289C14.6054 3.10536 14.351 3 14.0858 3H9.91421C9.649 3 9.39464 3.10536 9.20711 3.29289L8.5 4Z", fill: "currentColor" }), h("path", { d: "M8 8H16C17.1046 8 18 8.89543 18 10V19C18 20.1046 17.1046 21 16 21H8C6.89543 21 6 20.1046 6 19V10C6 8.89543 6.89543 8 8 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M9.91668 4.66667H7.29168C6.48626 4.66667 5.83334 5.31958 5.83334 6.125C5.83334 6.93042 6.48626 7.58333 7.29168 7.58333H20.7083C21.5138 7.58333 22.1667 6.93042 22.1667 6.125C22.1667 5.31958 21.5138 4.66667 20.7083 4.66667H18.0833L17.2584 3.84171C17.0396 3.62292 16.7428 3.5 16.4334 3.5H11.5666C11.2572 3.5 10.9604 3.62292 10.7416 3.84171L9.91668 4.66667Z", fill: "currentColor" }), h("path", { d: "M9.33334 9.33333H18.6667C19.9553 9.33333 21 10.378 21 11.6667V22.1667C21 23.4553 19.9553 24.5 18.6667 24.5H9.33334C8.04468 24.5 7.00001 23.4553 7.00001 22.1667V11.6667C7.00001 10.378 8.04468 9.33333 9.33334 9.33333Z", 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 {
-    "size": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlIconSize",
-        "resolved": "16 | 20 | 24 | 28",
-        "references": {
-          "SwirlIconSize": {
-            "location": "import",
-            "path": "../swirl-icon.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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"
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }

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

@@ -1,5 +1,5 @@
 // DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
-import { Component, Fragment, h, Prop } from "@stencil/core";
+import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDescription {
   constructor() {
@@ -8,45 +8,45 @@ export class SwirlIconDescription {
   render() {
     const viewBoxSize = this.size === 20 ? 24 : this.size;
     const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
-      this.size === 16 && (h(Fragment, null,
-        h("path", { d: "M9.72666 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999C3.26666 1.33334 2.66666 1.93334 2.66666 2.66668V13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.72666 1.72668ZM9.99999 12H5.99999C5.63332 12 5.33332 11.7 5.33332 11.3333C5.33332 10.9667 5.63332 10.6667 5.99999 10.6667H9.99999C10.3667 10.6667 10.6667 10.9667 10.6667 11.3333C10.6667 11.7 10.3667 12 9.99999 12ZM9.99999 9.33334H5.99999C5.63332 9.33334 5.33332 9.03334 5.33332 8.66668C5.33332 8.30001 5.63332 8.00001 5.99999 8.00001H9.99999C10.3667 8.00001 10.6667 8.30001 10.6667 8.66668C10.6667 9.03334 10.3667 9.33334 9.99999 9.33334ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z", fill: "currentColor" }))),
-      (this.size === 20 || this.size === 24) && (h(Fragment, null,
-        h("path", { d: "M14.59 2.59C14.21 2.21 13.7 2 13.17 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.59 2.59ZM15 18H9C8.45 18 8 17.55 8 17C8 16.45 8.45 16 9 16H15C15.55 16 16 16.45 16 17C16 17.55 15.55 18 15 18ZM15 14H9C8.45 14 8 13.55 8 13C8 12.45 8.45 12 9 12H15C15.55 12 16 12.45 16 13C16 13.55 15.55 14 15 14ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z", fill: "currentColor" }))),
-      this.size === 28 && (h(Fragment, null,
-        h("path", { d: "M17.0217 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999C5.71666 2.33334 4.66666 3.38334 4.66666 4.66668V23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.0217 3.02168ZM17.5 21H10.5C9.85832 21 9.33332 20.475 9.33332 19.8333C9.33332 19.1917 9.85832 18.6667 10.5 18.6667H17.5C18.1417 18.6667 18.6667 19.1917 18.6667 19.8333C18.6667 20.475 18.1417 21 17.5 21ZM17.5 16.3333H10.5C9.85832 16.3333 9.33332 15.8083 9.33332 15.1667C9.33332 14.525 9.85832 14 10.5 14H17.5C18.1417 14 18.6667 14.525 18.6667 15.1667C18.6667 15.8083 18.1417 16.3333 17.5 16.3333ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z", fill: "currentColor" })))));
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M9.72666 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999C3.26666 1.33334 2.66666 1.93334 2.66666 2.66668V13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.72666 1.72668ZM9.99999 12H5.99999C5.63332 12 5.33332 11.7 5.33332 11.3333C5.33332 10.9667 5.63332 10.6667 5.99999 10.6667H9.99999C10.3667 10.6667 10.6667 10.9667 10.6667 11.3333C10.6667 11.7 10.3667 12 9.99999 12ZM9.99999 9.33334H5.99999C5.63332 9.33334 5.33332 9.03334 5.33332 8.66668C5.33332 8.30001 5.63332 8.00001 5.99999 8.00001H9.99999C10.3667 8.00001 10.6667 8.30001 10.6667 8.66668C10.6667 9.03334 10.3667 9.33334 9.99999 9.33334ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M14.59 2.59C14.21 2.21 13.7 2 13.17 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.59 2.59ZM15 18H9C8.45 18 8 17.55 8 17C8 16.45 8.45 16 9 16H15C15.55 16 16 16.45 16 17C16 17.55 15.55 18 15 18ZM15 14H9C8.45 14 8 13.55 8 13C8 12.45 8.45 12 9 12H15C15.55 12 16 12.45 16 13C16 13.55 15.55 14 15 14ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M17.0217 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999C5.71666 2.33334 4.66666 3.38334 4.66666 4.66668V23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.0217 3.02168ZM17.5 21H10.5C9.85832 21 9.33332 20.475 9.33332 19.8333C9.33332 19.1917 9.85832 18.6667 10.5 18.6667H17.5C18.1417 18.6667 18.6667 19.1917 18.6667 19.8333C18.6667 20.475 18.1417 21 17.5 21ZM17.5 16.3333H10.5C9.85832 16.3333 9.33332 15.8083 9.33332 15.1667C9.33332 14.525 9.85832 14 10.5 14H17.5C18.1417 14 18.6667 14.525 18.6667 15.1667C18.6667 15.8083 18.1417 16.3333 17.5 16.3333ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z", 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 {
-    "size": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlIconSize",
-        "resolved": "16 | 20 | 24 | 28",
-        "references": {
-          "SwirlIconSize": {
-            "location": "import",
-            "path": "../swirl-icon.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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"
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }

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

@@ -1,5 +1,5 @@
 // DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
-import { Component, Fragment, h, Prop } from "@stencil/core";
+import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDownload {
   constructor() {
@@ -8,45 +8,45 @@ export class SwirlIconDownload {
   render() {
     const viewBoxSize = this.size === 20 ? 24 : this.size;
     const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.99999 10.2333C7.89999 10.2333 7.80555 10.2167 7.71666 10.1833C7.62777 10.15 7.54444 10.0944 7.46666 10.0167L5.01666 7.56665C4.87222 7.42221 4.79999 7.24443 4.79999 7.03332C4.79999 6.82221 4.87222 6.64443 5.01666 6.49999C5.14999 6.36665 5.32488 6.29732 5.54133 6.29199C5.75822 6.28621 5.93888 6.34999 6.08333 6.48332L7.23333 7.64999V3.04999C7.23333 2.83888 7.30844 2.6611 7.45866 2.51665C7.60844 2.37221 7.78888 2.29999 7.99999 2.29999C8.2111 2.29999 8.39155 2.37221 8.54133 2.51665C8.69155 2.6611 8.76666 2.83888 8.76666 3.04999V7.64999L9.91666 6.48332C10.0611 6.34999 10.2418 6.28621 10.4587 6.29199C10.6751 6.29732 10.85 6.36665 10.9833 6.49999C11.1278 6.64443 11.2 6.82221 11.2 7.03332C11.2 7.24443 11.1278 7.42221 10.9833 7.56665L8.53333 10.0167C8.45555 10.0944 8.37222 10.15 8.28333 10.1833C8.19444 10.2167 8.09999 10.2333 7.99999 10.2333ZM3.91666 13.5833C3.49444 13.5833 3.13622 13.436 2.84199 13.1413C2.54733 12.8471 2.39999 12.4889 2.39999 12.0667V10.5833C2.39999 10.3722 2.47511 10.1944 2.62533 10.05C2.77511 9.90554 2.95555 9.83332 3.16666 9.83332C3.37777 9.83332 3.55555 9.90554 3.69999 10.05C3.84444 10.1944 3.91666 10.3722 3.91666 10.5833V12.0667H12.0667V10.5833C12.0667 10.3722 12.1418 10.1944 12.292 10.05C12.4418 9.90554 12.6222 9.83332 12.8333 9.83332C13.0444 9.83332 13.2222 9.90554 13.3667 10.05C13.5111 10.1944 13.5833 10.3722 13.5833 10.5833V12.0667C13.5833 12.4889 13.436 12.8471 13.1413 13.1413C12.8471 13.436 12.4889 13.5833 12.0667 13.5833H3.91666Z", fill: "currentColor" }))),
-      (this.size === 20 || this.size === 24) && (h(Fragment, null,
-        h("path", { d: "M12 15.35C11.85 15.35 11.7083 15.325 11.575 15.275C11.4417 15.225 11.3167 15.1417 11.2 15.025L7.52501 11.35C7.30834 11.1333 7.20001 10.8667 7.20001 10.55C7.20001 10.2333 7.30834 9.96668 7.52501 9.75001C7.72501 9.55001 7.98734 9.44601 8.31201 9.43801C8.63734 9.42935 8.90834 9.52501 9.12501 9.72501L10.85 11.475V4.57501C10.85 4.25835 10.9627 3.99168 11.188 3.77501C11.4127 3.55835 11.6833 3.45001 12 3.45001C12.3167 3.45001 12.5873 3.55835 12.812 3.77501C13.0373 3.99168 13.15 4.25835 13.15 4.57501V11.475L14.875 9.72501C15.0917 9.52501 15.3627 9.42935 15.688 9.43801C16.0127 9.44601 16.275 9.55001 16.475 9.75001C16.6917 9.96668 16.8 10.2333 16.8 10.55C16.8 10.8667 16.6917 11.1333 16.475 11.35L12.8 15.025C12.6833 15.1417 12.5583 15.225 12.425 15.275C12.2917 15.325 12.15 15.35 12 15.35ZM5.87501 20.375C5.24167 20.375 4.70434 20.154 4.26301 19.712C3.82101 19.2707 3.60001 18.7333 3.60001 18.1V15.875C3.60001 15.5583 3.71267 15.2917 3.93801 15.075C4.16267 14.8583 4.43334 14.75 4.75001 14.75C5.06667 14.75 5.33334 14.8583 5.55001 15.075C5.76667 15.2917 5.87501 15.5583 5.87501 15.875V18.1H18.1V15.875C18.1 15.5583 18.2127 15.2917 18.438 15.075C18.6627 14.8583 18.9333 14.75 19.25 14.75C19.5667 14.75 19.8333 14.8583 20.05 15.075C20.2667 15.2917 20.375 15.5583 20.375 15.875V18.1C20.375 18.7333 20.154 19.2707 19.712 19.712C19.2707 20.154 18.7333 20.375 18.1 20.375H5.87501Z", fill: "currentColor" }))),
-      this.size === 28 && (h(Fragment, null,
-        h("path", { d: "M14 17.9084C13.825 17.9084 13.6597 17.8792 13.5042 17.8209C13.3486 17.7625 13.2028 17.6653 13.0667 17.5292L8.77918 13.2417C8.5264 12.9889 8.40001 12.6778 8.40001 12.3084C8.40001 11.9389 8.5264 11.6278 8.77918 11.375C9.01251 11.1417 9.31857 11.0204 9.69735 11.011C10.0769 11.0009 10.3931 11.1125 10.6458 11.3459L12.6583 13.3875V5.33752C12.6583 4.96808 12.7898 4.65697 13.0527 4.40419C13.3148 4.15141 13.6306 4.02502 14 4.02502C14.3695 4.02502 14.6852 4.15141 14.9473 4.40419C15.2102 4.65697 15.3417 4.96808 15.3417 5.33752V13.3875L17.3542 11.3459C17.607 11.1125 17.9231 11.0009 18.3027 11.011C18.6815 11.0204 18.9875 11.1417 19.2208 11.375C19.4736 11.6278 19.6 11.9389 19.6 12.3084C19.6 12.6778 19.4736 12.9889 19.2208 13.2417L14.9333 17.5292C14.7972 17.6653 14.6514 17.7625 14.4958 17.8209C14.3403 17.8792 14.175 17.9084 14 17.9084ZM6.85418 23.7709C6.11529 23.7709 5.4884 23.513 4.97351 22.9974C4.45785 22.4825 4.20001 21.8556 4.20001 21.1167V18.5209C4.20001 18.1514 4.33146 17.8403 4.59435 17.5875C4.85646 17.3347 5.17223 17.2084 5.54168 17.2084C5.91112 17.2084 6.22223 17.3347 6.47501 17.5875C6.72779 17.8403 6.85418 18.1514 6.85418 18.5209V21.1167H21.1167V18.5209C21.1167 18.1514 21.2481 17.8403 21.511 17.5875C21.7731 17.3347 22.0889 17.2084 22.4583 17.2084C22.8278 17.2084 23.1389 17.3347 23.3917 17.5875C23.6445 17.8403 23.7708 18.1514 23.7708 18.5209V21.1167C23.7708 21.8556 23.513 22.4825 22.9973 22.9974C22.4825 23.513 21.8556 23.7709 21.1167 23.7709H6.85418Z", fill: "currentColor" })))));
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", 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.99999 10.2333C7.89999 10.2333 7.80555 10.2167 7.71666 10.1833C7.62777 10.15 7.54444 10.0944 7.46666 10.0167L5.01666 7.56665C4.87222 7.42221 4.79999 7.24443 4.79999 7.03332C4.79999 6.82221 4.87222 6.64443 5.01666 6.49999C5.14999 6.36665 5.32488 6.29732 5.54133 6.29199C5.75822 6.28621 5.93888 6.34999 6.08333 6.48332L7.23333 7.64999V3.04999C7.23333 2.83888 7.30844 2.6611 7.45866 2.51665C7.60844 2.37221 7.78888 2.29999 7.99999 2.29999C8.2111 2.29999 8.39155 2.37221 8.54133 2.51665C8.69155 2.6611 8.76666 2.83888 8.76666 3.04999V7.64999L9.91666 6.48332C10.0611 6.34999 10.2418 6.28621 10.4587 6.29199C10.6751 6.29732 10.85 6.36665 10.9833 6.49999C11.1278 6.64443 11.2 6.82221 11.2 7.03332C11.2 7.24443 11.1278 7.42221 10.9833 7.56665L8.53333 10.0167C8.45555 10.0944 8.37222 10.15 8.28333 10.1833C8.19444 10.2167 8.09999 10.2333 7.99999 10.2333ZM3.91666 13.5833C3.49444 13.5833 3.13622 13.436 2.84199 13.1413C2.54733 12.8471 2.39999 12.4889 2.39999 12.0667V10.5833C2.39999 10.3722 2.47511 10.1944 2.62533 10.05C2.77511 9.90554 2.95555 9.83332 3.16666 9.83332C3.37777 9.83332 3.55555 9.90554 3.69999 10.05C3.84444 10.1944 3.91666 10.3722 3.91666 10.5833V12.0667H12.0667V10.5833C12.0667 10.3722 12.1418 10.1944 12.292 10.05C12.4418 9.90554 12.6222 9.83332 12.8333 9.83332C13.0444 9.83332 13.2222 9.90554 13.3667 10.05C13.5111 10.1944 13.5833 10.3722 13.5833 10.5833V12.0667C13.5833 12.4889 13.436 12.8471 13.1413 13.1413C12.8471 13.436 12.4889 13.5833 12.0667 13.5833H3.91666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 15.35C11.85 15.35 11.7083 15.325 11.575 15.275C11.4417 15.225 11.3167 15.1417 11.2 15.025L7.52501 11.35C7.30834 11.1333 7.20001 10.8667 7.20001 10.55C7.20001 10.2333 7.30834 9.96668 7.52501 9.75001C7.72501 9.55001 7.98734 9.44601 8.31201 9.43801C8.63734 9.42935 8.90834 9.52501 9.12501 9.72501L10.85 11.475V4.57501C10.85 4.25835 10.9627 3.99168 11.188 3.77501C11.4127 3.55835 11.6833 3.45001 12 3.45001C12.3167 3.45001 12.5873 3.55835 12.812 3.77501C13.0373 3.99168 13.15 4.25835 13.15 4.57501V11.475L14.875 9.72501C15.0917 9.52501 15.3627 9.42935 15.688 9.43801C16.0127 9.44601 16.275 9.55001 16.475 9.75001C16.6917 9.96668 16.8 10.2333 16.8 10.55C16.8 10.8667 16.6917 11.1333 16.475 11.35L12.8 15.025C12.6833 15.1417 12.5583 15.225 12.425 15.275C12.2917 15.325 12.15 15.35 12 15.35ZM5.87501 20.375C5.24167 20.375 4.70434 20.154 4.26301 19.712C3.82101 19.2707 3.60001 18.7333 3.60001 18.1V15.875C3.60001 15.5583 3.71267 15.2917 3.93801 15.075C4.16267 14.8583 4.43334 14.75 4.75001 14.75C5.06667 14.75 5.33334 14.8583 5.55001 15.075C5.76667 15.2917 5.87501 15.5583 5.87501 15.875V18.1H18.1V15.875C18.1 15.5583 18.2127 15.2917 18.438 15.075C18.6627 14.8583 18.9333 14.75 19.25 14.75C19.5667 14.75 19.8333 14.8583 20.05 15.075C20.2667 15.2917 20.375 15.5583 20.375 15.875V18.1C20.375 18.7333 20.154 19.2707 19.712 19.712C19.2707 20.154 18.7333 20.375 18.1 20.375H5.87501Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 17.9084C13.825 17.9084 13.6597 17.8792 13.5042 17.8209C13.3486 17.7625 13.2028 17.6653 13.0667 17.5292L8.77918 13.2417C8.5264 12.9889 8.40001 12.6778 8.40001 12.3084C8.40001 11.9389 8.5264 11.6278 8.77918 11.375C9.01251 11.1417 9.31857 11.0204 9.69735 11.011C10.0769 11.0009 10.3931 11.1125 10.6458 11.3459L12.6583 13.3875V5.33752C12.6583 4.96808 12.7898 4.65697 13.0527 4.40419C13.3148 4.15141 13.6306 4.02502 14 4.02502C14.3695 4.02502 14.6852 4.15141 14.9473 4.40419C15.2102 4.65697 15.3417 4.96808 15.3417 5.33752V13.3875L17.3542 11.3459C17.607 11.1125 17.9231 11.0009 18.3027 11.011C18.6815 11.0204 18.9875 11.1417 19.2208 11.375C19.4736 11.6278 19.6 11.9389 19.6 12.3084C19.6 12.6778 19.4736 12.9889 19.2208 13.2417L14.9333 17.5292C14.7972 17.6653 14.6514 17.7625 14.4958 17.8209C14.3403 17.8792 14.175 17.9084 14 17.9084ZM6.85418 23.7709C6.11529 23.7709 5.4884 23.513 4.97351 22.9974C4.45785 22.4825 4.20001 21.8556 4.20001 21.1167V18.5209C4.20001 18.1514 4.33146 17.8403 4.59435 17.5875C4.85646 17.3347 5.17223 17.2084 5.54168 17.2084C5.91112 17.2084 6.22223 17.3347 6.47501 17.5875C6.72779 17.8403 6.85418 18.1514 6.85418 18.5209V21.1167H21.1167V18.5209C21.1167 18.1514 21.2481 17.8403 21.511 17.5875C21.7731 17.3347 22.0889 17.2084 22.4583 17.2084C22.8278 17.2084 23.1389 17.3347 23.3917 17.5875C23.6445 17.8403 23.7708 18.1514 23.7708 18.5209V21.1167C23.7708 21.8556 23.513 22.4825 22.9973 22.9974C22.4825 23.513 21.8556 23.7709 21.1167 23.7709H6.85418Z", fill: "currentColor" })))));
   }
   static get is() { return "swirl-icon-download"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["../swirl-icon.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["../swirl-icon.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlIconSize",
-        "resolved": "16 | 20 | 24 | 28",
-        "references": {
-          "SwirlIconSize": {
-            "location": "import",
-            "path": "../swirl-icon.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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"
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }

package/dist/collection/components/swirl-icon/icons/swirl-icon-drag-handle.js

@@ -1,5 +1,5 @@
 // DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
-import { Component, Fragment, h, Prop } from "@stencil/core";
+import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconDragHandle {
   constructor() {
@@ -8,60 +8,45 @@ export class SwirlIconDragHandle {
   render() {
     const viewBoxSize = this.size === 20 ? 24 : this.size;
     const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
-      this.size === 16 && (h(Fragment, null,
-        h("rect", { x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }),
-        h("rect", { x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }),
-        h("rect", { x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }),
-        h("rect", { x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }),
-        h("rect", { x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }),
-        h("rect", { x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }))),
-      (this.size === 20 || this.size === 24) && (h(Fragment, null,
-        h("rect", { x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }),
-        h("rect", { x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }),
-        h("rect", { x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }),
-        h("rect", { x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }),
-        h("rect", { x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }),
-        h("rect", { x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }))),
-      this.size === 28 && (h(Fragment, null,
-        h("rect", { x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }),
-        h("rect", { x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }),
-        h("rect", { x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }),
-        h("rect", { x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }),
-        h("rect", { x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }),
-        h("rect", { x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })))));
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("rect", { x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), h("rect", { x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), h("rect", { x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), h("rect", { x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), h("rect", { x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), h("rect", { x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("rect", { x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), h("rect", { x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), h("rect", { x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), h("rect", { x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), h("rect", { x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), h("rect", { x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("rect", { x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), h("rect", { x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), h("rect", { x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), h("rect", { x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), h("rect", { x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), h("rect", { x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })))));
   }
   static get is() { return "swirl-icon-drag-handle"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["../swirl-icon.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["../swirl-icon.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlIconSize",
-        "resolved": "16 | 20 | 24 | 28",
-        "references": {
-          "SwirlIconSize": {
-            "location": "import",
-            "path": "../swirl-icon.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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"
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
 }