@getflip/swirl-components 0.11.0 → 0.13.0

package/dist/collection/components/swirl-icon/icons/swirl-icon-groups-filled.js

@@ -0,0 +1,67 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconGroupsFilled {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M4.00001 7C3.7693 7 3.54377 6.93159 3.35194 6.80341C3.16011 6.67523 3.01059 6.49305 2.9223 6.2799C2.83401 6.06675 2.81091 5.83221 2.85592 5.60593C2.90093 5.37965 3.01203 5.1718 3.17517 5.00866C3.33831 4.84552 3.54616 4.73442 3.77243 4.68941C3.99871 4.64441 4.23326 4.66751 4.44641 4.7558C4.65956 4.84408 4.84174 4.9936 4.96992 5.18543C5.09809 5.37726 5.16651 5.60279 5.16651 5.8335C5.16657 5.98671 5.13645 6.13842 5.07785 6.27998C5.01925 6.42153 4.93333 6.55016 4.82499 6.65849C4.71666 6.76682 4.58804 6.85274 4.44649 6.91134C4.30493 6.96994 4.15321 7.00007 4.00001 7Z", fill: "currentColor" }),
+        h("path", { d: "M12 7C11.7693 7 11.5438 6.93159 11.3519 6.80341C11.1601 6.67523 11.0106 6.49305 10.9223 6.2799C10.834 6.06675 10.8109 5.83221 10.8559 5.60593C10.9009 5.37965 11.012 5.1718 11.1752 5.00866C11.3383 4.84552 11.5462 4.73442 11.7724 4.68941C11.9987 4.64441 12.2333 4.66751 12.4464 4.7558C12.6596 4.84408 12.8417 4.9936 12.9699 5.18543C13.0981 5.37726 13.1665 5.60279 13.1665 5.8335C13.1666 5.98671 13.1364 6.13842 13.0778 6.27998C13.0192 6.42153 12.9333 6.55016 12.825 6.65849C12.7167 6.76682 12.588 6.85274 12.4465 6.91134C12.3049 6.96994 12.1532 7.00007 12 7Z", fill: "currentColor" }),
+        h("path", { d: "M12.6665 8H11.5215C11.7767 8.23248 11.9807 8.51559 12.1204 8.83127C12.2601 9.14695 12.3325 9.48828 12.333 9.8335V12H13.4165C13.5807 12 13.7432 11.9677 13.8949 11.9049C14.0465 11.842 14.1843 11.75 14.3004 11.6339C14.4165 11.5178 14.5085 11.38 14.5714 11.2284C14.6342 11.0767 14.6665 10.9142 14.6665 10.75V10C14.6665 9.46957 14.4558 8.96086 14.0807 8.58579C13.7056 8.21072 13.1969 8 12.6665 8Z", fill: "currentColor" }),
+        h("path", { d: "M8.00001 7C7.60445 7 7.21777 6.8827 6.88887 6.66294C6.55997 6.44318 6.30362 6.13082 6.15225 5.76537C6.00087 5.39992 5.96127 4.99778 6.03844 4.60982C6.11561 4.22186 6.30609 3.86549 6.58579 3.58579C6.8655 3.30608 7.22187 3.1156 7.60983 3.03843C7.99779 2.96126 8.39992 3.00087 8.76537 3.15224C9.13083 3.30362 9.44318 3.55996 9.66295 3.88886C9.88271 4.21776 10 4.60444 10 5C10 5.53043 9.78929 6.03914 9.41422 6.41421C9.03915 6.78929 8.53044 7 8.00001 7Z", fill: "currentColor" }),
+        h("path", { d: "M9.83351 13H6.16701C5.76918 13 5.38765 12.842 5.10635 12.5607C4.82504 12.2794 4.66701 11.8978 4.66701 11.5V10.4165C4.66701 9.68716 4.95674 8.98768 5.47246 8.47196C5.98819 7.95623 6.68766 7.6665 7.41701 7.6665H8.58351C9.31285 7.6665 10.0123 7.95623 10.5281 8.47196C11.0438 8.98768 11.3335 9.68716 11.3335 10.4165V11.5C11.3335 11.8978 11.1755 12.2794 10.8942 12.5607C10.6129 12.842 10.2313 13 9.83351 13Z", fill: "currentColor" }),
+        h("path", { d: "M3.66651 9.8335C3.66709 9.48825 3.73959 9.14691 3.8794 8.83123C4.0192 8.51555 4.22324 8.23246 4.47851 8H3.33301C2.80257 8 2.29387 8.21072 1.91879 8.58579C1.54372 8.96086 1.33301 9.46957 1.33301 10V10.75C1.33301 10.9142 1.36534 11.0767 1.42816 11.2284C1.49098 11.38 1.58305 11.5178 1.69912 11.6339C1.8152 11.75 1.953 11.842 2.10465 11.9049C2.25631 11.9677 2.41886 12 2.58301 12H3.66651V9.8335Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M6.00001 10.5C5.65394 10.5 5.31565 10.3974 5.0279 10.2051C4.74016 10.0128 4.51589 9.73958 4.38345 9.41985C4.25102 9.10013 4.21637 8.74831 4.28388 8.40889C4.3514 8.06947 4.51804 7.7577 4.76275 7.51299C5.00746 7.26828 5.31923 7.10164 5.65865 7.03412C5.99807 6.96661 6.34989 7.00126 6.66961 7.13369C6.98934 7.26613 7.26261 7.4904 7.45488 7.77814C7.64714 8.06589 7.74976 8.40418 7.74976 8.75025C7.74986 8.98006 7.70467 9.20763 7.61677 9.41997C7.52887 9.6323 7.39999 9.82523 7.23749 9.98773C7.07499 10.1502 6.88206 10.2791 6.66973 10.367C6.45739 10.4549 6.22982 10.5001 6.00001 10.5Z", fill: "currentColor" }),
+        h("path", { d: "M18 10.5C17.6539 10.5 17.3156 10.3974 17.0279 10.2051C16.7402 10.0128 16.5159 9.73958 16.3835 9.41985C16.251 9.10013 16.2164 8.74831 16.2839 8.40889C16.3514 8.06947 16.518 7.7577 16.7628 7.51299C17.0075 7.26828 17.3192 7.10164 17.6587 7.03412C17.9981 6.96661 18.3499 7.00126 18.6696 7.13369C18.9893 7.26613 19.2626 7.4904 19.4549 7.77814C19.6471 8.06589 19.7498 8.40418 19.7498 8.75025C19.7499 8.98006 19.7047 9.20763 19.6168 9.41997C19.5289 9.6323 19.4 9.82523 19.2375 9.98773C19.075 10.1502 18.8821 10.2791 18.6697 10.367C18.4574 10.4549 18.2298 10.5001 18 10.5Z", fill: "currentColor" }),
+        h("path", { d: "M18.9998 12H17.2823C17.6651 12.3487 17.971 12.7734 18.1806 13.2469C18.3902 13.7204 18.4988 14.2324 18.4995 14.7503V18H20.1248C20.371 18 20.6148 17.9515 20.8423 17.8573C21.0698 17.763 21.2765 17.6249 21.4506 17.4508C21.6247 17.2767 21.7628 17.07 21.857 16.8425C21.9513 16.615 21.9998 16.3712 21.9998 16.125V15C21.9998 14.2044 21.6837 13.4413 21.1211 12.8787C20.5585 12.3161 19.7954 12 18.9998 12Z", fill: "currentColor" }),
+        h("path", { d: "M12 10.5C11.4067 10.5 10.8266 10.3241 10.3333 9.99441C9.83995 9.66477 9.45544 9.19623 9.22837 8.64805C9.00131 8.09987 8.9419 7.49667 9.05766 6.91473C9.17341 6.33279 9.45913 5.79824 9.87869 5.37868C10.2982 4.95912 10.8328 4.6734 11.4147 4.55765C11.9967 4.44189 12.5999 4.5013 13.1481 4.72836C13.6962 4.95543 14.1648 5.33994 14.4944 5.83329C14.8241 6.32664 15 6.90666 15 7.5C15 8.29565 14.6839 9.05871 14.1213 9.62132C13.5587 10.1839 12.7957 10.5 12 10.5Z", fill: "currentColor" }),
+        h("path", { d: "M14.7503 19.5H9.25051C8.65377 19.5 8.08148 19.2629 7.65952 18.841C7.23756 18.419 7.00051 17.8467 7.00051 17.25V15.6248C7.00051 14.5307 7.43511 13.4815 8.2087 12.7079C8.98228 11.9343 10.0315 11.4998 11.1255 11.4998H12.8753C13.9693 11.4998 15.0185 11.9343 15.7921 12.7079C16.5657 13.4815 17.0003 14.5307 17.0003 15.6248V17.25C17.0003 17.8467 16.7632 18.419 16.3413 18.841C15.9193 19.2629 15.347 19.5 14.7503 19.5Z", fill: "currentColor" }),
+        h("path", { d: "M5.49976 14.7503C5.50064 14.2324 5.60939 13.7204 5.8191 13.2468C6.0288 12.7733 6.33486 12.3487 6.71776 12H4.99951C4.20386 12 3.4408 12.3161 2.87819 12.8787C2.31558 13.4413 1.99951 14.2044 1.99951 15V16.125C1.99951 16.3712 2.04801 16.615 2.14224 16.8425C2.23647 17.07 2.37458 17.2767 2.54869 17.4508C2.7228 17.6249 2.92949 17.763 3.15698 17.8573C3.38447 17.9515 3.62828 18 3.87451 18H5.49976V14.7503Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M7.00001 12.25C6.59627 12.25 6.20159 12.1303 5.86589 11.906C5.53018 11.6817 5.26854 11.3628 5.11403 10.9898C4.95952 10.6168 4.9191 10.2064 4.99786 9.81037C5.07663 9.41439 5.27105 9.05065 5.55654 8.76516C5.84204 8.47966 6.20577 8.28524 6.60176 8.20648C6.99775 8.12771 7.4082 8.16814 7.78121 8.32264C8.15423 8.47715 8.47305 8.7388 8.69736 9.0745C8.92166 9.4102 9.04139 9.80488 9.04139 10.2086C9.0415 10.4767 8.98878 10.7422 8.88623 10.99C8.78369 11.2377 8.63332 11.4628 8.44374 11.6524C8.25416 11.8419 8.02907 11.9923 7.78135 12.0948C7.53363 12.1974 7.26812 12.2501 7.00001 12.25Z", fill: "currentColor" }),
+        h("path", { d: "M21 12.25C20.5963 12.25 20.2016 12.1303 19.8659 11.906C19.5302 11.6817 19.2685 11.3628 19.114 10.9898C18.9595 10.6168 18.9191 10.2064 18.9979 9.81037C19.0766 9.41439 19.2711 9.05065 19.5565 8.76516C19.842 8.47966 20.2058 8.28524 20.6018 8.20648C20.9978 8.12771 21.4082 8.16814 21.7812 8.32264C22.1542 8.47715 22.473 8.7388 22.6974 9.0745C22.9217 9.4102 23.0414 9.80488 23.0414 10.2086C23.0415 10.4767 22.9888 10.7422 22.8862 10.99C22.7837 11.2377 22.6333 11.4628 22.4437 11.6524C22.2542 11.8419 22.0291 11.9923 21.7814 12.0948C21.5336 12.1974 21.2681 12.2501 21 12.25Z", fill: "currentColor" }),
+        h("path", { d: "M22.1664 14H20.1626C20.6092 14.4068 20.9662 14.9023 21.2107 15.4547C21.4552 16.0072 21.5819 16.6045 21.5828 17.2086V21H23.4789C23.7662 21 24.0506 20.9434 24.316 20.8335C24.5814 20.7236 24.8226 20.5624 25.0257 20.3593C25.2288 20.1562 25.3899 19.915 25.4999 19.6496C25.6098 19.3842 25.6664 19.0998 25.6664 18.8125V17.5C25.6664 16.5717 25.2976 15.6815 24.6413 15.0251C23.9849 14.3688 23.0946 14 22.1664 14Z", fill: "currentColor" }),
+        h("path", { d: "M14 12.25C13.3078 12.25 12.6311 12.0447 12.0555 11.6601C11.4799 11.2756 11.0313 10.7289 10.7664 10.0894C10.5015 9.44985 10.4322 8.74612 10.5673 8.06719C10.7023 7.38825 11.0357 6.76461 11.5251 6.27513C12.0146 5.78564 12.6383 5.4523 13.3172 5.31725C13.9961 5.1822 14.6999 5.25152 15.3394 5.51642C15.9789 5.78133 16.5256 6.22993 16.9102 6.80551C17.2947 7.38108 17.5 8.05777 17.5 8.75C17.5 9.67826 17.1313 10.5685 16.4749 11.2249C15.8185 11.8813 14.9283 12.25 14 12.25Z", fill: "currentColor" }),
+        h("path", { d: "M17.2086 22.75H10.7923C10.0961 22.75 9.42839 22.4734 8.93611 21.9812C8.44383 21.4889 8.16726 20.8212 8.16726 20.125V18.2289C8.16726 16.9525 8.67429 15.7284 9.57681 14.8259C10.4793 13.9234 11.7034 13.4164 12.9798 13.4164H15.0211C16.2975 13.4164 17.5216 13.9234 18.4241 14.8259C19.3266 15.7284 19.8336 16.9525 19.8336 18.2289V20.125C19.8336 20.8212 19.5571 21.4889 19.0648 21.9812C18.5725 22.4734 17.9048 22.75 17.2086 22.75Z", fill: "currentColor" }),
+        h("path", { d: "M6.41639 17.2086C6.41741 16.6044 6.54429 16.0071 6.78895 15.4547C7.03361 14.9022 7.39067 14.4068 7.83739 14H5.83276C4.90451 14 4.01427 14.3688 3.35789 15.0251C2.70151 15.6815 2.33276 16.5717 2.33276 17.5V18.8125C2.33276 19.0998 2.38935 19.3842 2.49928 19.6496C2.60921 19.915 2.77034 20.1562 2.97347 20.3593C3.1766 20.5624 3.41774 20.7236 3.68314 20.8335C3.94854 20.9434 4.233 21 4.52026 21H6.41639V17.2086Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-groups-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-groups-outlined.js

@@ -0,0 +1,67 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconGroupsOutlined {
+  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 4C8.19778 4 8.39112 4.05865 8.55557 4.16853C8.72002 4.27841 8.84819 4.43459 8.92388 4.61732C8.99956 4.80004 9.01937 5.00111 8.98078 5.19509C8.9422 5.38907 8.84696 5.56725 8.7071 5.70711C8.56725 5.84696 8.38907 5.9422 8.19509 5.98079C8.00111 6.01937 7.80004 5.99957 7.61731 5.92388C7.43459 5.84819 7.27841 5.72002 7.16853 5.55557C7.05865 5.39112 7 5.19778 7 5C7 4.73478 7.10535 4.48043 7.29289 4.29289C7.48043 4.10536 7.73478 4 8 4ZM8 3C7.60443 3 7.21775 3.1173 6.88886 3.33706C6.55996 3.55682 6.30361 3.86918 6.15224 4.23463C6.00086 4.60009 5.96126 5.00222 6.03843 5.39018C6.1156 5.77814 6.30608 6.13451 6.58578 6.41421C6.86549 6.69392 7.22185 6.8844 7.60982 6.96157C7.99778 7.03874 8.39991 6.99913 8.76536 6.84776C9.13081 6.69638 9.44317 6.44004 9.66294 6.11114C9.8827 5.78224 10 5.39556 10 5C10 4.46957 9.78928 3.96086 9.41421 3.58579C9.03914 3.21071 8.53043 3 8 3Z", fill: "currentColor" }),
+        h("path", { d: "M8.583 8.6665C9.04713 8.6665 9.49224 8.85087 9.82043 9.17906C10.1486 9.50725 10.333 9.95237 10.333 10.4165V11.5C10.333 11.6326 10.2803 11.7598 10.1865 11.8536C10.0928 11.9473 9.9656 12 9.833 12H6.1665C6.03389 12 5.90671 11.9473 5.81294 11.8536C5.71917 11.7598 5.6665 11.6326 5.6665 11.5V10.4165C5.6665 9.95237 5.85087 9.50725 6.17906 9.17906C6.50725 8.85087 6.95237 8.6665 7.4165 8.6665H8.583ZM8.583 7.6665H7.4165C6.68715 7.6665 5.98768 7.95623 5.47195 8.47196C4.95623 8.98768 4.6665 9.68715 4.6665 10.4165V11.5C4.6665 11.8978 4.82453 12.2794 5.10584 12.5607C5.38714 12.842 5.76867 13 6.1665 13H9.833C10.2308 13 10.6124 12.842 10.8937 12.5607C11.175 12.2794 11.333 11.8978 11.333 11.5V10.4165C11.333 9.68715 11.0433 8.98768 10.5275 8.47196C10.0118 7.95623 9.31234 7.6665 8.583 7.6665Z", fill: "currentColor" }),
+        h("path", { d: "M13.4165 12H12.6665C12.5339 12 12.4067 11.9473 12.3129 11.8536C12.2192 11.7598 12.1665 11.6326 12.1665 11.5C12.1665 11.3674 12.2192 11.2402 12.3129 11.1464C12.4067 11.0527 12.5339 11 12.6665 11H13.4165C13.4828 11 13.5464 10.9737 13.5933 10.9268C13.6402 10.8799 13.6665 10.8163 13.6665 10.75V10C13.6665 9.73478 13.5611 9.48043 13.3736 9.29289C13.1861 9.10536 12.9317 9 12.6665 9H12.1665C12.0339 9 11.9067 8.94732 11.8129 8.85355C11.7192 8.75979 11.6665 8.63261 11.6665 8.5C11.6665 8.36739 11.7192 8.24021 11.8129 8.14645C11.9067 8.05268 12.0339 8 12.1665 8H12.6665C13.1969 8 13.7056 8.21071 14.0807 8.58579C14.4558 8.96086 14.6665 9.46957 14.6665 10V10.75C14.6665 10.9142 14.6342 11.0767 14.5713 11.2284C14.5085 11.38 14.4165 11.5178 14.3004 11.6339C14.1843 11.75 14.0465 11.842 13.8949 11.9048C13.7432 11.9677 13.5806 12 13.4165 12Z", fill: "currentColor" }),
+        h("path", { d: "M3.3335 12H2.5835C2.41934 12 2.2568 11.9677 2.10514 11.9048C1.95348 11.842 1.81569 11.75 1.69961 11.6339C1.58354 11.5178 1.49147 11.38 1.42865 11.2284C1.36583 11.0767 1.3335 10.9142 1.3335 10.75V10C1.3335 9.46957 1.54421 8.96086 1.91928 8.58579C2.29436 8.21071 2.80306 8 3.3335 8H3.8335C3.9661 8 4.09328 8.05268 4.18705 8.14645C4.28082 8.24021 4.3335 8.36739 4.3335 8.5C4.3335 8.63261 4.28082 8.75979 4.18705 8.85355C4.09328 8.94732 3.9661 9 3.8335 9H3.3335C3.06828 9 2.81393 9.10536 2.62639 9.29289C2.43885 9.48043 2.3335 9.73478 2.3335 10V10.75C2.3335 10.8163 2.35984 10.8799 2.40672 10.9268C2.4536 10.9737 2.51719 11 2.5835 11H3.3335C3.4661 11 3.59328 11.0527 3.68705 11.1464C3.78082 11.2402 3.8335 11.3674 3.8335 11.5C3.8335 11.6326 3.78082 11.7598 3.68705 11.8536C3.59328 11.9473 3.4661 12 3.3335 12Z", fill: "currentColor" }),
+        h("path", { d: "M4 7C3.80221 7 3.60888 6.94135 3.44443 6.83147C3.27998 6.72159 3.1518 6.56541 3.07612 6.38268C3.00043 6.19996 2.98063 5.99889 3.01921 5.80491C3.0578 5.61093 3.15304 5.43275 3.29289 5.29289C3.43274 5.15304 3.61092 5.0578 3.80491 5.01921C3.99889 4.98063 4.19995 5.00043 4.38268 5.07612C4.56541 5.15181 4.72158 5.27998 4.83147 5.44443C4.94135 5.60888 5 5.80222 5 6C5 6.26522 4.89464 6.51957 4.7071 6.70711C4.51957 6.89464 4.26521 7 4 7Z", fill: "currentColor" }),
+        h("path", { d: "M12 7C11.8022 7 11.6089 6.94135 11.4444 6.83147C11.28 6.72159 11.1518 6.56541 11.0761 6.38268C11.0004 6.19996 10.9806 5.99889 11.0192 5.80491C11.0578 5.61093 11.153 5.43275 11.2929 5.29289C11.4327 5.15304 11.6109 5.0578 11.8049 5.01921C11.9989 4.98063 12.2 5.00043 12.3827 5.07612C12.5654 5.15181 12.7216 5.27998 12.8315 5.44443C12.9413 5.60888 13 5.80222 13 6C13 6.26522 12.8946 6.51957 12.7071 6.70711C12.5196 6.89464 12.2652 7 12 7Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M12 6C12.2967 6 12.5867 6.08797 12.8334 6.2528C13.08 6.41762 13.2723 6.65189 13.3858 6.92598C13.4993 7.20006 13.5291 7.50166 13.4712 7.79264C13.4133 8.08361 13.2704 8.35088 13.0607 8.56066C12.8509 8.77044 12.5836 8.9133 12.2926 8.97118C12.0017 9.02906 11.7001 8.99935 11.426 8.88582C11.1519 8.77229 10.9176 8.58003 10.7528 8.33336C10.588 8.08668 10.5 7.79667 10.5 7.5C10.5 7.10218 10.658 6.72064 10.9393 6.43934C11.2206 6.15804 11.6022 6 12 6ZM12 4.5C11.4067 4.5 10.8266 4.67595 10.3333 5.00559C9.83994 5.33524 9.45542 5.80377 9.22836 6.35195C9.00129 6.90013 8.94188 7.50333 9.05764 8.08527C9.17339 8.66721 9.45912 9.20176 9.87867 9.62132C10.2982 10.0409 10.8328 10.3266 11.4147 10.4424C11.9967 10.5581 12.5999 10.4987 13.148 10.2716C13.6962 10.0446 14.1648 9.66006 14.4944 9.16671C14.824 8.67336 15 8.09334 15 7.5C15 6.70435 14.6839 5.94129 14.1213 5.37868C13.5587 4.81607 12.7956 4.5 12 4.5Z", fill: "currentColor" }),
+        h("path", { d: "M12.8745 12.9998C13.5707 12.9998 14.2384 13.2763 14.7306 13.7686C15.2229 14.2609 15.4995 14.9286 15.4995 15.6248V17.25C15.4995 17.4489 15.4205 17.6397 15.2798 17.7803C15.1392 17.921 14.9484 18 14.7495 18H9.24974C9.05083 18 8.86007 17.921 8.71941 17.7803C8.57876 17.6397 8.49974 17.4489 8.49974 17.25V15.6248C8.49974 14.9286 8.77631 14.2609 9.26859 13.7686C9.76087 13.2763 10.4286 12.9998 11.1247 12.9998H12.8745ZM12.8745 11.4998H11.1247C10.0307 11.4998 8.98152 11.9343 8.20793 12.7079C7.43434 13.4815 6.99974 14.5307 6.99974 15.6248V17.25C6.99974 17.8467 7.2368 18.419 7.65875 18.841C8.08071 19.2629 8.65301 19.5 9.24974 19.5H14.7495C15.3462 19.5 15.9185 19.2629 16.3405 18.841C16.7624 18.419 16.9995 17.8467 16.9995 17.25V15.6248C16.9995 14.5307 16.5649 13.4815 15.7913 12.7079C15.0177 11.9343 13.9685 11.4998 12.8745 11.4998Z", fill: "currentColor" }),
+        h("path", { d: "M20.1247 18H18.9997C18.8008 18 18.6101 17.921 18.4694 17.7803C18.3288 17.6397 18.2497 17.4489 18.2497 17.25C18.2497 17.0511 18.3288 16.8603 18.4694 16.7197C18.6101 16.579 18.8008 16.5 18.9997 16.5H20.1247C20.2242 16.5 20.3196 16.4605 20.3899 16.3902C20.4602 16.3198 20.4997 16.2245 20.4997 16.125V15C20.4997 14.6022 20.3417 14.2206 20.0604 13.9393C19.7791 13.658 19.3976 13.5 18.9997 13.5H18.2497C18.0508 13.5 17.8601 13.421 17.7194 13.2803C17.5788 13.1397 17.4997 12.9489 17.4997 12.75C17.4997 12.5511 17.5788 12.3603 17.7194 12.2197C17.8601 12.079 18.0508 12 18.2497 12H18.9997C19.7954 12 20.5585 12.3161 21.1211 12.8787C21.6837 13.4413 21.9997 14.2044 21.9997 15V16.125C21.9997 16.3712 21.9512 16.615 21.857 16.8425C21.7628 17.07 21.6247 17.2767 21.4506 17.4508C21.2765 17.6249 21.0698 17.763 20.8423 17.8573C20.6148 17.9515 20.371 18 20.1247 18Z", fill: "currentColor" }),
+        h("path", { d: "M5.00024 18H3.87524C3.62902 18 3.3852 17.9515 3.15771 17.8573C2.93023 17.763 2.72353 17.6249 2.54942 17.4508C2.37531 17.2767 2.2372 17.07 2.14297 16.8425C2.04874 16.615 2.00024 16.3712 2.00024 16.125V15C2.00024 14.2044 2.31631 13.4413 2.87892 12.8787C3.44153 12.3161 4.20459 12 5.00024 12H5.75024C5.94916 12 6.13992 12.079 6.28057 12.2197C6.42123 12.3603 6.50024 12.5511 6.50024 12.75C6.50024 12.9489 6.42123 13.1397 6.28057 13.2803C6.13992 13.421 5.94916 13.5 5.75024 13.5H5.00024C4.60242 13.5 4.22089 13.658 3.93958 13.9393C3.65828 14.2206 3.50024 14.6022 3.50024 15V16.125C3.50024 16.2245 3.53975 16.3198 3.61008 16.3902C3.68041 16.4605 3.77579 16.5 3.87524 16.5H5.00024C5.19916 16.5 5.38992 16.579 5.53057 16.7197C5.67123 16.8603 5.75024 17.0511 5.75024 17.25C5.75024 17.4489 5.67123 17.6397 5.53057 17.7803C5.38992 17.921 5.19916 18 5.00024 18Z", fill: "currentColor" }),
+        h("path", { d: "M5.99999 10.5C5.70332 10.5 5.41331 10.412 5.16664 10.2472C4.91997 10.0824 4.72771 9.84811 4.61417 9.57402C4.50064 9.29994 4.47094 8.99834 4.52882 8.70736C4.58669 8.41639 4.72956 8.14912 4.93933 7.93934C5.14911 7.72956 5.41639 7.5867 5.70736 7.52882C5.99833 7.47094 6.29993 7.50065 6.57402 7.61418C6.84811 7.72771 7.08238 7.91997 7.2472 8.16664C7.41202 8.41332 7.49999 8.70333 7.49999 9C7.49999 9.39782 7.34196 9.77936 7.06065 10.0607C6.77935 10.342 6.39782 10.5 5.99999 10.5Z", fill: "currentColor" }),
+        h("path", { d: "M18 10.5C17.7033 10.5 17.4133 10.412 17.1666 10.2472C16.92 10.0824 16.7277 9.84811 16.6142 9.57402C16.5006 9.29994 16.4709 8.99834 16.5288 8.70736C16.5867 8.41639 16.7296 8.14912 16.9393 7.93934C17.1491 7.72956 17.4164 7.5867 17.7074 7.52882C17.9983 7.47094 18.2999 7.50065 18.574 7.61418C18.8481 7.72771 19.0824 7.91997 19.2472 8.16664C19.412 8.41332 19.5 8.70333 19.5 9C19.5 9.39782 19.342 9.77936 19.0607 10.0607C18.7793 10.342 18.3978 10.5 18 10.5Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M14 7C14.3461 7 14.6845 7.10264 14.9722 7.29493C15.26 7.48722 15.4843 7.76053 15.6168 8.0803C15.7492 8.40007 15.7839 8.75194 15.7164 9.09141C15.6488 9.43087 15.4822 9.74269 15.2374 9.98744C14.9927 10.2322 14.6809 10.3989 14.3414 10.4664C14.0019 10.5339 13.6501 10.4992 13.3303 10.3668C13.0105 10.2343 12.7372 10.01 12.5449 9.72225C12.3526 9.43446 12.25 9.09612 12.25 8.75C12.25 8.28587 12.4344 7.84075 12.7626 7.51256C13.0907 7.18437 13.5359 7 14 7ZM14 5.25C13.3078 5.25 12.6311 5.45527 12.0555 5.83986C11.4799 6.22444 11.0313 6.77107 10.7664 7.41061C10.5015 8.05015 10.4322 8.75388 10.5672 9.43282C10.7023 10.1117 11.0356 10.7354 11.5251 11.2249C12.0146 11.7144 12.6382 12.0477 13.3172 12.1827C13.9961 12.3178 14.6998 12.2485 15.3394 11.9836C15.9789 11.7187 16.5256 11.2701 16.9101 10.6945C17.2947 10.1189 17.5 9.44223 17.5 8.75C17.5 7.82174 17.1312 6.9315 16.4749 6.27513C15.8185 5.61875 14.9283 5.25 14 5.25Z", fill: "currentColor" }),
+        h("path", { d: "M15.0202 15.1664C15.8325 15.1664 16.6114 15.489 17.1858 16.0634C17.7601 16.6377 18.0827 17.4166 18.0827 18.2289V20.125C18.0827 20.3571 17.9906 20.5796 17.8265 20.7437C17.6624 20.9078 17.4398 21 17.2077 21H10.7914C10.5593 21 10.3367 20.9078 10.1727 20.7437C10.0086 20.5796 9.91637 20.3571 9.91637 20.125V18.2289C9.91637 17.4166 10.239 16.6377 10.8134 16.0634C11.3877 15.489 12.1666 15.1664 12.9789 15.1664H15.0202ZM15.0202 13.4164H12.9789C11.7025 13.4164 10.4784 13.9234 9.57592 14.8259C8.6734 15.7284 8.16637 16.9525 8.16637 18.2289V20.125C8.16637 20.8212 8.44293 21.4889 8.93521 21.9812C9.4275 22.4734 10.0952 22.75 10.7914 22.75H17.2077C17.9039 22.75 18.5716 22.4734 19.0639 21.9812C19.5562 21.4889 19.8327 20.8212 19.8327 20.125V18.2289C19.8327 16.9525 19.3257 15.7284 18.4232 14.8259C17.5207 13.9234 16.2966 13.4164 15.0202 13.4164Z", fill: "currentColor" }),
+        h("path", { d: "M23.4789 21H22.1664C21.9343 21 21.7117 20.9078 21.5476 20.7437C21.3836 20.5796 21.2914 20.3571 21.2914 20.125C21.2914 19.8929 21.3836 19.6704 21.5476 19.5063C21.7117 19.3422 21.9343 19.25 22.1664 19.25H23.4789C23.5949 19.25 23.7062 19.2039 23.7882 19.1219C23.8703 19.0398 23.9164 18.9285 23.9164 18.8125V17.5C23.9164 17.0359 23.732 16.5908 23.4038 16.2626C23.0756 15.9344 22.6305 15.75 22.1664 15.75H21.2914C21.0593 15.75 20.8367 15.6578 20.6726 15.4937C20.5086 15.3296 20.4164 15.1071 20.4164 14.875C20.4164 14.6429 20.5086 14.4204 20.6726 14.2563C20.8367 14.0922 21.0593 14 21.2914 14H22.1664C23.0946 14 23.9849 14.3687 24.6412 15.0251C25.2976 15.6815 25.6664 16.5717 25.6664 17.5V18.8125C25.6664 19.0998 25.6098 19.3842 25.4999 19.6496C25.3899 19.915 25.2288 20.1562 25.0257 20.3593C24.8225 20.5624 24.5814 20.7236 24.316 20.8335C24.0506 20.9434 23.7661 21 23.4789 21Z", fill: "currentColor" }),
+        h("path", { d: "M5.83362 21H4.52112C4.23385 21 3.9494 20.9434 3.684 20.8335C3.4186 20.7236 3.17745 20.5624 2.97432 20.3593C2.77119 20.1562 2.61006 19.915 2.50013 19.6496C2.3902 19.3842 2.33362 19.0998 2.33362 18.8125V17.5C2.33362 16.5717 2.70237 15.6815 3.35874 15.0251C4.01512 14.3687 4.90536 14 5.83362 14H6.70862C6.94068 14 7.16324 14.0922 7.32734 14.2563C7.49143 14.4204 7.58362 14.6429 7.58362 14.875C7.58362 15.1071 7.49143 15.3296 7.32734 15.4937C7.16324 15.6578 6.94068 15.75 6.70862 15.75H5.83362C5.36949 15.75 4.92437 15.9344 4.59618 16.2626C4.26799 16.5908 4.08362 17.0359 4.08362 17.5V18.8125C4.08362 18.9285 4.12971 19.0398 4.21176 19.1219C4.29381 19.2039 4.40509 19.25 4.52112 19.25H5.83362C6.06568 19.25 6.28824 19.3422 6.45234 19.5063C6.61643 19.6704 6.70862 19.8929 6.70862 20.125C6.70862 20.3571 6.61643 20.5796 6.45234 20.7437C6.28824 20.9078 6.06568 21 5.83362 21Z", fill: "currentColor" }),
+        h("path", { d: "M6.99999 12.25C6.65388 12.25 6.31553 12.1474 6.02775 11.9551C5.73996 11.7628 5.51566 11.4895 5.3832 11.1697C5.25075 10.8499 5.21609 10.4981 5.28362 10.1586C5.35114 9.81913 5.51781 9.50731 5.76256 9.26256C6.0073 9.01782 6.31912 8.85115 6.65859 8.78363C6.99805 8.7161 7.34992 8.75076 7.66969 8.88321C7.98946 9.01566 8.26277 9.23997 8.45507 9.52775C8.64736 9.81554 8.74999 10.1539 8.74999 10.5C8.74999 10.9641 8.56562 11.4092 8.23743 11.7374C7.90924 12.0656 7.46412 12.25 6.99999 12.25Z", fill: "currentColor" }),
+        h("path", { d: "M21 12.25C20.6539 12.25 20.3155 12.1474 20.0277 11.9551C19.74 11.7628 19.5157 11.4895 19.3832 11.1697C19.2507 10.8499 19.2161 10.4981 19.2836 10.1586C19.3511 9.81913 19.5178 9.50731 19.7626 9.26256C20.0073 9.01782 20.3191 8.85115 20.6586 8.78363C20.9981 8.7161 21.3499 8.75076 21.6697 8.88321C21.9895 9.01566 22.2628 9.23997 22.4551 9.52775C22.6474 9.81554 22.75 10.1539 22.75 10.5C22.75 10.9641 22.5656 11.4092 22.2374 11.7374C21.9092 12.0656 21.4641 12.25 21 12.25Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-groups-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-groups.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconGroups {
+  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 8.5C9.08667 8.5 10.0467 8.76 10.8267 9.1C11.5467 9.42 12 10.14 12 10.92V11.3333C12 11.7 11.7 12 11.3333 12H4.66667C4.3 12 4 11.7 4 11.3333V10.9267C4 10.14 4.45333 9.42 5.17333 9.10667C5.95333 8.76 6.91333 8.5 8 8.5ZM2.66667 8.66667C3.4 8.66667 4 8.06667 4 7.33333C4 6.6 3.4 6 2.66667 6C1.93333 6 1.33333 6.6 1.33333 7.33333C1.33333 8.06667 1.93333 8.66667 2.66667 8.66667ZM3.42 9.4C3.17333 9.36 2.92667 9.33333 2.66667 9.33333C2.00667 9.33333 1.38 9.47333 0.813333 9.72C0.32 9.93333 0 10.4133 0 10.9533V11.3333C0 11.7 0.3 12 0.666667 12H3V10.9267C3 10.3733 3.15333 9.85333 3.42 9.4ZM13.3333 8.66667C14.0667 8.66667 14.6667 8.06667 14.6667 7.33333C14.6667 6.6 14.0667 6 13.3333 6C12.6 6 12 6.6 12 7.33333C12 8.06667 12.6 8.66667 13.3333 8.66667ZM16 10.9533C16 10.4133 15.68 9.93333 15.1867 9.72C14.62 9.47333 13.9933 9.33333 13.3333 9.33333C13.0733 9.33333 12.8267 9.36 12.58 9.4C12.8467 9.85333 13 10.3733 13 10.9267V12H15.3333C15.7 12 16 11.7 16 11.3333V10.9533ZM8 4C9.10667 4 10 4.89333 10 6C10 7.10667 9.10667 8 8 8C6.89333 8 6 7.10667 6 6C6 4.89333 6.89333 4 8 4Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M12 12.75C13.63 12.75 15.07 13.14 16.24 13.65C17.32 14.13 18 15.21 18 16.38V17C18 17.55 17.55 18 17 18H7C6.45 18 6 17.55 6 17V16.39C6 15.21 6.68 14.13 7.76 13.66C8.93 13.14 10.37 12.75 12 12.75ZM4 13C5.1 13 6 12.1 6 11C6 9.9 5.1 9 4 9C2.9 9 2 9.9 2 11C2 12.1 2.9 13 4 13ZM5.13 14.1C4.76 14.04 4.39 14 4 14C3.01 14 2.07 14.21 1.22 14.58C0.48 14.9 0 15.62 0 16.43V17C0 17.55 0.45 18 1 18H4.5V16.39C4.5 15.56 4.73 14.78 5.13 14.1ZM20 13C21.1 13 22 12.1 22 11C22 9.9 21.1 9 20 9C18.9 9 18 9.9 18 11C18 12.1 18.9 13 20 13ZM24 16.43C24 15.62 23.52 14.9 22.78 14.58C21.93 14.21 20.99 14 20 14C19.61 14 19.24 14.04 18.87 14.1C19.27 14.78 19.5 15.56 19.5 16.39V18H23C23.55 18 24 17.55 24 17V16.43ZM12 6C13.66 6 15 7.34 15 9C15 10.66 13.66 12 12 12C10.34 12 9 10.66 9 9C9 7.34 10.34 6 12 6Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M14 14.875C15.9017 14.875 17.5817 15.33 18.9467 15.925C20.2067 16.485 21 17.745 21 19.11V19.8333C21 20.475 20.475 21 19.8333 21H8.16667C7.525 21 7 20.475 7 19.8333V19.1217C7 17.745 7.79333 16.485 9.05333 15.9367C10.4183 15.33 12.0983 14.875 14 14.875ZM4.66667 15.1667C5.95 15.1667 7 14.1167 7 12.8333C7 11.55 5.95 10.5 4.66667 10.5C3.38333 10.5 2.33333 11.55 2.33333 12.8333C2.33333 14.1167 3.38333 15.1667 4.66667 15.1667ZM5.985 16.45C5.55333 16.38 5.12167 16.3333 4.66667 16.3333C3.51167 16.3333 2.415 16.5783 1.42333 17.01C0.56 17.3833 0 18.2233 0 19.1683V19.8333C0 20.475 0.525 21 1.16667 21H5.25V19.1217C5.25 18.1533 5.51833 17.2433 5.985 16.45ZM23.3333 15.1667C24.6167 15.1667 25.6667 14.1167 25.6667 12.8333C25.6667 11.55 24.6167 10.5 23.3333 10.5C22.05 10.5 21 11.55 21 12.8333C21 14.1167 22.05 15.1667 23.3333 15.1667ZM28 19.1683C28 18.2233 27.44 17.3833 26.5767 17.01C25.585 16.5783 24.4883 16.3333 23.3333 16.3333C22.8783 16.3333 22.4467 16.38 22.015 16.45C22.4817 17.2433 22.75 18.1533 22.75 19.1217V21H26.8333C27.475 21 28 20.475 28 19.8333V19.1683ZM14 7C15.9367 7 17.5 8.56333 17.5 10.5C17.5 12.4367 15.9367 14 14 14C12.0633 14 10.5 12.4367 10.5 10.5C10.5 8.56333 12.0633 7 14 7Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-groups"; }
+  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-help.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconHelp {
+  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.96665 11.9987C8.19998 11.9987 8.39731 11.918 8.55865 11.7567C8.71953 11.5958 8.79998 11.3987 8.79998 11.1654C8.79998 10.932 8.71953 10.7349 8.55865 10.574C8.39731 10.4127 8.19998 10.332 7.96665 10.332C7.73331 10.332 7.53598 10.4127 7.37465 10.574C7.21376 10.7349 7.13331 10.932 7.13331 11.1654C7.13331 11.3987 7.21376 11.5958 7.37465 11.7567C7.53598 11.918 7.73331 11.9987 7.96665 11.9987ZM8.06665 5.13203C8.37776 5.13203 8.62776 5.21803 8.81665 5.39003C9.00554 5.56248 9.09998 5.78759 9.09998 6.06536C9.09998 6.25425 9.0362 6.44581 8.90865 6.64003C8.78065 6.8347 8.59998 7.03759 8.36665 7.2487C8.03331 7.53759 7.78887 7.81536 7.63331 8.08203C7.47776 8.3487 7.39998 8.61536 7.39998 8.88203C7.39998 9.03759 7.45842 9.16803 7.57531 9.27336C7.69176 9.37914 7.82776 9.43203 7.98331 9.43203C8.13887 9.43203 8.27776 9.37648 8.39998 9.26536C8.5222 9.15425 8.59998 9.01536 8.63331 8.8487C8.66665 8.65981 8.74176 8.48492 8.85865 8.32403C8.97509 8.1627 9.16665 7.95425 9.43331 7.6987C9.77776 7.37648 10.0195 7.08203 10.1586 6.81536C10.2973 6.5487 10.3666 6.25425 10.3666 5.93203C10.3666 5.36536 10.1529 4.90136 9.72531 4.54003C9.29731 4.17914 8.74442 3.9987 8.06665 3.9987C7.59998 3.9987 7.1862 4.08759 6.82531 4.26536C6.46398 4.44314 6.18331 4.71536 5.98331 5.08203C5.90554 5.22648 5.87776 5.36803 5.89998 5.5067C5.9222 5.64581 5.99998 5.75981 6.13331 5.8487C6.27776 5.93759 6.4362 5.96536 6.60865 5.93203C6.78065 5.8987 6.9222 5.80425 7.03331 5.6487C7.15554 5.48203 7.30287 5.35425 7.47531 5.26536C7.64731 5.17648 7.84442 5.13203 8.06665 5.13203ZM7.99998 14.6654C7.08887 14.6654 6.22776 14.4903 5.41665 14.14C4.60554 13.7903 3.89731 13.3154 3.29198 12.7154C2.6862 12.1154 2.20842 11.4098 1.85865 10.5987C1.50842 9.78759 1.33331 8.92092 1.33331 7.9987C1.33331 7.07648 1.50842 6.20981 1.85865 5.3987C2.20842 4.58759 2.6862 3.88203 3.29198 3.28203C3.89731 2.68203 4.60554 2.20692 5.41665 1.8567C6.22776 1.50692 7.08887 1.33203 7.99998 1.33203C8.93331 1.33203 9.80553 1.50692 10.6166 1.8567C11.4278 2.20692 12.1333 2.68203 12.7333 3.28203C13.3333 3.88203 13.8055 4.58759 14.15 5.3987C14.4944 6.20981 14.6666 7.07648 14.6666 7.9987C14.6666 8.92092 14.4944 9.78759 14.15 10.5987C13.8055 11.4098 13.3333 12.1154 12.7333 12.7154C12.1333 13.3154 11.4278 13.7903 10.6166 14.14C9.80553 14.4903 8.93331 14.6654 7.99998 14.6654ZM7.99998 13.332C9.48887 13.332 10.75 12.8127 11.7833 11.774C12.8166 10.7349 13.3333 9.47647 13.3333 7.9987C13.3333 6.52092 12.8166 5.26248 11.7833 4.22336C10.75 3.1847 9.48887 2.66536 7.99998 2.66536C6.54442 2.66536 5.29153 3.1847 4.24131 4.22336C3.19154 5.26248 2.66665 6.52092 2.66665 7.9987C2.66665 9.47647 3.19154 10.7349 4.24131 11.774C5.29153 12.8127 6.54442 13.332 7.99998 13.332Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M11.95 18C12.3 18 12.596 17.879 12.838 17.637C13.0793 17.3957 13.2 17.1 13.2 16.75C13.2 16.4 13.0793 16.1043 12.838 15.863C12.596 15.621 12.3 15.5 11.95 15.5C11.6 15.5 11.304 15.621 11.062 15.863C10.8207 16.1043 10.7 16.4 10.7 16.75C10.7 17.1 10.8207 17.3957 11.062 17.637C11.304 17.879 11.6 18 11.95 18ZM12.1 7.7C12.5667 7.7 12.9417 7.829 13.225 8.087C13.5083 8.34567 13.65 8.68333 13.65 9.1C13.65 9.38333 13.5543 9.67067 13.363 9.962C13.171 10.254 12.9 10.5583 12.55 10.875C12.05 11.3083 11.6833 11.725 11.45 12.125C11.2167 12.525 11.1 12.925 11.1 13.325C11.1 13.5583 11.1877 13.754 11.363 13.912C11.5377 14.0707 11.7417 14.15 11.975 14.15C12.2083 14.15 12.4167 14.0667 12.6 13.9C12.7833 13.7333 12.9 13.525 12.95 13.275C13 12.9917 13.1127 12.7293 13.288 12.488C13.4627 12.246 13.75 11.9333 14.15 11.55C14.6667 11.0667 15.0293 10.625 15.238 10.225C15.446 9.825 15.55 9.38333 15.55 8.9C15.55 8.05 15.2293 7.354 14.588 6.812C13.946 6.27067 13.1167 6 12.1 6C11.4 6 10.7793 6.13333 10.238 6.4C9.696 6.66667 9.275 7.075 8.975 7.625C8.85833 7.84167 8.81667 8.054 8.85 8.262C8.88333 8.47067 9 8.64167 9.2 8.775C9.41667 8.90833 9.65433 8.95 9.913 8.9C10.171 8.85 10.3833 8.70833 10.55 8.475C10.7333 8.225 10.9543 8.03333 11.213 7.9C11.471 7.76667 11.7667 7.7 12.1 7.7ZM12 22C10.6333 22 9.34167 21.7373 8.125 21.212C6.90833 20.6873 5.846 19.975 4.938 19.075C4.02933 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.02933 5.825 4.938 4.925C5.846 4.025 6.90833 3.31233 8.125 2.787C9.34167 2.26233 10.6333 2 12 2C13.4 2 14.7083 2.26233 15.925 2.787C17.1417 3.31233 18.2 4.025 19.1 4.925C20 5.825 20.7083 6.88333 21.225 8.1C21.7417 9.31667 22 10.6167 22 12C22 13.3833 21.7417 14.6833 21.225 15.9C20.7083 17.1167 20 18.175 19.1 19.075C18.2 19.975 17.1417 20.6873 15.925 21.212C14.7083 21.7373 13.4 22 12 22ZM12 20C14.2333 20 16.125 19.221 17.675 17.663C19.225 16.1043 20 14.2167 20 12C20 9.78333 19.225 7.89567 17.675 6.337C16.125 4.779 14.2333 4 12 4C9.81667 4 7.93733 4.779 6.362 6.337C4.78733 7.89567 4 9.78333 4 12C4 14.2167 4.78733 16.1043 6.362 17.663C7.93733 19.221 9.81667 20 12 20Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M13.9417 20.9999C14.35 20.9999 14.6953 20.8588 14.9777 20.5764C15.2592 20.2949 15.4 19.9499 15.4 19.5416C15.4 19.1333 15.2592 18.7883 14.9777 18.5068C14.6953 18.2244 14.35 18.0833 13.9417 18.0833C13.5333 18.0833 13.188 18.2244 12.9057 18.5068C12.6241 18.7883 12.4833 19.1333 12.4833 19.5416C12.4833 19.9499 12.6241 20.2949 12.9057 20.5764C13.188 20.8588 13.5333 20.9999 13.9417 20.9999ZM14.1167 8.98325C14.6611 8.98325 15.0986 9.13375 15.4292 9.43475C15.7597 9.73653 15.925 10.1305 15.925 10.6166C15.925 10.9471 15.8134 11.2824 15.5902 11.6223C15.3662 11.9629 15.05 12.318 14.6417 12.6874C14.0583 13.193 13.6306 13.6791 13.3583 14.1458C13.0861 14.6124 12.95 15.0791 12.95 15.5458C12.95 15.818 13.0523 16.0463 13.2568 16.2306C13.4606 16.4157 13.6986 16.5083 13.9708 16.5083C14.2431 16.5083 14.4861 16.411 14.7 16.2166C14.9139 16.0221 15.05 15.7791 15.1083 15.4874C15.1667 15.1569 15.2981 14.8508 15.5027 14.5693C15.7064 14.2869 16.0417 13.9221 16.5083 13.4749C17.1111 12.911 17.5342 12.3958 17.7777 11.9291C18.0203 11.4624 18.1417 10.9471 18.1417 10.3833C18.1417 9.39159 17.7676 8.57959 17.0193 7.94725C16.2703 7.3157 15.3028 6.99992 14.1167 6.99992C13.3 6.99992 12.5759 7.15547 11.9443 7.46659C11.312 7.7777 10.8208 8.25409 10.4708 8.89575C10.3347 9.14853 10.2861 9.39625 10.325 9.63892C10.3639 9.88236 10.5 10.0819 10.7333 10.2374C10.9861 10.393 11.2634 10.4416 11.5652 10.3833C11.8662 10.3249 12.1139 10.1596 12.3083 9.88742C12.5222 9.59575 12.7801 9.37214 13.0818 9.21659C13.3828 9.06103 13.7278 8.98325 14.1167 8.98325ZM14 25.6666C12.4056 25.6666 10.8986 25.3601 9.47917 24.7473C8.05973 24.1351 6.82034 23.3041 5.761 22.2541C4.70089 21.2041 3.86478 19.9694 3.25267 18.5499C2.63978 17.1305 2.33334 15.6138 2.33334 13.9999C2.33334 12.386 2.63978 10.8694 3.25267 9.44992C3.86478 8.03048 4.70089 6.79575 5.761 5.74575C6.82034 4.69575 8.05973 3.86431 9.47917 3.25142C10.8986 2.63931 12.4056 2.33325 14 2.33325C15.6333 2.33325 17.1597 2.63931 18.5792 3.25142C19.9986 3.86431 21.2333 4.69575 22.2833 5.74575C23.3333 6.79575 24.1597 8.03048 24.7625 9.44992C25.3653 10.8694 25.6667 12.386 25.6667 13.9999C25.6667 15.6138 25.3653 17.1305 24.7625 18.5499C24.1597 19.9694 23.3333 21.2041 22.2833 22.2541C21.2333 23.3041 19.9986 24.1351 18.5792 24.7473C17.1597 25.3601 15.6333 25.6666 14 25.6666ZM14 23.3333C16.6056 23.3333 18.8125 22.4244 20.6208 20.6068C22.4292 18.7883 23.3333 16.586 23.3333 13.9999C23.3333 11.4138 22.4292 9.21153 20.6208 7.39309C18.8125 5.57542 16.6056 4.66659 14 4.66659C11.4528 4.66659 9.26023 5.57542 7.42234 7.39309C5.58523 9.21153 4.66667 11.4138 4.66667 13.9999C4.66667 16.586 5.58523 18.7883 7.42234 20.6068C9.26023 22.4244 11.4528 23.3333 14 23.3333Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-help"; }
+  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-image.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconImage {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M4.66667 11.3333H11.3333C11.4667 11.3333 11.5667 11.2722 11.6333 11.15C11.7 11.0278 11.6889 10.9111 11.6 10.8L9.76667 8.35C9.7 8.26111 9.61111 8.21667 9.5 8.21667C9.38889 8.21667 9.3 8.26111 9.23333 8.35L7.5 10.6667L6.26667 9.01667C6.2 8.92778 6.11111 8.88333 6 8.88333C5.88889 8.88333 5.8 8.92778 5.73333 9.01667L4.4 10.8C4.31111 10.9111 4.3 11.0278 4.36667 11.15C4.43333 11.2722 4.53333 11.3333 4.66667 11.3333ZM3.33333 14C2.96667 14 2.65267 13.8696 2.39133 13.6087C2.13044 13.3473 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13044 2.65267 2.39133 2.39133C2.65267 2.13044 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3473 2.13044 13.6087 2.39133C13.8696 2.65267 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8696 13.3473 13.6087 13.6087C13.3473 13.8696 13.0333 14 12.6667 14H3.33333Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M7 17H17C17.2 17 17.35 16.9083 17.45 16.725C17.55 16.5417 17.5333 16.3667 17.4 16.2L14.65 12.525C14.55 12.3917 14.4167 12.325 14.25 12.325C14.0833 12.325 13.95 12.3917 13.85 12.525L11.25 16L9.4 13.525C9.3 13.3917 9.16667 13.325 9 13.325C8.83333 13.325 8.7 13.3917 8.6 13.525L6.6 16.2C6.46667 16.3667 6.45 16.5417 6.55 16.725C6.65 16.9083 6.8 17 7 17ZM5 21C4.45 21 3.979 20.8043 3.587 20.413C3.19567 20.021 3 19.55 3 19V5C3 4.45 3.19567 3.979 3.587 3.587C3.979 3.19567 4.45 3 5 3H19C19.55 3 20.021 3.19567 20.413 3.587C20.8043 3.979 21 4.45 21 5V19C21 19.55 20.8043 20.021 20.413 20.413C20.021 20.8043 19.55 21 19 21H5Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M8.16667 19.8333H19.8333C20.0667 19.8333 20.2417 19.7264 20.3583 19.5125C20.475 19.2986 20.4556 19.0944 20.3 18.9L17.0917 14.6125C16.975 14.4569 16.8194 14.3792 16.625 14.3792C16.4306 14.3792 16.275 14.4569 16.1583 14.6125L13.125 18.6667L10.9667 15.7792C10.85 15.6236 10.6944 15.5458 10.5 15.5458C10.3056 15.5458 10.15 15.6236 10.0333 15.7792L7.7 18.9C7.54444 19.0944 7.525 19.2986 7.64167 19.5125C7.75833 19.7264 7.93333 19.8333 8.16667 19.8333ZM5.83333 24.5C5.19167 24.5 4.64217 24.2717 4.18483 23.8152C3.72828 23.3578 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72828 4.64217 4.18483 4.18483C4.64217 3.72828 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3578 3.72828 23.8152 4.18483C24.2717 4.64217 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2717 23.3578 23.8152 23.8152C23.3578 24.2717 22.8083 24.5 22.1667 24.5H5.83333Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-image"; }
+  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-info.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconInfo {
+  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 1.33333C4.32001 1.33333 1.33334 4.32 1.33334 8C1.33334 11.68 4.32001 14.6667 8.00001 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8C14.6667 4.32 11.68 1.33333 8.00001 1.33333ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6667V8C7.33334 7.63333 7.63334 7.33333 8.00001 7.33333C8.36668 7.33333 8.66668 7.63333 8.66668 8V10.6667C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM8.66668 5.33333C8.66668 5.70152 8.3682 6 8.00001 6C7.63182 6 7.33334 5.70152 7.33334 5.33333C7.33334 4.96514 7.63182 4.66667 8.00001 4.66667C8.3682 4.66667 8.66668 4.96514 8.66668 5.33333Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M14 2.33333C7.56001 2.33333 2.33334 7.56 2.33334 14C2.33334 20.44 7.56001 25.6667 14 25.6667C20.44 25.6667 25.6667 20.44 25.6667 14C25.6667 7.56 20.44 2.33333 14 2.33333ZM14 19.8333C13.3583 19.8333 12.8333 19.3083 12.8333 18.6667V14C12.8333 13.3583 13.3583 12.8333 14 12.8333C14.6417 12.8333 15.1667 13.3583 15.1667 14V18.6667C15.1667 19.3083 14.6417 19.8333 14 19.8333ZM15.1667 9.33333C15.1667 9.97767 14.6443 10.5 14 10.5C13.3557 10.5 12.8333 9.97767 12.8333 9.33333C12.8333 8.689 13.3557 8.16667 14 8.16667C14.6443 8.16667 15.1667 8.689 15.1667 9.33333Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-info"; }
+  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-inventory.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconInventory {
+  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 1.33334H2.66668C2.00001 1.33334 1.33334 1.93334 1.33334 2.66668V4.67334C1.33334 5.15334 1.62001 5.56668 2.00001 5.80001V13.3333C2.00001 14.0667 2.73334 14.6667 3.33334 14.6667H12.6667C13.2667 14.6667 14 14.0667 14 13.3333V5.80001C14.38 5.56668 14.6667 5.15334 14.6667 4.67334V2.66668C14.6667 1.93334 14 1.33334 13.3333 1.33334ZM9.33334 9.33334H6.66668C6.30001 9.33334 6.00001 9.03334 6.00001 8.66668C6.00001 8.30001 6.30001 8.00001 6.66668 8.00001H9.33334C9.70001 8.00001 10 8.30001 10 8.66668C10 9.03334 9.70001 9.33334 9.33334 9.33334ZM13.3333 4.66668H2.66668V2.66668H13.3333V4.66668Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M20 2H4C3 2 2 2.9 2 4V7.01C2 7.73 2.43 8.35 3 8.7V20C3 21.1 4.1 22 5 22H19C19.9 22 21 21.1 21 20V8.7C21.57 8.35 22 7.73 22 7.01V4C22 2.9 21 2 20 2ZM14 14H10C9.45 14 9 13.55 9 13C9 12.45 9.45 12 10 12H14C14.55 12 15 12.45 15 13C15 13.55 14.55 14 14 14ZM20 7H4V4H20V7Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M23.3333 2.33334H4.66668C3.50001 2.33334 2.33334 3.38334 2.33334 4.66668V8.17834C2.33334 9.01834 2.83501 9.74168 3.50001 10.15V23.3333C3.50001 24.6167 4.78334 25.6667 5.83334 25.6667H22.1667C23.2167 25.6667 24.5 24.6167 24.5 23.3333V10.15C25.165 9.74168 25.6667 9.01834 25.6667 8.17834V4.66668C25.6667 3.38334 24.5 2.33334 23.3333 2.33334ZM16.3333 16.3333H11.6667C11.025 16.3333 10.5 15.8083 10.5 15.1667C10.5 14.525 11.025 14 11.6667 14H16.3333C16.975 14 17.5 14.525 17.5 15.1667C17.5 15.8083 16.975 16.3333 16.3333 16.3333ZM23.3333 8.16668H4.66668V4.66668H23.3333V8.16668Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-inventory"; }
+  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-like.js

@@ -0,0 +1,55 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconLike {
+  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.72387 4.94293L9.27694 1.38986C10.0419 0.62488 11.3284 1.35327 11.066 2.40281L10.4369 4.91927C10.3843 5.12966 10.5434 5.33345 10.7603 5.33345H14C14.7364 5.33345 15.3333 5.93041 15.3333 6.66679V6.86831C15.3333 7.61454 15.1767 8.35247 14.8737 9.03438L13.0186 13.2083C12.8046 13.6898 12.3271 14.0001 11.8002 14.0001H6.66668C5.9303 14.0001 5.33334 13.4032 5.33334 12.6668V5.88574C5.33334 5.53212 5.47382 5.19298 5.72387 4.94293Z", fill: "currentColor" }),
+        h("path", { d: "M4.00001 12.6668V6.66679C4.00001 5.93041 3.40306 5.33345 2.66668 5.33345C1.9303 5.33345 1.33334 5.93041 1.33334 6.66679V12.6668C1.33334 13.4032 1.9303 14.0001 2.66668 14.0001C3.40306 14.0001 4.00001 13.4032 4.00001 12.6668Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M8.58579 7.41427L13.9154 2.08466C15.0629 0.937198 16.9926 2.02979 16.599 3.60409L15.6553 7.37879C15.5764 7.69436 15.8151 8.00006 16.1404 8.00006H21C22.1046 8.00006 23 8.89549 23 10.0001V10.3023C23 11.4217 22.7651 12.5286 22.3105 13.5514L19.5279 19.8123C19.2069 20.5346 18.4906 21.0001 17.7003 21.0001H10C8.89543 21.0001 8 20.1046 8 19.0001V8.82848C8 8.29805 8.21071 7.78934 8.58579 7.41427Z", fill: "currentColor" }),
+        h("path", { d: "M6 19.0001V10.0001C6 8.89549 5.10457 8.00006 4 8.00006C2.89543 8.00006 2 8.89549 2 10.0001V19.0001C2 20.1046 2.89543 21.0001 4 21.0001C5.10457 21.0001 6 20.1046 6 19.0001Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M10.0168 8.64994L16.2346 2.43206C17.5733 1.09336 19.8247 2.36804 19.3655 4.20473L18.2645 8.60855C18.1725 8.97672 18.451 9.33336 18.8305 9.33336H24.5C25.7887 9.33336 26.8333 10.378 26.8333 11.6667V12.0194C26.8333 13.3253 26.5593 14.6166 26.0289 15.81L22.7825 23.1143C22.408 23.957 21.5724 24.5 20.6503 24.5H11.6667C10.378 24.5 9.33334 23.4554 9.33334 22.1667V10.2999C9.33334 9.68102 9.57918 9.08753 10.0168 8.64994Z", fill: "currentColor" }),
+        h("path", { d: "M7.00001 22.1667V11.6667C7.00001 10.378 5.95534 9.33336 4.66668 9.33336C3.37801 9.33336 2.33334 10.378 2.33334 11.6667V22.1667C2.33334 23.4554 3.37801 24.5 4.66668 24.5C5.95534 24.5 7.00001 23.4554 7.00001 22.1667Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-like"; }
+  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-link.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconLink {
+  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.09414 12.8082C7.41846 13.4838 6.60136 13.8217 5.64283 13.8217C4.68431 13.8217 3.86721 13.4838 3.19153 12.8082C2.51585 12.1325 2.17801 11.3154 2.17801 10.3568C2.17801 9.39832 2.51585 8.58122 3.19153 7.90554L4.49968 6.5974C4.64895 6.44812 4.82573 6.37348 5.03001 6.37348C5.23428 6.37348 5.41106 6.44812 5.56034 6.5974C5.71747 6.75453 5.79604 6.93524 5.79604 7.13951C5.79604 7.34379 5.7214 7.52056 5.57212 7.66984L4.26397 8.97799C3.87899 9.36297 3.6865 9.82259 3.6865 10.3568C3.6865 10.8911 3.87899 11.3507 4.26397 11.7357C4.64895 12.1207 5.10857 12.3132 5.64283 12.3132C6.17709 12.3132 6.63671 12.1207 7.02169 11.7357L8.32984 10.4276C8.47912 10.2783 8.65589 10.2036 8.86017 10.2036C9.06444 10.2036 9.24515 10.2822 9.40228 10.4393C9.55156 10.5886 9.6262 10.7654 9.6262 10.9697C9.6262 11.1739 9.55156 11.3507 9.40228 11.5L8.09414 12.8082ZM7.03348 9.95615C6.89991 10.0897 6.7368 10.1585 6.54416 10.1626C6.35182 10.1664 6.18495 10.0976 6.04353 9.95615C5.9021 9.81473 5.83328 9.64786 5.83705 9.45552C5.84114 9.26287 5.90996 9.09977 6.04353 8.9662L8.96623 6.0435C9.0998 5.90993 9.2629 5.84111 9.45555 5.83702C9.64789 5.83325 9.81476 5.90207 9.95618 6.0435C10.0976 6.18492 10.1664 6.35179 10.1627 6.54413C10.1586 6.73677 10.0897 6.89988 9.95618 7.03345L7.03348 9.95615ZM11.5 9.40225C11.3508 9.55153 11.174 9.62617 10.9697 9.62617C10.7654 9.62617 10.5887 9.55153 10.4394 9.40225C10.2822 9.24512 10.2037 9.06441 10.2037 8.86014C10.2037 8.65586 10.2783 8.47909 10.4276 8.32981L11.7357 7.02166C12.1207 6.63668 12.3132 6.17706 12.3132 5.6428C12.3132 5.10854 12.1207 4.64892 11.7357 4.26394C11.3508 3.87896 10.8911 3.68647 10.3569 3.68647C9.82262 3.68647 9.363 3.87896 8.97802 4.26394L7.66987 5.57209C7.52059 5.72137 7.34382 5.79601 7.13954 5.79601C6.93527 5.79601 6.75456 5.71744 6.59743 5.56031C6.44815 5.41103 6.37351 5.23425 6.37351 5.02998C6.37351 4.8257 6.44815 4.64892 6.59743 4.49965L7.90557 3.1915C8.58125 2.51582 9.39835 2.17798 10.3569 2.17798C11.3154 2.17798 12.1325 2.51582 12.8082 3.1915C13.4839 3.86718 13.8217 4.68428 13.8217 5.6428C13.8217 6.60132 13.4839 7.41843 12.8082 8.09411L11.5 9.40225Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M12.1412 19.2123C11.1277 20.2259 9.90205 20.7326 8.46426 20.7326C7.02648 20.7326 5.80083 20.2259 4.78731 19.2123C3.77379 18.1988 3.26703 16.9732 3.26703 15.5354C3.26703 14.0976 3.77379 12.872 4.78731 11.8584L6.74953 9.89622C6.97345 9.6723 7.23861 9.56034 7.54502 9.56034C7.85144 9.56034 8.1166 9.6723 8.34052 9.89622C8.57622 10.1319 8.69407 10.403 8.69407 10.7094C8.69407 11.0158 8.58211 11.281 8.3582 11.5049L6.39598 13.4671C5.81851 14.0446 5.52977 14.734 5.52977 15.5354C5.52977 16.3368 5.81851 17.0262 6.39598 17.6037C6.97345 18.1812 7.66288 18.4699 8.46426 18.4699C9.26565 18.4699 9.95508 18.1812 10.5326 17.6037L12.4948 15.6415C12.7187 15.4175 12.9839 15.3056 13.2903 15.3056C13.5967 15.3056 13.8677 15.4234 14.1034 15.6591C14.3274 15.8831 14.4393 16.1482 14.4393 16.4546C14.4393 16.761 14.3274 17.0262 14.1034 17.2501L12.1412 19.2123ZM10.5502 14.9344C10.3499 15.1347 10.1052 15.2379 9.81625 15.2441C9.52775 15.2497 9.27744 15.1465 9.0653 14.9344C8.85317 14.7222 8.74993 14.4719 8.75559 14.1834C8.76172 13.8944 8.86496 13.6498 9.0653 13.4494L13.4494 9.06537C13.6497 8.86502 13.8944 8.76178 14.1833 8.75565C14.4718 8.75 14.7222 8.85323 14.9343 9.06537C15.1464 9.2775 15.2497 9.52781 15.244 9.81631C15.2379 10.1053 15.1346 10.3499 14.9343 10.5503L10.5502 14.9344ZM17.2501 14.1035C17.0261 14.3274 16.761 14.4394 16.4546 14.4394C16.1482 14.4394 15.883 14.3274 15.6591 14.1035C15.4234 13.8678 15.3055 13.5967 15.3055 13.2903C15.3055 12.9839 15.4175 12.7188 15.6414 12.4948L17.6036 10.5326C18.1811 9.95514 18.4698 9.26571 18.4698 8.46432C18.4698 7.66294 18.1811 6.97351 17.6036 6.39604C17.0261 5.81857 16.3367 5.52983 15.5353 5.52983C14.7339 5.52983 14.0445 5.81857 13.467 6.39604L11.5048 8.35826C11.2809 8.58218 11.0157 8.69413 10.7093 8.69413C10.4029 8.69413 10.1319 8.57628 9.89615 8.34058C9.67224 8.11666 9.56028 7.8515 9.56028 7.54509C9.56028 7.23867 9.67224 6.97351 9.89615 6.74959L11.8584 4.78737C12.8719 3.77385 14.0975 3.26709 15.5353 3.26709C16.9731 3.26709 18.1988 3.77385 19.2123 4.78737C20.2258 5.80089 20.7326 7.02654 20.7326 8.46432C20.7326 9.90211 20.2258 11.1278 19.2123 12.1413L17.2501 14.1035Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M14.1648 22.4143C12.9823 23.5968 11.5524 24.188 9.87499 24.188C8.19758 24.188 6.76765 23.5968 5.58521 22.4143C4.40277 21.2319 3.81155 19.802 3.81155 18.1245C3.81155 16.4471 4.40277 15.0172 5.58521 13.8348L7.87447 11.5455C8.13571 11.2843 8.44507 11.1536 8.80255 11.1536C9.16003 11.1536 9.46939 11.2843 9.73063 11.5455C10.0056 11.8205 10.1431 12.1367 10.1431 12.4942C10.1431 12.8517 10.0125 13.161 9.75125 13.4223L7.46199 15.7115C6.78828 16.3853 6.45142 17.1896 6.45142 18.1245C6.45142 19.0595 6.78828 19.8638 7.46199 20.5375C8.13571 21.2113 8.94004 21.5481 9.87499 21.5481C10.8099 21.5481 11.6143 21.2113 12.288 20.5375L14.5773 18.2483C14.8385 17.987 15.1478 17.8564 15.5053 17.8564C15.8628 17.8564 16.179 17.9939 16.454 18.2689C16.7153 18.5301 16.8459 18.8395 16.8459 19.197C16.8459 19.5545 16.7153 19.8638 16.454 20.1251L14.1648 22.4143ZM12.3086 17.4233C12.0749 17.6571 11.7894 17.7775 11.4523 17.7847C11.1157 17.7913 10.8237 17.6708 10.5762 17.4233C10.3287 17.1758 10.2083 16.8838 10.2149 16.5472C10.222 16.2101 10.3425 15.9247 10.5762 15.6909L15.6909 10.5762C15.9247 10.3424 16.2101 10.222 16.5473 10.2148C16.8838 10.2082 17.1759 10.3287 17.4234 10.5762C17.6708 10.8237 17.7913 11.1157 17.7847 11.4523C17.7775 11.7894 17.6571 12.0749 17.4234 12.3086L12.3086 17.4233ZM20.1251 16.454C19.8639 16.7152 19.5545 16.8459 19.197 16.8459C18.8395 16.8459 18.5302 16.7152 18.2689 16.454C17.994 16.179 17.8565 15.8628 17.8565 15.5053C17.8565 15.1478 17.9871 14.8385 18.2483 14.5772L20.5376 12.288C21.2113 11.6143 21.5481 10.8099 21.5481 9.87496C21.5481 8.94001 21.2113 8.13568 20.5376 7.46196C19.8639 6.78825 19.0595 6.45139 18.1246 6.45139C17.1896 6.45139 16.3853 6.78825 15.7116 7.46196L13.4223 9.75122C13.1611 10.0125 12.8517 10.1431 12.4942 10.1431C12.1368 10.1431 11.8205 10.0056 11.5455 9.7306C11.2843 9.46936 11.1537 9.16 11.1537 8.80252C11.1537 8.44504 11.2843 8.13568 11.5455 7.87444L13.8348 5.58518C15.0172 4.40274 16.4472 3.81152 18.1246 3.81152C19.802 3.81152 21.2319 4.40274 22.4144 5.58518C23.5968 6.76762 24.188 8.19755 24.188 9.87496C24.188 11.5524 23.5968 12.9823 22.4144 14.1647L20.1251 16.454Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-link"; }
+  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"
+    }
+  }; }
+}