@getflip/swirl-components 0.10.0 → 0.12.0

package/dist/collection/components/swirl-icon/icons/swirl-icon-filter.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 SwirlIconFilter {
+  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.33333 12C7.14444 12 6.98622 11.936 6.85867 11.808C6.73067 11.6804 6.66667 11.5222 6.66667 11.3333C6.66667 11.1444 6.73067 10.9862 6.85867 10.8587C6.98622 10.7307 7.14444 10.6667 7.33333 10.6667H8.66667C8.85556 10.6667 9.014 10.7307 9.142 10.8587C9.26956 10.9862 9.33333 11.1444 9.33333 11.3333C9.33333 11.5222 9.26956 11.6804 9.142 11.808C9.014 11.936 8.85556 12 8.66667 12H7.33333ZM2.66667 5.33333C2.47778 5.33333 2.31956 5.26956 2.192 5.142C2.064 5.014 2 4.85556 2 4.66667C2 4.47778 2.064 4.31933 2.192 4.19133C2.31956 4.06378 2.47778 4 2.66667 4H13.3333C13.5222 4 13.6804 4.06378 13.808 4.19133C13.936 4.31933 14 4.47778 14 4.66667C14 4.85556 13.936 5.014 13.808 5.142C13.6804 5.26956 13.5222 5.33333 13.3333 5.33333H2.66667ZM4.66667 8.66667C4.47778 8.66667 4.31933 8.60267 4.19133 8.47467C4.06378 8.34711 4 8.18889 4 8C4 7.81111 4.06378 7.65267 4.19133 7.52467C4.31933 7.39711 4.47778 7.33333 4.66667 7.33333H11.3333C11.5222 7.33333 11.6804 7.39711 11.808 7.52467C11.936 7.65267 12 7.81111 12 8C12 8.18889 11.936 8.34711 11.808 8.47467C11.6804 8.60267 11.5222 8.66667 11.3333 8.66667H4.66667Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M11 18C10.7167 18 10.4793 17.904 10.288 17.712C10.096 17.5207 10 17.2833 10 17C10 16.7167 10.096 16.4793 10.288 16.288C10.4793 16.096 10.7167 16 11 16H13C13.2833 16 13.521 16.096 13.713 16.288C13.9043 16.4793 14 16.7167 14 17C14 17.2833 13.9043 17.5207 13.713 17.712C13.521 17.904 13.2833 18 13 18H11ZM4 8C3.71667 8 3.47933 7.90433 3.288 7.713C3.096 7.521 3 7.28333 3 7C3 6.71667 3.096 6.479 3.288 6.287C3.47933 6.09567 3.71667 6 4 6H20C20.2833 6 20.5207 6.09567 20.712 6.287C20.904 6.479 21 6.71667 21 7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8H4ZM7 13C6.71667 13 6.479 12.904 6.287 12.712C6.09567 12.5207 6 12.2833 6 12C6 11.7167 6.09567 11.479 6.287 11.287C6.479 11.0957 6.71667 11 7 11H17C17.2833 11 17.5207 11.0957 17.712 11.287C17.904 11.479 18 11.7167 18 12C18 12.2833 17.904 12.5207 17.712 12.712C17.5207 12.904 17.2833 13 17 13H7Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M12.8333 21C12.5028 21 12.2259 20.888 12.0027 20.664C11.7787 20.4408 11.6667 20.1639 11.6667 19.8333C11.6667 19.5028 11.7787 19.2259 12.0027 19.0027C12.2259 18.7787 12.5028 18.6667 12.8333 18.6667H15.1667C15.4972 18.6667 15.7745 18.7787 15.9985 19.0027C16.2217 19.2259 16.3333 19.5028 16.3333 19.8333C16.3333 20.1639 16.2217 20.4408 15.9985 20.664C15.7745 20.888 15.4972 21 15.1667 21H12.8333ZM4.66667 9.33333C4.33611 9.33333 4.05922 9.22172 3.836 8.9985C3.612 8.7745 3.5 8.49722 3.5 8.16667C3.5 7.83611 3.612 7.55883 3.836 7.33483C4.05922 7.11161 4.33611 7 4.66667 7H23.3333C23.6639 7 23.9408 7.11161 24.164 7.33483C24.388 7.55883 24.5 7.83611 24.5 8.16667C24.5 8.49722 24.388 8.7745 24.164 8.9985C23.9408 9.22172 23.6639 9.33333 23.3333 9.33333H4.66667ZM8.16667 15.1667C7.83611 15.1667 7.55883 15.0547 7.33483 14.8307C7.11161 14.6074 7 14.3306 7 14C7 13.6694 7.11161 13.3922 7.33483 13.1682C7.55883 12.9449 7.83611 12.8333 8.16667 12.8333H19.8333C20.1639 12.8333 20.4408 12.9449 20.664 13.1682C20.888 13.3922 21 13.6694 21 14C21 14.3306 20.888 14.6074 20.664 14.8307C20.4408 15.0547 20.1639 15.1667 19.8333 15.1667H8.16667Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-filter"; }
+  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-folder-shared.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 SwirlIconFolderShared {
+  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 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-folder-shared"; }
+  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-fullscreen-exit.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 SwirlIconFullscreenExit {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M6 12.8167C5.78889 12.8167 5.60845 12.7445 5.45867 12.6C5.30845 12.4556 5.23333 12.2778 5.23333 12.0667V10.7667H3.93333C3.72222 10.7667 3.54445 10.6916 3.4 10.5414C3.25556 10.3916 3.18333 10.2111 3.18333 10C3.18333 9.78891 3.25556 9.60846 3.4 9.45868C3.54445 9.30846 3.72222 9.23335 3.93333 9.23335H6C6.21111 9.23335 6.39156 9.30846 6.54133 9.45868C6.69156 9.60846 6.76667 9.78891 6.76667 10V12.0667C6.76667 12.2778 6.69156 12.4556 6.54133 12.6C6.39156 12.7445 6.21111 12.8167 6 12.8167V12.8167ZM3.93333 6.76668C3.72222 6.76668 3.54445 6.69157 3.4 6.54135C3.25556 6.39157 3.18333 6.21113 3.18333 6.00002C3.18333 5.78891 3.25556 5.60824 3.4 5.45802C3.54445 5.30824 3.72222 5.23335 3.93333 5.23335H5.23333V3.93335C5.23333 3.72224 5.30845 3.54446 5.45867 3.40002C5.60845 3.25557 5.78889 3.18335 6 3.18335C6.21111 3.18335 6.39156 3.25557 6.54133 3.40002C6.69156 3.54446 6.76667 3.72224 6.76667 3.93335V6.00002C6.76667 6.21113 6.69156 6.39157 6.54133 6.54135C6.39156 6.69157 6.21111 6.76668 6 6.76668H3.93333ZM10 12.8167C9.78889 12.8167 9.60845 12.7445 9.45867 12.6C9.30845 12.4556 9.23334 12.2778 9.23334 12.0667V10C9.23334 9.78891 9.30845 9.60846 9.45867 9.45868C9.60845 9.30846 9.78889 9.23335 10 9.23335H12.0667C12.2778 9.23335 12.4556 9.30846 12.6 9.45868C12.7444 9.60846 12.8167 9.78891 12.8167 10C12.8167 10.2111 12.7444 10.3916 12.6 10.5414C12.4556 10.6916 12.2778 10.7667 12.0667 10.7667H10.7667V12.0667C10.7667 12.2778 10.6918 12.4556 10.542 12.6C10.3918 12.7445 10.2111 12.8167 10 12.8167V12.8167ZM10 6.76668C9.78889 6.76668 9.60845 6.69157 9.45867 6.54135C9.30845 6.39157 9.23334 6.21113 9.23334 6.00002V3.93335C9.23334 3.72224 9.30845 3.54446 9.45867 3.40002C9.60845 3.25557 9.78889 3.18335 10 3.18335C10.2111 3.18335 10.3918 3.25557 10.542 3.40002C10.6918 3.54446 10.7667 3.72224 10.7667 3.93335V5.23335H12.0667C12.2778 5.23335 12.4556 5.30824 12.6 5.45802C12.7444 5.60824 12.8167 5.78891 12.8167 6.00002C12.8167 6.21113 12.7444 6.39157 12.6 6.54135C12.4556 6.69157 12.2778 6.76668 12.0667 6.76668H10Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M9 19.225C8.68333 19.225 8.41267 19.1167 8.188 18.9C7.96267 18.6834 7.85 18.4167 7.85 18.1V16.15H5.9C5.58333 16.15 5.31667 16.0374 5.1 15.812C4.88333 15.5874 4.775 15.3167 4.775 15C4.775 14.6834 4.88333 14.4127 5.1 14.188C5.31667 13.9627 5.58333 13.85 5.9 13.85H9C9.31667 13.85 9.58733 13.9627 9.812 14.188C10.0373 14.4127 10.15 14.6834 10.15 15V18.1C10.15 18.4167 10.0373 18.6834 9.812 18.9C9.58733 19.1167 9.31667 19.225 9 19.225V19.225ZM5.9 10.15C5.58333 10.15 5.31667 10.0374 5.1 9.81202C4.88333 9.58736 4.775 9.31669 4.775 9.00002C4.775 8.68336 4.88333 8.41236 5.1 8.18702C5.31667 7.96236 5.58333 7.85002 5.9 7.85002H7.85V5.90002C7.85 5.58336 7.96267 5.31669 8.188 5.10002C8.41267 4.88336 8.68333 4.77502 9 4.77502C9.31667 4.77502 9.58733 4.88336 9.812 5.10002C10.0373 5.31669 10.15 5.58336 10.15 5.90002V9.00002C10.15 9.31669 10.0373 9.58736 9.812 9.81202C9.58733 10.0374 9.31667 10.15 9 10.15H5.9ZM15 19.225C14.6833 19.225 14.4127 19.1167 14.188 18.9C13.9627 18.6834 13.85 18.4167 13.85 18.1V15C13.85 14.6834 13.9627 14.4127 14.188 14.188C14.4127 13.9627 14.6833 13.85 15 13.85H18.1C18.4167 13.85 18.6833 13.9627 18.9 14.188C19.1167 14.4127 19.225 14.6834 19.225 15C19.225 15.3167 19.1167 15.5874 18.9 15.812C18.6833 16.0374 18.4167 16.15 18.1 16.15H16.15V18.1C16.15 18.4167 16.0377 18.6834 15.813 18.9C15.5877 19.1167 15.3167 19.225 15 19.225V19.225ZM15 10.15C14.6833 10.15 14.4127 10.0374 14.188 9.81202C13.9627 9.58736 13.85 9.31669 13.85 9.00002V5.90002C13.85 5.58336 13.9627 5.31669 14.188 5.10002C14.4127 4.88336 14.6833 4.77502 15 4.77502C15.3167 4.77502 15.5877 4.88336 15.813 5.10002C16.0377 5.31669 16.15 5.58336 16.15 5.90002V7.85002H18.1C18.4167 7.85002 18.6833 7.96236 18.9 8.18702C19.1167 8.41236 19.225 8.68336 19.225 9.00002C19.225 9.31669 19.1167 9.58736 18.9 9.81202C18.6833 10.0374 18.4167 10.15 18.1 10.15H15Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M10.5 22.4291C10.1306 22.4291 9.81478 22.3027 9.55266 22.05C9.28978 21.7972 9.15833 21.4861 9.15833 21.1166V18.8416H6.88333C6.51389 18.8416 6.20278 18.7102 5.95 18.4473C5.69722 18.1852 5.57083 17.8694 5.57083 17.5C5.57083 17.1305 5.69722 16.8147 5.95 16.5526C6.20278 16.2897 6.51389 16.1583 6.88333 16.1583H10.5C10.8694 16.1583 11.1852 16.2897 11.4473 16.5526C11.7102 16.8147 11.8417 17.1305 11.8417 17.5V21.1166C11.8417 21.4861 11.7102 21.7972 11.4473 22.05C11.1852 22.3027 10.8694 22.4291 10.5 22.4291V22.4291ZM6.88333 11.8416C6.51389 11.8416 6.20278 11.7102 5.95 11.4473C5.69722 11.1852 5.57083 10.8694 5.57083 10.5C5.57083 10.1305 5.69722 9.81436 5.95 9.55147C6.20278 9.28936 6.51389 9.1583 6.88333 9.1583H9.15833V6.8833C9.15833 6.51386 9.28978 6.20274 9.55266 5.94997C9.81478 5.69719 10.1306 5.5708 10.5 5.5708C10.8694 5.5708 11.1852 5.69719 11.4473 5.94997C11.7102 6.20274 11.8417 6.51386 11.8417 6.8833V10.5C11.8417 10.8694 11.7102 11.1852 11.4473 11.4473C11.1852 11.7102 10.8694 11.8416 10.5 11.8416H6.88333ZM17.5 22.4291C17.1306 22.4291 16.8148 22.3027 16.5527 22.05C16.2898 21.7972 16.1583 21.4861 16.1583 21.1166V17.5C16.1583 17.1305 16.2898 16.8147 16.5527 16.5526C16.8148 16.2897 17.1306 16.1583 17.5 16.1583H21.1167C21.4861 16.1583 21.7972 16.2897 22.05 16.5526C22.3028 16.8147 22.4292 17.1305 22.4292 17.5C22.4292 17.8694 22.3028 18.1852 22.05 18.4473C21.7972 18.7102 21.4861 18.8416 21.1167 18.8416H18.8417V21.1166C18.8417 21.4861 18.7106 21.7972 18.4485 22.05C18.1856 22.3027 17.8694 22.4291 17.5 22.4291V22.4291ZM17.5 11.8416C17.1306 11.8416 16.8148 11.7102 16.5527 11.4473C16.2898 11.1852 16.1583 10.8694 16.1583 10.5V6.8833C16.1583 6.51386 16.2898 6.20274 16.5527 5.94997C16.8148 5.69719 17.1306 5.5708 17.5 5.5708C17.8694 5.5708 18.1856 5.69719 18.4485 5.94997C18.7106 6.20274 18.8417 6.51386 18.8417 6.8833V9.1583H21.1167C21.4861 9.1583 21.7972 9.28936 22.05 9.55147C22.3028 9.81436 22.4292 10.1305 22.4292 10.5C22.4292 10.8694 22.3028 11.1852 22.05 11.4473C21.7972 11.7102 21.4861 11.8416 21.1167 11.8416H17.5Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-fullscreen-exit"; }
+  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-fullscreen.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 SwirlIconFullscreen {
+  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.93333 12.8167C3.72222 12.8167 3.54445 12.7445 3.4 12.6C3.25556 12.4556 3.18333 12.2778 3.18333 12.0667V10C3.18333 9.78891 3.25556 9.60846 3.4 9.45868C3.54445 9.30846 3.72222 9.23335 3.93333 9.23335C4.15556 9.23335 4.33889 9.30846 4.48333 9.45868C4.62778 9.60846 4.7 9.78891 4.7 10V11.3H6C6.21111 11.3 6.39156 11.3722 6.54133 11.5167C6.69156 11.6611 6.76667 11.8445 6.76667 12.0667C6.76667 12.2778 6.69156 12.4556 6.54133 12.6C6.39156 12.7445 6.21111 12.8167 6 12.8167H3.93333ZM3.93333 6.76668C3.72222 6.76668 3.54445 6.69157 3.4 6.54135C3.25556 6.39157 3.18333 6.21113 3.18333 6.00002V3.93335C3.18333 3.72224 3.25556 3.54446 3.4 3.40002C3.54445 3.25557 3.72222 3.18335 3.93333 3.18335H6C6.21111 3.18335 6.39156 3.25557 6.54133 3.40002C6.69156 3.54446 6.76667 3.72224 6.76667 3.93335C6.76667 4.15557 6.69156 4.33891 6.54133 4.48335C6.39156 4.62779 6.21111 4.70002 6 4.70002H4.7V6.00002C4.7 6.21113 4.62778 6.39157 4.48333 6.54135C4.33889 6.69157 4.15556 6.76668 3.93333 6.76668V6.76668ZM10 12.8167C9.78889 12.8167 9.60845 12.7445 9.45867 12.6C9.30845 12.4556 9.23334 12.2778 9.23334 12.0667C9.23334 11.8445 9.30845 11.6611 9.45867 11.5167C9.60845 11.3722 9.78889 11.3 10 11.3H11.3V10C11.3 9.78891 11.3722 9.60846 11.5167 9.45868C11.6611 9.30846 11.8444 9.23335 12.0667 9.23335C12.2778 9.23335 12.4556 9.30846 12.6 9.45868C12.7444 9.60846 12.8167 9.78891 12.8167 10V12.0667C12.8167 12.2778 12.7444 12.4556 12.6 12.6C12.4556 12.7445 12.2778 12.8167 12.0667 12.8167H10ZM12.0667 6.76668C11.8444 6.76668 11.6611 6.69157 11.5167 6.54135C11.3722 6.39157 11.3 6.21113 11.3 6.00002V4.70002H10C9.78889 4.70002 9.60845 4.62779 9.45867 4.48335C9.30845 4.33891 9.23334 4.15557 9.23334 3.93335C9.23334 3.72224 9.30845 3.54446 9.45867 3.40002C9.60845 3.25557 9.78889 3.18335 10 3.18335H12.0667C12.2778 3.18335 12.4556 3.25557 12.6 3.40002C12.7444 3.54446 12.8167 3.72224 12.8167 3.93335V6.00002C12.8167 6.21113 12.7444 6.39157 12.6 6.54135C12.4556 6.69157 12.2778 6.76668 12.0667 6.76668V6.76668Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M5.9 19.225C5.58333 19.225 5.31667 19.1167 5.1 18.9C4.88333 18.6834 4.775 18.4167 4.775 18.1V15C4.775 14.6834 4.88333 14.4127 5.1 14.188C5.31667 13.9627 5.58333 13.85 5.9 13.85C6.23333 13.85 6.50833 13.9627 6.725 14.188C6.94167 14.4127 7.05 14.6834 7.05 15V16.95H9C9.31667 16.95 9.58733 17.0584 9.812 17.275C10.0373 17.4917 10.15 17.7667 10.15 18.1C10.15 18.4167 10.0373 18.6834 9.812 18.9C9.58733 19.1167 9.31667 19.225 9 19.225H5.9ZM5.9 10.15C5.58333 10.15 5.31667 10.0374 5.1 9.81202C4.88333 9.58736 4.775 9.31669 4.775 9.00002V5.90002C4.775 5.58336 4.88333 5.31669 5.1 5.10002C5.31667 4.88336 5.58333 4.77502 5.9 4.77502H9C9.31667 4.77502 9.58733 4.88336 9.812 5.10002C10.0373 5.31669 10.15 5.58336 10.15 5.90002C10.15 6.23336 10.0373 6.50836 9.812 6.72502C9.58733 6.94169 9.31667 7.05002 9 7.05002H7.05V9.00002C7.05 9.31669 6.94167 9.58736 6.725 9.81202C6.50833 10.0374 6.23333 10.15 5.9 10.15V10.15ZM15 19.225C14.6833 19.225 14.4127 19.1167 14.188 18.9C13.9627 18.6834 13.85 18.4167 13.85 18.1C13.85 17.7667 13.9627 17.4917 14.188 17.275C14.4127 17.0584 14.6833 16.95 15 16.95H16.95V15C16.95 14.6834 17.0583 14.4127 17.275 14.188C17.4917 13.9627 17.7667 13.85 18.1 13.85C18.4167 13.85 18.6833 13.9627 18.9 14.188C19.1167 14.4127 19.225 14.6834 19.225 15V18.1C19.225 18.4167 19.1167 18.6834 18.9 18.9C18.6833 19.1167 18.4167 19.225 18.1 19.225H15ZM18.1 10.15C17.7667 10.15 17.4917 10.0374 17.275 9.81202C17.0583 9.58736 16.95 9.31669 16.95 9.00002V7.05002H15C14.6833 7.05002 14.4127 6.94169 14.188 6.72502C13.9627 6.50836 13.85 6.23336 13.85 5.90002C13.85 5.58336 13.9627 5.31669 14.188 5.10002C14.4127 4.88336 14.6833 4.77502 15 4.77502H18.1C18.4167 4.77502 18.6833 4.88336 18.9 5.10002C19.1167 5.31669 19.225 5.58336 19.225 5.90002V9.00002C19.225 9.31669 19.1167 9.58736 18.9 9.81202C18.6833 10.0374 18.4167 10.15 18.1 10.15V10.15Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M6.88333 22.4291C6.51389 22.4291 6.20278 22.3027 5.95 22.05C5.69722 21.7972 5.57083 21.4861 5.57083 21.1166V17.5C5.57083 17.1305 5.69722 16.8147 5.95 16.5526C6.20278 16.2897 6.51389 16.1583 6.88333 16.1583C7.27222 16.1583 7.59305 16.2897 7.84583 16.5526C8.09861 16.8147 8.225 17.1305 8.225 17.5V19.775H10.5C10.8694 19.775 11.1852 19.9014 11.4473 20.1541C11.7102 20.4069 11.8417 20.7277 11.8417 21.1166C11.8417 21.4861 11.7102 21.7972 11.4473 22.05C11.1852 22.3027 10.8694 22.4291 10.5 22.4291H6.88333ZM6.88333 11.8416C6.51389 11.8416 6.20278 11.7102 5.95 11.4473C5.69722 11.1852 5.57083 10.8694 5.57083 10.5V6.8833C5.57083 6.51386 5.69722 6.20274 5.95 5.94997C6.20278 5.69719 6.51389 5.5708 6.88333 5.5708H10.5C10.8694 5.5708 11.1852 5.69719 11.4473 5.94997C11.7102 6.20274 11.8417 6.51386 11.8417 6.8833C11.8417 7.27219 11.7102 7.59302 11.4473 7.8458C11.1852 8.09858 10.8694 8.22497 10.5 8.22497H8.225V10.5C8.225 10.8694 8.09861 11.1852 7.84583 11.4473C7.59305 11.7102 7.27222 11.8416 6.88333 11.8416V11.8416ZM17.5 22.4291C17.1306 22.4291 16.8148 22.3027 16.5527 22.05C16.2898 21.7972 16.1583 21.4861 16.1583 21.1166C16.1583 20.7277 16.2898 20.4069 16.5527 20.1541C16.8148 19.9014 17.1306 19.775 17.5 19.775H19.775V17.5C19.775 17.1305 19.9014 16.8147 20.1542 16.5526C20.4069 16.2897 20.7278 16.1583 21.1167 16.1583C21.4861 16.1583 21.7972 16.2897 22.05 16.5526C22.3028 16.8147 22.4292 17.1305 22.4292 17.5V21.1166C22.4292 21.4861 22.3028 21.7972 22.05 22.05C21.7972 22.3027 21.4861 22.4291 21.1167 22.4291H17.5ZM21.1167 11.8416C20.7278 11.8416 20.4069 11.7102 20.1542 11.4473C19.9014 11.1852 19.775 10.8694 19.775 10.5V8.22497H17.5C17.1306 8.22497 16.8148 8.09858 16.5527 7.8458C16.2898 7.59302 16.1583 7.27219 16.1583 6.8833C16.1583 6.51386 16.2898 6.20274 16.5527 5.94997C16.8148 5.69719 17.1306 5.5708 17.5 5.5708H21.1167C21.4861 5.5708 21.7972 5.69719 22.05 5.94997C22.3028 6.20274 22.4292 6.51386 22.4292 6.8833V10.5C22.4292 10.8694 22.3028 11.1852 22.05 11.4473C21.7972 11.7102 21.4861 11.8416 21.1167 11.8416V11.8416Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-fullscreen"; }
+  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-group-assign.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 SwirlIconGroupAssign {
+  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.9661 11.9999C13.9894 11.8903 14.001 11.7786 14.0013 11.6666V10.6666C13.9969 10.3024 13.9118 9.94346 13.7526 9.61581C13.5934 9.28816 13.3643 9.00001 13.0807 8.77141C14.4221 9.00408 16.0013 9.63793 16.0013 10.6666V11.6666C16.002 11.7106 15.9944 11.7541 15.9779 11.7948C15.9614 11.8356 15.936 11.8731 15.9049 11.9042C15.8738 11.9353 15.8376 11.9593 15.7969 11.9758C15.7561 11.9923 15.7119 12.0006 15.668 11.9999H13.9661ZM5.33333 11.9999C5.15652 11.9999 4.987 11.9296 4.86198 11.8046C4.73695 11.6796 4.66667 11.5101 4.66667 11.3333V10.6666C4.66667 9.33326 7.33333 8.66659 8.66667 8.66659C10 8.66659 12.6667 9.33326 12.6667 10.6666V11.3333C12.6667 11.5101 12.5964 11.6796 12.4714 11.8046C12.3463 11.9296 12.1768 11.9999 12 11.9999H5.33333ZM2.66667 8.71477V7.99993H0.666667C0.490179 7.99888 0.321412 7.92811 0.196615 7.80331C0.0718171 7.67851 0.00104951 7.50975 0 7.33326C0 7.15645 0.0702882 6.98693 0.195312 6.8619C0.320337 6.73688 0.489856 6.66659 0.666667 6.66659H2.66667V5.955C2.66645 5.84964 2.69691 5.74654 2.75521 5.65878C2.81351 5.57102 2.89759 5.50282 2.99479 5.46217C3.092 5.42151 3.19866 5.41078 3.30208 5.43092C3.4055 5.45105 3.50067 5.5013 3.57552 5.57545L4.95573 6.955C5.05567 7.05501 5.11198 7.19057 5.11198 7.33196C5.11198 7.47334 5.05567 7.60955 4.95573 7.70956L3.57552 9.08912C3.52736 9.13893 3.47005 9.17862 3.40625 9.20565C3.34245 9.23269 3.27371 9.24672 3.20443 9.24667C3.13405 9.2472 3.06387 9.23352 2.9987 9.20696C2.93353 9.18039 2.87417 9.1413 2.82422 9.09172C2.77427 9.04214 2.73408 8.98351 2.70703 8.91855C2.67998 8.85358 2.66666 8.78384 2.66667 8.71347V8.71477ZM11.3945 7.24276C11.7838 6.68255 11.9934 6.01677 11.9948 5.33456C11.9974 4.65195 11.7875 3.98518 11.3945 3.42701C11.5908 3.36532 11.7956 3.33449 12.0013 3.33521C12.2636 3.33503 12.5233 3.38701 12.7656 3.48756C13.0079 3.5881 13.2276 3.73529 13.4128 3.92115C13.5979 4.10701 13.7442 4.32755 13.8437 4.57024C13.9433 4.81292 13.9947 5.0729 13.9935 5.33521C13.9944 5.59743 13.9434 5.85701 13.8437 6.09953C13.7441 6.34206 13.5978 6.56284 13.4128 6.74862C13.2277 6.93441 13.0077 7.08155 12.7656 7.18222C12.5235 7.28289 12.2635 7.33504 12.0013 7.33521C11.7959 7.33515 11.5916 7.30369 11.3958 7.24146L11.3945 7.24276ZM6.66667 5.33326C6.66596 5.07042 6.71745 4.80995 6.81771 4.56698C6.91797 4.32401 7.06544 4.1031 7.2513 3.91724C7.43716 3.73139 7.65807 3.58456 7.90104 3.4843C8.14401 3.38404 8.40383 3.33256 8.66667 3.33326C8.92915 3.33273 9.18977 3.3839 9.43229 3.4843C9.67481 3.5847 9.89414 3.73263 10.0794 3.91855C10.2647 4.10446 10.4121 4.32478 10.5117 4.56763C10.6113 4.81049 10.6616 5.07078 10.6602 5.33326C10.6613 5.59566 10.6101 5.8555 10.5104 6.09823C10.4107 6.34096 10.2647 6.56211 10.0794 6.74797C9.89419 6.93383 9.67339 7.08107 9.43099 7.18157C9.18859 7.28206 8.92907 7.33352 8.66667 7.33326C8.13623 7.33326 7.62768 7.12239 7.2526 6.74732C6.87753 6.37225 6.66667 5.86369 6.66667 5.33326Z", fill: "currentColor" }))),
+      (this.size === 20 || this.size === 24) && (h(Fragment, null,
+        h("path", { d: "M20.9492 18C20.984 17.8356 21.0015 17.6681 21.002 17.5V16C20.9954 15.4537 20.8676 14.9153 20.6289 14.4238C20.3902 13.9324 20.0465 13.5001 19.6211 13.1572C21.6331 13.5062 24.002 14.457 24.002 16V17.5C24.003 17.566 23.9915 17.6312 23.9668 17.6924C23.9421 17.7535 23.9041 17.8098 23.8574 17.8565C23.8108 17.9031 23.7565 17.9391 23.6953 17.9639C23.6342 17.9886 23.5679 18.0011 23.502 18H20.9492ZM8 18C7.73478 18 7.4805 17.8946 7.29297 17.707C7.10543 17.5195 7 17.2652 7 17V16C7 14 11 13 13 13C15 13 19 14 19 16V17C19 17.2652 18.8946 17.5195 18.707 17.707C18.5195 17.8946 18.2652 18 18 18H8ZM4 13.0723V12H1C0.735269 11.9984 0.482118 11.8923 0.294922 11.7051C0.107726 11.5179 0.00157426 11.2647 0 11C0 10.7348 0.105432 10.4805 0.292969 10.293C0.480505 10.1054 0.734784 10 1 10H4V8.93263C3.99968 8.77459 4.04537 8.61994 4.13281 8.48829C4.22026 8.35665 4.34638 8.25435 4.49219 8.19337C4.63799 8.13239 4.798 8.11629 4.95312 8.1465C5.10825 8.1767 5.251 8.25207 5.36328 8.36329L7.43359 10.4326C7.58351 10.5826 7.66797 10.786 7.66797 10.9981C7.66797 11.2101 7.58351 11.4144 7.43359 11.5645L5.36328 13.6338C5.29104 13.7085 5.20507 13.7681 5.10938 13.8086C5.01368 13.8492 4.91057 13.8702 4.80664 13.8701C4.70108 13.8709 4.5958 13.8504 4.49805 13.8106C4.40029 13.7707 4.31125 13.7121 4.23633 13.6377C4.1614 13.5633 4.10113 13.4754 4.06055 13.3779C4.01997 13.2805 4 13.1759 4 13.0703V13.0723ZM17.0918 10.8643C17.6758 10.0239 17.9901 9.02527 17.9922 8.00196C17.9961 6.97804 17.6812 5.9779 17.0918 5.14064C17.3862 5.0481 17.6933 5.00186 18.002 5.00294C18.3954 5.00267 18.785 5.08064 19.1484 5.23146C19.5119 5.38227 19.8415 5.60306 20.1191 5.88185C20.3968 6.16063 20.6163 6.49145 20.7656 6.85548C20.915 7.21951 20.9921 7.60947 20.9902 8.00294C20.9916 8.39627 20.9152 8.78564 20.7656 9.14942C20.6161 9.51321 20.3967 9.84438 20.1191 10.1231C19.8416 10.4017 19.5116 10.6224 19.1484 10.7734C18.7853 10.9245 18.3953 11.0027 18.002 11.0029C17.6938 11.0028 17.3874 10.9557 17.0938 10.8623L17.0918 10.8643ZM10 8.00001C9.99894 7.60575 10.0762 7.21505 10.2266 6.8506C10.377 6.48614 10.5982 6.15477 10.877 5.87599C11.1557 5.5972 11.4871 5.37696 11.8516 5.22657C12.216 5.07618 12.6057 4.99896 13 5.00001C13.3937 4.99921 13.7847 5.07597 14.1484 5.22657C14.5122 5.37718 14.8412 5.59907 15.1191 5.87794C15.3971 6.15681 15.6182 6.4873 15.7676 6.85157C15.917 7.21585 15.9923 7.6063 15.9902 8.00001C15.9919 8.39361 15.9152 8.78337 15.7656 9.14747C15.6161 9.51157 15.397 9.84329 15.1191 10.1221C14.8413 10.4009 14.5101 10.6217 14.1465 10.7725C13.7829 10.9232 13.3936 11.0004 13 11C12.2044 11 11.4415 10.6837 10.8789 10.1211C10.3163 9.5585 10 8.79566 10 8.00001Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M24.4408 20.9999C24.4814 20.8081 24.5018 20.6127 24.5023 20.4166V18.6666C24.4946 18.0292 24.3456 17.4011 24.0671 16.8277C23.7885 16.2543 23.3876 15.7501 22.8913 15.35C25.2386 15.7572 28.0023 16.8664 28.0023 18.6666V20.4166C28.0035 20.4935 27.9901 20.5697 27.9613 20.641C27.9324 20.7124 27.8881 20.778 27.8337 20.8324C27.7792 20.8869 27.7159 20.9289 27.6445 20.9578C27.5732 20.9866 27.4959 21.0012 27.4189 20.9999H24.4408ZM9.33333 20.9999C9.02391 20.9999 8.72726 20.8769 8.50846 20.6581C8.28967 20.4393 8.16667 20.1427 8.16667 19.8333V18.6666C8.16667 16.3333 12.8333 15.1666 15.1667 15.1666C17.5 15.1666 22.1667 16.3333 22.1667 18.6666V19.8333C22.1667 20.1427 22.0437 20.4393 21.8249 20.6581C21.6061 20.8769 21.3094 20.9999 21 20.9999H9.33333ZM4.66667 15.2509V13.9999H1.16667C0.857814 13.9981 0.562471 13.8743 0.344076 13.6559C0.12568 13.4375 0.00183663 13.1421 0 12.8333C0 12.5238 0.123004 12.2272 0.341797 12.0084C0.560589 11.7896 0.857247 11.6666 1.16667 11.6666H4.66667V10.4213C4.66629 10.2369 4.71959 10.0565 4.82161 9.90293C4.92363 9.74934 5.07078 9.62999 5.24089 9.55885C5.41099 9.48771 5.59766 9.46893 5.77865 9.50416C5.95963 9.5394 6.12617 9.62733 6.25716 9.75709L8.67253 12.1713C8.84743 12.3463 8.94596 12.5836 8.94596 12.831C8.94596 13.0784 8.84743 13.3168 8.67253 13.4918L6.25716 15.906C6.17288 15.9932 6.07258 16.0627 5.96094 16.11C5.84929 16.1573 5.729 16.1818 5.60775 16.1817C5.48459 16.1827 5.36177 16.1587 5.24772 16.1122C5.13367 16.0657 5.02979 15.9973 4.94238 15.9106C4.85497 15.8238 4.78465 15.7212 4.7373 15.6075C4.68996 15.4938 4.66666 15.3718 4.66667 15.2486V15.2509ZM19.9404 12.6749C20.6217 11.6945 20.9885 10.5294 20.9909 9.33554C20.9955 8.14097 20.6281 6.97413 19.9404 5.99733C20.2839 5.88937 20.6422 5.83542 21.0023 5.83668C21.4613 5.83637 21.9158 5.92733 22.3398 6.10328C22.7638 6.27924 23.1484 6.53682 23.4723 6.86207C23.7963 7.18732 24.0523 7.57328 24.2266 7.99798C24.4008 8.42268 24.4908 8.87763 24.4886 9.33668C24.4901 9.79556 24.401 10.2498 24.2266 10.6742C24.0521 11.0987 23.7962 11.485 23.4723 11.8102C23.1485 12.1353 22.7636 12.3928 22.3398 12.5689C21.9161 12.7451 21.4612 12.8364 21.0023 12.8367C20.6428 12.8366 20.2853 12.7815 19.9427 12.6726L19.9404 12.6749ZM11.6667 9.33326C11.6654 8.87329 11.7555 8.41748 11.931 7.99228C12.1064 7.56709 12.3645 7.18049 12.6898 6.85524C13.015 6.52999 13.4016 6.27304 13.8268 6.09759C14.252 5.92213 14.7067 5.83203 15.1667 5.83326C15.626 5.83233 16.0821 5.92188 16.5065 6.09759C16.9309 6.27329 17.3147 6.53217 17.639 6.85752C17.9633 7.18286 18.2212 7.56843 18.3955 7.99342C18.5698 8.41841 18.6577 8.87393 18.6553 9.33326C18.6573 9.79247 18.5677 10.2472 18.3932 10.672C18.2188 11.0967 17.9632 11.4838 17.639 11.809C17.3148 12.1343 16.9284 12.3919 16.5042 12.5678C16.08 12.7437 15.6259 12.8337 15.1667 12.8333C14.2384 12.8333 13.3484 12.4643 12.6921 11.8079C12.0357 11.1515 11.6667 10.2615 11.6667 9.33326Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-group-assign"; }
+  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-custom.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 SwirlIconGroupsCustom {
+  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.23757 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-custom"; }
+  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-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"
+    }
+  }; }
+}