@getflip/swirl-components 0.197.1 → 0.199.0

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

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconPoll {
-  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: "M13.3333 2.66659V5.99992H2.66665V2.66659H13.3333ZM2.66665 1.33325C1.93027 1.33325 1.33331 1.93021 1.33331 2.66659V5.99992C1.33331 6.7363 1.93027 7.33325 2.66665 7.33325H13.3333C14.0697 7.33325 14.6666 6.7363 14.6666 5.99992V2.66659C14.6666 1.93021 14.0697 1.33325 13.3333 1.33325H2.66665Z", fill: "currentColor" }), h("path", { d: "M10.6666 9.99992V13.3333H2.66665V9.99992H10.6666ZM2.66665 8.66658C1.93027 8.66658 1.33331 9.26354 1.33331 9.99992V13.3333C1.33331 14.0696 1.93027 14.6666 2.66665 14.6666H10.6666C11.403 14.6666 12 14.0696 12 13.3333V9.99992C12 9.26354 11.403 8.66658 10.6666 8.66658H2.66665Z", fill: "currentColor" }), h("path", { d: "M3.33331 11.6666C3.33331 11.1143 3.78103 10.6666 4.33331 10.6666C4.8856 10.6666 5.33331 11.1143 5.33331 11.6666C5.33331 12.2189 4.8856 12.6666 4.33331 12.6666C3.78103 12.6666 3.33331 12.2189 3.33331 11.6666Z", fill: "currentColor" }), h("path", { d: "M3.33331 4.33325C3.33331 3.78097 3.78103 3.33325 4.33331 3.33325C4.8856 3.33325 5.33331 3.78097 5.33331 4.33325C5.33331 4.88554 4.8856 5.33325 4.33331 5.33325C3.78103 5.33325 3.33331 4.88554 3.33331 4.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M20 4V9H4V4H20ZM4 2C2.89543 2 2 2.89543 2 4V9C2 10.1046 2.89543 11 4 11H20C21.1046 11 22 10.1046 22 9V4C22 2.89543 21.1046 2 20 2H4Z", fill: "currentColor" }), h("path", { d: "M16 15V20H4V15H16ZM4 13C2.89543 13 2 13.8954 2 15V20C2 21.1046 2.89543 22 4 22H16C17.1046 22 18 21.1046 18 20V15C18 13.8954 17.1046 13 16 13H4Z", fill: "currentColor" }), h("path", { d: "M5 17.5C5 16.6716 5.67157 16 6.5 16C7.32843 16 8 16.6716 8 17.5C8 18.3284 7.32843 19 6.5 19C5.67157 19 5 18.3284 5 17.5Z", fill: "currentColor" }), h("path", { d: "M5 6.5C5 5.67157 5.67157 5 6.5 5C7.32843 5 8 5.67157 8 6.5C8 7.32843 7.32843 8 6.5 8C5.67157 8 5 7.32843 5 6.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M23.3333 4.66659V10.4999H4.66665V4.66659H23.3333ZM4.66665 2.33325C3.37798 2.33325 2.33331 3.37792 2.33331 4.66658V10.4999C2.33331 11.7886 3.37798 12.8333 4.66665 12.8333H23.3333C24.622 12.8333 25.6666 11.7886 25.6666 10.4999V4.66659C25.6666 3.37792 24.622 2.33325 23.3333 2.33325H4.66665Z", fill: "currentColor" }), h("path", { d: "M18.6666 17.4999V23.3333H4.66665V17.4999H18.6666ZM4.66665 15.1666C3.37798 15.1666 2.33331 16.2113 2.33331 17.4999V23.3333C2.33331 24.6219 3.37798 25.6666 4.66665 25.6666H18.6666C19.9553 25.6666 21 24.6219 21 23.3333V17.4999C21 16.2113 19.9553 15.1666 18.6666 15.1666H4.66665Z", fill: "currentColor" }), h("path", { d: "M5.83331 20.4166C5.83331 19.4501 6.61681 18.6666 7.58331 18.6666C8.54981 18.6666 9.33331 19.4501 9.33331 20.4166C9.33331 21.3831 8.54981 22.1666 7.58331 22.1666C6.61681 22.1666 5.83331 21.3831 5.83331 20.4166Z", fill: "currentColor" }), h("path", { d: "M5.83331 7.58325C5.83331 6.61675 6.61681 5.83325 7.58331 5.83325C8.54981 5.83325 9.33331 6.61675 9.33331 7.58325C9.33331 8.54975 8.54981 9.33325 7.58331 9.33325C6.61681 9.33325 5.83331 8.54975 5.83331 7.58325Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-poll"; }
-  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: '374135c776e774e4283242926a008583acb0195b', "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: '890ca93b769edc70dc07038afe4c2b807ab5aee0' }, h("path", { key: '973b190c75a7370838a17013d82f171cdfab74e3', d: "M13.3333 2.66659V5.99992H2.66665V2.66659H13.3333ZM2.66665 1.33325C1.93027 1.33325 1.33331 1.93021 1.33331 2.66659V5.99992C1.33331 6.7363 1.93027 7.33325 2.66665 7.33325H13.3333C14.0697 7.33325 14.6666 6.7363 14.6666 5.99992V2.66659C14.6666 1.93021 14.0697 1.33325 13.3333 1.33325H2.66665Z", fill: "currentColor" }), h("path", { key: 'c2d4645b710b4ddce1a99fe925db1099df7d9d3a', d: "M10.6666 9.99992V13.3333H2.66665V9.99992H10.6666ZM2.66665 8.66658C1.93027 8.66658 1.33331 9.26354 1.33331 9.99992V13.3333C1.33331 14.0696 1.93027 14.6666 2.66665 14.6666H10.6666C11.403 14.6666 12 14.0696 12 13.3333V9.99992C12 9.26354 11.403 8.66658 10.6666 8.66658H2.66665Z", fill: "currentColor" }), h("path", { key: '7aa2e02e5050d098ee9c3ffcdf8c8cdf44417025', d: "M3.33331 11.6666C3.33331 11.1143 3.78103 10.6666 4.33331 10.6666C4.8856 10.6666 5.33331 11.1143 5.33331 11.6666C5.33331 12.2189 4.8856 12.6666 4.33331 12.6666C3.78103 12.6666 3.33331 12.2189 3.33331 11.6666Z", fill: "currentColor" }), h("path", { key: 'f416851fb8f7d7798394d1efe53be9f98e96c6d4', d: "M3.33331 4.33325C3.33331 3.78097 3.78103 3.33325 4.33331 3.33325C4.8856 3.33325 5.33331 3.78097 5.33331 4.33325C5.33331 4.88554 4.8856 5.33325 4.33331 5.33325C3.78103 5.33325 3.33331 4.88554 3.33331 4.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6beefade822756c1400fe798a3b972d5e55ec550' }, h("path", { key: '499be3b1a690c3ef5d0540924d16e245b3b3a6ff', d: "M20 4V9H4V4H20ZM4 2C2.89543 2 2 2.89543 2 4V9C2 10.1046 2.89543 11 4 11H20C21.1046 11 22 10.1046 22 9V4C22 2.89543 21.1046 2 20 2H4Z", fill: "currentColor" }), h("path", { key: 'b8f733c2ba7fb108c6ed6a70aefa5b79c0142a63', d: "M16 15V20H4V15H16ZM4 13C2.89543 13 2 13.8954 2 15V20C2 21.1046 2.89543 22 4 22H16C17.1046 22 18 21.1046 18 20V15C18 13.8954 17.1046 13 16 13H4Z", fill: "currentColor" }), h("path", { key: '147419902a4989fbf6cecea3ba637ba17a35108b', d: "M5 17.5C5 16.6716 5.67157 16 6.5 16C7.32843 16 8 16.6716 8 17.5C8 18.3284 7.32843 19 6.5 19C5.67157 19 5 18.3284 5 17.5Z", fill: "currentColor" }), h("path", { key: '59c8c0a44ec989df3e2ddac8dca1f823efb60fb9', d: "M5 6.5C5 5.67157 5.67157 5 6.5 5C7.32843 5 8 5.67157 8 6.5C8 7.32843 7.32843 8 6.5 8C5.67157 8 5 7.32843 5 6.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '957190007ecbf635607d1d7a848a4e2ee57881c7' }, h("path", { key: '9c1d062ed272e79a6cfa53da3beb5cfa3671967c', d: "M23.3333 4.66659V10.4999H4.66665V4.66659H23.3333ZM4.66665 2.33325C3.37798 2.33325 2.33331 3.37792 2.33331 4.66658V10.4999C2.33331 11.7886 3.37798 12.8333 4.66665 12.8333H23.3333C24.622 12.8333 25.6666 11.7886 25.6666 10.4999V4.66659C25.6666 3.37792 24.622 2.33325 23.3333 2.33325H4.66665Z", fill: "currentColor" }), h("path", { key: '1c2932fe59b4e01dcd174de7c07da8f2c2f47394', d: "M18.6666 17.4999V23.3333H4.66665V17.4999H18.6666ZM4.66665 15.1666C3.37798 15.1666 2.33331 16.2113 2.33331 17.4999V23.3333C2.33331 24.6219 3.37798 25.6666 4.66665 25.6666H18.6666C19.9553 25.6666 21 24.6219 21 23.3333V17.4999C21 16.2113 19.9553 15.1666 18.6666 15.1666H4.66665Z", fill: "currentColor" }), h("path", { key: 'de7397b5f7e731aeca8fcda380162d35f67b37aa', d: "M5.83331 20.4166C5.83331 19.4501 6.61681 18.6666 7.58331 18.6666C8.54981 18.6666 9.33331 19.4501 9.33331 20.4166C9.33331 21.3831 8.54981 22.1666 7.58331 22.1666C6.61681 22.1666 5.83331 21.3831 5.83331 20.4166Z", fill: "currentColor" }), h("path", { key: 'f36b2009d10ceb627868f42090dd80a984702e75', d: "M5.83331 7.58325C5.83331 6.61675 6.61681 5.83325 7.58331 5.83325C8.54981 5.83325 9.33331 6.61675 9.33331 7.58325C9.33331 8.54975 8.54981 9.33325 7.58331 9.33325C6.61681 9.33325 5.83331 8.54975 5.83331 7.58325Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-poll"; }
+    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-print.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconPrint {
-  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: "M10.6167 5.20003V3.38337H5.38333V5.20003H3.86666V2.6167C3.86666 2.40559 3.93889 2.22781 4.08333 2.08337C4.22777 1.93892 4.40555 1.8667 4.61666 1.8667H11.3833C11.5944 1.8667 11.7722 1.93892 11.9167 2.08337C12.0611 2.22781 12.1333 2.40559 12.1333 2.6167V5.20003H10.6167ZM2.71666 6.7167H13.2833H3.86666H2.71666ZM11.9167 8.50003C12.1167 8.50003 12.286 8.4307 12.4247 8.29203C12.5638 8.15292 12.6333 7.98337 12.6333 7.78337C12.6333 7.57225 12.5638 7.39714 12.4247 7.25803C12.286 7.11937 12.1167 7.05003 11.9167 7.05003C11.7056 7.05003 11.5307 7.11937 11.392 7.25803C11.2529 7.39714 11.1833 7.57225 11.1833 7.78337C11.1833 7.98337 11.2529 8.15292 11.392 8.29203C11.5307 8.4307 11.7056 8.50003 11.9167 8.50003ZM5.38333 12.7167H10.6167V10.35H5.38333V12.7167ZM5.38333 14.2C4.96111 14.2 4.60289 14.0529 4.30866 13.7587C4.014 13.464 3.86666 13.1056 3.86666 12.6834V11.45H1.95C1.73889 11.45 1.56111 11.3749 1.41666 11.2247C1.27222 11.0749 1.2 10.8945 1.2 10.6834V7.33337C1.2 6.73337 1.40555 6.22781 1.81666 5.8167C2.22777 5.40559 2.72777 5.20003 3.31666 5.20003H12.6833C13.2833 5.20003 13.7862 5.40559 14.192 5.8167C14.5973 6.22781 14.8 6.73337 14.8 7.33337V10.6834C14.8 10.8945 14.7278 11.0749 14.5833 11.2247C14.4389 11.3749 14.2611 11.45 14.05 11.45H12.1333V12.6834C12.1333 13.1056 11.9862 13.464 11.692 13.7587C11.3973 14.0529 11.0389 14.2 10.6167 14.2H5.38333ZM13.2833 9.93337V7.33337C13.2833 7.15559 13.2278 7.00825 13.1167 6.89137C13.0056 6.77492 12.8611 6.7167 12.6833 6.7167H3.31666C3.15 6.7167 3.00844 6.77492 2.892 6.89137C2.77511 7.00825 2.71666 7.15559 2.71666 7.33337V9.93337H3.86666V8.83337H12.1333V9.93337H13.2833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15.925 7.80005V5.07505H8.075V7.80005H5.8V3.92505C5.8 3.60838 5.90833 3.34172 6.125 3.12505C6.34167 2.90838 6.60833 2.80005 6.925 2.80005H17.075C17.3917 2.80005 17.6583 2.90838 17.875 3.12505C18.0917 3.34172 18.2 3.60838 18.2 3.92505V7.80005H15.925ZM4.075 10.075H19.925H5.8H4.075ZM17.875 12.75C18.175 12.75 18.429 12.646 18.637 12.438C18.8457 12.2294 18.95 11.975 18.95 11.675C18.95 11.3584 18.8457 11.0957 18.637 10.887C18.429 10.679 18.175 10.575 17.875 10.575C17.5583 10.575 17.296 10.679 17.088 10.887C16.8793 11.0957 16.775 11.3584 16.775 11.675C16.775 11.975 16.8793 12.2294 17.088 12.438C17.296 12.646 17.5583 12.75 17.875 12.75ZM8.075 19.0751H15.925V15.525H8.075V19.0751ZM8.075 21.3C7.44167 21.3 6.90433 21.0794 6.463 20.6381C6.021 20.1961 5.8 19.6584 5.8 19.025V17.175H2.925C2.60833 17.175 2.34167 17.0624 2.125 16.837C1.90833 16.6124 1.8 16.3417 1.8 16.025V11C1.8 10.1 2.10833 9.34172 2.725 8.72505C3.34167 8.10838 4.09167 7.80005 4.975 7.80005H19.025C19.925 7.80005 20.6793 8.10838 21.288 8.72505C21.896 9.34172 22.2 10.1 22.2 11V16.025C22.2 16.3417 22.0917 16.6124 21.875 16.837C21.6583 17.0624 21.3917 17.175 21.075 17.175H18.2V19.025C18.2 19.6584 17.9793 20.1961 17.538 20.6381C17.096 21.0794 16.5583 21.3 15.925 21.3H8.075ZM19.925 14.9V11C19.925 10.7334 19.8417 10.5124 19.675 10.337C19.5083 10.1624 19.2917 10.075 19.025 10.075H4.975C4.725 10.075 4.51267 10.1624 4.338 10.337C4.16267 10.5124 4.075 10.7334 4.075 11V14.9H5.8V13.25H18.2V14.9H19.925Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M18.5792 9.10006V5.92089H9.42083V9.10006H6.76666V4.57922C6.76666 4.20978 6.89305 3.89867 7.14583 3.64589C7.39861 3.39311 7.70972 3.26672 8.07916 3.26672H19.9208C20.2903 3.26672 20.6014 3.39311 20.8542 3.64589C21.1069 3.89867 21.2333 4.20978 21.2333 4.57922V9.10006H18.5792ZM4.75416 11.7542H23.2458H6.76666H4.75416ZM20.8542 14.8751C21.2042 14.8751 21.5005 14.7537 21.7432 14.5111C21.9866 14.2676 22.1083 13.9709 22.1083 13.6209C22.1083 13.2514 21.9866 12.945 21.7432 12.7016C21.5005 12.4589 21.2042 12.3376 20.8542 12.3376C20.4847 12.3376 20.1787 12.4589 19.936 12.7016C19.6926 12.945 19.5708 13.2514 19.5708 13.6209C19.5708 13.9709 19.6926 14.2676 19.936 14.5111C20.1787 14.7537 20.4847 14.8751 20.8542 14.8751ZM9.42083 22.2542H18.5792V18.1126H9.42083V22.2542ZM9.42083 24.8501C8.68194 24.8501 8.05505 24.5926 7.54017 24.0777C7.0245 23.5621 6.76666 22.9348 6.76666 22.1959V20.0376H3.4125C3.04305 20.0376 2.73194 19.9061 2.47917 19.6432C2.22639 19.3811 2.1 19.0653 2.1 18.6959V12.8334C2.1 11.7834 2.45972 10.8987 3.17917 10.1792C3.89861 9.45978 4.77361 9.10006 5.80416 9.10006H22.1958C23.2458 9.10006 24.1259 9.45978 24.836 10.1792C25.5453 10.8987 25.9 11.7834 25.9 12.8334V18.6959C25.9 19.0653 25.7736 19.3811 25.5208 19.6432C25.2681 19.9061 24.9569 20.0376 24.5875 20.0376H21.2333V22.1959C21.2333 22.9348 20.9759 23.5621 20.461 24.0777C19.9453 24.5926 19.3181 24.8501 18.5792 24.8501H9.42083ZM23.2458 17.3834V12.8334C23.2458 12.5223 23.1486 12.2644 22.9542 12.0599C22.7597 11.8561 22.5069 11.7542 22.1958 11.7542H5.80416C5.5125 11.7542 5.26478 11.8561 5.061 12.0599C4.85644 12.2644 4.75416 12.5223 4.75416 12.8334V17.3834H6.76666V15.4584H21.2333V17.3834H23.2458Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-print"; }
-  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: 'b3cad801ef724d9e2b9d6f00e35a1eae172f1593', "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: 'e8e24319df5e8711837c8b6e8b87745187689b0f' }, h("path", { key: '2870a46606c5a8891d8a552a9e6ec33e32d64b9c', d: "M10.6167 5.20003V3.38337H5.38333V5.20003H3.86666V2.6167C3.86666 2.40559 3.93889 2.22781 4.08333 2.08337C4.22777 1.93892 4.40555 1.8667 4.61666 1.8667H11.3833C11.5944 1.8667 11.7722 1.93892 11.9167 2.08337C12.0611 2.22781 12.1333 2.40559 12.1333 2.6167V5.20003H10.6167ZM2.71666 6.7167H13.2833H3.86666H2.71666ZM11.9167 8.50003C12.1167 8.50003 12.286 8.4307 12.4247 8.29203C12.5638 8.15292 12.6333 7.98337 12.6333 7.78337C12.6333 7.57225 12.5638 7.39714 12.4247 7.25803C12.286 7.11937 12.1167 7.05003 11.9167 7.05003C11.7056 7.05003 11.5307 7.11937 11.392 7.25803C11.2529 7.39714 11.1833 7.57225 11.1833 7.78337C11.1833 7.98337 11.2529 8.15292 11.392 8.29203C11.5307 8.4307 11.7056 8.50003 11.9167 8.50003ZM5.38333 12.7167H10.6167V10.35H5.38333V12.7167ZM5.38333 14.2C4.96111 14.2 4.60289 14.0529 4.30866 13.7587C4.014 13.464 3.86666 13.1056 3.86666 12.6834V11.45H1.95C1.73889 11.45 1.56111 11.3749 1.41666 11.2247C1.27222 11.0749 1.2 10.8945 1.2 10.6834V7.33337C1.2 6.73337 1.40555 6.22781 1.81666 5.8167C2.22777 5.40559 2.72777 5.20003 3.31666 5.20003H12.6833C13.2833 5.20003 13.7862 5.40559 14.192 5.8167C14.5973 6.22781 14.8 6.73337 14.8 7.33337V10.6834C14.8 10.8945 14.7278 11.0749 14.5833 11.2247C14.4389 11.3749 14.2611 11.45 14.05 11.45H12.1333V12.6834C12.1333 13.1056 11.9862 13.464 11.692 13.7587C11.3973 14.0529 11.0389 14.2 10.6167 14.2H5.38333ZM13.2833 9.93337V7.33337C13.2833 7.15559 13.2278 7.00825 13.1167 6.89137C13.0056 6.77492 12.8611 6.7167 12.6833 6.7167H3.31666C3.15 6.7167 3.00844 6.77492 2.892 6.89137C2.77511 7.00825 2.71666 7.15559 2.71666 7.33337V9.93337H3.86666V8.83337H12.1333V9.93337H13.2833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '12965f933f3fb89a3c4b91bf931fa5521a558e73' }, h("path", { key: '74452933cc025703d9daee415db7e36e7305a5a4', d: "M15.925 7.80005V5.07505H8.075V7.80005H5.8V3.92505C5.8 3.60838 5.90833 3.34172 6.125 3.12505C6.34167 2.90838 6.60833 2.80005 6.925 2.80005H17.075C17.3917 2.80005 17.6583 2.90838 17.875 3.12505C18.0917 3.34172 18.2 3.60838 18.2 3.92505V7.80005H15.925ZM4.075 10.075H19.925H5.8H4.075ZM17.875 12.75C18.175 12.75 18.429 12.646 18.637 12.438C18.8457 12.2294 18.95 11.975 18.95 11.675C18.95 11.3584 18.8457 11.0957 18.637 10.887C18.429 10.679 18.175 10.575 17.875 10.575C17.5583 10.575 17.296 10.679 17.088 10.887C16.8793 11.0957 16.775 11.3584 16.775 11.675C16.775 11.975 16.8793 12.2294 17.088 12.438C17.296 12.646 17.5583 12.75 17.875 12.75ZM8.075 19.0751H15.925V15.525H8.075V19.0751ZM8.075 21.3C7.44167 21.3 6.90433 21.0794 6.463 20.6381C6.021 20.1961 5.8 19.6584 5.8 19.025V17.175H2.925C2.60833 17.175 2.34167 17.0624 2.125 16.837C1.90833 16.6124 1.8 16.3417 1.8 16.025V11C1.8 10.1 2.10833 9.34172 2.725 8.72505C3.34167 8.10838 4.09167 7.80005 4.975 7.80005H19.025C19.925 7.80005 20.6793 8.10838 21.288 8.72505C21.896 9.34172 22.2 10.1 22.2 11V16.025C22.2 16.3417 22.0917 16.6124 21.875 16.837C21.6583 17.0624 21.3917 17.175 21.075 17.175H18.2V19.025C18.2 19.6584 17.9793 20.1961 17.538 20.6381C17.096 21.0794 16.5583 21.3 15.925 21.3H8.075ZM19.925 14.9V11C19.925 10.7334 19.8417 10.5124 19.675 10.337C19.5083 10.1624 19.2917 10.075 19.025 10.075H4.975C4.725 10.075 4.51267 10.1624 4.338 10.337C4.16267 10.5124 4.075 10.7334 4.075 11V14.9H5.8V13.25H18.2V14.9H19.925Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'a33264df791f33ac7cf780ebb85b09a81a13e9b7' }, h("path", { key: '06048c6ada49ce944dc03f2a492880ec7a7918d2', d: "M18.5792 9.10006V5.92089H9.42083V9.10006H6.76666V4.57922C6.76666 4.20978 6.89305 3.89867 7.14583 3.64589C7.39861 3.39311 7.70972 3.26672 8.07916 3.26672H19.9208C20.2903 3.26672 20.6014 3.39311 20.8542 3.64589C21.1069 3.89867 21.2333 4.20978 21.2333 4.57922V9.10006H18.5792ZM4.75416 11.7542H23.2458H6.76666H4.75416ZM20.8542 14.8751C21.2042 14.8751 21.5005 14.7537 21.7432 14.5111C21.9866 14.2676 22.1083 13.9709 22.1083 13.6209C22.1083 13.2514 21.9866 12.945 21.7432 12.7016C21.5005 12.4589 21.2042 12.3376 20.8542 12.3376C20.4847 12.3376 20.1787 12.4589 19.936 12.7016C19.6926 12.945 19.5708 13.2514 19.5708 13.6209C19.5708 13.9709 19.6926 14.2676 19.936 14.5111C20.1787 14.7537 20.4847 14.8751 20.8542 14.8751ZM9.42083 22.2542H18.5792V18.1126H9.42083V22.2542ZM9.42083 24.8501C8.68194 24.8501 8.05505 24.5926 7.54017 24.0777C7.0245 23.5621 6.76666 22.9348 6.76666 22.1959V20.0376H3.4125C3.04305 20.0376 2.73194 19.9061 2.47917 19.6432C2.22639 19.3811 2.1 19.0653 2.1 18.6959V12.8334C2.1 11.7834 2.45972 10.8987 3.17917 10.1792C3.89861 9.45978 4.77361 9.10006 5.80416 9.10006H22.1958C23.2458 9.10006 24.1259 9.45978 24.836 10.1792C25.5453 10.8987 25.9 11.7834 25.9 12.8334V18.6959C25.9 19.0653 25.7736 19.3811 25.5208 19.6432C25.2681 19.9061 24.9569 20.0376 24.5875 20.0376H21.2333V22.1959C21.2333 22.9348 20.9759 23.5621 20.461 24.0777C19.9453 24.5926 19.3181 24.8501 18.5792 24.8501H9.42083ZM23.2458 17.3834V12.8334C23.2458 12.5223 23.1486 12.2644 22.9542 12.0599C22.7597 11.8561 22.5069 11.7542 22.1958 11.7542H5.80416C5.5125 11.7542 5.26478 11.8561 5.061 12.0599C4.85644 12.2644 4.75416 12.5223 4.75416 12.8334V17.3834H6.76666V15.4584H21.2333V17.3834H23.2458Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-print"; }
+    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-recieved.js

@@ -2,77 +2,79 @@
 import { Fragment, h } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlIconRecieved {
-  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: "M1.16667 9.16662L3.2929 11.2928C3.68342 11.6834 4.31659 11.6834 4.70711 11.2928L10.5 5.49995C10.7761 5.22381 10.7761 4.7761 10.5 4.49995C10.2239 4.22381 9.77615 4.22381 9.5 4.49995L4 9.99995L2.16667 8.16662C1.89053 7.89048 1.44281 7.89048 1.16667 8.16662C0.890529 8.44276 0.890529 8.89048 1.16667 9.16662Z", fill: "currentColor" }), h("path", { d: "M8 9.33329L7 10.3333L7.95957 11.2928C8.35009 11.6834 8.98325 11.6834 9.37378 11.2928L15.1667 5.49995C15.4428 5.22381 15.4428 4.7761 15.1667 4.49995C14.8905 4.22381 14.4428 4.22381 14.1667 4.49995L8.66667 9.99995L8 9.33329Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M1.74999 13.75L4.93933 16.9393C5.52512 17.5251 6.47486 17.5251 7.06065 16.9393L15.75 8.24999C16.1642 7.83578 16.1642 7.1642 15.75 6.74999C15.3358 6.33578 14.6642 6.33578 14.25 6.74999L5.99999 15L3.24999 12.25C2.83578 11.8358 2.1642 11.8358 1.74999 12.25C1.33578 12.6642 1.33578 13.3358 1.74999 13.75Z", fill: "currentColor" }), h("path", { d: "M12 14L10.5 15.5L11.9393 16.9393C12.5251 17.5251 13.4749 17.5251 14.0607 16.9393L22.75 8.24999C23.1642 7.83578 23.1642 7.1642 22.75 6.74999C22.3358 6.33578 21.6642 6.33578 21.25 6.74999L13 15L12 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M2.04167 16.0417L5.76256 19.7626C6.44598 20.446 7.55402 20.446 8.23744 19.7626L18.375 9.62501C18.8583 9.14176 18.8583 8.35826 18.375 7.87501C17.8918 7.39176 17.1082 7.39176 16.625 7.87501L7 17.5L3.79167 14.2917C3.30842 13.8084 2.52492 13.8084 2.04167 14.2917C1.55842 14.7749 1.55842 15.5584 2.04167 16.0417Z", fill: "currentColor" }), h("path", { d: "M14 16.3333L12.25 18.0833L13.9292 19.7626C14.6126 20.446 15.7207 20.446 16.4041 19.7626L26.5417 9.62501C27.0249 9.14176 27.0249 8.35826 26.5417 7.87501C26.0584 7.39176 25.2749 7.39176 24.7917 7.87501L15.1667 17.5L14 16.3333Z", fill: "currentColor" })))));
-  }
-  static get is() { return "swirl-icon-recieved"; }
-  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: 'ae4aed98eb110c93c36440068cf8a899a45842d0', "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: 'bf50c10bdfb7c59252136ee4ff69255dc814ed06' }, h("path", { key: 'a1cc75f31eef74a67d8dcccba4da49447d93e387', d: "M1.16667 9.16662L3.2929 11.2928C3.68342 11.6834 4.31659 11.6834 4.70711 11.2928L10.5 5.49995C10.7761 5.22381 10.7761 4.7761 10.5 4.49995C10.2239 4.22381 9.77615 4.22381 9.5 4.49995L4 9.99995L2.16667 8.16662C1.89053 7.89048 1.44281 7.89048 1.16667 8.16662C0.890529 8.44276 0.890529 8.89048 1.16667 9.16662Z", fill: "currentColor" }), h("path", { key: 'be085db6049b47574e2ef22a839009f334d82fea', d: "M8 9.33329L7 10.3333L7.95957 11.2928C8.35009 11.6834 8.98325 11.6834 9.37378 11.2928L15.1667 5.49995C15.4428 5.22381 15.4428 4.7761 15.1667 4.49995C14.8905 4.22381 14.4428 4.22381 14.1667 4.49995L8.66667 9.99995L8 9.33329Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'fb09b9739966ad930a0da426aeba1d18c2031a4c' }, h("path", { key: '628f2567439077093b6dba7d87b4934de076294a', d: "M1.74999 13.75L4.93933 16.9393C5.52512 17.5251 6.47486 17.5251 7.06065 16.9393L15.75 8.24999C16.1642 7.83578 16.1642 7.1642 15.75 6.74999C15.3358 6.33578 14.6642 6.33578 14.25 6.74999L5.99999 15L3.24999 12.25C2.83578 11.8358 2.1642 11.8358 1.74999 12.25C1.33578 12.6642 1.33578 13.3358 1.74999 13.75Z", fill: "currentColor" }), h("path", { key: 'b27b6e9816acb4596558597bf6a1bbdca5d5bd20', d: "M12 14L10.5 15.5L11.9393 16.9393C12.5251 17.5251 13.4749 17.5251 14.0607 16.9393L22.75 8.24999C23.1642 7.83578 23.1642 7.1642 22.75 6.74999C22.3358 6.33578 21.6642 6.33578 21.25 6.74999L13 15L12 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'bb6ee8612da0cff2038a7164d4bb850155e39976' }, h("path", { key: '3c3668c665714d70f23042f67a20c1543b82654c', d: "M2.04167 16.0417L5.76256 19.7626C6.44598 20.446 7.55402 20.446 8.23744 19.7626L18.375 9.62501C18.8583 9.14176 18.8583 8.35826 18.375 7.87501C17.8918 7.39176 17.1082 7.39176 16.625 7.87501L7 17.5L3.79167 14.2917C3.30842 13.8084 2.52492 13.8084 2.04167 14.2917C1.55842 14.7749 1.55842 15.5584 2.04167 16.0417Z", fill: "currentColor" }), h("path", { key: '18c73802b243d6b5b7233c7a713ea62b2c8ef5ec', d: "M14 16.3333L12.25 18.0833L13.9292 19.7626C14.6126 20.446 15.7207 20.446 16.4041 19.7626L26.5417 9.62501C27.0249 9.14176 27.0249 8.35826 26.5417 7.87501C26.0584 7.39176 25.2749 7.39176 24.7917 7.87501L15.1667 17.5L14 16.3333Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-recieved"; }
+    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"
-      }
-    };
-  }
+        };
+    }
 }