@getflip/swirl-components 0.384.0 → 0.386.0

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-autorenew.js

@@ -0,0 +1,54 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolAutorenew {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '4b0b33216a58990c7d65fe54240cc7a64e1f6d14', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '9b0b60f9576ab30978d7da37d45c265aeb6a7097' }, h("path", { key: '27963d45d77f62f35aca2c0b981299544247ba0b', d: "M6 12.05C6 12.3167 6.01667 12.5792 6.05 12.8375C6.08333 13.0958 6.14167 13.35 6.225 13.6C6.30833 13.8833 6.3 14.1542 6.2 14.4125C6.1 14.6708 5.925 14.8583 5.675 14.975C5.40833 15.1083 5.14583 15.1208 4.8875 15.0125C4.62917 14.9042 4.45833 14.7083 4.375 14.425C4.24167 14.0417 4.14583 13.65 4.0875 13.25C4.02917 12.85 4 12.45 4 12.05C4 9.81665 4.775 7.91665 6.325 6.34999C7.875 4.78332 9.76667 3.99999 12 3.99999H12.175L11.275 3.09999C11.0917 2.91665 11 2.68332 11 2.39999C11 2.11665 11.0917 1.88332 11.275 1.69999C11.4583 1.51665 11.6917 1.42499 11.975 1.42499C12.2583 1.42499 12.4917 1.51665 12.675 1.69999L15.275 4.29999C15.475 4.49999 15.575 4.73332 15.575 4.99999C15.575 5.26665 15.475 5.49999 15.275 5.69999L12.675 8.29999C12.4917 8.48332 12.2583 8.57499 11.975 8.57499C11.6917 8.57499 11.4583 8.48332 11.275 8.29999C11.0917 8.11665 11 7.88332 11 7.59999C11 7.31665 11.0917 7.08332 11.275 6.89999L12.175 5.99999H12C10.3333 5.99999 8.91667 6.58749 7.75 7.76249C6.58333 8.93749 6 10.3667 6 12.05ZM18 11.95C18 11.6833 17.9833 11.4208 17.95 11.1625C17.9167 10.9042 17.8583 10.65 17.775 10.4C17.6917 10.1167 17.7 9.84582 17.8 9.58749C17.9 9.32915 18.075 9.14165 18.325 9.02499C18.5917 8.89165 18.8542 8.87915 19.1125 8.98749C19.3708 9.09582 19.5417 9.29165 19.625 9.57499C19.7583 9.95832 19.8542 10.35 19.9125 10.75C19.9708 11.15 20 11.55 20 11.95C20 14.1833 19.225 16.0833 17.675 17.65C16.125 19.2167 14.2333 20 12 20H11.825L12.725 20.9C12.9083 21.0833 13 21.3167 13 21.6C13 21.8833 12.9083 22.1167 12.725 22.3C12.5417 22.4833 12.3083 22.575 12.025 22.575C11.7417 22.575 11.5083 22.4833 11.325 22.3L8.725 19.7C8.525 19.5 8.425 19.2667 8.425 19C8.425 18.7333 8.525 18.5 8.725 18.3L11.325 15.7C11.5083 15.5167 11.7417 15.425 12.025 15.425C12.3083 15.425 12.5417 15.5167 12.725 15.7C12.9083 15.8833 13 16.1167 13 16.4C13 16.6833 12.9083 16.9167 12.725 17.1L11.825 18H12C13.6667 18 15.0833 17.4125 16.25 16.2375C17.4167 15.0625 18 13.6333 18 11.95Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-autorenew"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlSymbolSize",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
+                    "references": {
+                        "SwirlSymbolSize": {
+                            "location": "import",
+                            "path": "../swirl-symbol.types",
+                            "id": "src/components/swirl-symbol/swirl-symbol.types.ts::SwirlSymbolSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-backup.js

@@ -7,7 +7,7 @@ export class SwirlSymbolBackup {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'e28ac180522c1609c31afb0dfd16841bcf9b3c23', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '2dd855295095c73c083c618241d62b29547d70f2' }, h("path", { key: 'cb97808094559844e36e414f4f4ba1dff857677d', d: "M19 11C19.001 9.30604 18.3871 7.66929 17.2725 6.39373C16.1578 5.11818 14.6181 4.29053 12.9393 4.06449C11.2605 3.83845 9.55667 4.22938 8.14432 5.16469C6.73198 6.1 5.70709 7.5161 5.26 9.15C3.95216 9.46173 2.80381 10.2417 2.03194 11.3426C1.26008 12.4434 0.91817 13.7888 1.07083 15.1246C1.22349 16.4604 1.86015 17.694 2.86048 18.5923C3.86082 19.4906 5.15555 19.9914 6.5 20H18.5C19.6508 19.9951 20.7562 19.551 21.5905 18.7584C22.4248 17.9657 22.925 16.8845 22.9888 15.7355C23.0526 14.5865 22.6753 13.4565 21.934 12.5763C21.1926 11.6962 20.1431 11.1323 19 11ZM13 13V15C13 15.2652 12.8946 15.5196 12.7071 15.7071C12.5196 15.8946 12.2652 16 12 16C11.7348 16 11.4804 15.8946 11.2929 15.7071C11.1054 15.5196 11 15.2652 11 15V13H9.21C9.11214 12.9986 9.01683 12.9686 8.93589 12.9135C8.85495 12.8585 8.79195 12.7809 8.75468 12.6904C8.71742 12.5999 8.70753 12.5005 8.72625 12.4044C8.74498 12.3083 8.79148 12.2199 8.86 12.15L11.65 9.36C11.6965 9.31313 11.7518 9.27594 11.8127 9.25055C11.8736 9.22517 11.939 9.2121 12.005 9.2121C12.071 9.2121 12.1364 9.22517 12.1973 9.25055C12.2582 9.27594 12.3135 9.31313 12.36 9.36L15.15 12.15C15.2185 12.2199 15.265 12.3083 15.2837 12.4044C15.3025 12.5005 15.2926 12.5999 15.2553 12.6904C15.2181 12.7809 15.155 12.8585 15.0741 12.9135C14.9932 12.9686 14.8979 12.9986 14.8 13H13Z", fill: "currentColor" }))));
+        return (h("svg", { key: '040dc72e3bafd5ba455d599a608b87a7fe7b2309', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '57882165c400f11ef94be61836221bdd957e6e61' }, h("path", { key: '1cfc35798e7487c374017c684906fc1203c4c494', d: "M19 11C19.001 9.30604 18.3871 7.66929 17.2725 6.39373C16.1578 5.11818 14.6181 4.29053 12.9393 4.06449C11.2605 3.83845 9.55667 4.22938 8.14432 5.16469C6.73198 6.1 5.70709 7.5161 5.26 9.15C3.95216 9.46173 2.80381 10.2417 2.03194 11.3426C1.26008 12.4434 0.91817 13.7888 1.07083 15.1246C1.22349 16.4604 1.86015 17.694 2.86048 18.5923C3.86082 19.4906 5.15555 19.9914 6.5 20H18.5C19.6508 19.9951 20.7562 19.551 21.5905 18.7584C22.4248 17.9657 22.925 16.8845 22.9888 15.7355C23.0526 14.5865 22.6753 13.4565 21.934 12.5763C21.1926 11.6962 20.1431 11.1323 19 11ZM13 13V15C13 15.2652 12.8946 15.5196 12.7071 15.7071C12.5196 15.8946 12.2652 16 12 16C11.7348 16 11.4804 15.8946 11.2929 15.7071C11.1054 15.5196 11 15.2652 11 15V13H9.21C9.11214 12.9986 9.01683 12.9686 8.93589 12.9135C8.85495 12.8585 8.79195 12.7809 8.75468 12.6904C8.71742 12.5999 8.70753 12.5005 8.72625 12.4044C8.74498 12.3083 8.79148 12.2199 8.86 12.15L11.65 9.36C11.6965 9.31313 11.7518 9.27594 11.8127 9.25055C11.8736 9.22517 11.939 9.2121 12.005 9.2121C12.071 9.2121 12.1364 9.22517 12.1973 9.25055C12.2582 9.27594 12.3135 9.31313 12.36 9.36L15.15 12.15C15.2185 12.2199 15.265 12.3083 15.2837 12.4044C15.3025 12.5005 15.2926 12.5999 15.2553 12.6904C15.2181 12.7809 15.155 12.8585 15.0741 12.9135C14.9932 12.9686 14.8979 12.9986 14.8 13H13Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-backup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-badge.js

@@ -0,0 +1,54 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolBadge {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '5eb3cb7ade264f1b54f304cf1cca0838f9a12c97', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '51e4cecbbea72f072e1d55809175d878fba91c84' }, h("path", { key: '682918f3cada55770f2240789a6511389f0fa81b', d: "M6 18H12V17.55C12 17.2667 11.9208 17.0042 11.7625 16.7625C11.6042 16.5208 11.3833 16.3333 11.1 16.2C10.7667 16.05 10.4292 15.9375 10.0875 15.8625C9.74583 15.7875 9.38333 15.75 9 15.75C8.61667 15.75 8.25417 15.7875 7.9125 15.8625C7.57083 15.9375 7.23333 16.05 6.9 16.2C6.61667 16.3333 6.39583 16.5208 6.2375 16.7625C6.07917 17.0042 6 17.2667 6 17.55V18ZM14.75 16.5H17.25C17.4667 16.5 17.6458 16.4292 17.7875 16.2875C17.9292 16.1458 18 15.9667 18 15.75C18 15.5333 17.9292 15.3542 17.7875 15.2125C17.6458 15.0708 17.4667 15 17.25 15H14.75C14.5333 15 14.3542 15.0708 14.2125 15.2125C14.0708 15.3542 14 15.5333 14 15.75C14 15.9667 14.0708 16.1458 14.2125 16.2875C14.3542 16.4292 14.5333 16.5 14.75 16.5ZM9 15C9.41667 15 9.77083 14.8542 10.0625 14.5625C10.3542 14.2708 10.5 13.9167 10.5 13.5C10.5 13.0833 10.3542 12.7292 10.0625 12.4375C9.77083 12.1458 9.41667 12 9 12C8.58333 12 8.22917 12.1458 7.9375 12.4375C7.64583 12.7292 7.5 13.0833 7.5 13.5C7.5 13.9167 7.64583 14.2708 7.9375 14.5625C8.22917 14.8542 8.58333 15 9 15ZM14.75 13.5H17.25C17.4667 13.5 17.6458 13.4292 17.7875 13.2875C17.9292 13.1458 18 12.9667 18 12.75C18 12.5333 17.9292 12.3542 17.7875 12.2125C17.6458 12.0708 17.4667 12 17.25 12H14.75C14.5333 12 14.3542 12.0708 14.2125 12.2125C14.0708 12.3542 14 12.5333 14 12.75C14 12.9667 14.0708 13.1458 14.2125 13.2875C14.3542 13.4292 14.5333 13.5 14.75 13.5ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V9C2 8.45 2.19583 7.97917 2.5875 7.5875C2.97917 7.19583 3.45 7 4 7H9V4C9 3.45 9.19583 2.97917 9.5875 2.5875C9.97917 2.19583 10.45 2 11 2H13C13.55 2 14.0208 2.19583 14.4125 2.5875C14.8042 2.97917 15 3.45 15 4V7H20C20.55 7 21.0208 7.19583 21.4125 7.5875C21.8042 7.97917 22 8.45 22 9V20C22 20.55 21.8042 21.0208 21.4125 21.4125C21.0208 21.8042 20.55 22 20 22H4ZM11 9H13V4H11V9Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-badge"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlSymbolSize",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
+                    "references": {
+                        "SwirlSymbolSize": {
+                            "location": "import",
+                            "path": "../swirl-symbol.types",
+                            "id": "src/components/swirl-symbol/swirl-symbol.types.ts::SwirlSymbolSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-barcode-reader.js

@@ -0,0 +1,54 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolBarcodeReader {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '7a433a79b973ab0a8d9cfeeb3ce9a2d090c8a93c', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '85b220e234c784772b4c3e1b50ffd8bbf10162c0' }, h("path", { key: 'be5e42cd44ea011586a67dfb1931b92c3864726b', d: "M6 21C5 21 4.20417 20.6125 3.6125 19.8375C3.02084 19.0625 2.85 18.2 3.1 17.25L4.9 10.45C4.35 10.1 3.89584 9.62501 3.5375 9.02501C3.17917 8.42501 3 7.75001 3 7.00001C3 5.90001 3.39167 4.95834 4.175 4.17501C4.95834 3.39167 5.9 3.00001 7 3.00001H15C15.75 3.00001 16.3167 3.31667 16.7 3.95001C17.0833 4.58334 17.1083 5.23334 16.775 5.90001L14.775 9.90001C14.5917 10.2333 14.3458 10.5 14.0375 10.7C13.7292 10.9 13.3833 11 13 11H10.975L10.7 12H11C11.2833 12 11.5208 12.0958 11.7125 12.2875C11.9042 12.4792 12 12.7167 12 13V15C12 15.2833 11.9042 15.5208 11.7125 15.7125C11.5208 15.9042 11.2833 16 11 16H9.65L8.9 18.8C8.71667 19.45 8.35834 19.9792 7.825 20.3875C7.29167 20.7958 6.68334 21 6 21ZM21.925 3.67501L19.675 4.70001C19.4917 4.78334 19.3042 4.78751 19.1125 4.71251C18.9208 4.63751 18.7833 4.50834 18.7 4.32501C18.6167 4.14167 18.6083 3.95417 18.675 3.76251C18.7417 3.57084 18.8667 3.43334 19.05 3.35001L21.3 2.32501C21.4833 2.24167 21.675 2.23751 21.875 2.31251C22.075 2.38751 22.2167 2.51667 22.3 2.70001C22.3833 2.88334 22.3875 3.07084 22.3125 3.26251C22.2375 3.45417 22.1083 3.59167 21.925 3.67501ZM19.075 10.675C18.8917 10.5917 18.7583 10.45 18.675 10.25C18.5917 10.05 18.5917 9.85834 18.675 9.67501C18.7583 9.47501 18.9 9.34167 19.1 9.27501C19.3 9.20834 19.5 9.21667 19.7 9.30001L21.95 10.35C22.1333 10.4333 22.2583 10.5708 22.325 10.7625C22.3917 10.9542 22.3833 11.1417 22.3 11.325C22.2167 11.5083 22.0792 11.6375 21.8875 11.7125C21.6958 11.7875 21.5083 11.7833 21.325 11.7L19.075 10.675ZM22.25 7.75001H19.75C19.5333 7.75001 19.3542 7.67917 19.2125 7.53751C19.0708 7.39584 19 7.21667 19 7.00001C19 6.78334 19.0708 6.60417 19.2125 6.46251C19.3542 6.32084 19.5333 6.25001 19.75 6.25001H22.25C22.4667 6.25001 22.6458 6.32084 22.7875 6.46251C22.9292 6.60417 23 6.78334 23 7.00001C23 7.21667 22.9292 7.39584 22.7875 7.53751C22.6458 7.67917 22.4667 7.75001 22.25 7.75001Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-barcode-reader"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlSymbolSize",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
+                    "references": {
+                        "SwirlSymbolSize": {
+                            "location": "import",
+                            "path": "../swirl-symbol.types",
+                            "id": "src/components/swirl-symbol/swirl-symbol.types.ts::SwirlSymbolSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-barcode-scanner.js

@@ -0,0 +1,54 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolBarcodeScanner {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '81a2a7e862139adfa9e07b67e537c3e22bfc5e2a', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '271a8039c4cffad12ee25b769f5ab7d0190a28ed' }, h("path", { key: '2d3aeacc65ca373bb0d8d7a75701c43906283ae9', d: "M6 20C6 20.2833 5.90417 20.5208 5.7125 20.7125C5.52083 20.9042 5.28333 21 5 21H2C1.71667 21 1.47917 20.9042 1.2875 20.7125C1.09583 20.5208 1 20.2833 1 20V17C1 16.7167 1.09583 16.4792 1.2875 16.2875C1.47917 16.0958 1.71667 16 2 16C2.28333 16 2.52083 16.0958 2.7125 16.2875C2.90417 16.4792 3 16.7167 3 17V19H5C5.28333 19 5.52083 19.0958 5.7125 19.2875C5.90417 19.4792 6 19.7167 6 20ZM22 16C22.2833 16 22.5208 16.0958 22.7125 16.2875C22.9042 16.4792 23 16.7167 23 17V20C23 20.2833 22.9042 20.5208 22.7125 20.7125C22.5208 20.9042 22.2833 21 22 21H19C18.7167 21 18.4792 20.9042 18.2875 20.7125C18.0958 20.5208 18 20.2833 18 20C18 19.7167 18.0958 19.4792 18.2875 19.2875C18.4792 19.0958 18.7167 19 19 19H21V17C21 16.7167 21.0958 16.4792 21.2875 16.2875C21.4792 16.0958 21.7167 16 22 16ZM4.5 18C4.36667 18 4.25 17.95 4.15 17.85C4.05 17.75 4 17.6333 4 17.5V6.5C4 6.36667 4.05 6.25 4.15 6.15C4.25 6.05 4.36667 6 4.5 6H5.5C5.63333 6 5.75 6.05 5.85 6.15C5.95 6.25 6 6.36667 6 6.5V17.5C6 17.6333 5.95 17.75 5.85 17.85C5.75 17.95 5.63333 18 5.5 18H4.5ZM7.5 18C7.36667 18 7.25 17.95 7.15 17.85C7.05 17.75 7 17.6333 7 17.5V6.5C7 6.36667 7.05 6.25 7.15 6.15C7.25 6.05 7.36667 6 7.5 6C7.63333 6 7.75 6.05 7.85 6.15C7.95 6.25 8 6.36667 8 6.5V17.5C8 17.6333 7.95 17.75 7.85 17.85C7.75 17.95 7.63333 18 7.5 18ZM10.5 18C10.3667 18 10.25 17.95 10.15 17.85C10.05 17.75 10 17.6333 10 17.5V6.5C10 6.36667 10.05 6.25 10.15 6.15C10.25 6.05 10.3667 6 10.5 6H11.5C11.6333 6 11.75 6.05 11.85 6.15C11.95 6.25 12 6.36667 12 6.5V17.5C12 17.6333 11.95 17.75 11.85 17.85C11.75 17.95 11.6333 18 11.5 18H10.5ZM13.5 18C13.3667 18 13.25 17.95 13.15 17.85C13.05 17.75 13 17.6333 13 17.5V6.5C13 6.36667 13.05 6.25 13.15 6.15C13.25 6.05 13.3667 6 13.5 6H15.5C15.6333 6 15.75 6.05 15.85 6.15C15.95 6.25 16 6.36667 16 6.5V17.5C16 17.6333 15.95 17.75 15.85 17.85C15.75 17.95 15.6333 18 15.5 18H13.5ZM17.5 18C17.3667 18 17.25 17.95 17.15 17.85C17.05 17.75 17 17.6333 17 17.5V6.5C17 6.36667 17.05 6.25 17.15 6.15C17.25 6.05 17.3667 6 17.5 6C17.6333 6 17.75 6.05 17.85 6.15C17.95 6.25 18 6.36667 18 6.5V17.5C18 17.6333 17.95 17.75 17.85 17.85C17.75 17.95 17.6333 18 17.5 18ZM19.5 18C19.3667 18 19.25 17.95 19.15 17.85C19.05 17.75 19 17.6333 19 17.5V6.5C19 6.36667 19.05 6.25 19.15 6.15C19.25 6.05 19.3667 6 19.5 6C19.6333 6 19.75 6.05 19.85 6.15C19.95 6.25 20 6.36667 20 6.5V17.5C20 17.6333 19.95 17.75 19.85 17.85C19.75 17.95 19.6333 18 19.5 18ZM6 4C6 4.28333 5.90417 4.52083 5.7125 4.7125C5.52083 4.90417 5.28333 5 5 5H3V7C3 7.28333 2.90417 7.52083 2.7125 7.7125C2.52083 7.90417 2.28333 8 2 8C1.71667 8 1.47917 7.90417 1.2875 7.7125C1.09583 7.52083 1 7.28333 1 7V4C1 3.71667 1.09583 3.47917 1.2875 3.2875C1.47917 3.09583 1.71667 3 2 3H5C5.28333 3 5.52083 3.09583 5.7125 3.2875C5.90417 3.47917 6 3.71667 6 4ZM18 4C18 3.71667 18.0958 3.47917 18.2875 3.2875C18.4792 3.09583 18.7167 3 19 3H22C22.2833 3 22.5208 3.09583 22.7125 3.2875C22.9042 3.47917 23 3.71667 23 4V7C23 7.28333 22.9042 7.52083 22.7125 7.7125C22.5208 7.90417 22.2833 8 22 8C21.7167 8 21.4792 7.90417 21.2875 7.7125C21.0958 7.52083 21 7.28333 21 7V5H19C18.7167 5 18.4792 4.90417 18.2875 4.7125C18.0958 4.52083 18 4.28333 18 4Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-barcode-scanner"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlSymbolSize",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
+                    "references": {
+                        "SwirlSymbolSize": {
+                            "location": "import",
+                            "path": "../swirl-symbol.types",
+                            "id": "src/components/swirl-symbol/swirl-symbol.types.ts::SwirlSymbolSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-battery-horiz.js

@@ -0,0 +1,54 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolBatteryHoriz {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '68614df0e80e389d4f1c13195320c40d95be38e8', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '6a95323cad4d3f2009e064822cda10bd232d08c6' }, h("path", { key: 'b1dab39f29a7e2da4707953a068e38fb690bafa1', d: "M5 17C4.71667 17 4.47917 16.9042 4.2875 16.7125C4.09583 16.5208 4 16.2833 4 16V14H3C2.71667 14 2.47917 13.9042 2.2875 13.7125C2.09583 13.5208 2 13.2833 2 13V11C2 10.7167 2.09583 10.4792 2.2875 10.2875C2.47917 10.0958 2.71667 10 3 10H4V8C4 7.71667 4.09583 7.47917 4.2875 7.2875C4.47917 7.09583 4.71667 7 5 7H21C21.2833 7 21.5208 7.09583 21.7125 7.2875C21.9042 7.47917 22 7.71667 22 8V16C22 16.2833 21.9042 16.5208 21.7125 16.7125C21.5208 16.9042 21.2833 17 21 17H5ZM6 15H13V9H6V15Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-battery-horiz"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlSymbolSize",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
+                    "references": {
+                        "SwirlSymbolSize": {
+                            "location": "import",
+                            "path": "../swirl-symbol.types",
+                            "id": "src/components/swirl-symbol/swirl-symbol.types.ts::SwirlSymbolSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-beach-access.js

@@ -7,7 +7,7 @@ export class SwirlSymbolBeachAccess {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '57289e2dbdc3b07867757f020d8e6a59e1014803', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '071417ed51ee766e8cc21fa52a5bbd726a1e27e5' }, h("path", { key: '7d6c546c067091f54ccb67718d69bdf5537a134e', d: "M13.13 14.56L14.56 13.13L20.29 18.86C20.3839 18.9539 20.4584 19.0654 20.5092 19.188C20.56 19.3107 20.5862 19.4422 20.5862 19.575C20.5862 19.7078 20.56 19.8393 20.5092 19.9619C20.4584 20.0846 20.3839 20.1961 20.29 20.29C20.1961 20.3839 20.0846 20.4584 19.962 20.5092C19.8393 20.56 19.7078 20.5862 19.575 20.5862C19.4422 20.5862 19.3107 20.56 19.188 20.5092C19.0654 20.4584 18.9539 20.3839 18.86 20.29L13.13 14.56ZM17.42 8.82999L18.69 7.55999C18.9024 7.352 19.0653 7.09889 19.1666 6.81942C19.2679 6.53994 19.305 6.24126 19.2752 5.94549C19.2455 5.64972 19.1495 5.36443 18.9946 5.11075C18.8396 4.85707 18.6296 4.6415 18.38 4.47999C16.4475 3.29944 14.1744 2.80256 11.9256 3.06915C9.67682 3.33574 7.58287 4.35033 5.98 5.94999C7.96561 5.31437 10.0895 5.24725 12.1113 5.75623C14.1331 6.26521 15.972 7.32997 17.42 8.82999ZM5.95 5.97999C4.35126 7.58313 3.33653 9.67625 3.06821 11.9244C2.79989 14.1725 3.29348 16.4456 4.47 18.38C4.63075 18.6305 4.84601 18.8414 5.09971 18.9971C5.35341 19.1527 5.63899 19.249 5.93513 19.2788C6.23127 19.3086 6.53032 19.2712 6.80995 19.1692C7.08957 19.0672 7.34255 18.9034 7.55 18.69L8.82 17.42C7.32318 15.9699 6.26132 14.1305 5.75421 12.1091C5.2471 10.0877 5.31491 7.96488 5.95 5.97999ZM5.97 5.95999L5.96 5.96999C5.58 8.97999 7.13 12.85 10.26 15.99L15.99 10.26C12.86 7.12999 8.98 5.57999 5.97 5.95999Z", fill: "currentColor" }))));
+        return (h("svg", { key: '6da104493a9d1a81208c53613bef43201400ad5e', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '53c1b591da7ea165989dc9510e53961a9f57e3a1' }, h("path", { key: '6010b6fa33adb75922c299caa8d17a87739b9e4a', d: "M13.13 14.56L14.56 13.13L20.29 18.86C20.3839 18.9539 20.4584 19.0654 20.5092 19.188C20.56 19.3107 20.5862 19.4422 20.5862 19.575C20.5862 19.7078 20.56 19.8393 20.5092 19.9619C20.4584 20.0846 20.3839 20.1961 20.29 20.29C20.1961 20.3839 20.0846 20.4584 19.962 20.5092C19.8393 20.56 19.7078 20.5862 19.575 20.5862C19.4422 20.5862 19.3107 20.56 19.188 20.5092C19.0654 20.4584 18.9539 20.3839 18.86 20.29L13.13 14.56ZM17.42 8.82999L18.69 7.55999C18.9024 7.352 19.0653 7.09889 19.1666 6.81942C19.2679 6.53994 19.305 6.24126 19.2752 5.94549C19.2455 5.64972 19.1495 5.36443 18.9946 5.11075C18.8396 4.85707 18.6296 4.6415 18.38 4.47999C16.4475 3.29944 14.1744 2.80256 11.9256 3.06915C9.67682 3.33574 7.58287 4.35033 5.98 5.94999C7.96561 5.31437 10.0895 5.24725 12.1113 5.75623C14.1331 6.26521 15.972 7.32997 17.42 8.82999ZM5.95 5.97999C4.35126 7.58313 3.33653 9.67625 3.06821 11.9244C2.79989 14.1725 3.29348 16.4456 4.47 18.38C4.63075 18.6305 4.84601 18.8414 5.09971 18.9971C5.35341 19.1527 5.63899 19.249 5.93513 19.2788C6.23127 19.3086 6.53032 19.2712 6.80995 19.1692C7.08957 19.0672 7.34255 18.9034 7.55 18.69L8.82 17.42C7.32318 15.9699 6.26132 14.1305 5.75421 12.1091C5.2471 10.0877 5.31491 7.96488 5.95 5.97999ZM5.97 5.95999L5.96 5.96999C5.58 8.97999 7.13 12.85 10.26 15.99L15.99 10.26C12.86 7.12999 8.98 5.57999 5.97 5.95999Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-beach-access"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-bolt.js

@@ -0,0 +1,54 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolBolt {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '0b9ff26d3d8ddc87aad926f4d2716b5a95891ea0', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '506566002f665db1a22cbacdd37d2f10b8b3125c' }, h("path", { key: 'edf7d1db44c86d72c8f79f8e1d956bf9f252e547', d: "M9 15H5.9C5.5 15 5.20417 14.8209 5.0125 14.4625C4.82083 14.1042 4.84167 13.7584 5.075 13.425L12.55 2.67503C12.7167 2.44169 12.9333 2.27919 13.2 2.18753C13.4667 2.09586 13.7417 2.10003 14.025 2.20003C14.3083 2.30003 14.5167 2.47503 14.65 2.72503C14.7833 2.97503 14.8333 3.24169 14.8 3.52503L14 10H17.875C18.3083 10 18.6125 10.1917 18.7875 10.575C18.9625 10.9584 18.9083 11.3167 18.625 11.65L10.4 21.5C10.2167 21.7167 9.99167 21.8584 9.725 21.925C9.45833 21.9917 9.2 21.9667 8.95 21.85C8.7 21.7334 8.50417 21.5542 8.3625 21.3125C8.22083 21.0709 8.16667 20.8084 8.2 20.525L9 15Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-bolt"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlSymbolSize",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
+                    "references": {
+                        "SwirlSymbolSize": {
+                            "location": "import",
+                            "path": "../swirl-symbol.types",
+                            "id": "src/components/swirl-symbol/swirl-symbol.types.ts::SwirlSymbolSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-bookmark.js

@@ -7,7 +7,7 @@ export class SwirlSymbolBookmark {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '4f09e3e00f3f0269a512a0493f83ce62cf555d25', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'b3df3c106da9da71b65bd9e7204593e08cb9e1ae' }, h("path", { key: '7206399c3faca31764a01ef6b8c7293e3cb37fc0', d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'a2143ffe79b4cb9f362374df9888f564605a8b2c', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '9f6fa1afca3044ba51d8a07f9203e659afaad380' }, h("path", { key: 'f7247883de30071dd6b0fd82089f1b4dc9c0ed5e', d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-bookmark"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-calendar.js

@@ -0,0 +1,54 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolCalendar {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: 'ea072b8b876ad70616b796ce604f9f278adfbe40', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '4076af2a1f0a8b4fd15f40786577f8e3d377b7e6' }, h("path", { key: '08463f74cc18dfa4c95c2daf984061b52288df2f', d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V3C6 2.71667 6.09583 2.47917 6.2875 2.2875C6.47917 2.09583 6.71667 2 7 2C7.28333 2 7.52083 2.09583 7.7125 2.2875C7.90417 2.47917 8 2.71667 8 3V4H16V3C16 2.71667 16.0958 2.47917 16.2875 2.2875C16.4792 2.09583 16.7167 2 17 2C17.2833 2 17.5208 2.09583 17.7125 2.2875C17.9042 2.47917 18 2.71667 18 3V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-calendar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlSymbolSize",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
+                    "references": {
+                        "SwirlSymbolSize": {
+                            "location": "import",
+                            "path": "../swirl-symbol.types",
+                            "id": "src/components/swirl-symbol/swirl-symbol.types.ts::SwirlSymbolSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-campaign.js

@@ -0,0 +1,54 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolCampaign {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '68c8ed1bc3a791cf888d139417c5b01b70dde7ee', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'd00966654696533d05a936ae35dc0c9192759a5f' }, h("path", { key: '81dff48bddb9223803c71dbe9a35e5eaf57947c9', d: "M21 13H19C18.7167 13 18.4792 12.9042 18.2875 12.7125C18.0958 12.5208 18 12.2833 18 12C18 11.7167 18.0958 11.4792 18.2875 11.2875C18.4792 11.0958 18.7167 11 19 11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13ZM16.6 16.8C16.7667 16.5667 16.9833 16.4333 17.25 16.4C17.5167 16.3667 17.7667 16.4333 18 16.6L19.6 17.8C19.8333 17.9667 19.9667 18.1833 20 18.45C20.0333 18.7167 19.9667 18.9667 19.8 19.2C19.6333 19.4333 19.4167 19.5667 19.15 19.6C18.8833 19.6333 18.6333 19.5667 18.4 19.4L16.8 18.2C16.5667 18.0333 16.4333 17.8167 16.4 17.55C16.3667 17.2833 16.4333 17.0333 16.6 16.8ZM19.6 6.2L18 7.4C17.7667 7.56666 17.5167 7.63333 17.25 7.6C16.9833 7.56666 16.7667 7.43333 16.6 7.2C16.4333 6.96666 16.3667 6.71666 16.4 6.45C16.4333 6.18333 16.5667 5.96666 16.8 5.8L18.4 4.6C18.6333 4.43333 18.8833 4.36666 19.15 4.4C19.4167 4.43333 19.6333 4.56666 19.8 4.8C19.9667 5.03333 20.0333 5.28333 20 5.55C19.9667 5.81666 19.8333 6.03333 19.6 6.2ZM5 15H4C3.45 15 2.97917 14.8042 2.5875 14.4125C2.19583 14.0208 2 13.55 2 13V11C2 10.45 2.19583 9.97916 2.5875 9.5875C2.97917 9.19583 3.45 9 4 9H8L11.475 6.9C11.8083 6.7 12.1458 6.7 12.4875 6.9C12.8292 7.1 13 7.39166 13 7.775V16.225C13 16.6083 12.8292 16.9 12.4875 17.1C12.1458 17.3 11.8083 17.3 11.475 17.1L8 15H7V18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19C5.71667 19 5.47917 18.9042 5.2875 18.7125C5.09583 18.5208 5 18.2833 5 18V15ZM14 15.35V8.65C14.45 9.05 14.8125 9.5375 15.0875 10.1125C15.3625 10.6875 15.5 11.3167 15.5 12C15.5 12.6833 15.3625 13.3125 15.0875 13.8875C14.8125 14.4625 14.45 14.95 14 15.35Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-campaign"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlSymbolSize",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
+                    "references": {
+                        "SwirlSymbolSize": {
+                            "location": "import",
+                            "path": "../swirl-symbol.types",
+                            "id": "src/components/swirl-symbol/swirl-symbol.types.ts::SwirlSymbolSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-cards-star.js

@@ -0,0 +1,54 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolCardsStar {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '9f6d4107638c1ea39ac640ee29a5a39a4311f1c6', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '7fc37c5c0a153b57a4b1922e30e9858a95f3dd57' }, h("path", { key: '14cff491b70d0355ab11a95007dbb61d3447a709', d: "M5.7 21.875C5.15 21.9583 4.65417 21.8292 4.2125 21.4875C3.77084 21.1458 3.51667 20.7 3.45 20.15L2.125 9.225C2.05834 8.675 2.19167 8.18333 2.525 7.75C2.85834 7.31667 3.3 7.06667 3.85 7L5 6.85V15C5 16.1 5.39167 17.0417 6.175 17.825C6.95834 18.6083 7.9 19 9 19H18.3C18.2 19.4 18 19.7458 17.7 20.0375C17.4 20.3292 17.0333 20.5 16.6 20.55L5.7 21.875ZM9 17C8.45 17 7.97917 16.8042 7.5875 16.4125C7.19584 16.0208 7 15.55 7 15V4C7 3.45 7.19584 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V15C22 15.55 21.8042 16.0208 21.4125 16.4125C21.0208 16.8042 20.55 17 20 17H9ZM12.725 12.2L14.5 11.125L16.275 12.2C16.375 12.2667 16.4708 12.2667 16.5625 12.2C16.6542 12.1333 16.6833 12.0417 16.65 11.925L16.175 9.9L17.725 8.55C17.8083 8.46667 17.8375 8.37917 17.8125 8.2875C17.7875 8.19583 17.7167 8.14167 17.6 8.125L15.55 7.95L14.725 6.05C14.6917 5.95 14.6167 5.9 14.5 5.9C14.3833 5.9 14.3083 5.95 14.275 6.05L13.45 7.95L11.4 8.125C11.2833 8.14167 11.2125 8.19583 11.1875 8.2875C11.1625 8.37917 11.1917 8.46667 11.275 8.55L12.825 9.9L12.35 11.925C12.3167 12.0417 12.3458 12.1333 12.4375 12.2C12.5292 12.2667 12.625 12.2667 12.725 12.2Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-cards-star"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlSymbolSize",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
+                    "references": {
+                        "SwirlSymbolSize": {
+                            "location": "import",
+                            "path": "../swirl-symbol.types",
+                            "id": "src/components/swirl-symbol/swirl-symbol.types.ts::SwirlSymbolSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-construction.js

@@ -0,0 +1,54 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolConstruction {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '3961d1c989398f0fd041c4672e816e3946baaf28', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'a5a02d31d39c1a0e6654191c43810eaf466b2de7' }, h("path", { key: 'b0db301decad75ee97290063f227110bc6026eed', d: "M17.85 19.95L13.425 15.525L15.525 13.425L19.95 17.85C20.2333 18.1333 20.375 18.4833 20.375 18.9C20.375 19.3166 20.2333 19.6666 19.95 19.95C19.6667 20.2333 19.3167 20.375 18.9 20.375C18.4833 20.375 18.1333 20.2333 17.85 19.95ZM4.05 19.95C3.76667 19.6666 3.625 19.3166 3.625 18.9C3.625 18.4833 3.76667 18.1333 4.05 17.85L9.9 12L8.2 10.3C8.01667 10.4833 7.78334 10.575 7.5 10.575C7.21667 10.575 6.98334 10.4833 6.8 10.3L6.225 9.72498V11.975C6.225 12.2083 6.125 12.3666 5.925 12.45C5.725 12.5333 5.54167 12.4916 5.375 12.325L2.65 9.59998C2.48334 9.43331 2.44167 9.24998 2.525 9.04998C2.60834 8.84998 2.76667 8.74998 3 8.74998H5.25L4.7 8.19998C4.5 7.99998 4.4 7.76664 4.4 7.49998C4.4 7.23331 4.5 6.99998 4.7 6.79998L7.55 3.94998C7.88334 3.61664 8.24167 3.37498 8.625 3.22498C9.00834 3.07498 9.4 2.99998 9.8 2.99998C10.1333 2.99998 10.4458 3.04998 10.7375 3.14998C11.0292 3.24998 11.3167 3.39998 11.6 3.59998C11.7333 3.68331 11.8042 3.79998 11.8125 3.94998C11.8208 4.09998 11.7667 4.23331 11.65 4.34998L9.75 6.24998L10.3 6.79998C10.4833 6.98331 10.575 7.21664 10.575 7.49998C10.575 7.78331 10.4833 8.01664 10.3 8.19998L12 9.89998L14.25 7.64998C14.1833 7.46664 14.1292 7.27498 14.0875 7.07498C14.0458 6.87498 14.025 6.67498 14.025 6.47498C14.025 5.49164 14.3625 4.66248 15.0375 3.98748C15.7125 3.31248 16.5417 2.97498 17.525 2.97498C17.6583 2.97498 17.7833 2.97914 17.9 2.98748C18.0167 2.99581 18.1333 3.01664 18.25 3.04998C18.4 3.09998 18.4958 3.20414 18.5375 3.36248C18.5792 3.52081 18.5417 3.65831 18.425 3.77498L16.8 5.39998C16.7 5.49998 16.65 5.61664 16.65 5.74998C16.65 5.88331 16.7 5.99998 16.8 6.09998L17.9 7.19998C18 7.29998 18.1167 7.34998 18.25 7.34998C18.3833 7.34998 18.5 7.29998 18.6 7.19998L20.225 5.57498C20.3417 5.45831 20.4792 5.41664 20.6375 5.44998C20.7958 5.48331 20.9 5.58331 20.95 5.74998C20.9833 5.86664 21.0042 5.98331 21.0125 6.09998C21.0208 6.21664 21.025 6.34164 21.025 6.47498C21.025 7.45831 20.6875 8.28748 20.0125 8.96248C19.3375 9.63748 18.5083 9.97498 17.525 9.97498C17.325 9.97498 17.125 9.95831 16.925 9.92498C16.725 9.89164 16.5333 9.83331 16.35 9.74998L6.15 19.95C5.86667 20.2333 5.51667 20.375 5.1 20.375C4.68334 20.375 4.33334 20.2333 4.05 19.95Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-construction"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-symbol.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "number",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlSymbolSize",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
+                    "references": {
+                        "SwirlSymbolSize": {
+                            "location": "import",
+                            "path": "../swirl-symbol.types",
+                            "id": "src/components/swirl-symbol/swirl-symbol.types.ts::SwirlSymbolSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "24"
+            }
+        };
+    }
+}