@getflip/swirl-components 0.197.1 → 0.199.0

package/dist/collection/components/swirl-icon/icons/swirl-icon-group-add.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconGroupAdd {
-  constructor() {
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, 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.33333 7.96675C8.65556 7.61119 8.90278 7.20564 9.075 6.75008C9.24722 6.29453 9.33333 5.8223 9.33333 5.33341C9.33333 4.84453 9.24722 4.3723 9.075 3.91675C8.90278 3.46119 8.65556 3.05564 8.33333 2.70008C9 2.78897 9.55556 3.08341 10 3.58341C10.4444 4.08341 10.6667 4.66675 10.6667 5.33341C10.6667 6.00008 10.4444 6.58341 10 7.08341C9.55556 7.58341 9 7.87786 8.33333 7.96675ZM11.6833 13.3334C11.7833 13.2556 11.8611 13.1584 11.9167 13.0417C11.9722 12.9251 12 12.7945 12 12.6501V11.3334C12 10.9334 11.9111 10.5529 11.7333 10.1917C11.5556 9.83064 11.3222 9.51119 11.0333 9.23342C11.6 9.43342 12.125 9.69175 12.6083 10.0084C13.0917 10.3251 13.3333 10.7667 13.3333 11.3334V12.6667C13.3333 12.8556 13.2694 13.014 13.1417 13.1417C13.0139 13.2695 12.8556 13.3334 12.6667 13.3334H11.6833ZM14 8.66675C13.8111 8.66675 13.6528 8.60286 13.525 8.47508C13.3972 8.3473 13.3333 8.18897 13.3333 8.00008V7.33341H12.6667C12.4778 7.33341 12.3194 7.26953 12.1917 7.14175C12.0639 7.01397 12 6.85564 12 6.66675C12 6.47786 12.0639 6.31953 12.1917 6.19175C12.3194 6.06397 12.4778 6.00008 12.6667 6.00008H13.3333V5.33341C13.3333 5.14453 13.3972 4.98619 13.525 4.85841C13.6528 4.73064 13.8111 4.66675 14 4.66675C14.1889 4.66675 14.3472 4.73064 14.475 4.85841C14.6028 4.98619 14.6667 5.14453 14.6667 5.33341V6.00008H15.3333C15.5222 6.00008 15.6806 6.06397 15.8083 6.19175C15.9361 6.31953 16 6.47786 16 6.66675C16 6.85564 15.9361 7.01397 15.8083 7.14175C15.6806 7.26953 15.5222 7.33341 15.3333 7.33341H14.6667V8.00008C14.6667 8.18897 14.6028 8.3473 14.475 8.47508C14.3472 8.60286 14.1889 8.66675 14 8.66675ZM5.33333 8.00008C4.6 8.00008 3.97222 7.73897 3.45 7.21675C2.92778 6.69453 2.66667 6.06675 2.66667 5.33341C2.66667 4.60008 2.92778 3.9723 3.45 3.45008C3.97222 2.92786 4.6 2.66675 5.33333 2.66675C6.06667 2.66675 6.69444 2.92786 7.21667 3.45008C7.73889 3.9723 8 4.60008 8 5.33341C8 6.06675 7.73889 6.69453 7.21667 7.21675C6.69444 7.73897 6.06667 8.00008 5.33333 8.00008ZM0.666667 13.3334C0.477778 13.3334 0.319444 13.2695 0.191667 13.1417C0.0638889 13.014 0 12.8556 0 12.6667V11.4667C0 11.089 0.0972222 10.7417 0.291667 10.4251C0.486111 10.1084 0.744444 9.86675 1.06667 9.70008C1.75556 9.35564 2.45556 9.0973 3.16667 8.92508C3.87778 8.75286 4.6 8.66675 5.33333 8.66675C6.06667 8.66675 6.78889 8.75286 7.5 8.92508C8.21111 9.0973 8.91111 9.35564 9.6 9.70008C9.92222 9.86675 10.1806 10.1084 10.375 10.4251C10.5694 10.7417 10.6667 11.089 10.6667 11.4667V12.6667C10.6667 12.8556 10.6028 13.014 10.475 13.1417C10.3472 13.2695 10.1889 13.3334 10 13.3334H0.666667ZM5.33333 6.66675C5.7 6.66675 6.01389 6.53619 6.275 6.27508C6.53611 6.01397 6.66667 5.70008 6.66667 5.33341C6.66667 4.96675 6.53611 4.65286 6.275 4.39175C6.01389 4.13064 5.7 4.00008 5.33333 4.00008C4.96667 4.00008 4.65278 4.13064 4.39167 4.39175C4.13056 4.65286 4 4.96675 4 5.33341C4 5.70008 4.13056 6.01397 4.39167 6.27508C4.65278 6.53619 4.96667 6.66675 5.33333 6.66675ZM1.33333 12.0001H9.33333V11.4667C9.33333 11.3445 9.30278 11.2334 9.24167 11.1334C9.18056 11.0334 9.1 10.9556 9 10.9001C8.4 10.6001 7.79445 10.3751 7.18333 10.2251C6.57222 10.0751 5.95556 10.0001 5.33333 10.0001C4.71111 10.0001 4.09444 10.0751 3.48333 10.2251C2.87222 10.3751 2.26667 10.6001 1.66667 10.9001C1.56667 10.9556 1.48611 11.0334 1.425 11.1334C1.36389 11.2334 1.33333 11.3445 1.33333 11.4667V12.0001Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12.5 11.95C12.9833 11.4167 13.3542 10.8083 13.6125 10.125C13.8708 9.44167 14 8.73333 14 8C14 7.26667 13.8708 6.55833 13.6125 5.875C13.3542 5.19167 12.9833 4.58333 12.5 4.05C13.5 4.18333 14.3333 4.625 15 5.375C15.6667 6.125 16 7 16 8C16 9 15.6667 9.875 15 10.625C14.3333 11.375 13.5 11.8167 12.5 11.95ZM17.525 20C17.675 19.8833 17.7917 19.7375 17.875 19.5625C17.9583 19.3875 18 19.1917 18 18.975V17C18 16.4 17.8667 15.8292 17.6 15.2875C17.3333 14.7458 16.9833 14.2667 16.55 13.85C17.4 14.15 18.1875 14.5375 18.9125 15.0125C19.6375 15.4875 20 16.15 20 17V19C20 19.2833 19.9042 19.5208 19.7125 19.7125C19.5208 19.9042 19.2833 20 19 20H17.525ZM21 13C20.7167 13 20.4792 12.9042 20.2875 12.7125C20.0958 12.5208 20 12.2833 20 12V11H19C18.7167 11 18.4792 10.9042 18.2875 10.7125C18.0958 10.5208 18 10.2833 18 10C18 9.71667 18.0958 9.47917 18.2875 9.2875C18.4792 9.09583 18.7167 9 19 9H20V8C20 7.71667 20.0958 7.47917 20.2875 7.2875C20.4792 7.09583 20.7167 7 21 7C21.2833 7 21.5208 7.09583 21.7125 7.2875C21.9042 7.47917 22 7.71667 22 8V9H23C23.2833 9 23.5208 9.09583 23.7125 9.2875C23.9042 9.47917 24 9.71667 24 10C24 10.2833 23.9042 10.5208 23.7125 10.7125C23.5208 10.9042 23.2833 11 23 11H22V12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13ZM8 12C6.9 12 5.95833 11.6083 5.175 10.825C4.39167 10.0417 4 9.1 4 8C4 6.9 4.39167 5.95833 5.175 5.175C5.95833 4.39167 6.9 4 8 4C9.1 4 10.0417 4.39167 10.825 5.175C11.6083 5.95833 12 6.9 12 8C12 9.1 11.6083 10.0417 10.825 10.825C10.0417 11.6083 9.1 12 8 12ZM1 20C0.716667 20 0.479167 19.9042 0.2875 19.7125C0.0958333 19.5208 0 19.2833 0 19V17.2C0 16.6333 0.145833 16.1125 0.4375 15.6375C0.729167 15.1625 1.11667 14.8 1.6 14.55C2.63333 14.0333 3.68333 13.6458 4.75 13.3875C5.81667 13.1292 6.9 13 8 13C9.1 13 10.1833 13.1292 11.25 13.3875C12.3167 13.6458 13.3667 14.0333 14.4 14.55C14.8833 14.8 15.2708 15.1625 15.5625 15.6375C15.8542 16.1125 16 16.6333 16 17.2V19C16 19.2833 15.9042 19.5208 15.7125 19.7125C15.5208 19.9042 15.2833 20 15 20H1ZM8 10C8.55 10 9.02083 9.80417 9.4125 9.4125C9.80417 9.02083 10 8.55 10 8C10 7.45 9.80417 6.97917 9.4125 6.5875C9.02083 6.19583 8.55 6 8 6C7.45 6 6.97917 6.19583 6.5875 6.5875C6.19583 6.97917 6 7.45 6 8C6 8.55 6.19583 9.02083 6.5875 9.4125C6.97917 9.80417 7.45 10 8 10ZM2 18H14V17.2C14 17.0167 13.9542 16.85 13.8625 16.7C13.7708 16.55 13.65 16.4333 13.5 16.35C12.6 15.9 11.6917 15.5625 10.775 15.3375C9.85833 15.1125 8.93333 15 8 15C7.06667 15 6.14167 15.1125 5.225 15.3375C4.30833 15.5625 3.4 15.9 2.5 16.35C2.35 16.4333 2.22917 16.55 2.1375 16.7C2.04583 16.85 2 17.0167 2 17.2V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14.5833 13.9417C15.1472 13.3195 15.5799 12.6098 15.8812 11.8126C16.1826 11.0154 16.3333 10.189 16.3333 9.33341C16.3333 8.47786 16.1826 7.65147 15.8812 6.85425C15.5799 6.05703 15.1472 5.3473 14.5833 4.72508C15.75 4.88064 16.7222 5.39591 17.5 6.27091C18.2778 7.14591 18.6667 8.16675 18.6667 9.33341C18.6667 10.5001 18.2778 11.5209 17.5 12.3959C16.7222 13.2709 15.75 13.7862 14.5833 13.9417ZM20.4458 23.3334C20.6208 23.1973 20.7569 23.0272 20.8542 22.823C20.9514 22.6188 21 22.3904 21 22.1376V19.8334C21 19.1334 20.8444 18.4674 20.5333 17.8355C20.2222 17.2036 19.8139 16.6445 19.3083 16.1584C20.3 16.5084 21.2187 16.9605 22.0646 17.5147C22.9104 18.0688 23.3333 18.8417 23.3333 19.8334V22.1667C23.3333 22.4973 23.2215 22.7744 22.9979 22.998C22.7743 23.2216 22.4972 23.3334 22.1667 23.3334H20.4458ZM24.5 15.1667C24.1694 15.1667 23.8924 15.0549 23.6687 14.8313C23.4451 14.6077 23.3333 14.3306 23.3333 14.0001V12.8334H22.1667C21.8361 12.8334 21.559 12.7216 21.3354 12.498C21.1118 12.2744 21 11.9973 21 11.6667C21 11.3362 21.1118 11.0591 21.3354 10.8355C21.559 10.6119 21.8361 10.5001 22.1667 10.5001H23.3333V9.33341C23.3333 9.00286 23.4451 8.72578 23.6687 8.50216C23.8924 8.27855 24.1694 8.16675 24.5 8.16675C24.8306 8.16675 25.1076 8.27855 25.3312 8.50216C25.5549 8.72578 25.6667 9.00286 25.6667 9.33341V10.5001H26.8333C27.1639 10.5001 27.441 10.6119 27.6646 10.8355C27.8882 11.0591 28 11.3362 28 11.6667C28 11.9973 27.8882 12.2744 27.6646 12.498C27.441 12.7216 27.1639 12.8334 26.8333 12.8334H25.6667V14.0001C25.6667 14.3306 25.5549 14.6077 25.3312 14.8313C25.1076 15.0549 24.8306 15.1667 24.5 15.1667ZM9.33333 14.0001C8.05 14.0001 6.95139 13.5431 6.0375 12.6292C5.12361 11.7154 4.66667 10.6167 4.66667 9.33341C4.66667 8.05008 5.12361 6.95147 6.0375 6.03758C6.95139 5.12369 8.05 4.66675 9.33333 4.66675C10.6167 4.66675 11.7153 5.12369 12.6292 6.03758C13.5431 6.95147 14 8.05008 14 9.33341C14 10.6167 13.5431 11.7154 12.6292 12.6292C11.7153 13.5431 10.6167 14.0001 9.33333 14.0001ZM1.16667 23.3334C0.836111 23.3334 0.559028 23.2216 0.335417 22.998C0.111806 22.7744 0 22.4973 0 22.1667V20.0667C0 19.4056 0.170139 18.798 0.510417 18.2438C0.850694 17.6897 1.30278 17.2667 1.86667 16.9751C3.07222 16.3723 4.29722 15.9202 5.54167 15.6188C6.78611 15.3174 8.05 15.1667 9.33333 15.1667C10.6167 15.1667 11.8806 15.3174 13.125 15.6188C14.3694 15.9202 15.5944 16.3723 16.8 16.9751C17.3639 17.2667 17.816 17.6897 18.1562 18.2438C18.4965 18.798 18.6667 19.4056 18.6667 20.0667V22.1667C18.6667 22.4973 18.5549 22.7744 18.3313 22.998C18.1076 23.2216 17.8306 23.3334 17.5 23.3334H1.16667ZM9.33333 11.6667C9.975 11.6667 10.5243 11.4383 10.9813 10.9813C11.4382 10.5244 11.6667 9.97508 11.6667 9.33341C11.6667 8.69175 11.4382 8.14244 10.9813 7.6855C10.5243 7.22855 9.975 7.00008 9.33333 7.00008C8.69167 7.00008 8.14236 7.22855 7.68542 7.6855C7.22847 8.14244 7 8.69175 7 9.33341C7 9.97508 7.22847 10.5244 7.68542 10.9813C8.14236 11.4383 8.69167 11.6667 9.33333 11.6667ZM2.33333 21.0001H16.3333V20.0667C16.3333 19.8529 16.2799 19.6584 16.1729 19.4834C16.066 19.3084 15.925 19.1723 15.75 19.0751C14.7 18.5501 13.6403 18.1563 12.5708 17.8938C11.5014 17.6313 10.4222 17.5001 9.33333 17.5001C8.24444 17.5001 7.16528 17.6313 6.09583 17.8938C5.02639 18.1563 3.96667 18.5501 2.91667 19.0751C2.74167 19.1723 2.60069 19.3084 2.49375 19.4834C2.38681 19.6584 2.33333 19.8529 2.33333 20.0667V21.0001Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-group-add"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["../swirl-icon.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["../swirl-icon.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "SwirlIconColor",
-          "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
-          "references": {
-            "SwirlIconColor": {
-              "location": "import",
-              "path": "../swirl-icon"
+    constructor() {
+        this.color = undefined;
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '26fbbdf272dcfde2cd5a44b06f52828e5f8bfd8f', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '9a8c8db5cc3db294169c40eba6af74117cf08ba0' }, h("path", { key: 'e3c48015e7e91b255a206da82093c2b70edc0fda', d: "M8.33333 7.96675C8.65556 7.61119 8.90278 7.20564 9.075 6.75008C9.24722 6.29453 9.33333 5.8223 9.33333 5.33341C9.33333 4.84453 9.24722 4.3723 9.075 3.91675C8.90278 3.46119 8.65556 3.05564 8.33333 2.70008C9 2.78897 9.55556 3.08341 10 3.58341C10.4444 4.08341 10.6667 4.66675 10.6667 5.33341C10.6667 6.00008 10.4444 6.58341 10 7.08341C9.55556 7.58341 9 7.87786 8.33333 7.96675ZM11.6833 13.3334C11.7833 13.2556 11.8611 13.1584 11.9167 13.0417C11.9722 12.9251 12 12.7945 12 12.6501V11.3334C12 10.9334 11.9111 10.5529 11.7333 10.1917C11.5556 9.83064 11.3222 9.51119 11.0333 9.23342C11.6 9.43342 12.125 9.69175 12.6083 10.0084C13.0917 10.3251 13.3333 10.7667 13.3333 11.3334V12.6667C13.3333 12.8556 13.2694 13.014 13.1417 13.1417C13.0139 13.2695 12.8556 13.3334 12.6667 13.3334H11.6833ZM14 8.66675C13.8111 8.66675 13.6528 8.60286 13.525 8.47508C13.3972 8.3473 13.3333 8.18897 13.3333 8.00008V7.33341H12.6667C12.4778 7.33341 12.3194 7.26953 12.1917 7.14175C12.0639 7.01397 12 6.85564 12 6.66675C12 6.47786 12.0639 6.31953 12.1917 6.19175C12.3194 6.06397 12.4778 6.00008 12.6667 6.00008H13.3333V5.33341C13.3333 5.14453 13.3972 4.98619 13.525 4.85841C13.6528 4.73064 13.8111 4.66675 14 4.66675C14.1889 4.66675 14.3472 4.73064 14.475 4.85841C14.6028 4.98619 14.6667 5.14453 14.6667 5.33341V6.00008H15.3333C15.5222 6.00008 15.6806 6.06397 15.8083 6.19175C15.9361 6.31953 16 6.47786 16 6.66675C16 6.85564 15.9361 7.01397 15.8083 7.14175C15.6806 7.26953 15.5222 7.33341 15.3333 7.33341H14.6667V8.00008C14.6667 8.18897 14.6028 8.3473 14.475 8.47508C14.3472 8.60286 14.1889 8.66675 14 8.66675ZM5.33333 8.00008C4.6 8.00008 3.97222 7.73897 3.45 7.21675C2.92778 6.69453 2.66667 6.06675 2.66667 5.33341C2.66667 4.60008 2.92778 3.9723 3.45 3.45008C3.97222 2.92786 4.6 2.66675 5.33333 2.66675C6.06667 2.66675 6.69444 2.92786 7.21667 3.45008C7.73889 3.9723 8 4.60008 8 5.33341C8 6.06675 7.73889 6.69453 7.21667 7.21675C6.69444 7.73897 6.06667 8.00008 5.33333 8.00008ZM0.666667 13.3334C0.477778 13.3334 0.319444 13.2695 0.191667 13.1417C0.0638889 13.014 0 12.8556 0 12.6667V11.4667C0 11.089 0.0972222 10.7417 0.291667 10.4251C0.486111 10.1084 0.744444 9.86675 1.06667 9.70008C1.75556 9.35564 2.45556 9.0973 3.16667 8.92508C3.87778 8.75286 4.6 8.66675 5.33333 8.66675C6.06667 8.66675 6.78889 8.75286 7.5 8.92508C8.21111 9.0973 8.91111 9.35564 9.6 9.70008C9.92222 9.86675 10.1806 10.1084 10.375 10.4251C10.5694 10.7417 10.6667 11.089 10.6667 11.4667V12.6667C10.6667 12.8556 10.6028 13.014 10.475 13.1417C10.3472 13.2695 10.1889 13.3334 10 13.3334H0.666667ZM5.33333 6.66675C5.7 6.66675 6.01389 6.53619 6.275 6.27508C6.53611 6.01397 6.66667 5.70008 6.66667 5.33341C6.66667 4.96675 6.53611 4.65286 6.275 4.39175C6.01389 4.13064 5.7 4.00008 5.33333 4.00008C4.96667 4.00008 4.65278 4.13064 4.39167 4.39175C4.13056 4.65286 4 4.96675 4 5.33341C4 5.70008 4.13056 6.01397 4.39167 6.27508C4.65278 6.53619 4.96667 6.66675 5.33333 6.66675ZM1.33333 12.0001H9.33333V11.4667C9.33333 11.3445 9.30278 11.2334 9.24167 11.1334C9.18056 11.0334 9.1 10.9556 9 10.9001C8.4 10.6001 7.79445 10.3751 7.18333 10.2251C6.57222 10.0751 5.95556 10.0001 5.33333 10.0001C4.71111 10.0001 4.09444 10.0751 3.48333 10.2251C2.87222 10.3751 2.26667 10.6001 1.66667 10.9001C1.56667 10.9556 1.48611 11.0334 1.425 11.1334C1.36389 11.2334 1.33333 11.3445 1.33333 11.4667V12.0001Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'a23965f4d4daef836b6248dc81611908bec9699e' }, h("path", { key: 'c89a6eef36686b3acb4c1b2c4d229c9c465356db', d: "M12.5 11.95C12.9833 11.4167 13.3542 10.8083 13.6125 10.125C13.8708 9.44167 14 8.73333 14 8C14 7.26667 13.8708 6.55833 13.6125 5.875C13.3542 5.19167 12.9833 4.58333 12.5 4.05C13.5 4.18333 14.3333 4.625 15 5.375C15.6667 6.125 16 7 16 8C16 9 15.6667 9.875 15 10.625C14.3333 11.375 13.5 11.8167 12.5 11.95ZM17.525 20C17.675 19.8833 17.7917 19.7375 17.875 19.5625C17.9583 19.3875 18 19.1917 18 18.975V17C18 16.4 17.8667 15.8292 17.6 15.2875C17.3333 14.7458 16.9833 14.2667 16.55 13.85C17.4 14.15 18.1875 14.5375 18.9125 15.0125C19.6375 15.4875 20 16.15 20 17V19C20 19.2833 19.9042 19.5208 19.7125 19.7125C19.5208 19.9042 19.2833 20 19 20H17.525ZM21 13C20.7167 13 20.4792 12.9042 20.2875 12.7125C20.0958 12.5208 20 12.2833 20 12V11H19C18.7167 11 18.4792 10.9042 18.2875 10.7125C18.0958 10.5208 18 10.2833 18 10C18 9.71667 18.0958 9.47917 18.2875 9.2875C18.4792 9.09583 18.7167 9 19 9H20V8C20 7.71667 20.0958 7.47917 20.2875 7.2875C20.4792 7.09583 20.7167 7 21 7C21.2833 7 21.5208 7.09583 21.7125 7.2875C21.9042 7.47917 22 7.71667 22 8V9H23C23.2833 9 23.5208 9.09583 23.7125 9.2875C23.9042 9.47917 24 9.71667 24 10C24 10.2833 23.9042 10.5208 23.7125 10.7125C23.5208 10.9042 23.2833 11 23 11H22V12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13ZM8 12C6.9 12 5.95833 11.6083 5.175 10.825C4.39167 10.0417 4 9.1 4 8C4 6.9 4.39167 5.95833 5.175 5.175C5.95833 4.39167 6.9 4 8 4C9.1 4 10.0417 4.39167 10.825 5.175C11.6083 5.95833 12 6.9 12 8C12 9.1 11.6083 10.0417 10.825 10.825C10.0417 11.6083 9.1 12 8 12ZM1 20C0.716667 20 0.479167 19.9042 0.2875 19.7125C0.0958333 19.5208 0 19.2833 0 19V17.2C0 16.6333 0.145833 16.1125 0.4375 15.6375C0.729167 15.1625 1.11667 14.8 1.6 14.55C2.63333 14.0333 3.68333 13.6458 4.75 13.3875C5.81667 13.1292 6.9 13 8 13C9.1 13 10.1833 13.1292 11.25 13.3875C12.3167 13.6458 13.3667 14.0333 14.4 14.55C14.8833 14.8 15.2708 15.1625 15.5625 15.6375C15.8542 16.1125 16 16.6333 16 17.2V19C16 19.2833 15.9042 19.5208 15.7125 19.7125C15.5208 19.9042 15.2833 20 15 20H1ZM8 10C8.55 10 9.02083 9.80417 9.4125 9.4125C9.80417 9.02083 10 8.55 10 8C10 7.45 9.80417 6.97917 9.4125 6.5875C9.02083 6.19583 8.55 6 8 6C7.45 6 6.97917 6.19583 6.5875 6.5875C6.19583 6.97917 6 7.45 6 8C6 8.55 6.19583 9.02083 6.5875 9.4125C6.97917 9.80417 7.45 10 8 10ZM2 18H14V17.2C14 17.0167 13.9542 16.85 13.8625 16.7C13.7708 16.55 13.65 16.4333 13.5 16.35C12.6 15.9 11.6917 15.5625 10.775 15.3375C9.85833 15.1125 8.93333 15 8 15C7.06667 15 6.14167 15.1125 5.225 15.3375C4.30833 15.5625 3.4 15.9 2.5 16.35C2.35 16.4333 2.22917 16.55 2.1375 16.7C2.04583 16.85 2 17.0167 2 17.2V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'b10bc9ceea1c65f78430456633b2fbf287417bd1' }, h("path", { key: '9fcca0e5bca7546c6cb806a90d48d01270f69942', d: "M14.5833 13.9417C15.1472 13.3195 15.5799 12.6098 15.8812 11.8126C16.1826 11.0154 16.3333 10.189 16.3333 9.33341C16.3333 8.47786 16.1826 7.65147 15.8812 6.85425C15.5799 6.05703 15.1472 5.3473 14.5833 4.72508C15.75 4.88064 16.7222 5.39591 17.5 6.27091C18.2778 7.14591 18.6667 8.16675 18.6667 9.33341C18.6667 10.5001 18.2778 11.5209 17.5 12.3959C16.7222 13.2709 15.75 13.7862 14.5833 13.9417ZM20.4458 23.3334C20.6208 23.1973 20.7569 23.0272 20.8542 22.823C20.9514 22.6188 21 22.3904 21 22.1376V19.8334C21 19.1334 20.8444 18.4674 20.5333 17.8355C20.2222 17.2036 19.8139 16.6445 19.3083 16.1584C20.3 16.5084 21.2187 16.9605 22.0646 17.5147C22.9104 18.0688 23.3333 18.8417 23.3333 19.8334V22.1667C23.3333 22.4973 23.2215 22.7744 22.9979 22.998C22.7743 23.2216 22.4972 23.3334 22.1667 23.3334H20.4458ZM24.5 15.1667C24.1694 15.1667 23.8924 15.0549 23.6687 14.8313C23.4451 14.6077 23.3333 14.3306 23.3333 14.0001V12.8334H22.1667C21.8361 12.8334 21.559 12.7216 21.3354 12.498C21.1118 12.2744 21 11.9973 21 11.6667C21 11.3362 21.1118 11.0591 21.3354 10.8355C21.559 10.6119 21.8361 10.5001 22.1667 10.5001H23.3333V9.33341C23.3333 9.00286 23.4451 8.72578 23.6687 8.50216C23.8924 8.27855 24.1694 8.16675 24.5 8.16675C24.8306 8.16675 25.1076 8.27855 25.3312 8.50216C25.5549 8.72578 25.6667 9.00286 25.6667 9.33341V10.5001H26.8333C27.1639 10.5001 27.441 10.6119 27.6646 10.8355C27.8882 11.0591 28 11.3362 28 11.6667C28 11.9973 27.8882 12.2744 27.6646 12.498C27.441 12.7216 27.1639 12.8334 26.8333 12.8334H25.6667V14.0001C25.6667 14.3306 25.5549 14.6077 25.3312 14.8313C25.1076 15.0549 24.8306 15.1667 24.5 15.1667ZM9.33333 14.0001C8.05 14.0001 6.95139 13.5431 6.0375 12.6292C5.12361 11.7154 4.66667 10.6167 4.66667 9.33341C4.66667 8.05008 5.12361 6.95147 6.0375 6.03758C6.95139 5.12369 8.05 4.66675 9.33333 4.66675C10.6167 4.66675 11.7153 5.12369 12.6292 6.03758C13.5431 6.95147 14 8.05008 14 9.33341C14 10.6167 13.5431 11.7154 12.6292 12.6292C11.7153 13.5431 10.6167 14.0001 9.33333 14.0001ZM1.16667 23.3334C0.836111 23.3334 0.559028 23.2216 0.335417 22.998C0.111806 22.7744 0 22.4973 0 22.1667V20.0667C0 19.4056 0.170139 18.798 0.510417 18.2438C0.850694 17.6897 1.30278 17.2667 1.86667 16.9751C3.07222 16.3723 4.29722 15.9202 5.54167 15.6188C6.78611 15.3174 8.05 15.1667 9.33333 15.1667C10.6167 15.1667 11.8806 15.3174 13.125 15.6188C14.3694 15.9202 15.5944 16.3723 16.8 16.9751C17.3639 17.2667 17.816 17.6897 18.1562 18.2438C18.4965 18.798 18.6667 19.4056 18.6667 20.0667V22.1667C18.6667 22.4973 18.5549 22.7744 18.3313 22.998C18.1076 23.2216 17.8306 23.3334 17.5 23.3334H1.16667ZM9.33333 11.6667C9.975 11.6667 10.5243 11.4383 10.9813 10.9813C11.4382 10.5244 11.6667 9.97508 11.6667 9.33341C11.6667 8.69175 11.4382 8.14244 10.9813 7.6855C10.5243 7.22855 9.975 7.00008 9.33333 7.00008C8.69167 7.00008 8.14236 7.22855 7.68542 7.6855C7.22847 8.14244 7 8.69175 7 9.33341C7 9.97508 7.22847 10.5244 7.68542 10.9813C8.14236 11.4383 8.69167 11.6667 9.33333 11.6667ZM2.33333 21.0001H16.3333V20.0667C16.3333 19.8529 16.2799 19.6584 16.1729 19.4834C16.066 19.3084 15.925 19.1723 15.75 19.0751C14.7 18.5501 13.6403 18.1563 12.5708 17.8938C11.5014 17.6313 10.4222 17.5001 9.33333 17.5001C8.24444 17.5001 7.16528 17.6313 6.09583 17.8938C5.02639 18.1563 3.96667 18.5501 2.91667 19.0751C2.74167 19.1723 2.60069 19.3084 2.49375 19.4834C2.38681 19.6584 2.33333 19.8529 2.33333 20.0667V21.0001Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-group-add"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "color",
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "24"
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false
-      },
-      "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

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconGroupAssign {
-  constructor() {
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M2.66667 8.62572C2.66667 8.69608 2.67998 8.76581 2.70703 8.83077C2.73408 8.89573 2.77427 8.95437 2.82422 9.00394C2.87417 9.05352 2.93353 9.09261 2.9987 9.11918C3.06387 9.14574 3.13405 9.15942 3.20443 9.15889C3.27372 9.15894 3.34245 9.14491 3.40625 9.11787C3.47005 9.09084 3.52736 9.05115 3.57552 9.00134L4.95573 7.62178C5.05567 7.52177 5.11198 7.38556 5.11198 7.24418C5.11198 7.10279 5.05567 6.96723 4.95573 6.86722L3.57552 5.48767C3.50067 5.41352 3.4055 5.36327 3.30208 5.34314C3.19866 5.323 3.092 5.33373 2.99479 5.37439C2.89759 5.41504 2.81351 5.48324 2.75521 5.571C2.69691 5.65876 2.66645 5.76186 2.66667 5.86722V6.57881H0.666667C0.489856 6.57881 0.320337 6.6491 0.195312 6.77412C0.0702883 6.89915 0 7.06867 0 7.24548C0.00104951 7.42197 0.0718171 7.59073 0.196615 7.71553C0.321412 7.84033 0.49018 7.9111 0.666667 7.91215H2.66667V8.62572Z", fill: "currentColor" }), h("path", { d: "M4.54545 12.0605C4.39091 12.0605 4.26145 12.0082 4.15709 11.9034C4.05236 11.7991 4 11.6696 4 11.5151V10.5333C4 10.2242 4.07964 9.93998 4.23891 9.68071C4.39782 9.4218 4.60909 9.22416 4.87273 9.0878C5.43636 8.80598 6.00909 8.59452 6.59091 8.45343C7.17273 8.31271 7.76364 8.24234 8.36364 8.24234C8.96364 8.24234 9.55455 8.31271 10.1364 8.45343C10.7182 8.59452 11.2909 8.80598 11.8545 9.0878C12.1182 9.22416 12.3295 9.4218 12.4884 9.68071C12.6476 9.93998 12.7273 10.2242 12.7273 10.5333V11.5151C12.7273 11.6696 12.6749 11.7991 12.5702 11.9034C12.4658 12.0082 12.3364 12.0605 12.1818 12.0605H4.54545ZM13.5591 12.0605C13.6409 11.9969 13.7045 11.9173 13.75 11.8216C13.7955 11.7263 13.8182 11.6196 13.8182 11.5014V10.4242C13.8182 10.0242 13.7069 9.63998 13.4844 9.27162C13.2615 8.90362 12.9455 8.5878 12.5364 8.32416C13 8.37871 13.4364 8.4718 13.8455 8.60343C14.2545 8.73543 14.6364 8.89689 14.9909 9.0878C15.3182 9.26962 15.5682 9.4718 15.7409 9.69434C15.9136 9.91725 16 10.1605 16 10.4242V11.5151C16 11.6696 15.9476 11.7991 15.8429 11.9034C15.7385 12.0082 15.6091 12.0605 15.4545 12.0605H13.5591ZM8.36364 7.69689C7.76364 7.69689 7.25 7.48325 6.82273 7.05598C6.39545 6.62871 6.18182 6.11507 6.18182 5.51507C6.18182 4.91507 6.39545 4.40143 6.82273 3.97416C7.25 3.54689 7.76364 3.33325 8.36364 3.33325C8.96364 3.33325 9.47727 3.54689 9.90455 3.97416C10.3318 4.40143 10.5455 4.91507 10.5455 5.51507C10.5455 6.11507 10.3318 6.62871 9.90455 7.05598C9.47727 7.48325 8.96364 7.69689 8.36364 7.69689ZM13.8182 5.51507C13.8182 6.11507 13.6045 6.62871 13.1773 7.05598C12.75 7.48325 12.2364 7.69689 11.6364 7.69689C11.5364 7.69689 11.4091 7.68562 11.2545 7.66307C11.1 7.64016 10.9727 7.61507 10.8727 7.5878C11.1182 7.29689 11.3067 6.97416 11.4384 6.61962C11.5704 6.26507 11.6364 5.89689 11.6364 5.51507C11.6364 5.13325 11.5704 4.76507 11.4384 4.41052C11.3067 4.05598 11.1182 3.73325 10.8727 3.44234C11 3.39689 11.1273 3.36725 11.2545 3.35343C11.3818 3.33998 11.5091 3.33325 11.6364 3.33325C12.2364 3.33325 12.75 3.54689 13.1773 3.97416C13.6045 4.40143 13.8182 4.91507 13.8182 5.51507ZM5.09091 10.9696H11.6364V10.5333C11.6364 10.4333 11.6115 10.3423 11.5616 10.2605C11.5115 10.1787 11.4455 10.1151 11.3636 10.0696C10.8727 9.82416 10.3773 9.63998 9.87727 9.51707C9.37727 9.39453 8.87273 9.33325 8.36364 9.33325C7.85455 9.33325 7.35 9.39453 6.85 9.51707C6.35 9.63998 5.85455 9.82416 5.36364 10.0696C5.28182 10.1151 5.216 10.1787 5.16618 10.2605C5.116 10.3423 5.09091 10.4333 5.09091 10.5333V10.9696ZM8.36364 6.60598C8.66364 6.60598 8.92055 6.49907 9.13436 6.28525C9.34782 6.0718 9.45455 5.81507 9.45455 5.51507C9.45455 5.21507 9.34782 4.95834 9.13436 4.74489C8.92055 4.53107 8.66364 4.42416 8.36364 4.42416C8.06364 4.42416 7.80691 4.53107 7.59345 4.74489C7.37964 4.95834 7.27273 5.21507 7.27273 5.51507C7.27273 5.81507 7.37964 6.0718 7.59345 6.28525C7.80691 6.49907 8.06364 6.60598 8.36364 6.60598Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M4 12.9387C4 13.0442 4.01997 13.1488 4.06055 13.2463C4.10113 13.3437 4.1614 13.4317 4.23633 13.506C4.31125 13.5804 4.40029 13.639 4.49805 13.6789C4.5958 13.7187 4.70108 13.7392 4.80664 13.7385C4.91057 13.7385 5.01368 13.7175 5.10938 13.6769C5.20507 13.6364 5.29104 13.5768 5.36328 13.5021L7.43359 11.4328C7.58351 11.2828 7.66797 11.0785 7.66797 10.8664C7.66797 10.6543 7.58351 10.451 7.43359 10.301L5.36328 8.23162C5.251 8.1204 5.10825 8.04503 4.95312 8.01482C4.798 7.98462 4.63799 8.00072 4.49219 8.0617C4.34638 8.12268 4.22026 8.22498 4.13281 8.35662C4.04537 8.48827 3.99968 8.64292 4 8.80096V9.86834H1C0.734784 9.86834 0.480505 9.97377 0.292969 10.1613C0.105432 10.3488 0 10.6031 0 10.8683C0.00157426 11.1331 0.107726 11.3862 0.294922 11.5734C0.482118 11.7606 0.735269 11.8668 1 11.8683H4V12.9387Z", fill: "currentColor" }), h("path", { d: "M6.81818 18.0909C6.58636 18.0909 6.39218 18.0124 6.23564 17.8553C6.07855 17.6987 6 17.5045 6 17.2727V15.8C6 15.3364 6.11945 14.9101 6.35836 14.5212C6.59673 14.1328 6.91364 13.8364 7.30909 13.6318C8.15454 13.2091 9.01364 12.8919 9.88636 12.6803C10.7591 12.4692 11.6455 12.3636 12.5455 12.3636C13.4455 12.3636 14.3318 12.4692 15.2045 12.6803C16.0773 12.8919 16.9364 13.2091 17.7818 13.6318C18.1773 13.8364 18.4942 14.1328 18.7325 14.5212C18.9715 14.9101 19.0909 15.3364 19.0909 15.8V17.2727C19.0909 17.5045 19.0124 17.6987 18.8553 17.8553C18.6987 18.0124 18.5045 18.0909 18.2727 18.0909H6.81818ZM20.3386 18.0909C20.4614 17.9955 20.5568 17.876 20.625 17.7325C20.6932 17.5896 20.7273 17.4295 20.7273 17.2523V15.6364C20.7273 15.0364 20.5604 14.4601 20.2265 13.9075C19.8922 13.3555 19.4182 12.8818 18.8045 12.4864C19.5 12.5682 20.1545 12.7078 20.7682 12.9053C21.3818 13.1033 21.9545 13.3455 22.4864 13.6318C22.9773 13.9045 23.3523 14.2078 23.6114 14.5416C23.8705 14.876 24 15.2409 24 15.6364V17.2727C24 17.5045 23.9215 17.6987 23.7644 17.8553C23.6078 18.0124 23.4136 18.0909 23.1818 18.0909H20.3386ZM12.5455 11.5455C11.6455 11.5455 10.875 11.225 10.2341 10.5841C9.59318 9.94318 9.27273 9.17273 9.27273 8.27273C9.27273 7.37273 9.59318 6.60227 10.2341 5.96136C10.875 5.32045 11.6455 5 12.5455 5C13.4455 5 14.2159 5.32045 14.8568 5.96136C15.4977 6.60227 15.8182 7.37273 15.8182 8.27273C15.8182 9.17273 15.4977 9.94318 14.8568 10.5841C14.2159 11.225 13.4455 11.5455 12.5455 11.5455ZM20.7273 8.27273C20.7273 9.17273 20.4068 9.94318 19.7659 10.5841C19.125 11.225 18.3545 11.5455 17.4545 11.5455C17.3045 11.5455 17.1136 11.5285 16.8818 11.4947C16.65 11.4604 16.4591 11.4227 16.3091 11.3818C16.6773 10.9455 16.9601 10.4614 17.1575 9.92955C17.3555 9.39773 17.4545 8.84545 17.4545 8.27273C17.4545 7.7 17.3555 7.14773 17.1575 6.61591C16.9601 6.08409 16.6773 5.6 16.3091 5.16364C16.5 5.09545 16.6909 5.051 16.8818 5.03027C17.0727 5.01009 17.2636 5 17.4545 5C18.3545 5 19.125 5.32045 19.7659 5.96136C20.4068 6.60227 20.7273 7.37273 20.7273 8.27273ZM7.63636 16.4545H17.4545V15.8C17.4545 15.65 17.4172 15.5136 17.3425 15.3909C17.2672 15.2682 17.1682 15.1727 17.0455 15.1045C16.3091 14.7364 15.5659 14.4601 14.8159 14.2757C14.0659 14.0919 13.3091 14 12.5455 14C11.7818 14 11.025 14.0919 10.275 14.2757C9.525 14.4601 8.78182 14.7364 8.04545 15.1045C7.92273 15.1727 7.824 15.2682 7.74927 15.3909C7.674 15.5136 7.63636 15.65 7.63636 15.8V16.4545ZM12.5455 9.90909C12.9955 9.90909 13.3808 9.74873 13.7015 9.428C14.0217 9.10782 14.1818 8.72273 14.1818 8.27273C14.1818 7.82273 14.0217 7.43764 13.7015 7.11745C13.3808 6.79673 12.9955 6.63636 12.5455 6.63636C12.0955 6.63636 11.7104 6.79673 11.3902 7.11745C11.0695 7.43764 10.9091 7.82273 10.9091 8.27273C10.9091 8.72273 11.0695 9.10782 11.3902 9.428C11.7104 9.74873 12.0955 9.90909 12.5455 9.90909Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M4.66667 15.0951C4.66667 15.2182 4.68997 15.3402 4.7373 15.4539C4.78465 15.5676 4.85497 15.6702 4.94238 15.757C5.02979 15.8437 5.13367 15.9121 5.24772 15.9586C5.36177 16.0051 5.48459 16.029 5.60775 16.0281C5.729 16.0282 5.84929 16.0036 5.96094 15.9563C6.07258 15.909 6.17288 15.8396 6.25716 15.7524L8.67253 13.3382C8.84743 13.1632 8.94596 12.9248 8.94596 12.6774C8.94596 12.4299 8.84743 12.1927 8.67253 12.0177L6.25716 9.60348C6.12617 9.47372 5.95963 9.38578 5.77865 9.35055C5.59766 9.31531 5.41099 9.3341 5.24089 9.40524C5.07078 9.47637 4.92363 9.59572 4.82161 9.74931C4.71959 9.9029 4.66629 10.0833 4.66667 10.2677V11.513H1.16667C0.857247 11.513 0.560589 11.636 0.341797 11.8548C0.123004 12.0736 0 12.3702 0 12.6796C0.00183663 12.9885 0.12568 13.2838 0.344076 13.5022C0.562471 13.7206 0.857814 13.8445 1.16667 13.8463H4.66667V15.0951Z", fill: "currentColor" }), h("path", { d: "M7.95455 21.106C7.68409 21.106 7.45755 21.0143 7.27491 20.8311C7.09164 20.6484 7 20.4219 7 20.1514V18.4333C7 17.8923 7.13936 17.395 7.41809 16.9413C7.69618 16.4882 8.06591 16.1423 8.52727 15.9037C9.51364 15.4105 10.5159 15.0405 11.5341 14.7936C12.5523 14.5473 13.5864 14.4242 14.6364 14.4242C15.6864 14.4242 16.7205 14.5473 17.7386 14.7936C18.7568 15.0405 19.7591 15.4105 20.7455 15.9037C21.2068 16.1423 21.5765 16.4882 21.8546 16.9413C22.1334 17.395 22.2727 17.8923 22.2727 18.4333V20.1514C22.2727 20.4219 22.1811 20.6484 21.9978 20.8311C21.8152 21.0143 21.5886 21.106 21.3182 21.106H7.95455ZM23.7284 21.106C23.8716 20.9946 23.983 20.8553 24.0625 20.6879C24.142 20.5212 24.1818 20.3344 24.1818 20.1276V18.2423C24.1818 17.5423 23.9871 16.87 23.5976 16.2254C23.2075 15.5814 22.6545 15.0287 21.9386 14.5673C22.75 14.6628 23.5136 14.8257 24.2295 15.0561C24.9455 15.2871 25.6136 15.5696 26.2341 15.9037C26.8068 16.2219 27.2443 16.5757 27.5466 16.9652C27.8489 17.3553 28 17.781 28 18.2423V20.1514C28 20.4219 27.9084 20.6484 27.7251 20.8311C27.5425 21.0143 27.3159 21.106 27.0455 21.106H23.7284ZM14.6364 13.4696C13.5864 13.4696 12.6875 13.0958 11.9398 12.348C11.192 11.6003 10.8182 10.7014 10.8182 9.65143C10.8182 8.60143 11.192 7.70257 11.9398 6.95484C12.6875 6.20712 13.5864 5.83325 14.6364 5.83325C15.6864 5.83325 16.5852 6.20712 17.333 6.95484C18.0807 7.70257 18.4545 8.60143 18.4545 9.65143C18.4545 10.7014 18.0807 11.6003 17.333 12.348C16.5852 13.0958 15.6864 13.4696 14.6364 13.4696ZM24.1818 9.65143C24.1818 10.7014 23.808 11.6003 23.0602 12.348C22.3125 13.0958 21.4136 13.4696 20.3636 13.4696C20.1886 13.4696 19.9659 13.4499 19.6955 13.4104C19.425 13.3703 19.2023 13.3264 19.0273 13.2787C19.4568 12.7696 19.7868 12.2048 20.0171 11.5844C20.2481 10.9639 20.3636 10.3196 20.3636 9.65143C20.3636 8.98325 20.2481 8.33893 20.0171 7.71848C19.7868 7.09802 19.4568 6.53325 19.0273 6.02416C19.25 5.94462 19.4727 5.89275 19.6955 5.86857C19.9182 5.84502 20.1409 5.83325 20.3636 5.83325C21.4136 5.83325 22.3125 6.20712 23.0602 6.95484C23.808 7.70257 24.1818 8.60143 24.1818 9.65143ZM8.90909 19.1969H20.3636V18.4333C20.3636 18.2583 20.32 18.0992 20.2329 17.956C20.145 17.8128 20.0295 17.7014 19.8864 17.6219C19.0273 17.1923 18.1602 16.87 17.2852 16.6549C16.4102 16.4405 15.5273 16.3333 14.6364 16.3333C13.7455 16.3333 12.8625 16.4405 11.9875 16.6549C11.1125 16.87 10.2455 17.1923 9.38636 17.6219C9.24318 17.7014 9.128 17.8128 9.04082 17.956C8.953 18.0992 8.90909 18.2583 8.90909 18.4333V19.1969ZM14.6364 11.5605C15.1614 11.5605 15.611 11.3734 15.9851 10.9993C16.3587 10.6257 16.5455 10.1764 16.5455 9.65143C16.5455 9.12643 16.3587 8.67716 15.9851 8.30362C15.611 7.92943 15.1614 7.74234 14.6364 7.74234C14.1114 7.74234 13.6621 7.92943 13.2885 8.30362C12.9144 8.67716 12.7273 9.12643 12.7273 9.65143C12.7273 10.1764 12.9144 10.6257 13.2885 10.9993C13.6621 11.3734 14.1114 11.5605 14.6364 11.5605Z", 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 {
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "SwirlIconColor",
-          "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
-          "references": {
-            "SwirlIconColor": {
-              "location": "import",
-              "path": "../swirl-icon"
+    constructor() {
+        this.color = undefined;
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '976f5d9d7f52ef3309a5bbc87294028f739e74cc', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '58ee53b7372044bdb5ea071d9689c1b1465616b1' }, h("path", { key: 'ffce4619d949635105e2bfe3310bdf1bde50321f', d: "M2.66667 8.62572C2.66667 8.69608 2.67998 8.76581 2.70703 8.83077C2.73408 8.89573 2.77427 8.95437 2.82422 9.00394C2.87417 9.05352 2.93353 9.09261 2.9987 9.11918C3.06387 9.14574 3.13405 9.15942 3.20443 9.15889C3.27372 9.15894 3.34245 9.14491 3.40625 9.11787C3.47005 9.09084 3.52736 9.05115 3.57552 9.00134L4.95573 7.62178C5.05567 7.52177 5.11198 7.38556 5.11198 7.24418C5.11198 7.10279 5.05567 6.96723 4.95573 6.86722L3.57552 5.48767C3.50067 5.41352 3.4055 5.36327 3.30208 5.34314C3.19866 5.323 3.092 5.33373 2.99479 5.37439C2.89759 5.41504 2.81351 5.48324 2.75521 5.571C2.69691 5.65876 2.66645 5.76186 2.66667 5.86722V6.57881H0.666667C0.489856 6.57881 0.320337 6.6491 0.195312 6.77412C0.0702883 6.89915 0 7.06867 0 7.24548C0.00104951 7.42197 0.0718171 7.59073 0.196615 7.71553C0.321412 7.84033 0.49018 7.9111 0.666667 7.91215H2.66667V8.62572Z", fill: "currentColor" }), h("path", { key: 'ad49b6e28c2e9fae431a2dc6019bcedbd89ab22e', d: "M4.54545 12.0605C4.39091 12.0605 4.26145 12.0082 4.15709 11.9034C4.05236 11.7991 4 11.6696 4 11.5151V10.5333C4 10.2242 4.07964 9.93998 4.23891 9.68071C4.39782 9.4218 4.60909 9.22416 4.87273 9.0878C5.43636 8.80598 6.00909 8.59452 6.59091 8.45343C7.17273 8.31271 7.76364 8.24234 8.36364 8.24234C8.96364 8.24234 9.55455 8.31271 10.1364 8.45343C10.7182 8.59452 11.2909 8.80598 11.8545 9.0878C12.1182 9.22416 12.3295 9.4218 12.4884 9.68071C12.6476 9.93998 12.7273 10.2242 12.7273 10.5333V11.5151C12.7273 11.6696 12.6749 11.7991 12.5702 11.9034C12.4658 12.0082 12.3364 12.0605 12.1818 12.0605H4.54545ZM13.5591 12.0605C13.6409 11.9969 13.7045 11.9173 13.75 11.8216C13.7955 11.7263 13.8182 11.6196 13.8182 11.5014V10.4242C13.8182 10.0242 13.7069 9.63998 13.4844 9.27162C13.2615 8.90362 12.9455 8.5878 12.5364 8.32416C13 8.37871 13.4364 8.4718 13.8455 8.60343C14.2545 8.73543 14.6364 8.89689 14.9909 9.0878C15.3182 9.26962 15.5682 9.4718 15.7409 9.69434C15.9136 9.91725 16 10.1605 16 10.4242V11.5151C16 11.6696 15.9476 11.7991 15.8429 11.9034C15.7385 12.0082 15.6091 12.0605 15.4545 12.0605H13.5591ZM8.36364 7.69689C7.76364 7.69689 7.25 7.48325 6.82273 7.05598C6.39545 6.62871 6.18182 6.11507 6.18182 5.51507C6.18182 4.91507 6.39545 4.40143 6.82273 3.97416C7.25 3.54689 7.76364 3.33325 8.36364 3.33325C8.96364 3.33325 9.47727 3.54689 9.90455 3.97416C10.3318 4.40143 10.5455 4.91507 10.5455 5.51507C10.5455 6.11507 10.3318 6.62871 9.90455 7.05598C9.47727 7.48325 8.96364 7.69689 8.36364 7.69689ZM13.8182 5.51507C13.8182 6.11507 13.6045 6.62871 13.1773 7.05598C12.75 7.48325 12.2364 7.69689 11.6364 7.69689C11.5364 7.69689 11.4091 7.68562 11.2545 7.66307C11.1 7.64016 10.9727 7.61507 10.8727 7.5878C11.1182 7.29689 11.3067 6.97416 11.4384 6.61962C11.5704 6.26507 11.6364 5.89689 11.6364 5.51507C11.6364 5.13325 11.5704 4.76507 11.4384 4.41052C11.3067 4.05598 11.1182 3.73325 10.8727 3.44234C11 3.39689 11.1273 3.36725 11.2545 3.35343C11.3818 3.33998 11.5091 3.33325 11.6364 3.33325C12.2364 3.33325 12.75 3.54689 13.1773 3.97416C13.6045 4.40143 13.8182 4.91507 13.8182 5.51507ZM5.09091 10.9696H11.6364V10.5333C11.6364 10.4333 11.6115 10.3423 11.5616 10.2605C11.5115 10.1787 11.4455 10.1151 11.3636 10.0696C10.8727 9.82416 10.3773 9.63998 9.87727 9.51707C9.37727 9.39453 8.87273 9.33325 8.36364 9.33325C7.85455 9.33325 7.35 9.39453 6.85 9.51707C6.35 9.63998 5.85455 9.82416 5.36364 10.0696C5.28182 10.1151 5.216 10.1787 5.16618 10.2605C5.116 10.3423 5.09091 10.4333 5.09091 10.5333V10.9696ZM8.36364 6.60598C8.66364 6.60598 8.92055 6.49907 9.13436 6.28525C9.34782 6.0718 9.45455 5.81507 9.45455 5.51507C9.45455 5.21507 9.34782 4.95834 9.13436 4.74489C8.92055 4.53107 8.66364 4.42416 8.36364 4.42416C8.06364 4.42416 7.80691 4.53107 7.59345 4.74489C7.37964 4.95834 7.27273 5.21507 7.27273 5.51507C7.27273 5.81507 7.37964 6.0718 7.59345 6.28525C7.80691 6.49907 8.06364 6.60598 8.36364 6.60598Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'dd4e3b30259205184fd36ea21179f6935a19a402' }, h("path", { key: '61e52f46013921efe9d1fff52f6997d8b75b236c', d: "M4 12.9387C4 13.0442 4.01997 13.1488 4.06055 13.2463C4.10113 13.3437 4.1614 13.4317 4.23633 13.506C4.31125 13.5804 4.40029 13.639 4.49805 13.6789C4.5958 13.7187 4.70108 13.7392 4.80664 13.7385C4.91057 13.7385 5.01368 13.7175 5.10938 13.6769C5.20507 13.6364 5.29104 13.5768 5.36328 13.5021L7.43359 11.4328C7.58351 11.2828 7.66797 11.0785 7.66797 10.8664C7.66797 10.6543 7.58351 10.451 7.43359 10.301L5.36328 8.23162C5.251 8.1204 5.10825 8.04503 4.95312 8.01482C4.798 7.98462 4.63799 8.00072 4.49219 8.0617C4.34638 8.12268 4.22026 8.22498 4.13281 8.35662C4.04537 8.48827 3.99968 8.64292 4 8.80096V9.86834H1C0.734784 9.86834 0.480505 9.97377 0.292969 10.1613C0.105432 10.3488 0 10.6031 0 10.8683C0.00157426 11.1331 0.107726 11.3862 0.294922 11.5734C0.482118 11.7606 0.735269 11.8668 1 11.8683H4V12.9387Z", fill: "currentColor" }), h("path", { key: 'a3b3d9759cc446880c54dec5b00d5d3cf430b7e2', d: "M6.81818 18.0909C6.58636 18.0909 6.39218 18.0124 6.23564 17.8553C6.07855 17.6987 6 17.5045 6 17.2727V15.8C6 15.3364 6.11945 14.9101 6.35836 14.5212C6.59673 14.1328 6.91364 13.8364 7.30909 13.6318C8.15454 13.2091 9.01364 12.8919 9.88636 12.6803C10.7591 12.4692 11.6455 12.3636 12.5455 12.3636C13.4455 12.3636 14.3318 12.4692 15.2045 12.6803C16.0773 12.8919 16.9364 13.2091 17.7818 13.6318C18.1773 13.8364 18.4942 14.1328 18.7325 14.5212C18.9715 14.9101 19.0909 15.3364 19.0909 15.8V17.2727C19.0909 17.5045 19.0124 17.6987 18.8553 17.8553C18.6987 18.0124 18.5045 18.0909 18.2727 18.0909H6.81818ZM20.3386 18.0909C20.4614 17.9955 20.5568 17.876 20.625 17.7325C20.6932 17.5896 20.7273 17.4295 20.7273 17.2523V15.6364C20.7273 15.0364 20.5604 14.4601 20.2265 13.9075C19.8922 13.3555 19.4182 12.8818 18.8045 12.4864C19.5 12.5682 20.1545 12.7078 20.7682 12.9053C21.3818 13.1033 21.9545 13.3455 22.4864 13.6318C22.9773 13.9045 23.3523 14.2078 23.6114 14.5416C23.8705 14.876 24 15.2409 24 15.6364V17.2727C24 17.5045 23.9215 17.6987 23.7644 17.8553C23.6078 18.0124 23.4136 18.0909 23.1818 18.0909H20.3386ZM12.5455 11.5455C11.6455 11.5455 10.875 11.225 10.2341 10.5841C9.59318 9.94318 9.27273 9.17273 9.27273 8.27273C9.27273 7.37273 9.59318 6.60227 10.2341 5.96136C10.875 5.32045 11.6455 5 12.5455 5C13.4455 5 14.2159 5.32045 14.8568 5.96136C15.4977 6.60227 15.8182 7.37273 15.8182 8.27273C15.8182 9.17273 15.4977 9.94318 14.8568 10.5841C14.2159 11.225 13.4455 11.5455 12.5455 11.5455ZM20.7273 8.27273C20.7273 9.17273 20.4068 9.94318 19.7659 10.5841C19.125 11.225 18.3545 11.5455 17.4545 11.5455C17.3045 11.5455 17.1136 11.5285 16.8818 11.4947C16.65 11.4604 16.4591 11.4227 16.3091 11.3818C16.6773 10.9455 16.9601 10.4614 17.1575 9.92955C17.3555 9.39773 17.4545 8.84545 17.4545 8.27273C17.4545 7.7 17.3555 7.14773 17.1575 6.61591C16.9601 6.08409 16.6773 5.6 16.3091 5.16364C16.5 5.09545 16.6909 5.051 16.8818 5.03027C17.0727 5.01009 17.2636 5 17.4545 5C18.3545 5 19.125 5.32045 19.7659 5.96136C20.4068 6.60227 20.7273 7.37273 20.7273 8.27273ZM7.63636 16.4545H17.4545V15.8C17.4545 15.65 17.4172 15.5136 17.3425 15.3909C17.2672 15.2682 17.1682 15.1727 17.0455 15.1045C16.3091 14.7364 15.5659 14.4601 14.8159 14.2757C14.0659 14.0919 13.3091 14 12.5455 14C11.7818 14 11.025 14.0919 10.275 14.2757C9.525 14.4601 8.78182 14.7364 8.04545 15.1045C7.92273 15.1727 7.824 15.2682 7.74927 15.3909C7.674 15.5136 7.63636 15.65 7.63636 15.8V16.4545ZM12.5455 9.90909C12.9955 9.90909 13.3808 9.74873 13.7015 9.428C14.0217 9.10782 14.1818 8.72273 14.1818 8.27273C14.1818 7.82273 14.0217 7.43764 13.7015 7.11745C13.3808 6.79673 12.9955 6.63636 12.5455 6.63636C12.0955 6.63636 11.7104 6.79673 11.3902 7.11745C11.0695 7.43764 10.9091 7.82273 10.9091 8.27273C10.9091 8.72273 11.0695 9.10782 11.3902 9.428C11.7104 9.74873 12.0955 9.90909 12.5455 9.90909Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ed01824afc023bb5a475e4721f98b5bafd68342d' }, h("path", { key: 'e9d39fc7f4bb50499cbb703af464c786788a0424', d: "M4.66667 15.0951C4.66667 15.2182 4.68997 15.3402 4.7373 15.4539C4.78465 15.5676 4.85497 15.6702 4.94238 15.757C5.02979 15.8437 5.13367 15.9121 5.24772 15.9586C5.36177 16.0051 5.48459 16.029 5.60775 16.0281C5.729 16.0282 5.84929 16.0036 5.96094 15.9563C6.07258 15.909 6.17288 15.8396 6.25716 15.7524L8.67253 13.3382C8.84743 13.1632 8.94596 12.9248 8.94596 12.6774C8.94596 12.4299 8.84743 12.1927 8.67253 12.0177L6.25716 9.60348C6.12617 9.47372 5.95963 9.38578 5.77865 9.35055C5.59766 9.31531 5.41099 9.3341 5.24089 9.40524C5.07078 9.47637 4.92363 9.59572 4.82161 9.74931C4.71959 9.9029 4.66629 10.0833 4.66667 10.2677V11.513H1.16667C0.857247 11.513 0.560589 11.636 0.341797 11.8548C0.123004 12.0736 0 12.3702 0 12.6796C0.00183663 12.9885 0.12568 13.2838 0.344076 13.5022C0.562471 13.7206 0.857814 13.8445 1.16667 13.8463H4.66667V15.0951Z", fill: "currentColor" }), h("path", { key: '2b9d6d24d0f57b5fd9874cc9135b0506b2edfb77', d: "M7.95455 21.106C7.68409 21.106 7.45755 21.0143 7.27491 20.8311C7.09164 20.6484 7 20.4219 7 20.1514V18.4333C7 17.8923 7.13936 17.395 7.41809 16.9413C7.69618 16.4882 8.06591 16.1423 8.52727 15.9037C9.51364 15.4105 10.5159 15.0405 11.5341 14.7936C12.5523 14.5473 13.5864 14.4242 14.6364 14.4242C15.6864 14.4242 16.7205 14.5473 17.7386 14.7936C18.7568 15.0405 19.7591 15.4105 20.7455 15.9037C21.2068 16.1423 21.5765 16.4882 21.8546 16.9413C22.1334 17.395 22.2727 17.8923 22.2727 18.4333V20.1514C22.2727 20.4219 22.1811 20.6484 21.9978 20.8311C21.8152 21.0143 21.5886 21.106 21.3182 21.106H7.95455ZM23.7284 21.106C23.8716 20.9946 23.983 20.8553 24.0625 20.6879C24.142 20.5212 24.1818 20.3344 24.1818 20.1276V18.2423C24.1818 17.5423 23.9871 16.87 23.5976 16.2254C23.2075 15.5814 22.6545 15.0287 21.9386 14.5673C22.75 14.6628 23.5136 14.8257 24.2295 15.0561C24.9455 15.2871 25.6136 15.5696 26.2341 15.9037C26.8068 16.2219 27.2443 16.5757 27.5466 16.9652C27.8489 17.3553 28 17.781 28 18.2423V20.1514C28 20.4219 27.9084 20.6484 27.7251 20.8311C27.5425 21.0143 27.3159 21.106 27.0455 21.106H23.7284ZM14.6364 13.4696C13.5864 13.4696 12.6875 13.0958 11.9398 12.348C11.192 11.6003 10.8182 10.7014 10.8182 9.65143C10.8182 8.60143 11.192 7.70257 11.9398 6.95484C12.6875 6.20712 13.5864 5.83325 14.6364 5.83325C15.6864 5.83325 16.5852 6.20712 17.333 6.95484C18.0807 7.70257 18.4545 8.60143 18.4545 9.65143C18.4545 10.7014 18.0807 11.6003 17.333 12.348C16.5852 13.0958 15.6864 13.4696 14.6364 13.4696ZM24.1818 9.65143C24.1818 10.7014 23.808 11.6003 23.0602 12.348C22.3125 13.0958 21.4136 13.4696 20.3636 13.4696C20.1886 13.4696 19.9659 13.4499 19.6955 13.4104C19.425 13.3703 19.2023 13.3264 19.0273 13.2787C19.4568 12.7696 19.7868 12.2048 20.0171 11.5844C20.2481 10.9639 20.3636 10.3196 20.3636 9.65143C20.3636 8.98325 20.2481 8.33893 20.0171 7.71848C19.7868 7.09802 19.4568 6.53325 19.0273 6.02416C19.25 5.94462 19.4727 5.89275 19.6955 5.86857C19.9182 5.84502 20.1409 5.83325 20.3636 5.83325C21.4136 5.83325 22.3125 6.20712 23.0602 6.95484C23.808 7.70257 24.1818 8.60143 24.1818 9.65143ZM8.90909 19.1969H20.3636V18.4333C20.3636 18.2583 20.32 18.0992 20.2329 17.956C20.145 17.8128 20.0295 17.7014 19.8864 17.6219C19.0273 17.1923 18.1602 16.87 17.2852 16.6549C16.4102 16.4405 15.5273 16.3333 14.6364 16.3333C13.7455 16.3333 12.8625 16.4405 11.9875 16.6549C11.1125 16.87 10.2455 17.1923 9.38636 17.6219C9.24318 17.7014 9.128 17.8128 9.04082 17.956C8.953 18.0992 8.90909 18.2583 8.90909 18.4333V19.1969ZM14.6364 11.5605C15.1614 11.5605 15.611 11.3734 15.9851 10.9993C16.3587 10.6257 16.5455 10.1764 16.5455 9.65143C16.5455 9.12643 16.3587 8.67716 15.9851 8.30362C15.611 7.92943 15.1614 7.74234 14.6364 7.74234C14.1114 7.74234 13.6621 7.92943 13.2885 8.30362C12.9144 8.67716 12.7273 9.12643 12.7273 9.65143C12.7273 10.1764 12.9144 10.6257 13.2885 10.9993C13.6621 11.3734 14.1114 11.5605 14.6364 11.5605Z", 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 {
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "color",
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "24"
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false
-      },
-      "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

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconGroupsFilled {
-  constructor() {
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, 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.30638 7.87161C5.34343 8.2738 4.66671 9.22454 4.66671 10.3333V11.6667C4.66671 12.403 5.26366 13 6.00004 13H10C10.7364 13 11.3334 12.403 11.3334 11.6667V10.3333C11.3334 9.22454 10.6567 8.2738 9.6937 7.87161C9.37761 7.73958 9.03067 7.66667 8.66671 7.66667H7.33337C6.96941 7.66667 6.62247 7.73958 6.30638 7.87161ZM6.57652 6.40484C6.78698 6.61808 7.045 6.78427 7.33337 6.8862C7.54189 6.9599 7.76628 7 8.00004 7C8.2338 7 8.45819 6.9599 8.66671 6.8862C8.95508 6.78427 9.21311 6.61808 9.42357 6.40484C9.78002 6.04367 10 5.54753 10 5C10 3.89543 9.10461 3 8.00004 3C6.89547 3 6.00004 3.89543 6.00004 5C6.00004 5.54753 6.22006 6.04367 6.57652 6.40484Z", fill: "currentColor" }), h("path", { d: "M14.6667 11C14.6667 11.5523 14.219 12 13.6667 12H12.3334V10.3807C12.3334 9.49666 11.9822 8.64881 11.3571 8.02369L11.3334 8H12.6667C13.7713 8 14.6667 8.89543 14.6667 10V11Z", fill: "currentColor" }), h("path", { d: "M10.8334 5.83333C10.8334 6.47767 11.3557 7 12 7C12.6444 7 13.1667 6.47767 13.1667 5.83333C13.1667 5.189 12.6444 4.66667 12 4.66667C11.3557 4.66667 10.8334 5.189 10.8334 5.83333Z", fill: "currentColor" }), h("path", { d: "M1.33337 11C1.33337 11.5523 1.78109 12 2.33337 12H3.66671V10.3807C3.66671 9.49666 4.0179 8.64881 4.64302 8.02369L4.66671 8H3.33337C2.2288 8 1.33337 8.89543 1.33337 10V11Z", fill: "currentColor" }), h("path", { d: "M2.83337 5.83333C2.83337 6.47767 3.35571 7 4.00004 7C4.64437 7 5.16671 6.47767 5.16671 5.83333C5.16671 5.189 4.64437 4.66667 4.00004 4.66667C3.35571 4.66667 2.83337 5.189 2.83337 5.83333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9.45951 11.8074C8.01508 12.4107 7 13.8368 7 15.5V17.5C7 18.6046 7.89543 19.5 9 19.5H15C16.1046 19.5 17 18.6046 17 17.5V15.5C17 13.8368 15.9849 12.4107 14.5405 11.8074C14.0664 11.6094 13.5459 11.5 13 11.5H11C10.4541 11.5 9.93365 11.6094 9.45951 11.8074ZM9.86471 9.60726C10.1804 9.92712 10.5674 10.1764 11 10.3293C11.3128 10.4398 11.6494 10.5 12 10.5C12.3506 10.5 12.6872 10.4398 13 10.3293C13.4326 10.1764 13.8196 9.92712 14.1353 9.60726C14.67 9.06551 15 8.3213 15 7.5C15 5.84315 13.6569 4.5 12 4.5C10.3431 4.5 9 5.84315 9 7.5C9 8.3213 9.33003 9.06551 9.86471 9.60726Z", fill: "currentColor" }), h("path", { d: "M22 16.5C22 17.3284 21.3284 18 20.5 18H18.5V15.5711C18.5 14.245 17.9732 12.9732 17.0355 12.0355L17 12H19C20.6569 12 22 13.3431 22 15V16.5Z", fill: "currentColor" }), h("path", { d: "M16.25 8.75C16.25 9.7165 17.0335 10.5 18 10.5C18.9665 10.5 19.75 9.7165 19.75 8.75C19.75 7.7835 18.9665 7 18 7C17.0335 7 16.25 7.7835 16.25 8.75Z", fill: "currentColor" }), h("path", { d: "M2 16.5C2 17.3284 2.67157 18 3.5 18H5.5V15.5711C5.5 14.245 6.02678 12.9732 6.96447 12.0355L7 12H5C3.34315 12 2 13.3431 2 15V16.5Z", fill: "currentColor" }), h("path", { d: "M4.25 8.75C4.25 9.7165 5.0335 10.5 6 10.5C6.9665 10.5 7.75 9.7165 7.75 8.75C7.75 7.7835 6.9665 7 6 7C5.0335 7 4.25 7.7835 4.25 8.75Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M11.0361 13.7753C9.35096 14.4792 8.16671 16.1429 8.16671 18.0833V20.4167C8.16671 21.7053 9.21138 22.75 10.5 22.75H17.5C18.7887 22.75 19.8334 21.7053 19.8334 20.4167V18.0833C19.8334 16.1429 18.6491 14.4792 16.9639 13.7753C16.4108 13.5443 15.8036 13.4167 15.1667 13.4167H12.8334C12.1964 13.4167 11.5893 13.5443 11.0361 13.7753ZM11.5089 11.2085C11.8772 11.5816 12.3287 11.8725 12.8334 12.0508C13.1983 12.1798 13.591 12.25 14 12.25C14.4091 12.25 14.8018 12.1798 15.1667 12.0508C15.6714 11.8725 16.1229 11.5816 16.4912 11.2085C17.115 10.5764 17.5 9.70818 17.5 8.75C17.5 6.817 15.933 5.25 14 5.25C12.067 5.25 10.5 6.817 10.5 8.75C10.5 9.70818 10.8851 10.5764 11.5089 11.2085Z", fill: "currentColor" }), h("path", { d: "M25.6667 19.25C25.6667 20.2165 24.8832 21 23.9167 21H21.5834V18.1662C21.5834 16.6191 20.9688 15.1354 19.8748 14.0415L19.8334 14H22.1667C24.0997 14 25.6667 15.567 25.6667 17.5V19.25Z", fill: "currentColor" }), h("path", { d: "M18.9584 10.2083C18.9584 11.3359 19.8725 12.25 21 12.25C22.1276 12.25 23.0417 11.3359 23.0417 10.2083C23.0417 9.08075 22.1276 8.16667 21 8.16667C19.8725 8.16667 18.9584 9.08075 18.9584 10.2083Z", fill: "currentColor" }), h("path", { d: "M2.33337 19.25C2.33337 20.2165 3.11688 21 4.08337 21H6.41671V18.1662C6.41671 16.6191 7.03129 15.1354 8.12525 14.0415L8.16671 14H5.83337C3.90038 14 2.33337 15.567 2.33337 17.5V19.25Z", fill: "currentColor" }), h("path", { d: "M4.95837 10.2083C4.95837 11.3359 5.87246 12.25 7.00004 12.25C8.12762 12.25 9.04171 11.3359 9.04171 10.2083C9.04171 9.08075 8.12762 8.16667 7.00004 8.16667C5.87246 8.16667 4.95837 9.08075 4.95837 10.2083Z", 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 {
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "SwirlIconColor",
-          "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
-          "references": {
-            "SwirlIconColor": {
-              "location": "import",
-              "path": "../swirl-icon"
+    constructor() {
+        this.color = undefined;
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'a9d0eaf4ac6a2b44e5580f0404afa54582860167', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '385ae31a6b8f7cf229ed160f200c19bd562262f4' }, h("path", { key: 'e594dc89264258cd6d5818e8fb6be7b7eaa819c0', d: "M6.30638 7.87161C5.34343 8.2738 4.66671 9.22454 4.66671 10.3333V11.6667C4.66671 12.403 5.26366 13 6.00004 13H10C10.7364 13 11.3334 12.403 11.3334 11.6667V10.3333C11.3334 9.22454 10.6567 8.2738 9.6937 7.87161C9.37761 7.73958 9.03067 7.66667 8.66671 7.66667H7.33337C6.96941 7.66667 6.62247 7.73958 6.30638 7.87161ZM6.57652 6.40484C6.78698 6.61808 7.045 6.78427 7.33337 6.8862C7.54189 6.9599 7.76628 7 8.00004 7C8.2338 7 8.45819 6.9599 8.66671 6.8862C8.95508 6.78427 9.21311 6.61808 9.42357 6.40484C9.78002 6.04367 10 5.54753 10 5C10 3.89543 9.10461 3 8.00004 3C6.89547 3 6.00004 3.89543 6.00004 5C6.00004 5.54753 6.22006 6.04367 6.57652 6.40484Z", fill: "currentColor" }), h("path", { key: '268631a5638f0b771add4f0ac5de7ef36c55158f', d: "M14.6667 11C14.6667 11.5523 14.219 12 13.6667 12H12.3334V10.3807C12.3334 9.49666 11.9822 8.64881 11.3571 8.02369L11.3334 8H12.6667C13.7713 8 14.6667 8.89543 14.6667 10V11Z", fill: "currentColor" }), h("path", { key: '92fe50389125701ac7cc3b2ebac7f2ccce45fc50', d: "M10.8334 5.83333C10.8334 6.47767 11.3557 7 12 7C12.6444 7 13.1667 6.47767 13.1667 5.83333C13.1667 5.189 12.6444 4.66667 12 4.66667C11.3557 4.66667 10.8334 5.189 10.8334 5.83333Z", fill: "currentColor" }), h("path", { key: 'feac979ceb145f608d9d10d305cdc3cf188fb020', d: "M1.33337 11C1.33337 11.5523 1.78109 12 2.33337 12H3.66671V10.3807C3.66671 9.49666 4.0179 8.64881 4.64302 8.02369L4.66671 8H3.33337C2.2288 8 1.33337 8.89543 1.33337 10V11Z", fill: "currentColor" }), h("path", { key: 'b166a38bb1258b7f1f78964a5e5ed00c64e73e61', d: "M2.83337 5.83333C2.83337 6.47767 3.35571 7 4.00004 7C4.64437 7 5.16671 6.47767 5.16671 5.83333C5.16671 5.189 4.64437 4.66667 4.00004 4.66667C3.35571 4.66667 2.83337 5.189 2.83337 5.83333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b05eeb48a0af1e62c3d9fc4d476118bbc1310c13' }, h("path", { key: '207e7c99d021c1d5086741d0fae69beec24b1a14', d: "M9.45951 11.8074C8.01508 12.4107 7 13.8368 7 15.5V17.5C7 18.6046 7.89543 19.5 9 19.5H15C16.1046 19.5 17 18.6046 17 17.5V15.5C17 13.8368 15.9849 12.4107 14.5405 11.8074C14.0664 11.6094 13.5459 11.5 13 11.5H11C10.4541 11.5 9.93365 11.6094 9.45951 11.8074ZM9.86471 9.60726C10.1804 9.92712 10.5674 10.1764 11 10.3293C11.3128 10.4398 11.6494 10.5 12 10.5C12.3506 10.5 12.6872 10.4398 13 10.3293C13.4326 10.1764 13.8196 9.92712 14.1353 9.60726C14.67 9.06551 15 8.3213 15 7.5C15 5.84315 13.6569 4.5 12 4.5C10.3431 4.5 9 5.84315 9 7.5C9 8.3213 9.33003 9.06551 9.86471 9.60726Z", fill: "currentColor" }), h("path", { key: '0b76340910df6fe45cc34c67f01fdc3573f6b84d', d: "M22 16.5C22 17.3284 21.3284 18 20.5 18H18.5V15.5711C18.5 14.245 17.9732 12.9732 17.0355 12.0355L17 12H19C20.6569 12 22 13.3431 22 15V16.5Z", fill: "currentColor" }), h("path", { key: '261b864c00ebd4edd17bf2c95bf939c369620c98', d: "M16.25 8.75C16.25 9.7165 17.0335 10.5 18 10.5C18.9665 10.5 19.75 9.7165 19.75 8.75C19.75 7.7835 18.9665 7 18 7C17.0335 7 16.25 7.7835 16.25 8.75Z", fill: "currentColor" }), h("path", { key: 'b3d7f59dc05c976bf5b2b0236db3df3ea332b3fe', d: "M2 16.5C2 17.3284 2.67157 18 3.5 18H5.5V15.5711C5.5 14.245 6.02678 12.9732 6.96447 12.0355L7 12H5C3.34315 12 2 13.3431 2 15V16.5Z", fill: "currentColor" }), h("path", { key: 'fc70314238ec3af1cdb72428004c17bfdb3ad72c', d: "M4.25 8.75C4.25 9.7165 5.0335 10.5 6 10.5C6.9665 10.5 7.75 9.7165 7.75 8.75C7.75 7.7835 6.9665 7 6 7C5.0335 7 4.25 7.7835 4.25 8.75Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e7bf4bace535609561c1fd166d55b915ab109a9f' }, h("path", { key: '0e6e57e032a118b24b30b31cb2438ccfc5b05af9', d: "M11.0361 13.7753C9.35096 14.4792 8.16671 16.1429 8.16671 18.0833V20.4167C8.16671 21.7053 9.21138 22.75 10.5 22.75H17.5C18.7887 22.75 19.8334 21.7053 19.8334 20.4167V18.0833C19.8334 16.1429 18.6491 14.4792 16.9639 13.7753C16.4108 13.5443 15.8036 13.4167 15.1667 13.4167H12.8334C12.1964 13.4167 11.5893 13.5443 11.0361 13.7753ZM11.5089 11.2085C11.8772 11.5816 12.3287 11.8725 12.8334 12.0508C13.1983 12.1798 13.591 12.25 14 12.25C14.4091 12.25 14.8018 12.1798 15.1667 12.0508C15.6714 11.8725 16.1229 11.5816 16.4912 11.2085C17.115 10.5764 17.5 9.70818 17.5 8.75C17.5 6.817 15.933 5.25 14 5.25C12.067 5.25 10.5 6.817 10.5 8.75C10.5 9.70818 10.8851 10.5764 11.5089 11.2085Z", fill: "currentColor" }), h("path", { key: '6b916f359024a0a7787c26f82d9cfde7487654ea', d: "M25.6667 19.25C25.6667 20.2165 24.8832 21 23.9167 21H21.5834V18.1662C21.5834 16.6191 20.9688 15.1354 19.8748 14.0415L19.8334 14H22.1667C24.0997 14 25.6667 15.567 25.6667 17.5V19.25Z", fill: "currentColor" }), h("path", { key: 'dec9fe5c7ad4e555f1d51698dbf37e8448d2ea39', d: "M18.9584 10.2083C18.9584 11.3359 19.8725 12.25 21 12.25C22.1276 12.25 23.0417 11.3359 23.0417 10.2083C23.0417 9.08075 22.1276 8.16667 21 8.16667C19.8725 8.16667 18.9584 9.08075 18.9584 10.2083Z", fill: "currentColor" }), h("path", { key: 'b3e068712b719ff9a9d94e7672e558574eac3360', d: "M2.33337 19.25C2.33337 20.2165 3.11688 21 4.08337 21H6.41671V18.1662C6.41671 16.6191 7.03129 15.1354 8.12525 14.0415L8.16671 14H5.83337C3.90038 14 2.33337 15.567 2.33337 17.5V19.25Z", fill: "currentColor" }), h("path", { key: '21abf4dcf4f2b1c35330e02a5608a79c32456d9a', d: "M4.95837 10.2083C4.95837 11.3359 5.87246 12.25 7.00004 12.25C8.12762 12.25 9.04171 11.3359 9.04171 10.2083C9.04171 9.08075 8.12762 8.16667 7.00004 8.16667C5.87246 8.16667 4.95837 9.08075 4.95837 10.2083Z", 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 {
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "color",
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "24"
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false
-      },
-      "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"
-      }
-    };
-  }
+        };
+    }
 }