@getflip/swirl-components 0.0.0-new-shell-20231128124118

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconPrint {
+  constructor() {
+    this.size = 24;
+  }
+  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: "M10.6167 5.20003V3.38337H5.38333V5.20003H3.86666V2.6167C3.86666 2.40559 3.93889 2.22781 4.08333 2.08337C4.22777 1.93892 4.40555 1.8667 4.61666 1.8667H11.3833C11.5944 1.8667 11.7722 1.93892 11.9167 2.08337C12.0611 2.22781 12.1333 2.40559 12.1333 2.6167V5.20003H10.6167ZM2.71666 6.7167H13.2833H3.86666H2.71666ZM11.9167 8.50003C12.1167 8.50003 12.286 8.4307 12.4247 8.29203C12.5638 8.15292 12.6333 7.98337 12.6333 7.78337C12.6333 7.57225 12.5638 7.39714 12.4247 7.25803C12.286 7.11937 12.1167 7.05003 11.9167 7.05003C11.7056 7.05003 11.5307 7.11937 11.392 7.25803C11.2529 7.39714 11.1833 7.57225 11.1833 7.78337C11.1833 7.98337 11.2529 8.15292 11.392 8.29203C11.5307 8.4307 11.7056 8.50003 11.9167 8.50003ZM5.38333 12.7167H10.6167V10.35H5.38333V12.7167ZM5.38333 14.2C4.96111 14.2 4.60289 14.0529 4.30866 13.7587C4.014 13.464 3.86666 13.1056 3.86666 12.6834V11.45H1.95C1.73889 11.45 1.56111 11.3749 1.41666 11.2247C1.27222 11.0749 1.2 10.8945 1.2 10.6834V7.33337C1.2 6.73337 1.40555 6.22781 1.81666 5.8167C2.22777 5.40559 2.72777 5.20003 3.31666 5.20003H12.6833C13.2833 5.20003 13.7862 5.40559 14.192 5.8167C14.5973 6.22781 14.8 6.73337 14.8 7.33337V10.6834C14.8 10.8945 14.7278 11.0749 14.5833 11.2247C14.4389 11.3749 14.2611 11.45 14.05 11.45H12.1333V12.6834C12.1333 13.1056 11.9862 13.464 11.692 13.7587C11.3973 14.0529 11.0389 14.2 10.6167 14.2H5.38333ZM13.2833 9.93337V7.33337C13.2833 7.15559 13.2278 7.00825 13.1167 6.89137C13.0056 6.77492 12.8611 6.7167 12.6833 6.7167H3.31666C3.15 6.7167 3.00844 6.77492 2.892 6.89137C2.77511 7.00825 2.71666 7.15559 2.71666 7.33337V9.93337H3.86666V8.83337H12.1333V9.93337H13.2833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15.925 7.80005V5.07505H8.075V7.80005H5.8V3.92505C5.8 3.60838 5.90833 3.34172 6.125 3.12505C6.34167 2.90838 6.60833 2.80005 6.925 2.80005H17.075C17.3917 2.80005 17.6583 2.90838 17.875 3.12505C18.0917 3.34172 18.2 3.60838 18.2 3.92505V7.80005H15.925ZM4.075 10.075H19.925H5.8H4.075ZM17.875 12.75C18.175 12.75 18.429 12.646 18.637 12.438C18.8457 12.2294 18.95 11.975 18.95 11.675C18.95 11.3584 18.8457 11.0957 18.637 10.887C18.429 10.679 18.175 10.575 17.875 10.575C17.5583 10.575 17.296 10.679 17.088 10.887C16.8793 11.0957 16.775 11.3584 16.775 11.675C16.775 11.975 16.8793 12.2294 17.088 12.438C17.296 12.646 17.5583 12.75 17.875 12.75ZM8.075 19.0751H15.925V15.525H8.075V19.0751ZM8.075 21.3C7.44167 21.3 6.90433 21.0794 6.463 20.6381C6.021 20.1961 5.8 19.6584 5.8 19.025V17.175H2.925C2.60833 17.175 2.34167 17.0624 2.125 16.837C1.90833 16.6124 1.8 16.3417 1.8 16.025V11C1.8 10.1 2.10833 9.34172 2.725 8.72505C3.34167 8.10838 4.09167 7.80005 4.975 7.80005H19.025C19.925 7.80005 20.6793 8.10838 21.288 8.72505C21.896 9.34172 22.2 10.1 22.2 11V16.025C22.2 16.3417 22.0917 16.6124 21.875 16.837C21.6583 17.0624 21.3917 17.175 21.075 17.175H18.2V19.025C18.2 19.6584 17.9793 20.1961 17.538 20.6381C17.096 21.0794 16.5583 21.3 15.925 21.3H8.075ZM19.925 14.9V11C19.925 10.7334 19.8417 10.5124 19.675 10.337C19.5083 10.1624 19.2917 10.075 19.025 10.075H4.975C4.725 10.075 4.51267 10.1624 4.338 10.337C4.16267 10.5124 4.075 10.7334 4.075 11V14.9H5.8V13.25H18.2V14.9H19.925Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M18.5792 9.10006V5.92089H9.42083V9.10006H6.76666V4.57922C6.76666 4.20978 6.89305 3.89867 7.14583 3.64589C7.39861 3.39311 7.70972 3.26672 8.07916 3.26672H19.9208C20.2903 3.26672 20.6014 3.39311 20.8542 3.64589C21.1069 3.89867 21.2333 4.20978 21.2333 4.57922V9.10006H18.5792ZM4.75416 11.7542H23.2458H6.76666H4.75416ZM20.8542 14.8751C21.2042 14.8751 21.5005 14.7537 21.7432 14.5111C21.9866 14.2676 22.1083 13.9709 22.1083 13.6209C22.1083 13.2514 21.9866 12.945 21.7432 12.7016C21.5005 12.4589 21.2042 12.3376 20.8542 12.3376C20.4847 12.3376 20.1787 12.4589 19.936 12.7016C19.6926 12.945 19.5708 13.2514 19.5708 13.6209C19.5708 13.9709 19.6926 14.2676 19.936 14.5111C20.1787 14.7537 20.4847 14.8751 20.8542 14.8751ZM9.42083 22.2542H18.5792V18.1126H9.42083V22.2542ZM9.42083 24.8501C8.68194 24.8501 8.05505 24.5926 7.54017 24.0777C7.0245 23.5621 6.76666 22.9348 6.76666 22.1959V20.0376H3.4125C3.04305 20.0376 2.73194 19.9061 2.47917 19.6432C2.22639 19.3811 2.1 19.0653 2.1 18.6959V12.8334C2.1 11.7834 2.45972 10.8987 3.17917 10.1792C3.89861 9.45978 4.77361 9.10006 5.80416 9.10006H22.1958C23.2458 9.10006 24.1259 9.45978 24.836 10.1792C25.5453 10.8987 25.9 11.7834 25.9 12.8334V18.6959C25.9 19.0653 25.7736 19.3811 25.5208 19.6432C25.2681 19.9061 24.9569 20.0376 24.5875 20.0376H21.2333V22.1959C21.2333 22.9348 20.9759 23.5621 20.461 24.0777C19.9453 24.5926 19.3181 24.8501 18.5792 24.8501H9.42083ZM23.2458 17.3834V12.8334C23.2458 12.5223 23.1486 12.2644 22.9542 12.0599C22.7597 11.8561 22.5069 11.7542 22.1958 11.7542H5.80416C5.5125 11.7542 5.26478 11.8561 5.061 12.0599C4.85644 12.2644 4.75416 12.5223 4.75416 12.8334V17.3834H6.76666V15.4584H21.2333V17.3834H23.2458Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-print"; }
+  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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconRecieved {
+  constructor() {
+    this.size = 24;
+  }
+  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: "M1.16667 9.16662L3.2929 11.2928C3.68342 11.6834 4.31659 11.6834 4.70711 11.2928L10.5 5.49995C10.7761 5.22381 10.7761 4.7761 10.5 4.49995C10.2239 4.22381 9.77615 4.22381 9.5 4.49995L4 9.99995L2.16667 8.16662C1.89053 7.89048 1.44281 7.89048 1.16667 8.16662C0.890529 8.44276 0.890529 8.89048 1.16667 9.16662Z", fill: "currentColor" }), h("path", { d: "M8 9.33329L7 10.3333L7.95957 11.2928C8.35009 11.6834 8.98325 11.6834 9.37378 11.2928L15.1667 5.49995C15.4428 5.22381 15.4428 4.7761 15.1667 4.49995C14.8905 4.22381 14.4428 4.22381 14.1667 4.49995L8.66667 9.99995L8 9.33329Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M1.74999 13.75L4.93933 16.9393C5.52512 17.5251 6.47486 17.5251 7.06065 16.9393L15.75 8.24999C16.1642 7.83578 16.1642 7.1642 15.75 6.74999C15.3358 6.33578 14.6642 6.33578 14.25 6.74999L5.99999 15L3.24999 12.25C2.83578 11.8358 2.1642 11.8358 1.74999 12.25C1.33578 12.6642 1.33578 13.3358 1.74999 13.75Z", fill: "currentColor" }), h("path", { d: "M12 14L10.5 15.5L11.9393 16.9393C12.5251 17.5251 13.4749 17.5251 14.0607 16.9393L22.75 8.24999C23.1642 7.83578 23.1642 7.1642 22.75 6.74999C22.3358 6.33578 21.6642 6.33578 21.25 6.74999L13 15L12 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M2.04167 16.0417L5.76256 19.7626C6.44598 20.446 7.55402 20.446 8.23744 19.7626L18.375 9.62501C18.8583 9.14176 18.8583 8.35826 18.375 7.87501C17.8918 7.39176 17.1082 7.39176 16.625 7.87501L7 17.5L3.79167 14.2917C3.30842 13.8084 2.52492 13.8084 2.04167 14.2917C1.55842 14.7749 1.55842 15.5584 2.04167 16.0417Z", fill: "currentColor" }), h("path", { d: "M14 16.3333L12.25 18.0833L13.9292 19.7626C14.6126 20.446 15.7207 20.446 16.4041 19.7626L26.5417 9.62501C27.0249 9.14176 27.0249 8.35826 26.5417 7.87501C26.0584 7.39176 25.2749 7.39176 24.7917 7.87501L15.1667 17.5L14 16.3333Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-recieved"; }
+  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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconRemove {
+  constructor() {
+    this.size = 24;
+  }
+  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: "M4 8.76661C3.78889 8.76661 3.60844 8.6915 3.45866 8.54128C3.30844 8.3915 3.23333 8.21105 3.23333 7.99994C3.23333 7.78883 3.30844 7.60839 3.45866 7.45861C3.60844 7.30839 3.78889 7.23328 4 7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H4Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M6 13.15C5.68333 13.15 5.41267 13.0373 5.188 12.812C4.96267 12.5873 4.85 12.3166 4.85 12C4.85 11.6833 4.96267 11.4126 5.188 11.188C5.41267 10.9626 5.68333 10.85 6 10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M7 15.3417C6.63056 15.3417 6.31478 15.2102 6.05267 14.9473C5.78978 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78978 13.3148 6.05267 13.0527C6.31478 12.7898 6.63056 12.6583 7 12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H7Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-remove"; }
+  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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconReply {
+  constructor() {
+    this.size = 24;
+  }
+  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.66667 6.00009V4.94009C6.66667 4.34676 5.94667 4.04676 5.52667 4.46676L2.46667 7.52676C2.20667 7.78676 2.20667 8.20676 2.46667 8.46676L5.52667 11.5268C5.94667 11.9468 6.66667 11.6534 6.66667 11.0601V9.93343C10 9.93343 12.3333 11.0001 14 13.3334C13.3333 10.0001 11.3333 6.66676 6.66667 6.00009Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9.99997 9.00002V7.41002C9.99997 6.52002 8.91997 6.07002 8.28997 6.70002L3.69997 11.29C3.30997 11.68 3.30997 12.31 3.69997 12.7L8.28997 17.29C8.91997 17.92 9.99997 17.48 9.99997 16.59V14.9C15 14.9 18.5 16.5 21 20C20 15 17 10 9.99997 9.00002Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M11.6667 10.5V8.64498C11.6667 7.60665 10.4067 7.08165 9.67165 7.81665L4.31665 13.1716C3.86165 13.6266 3.86165 14.3616 4.31665 14.8166L9.67165 20.1716C10.4067 20.9066 11.6667 20.3933 11.6667 19.355V17.3833C17.5 17.3833 21.5833 19.25 24.5 23.3333C23.3333 17.5 19.8333 11.6666 11.6667 10.5Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-reply"; }
+  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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconReport {
+  constructor() {
+    this.size = 24;
+  }
+  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.99998 14.0001C3.81109 14.0001 3.65276 13.9362 3.52498 13.8084C3.3972 13.6806 3.33331 13.5223 3.33331 13.3334V3.33341C3.33331 3.14453 3.3972 2.98619 3.52498 2.85841C3.65276 2.73064 3.81109 2.66675 3.99998 2.66675H8.78331C8.93887 2.66675 9.07776 2.71675 9.19998 2.81675C9.3222 2.91675 9.39998 3.04453 9.43331 3.20008L9.59998 4.00008H12.6666C12.8555 4.00008 13.0139 4.06397 13.1416 4.19175C13.2694 4.31953 13.3333 4.47786 13.3333 4.66675V10.0001C13.3333 10.189 13.2694 10.3473 13.1416 10.4751C13.0139 10.6029 12.8555 10.6667 12.6666 10.6667H9.21665C9.06109 10.6667 8.9222 10.6167 8.79998 10.5167C8.67776 10.4167 8.59998 10.289 8.56665 10.1334L8.39998 9.33341H4.66665V13.3334C4.66665 13.5223 4.60276 13.6806 4.47498 13.8084C4.3472 13.9362 4.18887 14.0001 3.99998 14.0001ZM9.76665 9.33341H12V5.33341H8.49998L8.23331 4.00008H4.66665V8.00008H9.49998L9.76665 9.33341Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M6 21C5.71667 21 5.47917 20.9042 5.2875 20.7125C5.09583 20.5208 5 20.2833 5 20V5C5 4.71667 5.09583 4.47917 5.2875 4.2875C5.47917 4.09583 5.71667 4 6 4H13.175C13.4083 4 13.6167 4.075 13.8 4.225C13.9833 4.375 14.1 4.56667 14.15 4.8L14.4 6H19C19.2833 6 19.5208 6.09583 19.7125 6.2875C19.9042 6.47917 20 6.71667 20 7V15C20 15.2833 19.9042 15.5208 19.7125 15.7125C19.5208 15.9042 19.2833 16 19 16H13.825C13.5917 16 13.3833 15.925 13.2 15.775C13.0167 15.625 12.9 15.4333 12.85 15.2L12.6 14H7V20C7 20.2833 6.90417 20.5208 6.7125 20.7125C6.52083 20.9042 6.28333 21 6 21ZM14.65 14H18V8H12.75L12.35 6H7V12H14.25L14.65 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M6.99998 24.5001C6.66942 24.5001 6.39234 24.3883 6.16873 24.1647C5.94512 23.9411 5.83331 23.664 5.83331 23.3334V5.83341C5.83331 5.50286 5.94512 5.22578 6.16873 5.00216C6.39234 4.77855 6.66942 4.66675 6.99998 4.66675H15.3708C15.643 4.66675 15.8861 4.75425 16.1 4.92925C16.3139 5.10425 16.45 5.32786 16.5083 5.60008L16.8 7.00008H22.1666C22.4972 7.00008 22.7743 7.11189 22.9979 7.3355C23.2215 7.55911 23.3333 7.83619 23.3333 8.16675V17.5001C23.3333 17.8306 23.2215 18.1077 22.9979 18.3313C22.7743 18.5549 22.4972 18.6667 22.1666 18.6667H16.1291C15.8569 18.6667 15.6139 18.5792 15.4 18.4042C15.1861 18.2292 15.05 18.0056 14.9916 17.7334L14.7 16.3334H8.16665V23.3334C8.16665 23.664 8.05484 23.9411 7.83123 24.1647C7.60762 24.3883 7.33054 24.5001 6.99998 24.5001ZM17.0916 16.3334H21V9.33342H14.875L14.4083 7.00008H8.16665V14.0001H16.625L17.0916 16.3334Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-report"; }
+  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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconRoadmap {
+  constructor() {
+    this.size = 24;
+  }
+  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: "M2.66663 3.66667C2.66663 3.11439 3.11434 2.66667 3.66663 2.66667H6.99996C7.55224 2.66667 7.99996 3.11439 7.99996 3.66667C7.99996 4.21896 7.55224 4.66667 6.99996 4.66667H3.66663C3.11434 4.66667 2.66663 4.21896 2.66663 3.66667Z", fill: "currentColor" }), h("path", { d: "M2.66663 12.3333C2.66663 11.7811 3.11434 11.3333 3.66663 11.3333H5.66663C6.21891 11.3333 6.66663 11.7811 6.66663 12.3333C6.66663 12.8856 6.21891 13.3333 5.66663 13.3333H3.66663C3.11434 13.3333 2.66663 12.8856 2.66663 12.3333Z", fill: "currentColor" }), h("path", { d: "M5.33329 8.00001C5.33329 7.44772 5.78101 7.00001 6.33329 7.00001H12.3333C12.8856 7.00001 13.3333 7.44772 13.3333 8.00001C13.3333 8.55229 12.8856 9.00001 12.3333 9.00001H6.33329C5.78101 9.00001 5.33329 8.55229 5.33329 8.00001Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M4 5.5C4 4.67157 4.67157 4 5.5 4H10.5C11.3284 4 12 4.67157 12 5.5C12 6.32843 11.3284 7 10.5 7H5.5C4.67157 7 4 6.32843 4 5.5Z", fill: "currentColor" }), h("path", { d: "M4 18.5C4 17.6716 4.67157 17 5.5 17H8.5C9.32843 17 10 17.6716 10 18.5C10 19.3284 9.32843 20 8.5 20H5.5C4.67157 20 4 19.3284 4 18.5Z", fill: "currentColor" }), h("path", { d: "M8 12C8 11.1716 8.67157 10.5 9.5 10.5H18.5C19.3284 10.5 20 11.1716 20 12C20 12.8284 19.3284 13.5 18.5 13.5H9.5C8.67157 13.5 8 12.8284 8 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M4.66663 6.41667C4.66663 5.45017 5.45013 4.66667 6.41663 4.66667H12.25C13.2165 4.66667 14 5.45017 14 6.41667C14 7.38317 13.2165 8.16667 12.25 8.16667H6.41663C5.45013 8.16667 4.66663 7.38317 4.66663 6.41667Z", fill: "currentColor" }), h("path", { d: "M4.66663 21.5833C4.66663 20.6168 5.45013 19.8333 6.41663 19.8333H9.91663C10.8831 19.8333 11.6666 20.6168 11.6666 21.5833C11.6666 22.5498 10.8831 23.3333 9.91663 23.3333H6.41663C5.45013 23.3333 4.66663 22.5498 4.66663 21.5833Z", fill: "currentColor" }), h("path", { d: "M9.33329 14C9.33329 13.0335 10.1168 12.25 11.0833 12.25H21.5833C22.5498 12.25 23.3333 13.0335 23.3333 14C23.3333 14.9665 22.5498 15.75 21.5833 15.75H11.0833C10.1168 15.75 9.33329 14.9665 9.33329 14Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-roadmap"; }
+  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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-search-strong.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconSearchStrong {
+  constructor() {
+    this.size = 24;
+  }
+  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.3 13.9L8.71667 10.3166C8.39445 10.5389 8.01956 10.7166 7.592 10.85C7.164 10.9833 6.7 11.05 6.2 11.05C4.88889 11.05 3.77512 10.5915 2.85867 9.67464C1.94178 8.75819 1.48334 7.64442 1.48334 6.3333C1.48334 5.02219 1.94178 3.90819 2.85867 2.9913C3.77512 2.07486 4.88889 1.61664 6.2 1.61664C7.51112 1.61664 8.62489 2.07486 9.54134 2.9913C10.4582 3.90819 10.9167 5.02219 10.9167 6.3333C10.9167 6.84442 10.85 7.30819 10.7167 7.72464C10.5833 8.14153 10.4056 8.50553 10.1833 8.81664L13.8 12.45C14 12.65 14.0973 12.8915 14.092 13.1746C14.0862 13.4582 13.9833 13.7 13.7833 13.9C13.5833 14.1 13.336 14.2 13.0413 14.2C12.7471 14.2 12.5 14.1 12.3 13.9V13.9ZM6.2 8.94997C6.93334 8.94997 7.55289 8.69708 8.05867 8.1913C8.564 7.68597 8.81667 7.06664 8.81667 6.3333C8.81667 5.59997 8.564 4.98042 8.05867 4.47464C7.55289 3.9693 6.93334 3.71664 6.2 3.71664C5.46667 3.71664 4.84734 3.9693 4.342 4.47464C3.83623 4.98042 3.58334 5.59997 3.58334 6.3333C3.58334 7.06664 3.83623 7.68597 4.342 8.1913C4.84734 8.69708 5.46667 8.94997 6.2 8.94997Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M18.45 20.85L13.075 15.475C12.5917 15.8083 12.0293 16.075 11.388 16.275C10.746 16.475 10.05 16.575 9.30001 16.575C7.33334 16.575 5.66267 15.8873 4.28801 14.512C2.91267 13.1373 2.22501 11.4667 2.22501 9.49999C2.22501 7.53332 2.91267 5.86232 4.28801 4.48699C5.66267 3.11232 7.33334 2.42499 9.30001 2.42499C11.2667 2.42499 12.9373 3.11232 14.312 4.48699C15.6873 5.86232 16.375 7.53332 16.375 9.49999C16.375 10.2667 16.275 10.9623 16.075 11.587C15.875 12.2123 15.6083 12.7583 15.275 13.225L20.7 18.675C21 18.975 21.146 19.3373 21.138 19.762C21.1293 20.1873 20.975 20.55 20.675 20.85C20.375 21.15 20.004 21.3 19.562 21.3C19.1207 21.3 18.75 21.15 18.45 20.85ZM9.30001 13.425C10.4 13.425 11.3293 13.0457 12.088 12.287C12.846 11.529 13.225 10.6 13.225 9.49999C13.225 8.39999 12.846 7.47065 12.088 6.71199C11.3293 5.95399 10.4 5.57499 9.30001 5.57499C8.20001 5.57499 7.27101 5.95399 6.51301 6.71199C5.75434 7.47065 5.37501 8.39999 5.37501 9.49999C5.37501 10.6 5.75434 11.529 6.51301 12.287C7.27101 13.0457 8.20001 13.425 9.30001 13.425Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M21.525 24.325L15.2542 18.0542C14.6903 18.4431 14.0342 18.7542 13.286 18.9875C12.537 19.2208 11.725 19.3375 10.85 19.3375C8.55555 19.3375 6.60644 18.5352 5.00266 16.9307C3.3981 15.3269 2.59583 13.3778 2.59583 11.0833C2.59583 8.78888 3.3981 6.83939 5.00266 5.23483C6.60644 3.63105 8.55555 2.82916 10.85 2.82916C13.1444 2.82916 15.0935 3.63105 16.6973 5.23483C18.3019 6.83939 19.1042 8.78888 19.1042 11.0833C19.1042 11.9778 18.9875 12.7894 18.7542 13.5182C18.5208 14.2477 18.2097 14.8847 17.8208 15.4292L24.15 21.7875C24.5 22.1375 24.6703 22.5602 24.661 23.0557C24.6509 23.5519 24.4708 23.975 24.1208 24.325C23.7708 24.675 23.338 24.85 22.8223 24.85C22.3074 24.85 21.875 24.675 21.525 24.325V24.325ZM10.85 15.6625C12.1333 15.6625 13.2175 15.2199 14.1027 14.3348C14.987 13.4505 15.4292 12.3667 15.4292 11.0833C15.4292 9.8 14.987 8.71577 14.1027 7.83066C13.2175 6.94633 12.1333 6.50416 10.85 6.50416C9.56666 6.50416 8.48283 6.94633 7.59849 7.83066C6.71338 8.71577 6.27083 9.8 6.27083 11.0833C6.27083 12.3667 6.71338 13.4505 7.59849 14.3348C8.48283 15.2199 9.56666 15.6625 10.85 15.6625Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-search-strong"; }
+  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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconSearch {
+  constructor() {
+    this.size = 24;
+  }
+  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.5333 13.6167L8.83333 9.91669C8.5 10.1722 8.11666 10.3778 7.68333 10.5334C7.25 10.6889 6.78889 10.7667 6.3 10.7667C5.06666 10.7667 4.02222 10.336 3.16666 9.47469C2.31111 8.6138 1.88333 7.56669 1.88333 6.33336C1.88333 5.10002 2.31111 4.05269 3.16666 3.19136C4.02222 2.33047 5.06666 1.90002 6.3 1.90002C7.53333 1.90002 8.58066 2.33047 9.442 3.19136C10.3029 4.05269 10.7333 5.10002 10.7333 6.33336C10.7333 6.82225 10.6584 7.28336 10.5087 7.71669C10.3584 8.15002 10.1556 8.5278 9.9 8.85002L13.6167 12.5834C13.75 12.7167 13.8167 12.8862 13.8167 13.092C13.8167 13.2974 13.7444 13.4722 13.6 13.6167C13.4556 13.7611 13.2751 13.8334 13.0587 13.8334C12.8418 13.8334 12.6667 13.7611 12.5333 13.6167ZM6.3 9.23336C7.11111 9.23336 7.8 8.95269 8.36667 8.39136C8.93333 7.83047 9.21666 7.14447 9.21666 6.33336C9.21666 5.52225 8.93333 4.83602 8.36667 4.27469C7.8 3.7138 7.11111 3.43336 6.3 3.43336C5.48889 3.43336 4.80289 3.7138 4.242 4.27469C3.68066 4.83602 3.4 5.52225 3.4 6.33336C3.4 7.14447 3.68066 7.83047 4.242 8.39136C4.80289 8.95269 5.48889 9.23336 6.3 9.23336Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M18.8 20.425L13.25 14.875C12.75 15.2583 12.175 15.5666 11.525 15.8C10.875 16.0333 10.1833 16.15 9.45001 16.15C7.60001 16.15 6.03335 15.504 4.75001 14.212C3.46668 12.9206 2.82501 11.35 2.82501 9.49998C2.82501 7.64998 3.46668 6.07898 4.75001 4.78698C6.03335 3.49564 7.60001 2.84998 9.45001 2.84998C11.3 2.84998 12.871 3.49564 14.163 4.78698C15.4543 6.07898 16.1 7.64998 16.1 9.49998C16.1 10.2333 15.9877 10.925 15.763 11.575C15.5377 12.225 15.2333 12.7916 14.85 13.275L20.425 18.875C20.625 19.075 20.725 19.3293 20.725 19.638C20.725 19.946 20.6167 20.2083 20.4 20.425C20.1833 20.6416 19.9127 20.75 19.588 20.75C19.2627 20.75 19 20.6416 18.8 20.425ZM9.45001 13.85C10.6667 13.85 11.7 13.429 12.55 12.587C13.4 11.7456 13.825 10.7166 13.825 9.49998C13.825 8.28331 13.4 7.25398 12.55 6.41198C11.7 5.57064 10.6667 5.14998 9.45001 5.14998C8.23335 5.14998 7.20435 5.57064 6.36301 6.41198C5.52101 7.25398 5.10001 8.28331 5.10001 9.49998C5.10001 10.7166 5.52101 11.7456 6.36301 12.587C7.20435 13.429 8.23335 13.85 9.45001 13.85Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M21.9333 23.8292L15.4583 17.3542C14.875 17.8014 14.2042 18.1611 13.4458 18.4333C12.6875 18.7056 11.8806 18.8417 11.025 18.8417C8.86667 18.8417 7.03889 18.088 5.54167 16.5807C4.04445 15.0741 3.29584 13.2417 3.29584 11.0833C3.29584 8.92501 4.04445 7.09218 5.54167 5.58485C7.03889 4.07829 8.86667 3.32501 11.025 3.32501C13.1833 3.32501 15.0162 4.07829 16.5235 5.58485C18.0301 7.09218 18.7833 8.92501 18.7833 11.0833C18.7833 11.9389 18.6523 12.7458 18.3902 13.5042C18.1273 14.2625 17.7722 14.9236 17.325 15.4875L23.8292 22.0208C24.0625 22.2542 24.1792 22.5509 24.1792 22.911C24.1792 23.2703 24.0528 23.5764 23.8 23.8292C23.5472 24.082 23.2314 24.2083 22.8527 24.2083C22.4731 24.2083 22.1667 24.082 21.9333 23.8292ZM11.025 16.1583C12.4444 16.1583 13.65 15.6672 14.6417 14.6848C15.6333 13.7033 16.1292 12.5028 16.1292 11.0833C16.1292 9.6639 15.6333 8.46301 14.6417 7.48068C13.65 6.49912 12.4444 6.00835 11.025 6.00835C9.60556 6.00835 8.40506 6.49912 7.4235 7.48068C6.44117 8.46301 5.95 9.6639 5.95 11.0833C5.95 12.5028 6.44117 13.7033 7.4235 14.6848C8.40506 15.6672 9.60556 16.1583 11.025 16.1583Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-search"; }
+  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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconSecure {
+  constructor() {
+    this.size = 24;
+  }
+  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.39996 9.99977H8.59996C8.69996 9.99977 8.78607 9.95811 8.85829 9.87477C8.93052 9.79144 8.95552 9.69977 8.93329 9.59977L8.61663 7.84977C8.83885 7.73866 9.01385 7.57755 9.14163 7.36644C9.2694 7.15533 9.33329 6.92199 9.33329 6.66644C9.33329 6.29977 9.20274 5.98588 8.94163 5.72477C8.68052 5.46366 8.36663 5.33311 7.99996 5.33311C7.63329 5.33311 7.3194 5.46366 7.05829 5.72477C6.79718 5.98588 6.66663 6.29977 6.66663 6.66644C6.66663 6.92199 6.73051 7.15533 6.85829 7.36644C6.98607 7.57755 7.16107 7.73866 7.38329 7.84977L7.06663 9.59977C7.0444 9.69977 7.0694 9.79144 7.14163 9.87477C7.21385 9.95811 7.29996 9.99977 7.39996 9.99977ZM7.99996 14.5998C7.92218 14.5998 7.84996 14.5942 7.78329 14.5831C7.71663 14.572 7.64996 14.5553 7.58329 14.5331C6.08329 14.0331 4.88885 13.1081 3.99996 11.7581C3.11107 10.4081 2.66663 8.95533 2.66663 7.39977V4.24977C2.66663 3.97199 2.74718 3.72199 2.90829 3.49977C3.0694 3.27755 3.27774 3.11644 3.53329 3.01644L7.53329 1.51644C7.68885 1.46088 7.8444 1.43311 7.99996 1.43311C8.15552 1.43311 8.31107 1.46088 8.46663 1.51644L12.4666 3.01644C12.7222 3.11644 12.9305 3.27755 13.0916 3.49977C13.2527 3.72199 13.3333 3.97199 13.3333 4.24977V7.39977C13.3333 8.95533 12.8888 10.4081 12 11.7581C11.1111 13.1081 9.91663 14.0331 8.41663 14.5331C8.34996 14.5553 8.28329 14.572 8.21663 14.5831C8.14996 14.5942 8.07774 14.5998 7.99996 14.5998ZM7.99996 13.2664C9.15552 12.8998 10.1111 12.1664 10.8666 11.0664C11.6222 9.96644 12 8.74422 12 7.39977V4.24977L7.99996 2.74977L3.99996 4.24977V7.39977C3.99996 8.74422 4.37774 9.96644 5.13329 11.0664C5.88885 12.1664 6.8444 12.8998 7.99996 13.2664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M11.1 14.9999H12.9C13.05 14.9999 13.1792 14.9374 13.2875 14.8124C13.3958 14.6874 13.4333 14.5499 13.4 14.3999L12.925 11.7749C13.2583 11.6082 13.5208 11.3666 13.7125 11.0499C13.9042 10.7332 14 10.3832 14 9.9999C14 9.4499 13.8042 8.97907 13.4125 8.5874C13.0208 8.19574 12.55 7.9999 12 7.9999C11.45 7.9999 10.9792 8.19574 10.5875 8.5874C10.1958 8.97907 10 9.4499 10 9.9999C10 10.3832 10.0958 10.7332 10.2875 11.0499C10.4792 11.3666 10.7417 11.6082 11.075 11.7749L10.6 14.3999C10.5667 14.5499 10.6042 14.6874 10.7125 14.8124C10.8208 14.9374 10.95 14.9999 11.1 14.9999ZM12 21.8999C11.8833 21.8999 11.775 21.8916 11.675 21.8749C11.575 21.8582 11.475 21.8332 11.375 21.7999C9.125 21.0499 7.33333 19.6624 6 17.6374C4.66667 15.6124 4 13.4332 4 11.0999V6.3749C4 5.95824 4.12083 5.58324 4.3625 5.2499C4.60417 4.91657 4.91667 4.6749 5.3 4.5249L11.3 2.2749C11.5333 2.19157 11.7667 2.1499 12 2.1499C12.2333 2.1499 12.4667 2.19157 12.7 2.2749L18.7 4.5249C19.0833 4.6749 19.3958 4.91657 19.6375 5.2499C19.8792 5.58324 20 5.95824 20 6.3749V11.0999C20 13.4332 19.3333 15.6124 18 17.6374C16.6667 19.6624 14.875 21.0499 12.625 21.7999C12.525 21.8332 12.425 21.8582 12.325 21.8749C12.225 21.8916 12.1167 21.8999 12 21.8999ZM12 19.8999C13.7333 19.3499 15.1667 18.2499 16.3 16.5999C17.4333 14.9499 18 13.1166 18 11.0999V6.3749L12 4.1249L6 6.3749V11.0999C6 13.1166 6.56667 14.9499 7.7 16.5999C8.83333 18.2499 10.2667 19.3499 12 19.8999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M12.95 17.5H15.05C15.225 17.5 15.3757 17.4271 15.502 17.2812C15.6284 17.1354 15.6722 16.975 15.6333 16.8L15.0791 13.7375C15.468 13.543 15.7743 13.2611 15.9979 12.8916C16.2215 12.5222 16.3333 12.1139 16.3333 11.6666C16.3333 11.025 16.1048 10.4757 15.6479 10.0187C15.1909 9.56177 14.6416 9.3333 14 9.3333C13.3583 9.3333 12.809 9.56177 12.352 10.0187C11.8951 10.4757 11.6666 11.025 11.6666 11.6666C11.6666 12.1139 11.7784 12.5222 12.002 12.8916C12.2257 13.2611 12.5319 13.543 12.9208 13.7375L12.3666 16.8C12.3277 16.975 12.3715 17.1354 12.4979 17.2812C12.6243 17.4271 12.775 17.5 12.95 17.5ZM14 25.55C13.8638 25.55 13.7375 25.5402 13.6208 25.5208C13.5041 25.5014 13.3875 25.4722 13.2708 25.4333C10.6458 24.5583 8.55551 22.9396 6.99996 20.5771C5.4444 18.2146 4.66663 15.6722 4.66663 12.95V7.43747C4.66663 6.95136 4.8076 6.51386 5.08954 6.12497C5.37149 5.73608 5.73607 5.45413 6.18329 5.27913L13.1833 2.65413C13.4555 2.55691 13.7277 2.5083 14 2.5083C14.2722 2.5083 14.5444 2.55691 14.8166 2.65413L21.8166 5.27913C22.2638 5.45413 22.6284 5.73608 22.9104 6.12497C23.1923 6.51386 23.3333 6.95136 23.3333 7.43747V12.95C23.3333 15.6722 22.5555 18.2146 21 20.5771C19.4444 22.9396 17.3541 24.5583 14.7291 25.4333C14.6125 25.4722 14.4958 25.5014 14.3791 25.5208C14.2625 25.5402 14.1361 25.55 14 25.55ZM14 23.2166C16.0222 22.575 17.6944 21.2916 19.0166 19.3666C20.3388 17.4416 21 15.3027 21 12.95V7.43747L14 4.81247L6.99996 7.43747V12.95C6.99996 15.3027 7.66107 17.4416 8.98329 19.3666C10.3055 21.2916 11.9777 22.575 14 23.2166Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-secure"; }
+  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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconSend {
+  constructor() {
+    this.size = 24;
+  }
+  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: "M2.93333 12.95C2.71111 13.0389 2.5 13.0193 2.3 12.8913C2.1 12.7638 2 12.5778 2 12.3333V9.85C2 9.69444 2.04444 9.55555 2.13333 9.43333C2.22222 9.31111 2.34444 9.23333 2.5 9.2L7.33333 8L2.5 6.8C2.34444 6.76666 2.22222 6.68889 2.13333 6.56666C2.04444 6.44444 2 6.30555 2 6.15V3.66666C2 3.42222 2.1 3.236 2.3 3.108C2.5 2.98044 2.71111 2.96111 2.93333 3.05L13.2 7.38333C13.4778 7.50555 13.6167 7.71111 13.6167 8C13.6167 8.28889 13.4778 8.49444 13.2 8.61666L2.93333 12.95Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M4.4 19.425C4.06667 19.5583 3.75 19.529 3.45 19.337C3.15 19.1457 3 18.8667 3 18.5V14.775C3 14.5417 3.06667 14.3333 3.2 14.15C3.33333 13.9667 3.51667 13.85 3.75 13.8L11 12L3.75 10.2C3.51667 10.15 3.33333 10.0333 3.2 9.84999C3.06667 9.66666 3 9.45833 3 9.22499V5.49999C3 5.13333 3.15 4.85399 3.45 4.66199C3.75 4.47066 4.06667 4.44166 4.4 4.57499L19.8 11.075C20.2167 11.2583 20.425 11.5667 20.425 12C20.425 12.4333 20.2167 12.7417 19.8 12.925L4.4 19.425Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M5.13333 22.6625C4.74444 22.818 4.375 22.7838 4.025 22.5598C3.675 22.3366 3.5 22.0111 3.5 21.5833V17.2375C3.5 16.9653 3.57778 16.7222 3.73333 16.5083C3.88889 16.2944 4.10278 16.1583 4.375 16.1L12.8333 14L4.375 11.9C4.10278 11.8417 3.88889 11.7055 3.73333 11.4917C3.57778 11.2778 3.5 11.0347 3.5 10.7625V6.41666C3.5 5.98888 3.675 5.66299 4.025 5.43899C4.375 5.21577 4.74444 5.18194 5.13333 5.33749L23.1 12.9208C23.5861 13.1347 23.8292 13.4944 23.8292 14C23.8292 14.5055 23.5861 14.8653 23.1 15.0792L5.13333 22.6625Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-send"; }
+  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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconSettings {
+  constructor() {
+    this.size = 24;
+  }
+  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: "M13 8.00004C13 7.84671 12.9933 7.70004 12.98 7.54671L14.22 6.60671C14.4867 6.40671 14.56 6.03337 14.3933 5.74004L13.1467 3.58671C12.98 3.29337 12.62 3.17337 12.3133 3.30671L10.88 3.91337C10.6333 3.74004 10.3733 3.58671 10.1 3.46004L9.90666 1.92004C9.86666 1.58671 9.57999 1.33337 9.24666 1.33337H6.75999C6.41999 1.33337 6.13332 1.58671 6.09332 1.92004L5.89999 3.46004C5.62666 3.58671 5.36666 3.74004 5.11999 3.91337L3.68666 3.30671C3.37999 3.17337 3.01999 3.29337 2.85332 3.58671L1.60666 5.74671C1.43999 6.04004 1.51332 6.40671 1.77999 6.61337L3.01999 7.55337C3.00666 7.70004 2.99999 7.84671 2.99999 8.00004C2.99999 8.15337 3.00666 8.30004 3.01999 8.45337L1.77999 9.39337C1.51332 9.59337 1.43999 9.96671 1.60666 10.26L2.85332 12.4134C3.01999 12.7067 3.37999 12.8267 3.68666 12.6934L5.11999 12.0867C5.36666 12.26 5.62666 12.4134 5.89999 12.54L6.09332 14.08C6.13332 14.4134 6.41999 14.6667 6.75332 14.6667H9.23999C9.57332 14.6667 9.85999 14.4134 9.89999 14.08L10.0933 12.54C10.3667 12.4134 10.6267 12.26 10.8733 12.0867L12.3067 12.6934C12.6133 12.8267 12.9733 12.7067 13.14 12.4134L14.3867 10.26C14.5533 9.96671 14.48 9.60004 14.2133 9.39337L12.9733 8.45337C12.9933 8.30004 13 8.15337 13 8.00004ZM8.02666 10.3334C6.73999 10.3334 5.69332 9.28671 5.69332 8.00004C5.69332 6.71337 6.73999 5.66671 8.02666 5.66671C9.31332 5.66671 10.36 6.71337 10.36 8.00004C10.36 9.28671 9.31332 10.3334 8.02666 10.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M19.5 12C19.5 11.77 19.49 11.55 19.47 11.32L21.33 9.91C21.73 9.61 21.84 9.05 21.59 8.61L19.72 5.38C19.47 4.94 18.93 4.76 18.47 4.96L16.32 5.87C15.95 5.61 15.56 5.38 15.15 5.19L14.86 2.88C14.8 2.38 14.37 2 13.87 2H10.14C9.63 2 9.2 2.38 9.14 2.88L8.85 5.19C8.44 5.38 8.05 5.61 7.68 5.87L5.53 4.96C5.07 4.76 4.53 4.94 4.28 5.38L2.41 8.62C2.16 9.06 2.27 9.61 2.67 9.92L4.53 11.33C4.51 11.55 4.5 11.77 4.5 12C4.5 12.23 4.51 12.45 4.53 12.68L2.67 14.09C2.27 14.39 2.16 14.95 2.41 15.39L4.28 18.62C4.53 19.06 5.07 19.24 5.53 19.04L7.68 18.13C8.05 18.39 8.44 18.62 8.85 18.81L9.14 21.12C9.2 21.62 9.63 22 10.13 22H13.86C14.36 22 14.79 21.62 14.85 21.12L15.14 18.81C15.55 18.62 15.94 18.39 16.31 18.13L18.46 19.04C18.92 19.24 19.46 19.06 19.71 18.62L21.58 15.39C21.83 14.95 21.72 14.4 21.32 14.09L19.46 12.68C19.49 12.45 19.5 12.23 19.5 12ZM12.04 15.5C10.11 15.5 8.54 13.93 8.54 12C8.54 10.07 10.11 8.5 12.04 8.5C13.97 8.5 15.54 10.07 15.54 12C15.54 13.93 13.97 15.5 12.04 15.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M22.75 14C22.75 13.7317 22.7383 13.475 22.715 13.2067L24.885 11.5617C25.3517 11.2117 25.48 10.5584 25.1883 10.045L23.0067 6.27671C22.715 5.76337 22.085 5.55337 21.5483 5.78671L19.04 6.84837C18.6083 6.54504 18.1533 6.27671 17.675 6.05504L17.3367 3.36004C17.2667 2.77671 16.765 2.33337 16.1817 2.33337H11.83C11.235 2.33337 10.7333 2.77671 10.6633 3.36004L10.325 6.05504C9.84667 6.27671 9.39167 6.54504 8.96001 6.84837L6.45167 5.78671C5.91501 5.55337 5.28501 5.76337 4.99334 6.27671L2.81167 10.0567C2.52001 10.57 2.64834 11.2117 3.11501 11.5734L5.28501 13.2184C5.26167 13.475 5.25001 13.7317 5.25001 14C5.25001 14.2684 5.26167 14.525 5.28501 14.7934L3.11501 16.4384C2.64834 16.7884 2.52001 17.4417 2.81167 17.955L4.99334 21.7234C5.28501 22.2367 5.91501 22.4467 6.45167 22.2134L8.96001 21.1517C9.39167 21.455 9.84667 21.7234 10.325 21.945L10.6633 24.64C10.7333 25.2234 11.235 25.6667 11.8183 25.6667H16.17C16.7533 25.6667 17.255 25.2234 17.325 24.64L17.6633 21.945C18.1417 21.7234 18.5967 21.455 19.0283 21.1517L21.5367 22.2134C22.0733 22.4467 22.7033 22.2367 22.995 21.7234L25.1767 17.955C25.4683 17.4417 25.34 16.8 24.8733 16.4384L22.7033 14.7934C22.7383 14.525 22.75 14.2684 22.75 14ZM14.0467 18.0834C11.795 18.0834 9.96334 16.2517 9.96334 14C9.96334 11.7484 11.795 9.91671 14.0467 9.91671C16.2983 9.91671 18.13 11.7484 18.13 14C18.13 16.2517 16.2983 18.0834 14.0467 18.0834Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-settings"; }
+  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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}