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

package/dist/collection/components/swirl-icon/icons/swirl-icon-chevron-right.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 SwirlIconChevronRight {
+  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: "M5.73333 11.6C5.58889 11.4556 5.51666 11.2778 5.51666 11.0667C5.51666 10.8556 5.58889 10.6778 5.73333 10.5333L8.26666 8.00002L5.73333 5.46668C5.58889 5.32224 5.51666 5.14446 5.51666 4.93335C5.51666 4.72224 5.58889 4.54446 5.73333 4.40002C5.87777 4.25557 6.05555 4.18335 6.26666 4.18335C6.47777 4.18335 6.65555 4.25557 6.8 4.40002L9.86666 7.46668C9.94444 7.54446 10 7.62779 10.0333 7.71668C10.0667 7.80557 10.0833 7.90002 10.0833 8.00002C10.0833 8.10002 10.0667 8.19446 10.0333 8.28335C10 8.37224 9.94444 8.45557 9.86666 8.53335L6.8 11.6C6.65555 11.7445 6.47777 11.8167 6.26666 11.8167C6.05555 11.8167 5.87777 11.7445 5.73333 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M10.0333 20.3C9.78056 20.0472 9.65417 19.7361 9.65417 19.3666C9.65417 18.9972 9.78056 18.6861 10.0333 18.4333L14.4667 14L10.0333 9.56663C9.78056 9.31386 9.65417 9.00275 9.65417 8.6333C9.65417 8.26386 9.78056 7.95275 10.0333 7.69997C10.2861 7.44719 10.5972 7.3208 10.9667 7.3208C11.3361 7.3208 11.6472 7.44719 11.9 7.69997L17.2667 13.0666C17.4028 13.2027 17.5 13.3486 17.5583 13.5041C17.6167 13.6597 17.6458 13.825 17.6458 14C17.6458 14.175 17.6167 14.3402 17.5583 14.4958C17.5 14.6514 17.4028 14.7972 17.2667 14.9333L11.9 20.3C11.6472 20.5527 11.3361 20.6791 10.9667 20.6791C10.5972 20.6791 10.2861 20.5527 10.0333 20.3V20.3Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-chevron-right"; }
+  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-close-small.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 SwirlIconCloseSmall {
+  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.99999 9.06671L5.33326 11.7333C5.18882 11.8778 5.01104 11.95 4.79993 11.95C4.58882 11.95 4.41104 11.8778 4.26659 11.7333C4.12215 11.5889 4.04993 11.4111 4.04993 11.2C4.04993 10.9889 4.12215 10.8111 4.26659 10.6666L6.93332 8.00005L4.26672 5.33338C4.12228 5.18894 4.05006 5.01116 4.05006 4.80005C4.05006 4.58894 4.12228 4.41116 4.26672 4.26672C4.41117 4.12227 4.58895 4.05005 4.80006 4.05005C5.01117 4.05005 5.18895 4.12227 5.33339 4.26672L7.99999 6.93338L10.6666 4.26678C10.811 4.12234 10.9888 4.05011 11.1999 4.05011C11.411 4.05011 11.5888 4.12234 11.7333 4.26678C11.8777 4.41122 11.9499 4.589 11.9499 4.80011C11.9499 5.01122 11.8777 5.189 11.7333 5.33345L9.06666 8.00005L11.7335 10.6666C11.8779 10.8111 11.9501 10.9889 11.9501 11.2C11.9501 11.4111 11.8779 11.5889 11.7335 11.7333C11.589 11.8778 11.4112 11.95 11.2001 11.95C10.989 11.95 10.8112 11.8778 10.6668 11.7333L7.99999 9.06671Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 13.5999L7.99989 17.5998C7.78322 17.8165 7.51656 17.9248 7.19989 17.9248C6.88322 17.9248 6.61656 17.8165 6.39989 17.5998C6.18322 17.3832 6.07489 17.1165 6.07489 16.7998C6.07489 16.4832 6.18322 16.2165 6.39989 15.9998L10.4 11.9999L6.40008 7.99995C6.18342 7.78328 6.07509 7.51662 6.07509 7.19995C6.07509 6.88328 6.18342 6.61662 6.40008 6.39995C6.61675 6.18328 6.88342 6.07495 7.20009 6.07495C7.51675 6.07495 7.78342 6.18328 8.00008 6.39995L12 10.3999L15.9999 6.40005C16.2166 6.18338 16.4832 6.07505 16.7999 6.07505C17.1166 6.07505 17.3832 6.18338 17.5999 6.40005C17.8166 6.61671 17.9249 6.88338 17.9249 7.20005C17.9249 7.51671 17.8166 7.78338 17.5999 8.00005L13.6 11.9999L17.6002 15.9998C17.8168 16.2165 17.9252 16.4832 17.9252 16.7998C17.9252 17.1165 17.8168 17.3832 17.6002 17.5998C17.3835 17.8165 17.1168 17.9248 16.8002 17.9248C16.4835 17.9248 16.2168 17.8165 16.0002 17.5998L12 13.5999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 15.8667L9.33324 20.5332C9.08046 20.786 8.76935 20.9124 8.3999 20.9124C8.03046 20.9124 7.71935 20.786 7.46657 20.5332C7.21379 20.2805 7.0874 19.9694 7.0874 19.5999C7.0874 19.2305 7.21379 18.9193 7.46657 18.6666L12.1333 14L7.4668 9.33336C7.21402 9.08058 7.08763 8.76947 7.08763 8.40002C7.08763 8.03058 7.21402 7.71947 7.4668 7.46669C7.71957 7.21391 8.03069 7.08752 8.40013 7.08752C8.76957 7.08752 9.08069 7.21391 9.33346 7.46669L14 12.1334L18.6666 7.4668C18.9193 7.21403 19.2305 7.08764 19.5999 7.08764C19.9693 7.08764 20.2805 7.21403 20.5332 7.4668C20.786 7.71958 20.9124 8.03069 20.9124 8.40014C20.9124 8.76958 20.786 9.08069 20.5332 9.33347L15.8667 14L20.5336 18.6666C20.7864 18.9193 20.9127 19.2305 20.9127 19.5999C20.9127 19.9694 20.7864 20.2805 20.5336 20.5332C20.2808 20.786 19.9697 20.9124 19.6002 20.9124C19.2308 20.9124 18.9197 20.786 18.6669 20.5332L14 15.8667Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-close-small"; }
+  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-close.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 SwirlIconClose {
+  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: "M8 9.06672L4.8 12.2667C4.65555 12.4112 4.47777 12.4834 4.26666 12.4834C4.05555 12.4834 3.87777 12.4112 3.73333 12.2667C3.58888 12.1223 3.51666 11.9445 3.51666 11.7334C3.51666 11.5223 3.58888 11.3445 3.73333 11.2001L6.93333 8.00006L3.73333 4.80006C3.58888 4.65561 3.51666 4.47783 3.51666 4.26672C3.51666 4.05561 3.58888 3.87783 3.73333 3.73339C3.87777 3.58895 4.05555 3.51672 4.26666 3.51672C4.47777 3.51672 4.65555 3.58895 4.8 3.73339L8 6.93339L11.2 3.73339C11.3444 3.58895 11.5222 3.51672 11.7333 3.51672C11.9444 3.51672 12.1222 3.58895 12.2667 3.73339C12.4111 3.87783 12.4833 4.05561 12.4833 4.26672C12.4833 4.47783 12.4111 4.65561 12.2667 4.80006L9.06666 8.00006L12.2667 11.2001C12.4111 11.3445 12.4833 11.5223 12.4833 11.7334C12.4833 11.9445 12.4111 12.1223 12.2667 12.2667C12.1222 12.4112 11.9444 12.4834 11.7333 12.4834C11.5222 12.4834 11.3444 12.4112 11.2 12.2667L8 9.06672Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 13.6L7.19999 18.4C6.98333 18.6167 6.71666 18.725 6.39999 18.725C6.08333 18.725 5.81666 18.6167 5.59999 18.4C5.38333 18.1834 5.27499 17.9167 5.27499 17.6C5.27499 17.2834 5.38333 17.0167 5.59999 16.8L10.4 12L5.59999 7.20002C5.38333 6.98336 5.27499 6.71669 5.27499 6.40002C5.27499 6.08336 5.38333 5.81669 5.59999 5.60002C5.81666 5.38336 6.08333 5.27502 6.39999 5.27502C6.71666 5.27502 6.98333 5.38336 7.19999 5.60002L12 10.4L16.8 5.60002C17.0167 5.38336 17.2833 5.27502 17.6 5.27502C17.9167 5.27502 18.1833 5.38336 18.4 5.60002C18.6167 5.81669 18.725 6.08336 18.725 6.40002C18.725 6.71669 18.6167 6.98336 18.4 7.20002L13.6 12L18.4 16.8C18.6167 17.0167 18.725 17.2834 18.725 17.6C18.725 17.9167 18.6167 18.1834 18.4 18.4C18.1833 18.6167 17.9167 18.725 17.6 18.725C17.2833 18.725 17.0167 18.6167 16.8 18.4L12 13.6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 15.8667L8.40001 21.4667C8.14723 21.7195 7.83612 21.8458 7.46667 21.8458C7.09723 21.8458 6.78612 21.7195 6.53334 21.4667C6.28056 21.2139 6.15417 20.9028 6.15417 20.5333C6.15417 20.1639 6.28056 19.8528 6.53334 19.6L12.1333 14L6.53334 8.40001C6.28056 8.14723 6.15417 7.83612 6.15417 7.46667C6.15417 7.09723 6.28056 6.78612 6.53334 6.53334C6.78612 6.28056 7.09723 6.15417 7.46667 6.15417C7.83612 6.15417 8.14723 6.28056 8.40001 6.53334L14 12.1333L19.6 6.53334C19.8528 6.28056 20.1639 6.15417 20.5333 6.15417C20.9028 6.15417 21.2139 6.28056 21.4667 6.53334C21.7195 6.78612 21.8458 7.09723 21.8458 7.46667C21.8458 7.83612 21.7195 8.14723 21.4667 8.40001L15.8667 14L21.4667 19.6C21.7195 19.8528 21.8458 20.1639 21.8458 20.5333C21.8458 20.9028 21.7195 21.2139 21.4667 21.4667C21.2139 21.7195 20.9028 21.8458 20.5333 21.8458C20.1639 21.8458 19.8528 21.7195 19.6 21.4667L14 15.8667Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-close"; }
+  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-cloud-upload.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 SwirlIconCloudUpload {
+  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.33333 13.3333C3.32222 13.3333 2.45844 12.9833 1.742 12.2833C1.02511 11.5833 0.666664 10.7277 0.666664 9.71663C0.666664 8.84996 0.927775 8.07774 1.45 7.39996C1.97222 6.72218 2.65555 6.28885 3.5 6.09996C3.77778 5.07774 4.33333 4.24996 5.16666 3.61663C6 2.98329 6.94444 2.66663 8 2.66663C9.3 2.66663 10.4027 3.11929 11.308 4.02463C12.2138 4.9304 12.6667 6.03329 12.6667 7.33329C13.4333 7.42218 14.0696 7.75263 14.5753 8.32463C15.0807 8.89707 15.3333 9.56663 15.3333 10.3333C15.3333 11.1666 15.0418 11.8751 14.4587 12.4586C13.8751 13.0417 13.1667 13.3333 12.3333 13.3333H8.66666V8.56663L9.26666 9.14996C9.38889 9.27218 9.54178 9.33329 9.72533 9.33329C9.90844 9.33329 10.0667 9.26663 10.2 9.13329C10.3222 9.01107 10.3833 8.85552 10.3833 8.66663C10.3833 8.47774 10.3222 8.32218 10.2 8.19996L8.46666 6.46663C8.33333 6.33329 8.17778 6.26663 8 6.26663C7.82222 6.26663 7.66666 6.33329 7.53333 6.46663L5.8 8.19996C5.67778 8.32218 5.614 8.47485 5.60866 8.65796C5.60289 8.84152 5.66666 8.99996 5.8 9.13329C5.92222 9.25551 6.07489 9.31952 6.258 9.32529C6.44155 9.33063 6.6 9.27218 6.73333 9.14996L7.33333 8.56663V13.3333H4.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M6.5 20C4.98333 20 3.68767 19.475 2.613 18.425C1.53767 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.604 4.679 16.962 6.037C18.3207 7.39567 19 9.05 19 11C20.15 11.1333 21.1043 11.629 21.863 12.487C22.621 13.3457 23 14.35 23 15.5C23 16.75 22.5627 17.8127 21.688 18.688C20.8127 19.5627 19.75 20 18.5 20H13V12.85L13.9 13.725C14.0833 13.9083 14.3127 14 14.588 14C14.8627 14 15.1 13.9 15.3 13.7C15.4833 13.5167 15.575 13.2833 15.575 13C15.575 12.7167 15.4833 12.4833 15.3 12.3L12.7 9.7C12.5 9.5 12.2667 9.4 12 9.4C11.7333 9.4 11.5 9.5 11.3 9.7L8.7 12.3C8.51667 12.4833 8.421 12.7123 8.413 12.987C8.40433 13.2623 8.5 13.5 8.7 13.7C8.88333 13.8833 9.11233 13.9793 9.387 13.988C9.66233 13.996 9.9 13.9083 10.1 13.725L11 12.85V20H6.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M7.58333 23.3333C5.81389 23.3333 4.30227 22.7208 3.0485 21.4958C1.79394 20.2708 1.16666 18.7736 1.16666 17.0041C1.16666 15.4875 1.62361 14.1361 2.5375 12.95C3.45139 11.7638 4.64722 11.0055 6.125 10.675C6.61111 8.88607 7.58333 7.43746 9.04166 6.32913C10.5 5.22079 12.1528 4.66663 14 4.66663C16.275 4.66663 18.2047 5.45879 19.789 7.04313C21.3741 8.62824 22.1667 10.5583 22.1667 12.8333C23.5083 12.9888 24.6217 13.5671 25.5068 14.5681C26.3912 15.5699 26.8333 16.7416 26.8333 18.0833C26.8333 19.5416 26.3231 20.7814 25.3027 21.8026C24.2814 22.8231 23.0417 23.3333 21.5833 23.3333H15.1667V14.9916L16.2167 16.0125C16.4306 16.2263 16.6981 16.3333 17.0193 16.3333C17.3398 16.3333 17.6167 16.2166 17.85 15.9833C18.0639 15.7694 18.1708 15.4972 18.1708 15.1666C18.1708 14.8361 18.0639 14.5638 17.85 14.35L14.8167 11.3166C14.5833 11.0833 14.3111 10.9666 14 10.9666C13.6889 10.9666 13.4167 11.0833 13.1833 11.3166L10.15 14.35C9.93611 14.5638 9.8245 14.831 9.81516 15.1515C9.80505 15.4727 9.91666 15.75 10.15 15.9833C10.3639 16.1972 10.6311 16.3092 10.9515 16.3193C11.2727 16.3286 11.55 16.2263 11.7833 16.0125L12.8333 14.9916V23.3333H7.58333Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-cloud-upload"; }
+  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-column.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 SwirlIconColumn {
+  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.66667 12.0001H5.33334V4.00008H2.66667V12.0001ZM6.66667 12.0001H9.33334V4.00008H6.66667V12.0001ZM10.6667 12.0001H13.3333V4.00008H10.6667V12.0001ZM2.66667 13.3334C2.3 13.3334 1.98622 13.203 1.72534 12.9421C1.464 12.6807 1.33334 12.3667 1.33334 12.0001V4.00008C1.33334 3.63341 1.464 3.31964 1.72534 3.05875C1.98622 2.79741 2.3 2.66675 2.66667 2.66675H13.3333C13.7 2.66675 14.014 2.79741 14.2753 3.05875C14.5362 3.31964 14.6667 3.63341 14.6667 4.00008V12.0001C14.6667 12.3667 14.5362 12.6807 14.2753 12.9421C14.014 13.203 13.7 13.3334 13.3333 13.3334H2.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M4 18H8V6H4V18ZM10 18H14V6H10V18ZM16 18H20V6H16V18ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H20C20.55 4 21.021 4.196 21.413 4.588C21.8043 4.97933 22 5.45 22 6V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M4.66667 21.0001H9.33334V7.00008H4.66667V21.0001ZM11.6667 21.0001H16.3333V7.00008H11.6667V21.0001ZM18.6667 21.0001H23.3333V7.00008H18.6667V21.0001ZM4.66667 23.3334C4.025 23.3334 3.47589 23.1051 3.01934 22.6486C2.562 22.1912 2.33334 21.6417 2.33334 21.0001V7.00008C2.33334 6.35841 2.562 5.8093 3.01934 5.35275C3.47589 4.89541 4.025 4.66675 4.66667 4.66675H23.3333C23.975 4.66675 24.5245 4.89541 24.9818 5.35275C25.4384 5.8093 25.6667 6.35841 25.6667 7.00008V21.0001C25.6667 21.6417 25.4384 22.1912 24.9818 22.6486C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66667Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-column"; }
+  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-comment.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 SwirlIconComment {
+  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: "M11.3333 2.66659V7.33325C11.3333 8.06963 10.7364 8.66659 10 8.66659H4.00001L1.90238 10.7642C1.69239 10.9742 1.33334 10.8255 1.33334 10.5285V2.66659C1.33334 1.93021 1.9303 1.33325 2.66668 1.33325H10C10.7364 1.33325 11.3333 1.93021 11.3333 2.66659Z", fill: "currentColor" }), h("path", { d: "M4.00001 9.99992H12.6667V3.99992H13.3333C14.0697 3.99992 14.6667 4.59687 14.6667 5.33325V13.8618C14.6667 14.1588 14.3076 14.3075 14.0976 14.0976L12 11.9999H5.33334C4.59696 11.9999 4.00001 11.403 4.00001 10.6666V9.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M17 4V11C17 12.1046 16.1046 13 15 13H6L2.85355 16.1464C2.53857 16.4614 2 16.2383 2 15.7929V4C2 2.89543 2.89543 2 4 2H15C16.1046 2 17 2.89543 17 4Z", fill: "currentColor" }), h("path", { d: "M6 15H19V6H20C21.1046 6 22 6.89543 22 8V20.7929C22 21.2383 21.4614 21.4614 21.1464 21.1464L18 18H8C6.89543 18 6 17.1046 6 16V15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M19.8333 4.66659V12.8333C19.8333 14.1219 18.7887 15.1666 17.5 15.1666H7.00001L3.32916 18.8374C2.96168 19.2049 2.33334 18.9447 2.33334 18.425V4.66659C2.33334 3.37792 3.37801 2.33325 4.66668 2.33325H17.5C18.7887 2.33325 19.8333 3.37792 19.8333 4.66659Z", fill: "currentColor" }), h("path", { d: "M7.00001 17.4999H22.1667V6.99992H23.3333C24.622 6.99992 25.6667 8.04459 25.6667 9.33325V24.2583C25.6667 24.778 25.0383 25.0383 24.6709 24.6708L21 20.9999H9.33334C8.04468 20.9999 7.00001 19.9552 7.00001 18.6666V17.4999Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-comment"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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-copy.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 SwirlIconCopy {
+  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 12C5.63333 12 5.31956 11.8696 5.05867 11.6087C4.79733 11.3473 4.66667 11.0333 4.66667 10.6667V2.66668C4.66667 2.30001 4.79733 1.98601 5.05867 1.72468C5.31956 1.46379 5.63333 1.33334 6 1.33334H12C12.3667 1.33334 12.6807 1.46379 12.942 1.72468C13.2029 1.98601 13.3333 2.30001 13.3333 2.66668V10.6667C13.3333 11.0333 13.2029 11.3473 12.942 11.6087C12.6807 11.8696 12.3667 12 12 12H6ZM3.33333 14.6667C2.96667 14.6667 2.65267 14.5362 2.39133 14.2753C2.13044 14.014 2 13.7 2 13.3333V4.66668C2 4.47779 2.064 4.31934 2.192 4.19134C2.31956 4.06379 2.47778 4.00001 2.66667 4.00001C2.85556 4.00001 3.014 4.06379 3.142 4.19134C3.26956 4.31934 3.33333 4.47779 3.33333 4.66668V13.3333H10C10.1889 13.3333 10.3473 13.3973 10.4753 13.5253C10.6029 13.6529 10.6667 13.8111 10.6667 14C10.6667 14.1889 10.6029 14.3471 10.4753 14.4747C10.3473 14.6027 10.1889 14.6667 10 14.6667H3.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9 18C8.45 18 7.97933 17.8043 7.588 17.413C7.196 17.021 7 16.55 7 16V4C7 3.45 7.196 2.979 7.588 2.587C7.97933 2.19567 8.45 2 9 2H18C18.55 2 19.021 2.19567 19.413 2.587C19.8043 2.979 20 3.45 20 4V16C20 16.55 19.8043 17.021 19.413 17.413C19.021 17.8043 18.55 18 18 18H9ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V7C3 6.71667 3.096 6.479 3.288 6.287C3.47933 6.09567 3.71667 6 4 6C4.28333 6 4.521 6.09567 4.713 6.287C4.90433 6.479 5 6.71667 5 7V20H15C15.2833 20 15.521 20.096 15.713 20.288C15.9043 20.4793 16 20.7167 16 21C16 21.2833 15.9043 21.5207 15.713 21.712C15.521 21.904 15.2833 22 15 22H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M10.5 21C9.85833 21 9.30922 20.7717 8.85267 20.3152C8.39533 19.8578 8.16667 19.3083 8.16667 18.6667V4.66668C8.16667 4.02501 8.39533 3.47551 8.85267 3.01818C9.30922 2.56162 9.85833 2.33334 10.5 2.33334H21C21.6417 2.33334 22.1912 2.56162 22.6485 3.01818C23.1051 3.47551 23.3333 4.02501 23.3333 4.66668V18.6667C23.3333 19.3083 23.1051 19.8578 22.6485 20.3152C22.1912 20.7717 21.6417 21 21 21H10.5ZM5.83333 25.6667C5.19167 25.6667 4.64217 25.4384 4.18483 24.9818C3.72828 24.5245 3.5 23.975 3.5 23.3333V8.16668C3.5 7.83612 3.612 7.55884 3.836 7.33484C4.05922 7.11162 4.33611 7.00001 4.66667 7.00001C4.99722 7.00001 5.2745 7.11162 5.4985 7.33484C5.72172 7.55884 5.83333 7.83612 5.83333 8.16668V23.3333H17.5C17.8306 23.3333 18.1078 23.4453 18.3318 23.6693C18.5551 23.8926 18.6667 24.1695 18.6667 24.5C18.6667 24.8306 18.5551 25.1075 18.3318 25.3307C18.1078 25.5547 17.8306 25.6667 17.5 25.6667H5.83333Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-copy"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconSize",
+          "resolved": "16 | 20 | 24 | 28",
+          "references": {
+            "SwirlIconSize": {
+              "location": "import",
+              "path": "../swirl-icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -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 SwirlIconDateRange {
+  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.6667 2.66671H12V2.00004C12 1.63337 11.7 1.33337 11.3333 1.33337C10.9667 1.33337 10.6667 1.63337 10.6667 2.00004V2.66671H5.33333V2.00004C5.33333 1.63337 5.03333 1.33337 4.66667 1.33337C4.3 1.33337 4 1.63337 4 2.00004V2.66671H3.33333C2.59333 2.66671 2.00667 3.26671 2.00667 4.00004L2 13.3334C2 14.0667 2.59333 14.6667 3.33333 14.6667H12.6667C13.4 14.6667 14 14.0667 14 13.3334V4.00004C14 3.26671 13.4 2.66671 12.6667 2.66671ZM12.6667 12.6667C12.6667 13.0334 12.3667 13.3334 12 13.3334H4C3.63333 13.3334 3.33333 13.0334 3.33333 12.6667V6.00004H12.6667V12.6667ZM4.66667 7.33337H6V8.66671H4.66667V7.33337ZM7.33333 7.33337H8.66667V8.66671H7.33333V7.33337ZM10 7.33337H11.3333V8.66671H10V7.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 19C19 19.55 18.55 20 18 20H6C5.45 20 5 19.55 5 19V9H19V19ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M22.1667 4.66671H21V3.50004C21 2.85837 20.475 2.33337 19.8333 2.33337C19.1917 2.33337 18.6667 2.85837 18.6667 3.50004V4.66671H9.33333V3.50004C9.33333 2.85837 8.80833 2.33337 8.16667 2.33337C7.525 2.33337 7 2.85837 7 3.50004V4.66671H5.83333C4.53833 4.66671 3.51167 5.71671 3.51167 7.00004L3.5 23.3334C3.5 24.6167 4.53833 25.6667 5.83333 25.6667H22.1667C23.45 25.6667 24.5 24.6167 24.5 23.3334V7.00004C24.5 5.71671 23.45 4.66671 22.1667 4.66671ZM22.1667 22.1667C22.1667 22.8084 21.6417 23.3334 21 23.3334H7C6.35833 23.3334 5.83333 22.8084 5.83333 22.1667V10.5H22.1667V22.1667ZM8.16667 12.8334H10.5V15.1667H8.16667V12.8334ZM12.8333 12.8334H15.1667V15.1667H12.8333V12.8334ZM17.5 12.8334H19.8333V15.1667H17.5V12.8334Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-date-range"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconSize",
+          "resolved": "16 | 20 | 24 | 28",
+          "references": {
+            "SwirlIconSize": {
+              "location": "import",
+              "path": "../swirl-icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

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

package/dist/collection/components/swirl-icon/icons/swirl-icon-discover.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 SwirlIconDiscover {
+  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.99998 8.66658C7.81109 8.66658 7.65276 8.6027 7.52498 8.47492C7.3972 8.34714 7.33331 8.18881 7.33331 7.99992C7.33331 7.81103 7.3972 7.6527 7.52498 7.52492C7.65276 7.39714 7.81109 7.33325 7.99998 7.33325C8.18887 7.33325 8.3472 7.39714 8.47498 7.52492C8.60276 7.6527 8.66665 7.81103 8.66665 7.99992C8.66665 8.18881 8.60276 8.34714 8.47498 8.47492C8.3472 8.6027 8.18887 8.66658 7.99998 8.66658ZM7.99998 14.6666C7.07776 14.6666 6.21109 14.4916 5.39998 14.1416C4.58887 13.7916 3.88331 13.3166 3.28331 12.7166C2.68331 12.1166 2.20831 11.411 1.85831 10.5999C1.50831 9.78881 1.33331 8.92214 1.33331 7.99992C1.33331 7.0777 1.50831 6.21103 1.85831 5.39992C2.20831 4.58881 2.68331 3.88325 3.28331 3.28325C3.88331 2.68325 4.58887 2.20825 5.39998 1.85825C6.21109 1.50825 7.07776 1.33325 7.99998 1.33325C8.9222 1.33325 9.78887 1.50825 10.6 1.85825C11.4111 2.20825 12.1166 2.68325 12.7166 3.28325C13.3166 3.88325 13.7916 4.58881 14.1416 5.39992C14.4916 6.21103 14.6666 7.0777 14.6666 7.99992C14.6666 8.92214 14.4916 9.78881 14.1416 10.5999C13.7916 11.411 13.3166 12.1166 12.7166 12.7166C12.1166 13.3166 11.4111 13.7916 10.6 14.1416C9.78887 14.4916 8.9222 14.6666 7.99998 14.6666ZM7.99998 13.3333C9.48887 13.3333 10.75 12.8166 11.7833 11.7833C12.8166 10.7499 13.3333 9.48881 13.3333 7.99992C13.3333 6.51103 12.8166 5.24992 11.7833 4.21659C10.75 3.18325 9.48887 2.66659 7.99998 2.66659C6.51109 2.66659 5.24998 3.18325 4.21665 4.21659C3.18331 5.24992 2.66665 6.51103 2.66665 7.99992C2.66665 9.48881 3.18331 10.7499 4.21665 11.7833C5.24998 12.8166 6.51109 13.3333 7.99998 13.3333ZM4.94998 11.3833L9.11665 9.43325C9.18331 9.39992 9.24442 9.35547 9.29998 9.29992C9.35553 9.24436 9.39998 9.18325 9.43331 9.11658L11.3833 4.94992C11.4389 4.83881 11.425 4.74159 11.3416 4.65825C11.2583 4.57492 11.1611 4.56103 11.05 4.61659L6.88331 6.56658C6.81665 6.59992 6.75554 6.64436 6.69998 6.69992C6.64442 6.75547 6.59998 6.81658 6.56665 6.88325L4.61665 11.0499C4.56109 11.161 4.57498 11.2583 4.65831 11.3416C4.74165 11.4249 4.83887 11.4388 4.94998 11.3833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 13C11.7167 13 11.4792 12.9042 11.2875 12.7125C11.0958 12.5208 11 12.2833 11 12C11 11.7167 11.0958 11.4792 11.2875 11.2875C11.4792 11.0958 11.7167 11 12 11C12.2833 11 12.5208 11.0958 12.7125 11.2875C12.9042 11.4792 13 11.7167 13 12C13 12.2833 12.9042 12.5208 12.7125 12.7125C12.5208 12.9042 12.2833 13 12 13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20ZM7.425 17.075L13.675 14.15C13.775 14.1 13.8667 14.0333 13.95 13.95C14.0333 13.8667 14.1 13.775 14.15 13.675L17.075 7.425C17.1583 7.25833 17.1375 7.1125 17.0125 6.9875C16.8875 6.8625 16.7417 6.84167 16.575 6.925L10.325 9.85C10.225 9.9 10.1333 9.96667 10.05 10.05C9.96667 10.1333 9.9 10.225 9.85 10.325L6.925 16.575C6.84167 16.7417 6.8625 16.8875 6.9875 17.0125C7.1125 17.1375 7.25833 17.1583 7.425 17.075Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 15.1666C13.6694 15.1666 13.3923 15.0548 13.1687 14.8312C12.9451 14.6076 12.8333 14.3305 12.8333 13.9999C12.8333 13.6694 12.9451 13.3923 13.1687 13.1687C13.3923 12.9451 13.6694 12.8333 14 12.8333C14.3305 12.8333 14.6076 12.9451 14.8312 13.1687C15.0548 13.3923 15.1666 13.6694 15.1666 13.9999C15.1666 14.3305 15.0548 14.6076 14.8312 14.8312C14.6076 15.0548 14.3305 15.1666 14 15.1666ZM14 25.6666C12.3861 25.6666 10.8694 25.3603 9.44998 24.7478C8.03054 24.1353 6.79581 23.3041 5.74581 22.2541C4.69581 21.2041 3.86456 19.9694 3.25206 18.5499C2.63956 17.1305 2.33331 15.6138 2.33331 13.9999C2.33331 12.386 2.63956 10.8694 3.25206 9.44992C3.86456 8.03047 4.69581 6.79575 5.74581 5.74575C6.79581 4.69575 8.03054 3.8645 9.44998 3.252C10.8694 2.6395 12.3861 2.33325 14 2.33325C15.6139 2.33325 17.1305 2.6395 18.55 3.252C19.9694 3.8645 21.2041 4.69575 22.2541 5.74575C23.3041 6.79575 24.1354 8.03047 24.7479 9.44992C25.3604 10.8694 25.6666 12.386 25.6666 13.9999C25.6666 15.6138 25.3604 17.1305 24.7479 18.5499C24.1354 19.9694 23.3041 21.2041 22.2541 22.2541C21.2041 23.3041 19.9694 24.1353 18.55 24.7478C17.1305 25.3603 15.6139 25.6666 14 25.6666ZM14 23.3333C16.6055 23.3333 18.8125 22.4291 20.6208 20.6208C22.4291 18.8124 23.3333 16.6055 23.3333 13.9999C23.3333 11.3944 22.4291 9.18742 20.6208 7.37909C18.8125 5.57075 16.6055 4.66659 14 4.66659C11.3944 4.66659 9.18748 5.57075 7.37915 7.37909C5.57081 9.18742 4.66665 11.3944 4.66665 13.9999C4.66665 16.6055 5.57081 18.8124 7.37915 20.6208C9.18748 22.4291 11.3944 23.3333 14 23.3333ZM8.66248 19.9208L15.9541 16.5083C16.0708 16.4499 16.1778 16.3721 16.275 16.2749C16.3722 16.1777 16.45 16.0708 16.5083 15.9541L19.9208 8.66242C20.018 8.46797 19.9937 8.29784 19.8479 8.152C19.7021 8.00617 19.5319 7.98186 19.3375 8.07909L12.0458 11.4916C11.9291 11.5499 11.8222 11.6277 11.725 11.7249C11.6278 11.8221 11.55 11.9291 11.4916 12.0458L8.07915 19.3374C7.98192 19.5319 8.00623 19.702 8.15206 19.8478C8.2979 19.9937 8.46804 20.018 8.66248 19.9208Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-discover"; }
+  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"
+      }
+    };
+  }
+}