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

package/dist/collection/components/swirl-icon/icons/swirl-icon-logout.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 SwirlIconLogout {
+  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.15 10.9833C10.0056 10.8167 9.93335 10.6304 9.93335 10.4247C9.93335 10.2193 10.0056 10.0444 10.15 9.9L11.3 8.76667H6.68335C6.47224 8.76667 6.29446 8.69156 6.15001 8.54134C6.00557 8.39156 5.93335 8.21111 5.93335 8C5.93335 7.78889 6.00557 7.60845 6.15001 7.45867C6.29446 7.30845 6.47224 7.23334 6.68335 7.23334H11.3L10.15 6.1C9.99446 5.94445 9.91935 5.76378 9.92468 5.558C9.93046 5.35267 10.0056 5.17222 10.15 5.01667C10.2945 4.87222 10.4696 4.8 10.6753 4.8C10.8807 4.8 11.0556 4.87222 11.2 5.01667L13.6667 7.46667C13.7333 7.54445 13.7833 7.62778 13.8167 7.71667C13.85 7.80556 13.8667 7.9 13.8667 8C13.8667 8.1 13.85 8.19445 13.8167 8.28333C13.7833 8.37222 13.7333 8.45556 13.6667 8.53333L11.2 11C11.0333 11.1556 10.8529 11.2249 10.6587 11.208C10.464 11.1916 10.2945 11.1167 10.15 10.9833V10.9833ZM3.33335 14.1333C2.91113 14.1333 2.5529 13.9862 2.25868 13.692C1.96401 13.3973 1.81668 13.0389 1.81668 12.6167V3.38334C1.81668 2.96111 1.96401 2.60267 2.25868 2.308C2.5529 2.01378 2.91113 1.86667 3.33335 1.86667H7.26668C7.4889 1.86667 7.67224 1.93889 7.81668 2.08334C7.96113 2.22778 8.03335 2.40556 8.03335 2.61667C8.03335 2.83889 7.96113 3.02222 7.81668 3.16667C7.67224 3.31111 7.4889 3.38334 7.26668 3.38334H3.33335V12.6167H7.26668C7.4889 12.6167 7.67224 12.6889 7.81668 12.8333C7.96113 12.9778 8.03335 13.1611 8.03335 13.3833C8.03335 13.5944 7.96113 13.7722 7.81668 13.9167C7.67224 14.0611 7.4889 14.1333 7.26668 14.1333H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15.225 16.475C15.0083 16.225 14.9 15.9457 14.9 15.637C14.9 15.329 15.0083 15.0667 15.225 14.85L16.95 13.15H10.025C9.70834 13.15 9.44167 13.0373 9.22501 12.812C9.00834 12.5873 8.90001 12.3167 8.90001 12C8.90001 11.6833 9.00834 11.4127 9.22501 11.188C9.44167 10.9627 9.70834 10.85 10.025 10.85H16.95L15.225 9.14999C14.9917 8.91665 14.879 8.64565 14.887 8.33699C14.8957 8.02899 15.0083 7.75832 15.225 7.52499C15.4417 7.30832 15.7043 7.19999 16.013 7.19999C16.321 7.19999 16.5833 7.30832 16.8 7.52499L20.5 11.2C20.6 11.3167 20.675 11.4417 20.725 11.575C20.775 11.7083 20.8 11.85 20.8 12C20.8 12.15 20.775 12.2917 20.725 12.425C20.675 12.5583 20.6 12.6833 20.5 12.8L16.8 16.5C16.55 16.7333 16.2793 16.8373 15.988 16.812C15.696 16.7873 15.4417 16.675 15.225 16.475ZM5.00001 21.2C4.36667 21.2 3.82934 20.9793 3.38801 20.538C2.94601 20.096 2.72501 19.5583 2.72501 18.925V5.07499C2.72501 4.44165 2.94601 3.90399 3.38801 3.46199C3.82934 3.02065 4.36667 2.79999 5.00001 2.79999H10.9C11.2333 2.79999 11.5083 2.90832 11.725 3.12499C11.9417 3.34165 12.05 3.60832 12.05 3.92499C12.05 4.25832 11.9417 4.53332 11.725 4.74999C11.5083 4.96665 11.2333 5.07499 10.9 5.07499H5.00001V18.925H10.9C11.2333 18.925 11.5083 19.0333 11.725 19.25C11.9417 19.4667 12.05 19.7417 12.05 20.075C12.05 20.3917 11.9417 20.6583 11.725 20.875C11.5083 21.0917 11.2333 21.2 10.9 21.2H5.00001Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M17.7625 19.2208C17.5097 18.9292 17.3833 18.6033 17.3833 18.2432C17.3833 17.8838 17.5097 17.5778 17.7625 17.325L19.775 15.3417H11.6958C11.3264 15.3417 11.0153 15.2102 10.7625 14.9473C10.5097 14.6852 10.3833 14.3694 10.3833 14C10.3833 13.6306 10.5097 13.3148 10.7625 13.0527C11.0153 12.7898 11.3264 12.6583 11.6958 12.6583H19.775L17.7625 10.675C17.4903 10.4028 17.3588 10.0866 17.3682 9.7265C17.3783 9.36716 17.5097 9.05139 17.7625 8.77916C18.0153 8.52639 18.3217 8.4 18.6818 8.4C19.0412 8.4 19.3472 8.52639 19.6 8.77916L23.9167 13.0667C24.0333 13.2028 24.1208 13.3486 24.1792 13.5042C24.2375 13.6597 24.2667 13.825 24.2667 14C24.2667 14.175 24.2375 14.3403 24.1792 14.4958C24.1208 14.6514 24.0333 14.7972 23.9167 14.9333L19.6 19.25C19.3083 19.5222 18.9926 19.6436 18.6527 19.614C18.312 19.5852 18.0153 19.4542 17.7625 19.2208V19.2208ZM5.83334 24.7333C5.09445 24.7333 4.46756 24.4759 3.95267 23.961C3.437 23.4453 3.17917 22.8181 3.17917 22.0792V5.92083C3.17917 5.18194 3.437 4.55466 3.95267 4.039C4.46756 3.52411 5.09445 3.26666 5.83334 3.26666H12.7167C13.1056 3.26666 13.4264 3.39305 13.6792 3.64583C13.9319 3.89861 14.0583 4.20972 14.0583 4.57916C14.0583 4.96805 13.9319 5.28889 13.6792 5.54166C13.4264 5.79444 13.1056 5.92083 12.7167 5.92083H5.83334V22.0792H12.7167C13.1056 22.0792 13.4264 22.2056 13.6792 22.4583C13.9319 22.7111 14.0583 23.0319 14.0583 23.4208C14.0583 23.7903 13.9319 24.1014 13.6792 24.3542C13.4264 24.6069 13.1056 24.7333 12.7167 24.7333H5.83334Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-logout"; }
+  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-long-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 SwirlIconLongText {
+  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 12.6668C3.14446 12.6668 2.98613 12.6029 2.85835 12.4752C2.73058 12.3474 2.66669 12.1891 2.66669 12.0002C2.66669 11.8113 2.73058 11.6529 2.85835 11.5252C2.98613 11.3974 3.14446 11.3335 3.33335 11.3335H8.66669C8.85558 11.3335 9.01391 11.3974 9.14169 11.5252C9.26947 11.6529 9.33335 11.8113 9.33335 12.0002C9.33335 12.1891 9.26947 12.3474 9.14169 12.4752C9.01391 12.6029 8.85558 12.6668 8.66669 12.6668H3.33335ZM3.33335 7.3335C3.14446 7.3335 2.98613 7.26961 2.85835 7.14183C2.73058 7.01405 2.66669 6.85572 2.66669 6.66683C2.66669 6.47794 2.73058 6.31961 2.85835 6.19183C2.98613 6.06405 3.14446 6.00016 3.33335 6.00016H12.6667C12.8556 6.00016 13.0139 6.06405 13.1417 6.19183C13.2695 6.31961 13.3334 6.47794 13.3334 6.66683C13.3334 6.85572 13.2695 7.01405 13.1417 7.14183C13.0139 7.26961 12.8556 7.3335 12.6667 7.3335H3.33335ZM3.33335 10.0002C3.14446 10.0002 2.98613 9.93627 2.85835 9.8085C2.73058 9.68072 2.66669 9.52238 2.66669 9.3335C2.66669 9.14461 2.73058 8.98627 2.85835 8.8585C2.98613 8.73072 3.14446 8.66683 3.33335 8.66683H12.6667C12.8556 8.66683 13.0139 8.73072 13.1417 8.8585C13.2695 8.98627 13.3334 9.14461 13.3334 9.3335C13.3334 9.52238 13.2695 9.68072 13.1417 9.8085C13.0139 9.93627 12.8556 10.0002 12.6667 10.0002H3.33335ZM3.33335 4.66683C3.14446 4.66683 2.98613 4.60294 2.85835 4.47516C2.73058 4.34738 2.66669 4.18905 2.66669 4.00016C2.66669 3.81127 2.73058 3.65294 2.85835 3.52516C2.98613 3.39738 3.14446 3.3335 3.33335 3.3335H12.6667C12.8556 3.3335 13.0139 3.39738 13.1417 3.52516C13.2695 3.65294 13.3334 3.81127 13.3334 4.00016C13.3334 4.18905 13.2695 4.34738 13.1417 4.47516C13.0139 4.60294 12.8556 4.66683 12.6667 4.66683H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M5 19C4.71667 19 4.47917 18.9042 4.2875 18.7125C4.09583 18.5208 4 18.2833 4 18C4 17.7167 4.09583 17.4792 4.2875 17.2875C4.47917 17.0958 4.71667 17 5 17H13C13.2833 17 13.5208 17.0958 13.7125 17.2875C13.9042 17.4792 14 17.7167 14 18C14 18.2833 13.9042 18.5208 13.7125 18.7125C13.5208 18.9042 13.2833 19 13 19H5ZM5 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 13H19C19.2833 13 19.5208 13.0958 19.7125 13.2875C19.9042 13.4792 20 13.7167 20 14C20 14.2833 19.9042 14.5208 19.7125 14.7125C19.5208 14.9042 19.2833 15 19 15H5ZM5 7C4.71667 7 4.47917 6.90417 4.2875 6.7125C4.09583 6.52083 4 6.28333 4 6C4 5.71667 4.09583 5.47917 4.2875 5.2875C4.47917 5.09583 4.71667 5 5 5H19C19.2833 5 19.5208 5.09583 19.7125 5.2875C19.9042 5.47917 20 5.71667 20 6C20 6.28333 19.9042 6.52083 19.7125 6.7125C19.5208 6.90417 19.2833 7 19 7H5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M5.83332 22.1668C5.50277 22.1668 5.22568 22.055 5.00207 21.8314C4.77846 21.6078 4.66666 21.3307 4.66666 21.0002C4.66666 20.6696 4.77846 20.3925 5.00207 20.1689C5.22568 19.9453 5.50277 19.8335 5.83332 19.8335H15.1667C15.4972 19.8335 15.7743 19.9453 15.9979 20.1689C16.2215 20.3925 16.3333 20.6696 16.3333 21.0002C16.3333 21.3307 16.2215 21.6078 15.9979 21.8314C15.7743 22.055 15.4972 22.1668 15.1667 22.1668H5.83332ZM5.83332 12.8335C5.50277 12.8335 5.22568 12.7217 5.00207 12.4981C4.77846 12.2745 4.66666 11.9974 4.66666 11.6668C4.66666 11.3363 4.77846 11.0592 5.00207 10.8356C5.22568 10.612 5.50277 10.5002 5.83332 10.5002H22.1667C22.4972 10.5002 22.7743 10.612 22.9979 10.8356C23.2215 11.0592 23.3333 11.3363 23.3333 11.6668C23.3333 11.9974 23.2215 12.2745 22.9979 12.4981C22.7743 12.7217 22.4972 12.8335 22.1667 12.8335H5.83332ZM5.83332 17.5002C5.50277 17.5002 5.22568 17.3884 5.00207 17.1647C4.77846 16.9411 4.66666 16.6641 4.66666 16.3335C4.66666 16.0029 4.77846 15.7259 5.00207 15.5022C5.22568 15.2786 5.50277 15.1668 5.83332 15.1668H22.1667C22.4972 15.1668 22.7743 15.2786 22.9979 15.5022C23.2215 15.7259 23.3333 16.0029 23.3333 16.3335C23.3333 16.6641 23.2215 16.9411 22.9979 17.1647C22.7743 17.3884 22.4972 17.5002 22.1667 17.5002H5.83332ZM5.83332 8.16683C5.50277 8.16683 5.22568 8.05502 5.00207 7.83141C4.77846 7.6078 4.66666 7.33072 4.66666 7.00016C4.66666 6.66961 4.77846 6.39252 5.00207 6.16891C5.22568 5.9453 5.50277 5.8335 5.83332 5.8335H22.1667C22.4972 5.8335 22.7743 5.9453 22.9979 6.16891C23.2215 6.39252 23.3333 6.66961 23.3333 7.00016C23.3333 7.33072 23.2215 7.6078 22.9979 7.83141C22.7743 8.05502 22.4972 8.16683 22.1667 8.16683H5.83332Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-long-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-mail.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 SwirlIconMail {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M13.3333 2.66669H2.66668C1.93334 2.66669 1.33334 3.26669 1.33334 4.00002V12C1.33334 12.7334 1.93334 13.3334 2.66668 13.3334H13.3333C14.0667 13.3334 14.6667 12.7334 14.6667 12V4.00002C14.6667 3.26669 14.0667 2.66669 13.3333 2.66669ZM13.0667 5.50002L8.70668 8.22669C8.27334 8.50002 7.72668 8.50002 7.29334 8.22669L2.93334 5.50002C2.76668 5.39335 2.66668 5.21335 2.66668 5.02002C2.66668 4.57335 3.15334 4.30669 3.53334 4.54002L8.00001 7.33335L12.4667 4.54002C12.8467 4.30669 13.3333 4.57335 13.3333 5.02002C13.3333 5.21335 13.2333 5.39335 13.0667 5.50002Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM19.6 8.25L13.06 12.34C12.41 12.75 11.59 12.75 10.94 12.34L4.4 8.25C4.15 8.09 4 7.82 4 7.53C4 6.86 4.73 6.46 5.3 6.81L12 11L18.7 6.81C19.27 6.46 20 6.86 20 7.53C20 7.82 19.85 8.09 19.6 8.25Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M23.3333 4.66669H4.66668C3.38334 4.66669 2.33334 5.71669 2.33334 7.00002V21C2.33334 22.2834 3.38334 23.3334 4.66668 23.3334H23.3333C24.6167 23.3334 25.6667 22.2834 25.6667 21V7.00002C25.6667 5.71669 24.6167 4.66669 23.3333 4.66669ZM22.8667 9.62502L15.2367 14.3967C14.4783 14.875 13.5217 14.875 12.7633 14.3967L5.13334 9.62502C4.84168 9.43835 4.66668 9.12335 4.66668 8.78502C4.66668 8.00335 5.51834 7.53669 6.18334 7.94502L14 12.8334L21.8167 7.94502C22.4817 7.53669 23.3333 8.00335 23.3333 8.78502C23.3333 9.12335 23.1583 9.43835 22.8667 9.62502Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-mail"; }
+  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-manage-accounts.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 SwirlIconManageAccounts {
+  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.21381 8.35C7.06714 8.34334 6.92047 8.33667 6.76714 8.33667C5.15381 8.33667 3.64714 8.78334 2.36047 9.55C1.77381 9.89667 1.43381 10.55 1.43381 11.2367V12.3367C1.43381 12.7033 1.73381 13.0033 2.10047 13.0033H7.60714C7.08047 12.25 6.76714 11.33 6.76714 10.3367C6.76714 9.62334 6.93381 8.95667 7.21381 8.35Z", fill: "currentColor" }), h("path", { d: "M6.76714 7.67C8.2399 7.67 9.43381 6.4761 9.43381 5.00334C9.43381 3.53058 8.2399 2.33667 6.76714 2.33667C5.29438 2.33667 4.10047 3.53058 4.10047 5.00334C4.10047 6.4761 5.29438 7.67 6.76714 7.67Z", fill: "currentColor" }), h("path", { d: "M13.9338 10.3367C13.9338 10.19 13.9138 10.0567 13.8938 9.91667L14.4538 9.43C14.5738 9.32334 14.6005 9.15 14.5205 9.01L14.1271 8.33C14.0471 8.19 13.8805 8.13 13.7338 8.18334L13.0271 8.42334C12.8138 8.24334 12.5738 8.10334 12.3071 8.00334L12.1605 7.27667C12.1271 7.12334 11.9938 7.01 11.8338 7.01H11.0471C10.8871 7.01 10.7538 7.12334 10.7205 7.27667L10.5738 8.00334C10.3071 8.10334 10.0671 8.24334 9.85381 8.42334L9.14714 8.18334C8.99381 8.13 8.83381 8.19667 8.75381 8.33L8.36047 9.01C8.28047 9.15 8.30714 9.32334 8.42714 9.43L8.98714 9.91667C8.96714 10.0567 8.94714 10.19 8.94714 10.3367C8.94714 10.4833 8.96714 10.6167 8.98714 10.7567L8.42714 11.2433C8.30714 11.35 8.28047 11.5233 8.36047 11.6633L8.75381 12.3433C8.83381 12.4833 9.00047 12.5433 9.14714 12.49L9.85381 12.25C10.0671 12.43 10.3071 12.57 10.5738 12.67L10.7205 13.3967C10.7538 13.55 10.8871 13.6633 11.0471 13.6633H11.8338C11.9938 13.6633 12.1271 13.55 12.1605 13.3967L12.3071 12.67C12.5738 12.57 12.8138 12.43 13.0271 12.25L13.7338 12.49C13.8871 12.5433 14.0471 12.4767 14.1271 12.3433L14.5205 11.6633C14.6005 11.5233 14.5738 11.35 14.4538 11.2433L13.8938 10.7567C13.9138 10.6167 13.9338 10.4833 13.9338 10.3367ZM11.4338 11.67C10.7005 11.67 10.1005 11.07 10.1005 10.3367C10.1005 9.60334 10.7005 9.00334 11.4338 9.00334C12.1671 9.00334 12.7671 9.60334 12.7671 10.3367C12.7671 11.07 12.1671 11.67 11.4338 11.67Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M10.8207 12.525C10.6007 12.515 10.3807 12.505 10.1507 12.505C7.7307 12.505 5.4707 13.175 3.5407 14.325C2.6607 14.845 2.1507 15.825 2.1507 16.855V18.505C2.1507 19.055 2.6007 19.505 3.1507 19.505H11.4107C10.6207 18.375 10.1507 16.995 10.1507 15.505C10.1507 14.435 10.4007 13.435 10.8207 12.525Z", fill: "currentColor" }), h("path", { d: "M10.1507 11.505C12.3598 11.505 14.1507 9.71414 14.1507 7.505C14.1507 5.29587 12.3598 3.505 10.1507 3.505C7.94156 3.505 6.1507 5.29587 6.1507 7.505C6.1507 9.71414 7.94156 11.505 10.1507 11.505Z", fill: "currentColor" }), h("path", { d: "M20.9007 15.505C20.9007 15.285 20.8707 15.085 20.8407 14.875L21.6807 14.145C21.8607 13.985 21.9007 13.725 21.7807 13.515L21.1907 12.495C21.0707 12.285 20.8207 12.195 20.6007 12.275L19.5407 12.635C19.2207 12.365 18.8607 12.155 18.4607 12.005L18.2407 10.915C18.1907 10.685 17.9907 10.515 17.7507 10.515H16.5707C16.3307 10.515 16.1307 10.685 16.0807 10.915L15.8607 12.005C15.4607 12.155 15.1007 12.365 14.7807 12.635L13.7207 12.275C13.4907 12.195 13.2507 12.295 13.1307 12.495L12.5407 13.515C12.4207 13.725 12.4607 13.985 12.6407 14.145L13.4807 14.875C13.4507 15.085 13.4207 15.285 13.4207 15.505C13.4207 15.725 13.4507 15.925 13.4807 16.135L12.6407 16.865C12.4607 17.025 12.4207 17.285 12.5407 17.495L13.1307 18.515C13.2507 18.725 13.5007 18.815 13.7207 18.735L14.7807 18.375C15.1007 18.645 15.4607 18.855 15.8607 19.005L16.0807 20.095C16.1307 20.325 16.3307 20.495 16.5707 20.495H17.7507C17.9907 20.495 18.1907 20.325 18.2407 20.095L18.4607 19.005C18.8607 18.855 19.2207 18.645 19.5407 18.375L20.6007 18.735C20.8307 18.815 21.0707 18.715 21.1907 18.515L21.7807 17.495C21.9007 17.285 21.8607 17.025 21.6807 16.865L20.8407 16.135C20.8707 15.925 20.9007 15.725 20.9007 15.505ZM17.1507 17.505C16.0507 17.505 15.1507 16.605 15.1507 15.505C15.1507 14.405 16.0507 13.505 17.1507 13.505C18.2507 13.505 19.1507 14.405 19.1507 15.505C19.1507 16.605 18.2507 17.505 17.1507 17.505Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M12.6242 14.6125C12.3675 14.6008 12.1108 14.5892 11.8425 14.5892C9.01915 14.5892 6.38249 15.3708 4.13082 16.7125C3.10416 17.3192 2.50916 18.4625 2.50916 19.6642V21.5892C2.50916 22.2308 3.03416 22.7558 3.67582 22.7558H13.3125C12.3908 21.4375 11.8425 19.8275 11.8425 18.0892C11.8425 16.8408 12.1342 15.6742 12.6242 14.6125Z", fill: "currentColor" }), h("path", { d: "M11.8425 13.4225C14.4198 13.4225 16.5092 11.3332 16.5092 8.75584C16.5092 6.17851 14.4198 4.08917 11.8425 4.08917C9.26516 4.08917 7.17582 6.17851 7.17582 8.75584C7.17582 11.3332 9.26516 13.4225 11.8425 13.4225Z", fill: "currentColor" }), h("path", { d: "M24.3842 18.0892C24.3842 17.8325 24.3492 17.5992 24.3142 17.3542L25.2942 16.5025C25.5042 16.3158 25.5508 16.0125 25.4108 15.7675L24.7225 14.5775C24.5825 14.3325 24.2908 14.2275 24.0342 14.3208L22.7975 14.7408C22.4242 14.4258 22.0042 14.1808 21.5375 14.0058L21.2808 12.7342C21.2225 12.4658 20.9892 12.2675 20.7092 12.2675H19.3325C19.0525 12.2675 18.8192 12.4658 18.7608 12.7342L18.5042 14.0058C18.0375 14.1808 17.6175 14.4258 17.2442 14.7408L16.0075 14.3208C15.7392 14.2275 15.4592 14.3442 15.3192 14.5775L14.6308 15.7675C14.4908 16.0125 14.5375 16.3158 14.7475 16.5025L15.7275 17.3542C15.6925 17.5992 15.6575 17.8325 15.6575 18.0892C15.6575 18.3458 15.6925 18.5792 15.7275 18.8242L14.7475 19.6758C14.5375 19.8625 14.4908 20.1658 14.6308 20.4108L15.3192 21.6008C15.4592 21.8458 15.7508 21.9508 16.0075 21.8575L17.2442 21.4375C17.6175 21.7525 18.0375 21.9975 18.5042 22.1725L18.7608 23.4442C18.8192 23.7125 19.0525 23.9108 19.3325 23.9108H20.7092C20.9892 23.9108 21.2225 23.7125 21.2808 23.4442L21.5375 22.1725C22.0042 21.9975 22.4242 21.7525 22.7975 21.4375L24.0342 21.8575C24.3025 21.9508 24.5825 21.8342 24.7225 21.6008L25.4108 20.4108C25.5508 20.1658 25.5042 19.8625 25.2942 19.6758L24.3142 18.8242C24.3492 18.5792 24.3842 18.3458 24.3842 18.0892ZM20.0092 20.4225C18.7258 20.4225 17.6758 19.3725 17.6758 18.0892C17.6758 16.8058 18.7258 15.7558 20.0092 15.7558C21.2925 15.7558 22.3425 16.8058 22.3425 18.0892C22.3425 19.3725 21.2925 20.4225 20.0092 20.4225Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-manage-accounts"; }
+  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-mark-chat-read.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 SwirlIconMarkChatRead {
+  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.5667 11.45L13.9334 9.08331C14.0667 8.94998 14.2223 8.88609 14.4 8.89165C14.5778 8.8972 14.7334 8.96665 14.8667 9.09998C14.9889 9.23331 15.0528 9.38887 15.0584 9.56665C15.0639 9.74442 15 9.89998 14.8667 10.0333L12.0334 12.8666C11.9 13 11.7445 13.0639 11.5667 13.0583C11.3889 13.0528 11.2334 12.9833 11.1 12.85L9.68337 11.4333C9.56115 11.3111 9.49726 11.1583 9.49171 10.975C9.48615 10.7916 9.55004 10.6333 9.68337 10.5C9.8056 10.3778 9.96115 10.3166 10.15 10.3166C10.3389 10.3166 10.4945 10.3778 10.6167 10.5L11.5667 11.45ZM4.00004 12L2.46671 13.5333C2.2556 13.7444 2.01393 13.7916 1.74171 13.675C1.46949 13.5583 1.33337 13.35 1.33337 13.05V2.66665C1.33337 2.29998 1.46393 1.98609 1.72504 1.72498C1.98615 1.46387 2.30004 1.33331 2.66671 1.33331H13.3334C13.7 1.33331 14.0139 1.46387 14.275 1.72498C14.5362 1.98609 14.6667 2.29998 14.6667 2.66665V7.33331H9.33337C8.96671 7.33331 8.65282 7.46387 8.39171 7.72498C8.1306 7.98609 8.00004 8.29998 8.00004 8.66665V12H4.00004Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M17.35 17.175L20.9 13.625C21.1 13.425 21.3333 13.3292 21.6 13.3375C21.8667 13.3458 22.1 13.45 22.3 13.65C22.4833 13.85 22.5792 14.0833 22.5875 14.35C22.5958 14.6167 22.5 14.85 22.3 15.05L18.05 19.3C17.85 19.5 17.6167 19.5958 17.35 19.5875C17.0833 19.5792 16.85 19.475 16.65 19.275L14.525 17.15C14.3417 16.9667 14.2458 16.7375 14.2375 16.4625C14.2292 16.1875 14.325 15.95 14.525 15.75C14.7083 15.5667 14.9417 15.475 15.225 15.475C15.5083 15.475 15.7417 15.5667 15.925 15.75L17.35 17.175ZM6 18L3.7 20.3C3.38333 20.6167 3.02083 20.6875 2.6125 20.5125C2.20417 20.3375 2 20.025 2 19.575V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V11H14C13.45 11 12.9792 11.1958 12.5875 11.5875C12.1958 11.9792 12 12.45 12 13V18H6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M20.2417 20.0375L24.3834 15.8958C24.6167 15.6625 24.8889 15.5507 25.2 15.5604C25.5112 15.5701 25.7834 15.6916 26.0167 15.925C26.2306 16.1583 26.3424 16.4305 26.3521 16.7416C26.3618 17.0528 26.25 17.325 26.0167 17.5583L21.0584 22.5166C20.825 22.75 20.5528 22.8618 20.2417 22.8521C19.9306 22.8423 19.6584 22.7208 19.425 22.4875L16.9459 20.0083C16.732 19.7944 16.6202 19.5271 16.6105 19.2062C16.6007 18.8854 16.7125 18.6083 16.9459 18.375C17.1598 18.1611 17.432 18.0541 17.7625 18.0541C18.0931 18.0541 18.3653 18.1611 18.5792 18.375L20.2417 20.0375ZM7.00004 21L4.31671 23.6833C3.94726 24.0528 3.52435 24.1354 3.04796 23.9312C2.57157 23.7271 2.33337 23.3625 2.33337 22.8375V4.66665C2.33337 4.02498 2.56185 3.47567 3.01879 3.01873C3.47574 2.56179 4.02504 2.33331 4.66671 2.33331H23.3334C23.975 2.33331 24.5243 2.56179 24.9813 3.01873C25.4382 3.47567 25.6667 4.02498 25.6667 4.66665V12.8333H16.3334C15.6917 12.8333 15.1424 13.0618 14.6855 13.5187C14.2285 13.9757 14 14.525 14 15.1666V21H7.00004Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-mark-chat-read"; }
+  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-mark-chat-unread.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 SwirlIconMarkChatUnread {
+  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("g", { "clip-path": "url(#clip0_57_257)" }, h("path", { d: "M12.6667 4C12.1112 4 11.6389 3.80556 11.25 3.41667C10.8612 3.02778 10.6667 2.55556 10.6667 2C10.6667 1.44444 10.8612 0.972222 11.25 0.583333C11.6389 0.194444 12.1112 0 12.6667 0C13.2223 0 13.6945 0.194444 14.0834 0.583333C14.4723 0.972222 14.6667 1.44444 14.6667 2C14.6667 2.55556 14.4723 3.02778 14.0834 3.41667C13.6945 3.80556 13.2223 4 12.6667 4ZM4.00004 12L2.46671 13.5333C2.2556 13.7444 2.01393 13.7917 1.74171 13.675C1.46949 13.5583 1.33337 13.35 1.33337 13.05V2.66667C1.33337 2.3 1.46393 1.98611 1.72504 1.725C1.98615 1.46389 2.30004 1.33333 2.66671 1.33333H9.40004C9.3556 1.55556 9.33337 1.77778 9.33337 2C9.33337 2.22222 9.3556 2.44444 9.40004 2.66667C9.5556 3.43333 9.93893 4.06944 10.55 4.575C11.1612 5.08056 11.8667 5.33333 12.6667 5.33333C13.0223 5.33333 13.3723 5.27778 13.7167 5.16667C14.0612 5.05556 14.3778 4.88889 14.6667 4.66667V10.6667C14.6667 11.0333 14.5362 11.3472 14.275 11.6083C14.0139 11.8694 13.7 12 13.3334 12H4.00004Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_57_257" }, h("rect", { width: "16", height: "16", fill: "currentColor" }))))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("g", { "clip-path": "url(#clip0_57_242)" }, h("path", { d: "M19 6C18.1667 6 17.4583 5.70833 16.875 5.125C16.2917 4.54167 16 3.83333 16 3C16 2.16667 16.2917 1.45833 16.875 0.875C17.4583 0.291667 18.1667 0 19 0C19.8333 0 20.5417 0.291667 21.125 0.875C21.7083 1.45833 22 2.16667 22 3C22 3.83333 21.7083 4.54167 21.125 5.125C20.5417 5.70833 19.8333 6 19 6ZM6 18L3.7 20.3C3.38333 20.6167 3.02083 20.6875 2.6125 20.5125C2.20417 20.3375 2 20.025 2 19.575V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H14.1C14.0333 2.33333 14 2.66667 14 3C14 3.33333 14.0333 3.66667 14.1 4C14.3333 5.15 14.9083 6.10417 15.825 6.8625C16.7417 7.62083 17.8 8 19 8C19.5333 8 20.0583 7.91667 20.575 7.75C21.0917 7.58333 21.5667 7.33333 22 7V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_57_242" }, h("rect", { width: "24", height: "24", fill: "currentColor" }))))), this.size === 28 && (h(Fragment, null, h("g", { "clip-path": "url(#clip0_57_269)" }, h("path", { d: "M22.1667 7C21.1945 7 20.3681 6.65972 19.6875 5.97917C19.007 5.29861 18.6667 4.47222 18.6667 3.5C18.6667 2.52778 19.007 1.70139 19.6875 1.02083C20.3681 0.340278 21.1945 0 22.1667 0C23.1389 0 23.9653 0.340278 24.6459 1.02083C25.3264 1.70139 25.6667 2.52778 25.6667 3.5C25.6667 4.47222 25.3264 5.29861 24.6459 5.97917C23.9653 6.65972 23.1389 7 22.1667 7ZM7.00004 21L4.31671 23.6833C3.94726 24.0528 3.52435 24.1354 3.04796 23.9312C2.57157 23.7271 2.33337 23.3625 2.33337 22.8375V4.66667C2.33337 4.025 2.56185 3.47569 3.01879 3.01875C3.47574 2.56181 4.02504 2.33333 4.66671 2.33333H16.45C16.3723 2.72222 16.3334 3.11111 16.3334 3.5C16.3334 3.88889 16.3723 4.27778 16.45 4.66667C16.7223 6.00833 17.3931 7.12153 18.4625 8.00625C19.532 8.89097 20.7667 9.33333 22.1667 9.33333C22.7889 9.33333 23.4014 9.23611 24.0042 9.04167C24.607 8.84722 25.1612 8.55556 25.6667 8.16667V18.6667C25.6667 19.3083 25.4382 19.8576 24.9813 20.3146C24.5243 20.7715 23.975 21 23.3334 21H7.00004Z", fill: "currentColor" })), h("defs", null, h("clipPath", { id: "clip0_57_269" }, h("rect", { width: "28", height: "28", fill: "currentColor" })))))));
+  }
+  static get is() { return "swirl-icon-mark-chat-unread"; }
+  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-mention.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 SwirlIconMention {
+  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.00001 14.7833C7.06668 14.7833 6.1889 14.6056 5.36668 14.25C4.54445 13.8945 3.8249 13.4085 3.20801 12.792C2.59156 12.1751 2.10556 11.4556 1.75001 10.6333C1.39445 9.81112 1.21667 8.93334 1.21667 8.00001C1.21667 7.06668 1.39445 6.1889 1.75001 5.36668C2.10556 4.54445 2.59156 3.8249 3.20801 3.20801C3.8249 2.59156 4.54445 2.10556 5.36668 1.75001C6.1889 1.39445 7.06668 1.21667 8.00001 1.21667C8.93334 1.21667 9.81112 1.39445 10.6333 1.75001C11.4556 2.10556 12.1751 2.59156 12.792 3.20801C13.4085 3.8249 13.8945 4.54445 14.25 5.36668C14.6056 6.1889 14.7833 7.06668 14.7833 8.00001V8.96668C14.7833 9.65556 14.5529 10.2333 14.092 10.7C13.6307 11.1667 13.0556 11.4 12.3667 11.4C11.9556 11.4 11.5749 11.3085 11.2247 11.1253C10.8749 10.9418 10.5889 10.7 10.3667 10.4C10.0778 10.7111 9.73068 10.9556 9.32534 11.1333C8.91956 11.3111 8.47779 11.4 8.00001 11.4C7.06668 11.4 6.26667 11.0696 5.60001 10.4087C4.93334 9.74734 4.60001 8.94445 4.60001 8.00001C4.60001 7.06668 4.93334 6.26667 5.60001 5.60001C6.26667 4.93334 7.06668 4.60001 8.00001 4.60001C8.94445 4.60001 9.74734 4.93045 10.4087 5.59134C11.0696 6.25268 11.4 7.05556 11.4 8.00001V8.93334C11.4 9.24445 11.4945 9.4889 11.6833 9.66668C11.8722 9.84445 12.1 9.93334 12.3667 9.93334C12.6222 9.93334 12.8471 9.84445 13.0413 9.66668C13.236 9.4889 13.3333 9.24445 13.3333 8.93334V8.00001C13.3333 6.54445 12.8082 5.29156 11.758 4.24134C10.7082 3.19156 9.45556 2.66667 8.00001 2.66667C6.54445 2.66667 5.29156 3.19156 4.24134 4.24134C3.19156 5.29156 2.66667 6.54445 2.66667 8.00001C2.66667 9.45556 3.19156 10.7082 4.24134 11.758C5.29156 12.8082 6.54445 13.3333 8.00001 13.3333H10.6C10.8111 13.3333 10.9862 13.4027 11.1253 13.5413C11.264 13.6805 11.3333 13.8556 11.3333 14.0667C11.3333 14.2667 11.264 14.4362 11.1253 14.5753C10.9862 14.714 10.8111 14.7833 10.6 14.7833H8.00001ZM8.00001 9.93334C8.53334 9.93334 8.9889 9.74445 9.36668 9.36668C9.74445 8.9889 9.93334 8.53334 9.93334 8.00001C9.93334 7.46668 9.74445 7.01112 9.36668 6.63334C8.9889 6.25556 8.53334 6.06668 8.00001 6.06668C7.46668 6.06668 7.01112 6.25556 6.63334 6.63334C6.25556 7.01112 6.06668 7.46668 6.06668 8.00001C6.06668 8.53334 6.25556 8.9889 6.63334 9.36668C7.01112 9.74445 7.46668 9.93334 8.00001 9.93334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 22.175C10.6 22.175 9.28335 21.9083 8.05001 21.375C6.81668 20.8417 5.73735 20.1127 4.81201 19.188C3.88735 18.2627 3.15835 17.1833 2.62501 15.95C2.09168 14.7167 1.82501 13.4 1.82501 12C1.82501 10.6 2.09168 9.28335 2.62501 8.05001C3.15835 6.81668 3.88735 5.73735 4.81201 4.81201C5.73735 3.88735 6.81668 3.15835 8.05001 2.62501C9.28335 2.09168 10.6 1.82501 12 1.82501C13.4 1.82501 14.7167 2.09168 15.95 2.62501C17.1833 3.15835 18.2627 3.88735 19.188 4.81201C20.1127 5.73735 20.8417 6.81668 21.375 8.05001C21.9083 9.28335 22.175 10.6 22.175 12V13.45C22.175 14.4833 21.8293 15.35 21.138 16.05C20.446 16.75 19.5833 17.1 18.55 17.1C17.9333 17.1 17.3623 16.9627 16.837 16.688C16.3123 16.4127 15.8833 16.05 15.55 15.6C15.1167 16.0667 14.596 16.4333 13.988 16.7C13.3793 16.9667 12.7167 17.1 12 17.1C10.6 17.1 9.40001 16.6043 8.40001 15.613C7.40001 14.621 6.90001 13.4167 6.90001 12C6.90001 10.6 7.40001 9.40001 8.40001 8.40001C9.40001 7.40001 10.6 6.90001 12 6.90001C13.4167 6.90001 14.621 7.39568 15.613 8.38701C16.6043 9.37901 17.1 10.5833 17.1 12V13.4C17.1 13.8667 17.2417 14.2333 17.525 14.5C17.8083 14.7667 18.15 14.9 18.55 14.9C18.9333 14.9 19.2707 14.7667 19.562 14.5C19.854 14.2333 20 13.8667 20 13.4V12C20 9.81668 19.2123 7.93735 17.637 6.36201C16.0623 4.78735 14.1833 4.00001 12 4.00001C9.81668 4.00001 7.93735 4.78735 6.36201 6.36201C4.78735 7.93735 4.00001 9.81668 4.00001 12C4.00001 14.1833 4.78735 16.0623 6.36201 17.637C7.93735 19.2123 9.81668 20 12 20H15.9C16.2167 20 16.4793 20.104 16.688 20.312C16.896 20.5207 17 20.7833 17 21.1C17 21.4 16.896 21.6543 16.688 21.863C16.4793 22.071 16.2167 22.175 15.9 22.175H12ZM12 14.9C12.8 14.9 13.4833 14.6167 14.05 14.05C14.6167 13.4833 14.9 12.8 14.9 12C14.9 11.2 14.6167 10.5167 14.05 9.95001C13.4833 9.38335 12.8 9.10001 12 9.10001C11.2 9.10001 10.5167 9.38335 9.95001 9.95001C9.38335 10.5167 9.10001 11.2 9.10001 12C9.10001 12.8 9.38335 13.4833 9.95001 14.05C10.5167 14.6167 11.2 14.9 12 14.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 25.8708C12.3667 25.8708 10.8306 25.5597 9.39168 24.9375C7.95279 24.3153 6.69357 23.4648 5.61401 22.386C4.53524 21.3064 3.68474 20.0472 3.06251 18.6083C2.44029 17.1694 2.12918 15.6333 2.12918 14C2.12918 12.3667 2.44029 10.8305 3.06251 9.39165C3.68474 7.95276 4.53524 6.69354 5.61401 5.61398C6.69357 4.53521 7.95279 3.68471 9.39168 3.06248C10.8306 2.44026 12.3667 2.12915 14 2.12915C15.6333 2.12915 17.1695 2.44026 18.6083 3.06248C20.0472 3.68471 21.3065 4.53521 22.386 5.61398C23.4648 6.69354 24.3153 7.95276 24.9375 9.39165C25.5597 10.8305 25.8708 12.3667 25.8708 14V15.6916C25.8708 16.8972 25.4676 17.9083 24.661 18.725C23.8537 19.5416 22.8472 19.95 21.6417 19.95C20.9222 19.95 20.2561 19.7898 19.6432 19.4693C19.0311 19.1481 18.5306 18.725 18.1417 18.2C17.6361 18.7444 17.0287 19.1722 16.3193 19.4833C15.6092 19.7944 14.8361 19.95 14 19.95C12.3667 19.95 10.9667 19.3717 9.80001 18.2151C8.63335 17.0578 8.05001 15.6528 8.05001 14C8.05001 12.3667 8.63335 10.9666 9.80001 9.79998C10.9667 8.63332 12.3667 8.04998 14 8.04998C15.6528 8.04998 17.0578 8.62826 18.2152 9.78482C19.3717 10.9422 19.95 12.3472 19.95 14V15.6333C19.95 16.1778 20.1153 16.6055 20.4458 16.9167C20.7764 17.2278 21.175 17.3833 21.6417 17.3833C22.0889 17.3833 22.4825 17.2278 22.8223 16.9167C23.163 16.6055 23.3333 16.1778 23.3333 15.6333V14C23.3333 11.4528 22.4144 9.26021 20.5765 7.42232C18.7394 5.58521 16.5472 4.66665 14 4.66665C11.4528 4.66665 9.26024 5.58521 7.42235 7.42232C5.58524 9.26021 4.66668 11.4528 4.66668 14C4.66668 16.5472 5.58524 18.7394 7.42235 20.5765C9.26024 22.4144 11.4528 23.3333 14 23.3333H18.55C18.9195 23.3333 19.2259 23.4546 19.4693 23.6973C19.712 23.9408 19.8333 24.2472 19.8333 24.6166C19.8333 24.9666 19.712 25.2634 19.4693 25.5068C19.2259 25.7495 18.9195 25.8708 18.55 25.8708H14ZM14 17.3833C14.9333 17.3833 15.7306 17.0528 16.3917 16.3917C17.0528 15.7305 17.3833 14.9333 17.3833 14C17.3833 13.0667 17.0528 12.2694 16.3917 11.6083C15.7306 10.9472 14.9333 10.6167 14 10.6167C13.0667 10.6167 12.2695 10.9472 11.6083 11.6083C10.9472 12.2694 10.6167 13.0667 10.6167 14C10.6167 14.9333 10.9472 15.7305 11.6083 16.3917C12.2695 17.0528 13.0667 17.3833 14 17.3833Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-mention"; }
+  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-menu-book.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 SwirlIconMenuBook {
+  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.33333 5.85008C9.33333 5.75008 9.36945 5.6473 9.44167 5.54175C9.51389 5.43619 9.59445 5.36675 9.68333 5.33341C10.0056 5.2223 10.3278 5.13897 10.65 5.08341C10.9722 5.02786 11.3111 5.00008 11.6667 5.00008C11.8889 5.00008 12.1083 5.01397 12.325 5.04175C12.5417 5.06953 12.7556 5.10564 12.9667 5.15008C13.0667 5.1723 13.1528 5.22786 13.225 5.31675C13.2972 5.40564 13.3333 5.50564 13.3333 5.61675C13.3333 5.80564 13.2722 5.94453 13.15 6.03341C13.0278 6.1223 12.8722 6.14453 12.6833 6.10008C12.5278 6.06675 12.3639 6.04175 12.1917 6.02508C12.0194 6.00841 11.8444 6.00008 11.6667 6.00008C11.3778 6.00008 11.0944 6.02786 10.8167 6.08341C10.5389 6.13897 10.2722 6.21119 10.0167 6.30008C9.81667 6.37786 9.65278 6.3723 9.525 6.28341C9.39722 6.19453 9.33333 6.05008 9.33333 5.85008ZM9.33333 9.51675C9.33333 9.41675 9.36945 9.31397 9.44167 9.20841C9.51389 9.10286 9.59445 9.03341 9.68333 9.00008C10.0056 8.88897 10.3278 8.80564 10.65 8.75008C10.9722 8.69453 11.3111 8.66675 11.6667 8.66675C11.8889 8.66675 12.1083 8.68064 12.325 8.70841C12.5417 8.73619 12.7556 8.7723 12.9667 8.81675C13.0667 8.83897 13.1528 8.89453 13.225 8.98341C13.2972 9.0723 13.3333 9.1723 13.3333 9.28341C13.3333 9.4723 13.2722 9.61119 13.15 9.70008C13.0278 9.78897 12.8722 9.81119 12.6833 9.76675C12.5278 9.73341 12.3639 9.70841 12.1917 9.69175C12.0194 9.67508 11.8444 9.66675 11.6667 9.66675C11.3778 9.66675 11.0944 9.69175 10.8167 9.74175C10.5389 9.79175 10.2722 9.86119 10.0167 9.95008C9.81667 10.0279 9.65278 10.0251 9.525 9.94175C9.39722 9.85841 9.33333 9.71675 9.33333 9.51675ZM9.33333 7.68341C9.33333 7.58341 9.36945 7.48064 9.44167 7.37508C9.51389 7.26953 9.59445 7.20008 9.68333 7.16675C10.0056 7.05564 10.3278 6.9723 10.65 6.91675C10.9722 6.86119 11.3111 6.83341 11.6667 6.83341C11.8889 6.83341 12.1083 6.8473 12.325 6.87508C12.5417 6.90286 12.7556 6.93897 12.9667 6.98341C13.0667 7.00564 13.1528 7.06119 13.225 7.15008C13.2972 7.23897 13.3333 7.33897 13.3333 7.45008C13.3333 7.63897 13.2722 7.77786 13.15 7.86675C13.0278 7.95564 12.8722 7.97786 12.6833 7.93341C12.5278 7.90008 12.3639 7.87508 12.1917 7.85841C12.0194 7.84175 11.8444 7.83341 11.6667 7.83341C11.3778 7.83341 11.0944 7.86119 10.8167 7.91675C10.5389 7.9723 10.2722 8.04453 10.0167 8.13341C9.81667 8.21119 9.65278 8.20564 9.525 8.11675C9.39722 8.02786 9.33333 7.88341 9.33333 7.68341ZM4.33333 10.6667C4.85556 10.6667 5.36389 10.7251 5.85833 10.8417C6.35278 10.9584 6.84445 11.1334 7.33333 11.3667V4.80008C6.87778 4.53341 6.39445 4.33341 5.88333 4.20008C5.37222 4.06675 4.85556 4.00008 4.33333 4.00008C3.93333 4.00008 3.53611 4.03897 3.14167 4.11675C2.74722 4.19453 2.36667 4.31119 2 4.46675V11.0667C2.38889 10.9334 2.775 10.8334 3.15833 10.7667C3.54167 10.7001 3.93333 10.6667 4.33333 10.6667ZM8.66667 11.3667C9.15556 11.1334 9.64722 10.9584 10.1417 10.8417C10.6361 10.7251 11.1444 10.6667 11.6667 10.6667C12.0667 10.6667 12.4583 10.7001 12.8417 10.7667C13.225 10.8334 13.6111 10.9334 14 11.0667V4.46675C13.6333 4.31119 13.2528 4.19453 12.8583 4.11675C12.4639 4.03897 12.0667 4.00008 11.6667 4.00008C11.1444 4.00008 10.6278 4.06675 10.1167 4.20008C9.60556 4.33341 9.12222 4.53341 8.66667 4.80008V11.3667ZM8 12.9834C7.84445 12.9834 7.69722 12.964 7.55833 12.9251C7.41945 12.8862 7.28889 12.8334 7.16667 12.7667C6.73333 12.5112 6.27778 12.3195 5.8 12.1917C5.32222 12.064 4.83333 12.0001 4.33333 12.0001C3.86667 12.0001 3.40833 12.0612 2.95833 12.1834C2.50833 12.3056 2.07778 12.4779 1.66667 12.7001C1.43333 12.8223 1.20833 12.8167 0.991668 12.6834C0.775001 12.5501 0.666668 12.3556 0.666668 12.1001V4.06675C0.666668 3.94453 0.697223 3.82786 0.758335 3.71675C0.819446 3.60564 0.911112 3.5223 1.03333 3.46675C1.54445 3.20008 2.07778 3.00008 2.63333 2.86675C3.18889 2.73341 3.75556 2.66675 4.33333 2.66675C4.97778 2.66675 5.60833 2.75008 6.225 2.91675C6.84167 3.08341 7.43333 3.33341 8 3.66675C8.56667 3.33341 9.15833 3.08341 9.775 2.91675C10.3917 2.75008 11.0222 2.66675 11.6667 2.66675C12.2444 2.66675 12.8111 2.73341 13.3667 2.86675C13.9222 3.00008 14.4556 3.20008 14.9667 3.46675C15.0889 3.5223 15.1806 3.60564 15.2417 3.71675C15.3028 3.82786 15.3333 3.94453 15.3333 4.06675V12.1001C15.3333 12.3556 15.225 12.5501 15.0083 12.6834C14.7917 12.8167 14.5667 12.8223 14.3333 12.7001C13.9222 12.4779 13.4917 12.3056 13.0417 12.1834C12.5917 12.0612 12.1333 12.0001 11.6667 12.0001C11.1667 12.0001 10.6778 12.064 10.2 12.1917C9.72222 12.3195 9.26667 12.5112 8.83333 12.7667C8.71111 12.8334 8.58056 12.8862 8.44167 12.9251C8.30278 12.964 8.15556 12.9834 8 12.9834Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M14 8.775C14 8.625 14.0542 8.47083 14.1625 8.3125C14.2708 8.15417 14.3917 8.05 14.525 8C15.0083 7.83333 15.4917 7.70833 15.975 7.625C16.4583 7.54167 16.9667 7.5 17.5 7.5C17.8333 7.5 18.1625 7.52083 18.4875 7.5625C18.8125 7.60417 19.1333 7.65833 19.45 7.725C19.6 7.75833 19.7292 7.84167 19.8375 7.975C19.9458 8.10833 20 8.25833 20 8.425C20 8.70833 19.9083 8.91667 19.725 9.05C19.5417 9.18333 19.3083 9.21667 19.025 9.15C18.7917 9.1 18.5458 9.0625 18.2875 9.0375C18.0292 9.0125 17.7667 9 17.5 9C17.0667 9 16.6417 9.04167 16.225 9.125C15.8083 9.20833 15.4083 9.31667 15.025 9.45C14.725 9.56667 14.4792 9.55833 14.2875 9.425C14.0958 9.29167 14 9.075 14 8.775ZM14 14.275C14 14.125 14.0542 13.9708 14.1625 13.8125C14.2708 13.6542 14.3917 13.55 14.525 13.5C15.0083 13.3333 15.4917 13.2083 15.975 13.125C16.4583 13.0417 16.9667 13 17.5 13C17.8333 13 18.1625 13.0208 18.4875 13.0625C18.8125 13.1042 19.1333 13.1583 19.45 13.225C19.6 13.2583 19.7292 13.3417 19.8375 13.475C19.9458 13.6083 20 13.7583 20 13.925C20 14.2083 19.9083 14.4167 19.725 14.55C19.5417 14.6833 19.3083 14.7167 19.025 14.65C18.7917 14.6 18.5458 14.5625 18.2875 14.5375C18.0292 14.5125 17.7667 14.5 17.5 14.5C17.0667 14.5 16.6417 14.5375 16.225 14.6125C15.8083 14.6875 15.4083 14.7917 15.025 14.925C14.725 15.0417 14.4792 15.0375 14.2875 14.9125C14.0958 14.7875 14 14.575 14 14.275ZM14 11.525C14 11.375 14.0542 11.2208 14.1625 11.0625C14.2708 10.9042 14.3917 10.8 14.525 10.75C15.0083 10.5833 15.4917 10.4583 15.975 10.375C16.4583 10.2917 16.9667 10.25 17.5 10.25C17.8333 10.25 18.1625 10.2708 18.4875 10.3125C18.8125 10.3542 19.1333 10.4083 19.45 10.475C19.6 10.5083 19.7292 10.5917 19.8375 10.725C19.9458 10.8583 20 11.0083 20 11.175C20 11.4583 19.9083 11.6667 19.725 11.8C19.5417 11.9333 19.3083 11.9667 19.025 11.9C18.7917 11.85 18.5458 11.8125 18.2875 11.7875C18.0292 11.7625 17.7667 11.75 17.5 11.75C17.0667 11.75 16.6417 11.7917 16.225 11.875C15.8083 11.9583 15.4083 12.0667 15.025 12.2C14.725 12.3167 14.4792 12.3083 14.2875 12.175C14.0958 12.0417 14 11.825 14 11.525ZM6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 19.475C11.7667 19.475 11.5458 19.4458 11.3375 19.3875C11.1292 19.3292 10.9333 19.25 10.75 19.15C10.1 18.7667 9.41667 18.4792 8.7 18.2875C7.98333 18.0958 7.25 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.75 18 16.0167 18.0958 15.3 18.2875C14.5833 18.4792 13.9 18.7667 13.25 19.15C13.0667 19.25 12.8708 19.3292 12.6625 19.3875C12.4542 19.4458 12.2333 19.475 12 19.475Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M16.3333 10.2376C16.3333 10.0626 16.3965 9.88272 16.5229 9.698C16.6493 9.51328 16.7903 9.39175 16.9458 9.33341C17.5097 9.13897 18.0736 8.99314 18.6375 8.89591C19.2014 8.79869 19.7944 8.75008 20.4167 8.75008C20.8056 8.75008 21.1896 8.77439 21.5687 8.823C21.9479 8.87161 22.3222 8.9348 22.6917 9.01258C22.8667 9.05147 23.0174 9.14869 23.1437 9.30425C23.2701 9.4598 23.3333 9.6348 23.3333 9.82925C23.3333 10.1598 23.2264 10.4029 23.0125 10.5584C22.7986 10.714 22.5264 10.7529 22.1958 10.6751C21.9236 10.6167 21.6368 10.573 21.3354 10.5438C21.034 10.5147 20.7278 10.5001 20.4167 10.5001C19.9111 10.5001 19.4153 10.5487 18.9292 10.6459C18.4431 10.7431 17.9764 10.8695 17.5292 11.0251C17.1792 11.1612 16.8924 11.1515 16.6687 10.9959C16.4451 10.8404 16.3333 10.5876 16.3333 10.2376ZM16.3333 16.6542C16.3333 16.4792 16.3965 16.2994 16.5229 16.1147C16.6493 15.9299 16.7903 15.8084 16.9458 15.7501C17.5097 15.5556 18.0736 15.4098 18.6375 15.3126C19.2014 15.2154 19.7944 15.1667 20.4167 15.1667C20.8056 15.1667 21.1896 15.1911 21.5687 15.2397C21.9479 15.2883 22.3222 15.3515 22.6917 15.4292C22.8667 15.4681 23.0174 15.5654 23.1437 15.7209C23.2701 15.8765 23.3333 16.0515 23.3333 16.2459C23.3333 16.5765 23.2264 16.8195 23.0125 16.9751C22.7986 17.1306 22.5264 17.1695 22.1958 17.0917C21.9236 17.0334 21.6368 16.9897 21.3354 16.9605C21.034 16.9313 20.7278 16.9167 20.4167 16.9167C19.9111 16.9167 19.4153 16.9605 18.9292 17.048C18.4431 17.1355 17.9764 17.257 17.5292 17.4126C17.1792 17.5487 16.8924 17.5438 16.6687 17.398C16.4451 17.2522 16.3333 17.0042 16.3333 16.6542ZM16.3333 13.4459C16.3333 13.2709 16.3965 13.0911 16.5229 12.9063C16.6493 12.7216 16.7903 12.6001 16.9458 12.5417C17.5097 12.3473 18.0736 12.2015 18.6375 12.1042C19.2014 12.007 19.7944 11.9584 20.4167 11.9584C20.8056 11.9584 21.1896 11.9827 21.5687 12.0313C21.9479 12.0799 22.3222 12.1431 22.6917 12.2209C22.8667 12.2598 23.0174 12.357 23.1437 12.5126C23.2701 12.6681 23.3333 12.8431 23.3333 13.0376C23.3333 13.3681 23.2264 13.6112 23.0125 13.7667C22.7986 13.9223 22.5264 13.9612 22.1958 13.8834C21.9236 13.8251 21.6368 13.7813 21.3354 13.7522C21.034 13.723 20.7278 13.7084 20.4167 13.7084C19.9111 13.7084 19.4153 13.757 18.9292 13.8542C18.4431 13.9515 17.9764 14.0779 17.5292 14.2334C17.1792 14.3695 16.8924 14.3598 16.6687 14.2042C16.4451 14.0487 16.3333 13.7959 16.3333 13.4459ZM7.58333 18.6667C8.49722 18.6667 9.3868 18.7688 10.2521 18.973C11.1174 19.1772 11.9778 19.4834 12.8333 19.8917V8.40008C12.0361 7.93341 11.1903 7.58341 10.2958 7.35008C9.40139 7.11675 8.49722 7.00008 7.58333 7.00008C6.88333 7.00008 6.18819 7.06814 5.49791 7.20425C4.80764 7.34036 4.14166 7.54453 3.5 7.81675V19.3667C4.18055 19.1334 4.85625 18.9584 5.52708 18.8417C6.19791 18.7251 6.88333 18.6667 7.58333 18.6667ZM15.1667 19.8917C16.0222 19.4834 16.8826 19.1772 17.7479 18.973C18.6132 18.7688 19.5028 18.6667 20.4167 18.6667C21.1167 18.6667 21.8021 18.7251 22.4729 18.8417C23.1437 18.9584 23.8194 19.1334 24.5 19.3667V7.81675C23.8583 7.54453 23.1924 7.34036 22.5021 7.20425C21.8118 7.06814 21.1167 7.00008 20.4167 7.00008C19.5028 7.00008 18.5986 7.11675 17.7042 7.35008C16.8097 7.58341 15.9639 7.93341 15.1667 8.40008V19.8917ZM14 22.7209C13.7278 22.7209 13.4701 22.6869 13.2271 22.6188C12.984 22.5508 12.7556 22.4584 12.5417 22.3417C11.7833 21.8945 10.9861 21.5591 10.15 21.3355C9.31389 21.1119 8.45833 21.0001 7.58333 21.0001C6.76666 21.0001 5.96458 21.107 5.17708 21.3209C4.38958 21.5348 3.63611 21.8362 2.91666 22.2251C2.50833 22.439 2.11458 22.4292 1.73541 22.1959C1.35625 21.9626 1.16666 21.6223 1.16666 21.1751V7.11675C1.16666 6.90286 1.22014 6.69869 1.32708 6.50425C1.43403 6.3098 1.59444 6.16397 1.80833 6.06675C2.70278 5.60008 3.63611 5.25008 4.60833 5.01675C5.58055 4.78341 6.57222 4.66675 7.58333 4.66675C8.71111 4.66675 9.81458 4.81258 10.8937 5.10425C11.9729 5.39591 13.0083 5.83341 14 6.41675C14.9917 5.83341 16.0271 5.39591 17.1062 5.10425C18.1854 4.81258 19.2889 4.66675 20.4167 4.66675C21.4278 4.66675 22.4194 4.78341 23.3917 5.01675C24.3639 5.25008 25.2972 5.60008 26.1917 6.06675C26.4056 6.16397 26.566 6.3098 26.6729 6.50425C26.7799 6.69869 26.8333 6.90286 26.8333 7.11675V21.1751C26.8333 21.6223 26.6437 21.9626 26.2646 22.1959C25.8854 22.4292 25.4917 22.439 25.0833 22.2251C24.3639 21.8362 23.6104 21.5348 22.8229 21.3209C22.0354 21.107 21.2333 21.0001 20.4167 21.0001C19.5417 21.0001 18.6861 21.1119 17.85 21.3355C17.0139 21.5591 16.2167 21.8945 15.4583 22.3417C15.2444 22.4584 15.016 22.5508 14.7729 22.6188C14.5299 22.6869 14.2722 22.7209 14 22.7209Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-menu-book"; }
+  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-menu-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 SwirlIconMenuFilled {
+  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 3.8335V5.5C7 5.89782 6.84196 6.27935 6.56066 6.56066C6.27935 6.84196 5.89782 7 5.5 7H3.8335C3.43567 7 3.05414 6.84196 2.77284 6.56066C2.49153 6.27935 2.3335 5.89782 2.3335 5.5V3.8335C2.3335 3.43567 2.49153 3.05414 2.77284 2.77284C3.05414 2.49153 3.43567 2.3335 3.8335 2.3335H5.5C5.89782 2.3335 6.27935 2.49153 6.56066 2.77284C6.84196 3.05414 7 3.43567 7 3.8335Z", fill: "currentColor" }), h("path", { d: "M12.1665 7H10.5C10.1022 7 9.72064 6.84196 9.43934 6.56066C9.15803 6.27935 9 5.89782 9 5.5V3.8335C9 3.43567 9.15803 3.05414 9.43934 2.77284C9.72064 2.49153 10.1022 2.3335 10.5 2.3335H12.1665C12.5643 2.3335 12.9459 2.49153 13.2272 2.77284C13.5085 3.05414 13.6665 3.43567 13.6665 3.8335V5.5C13.6665 5.89782 13.5085 6.27935 13.2272 6.56066C12.9459 6.84196 12.5643 7 12.1665 7Z", fill: "currentColor" }), h("path", { d: "M5.5 13.6665H3.8335C3.43567 13.6665 3.05414 13.5085 2.77284 13.2272C2.49153 12.9459 2.3335 12.5643 2.3335 12.1665V10.5C2.3335 10.1022 2.49153 9.72064 2.77284 9.43934C3.05414 9.15803 3.43567 9 3.8335 9H5.5C5.89782 9 6.27935 9.15803 6.56066 9.43934C6.84196 9.72064 7 10.1022 7 10.5V12.1665C7 12.5643 6.84196 12.9459 6.56066 13.2272C6.27935 13.5085 5.89782 13.6665 5.5 13.6665Z", fill: "currentColor" }), h("path", { d: "M12.0835 13.5835H10.5C10.1022 13.5835 9.72064 13.4255 9.43934 13.1442C9.15803 12.8629 9 12.4813 9 12.0835V10.5C9 10.1022 9.15803 9.72064 9.43934 9.43934C9.72064 9.15803 10.1022 9 10.5 9H12.0835C12.4813 9 12.8629 9.15803 13.1442 9.43934C13.4255 9.72064 13.5835 10.1022 13.5835 10.5V12.0835C13.5835 12.4813 13.4255 12.8629 13.1442 13.1442C12.8629 13.4255 12.4813 13.5835 12.0835 13.5835Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M10.5 5.75024V8.24999C10.5 8.84673 10.2629 9.41903 9.84098 9.84098C9.41903 10.2629 8.84673 10.5 8.24999 10.5H5.75024C5.15351 10.5 4.58121 10.2629 4.15925 9.84098C3.7373 9.41903 3.50024 8.84673 3.50024 8.24999V5.75024C3.50024 5.15351 3.7373 4.58121 4.15925 4.15925C4.58121 3.7373 5.15351 3.50024 5.75024 3.50024H8.24999C8.84673 3.50024 9.41903 3.7373 9.84098 4.15925C10.2629 4.58121 10.5 5.15351 10.5 5.75024Z", fill: "currentColor" }), h("path", { d: "M18.2497 10.5H15.75C15.1533 10.5 14.581 10.2629 14.159 9.84098C13.737 9.41903 13.5 8.84673 13.5 8.24999V5.75024C13.5 5.15351 13.737 4.58121 14.159 4.15925C14.581 3.7373 15.1533 3.50024 15.75 3.50024H18.2497C18.8465 3.50024 19.4188 3.7373 19.8407 4.15925C20.2627 4.58121 20.4997 5.15351 20.4997 5.75024V8.24999C20.4997 8.84673 20.2627 9.41903 19.8407 9.84098C19.4188 10.2629 18.8465 10.5 18.2497 10.5Z", fill: "currentColor" }), h("path", { d: "M8.24999 20.4997H5.75024C5.15351 20.4997 4.58121 20.2627 4.15925 19.8407C3.7373 19.4188 3.50024 18.8465 3.50024 18.2497V15.75C3.50024 15.1533 3.7373 14.581 4.15925 14.159C4.58121 13.737 5.15351 13.5 5.75024 13.5H8.24999C8.84673 13.5 9.41903 13.737 9.84098 14.159C10.2629 14.581 10.5 15.1533 10.5 15.75V18.2497C10.5 18.8465 10.2629 19.4188 9.84098 19.8407C9.41903 20.2627 8.84673 20.4997 8.24999 20.4997Z", fill: "currentColor" }), h("path", { d: "M18.1252 20.3752H15.75C15.1533 20.3752 14.581 20.1382 14.159 19.7162C13.737 19.2943 13.5 18.722 13.5 18.1252V15.75C13.5 15.1533 13.737 14.581 14.159 14.159C14.581 13.737 15.1533 13.5 15.75 13.5H18.1252C18.722 13.5 19.2943 13.737 19.7162 14.159C20.1382 14.581 20.3752 15.1533 20.3752 15.75V18.1252C20.3752 18.722 20.1382 19.2943 19.7162 19.7162C19.2943 20.1382 18.722 20.3752 18.1252 20.3752Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M12.25 6.70874V9.62512C12.25 10.3213 11.9734 10.989 11.4811 11.4813C10.9889 11.9736 10.3212 12.2501 9.62499 12.2501H6.70862C6.01242 12.2501 5.34475 11.9736 4.85246 11.4813C4.36018 10.989 4.08362 10.3213 4.08362 9.62512V6.70874C4.08362 6.01255 4.36018 5.34487 4.85246 4.85259C5.34475 4.3603 6.01242 4.08374 6.70862 4.08374H9.62499C10.3212 4.08374 10.9889 4.3603 11.4811 4.85259C11.9734 5.34487 12.25 6.01255 12.25 6.70874Z", fill: "currentColor" }), h("path", { d: "M21.2914 12.2501H18.375C17.6788 12.2501 17.0111 11.9736 16.5188 11.4813C16.0266 10.989 15.75 10.3213 15.75 9.62512V6.70874C15.75 6.01255 16.0266 5.34487 16.5188 4.85259C17.0111 4.3603 17.6788 4.08374 18.375 4.08374H21.2914C21.9876 4.08374 22.6552 4.3603 23.1475 4.85259C23.6398 5.34487 23.9164 6.01255 23.9164 6.70874V9.62512C23.9164 10.3213 23.6398 10.989 23.1475 11.4813C22.6552 11.9736 21.9876 12.2501 21.2914 12.2501Z", fill: "currentColor" }), h("path", { d: "M9.62499 23.9165H6.70862C6.01242 23.9165 5.34475 23.6399 4.85246 23.1476C4.36018 22.6554 4.08362 21.9877 4.08362 21.2915V18.3751C4.08362 17.6789 4.36018 17.0112 4.85246 16.519C5.34475 16.0267 6.01242 15.7501 6.70862 15.7501H9.62499C10.3212 15.7501 10.9889 16.0267 11.4811 16.519C11.9734 17.0112 12.25 17.6789 12.25 18.3751V21.2915C12.25 21.9877 11.9734 22.6554 11.4811 23.1476C10.9889 23.6399 10.3212 23.9165 9.62499 23.9165Z", fill: "currentColor" }), h("path", { d: "M21.1461 23.7712H18.375C17.6788 23.7712 17.0111 23.4947 16.5188 23.0024C16.0266 22.5101 15.75 21.8424 15.75 21.1462V18.3751C15.75 17.6789 16.0266 17.0112 16.5188 16.519C17.0111 16.0267 17.6788 15.7501 18.375 15.7501H21.1461C21.8423 15.7501 22.51 16.0267 23.0023 16.519C23.4946 17.0112 23.7711 17.6789 23.7711 18.3751V21.1462C23.7711 21.8424 23.4946 22.5101 23.0023 23.0024C22.51 23.4947 21.8423 23.7712 21.1461 23.7712Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-menu-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"
+      }
+    };
+  }
+}