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

package/dist/collection/components/swirl-icon/icons/swirl-icon-short-text.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 SwirlIconShortText {
+  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.33335 7.33333C3.14446 7.33333 2.98613 7.26944 2.85835 7.14167C2.73058 7.01389 2.66669 6.85556 2.66669 6.66667C2.66669 6.47778 2.73058 6.31944 2.85835 6.19167C2.98613 6.06389 3.14446 6 3.33335 6H12.6667C12.8556 6 13.0139 6.06389 13.1417 6.19167C13.2695 6.31944 13.3334 6.47778 13.3334 6.66667C13.3334 6.85556 13.2695 7.01389 13.1417 7.14167C13.0139 7.26944 12.8556 7.33333 12.6667 7.33333H3.33335ZM3.33335 10C3.14446 10 2.98613 9.93611 2.85835 9.80833C2.73058 9.68056 2.66669 9.52222 2.66669 9.33333C2.66669 9.14444 2.73058 8.98611 2.85835 8.85833C2.98613 8.73056 3.14446 8.66667 3.33335 8.66667H8.66669C8.85558 8.66667 9.01391 8.73056 9.14169 8.85833C9.26947 8.98611 9.33335 9.14444 9.33335 9.33333C9.33335 9.52222 9.26947 9.68056 9.14169 9.80833C9.01391 9.93611 8.85558 10 8.66669 10H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M5 11C4.71667 11 4.47917 10.9042 4.2875 10.7125C4.09583 10.5208 4 10.2833 4 10C4 9.71667 4.09583 9.47917 4.2875 9.2875C4.47917 9.09583 4.71667 9 5 9H19C19.2833 9 19.5208 9.09583 19.7125 9.2875C19.9042 9.47917 20 9.71667 20 10C20 10.2833 19.9042 10.5208 19.7125 10.7125C19.5208 10.9042 19.2833 11 19 11H5ZM5 15C4.71667 15 4.47917 14.9042 4.2875 14.7125C4.09583 14.5208 4 14.2833 4 14C4 13.7167 4.09583 13.4792 4.2875 13.2875C4.47917 13.0958 4.71667 13 5 13H13C13.2833 13 13.5208 13.0958 13.7125 13.2875C13.9042 13.4792 14 13.7167 14 14C14 14.2833 13.9042 14.5208 13.7125 14.7125C13.5208 14.9042 13.2833 15 13 15H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M5.83332 12.8333C5.50277 12.8333 5.22568 12.7215 5.00207 12.4979C4.77846 12.2743 4.66666 11.9972 4.66666 11.6667C4.66666 11.3361 4.77846 11.059 5.00207 10.8354C5.22568 10.6118 5.50277 10.5 5.83332 10.5H22.1667C22.4972 10.5 22.7743 10.6118 22.9979 10.8354C23.2215 11.059 23.3333 11.3361 23.3333 11.6667C23.3333 11.9972 23.2215 12.2743 22.9979 12.4979C22.7743 12.7215 22.4972 12.8333 22.1667 12.8333H5.83332ZM5.83332 17.5C5.50277 17.5 5.22568 17.3882 5.00207 17.1646C4.77846 16.941 4.66666 16.6639 4.66666 16.3333C4.66666 16.0028 4.77846 15.7257 5.00207 15.5021C5.22568 15.2785 5.50277 15.1667 5.83332 15.1667H15.1667C15.4972 15.1667 15.7743 15.2785 15.9979 15.5021C16.2215 15.7257 16.3333 16.0028 16.3333 16.3333C16.3333 16.6639 16.2215 16.941 15.9979 17.1646C15.7743 17.3882 15.4972 17.5 15.1667 17.5H5.83332Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-short-text"; }
+  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-simplify.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 SwirlIconSimplify {
+  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.30002 13.5998L13.2667 12.3665C13.2111 12.2665 13.1306 12.1804 13.025 12.1082C12.9195 12.0359 12.8 11.9998 12.6667 11.9998H9.30002C9.00002 11.9998 8.76113 11.9887 8.58335 11.9665C8.40558 11.9443 8.22224 11.8998 8.03335 11.8332L7.08335 11.5165C6.90558 11.4609 6.7778 11.3498 6.70002 11.1832C6.62224 11.0165 6.61113 10.8443 6.66669 10.6665C6.72224 10.4887 6.83058 10.3582 6.99169 10.2748C7.1528 10.1915 7.32224 10.1776 7.50002 10.2332L8.20002 10.4665C8.38891 10.5221 8.6028 10.5665 8.84169 10.5998C9.08058 10.6332 9.40558 10.6554 9.81669 10.6665H10C10 10.5443 9.96391 10.4276 9.89169 10.3165C9.81946 10.2054 9.73335 10.1332 9.63335 10.0998L5.73335 8.6665H4.66669V12.3332L9.30002 13.5998ZM8.95002 14.8998L4.66669 13.6998C4.5778 13.9887 4.4028 14.2221 4.14169 14.3998C3.88058 14.5776 3.61113 14.6665 3.33335 14.6665H2.00002C1.63335 14.6665 1.31946 14.5359 1.05835 14.2748C0.797243 14.0137 0.666687 13.6998 0.666687 13.3332V8.6665C0.666687 8.29984 0.797243 7.98595 1.05835 7.72484C1.31946 7.46373 1.63335 7.33317 2.00002 7.33317H5.73335C5.81113 7.33317 5.88891 7.3415 5.96669 7.35817C6.04446 7.37484 6.11669 7.39428 6.18335 7.4165L10.1 8.8665C10.4667 8.99984 10.7639 9.23317 10.9917 9.5665C11.2195 9.89984 11.3334 10.2665 11.3334 10.6665H12.6667C13.2222 10.6665 13.6945 10.8498 14.0834 11.2165C14.4722 11.5832 14.6667 12.0665 14.6667 12.6665C14.6667 12.9109 14.6028 13.1026 14.475 13.2415C14.3472 13.3804 14.15 13.4943 13.8834 13.5832L9.71669 14.8832C9.59446 14.9276 9.46669 14.9498 9.33335 14.9498C9.20002 14.9498 9.07224 14.9332 8.95002 14.8998ZM2.00002 13.3332H3.33335V8.6665H2.00002V13.3332Z", fill: "currentColor" }), h("path", { d: "M10.5209 5.479L11.6667 7.99984L12.8125 5.479L15.3334 4.33317L12.8125 3.18734L11.6667 0.666504L10.5209 3.18734L8.00002 4.33317L10.5209 5.479Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M13.95 20.4L19.9 18.55C19.8167 18.4 19.6958 18.2708 19.5375 18.1625C19.3792 18.0542 19.2 18 19 18H13.95C13.5 18 13.1417 17.9833 12.875 17.95C12.6083 17.9167 12.3333 17.85 12.05 17.75L10.625 17.275C10.3583 17.1917 10.1667 17.025 10.05 16.775C9.93333 16.525 9.91667 16.2667 10 16C10.0833 15.7333 10.2458 15.5375 10.4875 15.4125C10.7292 15.2875 10.9833 15.2667 11.25 15.35L12.3 15.7C12.5833 15.7833 12.9042 15.85 13.2625 15.9C13.6208 15.95 14.1083 15.9833 14.725 16H15C15 15.8167 14.9458 15.6417 14.8375 15.475C14.7292 15.3083 14.6 15.2 14.45 15.15L8.6 13H7V18.5L13.95 20.4ZM13.425 22.35L7 20.55C6.86667 20.9833 6.60417 21.3333 6.2125 21.6C5.82083 21.8667 5.41667 22 5 22H3C2.45 22 1.97917 21.8042 1.5875 21.4125C1.19583 21.0208 1 20.55 1 20V13C1 12.45 1.19583 11.9792 1.5875 11.5875C1.97917 11.1958 2.45 11 3 11H8.6C8.71667 11 8.83333 11.0125 8.95 11.0375C9.06667 11.0625 9.175 11.0917 9.275 11.125L15.15 13.3C15.7 13.5 16.1458 13.85 16.4875 14.35C16.8292 14.85 17 15.4 17 16H19C19.8333 16 20.5417 16.275 21.125 16.825C21.7083 17.375 22 18.1 22 19C22 19.3667 21.9042 19.6542 21.7125 19.8625C21.5208 20.0708 21.225 20.2417 20.825 20.375L14.575 22.325C14.3917 22.3917 14.2 22.425 14 22.425C13.8 22.425 13.6083 22.4 13.425 22.35ZM3 20H5V13H3V20Z", fill: "currentColor" }), h("path", { d: "M15.7812 8.21875L17.5 12L19.2188 8.21875L23 6.5L19.2188 4.78125L17.5 1L15.7812 4.78125L12 6.5L15.7812 8.21875Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M16.275 23.7998L23.2167 21.6415C23.1194 21.4665 22.9785 21.3158 22.7937 21.1894C22.609 21.063 22.4 20.9998 22.1667 20.9998H16.275C15.75 20.9998 15.3319 20.9804 15.0208 20.9415C14.7097 20.9026 14.3889 20.8248 14.0583 20.7082L12.3958 20.154C12.0847 20.0568 11.8611 19.8623 11.725 19.5707C11.5889 19.279 11.5694 18.9776 11.6667 18.6665C11.7639 18.3554 11.9535 18.1269 12.2354 17.9811C12.5174 17.8353 12.8139 17.811 13.125 17.9082L14.35 18.3165C14.6805 18.4137 15.0549 18.4915 15.4729 18.5498C15.891 18.6082 16.4597 18.6471 17.1792 18.6665H17.5C17.5 18.4526 17.4368 18.2485 17.3104 18.054C17.184 17.8596 17.0333 17.7332 16.8583 17.6748L10.0333 15.1665H8.16666V21.5832L16.275 23.7998ZM15.6625 26.0748L8.16666 23.9748C8.0111 24.4804 7.70485 24.8887 7.24791 25.1998C6.79096 25.511 6.31943 25.6665 5.83332 25.6665H3.49999C2.85832 25.6665 2.30902 25.438 1.85207 24.9811C1.39513 24.5241 1.16666 23.9748 1.16666 23.3332V15.1665C1.16666 14.5248 1.39513 13.9755 1.85207 13.5186C2.30902 13.0616 2.85832 12.8332 3.49999 12.8332H10.0333C10.1694 12.8332 10.3055 12.8478 10.4417 12.8769C10.5778 12.9061 10.7042 12.9401 10.8208 12.979L17.675 15.5165C18.3167 15.7498 18.8368 16.1582 19.2354 16.7415C19.634 17.3248 19.8333 17.9665 19.8333 18.6665H22.1667C23.1389 18.6665 23.9653 18.9873 24.6458 19.629C25.3264 20.2707 25.6667 21.1165 25.6667 22.1665C25.6667 22.5943 25.5549 22.9297 25.3312 23.1728C25.1076 23.4158 24.7625 23.6151 24.2958 23.7707L17.0042 26.0457C16.7903 26.1235 16.5667 26.1623 16.3333 26.1623C16.1 26.1623 15.8764 26.1332 15.6625 26.0748ZM3.49999 23.3332H5.83332V15.1665H3.49999V23.3332Z", fill: "currentColor" }), h("path", { d: "M18.4114 9.58838L20.4167 13.9998L22.4219 9.58838L26.8333 7.58317L22.4219 5.57796L20.4167 1.1665L18.4114 5.57796L14 7.58317L18.4114 9.58838Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-simplify"; }
+  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-spellcheck.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 SwirlIconSpellcheck {
+  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.40002 14.4667C9.33335 14.4667 9.27224 14.4556 9.21669 14.4333C9.16113 14.4111 9.10558 14.3722 9.05002 14.3167L7.03335 12.3C6.91113 12.1778 6.85002 12.0222 6.85002 11.8333C6.85002 11.6444 6.91113 11.4889 7.03335 11.3667C7.15558 11.2444 7.31113 11.1833 7.50002 11.1833C7.68891 11.1833 7.84446 11.2444 7.96669 11.3667L9.40002 12.8L12.7 9.5C12.8222 9.37778 12.9778 9.31667 13.1667 9.31667C13.3556 9.31667 13.5111 9.37778 13.6334 9.5C13.7556 9.62222 13.8167 9.77778 13.8167 9.96667C13.8167 10.1556 13.7556 10.3111 13.6334 10.4333L9.75002 14.3167C9.69447 14.3722 9.63891 14.4111 9.58335 14.4333C9.5278 14.4556 9.46669 14.4667 9.40002 14.4667ZM2.93335 10.6667C2.6778 10.6667 2.49169 10.5833 2.37502 10.4167C2.25835 10.25 2.24446 10.0444 2.33335 9.8L4.96669 2.73333C5.04446 2.53333 5.18335 2.36111 5.38335 2.21667C5.58335 2.07222 5.79446 2 6.01669 2C6.23891 2 6.45002 2.07222 6.65002 2.21667C6.85002 2.36111 6.98891 2.53333 7.06669 2.73333L9.70002 9.75C9.78891 10.0056 9.77224 10.2222 9.65002 10.4C9.5278 10.5778 9.3278 10.6667 9.05002 10.6667C8.89446 10.6667 8.74724 10.6167 8.60835 10.5167C8.46947 10.4167 8.37224 10.2944 8.31669 10.15L7.73335 8.46667H4.23335L3.63335 10.1833C3.5778 10.3167 3.48613 10.4306 3.35835 10.525C3.23058 10.6194 3.08891 10.6667 2.93335 10.6667ZM4.70002 7.2H7.30002L6.03335 3.6H5.96669L4.70002 7.2Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M14.1 21.7C14 21.7 13.9083 21.6833 13.825 21.65C13.7417 21.6167 13.6583 21.5583 13.575 21.475L10.55 18.45C10.3667 18.2667 10.275 18.0333 10.275 17.75C10.275 17.4667 10.3667 17.2333 10.55 17.05C10.7333 16.8667 10.9667 16.775 11.25 16.775C11.5333 16.775 11.7667 16.8667 11.95 17.05L14.1 19.2L19.05 14.25C19.2333 14.0667 19.4667 13.975 19.75 13.975C20.0333 13.975 20.2667 14.0667 20.45 14.25C20.6333 14.4333 20.725 14.6667 20.725 14.95C20.725 15.2333 20.6333 15.4667 20.45 15.65L14.625 21.475C14.5417 21.5583 14.4583 21.6167 14.375 21.65C14.2917 21.6833 14.2 21.7 14.1 21.7ZM4.4 16C4.01667 16 3.7375 15.875 3.5625 15.625C3.3875 15.375 3.36667 15.0667 3.5 14.7L7.45 4.1C7.56667 3.8 7.775 3.54167 8.075 3.325C8.375 3.10833 8.69167 3 9.025 3C9.35833 3 9.675 3.10833 9.975 3.325C10.275 3.54167 10.4833 3.8 10.6 4.1L14.55 14.625C14.6833 15.0083 14.6583 15.3333 14.475 15.6C14.2917 15.8667 13.9917 16 13.575 16C13.3417 16 13.1208 15.925 12.9125 15.775C12.7042 15.625 12.5583 15.4417 12.475 15.225L11.6 12.7H6.35L5.45 15.275C5.36667 15.475 5.22917 15.6458 5.0375 15.7875C4.84583 15.9292 4.63333 16 4.4 16ZM7.05 10.8H10.95L9.05 5.4H8.95L7.05 10.8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M16.45 25.3167C16.3333 25.3167 16.2264 25.2972 16.1292 25.2583C16.0319 25.2194 15.9347 25.1514 15.8375 25.0542L12.3083 21.525C12.0944 21.3111 11.9875 21.0389 11.9875 20.7083C11.9875 20.3778 12.0944 20.1056 12.3083 19.8917C12.5222 19.6778 12.7944 19.5708 13.125 19.5708C13.4555 19.5708 13.7278 19.6778 13.9417 19.8917L16.45 22.4L22.225 16.625C22.4389 16.4111 22.7111 16.3042 23.0417 16.3042C23.3722 16.3042 23.6444 16.4111 23.8583 16.625C24.0722 16.8389 24.1792 17.1111 24.1792 17.4417C24.1792 17.7722 24.0722 18.0444 23.8583 18.2583L17.0625 25.0542C16.9653 25.1514 16.868 25.2194 16.7708 25.2583C16.6736 25.2972 16.5667 25.3167 16.45 25.3167ZM5.13332 18.6667C4.6861 18.6667 4.36041 18.5208 4.15624 18.2292C3.95207 17.9375 3.92777 17.5778 4.08332 17.15L8.69166 4.78333C8.82777 4.43333 9.07082 4.13194 9.42082 3.87917C9.77082 3.62639 10.1403 3.5 10.5292 3.5C10.918 3.5 11.2875 3.62639 11.6375 3.87917C11.9875 4.13194 12.2305 4.43333 12.3667 4.78333L16.975 17.0625C17.1305 17.5097 17.1014 17.8889 16.8875 18.2C16.6736 18.5111 16.3236 18.6667 15.8375 18.6667C15.5653 18.6667 15.3076 18.5792 15.0646 18.4042C14.8215 18.2292 14.6514 18.0153 14.5542 17.7625L13.5333 14.8167H7.40832L6.35832 17.8208C6.2611 18.0542 6.10068 18.2535 5.87707 18.4187C5.65346 18.584 5.40555 18.6667 5.13332 18.6667ZM8.22499 12.6H12.775L10.5583 6.3H10.4417L8.22499 12.6Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-spellcheck"; }
+  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-stop.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 SwirlIconStop {
+  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.33333 4H10.6667C11.4 4 12 4.6 12 5.33333V10.6667C12 11.4 11.4 12 10.6667 12H5.33333C4.6 12 4 11.4 4 10.6667V5.33333C4 4.6 4.6 4 5.33333 4Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M8 6H16C17.1 6 18 6.9 18 8V16C18 17.1 17.1 18 16 18H8C6.9 18 6 17.1 6 16V8C6 6.9 6.9 6 8 6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M9.33333 7H18.6667C19.95 7 21 8.05 21 9.33333V18.6667C21 19.95 19.95 21 18.6667 21H9.33333C8.05 21 7 19.95 7 18.6667V9.33333C7 8.05 8.05 7 9.33333 7Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-stop"; }
+  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-sync.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 SwirlIconSync {
+  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.82754 10.5882C7.94754 10.4682 8.09014 10.4082 8.25534 10.4082C8.42014 10.4082 8.55753 10.4632 8.66753 10.5732L9.80752 11.7132V3.20818C9.80752 3.03818 9.86512 2.89578 9.98032 2.78098C10.0951 2.66578 10.2375 2.60818 10.4075 2.60818C10.5775 2.60818 10.7201 2.66578 10.8353 2.78098C10.9501 2.89578 11.0075 3.03818 11.0075 3.20818V11.7132L12.1475 10.5732C12.2575 10.4632 12.3951 10.4082 12.5603 10.4082C12.7251 10.4082 12.8675 10.4682 12.9875 10.5882C13.0975 10.6982 13.1525 10.8382 13.1525 11.0082C13.1525 11.1782 13.0975 11.3182 12.9875 11.4282L10.8275 13.5882C10.7675 13.6482 10.7025 13.6908 10.6325 13.716C10.5625 13.7408 10.4875 13.7532 10.4075 13.7532C10.3275 13.7532 10.2525 13.7408 10.1825 13.716C10.1125 13.6908 10.0475 13.6482 9.98752 13.5882L7.82754 11.4282C7.70754 11.3082 7.65015 11.1658 7.65534 11.001C7.66014 10.8358 7.71754 10.6982 7.82754 10.5882ZM3.0276 4.58819L5.18757 2.42818C5.24757 2.36818 5.31257 2.32578 5.38257 2.30098C5.45257 2.27578 5.52757 2.26318 5.60757 2.26318C5.68757 2.26318 5.76257 2.27578 5.83257 2.30098C5.90257 2.32578 5.96756 2.36818 6.02756 2.42818L8.18754 4.58819C8.29754 4.69819 8.35514 4.83579 8.36034 5.00099C8.36514 5.16579 8.30754 5.30819 8.18754 5.42819C8.07754 5.54819 7.94014 5.61059 7.77534 5.61539C7.61015 5.62059 7.46755 5.56319 7.34755 5.44319L6.20756 4.30319V12.8082C6.20756 12.9782 6.15016 13.1206 6.03536 13.2354C5.92017 13.3506 5.77757 13.4082 5.60757 13.4082C5.43757 13.4082 5.29517 13.3506 5.18037 13.2354C5.06518 13.1206 5.00758 12.9782 5.00758 12.8082V4.30319L3.86759 5.44319C3.75759 5.55319 3.61759 5.61059 3.44759 5.61539C3.27759 5.62059 3.1376 5.56319 3.0276 5.44319C2.9076 5.33319 2.8476 5.19319 2.8476 5.02319C2.8476 4.85319 2.9076 4.70819 3.0276 4.58819Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M11.7413 15.882C11.9213 15.702 12.1352 15.612 12.383 15.612C12.6302 15.612 12.8363 15.6945 13.0013 15.8595L14.7113 17.5695V4.81203C14.7113 4.55703 14.7977 4.34343 14.9705 4.17123C15.1427 3.99843 15.3563 3.91203 15.6113 3.91203C15.8663 3.91203 16.0802 3.99843 16.253 4.17123C16.4252 4.34343 16.5113 4.55703 16.5113 4.81203V17.5695L18.2212 15.8595C18.3862 15.6945 18.5926 15.612 18.8404 15.612C19.0876 15.612 19.3012 15.702 19.4812 15.882C19.6462 16.047 19.7287 16.257 19.7287 16.512C19.7287 16.767 19.6462 16.977 19.4812 17.142L16.2413 20.3821C16.1513 20.4721 16.0538 20.536 15.9488 20.5738C15.8438 20.611 15.7313 20.6296 15.6113 20.6296C15.4913 20.6296 15.3788 20.611 15.2738 20.5738C15.1688 20.536 15.0713 20.4721 14.9813 20.3821L11.7413 17.142C11.5613 16.962 11.4752 16.7484 11.483 16.5012C11.4902 16.2534 11.5763 16.047 11.7413 15.882ZM4.5414 6.88204L7.78136 3.64203C7.87136 3.55203 7.96886 3.48843 8.07386 3.45123C8.17885 3.41343 8.29135 3.39453 8.41135 3.39453C8.53135 3.39453 8.64385 3.41343 8.74885 3.45123C8.85385 3.48843 8.95135 3.55203 9.04134 3.64203L12.2813 6.88204C12.4463 7.04704 12.5327 7.25344 12.5405 7.50124C12.5477 7.74844 12.4613 7.96204 12.2813 8.14204C12.1163 8.32204 11.9102 8.41564 11.663 8.42284C11.4152 8.43064 11.2013 8.34454 11.0213 8.16454L9.31134 6.45453V19.2121C9.31134 19.4671 9.22524 19.6807 9.05305 19.8529C8.88025 20.0257 8.66635 20.1121 8.41135 20.1121C8.15636 20.1121 7.94276 20.0257 7.77056 19.8529C7.59776 19.6807 7.51136 19.4671 7.51136 19.2121V6.45453L5.80138 8.16454C5.63638 8.32954 5.42639 8.41564 5.17139 8.42284C4.91639 8.43064 4.7064 8.34454 4.5414 8.16454C4.3614 7.99954 4.2714 7.78954 4.2714 7.53454C4.2714 7.27954 4.3614 7.06204 4.5414 6.88204Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M13.6982 18.5292C13.9082 18.3192 14.1577 18.2142 14.4468 18.2142C14.7352 18.2142 14.9757 18.3105 15.1682 18.503L17.1632 20.498V5.6142C17.1632 5.3167 17.264 5.0675 17.4656 4.8666C17.6665 4.665 17.9157 4.5642 18.2132 4.5642C18.5106 4.5642 18.7602 4.665 18.9618 4.8666C19.1627 5.0675 19.2631 5.3167 19.2631 5.6142V20.498L21.2581 18.503C21.4506 18.3105 21.6914 18.2142 21.9805 18.2142C22.2689 18.2142 22.5181 18.3192 22.7281 18.5292C22.9206 18.7217 23.0168 18.9667 23.0168 19.2642C23.0168 19.5617 22.9206 19.8067 22.7281 19.9992L18.9481 23.7792C18.8431 23.8842 18.7294 23.9588 18.6069 24.0029C18.4844 24.0463 18.3531 24.068 18.2132 24.068C18.0732 24.068 17.9419 24.0463 17.8194 24.0029C17.6969 23.9588 17.5832 23.8842 17.4782 23.7792L13.6982 19.9992C13.4882 19.7892 13.3878 19.54 13.3969 19.2516C13.4053 18.9625 13.5057 18.7217 13.6982 18.5292ZM5.2983 8.0292L9.07826 4.2492C9.18325 4.1442 9.297 4.07 9.4195 4.0266C9.542 3.9825 9.67325 3.96045 9.81325 3.96045C9.95325 3.96045 10.0845 3.9825 10.207 4.0266C10.3295 4.07 10.4432 4.1442 10.5482 4.2492L14.3282 8.0292C14.5207 8.2217 14.6215 8.4625 14.6306 8.7516C14.639 9.04001 14.5382 9.28921 14.3282 9.49921C14.1357 9.70921 13.8953 9.81841 13.6069 9.82681C13.3178 9.83591 13.0682 9.73546 12.8582 9.52546L10.8632 7.53045V22.4142C10.8632 22.7117 10.7628 22.9609 10.5619 23.1618C10.3603 23.3634 10.1107 23.4642 9.81325 23.4642C9.51575 23.4642 9.26655 23.3634 9.06566 23.1618C8.86406 22.9609 8.76326 22.7117 8.76326 22.4142V7.53045L6.76828 9.52546C6.57578 9.71796 6.33079 9.81841 6.03329 9.82681C5.73579 9.83591 5.4908 9.73546 5.2983 9.52546C5.0883 9.33296 4.9833 9.08796 4.9833 8.79046C4.9833 8.49296 5.0883 8.2392 5.2983 8.0292Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-sync"; }
+  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-tasks-filled.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 SwirlIconTasksFilled {
+  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", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM10.5303 7.03033C10.8232 6.73744 10.8232 6.26256 10.5303 5.96967C10.2374 5.67678 9.76257 5.67678 9.46967 5.96967L7 8.43934L6.53033 7.96967C6.23744 7.67678 5.76256 7.67678 5.46967 7.96967C5.17678 8.26256 5.17678 8.73744 5.46967 9.03033L6.46967 10.0303C6.76257 10.3232 7.23744 10.3232 7.53033 10.0303L10.5303 7.03033Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM15.7955 10.5455C16.2348 10.1062 16.2348 9.39384 15.7955 8.9545C15.3562 8.51516 14.6438 8.51516 14.2045 8.9545L10.5 12.659L9.79549 11.9545C9.35615 11.5152 8.64384 11.5152 8.2045 11.9545C7.76516 12.3938 7.76517 13.1062 8.20451 13.5455L9.70451 15.0455C10.1438 15.4848 10.8562 15.4848 11.2955 15.0455L15.7955 10.5455Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14 24.5C19.799 24.5 24.5 19.799 24.5 14C24.5 8.20101 19.799 3.5 14 3.5C8.20101 3.5 3.5 8.20101 3.5 14C3.5 19.799 8.20101 24.5 14 24.5ZM18.4281 12.3031C18.9406 11.7905 18.9406 10.9595 18.4281 10.4469C17.9155 9.93436 17.0845 9.93436 16.5719 10.4469L12.25 14.7688L11.4281 13.9469C10.9155 13.4344 10.0845 13.4344 9.57192 13.9469C9.05936 14.4595 9.05936 15.2905 9.57192 15.8031L11.3219 17.5531C11.8345 18.0656 12.6655 18.0656 13.1781 17.5531L18.4281 12.3031Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-tasks-filled"; }
+  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-tasks-outlined.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 SwirlIconTasksOutlined {
+  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.3536 6.85355C10.5488 6.65829 10.5488 6.34171 10.3536 6.14645C10.1583 5.95118 9.84171 5.95118 9.64645 6.14645L7 8.79289L6.35355 8.14645C6.15829 7.95118 5.84171 7.95118 5.64645 8.14645C5.45118 8.34171 5.45118 8.65829 5.64645 8.85355L6.64645 9.85355C6.84171 10.0488 7.15829 10.0488 7.35356 9.85355L10.3536 6.85355Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8ZM13 8C13 10.7614 10.7614 13 8 13C5.23858 13 3 10.7614 3 8C3 5.23858 5.23858 3 8 3C10.7614 3 13 5.23858 13 8Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15.5303 10.2803C15.8232 9.98744 15.8232 9.51256 15.5303 9.21967C15.2374 8.92678 14.7626 8.92678 14.4697 9.21967L10.5 13.1893L9.53033 12.2197C9.23744 11.9268 8.76256 11.9268 8.46967 12.2197C8.17678 12.5126 8.17678 12.9874 8.46967 13.2803L9.96967 14.7803C10.2626 15.0732 10.7374 15.0732 11.0303 14.7803L15.5303 10.2803Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M18.1187 11.9937C18.4604 11.652 18.4604 11.098 18.1187 10.7563C17.777 10.4146 17.223 10.4146 16.8813 10.7563L12.25 15.3876L11.1187 14.2563C10.777 13.9146 10.223 13.9146 9.88128 14.2563C9.53957 14.598 9.53957 15.152 9.88128 15.4937L11.6313 17.2437C11.973 17.5854 12.527 17.5854 12.8687 17.2437L18.1187 11.9937Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M24.5 14C24.5 19.799 19.799 24.5 14 24.5C8.20101 24.5 3.5 19.799 3.5 14C3.5 8.20101 8.20101 3.5 14 3.5C19.799 3.5 24.5 8.20101 24.5 14ZM22.75 14C22.75 18.8325 18.8325 22.75 14 22.75C9.16751 22.75 5.25 18.8325 5.25 14C5.25 9.16751 9.16751 5.25 14 5.25C18.8325 5.25 22.75 9.16751 22.75 14Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-tasks-outlined"; }
+  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-time-filled.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 SwirlIconTimeFilled {
+  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.75001 10.6834C9.87223 10.8056 10.0222 10.8667 10.2 10.8667C10.3778 10.8667 10.5333 10.8 10.6667 10.6667C10.7889 10.5445 10.85 10.3889 10.85 10.2C10.85 10.0112 10.7889 9.8556 10.6667 9.73337L8.66668 7.73337V5.31671C8.66668 5.12782 8.6029 4.97226 8.47534 4.85004C8.34734 4.72782 8.1889 4.66671 8.00001 4.66671C7.81112 4.66671 7.6529 4.73049 7.52534 4.85804C7.39734 4.98604 7.33334 5.14448 7.33334 5.33337V7.98337C7.33334 8.07226 7.35001 8.15826 7.38334 8.24137C7.41668 8.32493 7.46668 8.40004 7.53334 8.46671L9.75001 10.6834ZM8.00001 14.6667C7.07779 14.6667 6.21112 14.4916 5.40001 14.1414C4.5889 13.7916 3.88334 13.3167 3.28334 12.7167C2.68334 12.1167 2.20845 11.4112 1.85868 10.6C1.50845 9.78893 1.33334 8.92226 1.33334 8.00004C1.33334 7.07782 1.50845 6.21115 1.85868 5.40004C2.20845 4.58893 2.68334 3.88337 3.28334 3.28337C3.88334 2.68337 4.5889 2.20826 5.40001 1.85804C6.21112 1.50826 7.07779 1.33337 8.00001 1.33337C8.92223 1.33337 9.7889 1.50826 10.6 1.85804C11.4111 2.20826 12.1167 2.68337 12.7167 3.28337C13.3167 3.88337 13.7916 4.58893 14.1413 5.40004C14.4916 6.21115 14.6667 7.07782 14.6667 8.00004C14.6667 8.92226 14.4916 9.78893 14.1413 10.6C13.7916 11.4112 13.3167 12.1167 12.7167 12.7167C12.1167 13.3167 11.4111 13.7916 10.6 14.1414C9.7889 14.4916 8.92223 14.6667 8.00001 14.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M14.625 16.025C14.8083 16.2083 15.0333 16.3 15.3 16.3C15.5667 16.3 15.8 16.2 16 16C16.1833 15.8167 16.275 15.5833 16.275 15.3C16.275 15.0167 16.1833 14.7833 16 14.6L13 11.6V7.975C13 7.69167 12.9043 7.45833 12.713 7.275C12.521 7.09167 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V11.975C11 12.1083 11.025 12.2373 11.075 12.362C11.125 12.4873 11.2 12.6 11.3 12.7L14.625 16.025ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M17.0625 18.6959C17.2764 18.9098 17.5389 19.0167 17.85 19.0167C18.1611 19.0167 18.4333 18.9 18.6667 18.6667C18.8806 18.4528 18.9875 18.1806 18.9875 17.85C18.9875 17.5195 18.8806 17.2473 18.6667 17.0334L15.1667 13.5334V9.30421C15.1667 8.97365 15.0551 8.70143 14.8318 8.48754C14.6078 8.27365 14.3306 8.16671 14 8.16671C13.6695 8.16671 13.3926 8.27832 13.1693 8.50154C12.9453 8.72554 12.8333 9.00282 12.8333 9.33337V13.9709C12.8333 14.1264 12.8625 14.2769 12.9208 14.4224C12.9792 14.5686 13.0667 14.7 13.1833 14.8167L17.0625 18.6959ZM14 25.6667C12.3861 25.6667 10.8695 25.3603 9.45001 24.7474C8.03057 24.1353 6.79584 23.3042 5.74584 22.2542C4.69584 21.2042 3.86479 19.9695 3.25268 18.55C2.63979 17.1306 2.33334 15.6139 2.33334 14C2.33334 12.3862 2.63979 10.8695 3.25268 9.45004C3.86479 8.0306 4.69584 6.79587 5.74584 5.74587C6.79584 4.69587 8.03057 3.86443 9.45001 3.25154C10.8695 2.63943 12.3861 2.33337 14 2.33337C15.6139 2.33337 17.1306 2.63943 18.55 3.25154C19.9695 3.86443 21.2042 4.69587 22.2542 5.74587C23.3042 6.79587 24.1352 8.0306 24.7473 9.45004C25.3602 10.8695 25.6667 12.3862 25.6667 14C25.6667 15.6139 25.3602 17.1306 24.7473 18.55C24.1352 19.9695 23.3042 21.2042 22.2542 22.2542C21.2042 23.3042 19.9695 24.1353 18.55 24.7474C17.1306 25.3603 15.6139 25.6667 14 25.6667Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-time-filled"; }
+  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-time-outlined.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 SwirlIconTimeOutlined {
+  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.65001 10.6667C9.78335 10.8 9.94735 10.8667 10.142 10.8667C10.3362 10.8667 10.5056 10.7945 10.65 10.65C10.7833 10.5167 10.85 10.3471 10.85 10.1413C10.85 9.93601 10.7833 9.76668 10.65 9.63335L8.73335 7.70001V5.40001C8.73335 5.1889 8.66401 5.01668 8.52535 4.88335C8.38623 4.75001 8.21112 4.68335 8.00001 4.68335C7.7889 4.68335 7.61401 4.75268 7.47535 4.89135C7.33623 5.03046 7.26668 5.20557 7.26668 5.41668V7.96668C7.26668 8.06668 7.28623 8.16379 7.32535 8.25801C7.36401 8.35268 7.42223 8.4389 7.50001 8.51668L9.65001 10.6667ZM8.00001 14.8C7.05557 14.8 6.16935 14.6222 5.34135 14.2667C4.51379 13.9111 3.79446 13.4278 3.18335 12.8167C2.57223 12.2056 2.0889 11.4862 1.73335 10.6587C1.37779 9.83068 1.20001 8.94446 1.20001 8.00001C1.20001 7.05557 1.37779 6.16935 1.73335 5.34135C2.0889 4.51379 2.57223 3.79446 3.18335 3.18335C3.79446 2.57223 4.51379 2.0889 5.34135 1.73335C6.16935 1.37779 7.05557 1.20001 8.00001 1.20001C8.94446 1.20001 9.83068 1.37779 10.6587 1.73335C11.4862 2.0889 12.2056 2.57223 12.8167 3.18335C13.4278 3.79446 13.9111 4.51379 14.2667 5.34135C14.6222 6.16935 14.8 7.05557 14.8 8.00001C14.8 8.94446 14.6222 9.83068 14.2667 10.6587C13.9111 11.4862 13.4278 12.2056 12.8167 12.8167C12.2056 13.4278 11.4862 13.9111 10.6587 14.2667C9.83068 14.6222 8.94446 14.8 8.00001 14.8ZM8.00001 13.2833C9.46668 13.2833 10.714 12.7696 11.742 11.742C12.7696 10.714 13.2833 9.46668 13.2833 8.00001C13.2833 6.53335 12.7696 5.28601 11.742 4.25801C10.714 3.23046 9.46668 2.71668 8.00001 2.71668C6.53335 2.71668 5.28623 3.23046 4.25868 4.25801C3.23068 5.28601 2.71668 6.53335 2.71668 8.00001C2.71668 9.46668 3.23068 10.714 4.25868 11.742C5.28623 12.7696 6.53335 13.2833 8.00001 13.2833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M14.475 16C14.675 16.2 14.921 16.3 15.213 16.3C15.5043 16.3 15.7583 16.1917 15.975 15.975C16.175 15.775 16.275 15.5207 16.275 15.212C16.275 14.904 16.175 14.65 15.975 14.45L13.1 11.55V8.09999C13.1 7.78332 12.996 7.52499 12.788 7.32499C12.5793 7.12499 12.3167 7.02499 12 7.02499C11.6833 7.02499 11.421 7.12899 11.213 7.33699C11.0043 7.54565 10.9 7.80832 10.9 8.12499V11.95C10.9 12.1 10.9293 12.2457 10.988 12.387C11.046 12.529 11.1333 12.6583 11.25 12.775L14.475 16ZM12 22.2C10.5833 22.2 9.25399 21.9333 8.01199 21.4C6.77065 20.8667 5.69165 20.1417 4.77499 19.225C3.85832 18.3083 3.13332 17.2293 2.59999 15.988C2.06665 14.746 1.79999 13.4167 1.79999 12C1.79999 10.5833 2.06665 9.25399 2.59999 8.01199C3.13332 6.77065 3.85832 5.69165 4.77499 4.77499C5.69165 3.85832 6.77065 3.13332 8.01199 2.59999C9.25399 2.06665 10.5833 1.79999 12 1.79999C13.4167 1.79999 14.746 2.06665 15.988 2.59999C17.2293 3.13332 18.3083 3.85832 19.225 4.77499C20.1417 5.69165 20.8667 6.77065 21.4 8.01199C21.9333 9.25399 22.2 10.5833 22.2 12C22.2 13.4167 21.9333 14.746 21.4 15.988C20.8667 17.2293 20.1417 18.3083 19.225 19.225C18.3083 20.1417 17.2293 20.8667 15.988 21.4C14.746 21.9333 13.4167 22.2 12 22.2ZM12 19.925C14.2 19.925 16.071 19.1543 17.613 17.613C19.1543 16.071 19.925 14.2 19.925 12C19.925 9.79999 19.1543 7.92899 17.613 6.38699C16.071 4.84565 14.2 4.07499 12 4.07499C9.79999 4.07499 7.92932 4.84565 6.38799 6.38699C4.84599 7.92899 4.07499 9.79999 4.07499 12C4.07499 14.2 4.84599 16.071 6.38799 17.613C7.92932 19.1543 9.79999 19.925 12 19.925Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M16.8875 18.6667C17.1208 18.9 17.4078 19.0167 17.7485 19.0167C18.0884 19.0167 18.3847 18.8903 18.6375 18.6375C18.8708 18.4042 18.9875 18.1074 18.9875 17.7473C18.9875 17.388 18.8708 17.0917 18.6375 16.8583L15.2833 13.475V9.45001C15.2833 9.08056 15.162 8.77917 14.9193 8.54584C14.6759 8.31251 14.3694 8.19584 14 8.19584C13.6306 8.19584 13.3245 8.31717 13.0818 8.55984C12.8384 8.80328 12.7167 9.10973 12.7167 9.47917V13.9417C12.7167 14.1167 12.7509 14.2866 12.8193 14.4515C12.887 14.6172 12.9889 14.7681 13.125 14.9042L16.8875 18.6667ZM14 25.9C12.3472 25.9 10.7963 25.5889 9.34734 24.9667C7.89912 24.3445 6.64028 23.4986 5.57084 22.4292C4.5014 21.3597 3.65556 20.1009 3.03334 18.6527C2.41112 17.2037 2.10001 15.6528 2.10001 14C2.10001 12.3472 2.41112 10.7963 3.03334 9.34734C3.65556 7.89912 4.5014 6.64028 5.57084 5.57084C6.64028 4.5014 7.89912 3.65556 9.34734 3.03334C10.7963 2.41112 12.3472 2.10001 14 2.10001C15.6528 2.10001 17.2037 2.41112 18.6527 3.03334C20.1009 3.65556 21.3597 4.5014 22.4292 5.57084C23.4986 6.64028 24.3445 7.89912 24.9667 9.34734C25.5889 10.7963 25.9 12.3472 25.9 14C25.9 15.6528 25.5889 17.2037 24.9667 18.6527C24.3445 20.1009 23.4986 21.3597 22.4292 22.4292C21.3597 23.4986 20.1009 24.3445 18.6527 24.9667C17.2037 25.5889 15.6528 25.9 14 25.9ZM14 23.2458C16.5667 23.2458 18.7495 22.3467 20.5485 20.5485C22.3467 18.7495 23.2458 16.5667 23.2458 14C23.2458 11.4333 22.3467 9.25051 20.5485 7.45151C18.7495 5.65328 16.5667 4.75417 14 4.75417C11.4333 4.75417 9.2509 5.65328 7.45267 7.45151C5.65367 9.25051 4.75417 11.4333 4.75417 14C4.75417 16.5667 5.65367 18.7495 7.45267 20.5485C9.2509 22.3467 11.4333 23.2458 14 23.2458Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-time-outlined"; }
+  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-today.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 SwirlIconToday {
+  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 11C5.53333 11 5.13889 10.8389 4.81667 10.5167C4.49444 10.1945 4.33333 9.80004 4.33333 9.33337C4.33333 8.86671 4.49444 8.47226 4.81667 8.15004C5.13889 7.82782 5.53333 7.66671 6 7.66671C6.46667 7.66671 6.86111 7.82782 7.18333 8.15004C7.50556 8.47226 7.66667 8.86671 7.66667 9.33337C7.66667 9.80004 7.50556 10.1945 7.18333 10.5167C6.86111 10.8389 6.46667 11 6 11ZM3.33333 14.6667C2.96667 14.6667 2.65267 14.5363 2.39133 14.2754C2.13044 14.014 2 13.7 2 13.3334V4.00004C2 3.63337 2.13044 3.3196 2.39133 3.05871C2.65267 2.79737 2.96667 2.66671 3.33333 2.66671H4V2.00004C4 1.81115 4.06378 1.65271 4.19133 1.52471C4.31933 1.39715 4.47778 1.33337 4.66667 1.33337C4.85556 1.33337 5.014 1.39715 5.142 1.52471C5.26956 1.65271 5.33333 1.81115 5.33333 2.00004V2.66671H10.6667V2.00004C10.6667 1.81115 10.7307 1.65271 10.8587 1.52471C10.9862 1.39715 11.1444 1.33337 11.3333 1.33337C11.5222 1.33337 11.6804 1.39715 11.808 1.52471C11.936 1.65271 12 1.81115 12 2.00004V2.66671H12.6667C13.0333 2.66671 13.3473 2.79737 13.6087 3.05871C13.8696 3.3196 14 3.63337 14 4.00004V13.3334C14 13.7 13.8696 14.014 13.6087 14.2754C13.3473 14.5363 13.0333 14.6667 12.6667 14.6667H3.33333ZM3.33333 13.3334H12.6667V6.66671H3.33333V13.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M10.5 19.25C9.68333 19.25 8.99306 18.9681 8.42917 18.4042C7.86528 17.8403 7.58333 17.15 7.58333 16.3334C7.58333 15.5167 7.86528 14.8264 8.42917 14.2625C8.99306 13.6987 9.68333 13.4167 10.5 13.4167C11.3167 13.4167 12.0069 13.6987 12.5708 14.2625C13.1347 14.8264 13.4167 15.5167 13.4167 16.3334C13.4167 17.15 13.1347 17.8403 12.5708 18.4042C12.0069 18.9681 11.3167 19.25 10.5 19.25ZM5.83333 25.6667C5.19167 25.6667 4.64217 25.4384 4.18483 24.9819C3.72828 24.5245 3.5 23.975 3.5 23.3334V7.00004C3.5 6.35837 3.72828 5.80926 4.18483 5.35271C4.64217 4.89537 5.19167 4.66671 5.83333 4.66671H7V3.50004C7 3.16949 7.11161 2.89221 7.33483 2.66821C7.55883 2.44499 7.83611 2.33337 8.16667 2.33337C8.49722 2.33337 8.7745 2.44499 8.9985 2.66821C9.22172 2.89221 9.33333 3.16949 9.33333 3.50004V4.66671H18.6667V3.50004C18.6667 3.16949 18.7787 2.89221 19.0027 2.66821C19.2259 2.44499 19.5028 2.33337 19.8333 2.33337C20.1639 2.33337 20.4408 2.44499 20.664 2.66821C20.888 2.89221 21 3.16949 21 3.50004V4.66671H22.1667C22.8083 4.66671 23.3578 4.89537 23.8152 5.35271C24.2717 5.80926 24.5 6.35837 24.5 7.00004V23.3334C24.5 23.975 24.2717 24.5245 23.8152 24.9819C23.3578 25.4384 22.8083 25.6667 22.1667 25.6667H5.83333ZM5.83333 23.3334H22.1667V11.6667H5.83333V23.3334Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-today"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconSize",
+          "resolved": "16 | 20 | 24 | 28",
+          "references": {
+            "SwirlIconSize": {
+              "location": "import",
+              "path": "../swirl-icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

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