@getflip/swirl-components 0.12.0 → 0.14.0

package/dist/collection/components/swirl-icon/icons/swirl-icon-notifications-off.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 SwirlIconNotificationsOff {
   constructor() {
@@ -8,45 +8,45 @@ export class SwirlIconNotificationsOff {
   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.53667 14.5C8.27001 14.5 8.87001 13.9 8.87001 13.1667H6.20334C6.20334 13.9 6.79667 14.5 7.53667 14.5ZM11.5367 7.16667C11.5367 5.12 10.4433 3.40667 8.53667 2.95333V2.5C8.53667 1.94667 8.09001 1.5 7.53667 1.5C6.98334 1.5 6.53667 1.94667 6.53667 2.5V2.95333C6.37667 2.99333 6.22334 3.05333 6.07667 3.10667L11.5367 8.56667V7.16667ZM3.14334 2.06667L2.20334 3.00667L4.07667 4.88C3.73001 5.54667 3.53667 6.32 3.53667 7.16667V10.5L2.67667 11.36C2.25667 11.78 2.55001 12.5 3.14334 12.5H11.6967L12.8567 13.66L13.7967 12.72L3.14334 2.06667Z", fill: "currentColor" }))),
-      (this.size === 20 || this.size === 24) && (h(Fragment, null,
-        h("path", { d: "M11.305 21.75C12.405 21.75 13.305 20.85 13.305 19.75H9.30499C9.30499 20.85 10.195 21.75 11.305 21.75ZM17.305 10.75C17.305 7.68 15.665 5.11 12.805 4.43V3.75C12.805 2.92 12.135 2.25 11.305 2.25C10.475 2.25 9.80499 2.92 9.80499 3.75V4.43C9.56499 4.49 9.33499 4.58 9.11499 4.66L17.305 12.85V10.75ZM4.71499 3.1L3.30499 4.51L6.11499 7.32C5.59499 8.32 5.30499 9.48 5.30499 10.75V15.75L4.01499 17.04C3.38499 17.67 3.82499 18.75 4.71499 18.75H17.545L19.285 20.49L20.695 19.08L4.71499 3.1Z", fill: "currentColor" }))),
-      this.size === 28 && (h(Fragment, null,
-        h("path", { d: "M13.1892 25.375C14.4725 25.375 15.5225 24.325 15.5225 23.0417H10.8558C10.8558 24.325 11.8942 25.375 13.1892 25.375ZM20.1892 12.5417C20.1892 8.96 18.2758 5.96167 14.9392 5.16833V4.375C14.9392 3.40667 14.1575 2.625 13.1892 2.625C12.2208 2.625 11.4392 3.40667 11.4392 4.375V5.16833C11.1592 5.23833 10.8908 5.34333 10.6342 5.43667L20.1892 14.9917V12.5417ZM5.50083 3.61667L3.85583 5.26167L7.13417 8.54C6.5275 9.70667 6.18917 11.06 6.18917 12.5417V18.375L4.68417 19.88C3.94917 20.615 4.4625 21.875 5.50083 21.875H20.4692L22.4992 23.905L24.1442 22.26L5.50083 3.61667Z", 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.53667 14.5C8.27001 14.5 8.87001 13.9 8.87001 13.1667H6.20334C6.20334 13.9 6.79667 14.5 7.53667 14.5ZM11.5367 7.16667C11.5367 5.12 10.4433 3.40667 8.53667 2.95333V2.5C8.53667 1.94667 8.09001 1.5 7.53667 1.5C6.98334 1.5 6.53667 1.94667 6.53667 2.5V2.95333C6.37667 2.99333 6.22334 3.05333 6.07667 3.10667L11.5367 8.56667V7.16667ZM3.14334 2.06667L2.20334 3.00667L4.07667 4.88C3.73001 5.54667 3.53667 6.32 3.53667 7.16667V10.5L2.67667 11.36C2.25667 11.78 2.55001 12.5 3.14334 12.5H11.6967L12.8567 13.66L13.7967 12.72L3.14334 2.06667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M11.305 21.75C12.405 21.75 13.305 20.85 13.305 19.75H9.30499C9.30499 20.85 10.195 21.75 11.305 21.75ZM17.305 10.75C17.305 7.68 15.665 5.11 12.805 4.43V3.75C12.805 2.92 12.135 2.25 11.305 2.25C10.475 2.25 9.80499 2.92 9.80499 3.75V4.43C9.56499 4.49 9.33499 4.58 9.11499 4.66L17.305 12.85V10.75ZM4.71499 3.1L3.30499 4.51L6.11499 7.32C5.59499 8.32 5.30499 9.48 5.30499 10.75V15.75L4.01499 17.04C3.38499 17.67 3.82499 18.75 4.71499 18.75H17.545L19.285 20.49L20.695 19.08L4.71499 3.1Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M13.1892 25.375C14.4725 25.375 15.5225 24.325 15.5225 23.0417H10.8558C10.8558 24.325 11.8942 25.375 13.1892 25.375ZM20.1892 12.5417C20.1892 8.96 18.2758 5.96167 14.9392 5.16833V4.375C14.9392 3.40667 14.1575 2.625 13.1892 2.625C12.2208 2.625 11.4392 3.40667 11.4392 4.375V5.16833C11.1592 5.23833 10.8908 5.34333 10.6342 5.43667L20.1892 14.9917V12.5417ZM5.50083 3.61667L3.85583 5.26167L7.13417 8.54C6.5275 9.70667 6.18917 11.06 6.18917 12.5417V18.375L4.68417 19.88C3.94917 20.615 4.4625 21.875 5.50083 21.875H20.4692L22.4992 23.905L24.1442 22.26L5.50083 3.61667Z", fill: "currentColor" })))));
   }
   static get is() { return "swirl-icon-notifications-off"; }
   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-notifications.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 SwirlIconNotifications {
   constructor() {
@@ -8,45 +8,45 @@ export class SwirlIconNotifications {
   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: "M8.00083 14.5C8.73416 14.5 9.33416 13.9 9.33416 13.1667H6.66749C6.66749 13.9 7.26083 14.5 8.00083 14.5ZM12.0008 10.5V7.16667C12.0008 5.12 10.9075 3.40667 9.00083 2.95333V2.5C9.00083 1.94667 8.55416 1.5 8.00083 1.5C7.44749 1.5 7.00083 1.94667 7.00083 2.5V2.95333C5.08749 3.40667 4.00083 5.11333 4.00083 7.16667V10.5L3.14083 11.36C2.72083 11.78 3.01416 12.5 3.60749 12.5H12.3875C12.9808 12.5 13.2808 11.78 12.8608 11.36L12.0008 10.5Z", fill: "currentColor" }))),
-      (this.size === 20 || this.size === 24) && (h(Fragment, null,
-        h("path", { d: "M12.0012 21.75C13.1012 21.75 14.0012 20.85 14.0012 19.75H10.0012C10.0012 20.85 10.8912 21.75 12.0012 21.75ZM18.0012 15.75V10.75C18.0012 7.68 16.3612 5.11 13.5012 4.43V3.75C13.5012 2.92 12.8312 2.25 12.0012 2.25C11.1712 2.25 10.5012 2.92 10.5012 3.75V4.43C7.63124 5.11 6.00124 7.67 6.00124 10.75V15.75L4.71124 17.04C4.08124 17.67 4.52124 18.75 5.41124 18.75H18.5812C19.4712 18.75 19.9212 17.67 19.2912 17.04L18.0012 15.75Z", fill: "currentColor" }))),
-      this.size === 28 && (h(Fragment, null,
-        h("path", { d: "M14.0014 25.375C15.2848 25.375 16.3348 24.325 16.3348 23.0417H11.6681C11.6681 24.325 12.7064 25.375 14.0014 25.375ZM21.0014 18.375V12.5417C21.0014 8.96 19.0881 5.96167 15.7514 5.16833V4.375C15.7514 3.40667 14.9698 2.625 14.0014 2.625C13.0331 2.625 12.2514 3.40667 12.2514 4.375V5.16833C8.9031 5.96167 7.00143 8.94833 7.00143 12.5417V18.375L5.49643 19.88C4.76143 20.615 5.27477 21.875 6.3131 21.875H21.6781C22.7164 21.875 23.2414 20.615 22.5064 19.88L21.0014 18.375Z", 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: "M8.00083 14.5C8.73416 14.5 9.33416 13.9 9.33416 13.1667H6.66749C6.66749 13.9 7.26083 14.5 8.00083 14.5ZM12.0008 10.5V7.16667C12.0008 5.12 10.9075 3.40667 9.00083 2.95333V2.5C9.00083 1.94667 8.55416 1.5 8.00083 1.5C7.44749 1.5 7.00083 1.94667 7.00083 2.5V2.95333C5.08749 3.40667 4.00083 5.11333 4.00083 7.16667V10.5L3.14083 11.36C2.72083 11.78 3.01416 12.5 3.60749 12.5H12.3875C12.9808 12.5 13.2808 11.78 12.8608 11.36L12.0008 10.5Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12.0012 21.75C13.1012 21.75 14.0012 20.85 14.0012 19.75H10.0012C10.0012 20.85 10.8912 21.75 12.0012 21.75ZM18.0012 15.75V10.75C18.0012 7.68 16.3612 5.11 13.5012 4.43V3.75C13.5012 2.92 12.8312 2.25 12.0012 2.25C11.1712 2.25 10.5012 2.92 10.5012 3.75V4.43C7.63124 5.11 6.00124 7.67 6.00124 10.75V15.75L4.71124 17.04C4.08124 17.67 4.52124 18.75 5.41124 18.75H18.5812C19.4712 18.75 19.9212 17.67 19.2912 17.04L18.0012 15.75Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14.0014 25.375C15.2848 25.375 16.3348 24.325 16.3348 23.0417H11.6681C11.6681 24.325 12.7064 25.375 14.0014 25.375ZM21.0014 18.375V12.5417C21.0014 8.96 19.0881 5.96167 15.7514 5.16833V4.375C15.7514 3.40667 14.9698 2.625 14.0014 2.625C13.0331 2.625 12.2514 3.40667 12.2514 4.375V5.16833C8.9031 5.96167 7.00143 8.94833 7.00143 12.5417V18.375L5.49643 19.88C4.76143 20.615 5.27477 21.875 6.3131 21.875H21.6781C22.7164 21.875 23.2414 20.615 22.5064 19.88L21.0014 18.375Z", fill: "currentColor" })))));
   }
   static get is() { return "swirl-icon-notifications"; }
   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-open-in-new.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 SwirlIconOpenInNew {
   constructor() {
@@ -8,45 +8,45 @@ export class SwirlIconOpenInNew {
   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: "M3.38334 14.1334C2.96111 14.1334 2.60289 13.9863 2.30867 13.692C2.014 13.3974 1.86667 13.0389 1.86667 12.6167V3.38337C1.86667 2.96114 2.014 2.6027 2.30867 2.30803C2.60289 2.01381 2.96111 1.8667 3.38334 1.8667H7.23334C7.45556 1.8667 7.63889 1.93892 7.78334 2.08337C7.92778 2.22781 8 2.40559 8 2.6167C8 2.83892 7.92778 3.02225 7.78334 3.1667C7.63889 3.31114 7.45556 3.38337 7.23334 3.38337H3.38334V12.6167H12.6167V8.7667C12.6167 8.54448 12.6889 8.36114 12.8333 8.2167C12.9778 8.07225 13.1611 8.00003 13.3833 8.00003C13.5944 8.00003 13.7722 8.07225 13.9167 8.2167C14.0611 8.36114 14.1333 8.54448 14.1333 8.7667V12.6167C14.1333 13.0389 13.9862 13.3974 13.692 13.692C13.3973 13.9863 13.0389 14.1334 12.6167 14.1334H3.38334ZM6.06667 9.93337C5.92222 9.80003 5.85 9.62781 5.85 9.4167C5.85 9.20559 5.92222 9.02781 6.06667 8.88337L11.5667 3.38337H10.1C9.87778 3.38337 9.69445 3.31114 9.55 3.1667C9.40556 3.02225 9.33333 2.83892 9.33333 2.6167C9.33333 2.40559 9.40556 2.22781 9.55 2.08337C9.69445 1.93892 9.87778 1.8667 10.1 1.8667H13.3833C13.5944 1.8667 13.7722 1.93892 13.9167 2.08337C14.0611 2.22781 14.1333 2.40559 14.1333 2.6167V5.90003C14.1333 6.12225 14.0611 6.30559 13.9167 6.45003C13.7722 6.59448 13.5944 6.6667 13.3833 6.6667C13.1611 6.6667 12.9778 6.59448 12.8333 6.45003C12.6889 6.30559 12.6167 6.12225 12.6167 5.90003V4.43337L7.1 9.95003C6.96667 10.0945 6.79733 10.1667 6.592 10.1667C6.38622 10.1667 6.21111 10.0889 6.06667 9.93337Z", fill: "currentColor" }))),
-      (this.size === 20 || this.size === 24) && (h(Fragment, null,
-        h("path", { d: "M5.075 21.2001C4.44167 21.2001 3.90433 20.9794 3.463 20.538C3.021 20.096 2.8 19.5584 2.8 18.925V5.07505C2.8 4.44172 3.021 3.90405 3.463 3.46205C3.90433 3.02072 4.44167 2.80005 5.075 2.80005H10.85C11.1833 2.80005 11.4583 2.90838 11.675 3.12505C11.8917 3.34172 12 3.60838 12 3.92505C12 4.25838 11.8917 4.53338 11.675 4.75005C11.4583 4.96672 11.1833 5.07505 10.85 5.07505H5.075V18.925H18.925V13.15C18.925 12.8167 19.0333 12.5417 19.25 12.325C19.4667 12.1084 19.7417 12 20.075 12C20.3917 12 20.6583 12.1084 20.875 12.325C21.0917 12.5417 21.2 12.8167 21.2 13.15V18.925C21.2 19.5584 20.9793 20.096 20.538 20.538C20.096 20.9794 19.5583 21.2001 18.925 21.2001H5.075ZM9.1 14.9C8.88333 14.7 8.775 14.4417 8.775 14.125C8.775 13.8084 8.88333 13.5417 9.1 13.325L17.35 5.07505H15.15C14.8167 5.07505 14.5417 4.96672 14.325 4.75005C14.1083 4.53338 14 4.25838 14 3.92505C14 3.60838 14.1083 3.34172 14.325 3.12505C14.5417 2.90838 14.8167 2.80005 15.15 2.80005H20.075C20.3917 2.80005 20.6583 2.90838 20.875 3.12505C21.0917 3.34172 21.2 3.60838 21.2 3.92505V8.85005C21.2 9.18338 21.0917 9.45838 20.875 9.67505C20.6583 9.89172 20.3917 10 20.075 10C19.7417 10 19.4667 9.89172 19.25 9.67505C19.0333 9.45838 18.925 9.18338 18.925 8.85005V6.65005L10.65 14.925C10.45 15.1417 10.196 15.25 9.888 15.25C9.57933 15.25 9.31667 15.1334 9.1 14.9Z", fill: "currentColor" }))),
-      this.size === 28 && (h(Fragment, null,
-        h("path", { d: "M5.92084 24.7334C5.18195 24.7334 4.55506 24.4759 4.04017 23.9611C3.5245 23.4454 3.26667 22.8181 3.26667 22.0792V5.92089C3.26667 5.182 3.5245 4.55472 4.04017 4.03906C4.55506 3.52417 5.18195 3.26672 5.92084 3.26672H12.6583C13.0472 3.26672 13.3681 3.39311 13.6208 3.64589C13.8736 3.89867 14 4.20978 14 4.57922C14 4.96811 13.8736 5.28895 13.6208 5.54172C13.3681 5.7945 13.0472 5.92089 12.6583 5.92089H5.92084V22.0792H22.0792V15.3417C22.0792 14.9528 22.2056 14.632 22.4583 14.3792C22.7111 14.1264 23.032 14.0001 23.4208 14.0001C23.7903 14.0001 24.1014 14.1264 24.3542 14.3792C24.607 14.632 24.7333 14.9528 24.7333 15.3417V22.0792C24.7333 22.8181 24.4759 23.4454 23.961 23.9611C23.4453 24.4759 22.8181 24.7334 22.0792 24.7334H5.92084ZM10.6167 17.3834C10.3639 17.1501 10.2375 16.8487 10.2375 16.4792C10.2375 16.1098 10.3639 15.7987 10.6167 15.5459L20.2417 5.92089H17.675C17.2861 5.92089 16.9653 5.7945 16.7125 5.54172C16.4597 5.28895 16.3333 4.96811 16.3333 4.57922C16.3333 4.20978 16.4597 3.89867 16.7125 3.64589C16.9653 3.39311 17.2861 3.26672 17.675 3.26672H23.4208C23.7903 3.26672 24.1014 3.39311 24.3542 3.64589C24.607 3.89867 24.7333 4.20978 24.7333 4.57922V10.3251C24.7333 10.7139 24.607 11.0348 24.3542 11.2876C24.1014 11.5403 23.7903 11.6667 23.4208 11.6667C23.032 11.6667 22.7111 11.5403 22.4583 11.2876C22.2056 11.0348 22.0792 10.7139 22.0792 10.3251V7.75839L12.425 17.4126C12.1917 17.6653 11.8953 17.7917 11.536 17.7917C11.1759 17.7917 10.8694 17.6556 10.6167 17.3834Z", 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: "M3.38334 14.1334C2.96111 14.1334 2.60289 13.9863 2.30867 13.692C2.014 13.3974 1.86667 13.0389 1.86667 12.6167V3.38337C1.86667 2.96114 2.014 2.6027 2.30867 2.30803C2.60289 2.01381 2.96111 1.8667 3.38334 1.8667H7.23334C7.45556 1.8667 7.63889 1.93892 7.78334 2.08337C7.92778 2.22781 8 2.40559 8 2.6167C8 2.83892 7.92778 3.02225 7.78334 3.1667C7.63889 3.31114 7.45556 3.38337 7.23334 3.38337H3.38334V12.6167H12.6167V8.7667C12.6167 8.54448 12.6889 8.36114 12.8333 8.2167C12.9778 8.07225 13.1611 8.00003 13.3833 8.00003C13.5944 8.00003 13.7722 8.07225 13.9167 8.2167C14.0611 8.36114 14.1333 8.54448 14.1333 8.7667V12.6167C14.1333 13.0389 13.9862 13.3974 13.692 13.692C13.3973 13.9863 13.0389 14.1334 12.6167 14.1334H3.38334ZM6.06667 9.93337C5.92222 9.80003 5.85 9.62781 5.85 9.4167C5.85 9.20559 5.92222 9.02781 6.06667 8.88337L11.5667 3.38337H10.1C9.87778 3.38337 9.69445 3.31114 9.55 3.1667C9.40556 3.02225 9.33333 2.83892 9.33333 2.6167C9.33333 2.40559 9.40556 2.22781 9.55 2.08337C9.69445 1.93892 9.87778 1.8667 10.1 1.8667H13.3833C13.5944 1.8667 13.7722 1.93892 13.9167 2.08337C14.0611 2.22781 14.1333 2.40559 14.1333 2.6167V5.90003C14.1333 6.12225 14.0611 6.30559 13.9167 6.45003C13.7722 6.59448 13.5944 6.6667 13.3833 6.6667C13.1611 6.6667 12.9778 6.59448 12.8333 6.45003C12.6889 6.30559 12.6167 6.12225 12.6167 5.90003V4.43337L7.1 9.95003C6.96667 10.0945 6.79733 10.1667 6.592 10.1667C6.38622 10.1667 6.21111 10.0889 6.06667 9.93337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M5.075 21.2001C4.44167 21.2001 3.90433 20.9794 3.463 20.538C3.021 20.096 2.8 19.5584 2.8 18.925V5.07505C2.8 4.44172 3.021 3.90405 3.463 3.46205C3.90433 3.02072 4.44167 2.80005 5.075 2.80005H10.85C11.1833 2.80005 11.4583 2.90838 11.675 3.12505C11.8917 3.34172 12 3.60838 12 3.92505C12 4.25838 11.8917 4.53338 11.675 4.75005C11.4583 4.96672 11.1833 5.07505 10.85 5.07505H5.075V18.925H18.925V13.15C18.925 12.8167 19.0333 12.5417 19.25 12.325C19.4667 12.1084 19.7417 12 20.075 12C20.3917 12 20.6583 12.1084 20.875 12.325C21.0917 12.5417 21.2 12.8167 21.2 13.15V18.925C21.2 19.5584 20.9793 20.096 20.538 20.538C20.096 20.9794 19.5583 21.2001 18.925 21.2001H5.075ZM9.1 14.9C8.88333 14.7 8.775 14.4417 8.775 14.125C8.775 13.8084 8.88333 13.5417 9.1 13.325L17.35 5.07505H15.15C14.8167 5.07505 14.5417 4.96672 14.325 4.75005C14.1083 4.53338 14 4.25838 14 3.92505C14 3.60838 14.1083 3.34172 14.325 3.12505C14.5417 2.90838 14.8167 2.80005 15.15 2.80005H20.075C20.3917 2.80005 20.6583 2.90838 20.875 3.12505C21.0917 3.34172 21.2 3.60838 21.2 3.92505V8.85005C21.2 9.18338 21.0917 9.45838 20.875 9.67505C20.6583 9.89172 20.3917 10 20.075 10C19.7417 10 19.4667 9.89172 19.25 9.67505C19.0333 9.45838 18.925 9.18338 18.925 8.85005V6.65005L10.65 14.925C10.45 15.1417 10.196 15.25 9.888 15.25C9.57933 15.25 9.31667 15.1334 9.1 14.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M5.92084 24.7334C5.18195 24.7334 4.55506 24.4759 4.04017 23.9611C3.5245 23.4454 3.26667 22.8181 3.26667 22.0792V5.92089C3.26667 5.182 3.5245 4.55472 4.04017 4.03906C4.55506 3.52417 5.18195 3.26672 5.92084 3.26672H12.6583C13.0472 3.26672 13.3681 3.39311 13.6208 3.64589C13.8736 3.89867 14 4.20978 14 4.57922C14 4.96811 13.8736 5.28895 13.6208 5.54172C13.3681 5.7945 13.0472 5.92089 12.6583 5.92089H5.92084V22.0792H22.0792V15.3417C22.0792 14.9528 22.2056 14.632 22.4583 14.3792C22.7111 14.1264 23.032 14.0001 23.4208 14.0001C23.7903 14.0001 24.1014 14.1264 24.3542 14.3792C24.607 14.632 24.7333 14.9528 24.7333 15.3417V22.0792C24.7333 22.8181 24.4759 23.4454 23.961 23.9611C23.4453 24.4759 22.8181 24.7334 22.0792 24.7334H5.92084ZM10.6167 17.3834C10.3639 17.1501 10.2375 16.8487 10.2375 16.4792C10.2375 16.1098 10.3639 15.7987 10.6167 15.5459L20.2417 5.92089H17.675C17.2861 5.92089 16.9653 5.7945 16.7125 5.54172C16.4597 5.28895 16.3333 4.96811 16.3333 4.57922C16.3333 4.20978 16.4597 3.89867 16.7125 3.64589C16.9653 3.39311 17.2861 3.26672 17.675 3.26672H23.4208C23.7903 3.26672 24.1014 3.39311 24.3542 3.64589C24.607 3.89867 24.7333 4.20978 24.7333 4.57922V10.3251C24.7333 10.7139 24.607 11.0348 24.3542 11.2876C24.1014 11.5403 23.7903 11.6667 23.4208 11.6667C23.032 11.6667 22.7111 11.5403 22.4583 11.2876C22.2056 11.0348 22.0792 10.7139 22.0792 10.3251V7.75839L12.425 17.4126C12.1917 17.6653 11.8953 17.7917 11.536 17.7917C11.1759 17.7917 10.8694 17.6556 10.6167 17.3834Z", fill: "currentColor" })))));
   }
   static get is() { return "swirl-icon-open-in-new"; }
   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-people-alt.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 SwirlIconPeopleAlt {
   constructor() {
@@ -8,54 +8,45 @@ export class SwirlIconPeopleAlt {
   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", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.1133 8.75329C12.0267 9.37329 12.6667 10.2133 12.6667 11.3333V13.3333H14.6667C15.0333 13.3333 15.3333 13.0333 15.3333 12.6666V11.3333C15.3333 9.87996 12.9533 9.01996 11.1133 8.75329Z", fill: "currentColor" }),
-        h("path", { d: "M5.99999 7.99996C7.47275 7.99996 8.66666 6.80605 8.66666 5.33329C8.66666 3.86053 7.47275 2.66663 5.99999 2.66663C4.52723 2.66663 3.33332 3.86053 3.33332 5.33329C3.33332 6.80605 4.52723 7.99996 5.99999 7.99996Z", fill: "currentColor" }),
-        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.99999 7.99996C11.4733 7.99996 12.6667 6.80663 12.6667 5.33329C12.6667 3.85996 11.4733 2.66663 9.99999 2.66663C9.68666 2.66663 9.39332 2.73329 9.11332 2.82663C9.66666 3.51329 9.99999 4.38663 9.99999 5.33329C9.99999 6.27996 9.66666 7.15329 9.11332 7.83996C9.39332 7.93329 9.68666 7.99996 9.99999 7.99996Z", fill: "currentColor" }),
-        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.99999 8.66663C4.21999 8.66663 0.666656 9.55996 0.666656 11.3333V12.6666C0.666656 13.0333 0.966656 13.3333 1.33332 13.3333H10.6667C11.0333 13.3333 11.3333 13.0333 11.3333 12.6666V11.3333C11.3333 9.55996 7.77999 8.66663 5.99999 8.66663Z", fill: "currentColor" }))),
-      (this.size === 20 || this.size === 24) && (h(Fragment, null,
-        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.67 13.13C18.04 14.06 19 15.32 19 17V20H22C22.55 20 23 19.55 23 19V17C23 14.82 19.43 13.53 16.67 13.13Z", fill: "currentColor" }),
-        h("path", { d: "M9 12C11.2091 12 13 10.2091 13 8C13 5.79086 11.2091 4 9 4C6.79086 4 5 5.79086 5 8C5 10.2091 6.79086 12 9 12Z", fill: "currentColor" }),
-        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15 12C17.21 12 19 10.21 19 8C19 5.79 17.21 4 15 4C14.53 4 14.09 4.1 13.67 4.24C14.5 5.27 15 6.58 15 8C15 9.42 14.5 10.73 13.67 11.76C14.09 11.9 14.53 12 15 12Z", fill: "currentColor" }),
-        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 13C6.33 13 1 14.34 1 17V19C1 19.55 1.45 20 2 20H16C16.55 20 17 19.55 17 19V17C17 14.34 11.67 13 9 13Z", fill: "currentColor" }))),
-      this.size === 28 && (h(Fragment, null,
-        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.4483 15.3183C21.0467 16.4033 22.1667 17.8733 22.1667 19.8333V23.3333H25.6667C26.3083 23.3333 26.8333 22.8083 26.8333 22.1666V19.8333C26.8333 17.29 22.6683 15.785 19.4483 15.3183Z", fill: "currentColor" }),
-        h("path", { d: "M10.5 14C13.0773 14 15.1667 11.9106 15.1667 9.33329C15.1667 6.75596 13.0773 4.66663 10.5 4.66663C7.92266 4.66663 5.83332 6.75596 5.83332 9.33329C5.83332 11.9106 7.92266 14 10.5 14Z", fill: "currentColor" }),
-        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.5 14C20.0783 14 22.1667 11.9116 22.1667 9.33329C22.1667 6.75496 20.0783 4.66663 17.5 4.66663C16.9517 4.66663 16.4383 4.78329 15.9483 4.94663C16.9167 6.14829 17.5 7.67663 17.5 9.33329C17.5 10.99 16.9167 12.5183 15.9483 13.72C16.4383 13.8833 16.9517 14 17.5 14Z", fill: "currentColor" }),
-        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.5 15.1666C7.38499 15.1666 1.16666 16.73 1.16666 19.8333V22.1666C1.16666 22.8083 1.69166 23.3333 2.33332 23.3333H18.6667C19.3083 23.3333 19.8333 22.8083 19.8333 22.1666V19.8333C19.8333 16.73 13.615 15.1666 10.5 15.1666Z", 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", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.1133 8.75329C12.0267 9.37329 12.6667 10.2133 12.6667 11.3333V13.3333H14.6667C15.0333 13.3333 15.3333 13.0333 15.3333 12.6666V11.3333C15.3333 9.87996 12.9533 9.01996 11.1133 8.75329Z", fill: "currentColor" }), h("path", { d: "M5.99999 7.99996C7.47275 7.99996 8.66666 6.80605 8.66666 5.33329C8.66666 3.86053 7.47275 2.66663 5.99999 2.66663C4.52723 2.66663 3.33332 3.86053 3.33332 5.33329C3.33332 6.80605 4.52723 7.99996 5.99999 7.99996Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.99999 7.99996C11.4733 7.99996 12.6667 6.80663 12.6667 5.33329C12.6667 3.85996 11.4733 2.66663 9.99999 2.66663C9.68666 2.66663 9.39332 2.73329 9.11332 2.82663C9.66666 3.51329 9.99999 4.38663 9.99999 5.33329C9.99999 6.27996 9.66666 7.15329 9.11332 7.83996C9.39332 7.93329 9.68666 7.99996 9.99999 7.99996Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.99999 8.66663C4.21999 8.66663 0.666656 9.55996 0.666656 11.3333V12.6666C0.666656 13.0333 0.966656 13.3333 1.33332 13.3333H10.6667C11.0333 13.3333 11.3333 13.0333 11.3333 12.6666V11.3333C11.3333 9.55996 7.77999 8.66663 5.99999 8.66663Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.67 13.13C18.04 14.06 19 15.32 19 17V20H22C22.55 20 23 19.55 23 19V17C23 14.82 19.43 13.53 16.67 13.13Z", fill: "currentColor" }), h("path", { d: "M9 12C11.2091 12 13 10.2091 13 8C13 5.79086 11.2091 4 9 4C6.79086 4 5 5.79086 5 8C5 10.2091 6.79086 12 9 12Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15 12C17.21 12 19 10.21 19 8C19 5.79 17.21 4 15 4C14.53 4 14.09 4.1 13.67 4.24C14.5 5.27 15 6.58 15 8C15 9.42 14.5 10.73 13.67 11.76C14.09 11.9 14.53 12 15 12Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 13C6.33 13 1 14.34 1 17V19C1 19.55 1.45 20 2 20H16C16.55 20 17 19.55 17 19V17C17 14.34 11.67 13 9 13Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.4483 15.3183C21.0467 16.4033 22.1667 17.8733 22.1667 19.8333V23.3333H25.6667C26.3083 23.3333 26.8333 22.8083 26.8333 22.1666V19.8333C26.8333 17.29 22.6683 15.785 19.4483 15.3183Z", fill: "currentColor" }), h("path", { d: "M10.5 14C13.0773 14 15.1667 11.9106 15.1667 9.33329C15.1667 6.75596 13.0773 4.66663 10.5 4.66663C7.92266 4.66663 5.83332 6.75596 5.83332 9.33329C5.83332 11.9106 7.92266 14 10.5 14Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.5 14C20.0783 14 22.1667 11.9116 22.1667 9.33329C22.1667 6.75496 20.0783 4.66663 17.5 4.66663C16.9517 4.66663 16.4383 4.78329 15.9483 4.94663C16.9167 6.14829 17.5 7.67663 17.5 9.33329C17.5 10.99 16.9167 12.5183 15.9483 13.72C16.4383 13.8833 16.9517 14 17.5 14Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.5 15.1666C7.38499 15.1666 1.16666 16.73 1.16666 19.8333V22.1666C1.16666 22.8083 1.69166 23.3333 2.33332 23.3333H18.6667C19.3083 23.3333 19.8333 22.8083 19.8333 22.1666V19.8333C19.8333 16.73 13.615 15.1666 10.5 15.1666Z", fill: "currentColor" })))));
   }
   static get is() { return "swirl-icon-people-alt"; }
   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-person-off.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 SwirlIconPersonOff {
   constructor() {
@@ -8,45 +8,45 @@ export class SwirlIconPersonOff {
   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.23708 3.41005C6.71041 2.67672 7.53708 2.19672 8.47042 2.19672C9.94375 2.19672 11.1371 3.39005 11.1371 4.86338C11.1371 5.79672 10.6571 6.62338 9.92375 7.09672L6.23708 3.41005ZM13.8037 10.9767C13.7904 10.2434 13.3837 9.57005 12.7304 9.23005C12.3704 9.04338 11.9771 8.87005 11.5504 8.72338L13.8037 10.9767ZM14.1304 13.19L2.81042 1.87005C2.55042 1.61005 2.13042 1.61005 1.87042 1.87005C1.61042 2.13005 1.61042 2.55005 1.87042 2.81005L7.32375 8.26338C6.11042 8.41672 5.05042 8.79672 4.19042 9.23672C3.53708 9.58338 3.13708 10.27 3.13708 11.01V12.8634H11.9171L13.1837 14.13C13.4437 14.39 13.8637 14.39 14.1237 14.13C14.3904 13.87 14.3904 13.45 14.1304 13.19Z", fill: "currentColor" }))),
-      (this.size === 20 || this.size === 24) && (h(Fragment, null,
-        h("path", { d: "M9.35562 5.11495C10.0656 4.01495 11.3056 3.29495 12.7056 3.29495C14.9156 3.29495 16.7056 5.08495 16.7056 7.29495C16.7056 8.69495 15.9856 9.93495 14.8856 10.645L9.35562 5.11495ZM20.7056 16.465C20.6856 15.365 20.0756 14.355 19.0956 13.845C18.5556 13.565 17.9656 13.305 17.3256 13.085L20.7056 16.465ZM21.1956 19.785L4.21562 2.80495C3.82562 2.41495 3.19562 2.41495 2.80562 2.80495C2.41562 3.19495 2.41562 3.82495 2.80562 4.21495L10.9856 12.395C9.16562 12.625 7.57562 13.195 6.28562 13.855C5.30562 14.375 4.70562 15.405 4.70562 16.515V19.295H17.8756L19.7756 21.195C20.1656 21.5849 20.7956 21.5849 21.1856 21.195C21.5856 20.805 21.5856 20.1749 21.1956 19.785Z", fill: "currentColor" }))),
-      this.size === 28 && (h(Fragment, null,
-        h("path", { d: "M10.9149 5.96752C11.7432 4.68419 13.1899 3.84419 14.8232 3.84419C17.4016 3.84419 19.4899 5.93252 19.4899 8.51086C19.4899 10.1442 18.6499 11.5909 17.3666 12.4192L10.9149 5.96752ZM24.1566 19.2092C24.1332 17.9259 23.4216 16.7475 22.2782 16.1525C21.6482 15.8259 20.9599 15.5225 20.2132 15.2659L24.1566 19.2092ZM24.7282 23.0825L4.91823 3.27252C4.46323 2.81752 3.72823 2.81752 3.27323 3.27252C2.81823 3.72752 2.81823 4.46252 3.27323 4.91752L12.8166 14.4609C10.6932 14.7292 8.83823 15.3942 7.33323 16.1642C6.18989 16.7709 5.48989 17.9725 5.48989 19.2675V22.5109H20.8549L23.0716 24.7275C23.5266 25.1825 24.2616 25.1825 24.7166 24.7275C25.1832 24.2725 25.1832 23.5375 24.7282 23.0825Z", 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.23708 3.41005C6.71041 2.67672 7.53708 2.19672 8.47042 2.19672C9.94375 2.19672 11.1371 3.39005 11.1371 4.86338C11.1371 5.79672 10.6571 6.62338 9.92375 7.09672L6.23708 3.41005ZM13.8037 10.9767C13.7904 10.2434 13.3837 9.57005 12.7304 9.23005C12.3704 9.04338 11.9771 8.87005 11.5504 8.72338L13.8037 10.9767ZM14.1304 13.19L2.81042 1.87005C2.55042 1.61005 2.13042 1.61005 1.87042 1.87005C1.61042 2.13005 1.61042 2.55005 1.87042 2.81005L7.32375 8.26338C6.11042 8.41672 5.05042 8.79672 4.19042 9.23672C3.53708 9.58338 3.13708 10.27 3.13708 11.01V12.8634H11.9171L13.1837 14.13C13.4437 14.39 13.8637 14.39 14.1237 14.13C14.3904 13.87 14.3904 13.45 14.1304 13.19Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9.35562 5.11495C10.0656 4.01495 11.3056 3.29495 12.7056 3.29495C14.9156 3.29495 16.7056 5.08495 16.7056 7.29495C16.7056 8.69495 15.9856 9.93495 14.8856 10.645L9.35562 5.11495ZM20.7056 16.465C20.6856 15.365 20.0756 14.355 19.0956 13.845C18.5556 13.565 17.9656 13.305 17.3256 13.085L20.7056 16.465ZM21.1956 19.785L4.21562 2.80495C3.82562 2.41495 3.19562 2.41495 2.80562 2.80495C2.41562 3.19495 2.41562 3.82495 2.80562 4.21495L10.9856 12.395C9.16562 12.625 7.57562 13.195 6.28562 13.855C5.30562 14.375 4.70562 15.405 4.70562 16.515V19.295H17.8756L19.7756 21.195C20.1656 21.5849 20.7956 21.5849 21.1856 21.195C21.5856 20.805 21.5856 20.1749 21.1956 19.785Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M10.9149 5.96752C11.7432 4.68419 13.1899 3.84419 14.8232 3.84419C17.4016 3.84419 19.4899 5.93252 19.4899 8.51086C19.4899 10.1442 18.6499 11.5909 17.3666 12.4192L10.9149 5.96752ZM24.1566 19.2092C24.1332 17.9259 23.4216 16.7475 22.2782 16.1525C21.6482 15.8259 20.9599 15.5225 20.2132 15.2659L24.1566 19.2092ZM24.7282 23.0825L4.91823 3.27252C4.46323 2.81752 3.72823 2.81752 3.27323 3.27252C2.81823 3.72752 2.81823 4.46252 3.27323 4.91752L12.8166 14.4609C10.6932 14.7292 8.83823 15.3942 7.33323 16.1642C6.18989 16.7709 5.48989 17.9725 5.48989 19.2675V22.5109H20.8549L23.0716 24.7275C23.5266 25.1825 24.2616 25.1825 24.7166 24.7275C25.1832 24.2725 25.1832 23.5375 24.7282 23.0825Z", fill: "currentColor" })))));
   }
   static get is() { return "swirl-icon-person-off"; }
   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-person.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 SwirlIconPerson {
   constructor() {
@@ -8,45 +8,45 @@ export class SwirlIconPerson {
   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 8.00002C9.47332 8.00002 10.6667 6.80669 10.6667 5.33335C10.6667 3.86002 9.47332 2.66669 7.99999 2.66669C6.52666 2.66669 5.33332 3.86002 5.33332 5.33335C5.33332 6.80669 6.52666 8.00002 7.99999 8.00002ZM7.99999 9.33335C6.21999 9.33335 2.66666 10.2267 2.66666 12V12.6667C2.66666 13.0334 2.96666 13.3334 3.33332 13.3334H12.6667C13.0333 13.3334 13.3333 13.0334 13.3333 12.6667V12C13.3333 10.2267 9.77999 9.33335 7.99999 9.33335Z", fill: "currentColor" }))),
-      (this.size === 20 || this.size === 24) && (h(Fragment, null,
-        h("path", { d: "M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V19C4 19.55 4.45 20 5 20H19C19.55 20 20 19.55 20 19V18C20 15.34 14.67 14 12 14Z", fill: "currentColor" }))),
-      this.size === 28 && (h(Fragment, null,
-        h("path", { d: "M14 14C16.5783 14 18.6667 11.9117 18.6667 9.33335C18.6667 6.75502 16.5783 4.66669 14 4.66669C11.4217 4.66669 9.33332 6.75502 9.33332 9.33335C9.33332 11.9117 11.4217 14 14 14ZM14 16.3334C10.885 16.3334 4.66666 17.8967 4.66666 21V22.1667C4.66666 22.8084 5.19166 23.3334 5.83332 23.3334H22.1667C22.8083 23.3334 23.3333 22.8084 23.3333 22.1667V21C23.3333 17.8967 17.115 16.3334 14 16.3334Z", 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 8.00002C9.47332 8.00002 10.6667 6.80669 10.6667 5.33335C10.6667 3.86002 9.47332 2.66669 7.99999 2.66669C6.52666 2.66669 5.33332 3.86002 5.33332 5.33335C5.33332 6.80669 6.52666 8.00002 7.99999 8.00002ZM7.99999 9.33335C6.21999 9.33335 2.66666 10.2267 2.66666 12V12.6667C2.66666 13.0334 2.96666 13.3334 3.33332 13.3334H12.6667C13.0333 13.3334 13.3333 13.0334 13.3333 12.6667V12C13.3333 10.2267 9.77999 9.33335 7.99999 9.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V19C4 19.55 4.45 20 5 20H19C19.55 20 20 19.55 20 19V18C20 15.34 14.67 14 12 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 14C16.5783 14 18.6667 11.9117 18.6667 9.33335C18.6667 6.75502 16.5783 4.66669 14 4.66669C11.4217 4.66669 9.33332 6.75502 9.33332 9.33335C9.33332 11.9117 11.4217 14 14 14ZM14 16.3334C10.885 16.3334 4.66666 17.8967 4.66666 21V22.1667C4.66666 22.8084 5.19166 23.3334 5.83332 23.3334H22.1667C22.8083 23.3334 23.3333 22.8084 23.3333 22.1667V21C23.3333 17.8967 17.115 16.3334 14 16.3334Z", fill: "currentColor" })))));
   }
   static get is() { return "swirl-icon-person"; }
   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"
+      }
+    };
+  }
 }