@getflip/swirl-components 0.383.0 → 0.385.0

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-engineering.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 SwirlSymbolEngineering {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: 'dd11aa09a813f0d615a4c0987c72ce64cd205f9a', 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: '3f236b8bb1a2afcdb982fea1952935e788077cdd' }, h("path", { key: 'd35fb6267976b90e41fb842f1ba424cba39f0f3e', d: "M1.04999 20V18.2C1.04999 17.65 1.19165 17.1333 1.47499 16.65C1.75832 16.1667 2.14999 15.8 2.64999 15.55C3.49999 15.1167 4.45832 14.75 5.52499 14.45C6.59165 14.15 7.76665 14 9.04999 14C10.3333 14 11.5083 14.15 12.575 14.45C13.6417 14.75 14.6 15.1167 15.45 15.55C15.95 15.8 16.3417 16.1667 16.625 16.65C16.9083 17.1333 17.05 17.65 17.05 18.2V20C17.05 20.2833 16.9542 20.5208 16.7625 20.7125C16.5708 20.9042 16.3333 21 16.05 21H2.04999C1.76665 21 1.52915 20.9042 1.33749 20.7125C1.14582 20.5208 1.04999 20.2833 1.04999 20ZM9.04999 13C7.94999 13 7.00832 12.6083 6.22499 11.825C5.44165 11.0417 5.04999 10.1 5.04999 9H4.79999C4.64999 9 4.52915 8.95417 4.43749 8.8625C4.34582 8.77083 4.29999 8.65 4.29999 8.5C4.29999 8.35 4.34582 8.22917 4.43749 8.1375C4.52915 8.04583 4.64999 8 4.79999 8H5.04999C5.04999 7.25 5.23332 6.575 5.59999 5.975C5.96665 5.375 6.44999 4.9 7.04999 4.55V5.5C7.04999 5.65 7.09582 5.77083 7.18749 5.8625C7.27915 5.95417 7.39999 6 7.54999 6C7.69999 6 7.82082 5.95417 7.91249 5.8625C8.00415 5.77083 8.04999 5.65 8.04999 5.5V4.15C8.19999 4.1 8.35832 4.0625 8.52499 4.0375C8.69165 4.0125 8.86665 4 9.04999 4C9.23332 4 9.40832 4.0125 9.57499 4.0375C9.74165 4.0625 9.89999 4.1 10.05 4.15V5.5C10.05 5.65 10.0958 5.77083 10.1875 5.8625C10.2792 5.95417 10.4 6 10.55 6C10.7 6 10.8208 5.95417 10.9125 5.8625C11.0042 5.77083 11.05 5.65 11.05 5.5V4.55C11.65 4.9 12.1333 5.375 12.5 5.975C12.8667 6.575 13.05 7.25 13.05 8H13.3C13.45 8 13.5708 8.04583 13.6625 8.1375C13.7542 8.22917 13.8 8.35 13.8 8.5C13.8 8.65 13.7542 8.77083 13.6625 8.8625C13.5708 8.95417 13.45 9 13.3 9H13.05C13.05 10.1 12.6583 11.0417 11.875 11.825C11.0917 12.6083 10.15 13 9.04999 13ZM9.04999 11C9.59999 11 10.0708 10.8042 10.4625 10.4125C10.8542 10.0208 11.05 9.55 11.05 9H7.04999C7.04999 9.55 7.24582 10.0208 7.63749 10.4125C8.02915 10.8042 8.49999 11 9.04999 11ZM16.475 14.6L16.4 14.25C16.3 14.2167 16.2042 14.1792 16.1125 14.1375C16.0208 14.0958 15.9333 14.0333 15.85 13.95L15.55 14.05C15.4333 14.0833 15.3208 14.0833 15.2125 14.05C15.1042 14.0167 15.0167 13.9417 14.95 13.825L14.85 13.65C14.7833 13.55 14.7625 13.4417 14.7875 13.325C14.8125 13.2083 14.8667 13.1083 14.95 13.025L15.2 12.8V12.2L14.95 11.975C14.8667 11.8917 14.8125 11.7917 14.7875 11.675C14.7625 11.5583 14.7833 11.45 14.85 11.35L14.95 11.175C15.0167 11.0583 15.1042 10.9833 15.2125 10.95C15.3208 10.9167 15.4333 10.9167 15.55 10.95L15.85 11.05C15.9167 10.9833 16 10.925 16.1 10.875C16.2 10.825 16.3 10.7833 16.4 10.75L16.475 10.4C16.5083 10.2833 16.5667 10.1875 16.65 10.1125C16.7333 10.0375 16.8333 10 16.95 10H17.15C17.2667 10 17.3667 10.0375 17.45 10.1125C17.5333 10.1875 17.5917 10.2833 17.625 10.4L17.7 10.75C17.8 10.7833 17.9 10.825 18 10.875C18.1 10.925 18.1833 10.9833 18.25 11.05L18.55 10.95C18.6667 10.9167 18.7792 10.9167 18.8875 10.95C18.9958 10.9833 19.0833 11.0583 19.15 11.175L19.25 11.35C19.3167 11.45 19.3375 11.5583 19.3125 11.675C19.2875 11.7917 19.2333 11.8917 19.15 11.975L18.9 12.2V12.8L19.15 13.025C19.2333 13.1083 19.2875 13.2083 19.3125 13.325C19.3375 13.4417 19.3167 13.55 19.25 13.65L19.15 13.825C19.0833 13.9417 18.9958 14.0167 18.8875 14.05C18.7792 14.0833 18.6667 14.0833 18.55 14.05L18.25 13.95C18.1667 14.0333 18.0792 14.0958 17.9875 14.1375C17.8958 14.1792 17.8 14.2167 17.7 14.25L17.625 14.6C17.5917 14.7167 17.5333 14.8125 17.45 14.8875C17.3667 14.9625 17.2667 15 17.15 15H16.95C16.8333 15 16.7333 14.9625 16.65 14.8875C16.5667 14.8125 16.5083 14.7167 16.475 14.6ZM17.05 13.25C17.25 13.25 17.425 13.175 17.575 13.025C17.725 12.875 17.8 12.7 17.8 12.5C17.8 12.3 17.725 12.125 17.575 11.975C17.425 11.825 17.25 11.75 17.05 11.75C16.85 11.75 16.675 11.825 16.525 11.975C16.375 12.125 16.3 12.3 16.3 12.5C16.3 12.7 16.375 12.875 16.525 13.025C16.675 13.175 16.85 13.25 17.05 13.25ZM18.75 9.45L18.65 8.95C18.5 8.9 18.3625 8.8375 18.2375 8.7625C18.1125 8.6875 18 8.6 17.9 8.5L17.375 8.675C17.225 8.725 17.075 8.72083 16.925 8.6625C16.775 8.60417 16.6583 8.50833 16.575 8.375L16.425 8.125C16.3417 7.99167 16.3125 7.84583 16.3375 7.6875C16.3625 7.52917 16.4417 7.39167 16.575 7.275L17 6.9C16.9667 6.81667 16.95 6.75 16.95 6.7V6.3C16.95 6.25 16.9667 6.18333 17 6.1L16.575 5.725C16.4417 5.60833 16.3625 5.47083 16.3375 5.3125C16.3125 5.15417 16.3417 5.00833 16.425 4.875L16.575 4.625C16.6583 4.49167 16.775 4.39583 16.925 4.3375C17.075 4.27917 17.225 4.275 17.375 4.325L17.9 4.5C18 4.4 18.1125 4.3125 18.2375 4.2375C18.3625 4.1625 18.5 4.1 18.65 4.05L18.75 3.55C18.7833 3.38333 18.8625 3.25 18.9875 3.15C19.1125 3.05 19.2583 3 19.425 3H19.675C19.8417 3 19.9875 3.05 20.1125 3.15C20.2375 3.25 20.3167 3.38333 20.35 3.55L20.45 4.05C20.6 4.1 20.7375 4.1625 20.8625 4.2375C20.9875 4.3125 21.1 4.4 21.2 4.5L21.725 4.325C21.875 4.275 22.025 4.27917 22.175 4.3375C22.325 4.39583 22.4417 4.49167 22.525 4.625L22.675 4.875C22.7583 5.00833 22.7875 5.15417 22.7625 5.3125C22.7375 5.47083 22.6583 5.60833 22.525 5.725L22.1 6.1C22.1333 6.18333 22.15 6.25 22.15 6.3V6.7C22.15 6.75 22.1333 6.81667 22.1 6.9L22.525 7.275C22.6583 7.39167 22.7375 7.52917 22.7625 7.6875C22.7875 7.84583 22.7583 7.99167 22.675 8.125L22.525 8.375C22.4417 8.50833 22.325 8.60417 22.175 8.6625C22.025 8.72083 21.875 8.725 21.725 8.675L21.2 8.5C21.1 8.6 20.9875 8.6875 20.8625 8.7625C20.7375 8.8375 20.6 8.9 20.45 8.95L20.35 9.45C20.3167 9.61667 20.2375 9.75 20.1125 9.85C19.9875 9.95 19.8417 10 19.675 10H19.425C19.2583 10 19.1125 9.95 18.9875 9.85C18.8625 9.75 18.7833 9.61667 18.75 9.45ZM19.55 7.75C19.9 7.75 20.1958 7.62917 20.4375 7.3875C20.6792 7.14583 20.8 6.85 20.8 6.5C20.8 6.15 20.6792 5.85417 20.4375 5.6125C20.1958 5.37083 19.9 5.25 19.55 5.25C19.2 5.25 18.9042 5.37083 18.6625 5.6125C18.4208 5.85417 18.3 6.15 18.3 6.5C18.3 6.85 18.4208 7.14583 18.6625 7.3875C18.9042 7.62917 19.2 7.75 19.55 7.75Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-engineering"; }
+    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-event-menu.js

@@ -6,9 +6,8 @@ export class SwirlSymbolEventMenu {
         this.size = 24;
     }
     render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '20b8d561855a3c14bc86b23a32d2ea638f6abf47', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'b24f88d0f1f866f3fcd93b26a42cfa65bd9f483d' }, h("path", { key: 'f365aff693f1216f61057a268caf455de490b14c', d: "M16 13H13C12.7348 13 12.4804 13.1054 12.2929 13.2929C12.1054 13.4804 12 13.7348 12 14V17C12 17.2652 12.1054 17.5196 12.2929 17.7071C12.4804 17.8946 12.7348 18 13 18H16C16.2652 18 16.5196 17.8946 16.7071 17.7071C16.8946 17.5196 17 17.2652 17 17V14C17 13.7348 16.8946 13.4804 16.7071 13.2929C16.5196 13.1054 16.2652 13 16 13ZM16 3V4H8V3C8 2.73478 7.89464 2.48043 7.70711 2.29289C7.51957 2.10536 7.26522 2 7 2C6.73478 2 6.48043 2.10536 6.29289 2.29289C6.10536 2.48043 6 2.73478 6 3V4H5C4.73786 4.00013 4.47833 4.05202 4.2363 4.1527C3.99427 4.25338 3.7745 4.40086 3.58961 4.58668C3.40471 4.77251 3.25833 4.99301 3.15887 5.23554C3.05941 5.47808 3.00882 5.73787 3.01 6L3 20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5299 21.9984 20.0377 21.7872 20.4125 21.4125C20.7872 21.0377 20.9984 20.5299 21 20V6C20.9984 5.47005 20.7872 4.96227 20.4125 4.58753C20.0377 4.2128 19.5299 4.00158 19 4H18V3C18 2.73478 17.8946 2.48043 17.7071 2.29289C17.5196 2.10536 17.2652 2 17 2C16.7348 2 16.4804 2.10536 16.2929 2.29289C16.1054 2.48043 16 2.73478 16 3ZM18 20H6C5.73478 20 5.48043 19.8946 5.29289 19.7071C5.10536 19.5196 5 19.2652 5 19V9H19V19C19 19.2652 18.8946 19.5196 18.7071 19.7071C18.5196 19.8946 18.2652 20 18 20Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'adc111bab0c1125e92333f17c4e4a6eec9064c47', 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: 'b67fdcf514d9b2b94234e426dbfc11f8cdbdc8fd' }, h("path", { key: '512b498607c3ad57f8a1aad941ae7c24063989fe', d: "M16 13H13C12.7348 13 12.4804 13.1054 12.2929 13.2929C12.1054 13.4804 12 13.7348 12 14V17C12 17.2652 12.1054 17.5196 12.2929 17.7071C12.4804 17.8946 12.7348 18 13 18H16C16.2652 18 16.5196 17.8946 16.7071 17.7071C16.8946 17.5196 17 17.2652 17 17V14C17 13.7348 16.8946 13.4804 16.7071 13.2929C16.5196 13.1054 16.2652 13 16 13ZM16 3V4H8V3C8 2.73478 7.89464 2.48043 7.70711 2.29289C7.51957 2.10536 7.26522 2 7 2C6.73478 2 6.48043 2.10536 6.29289 2.29289C6.10536 2.48043 6 2.73478 6 3V4H5C4.73786 4.00013 4.47833 4.05202 4.2363 4.1527C3.99427 4.25338 3.7745 4.40086 3.58961 4.58668C3.40471 4.77251 3.25833 4.99301 3.15887 5.23554C3.05941 5.47808 3.00882 5.73787 3.01 6L3 20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5299 21.9984 20.0377 21.7872 20.4125 21.4125C20.7872 21.0377 20.9984 20.5299 21 20V6C20.9984 5.47005 20.7872 4.96227 20.4125 4.58753C20.0377 4.2128 19.5299 4.00158 19 4H18V3C18 2.73478 17.8946 2.48043 17.7071 2.29289C17.5196 2.10536 17.2652 2 17 2C16.7348 2 16.4804 2.10536 16.2929 2.29289C16.1054 2.48043 16 2.73478 16 3ZM18 20H6C5.73478 20 5.48043 19.8946 5.29289 19.7071C5.10536 19.5196 5 19.2652 5 19V9H19V19C19 19.2652 18.8946 19.5196 18.7071 19.7071C18.5196 19.8946 18.2652 20 18 20Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-event-menu"; }
     static get encapsulation() { return "shadow"; }
@@ -30,7 +29,7 @@ export class SwirlSymbolEventMenu {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlSymbolSize",
-                    "resolved": "20 | 24",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
                     "references": {
                         "SwirlSymbolSize": {
                             "location": "import",

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-explore.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 SwirlSymbolExplore {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '2f354c83db4dba9d1faf742889000dee21b5fa55', 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: '96eb49fcfd36163c341403a50ffe7c8dac675d58' }, h("path", { key: 'f0b6a1a22a13d4209b67ef1aa6bba1f38e8bf48c', d: "M8.375 16.25L13.425 14.8C13.7583 14.7 14.0458 14.5292 14.2875 14.2875C14.5292 14.0458 14.7 13.7583 14.8 13.425L16.25 8.375C16.3 8.19167 16.2542 8.02917 16.1125 7.8875C15.9708 7.74583 15.8083 7.7 15.625 7.75L10.575 9.2C10.2417 9.3 9.95417 9.47083 9.7125 9.7125C9.47083 9.95417 9.3 10.2417 9.2 10.575L7.75 15.625C7.7 15.8083 7.74583 15.9708 7.8875 16.1125C8.02917 16.2542 8.19167 16.3 8.375 16.25ZM12 13.5C11.5833 13.5 11.2292 13.3542 10.9375 13.0625C10.6458 12.7708 10.5 12.4167 10.5 12C10.5 11.5833 10.6458 11.2292 10.9375 10.9375C11.2292 10.6458 11.5833 10.5 12 10.5C12.4167 10.5 12.7708 10.6458 13.0625 10.9375C13.3542 11.2292 13.5 11.5833 13.5 12C13.5 12.4167 13.3542 12.7708 13.0625 13.0625C12.7708 13.3542 12.4167 13.5 12 13.5ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-explore"; }
+    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-extension.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 SwirlSymbolExtension {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '8a7768664aa92e7e9acc33a217e91bc6e4008ff6', 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: 'd9f7e77fce82f06e80a247f5865ad2a2acb3b029' }, h("path", { key: '82c2013cc40bf71f8d7771918db4743e0c95ef55', d: "M8.8 21H5C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V15.2C3.8 15.2 4.5 14.9458 5.1 14.4375C5.7 13.9292 6 13.2833 6 12.5C6 11.7167 5.7 11.0708 5.1 10.5625C4.5 10.0542 3.8 9.8 3 9.8V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H9C9 3.3 9.24167 2.70833 9.725 2.225C10.2083 1.74167 10.8 1.5 11.5 1.5C12.2 1.5 12.7917 1.74167 13.275 2.225C13.7583 2.70833 14 3.3 14 4H18C18.55 4 19.0208 4.19583 19.4125 4.5875C19.8042 4.97917 20 5.45 20 6V10C20.7 10 21.2917 10.2417 21.775 10.725C22.2583 11.2083 22.5 11.8 22.5 12.5C22.5 13.2 22.2583 13.7917 21.775 14.275C21.2917 14.7583 20.7 15 20 15V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H14.2C14.2 20.1667 13.9375 19.4583 13.4125 18.875C12.8875 18.2917 12.25 18 11.5 18C10.75 18 10.1125 18.2917 9.5875 18.875C9.0625 19.4583 8.8 20.1667 8.8 21Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-extension"; }
+    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-facebook.js

@@ -6,9 +6,8 @@ export class SwirlSymbolFacebook {
         this.size = 24;
     }
     render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '1d4bf77009331fb656a85147426477598464c39a', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '10310f52daa992a781fb61a838e248131e734ced' }, h("path", { key: '92608bde9e4e00ac14a25ef7a19393519843a3c0', d: "M22 11.934C21.9999 10.023 21.4521 8.15198 20.4217 6.54256C19.3912 4.93315 17.9211 3.65271 16.1856 2.85283C14.45 2.05295 12.5215 1.76714 10.6285 2.02924C8.73555 2.29133 6.95731 3.09035 5.50433 4.3317C4.05136 5.57305 2.98451 7.20474 2.43009 9.03358C1.87566 10.8624 1.85689 12.8119 2.37598 14.651C2.89508 16.4902 3.9303 18.1422 5.3591 19.4113C6.78789 20.6804 8.55042 21.5135 10.438 21.812V14.825H7.9V11.933H10.438V9.731C10.3838 9.21658 10.4433 8.69654 10.6123 8.20766C10.7812 7.71878 11.0556 7.27301 11.4159 6.9019C11.7763 6.53078 12.2138 6.2434 12.6975 6.06007C13.1811 5.87674 13.6992 5.80195 14.215 5.841C14.9649 5.8529 15.7129 5.91975 16.453 6.041V8.497H15.192C14.9769 8.46831 14.7581 8.48844 14.5518 8.5559C14.3456 8.62336 14.1571 8.73641 14.0005 8.88666C13.844 9.03691 13.7232 9.2205 13.6473 9.4238C13.5714 9.6271 13.5422 9.84489 13.562 10.061V11.936H16.335L15.892 14.828H13.562V21.816C15.915 21.4439 18.0579 20.244 19.6048 18.4323C21.1518 16.6207 22.0011 14.3163 22 11.934Z", fill: "currentColor" }))));
+        return (h("svg", { key: '5ac9cd73f5865bab30cd8d15e518a89a54efdb99', 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: '9e8cf353c7f789fd60d42250e855681e3a08a746' }, h("path", { key: '25953fb0d10f0f145c5327103b22813582edb067', d: "M22 11.934C21.9999 10.023 21.4521 8.15198 20.4217 6.54256C19.3912 4.93315 17.9211 3.65271 16.1856 2.85283C14.45 2.05295 12.5215 1.76714 10.6285 2.02924C8.73555 2.29133 6.95731 3.09035 5.50433 4.3317C4.05136 5.57305 2.98451 7.20474 2.43009 9.03358C1.87566 10.8624 1.85689 12.8119 2.37598 14.651C2.89508 16.4902 3.9303 18.1422 5.3591 19.4113C6.78789 20.6804 8.55042 21.5135 10.438 21.812V14.825H7.9V11.933H10.438V9.731C10.3838 9.21658 10.4433 8.69654 10.6123 8.20766C10.7812 7.71878 11.0556 7.27301 11.4159 6.9019C11.7763 6.53078 12.2138 6.2434 12.6975 6.06007C13.1811 5.87674 13.6992 5.80195 14.215 5.841C14.9649 5.8529 15.7129 5.91975 16.453 6.041V8.497H15.192C14.9769 8.46831 14.7581 8.48844 14.5518 8.5559C14.3456 8.62336 14.1571 8.73641 14.0005 8.88666C13.844 9.03691 13.7232 9.2205 13.6473 9.4238C13.5714 9.6271 13.5422 9.84489 13.562 10.061V11.936H16.335L15.892 14.828H13.562V21.816C15.915 21.4439 18.0579 20.244 19.6048 18.4323C21.1518 16.6207 22.0011 14.3163 22 11.934Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-facebook"; }
     static get encapsulation() { return "shadow"; }
@@ -30,7 +29,7 @@ export class SwirlSymbolFacebook {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlSymbolSize",
-                    "resolved": "20 | 24",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
                     "references": {
                         "SwirlSymbolSize": {
                             "location": "import",

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

@@ -6,9 +6,8 @@ export class SwirlSymbolFavorite {
         this.size = 24;
     }
     render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'c18b19a121e04a94f783313cce89502574854734', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'fce8f4283cba80b7924b460df96e41746b0e1805' }, h("path", { key: '44b46df409b61b87bf62f6ea235fa4f47f1204ca', d: "M13.35 20.13C12.9807 20.4631 12.5004 20.6467 12.0031 20.6448C11.5057 20.643 11.0269 20.4559 10.66 20.12L10.55 20.02C5.3 15.27 1.87 12.16 2 8.28001C2.02993 7.43229 2.25699 6.60322 2.66317 5.85855C3.06935 5.11389 3.64348 4.47412 4.34 3.99001C5.52831 3.19831 6.96689 2.87278 8.38027 3.07574C9.79366 3.27871 11.0825 3.99591 12 5.09001C12.9154 3.99287 14.2046 3.27341 15.6189 3.0703C17.0333 2.86719 18.4728 3.19481 19.66 3.99001C20.3565 4.47412 20.9306 5.11389 21.3368 5.85855C21.743 6.60322 21.9701 7.43229 22 8.28001C22.14 12.16 18.7 15.27 13.45 20.04L13.35 20.13Z", fill: "currentColor" }))));
+        return (h("svg", { key: '4ca19f948541e7d1e033ac74cf141ee7f6da8484', 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: 'bb9bc1bad2455768ba67cfa6238626679b018059' }, h("path", { key: '21875f89bc4fffc555163062a1c639bbe6976a95', d: "M13.35 20.13C12.9807 20.4631 12.5004 20.6467 12.0031 20.6448C11.5057 20.643 11.0269 20.4559 10.66 20.12L10.55 20.02C5.3 15.27 1.87 12.16 2 8.28001C2.02993 7.43229 2.25699 6.60322 2.66317 5.85855C3.06935 5.11389 3.64348 4.47412 4.34 3.99001C5.52831 3.19831 6.96689 2.87278 8.38027 3.07574C9.79366 3.27871 11.0825 3.99591 12 5.09001C12.9154 3.99287 14.2046 3.27341 15.6189 3.0703C17.0333 2.86719 18.4728 3.19481 19.66 3.99001C20.3565 4.47412 20.9306 5.11389 21.3368 5.85855C21.743 6.60322 21.9701 7.43229 22 8.28001C22.14 12.16 18.7 15.27 13.45 20.04L13.35 20.13Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-favorite"; }
     static get encapsulation() { return "shadow"; }
@@ -30,7 +29,7 @@ export class SwirlSymbolFavorite {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlSymbolSize",
-                    "resolved": "20 | 24",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
                     "references": {
                         "SwirlSymbolSize": {
                             "location": "import",

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-fitness-center.js

@@ -6,9 +6,8 @@ export class SwirlSymbolFitnessCenter {
         this.size = 24;
     }
     render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '10241a499ad40859dcff034cecb60069e687ec2f', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'd9f51899536f230fe70baac7a21f0e20ad6957e1' }, h("path", { key: '82c042b68d6e83796aa30807ad12c4bfe66e2af8', d: "M20.57 14.86L21.29 14.14C21.4762 13.9526 21.5808 13.6992 21.5808 13.435C21.5808 13.1708 21.4762 12.9174 21.29 12.73L21.27 12.71C21.0826 12.5238 20.8292 12.4192 20.565 12.4192C20.3008 12.4192 20.0474 12.5238 19.86 12.71L17 15.57L8.43 7L11.29 4.14C11.4762 3.95264 11.5808 3.69919 11.5808 3.435C11.5808 3.17082 11.4762 2.91736 11.29 2.73L11.27 2.71C11.0826 2.52375 10.8292 2.41921 10.565 2.41921C10.3008 2.41921 10.0474 2.52375 9.86 2.71L9.14 3.43L8.42 2.71C8.23119 2.52265 7.97598 2.41752 7.71 2.41752C7.44401 2.41752 7.1888 2.52265 7 2.71L5.57 4.14L4.85 3.42C4.66037 3.23037 4.40317 3.12384 4.135 3.12384C3.86682 3.12384 3.60963 3.23037 3.42 3.42C3.23037 3.60963 3.12383 3.86683 3.12383 4.135C3.12383 4.40318 3.23037 4.66037 3.42 4.85L4.14 5.57L2.71 7C2.52375 7.18736 2.4192 7.44082 2.4192 7.705C2.4192 7.96919 2.52375 8.22264 2.71 8.41L3.43 9.13L2.71 9.86C2.52375 10.0474 2.4192 10.3008 2.4192 10.565C2.4192 10.8292 2.52375 11.0826 2.71 11.27L2.73 11.29C2.91736 11.4763 3.17081 11.5808 3.435 11.5808C3.69918 11.5808 3.95263 11.4763 4.14 11.29L7 8.43L15.57 17L12.71 19.86C12.5237 20.0474 12.4192 20.3008 12.4192 20.565C12.4192 20.8292 12.5237 21.0826 12.71 21.27L12.73 21.29C12.9174 21.4763 13.1708 21.5808 13.435 21.5808C13.6992 21.5808 13.9526 21.4763 14.14 21.29L14.86 20.57L15.58 21.29C15.7674 21.4763 16.0208 21.5808 16.285 21.5808C16.5492 21.5808 16.8026 21.4763 16.99 21.29L18.42 19.86L19.14 20.58C19.3296 20.7696 19.5868 20.8762 19.855 20.8762C20.1232 20.8762 20.3804 20.7696 20.57 20.58C20.7596 20.3904 20.8662 20.1332 20.8662 19.865C20.8662 19.5968 20.7596 19.3396 20.57 19.15L19.85 18.43L21.29 17C21.4762 16.8126 21.5808 16.5592 21.5808 16.295C21.5808 16.0308 21.4762 15.7774 21.29 15.59L20.57 14.86Z", fill: "currentColor" }))));
+        return (h("svg", { key: '3adcb6e1e4b662bcc33459c45f88786abbfbfb66', 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: '408f166a3601f6df16976a2417ffbd41da644276' }, h("path", { key: 'a07a7a4d89941989bf986d255ab3a7ac2fb72615', d: "M20.57 14.86L21.29 14.14C21.4762 13.9526 21.5808 13.6992 21.5808 13.435C21.5808 13.1708 21.4762 12.9174 21.29 12.73L21.27 12.71C21.0826 12.5238 20.8292 12.4192 20.565 12.4192C20.3008 12.4192 20.0474 12.5238 19.86 12.71L17 15.57L8.43 7L11.29 4.14C11.4762 3.95264 11.5808 3.69919 11.5808 3.435C11.5808 3.17082 11.4762 2.91736 11.29 2.73L11.27 2.71C11.0826 2.52375 10.8292 2.41921 10.565 2.41921C10.3008 2.41921 10.0474 2.52375 9.86 2.71L9.14 3.43L8.42 2.71C8.23119 2.52265 7.97598 2.41752 7.71 2.41752C7.44401 2.41752 7.1888 2.52265 7 2.71L5.57 4.14L4.85 3.42C4.66037 3.23037 4.40317 3.12384 4.135 3.12384C3.86682 3.12384 3.60963 3.23037 3.42 3.42C3.23037 3.60963 3.12383 3.86683 3.12383 4.135C3.12383 4.40318 3.23037 4.66037 3.42 4.85L4.14 5.57L2.71 7C2.52375 7.18736 2.4192 7.44082 2.4192 7.705C2.4192 7.96919 2.52375 8.22264 2.71 8.41L3.43 9.13L2.71 9.86C2.52375 10.0474 2.4192 10.3008 2.4192 10.565C2.4192 10.8292 2.52375 11.0826 2.71 11.27L2.73 11.29C2.91736 11.4763 3.17081 11.5808 3.435 11.5808C3.69918 11.5808 3.95263 11.4763 4.14 11.29L7 8.43L15.57 17L12.71 19.86C12.5237 20.0474 12.4192 20.3008 12.4192 20.565C12.4192 20.8292 12.5237 21.0826 12.71 21.27L12.73 21.29C12.9174 21.4763 13.1708 21.5808 13.435 21.5808C13.6992 21.5808 13.9526 21.4763 14.14 21.29L14.86 20.57L15.58 21.29C15.7674 21.4763 16.0208 21.5808 16.285 21.5808C16.5492 21.5808 16.8026 21.4763 16.99 21.29L18.42 19.86L19.14 20.58C19.3296 20.7696 19.5868 20.8762 19.855 20.8762C20.1232 20.8762 20.3804 20.7696 20.57 20.58C20.7596 20.3904 20.8662 20.1332 20.8662 19.865C20.8662 19.5968 20.7596 19.3396 20.57 19.15L19.85 18.43L21.29 17C21.4762 16.8126 21.5808 16.5592 21.5808 16.295C21.5808 16.0308 21.4762 15.7774 21.29 15.59L20.57 14.86Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-fitness-center"; }
     static get encapsulation() { return "shadow"; }
@@ -30,7 +29,7 @@ export class SwirlSymbolFitnessCenter {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlSymbolSize",
-                    "resolved": "20 | 24",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
                     "references": {
                         "SwirlSymbolSize": {
                             "location": "import",

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

@@ -6,9 +6,8 @@ export class SwirlSymbolFlag {
         this.size = 24;
     }
     render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '07085a6a8b3d8c87c75e10e8db966e9de846a39f', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'be86d0c51e9b5c7333b8a8a60452fd75f8bb7da8' }, h("path", { key: 'f9bc34b575c779611495b2aa04f38a7ab921ff74', d: "M14.4 6L14.16 4.8C14.1139 4.57413 13.9912 4.37112 13.8126 4.22534C13.634 4.07956 13.4105 3.99995 13.18 4H6C5.73478 4 5.48043 4.10536 5.29289 4.29289C5.10536 4.48043 5 4.73478 5 5V20C5 20.2652 5.10536 20.5196 5.29289 20.7071C5.48043 20.8946 5.73478 21 6 21C6.26522 21 6.51957 20.8946 6.70711 20.7071C6.89464 20.5196 7 20.2652 7 20V14H12.6L12.84 15.2C12.884 15.4269 13.0061 15.6312 13.1852 15.7774C13.3642 15.9236 13.5889 16.0023 13.82 16H19C19.2652 16 19.5196 15.8946 19.7071 15.7071C19.8946 15.5196 20 15.2652 20 15V7C20 6.73478 19.8946 6.48043 19.7071 6.29289C19.5196 6.10536 19.2652 6 19 6H14.4Z", fill: "currentColor" }))));
+        return (h("svg", { key: '5110e3efef6e2ec7d989656afe05aa2b2268fec4', 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: 'c9b241afa38c981a7764616f71733fd05c9b6c51' }, h("path", { key: '33830712086ac1c51a1a403142d647573e9d90de', d: "M14.4 6L14.16 4.8C14.1139 4.57413 13.9912 4.37112 13.8126 4.22534C13.634 4.07956 13.4105 3.99995 13.18 4H6C5.73478 4 5.48043 4.10536 5.29289 4.29289C5.10536 4.48043 5 4.73478 5 5V20C5 20.2652 5.10536 20.5196 5.29289 20.7071C5.48043 20.8946 5.73478 21 6 21C6.26522 21 6.51957 20.8946 6.70711 20.7071C6.89464 20.5196 7 20.2652 7 20V14H12.6L12.84 15.2C12.884 15.4269 13.0061 15.6312 13.1852 15.7774C13.3642 15.9236 13.5889 16.0023 13.82 16H19C19.2652 16 19.5196 15.8946 19.7071 15.7071C19.8946 15.5196 20 15.2652 20 15V7C20 6.73478 19.8946 6.48043 19.7071 6.29289C19.5196 6.10536 19.2652 6 19 6H14.4Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-flag"; }
     static get encapsulation() { return "shadow"; }
@@ -30,7 +29,7 @@ export class SwirlSymbolFlag {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlSymbolSize",
-                    "resolved": "20 | 24",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
                     "references": {
                         "SwirlSymbolSize": {
                             "location": "import",

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-flight.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 SwirlSymbolFlight {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: 'a3a4a845a7b456d1708dbfccf402218ccd902166', 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: 'f5662dbdeb2378de632bdfcb9be4ac56ea3fc981' }, h("path", { key: 'f349eac137c4a7d222f3dd7291aef51c52ca6879', d: "M10 13.8L3.675 16.325C3.275 16.4917 2.89583 16.4542 2.5375 16.2125C2.17917 15.9708 2 15.6333 2 15.2V14.65C2 14.45 2.04583 14.2583 2.1375 14.075C2.22917 13.8917 2.35833 13.7417 2.525 13.625L10 8.4V4C10 3.45 10.1958 2.97917 10.5875 2.5875C10.9792 2.19583 11.45 2 12 2C12.55 2 13.0208 2.19583 13.4125 2.5875C13.8042 2.97917 14 3.45 14 4V8.4L21.475 13.625C21.6417 13.7417 21.7708 13.8917 21.8625 14.075C21.9542 14.2583 22 14.45 22 14.65V15.2C22 15.6333 21.8208 15.9708 21.4625 16.2125C21.1042 16.4542 20.725 16.4917 20.325 16.325L14 13.8V17.4L16.575 19.2C16.7083 19.3 16.8125 19.4208 16.8875 19.5625C16.9625 19.7042 17 19.8583 17 20.025V20.625C17 20.9583 16.8625 21.2292 16.5875 21.4375C16.3125 21.6458 16.0083 21.7 15.675 21.6L12 20.5L8.325 21.6C7.99167 21.7 7.6875 21.6458 7.4125 21.4375C7.1375 21.2292 7 20.9583 7 20.625V20.025C7 19.8583 7.0375 19.7042 7.1125 19.5625C7.1875 19.4208 7.29167 19.3 7.425 19.2L10 17.4V13.8Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-flight"; }
+    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-folder.js

@@ -6,9 +6,8 @@ export class SwirlSymbolFolder {
         this.size = 24;
     }
     render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '9f93c38c74b366e8ee09ed33d0c2c622dd66b23f', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '7bc380233e72d023538caee288efa880cc4b274f' }, h("path", { key: '90edb7e9d7433d87aa2bb24203e4d12d09ac9cf7', d: "M10.59 4.59C10.4037 4.4031 10.1824 4.25478 9.93878 4.15354C9.69511 4.05229 9.43386 4.00012 9.17 4H4C3.4713 4.00264 2.96516 4.21452 2.59225 4.58931C2.21933 4.9641 2.00999 5.4713 2.01 6L2 18C2.00158 18.5299 2.2128 19.0377 2.58753 19.4125C2.96227 19.7872 3.47005 19.9984 4 20H20C20.5299 19.9984 21.0377 19.7872 21.4125 19.4125C21.7872 19.0377 21.9984 18.5299 22 18V8C21.9984 7.47005 21.7872 6.96227 21.4125 6.58753C21.0377 6.2128 20.5299 6.00158 20 6H12L10.59 4.59Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'a6e4c201c00976e333da7bf425d2a42f1f66010b', 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: '8dcdde0386ad136474aa5e0c7951d9b463cd98fb' }, h("path", { key: '180f5fc25267012712c6d575f23574fc77f790c9', d: "M10.59 4.59C10.4037 4.4031 10.1824 4.25478 9.93878 4.15354C9.69511 4.05229 9.43386 4.00012 9.17 4H4C3.4713 4.00264 2.96516 4.21452 2.59225 4.58931C2.21933 4.9641 2.00999 5.4713 2.01 6L2 18C2.00158 18.5299 2.2128 19.0377 2.58753 19.4125C2.96227 19.7872 3.47005 19.9984 4 20H20C20.5299 19.9984 21.0377 19.7872 21.4125 19.4125C21.7872 19.0377 21.9984 18.5299 22 18V8C21.9984 7.47005 21.7872 6.96227 21.4125 6.58753C21.0377 6.2128 20.5299 6.00158 20 6H12L10.59 4.59Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-folder"; }
     static get encapsulation() { return "shadow"; }
@@ -30,7 +29,7 @@ export class SwirlSymbolFolder {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlSymbolSize",
-                    "resolved": "20 | 24",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
                     "references": {
                         "SwirlSymbolSize": {
                             "location": "import",

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

@@ -6,9 +6,8 @@ export class SwirlSymbolGlobe {
         this.size = 24;
     }
     render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '35e1cd722e8e54ee54daf1dfd0393ced48da344c', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '3c9a4bacd4a7b8adcc5b22035f8f405d5d4d460a' }, h("path", { key: '6215b57876ca249dcde2d98855e71307da8101e7', d: "M12 2C10.0222 2 8.08879 2.58649 6.44429 3.6853C4.7998 4.78412 3.51808 6.3459 2.7612 8.17317C2.00433 10.0004 1.80629 12.0111 2.19214 13.9509C2.578 15.8907 3.5304 17.6725 4.92893 19.0711C6.32745 20.4696 8.10928 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9996 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM11 19.93C9.06694 19.6891 7.28855 18.75 5.99939 17.2896C4.71024 15.8292 3.99918 13.948 4 12C4.00334 11.3974 4.07378 10.797 4.21 10.21L9 15V16C9.00158 16.5299 9.2128 17.0377 9.58753 17.4125C9.96226 17.7872 10.4701 17.9984 11 18V19.93ZM17.9 17.39C17.7732 16.9858 17.5203 16.6329 17.1784 16.3827C16.8366 16.1326 16.4236 15.9985 16 16H15V13C15 12.7348 14.8946 12.4804 14.7071 12.2929C14.5196 12.1054 14.2652 12 14 12H8V10H10C10.2652 10 10.5196 9.89464 10.7071 9.70711C10.8946 9.51957 11 9.26522 11 9V7H13C13.5299 6.99842 14.0377 6.7872 14.4125 6.41247C14.7872 6.03773 14.9984 5.52995 15 5V4.59C16.1968 5.07199 17.2589 5.83692 18.0954 6.81926C18.9319 7.80159 19.5177 8.97205 19.8028 10.2304C20.0879 11.4887 20.0637 12.7974 19.7323 14.0443C19.4009 15.2912 18.7722 16.4392 17.9 17.39Z", fill: "currentColor" }))));
+        return (h("svg", { key: '2642a1336f76c2520d9c9d786afaba3269f7e72b', 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: '7c4120710cfeb2205f7cb93f5b183a5b1ccfaf18' }, h("path", { key: 'aff4255dd695ba3126658ff7d667b0ddcfc746ff', d: "M12 2C10.0222 2 8.08879 2.58649 6.44429 3.6853C4.7998 4.78412 3.51808 6.3459 2.7612 8.17317C2.00433 10.0004 1.80629 12.0111 2.19214 13.9509C2.578 15.8907 3.5304 17.6725 4.92893 19.0711C6.32745 20.4696 8.10928 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9996 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM11 19.93C9.06694 19.6891 7.28855 18.75 5.99939 17.2896C4.71024 15.8292 3.99918 13.948 4 12C4.00334 11.3974 4.07378 10.797 4.21 10.21L9 15V16C9.00158 16.5299 9.2128 17.0377 9.58753 17.4125C9.96226 17.7872 10.4701 17.9984 11 18V19.93ZM17.9 17.39C17.7732 16.9858 17.5203 16.6329 17.1784 16.3827C16.8366 16.1326 16.4236 15.9985 16 16H15V13C15 12.7348 14.8946 12.4804 14.7071 12.2929C14.5196 12.1054 14.2652 12 14 12H8V10H10C10.2652 10 10.5196 9.89464 10.7071 9.70711C10.8946 9.51957 11 9.26522 11 9V7H13C13.5299 6.99842 14.0377 6.7872 14.4125 6.41247C14.7872 6.03773 14.9984 5.52995 15 5V4.59C16.1968 5.07199 17.2589 5.83692 18.0954 6.81926C18.9319 7.80159 19.5177 8.97205 19.8028 10.2304C20.0879 11.4887 20.0637 12.7974 19.7323 14.0443C19.4009 15.2912 18.7722 16.4392 17.9 17.39Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-globe"; }
     static get encapsulation() { return "shadow"; }
@@ -30,7 +29,7 @@ export class SwirlSymbolGlobe {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlSymbolSize",
-                    "resolved": "20 | 24",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
                     "references": {
                         "SwirlSymbolSize": {
                             "location": "import",

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

@@ -6,9 +6,8 @@ export class SwirlSymbolGroups {
         this.size = 24;
     }
     render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '426f7e2eebfe1475020ba334144f20c5ebf33ca2', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '184e1f7c085194ef8a106a26da28454b02bccf93' }, h("g", { key: 'a68ee8d71165ab47b7675c529b900a049821d61d', "clip-path": "url(#clip0_1_88)" }, h("path", { key: '22e009f750fe0e087b5f3d53483bc87d617275fd', d: "M12 12.75C13.4602 12.7551 14.9036 13.0615 16.24 13.65C16.7657 13.8864 17.2117 14.2701 17.524 14.7545C17.8363 15.239 18.0017 15.8036 18 16.38V17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H7C6.73478 18 6.48043 17.8946 6.29289 17.7071C6.10536 17.5196 6 17.2652 6 17V16.39C5.99568 15.813 6.15993 15.2473 6.47258 14.7623C6.78523 14.2774 7.23268 13.8943 7.76 13.66C9.09406 13.0632 10.5386 12.7532 12 12.75ZM4 13C4.39556 13 4.78224 12.8827 5.11114 12.6629C5.44004 12.4432 5.69638 12.1308 5.84776 11.7654C5.99913 11.3999 6.03874 10.9978 5.96157 10.6098C5.8844 10.2219 5.69392 9.86549 5.41421 9.58579C5.13451 9.30608 4.77814 9.1156 4.39018 9.03843C4.00222 8.96126 3.60009 9.00087 3.23463 9.15224C2.86918 9.30362 2.55682 9.55996 2.33706 9.88886C2.1173 10.2178 2 10.6044 2 11C2.00158 11.5299 2.2128 12.0377 2.58754 12.4125C2.96227 12.7872 3.47005 12.9984 4 13ZM5.13 14.1C4.75667 14.0361 4.37876 14.0026 4 14C3.04329 13.9999 2.09687 14.1974 1.22 14.58C0.85779 14.735 0.549073 14.9929 0.332183 15.3218C0.115294 15.6507 -0.000214706 16.036 2.9961e-07 16.43V17C2.9961e-07 17.2652 0.105357 17.5196 0.292894 17.7071C0.48043 17.8946 0.734784 18 1 18H4.5V16.39C4.50113 15.584 4.71871 14.7931 5.13 14.1ZM20 13C20.3956 13 20.7822 12.8827 21.1111 12.6629C21.44 12.4432 21.6964 12.1308 21.8478 11.7654C21.9991 11.3999 22.0387 10.9978 21.9616 10.6098C21.8844 10.2219 21.6939 9.86549 21.4142 9.58579C21.1345 9.30608 20.7781 9.1156 20.3902 9.03843C20.0022 8.96126 19.6001 9.00087 19.2346 9.15224C18.8692 9.30362 18.5568 9.55996 18.3371 9.88886C18.1173 10.2178 18 10.6044 18 11C18.0016 11.5299 18.2128 12.0377 18.5875 12.4125C18.9623 12.7872 19.4701 12.9984 20 13ZM24 16.43C24.0002 16.036 23.8847 15.6507 23.6678 15.3218C23.4509 14.9929 23.1422 14.735 22.78 14.58C21.5526 14.0377 20.1921 13.8707 18.87 14.1C19.2813 14.7931 19.4989 15.584 19.5 16.39V18H23C23.2652 18 23.5196 17.8946 23.7071 17.7071C23.8946 17.5196 24 17.2652 24 17V16.43ZM12 6C12.5933 6 13.1734 6.17595 13.6667 6.50559C14.1601 6.83524 14.5446 7.30377 14.7716 7.85195C14.9987 8.40013 15.0581 9.00333 14.9424 9.58527C14.8266 10.1672 14.5409 10.7018 14.1213 11.1213C13.7018 11.5409 13.1672 11.8266 12.5853 11.9424C12.0033 12.0581 11.4001 11.9987 10.8519 11.7716C10.3038 11.5446 9.83524 11.1601 9.50559 10.6667C9.17595 10.1734 9 9.59334 9 9C9 8.20435 9.31607 7.44129 9.87868 6.87868C10.4413 6.31607 11.2044 6 12 6Z", fill: "currentColor" })), h("defs", { key: '4d7398930b1417999b7ad4c8efc56cfe4338cbe0' }, h("clipPath", { key: 'a94d46cd414ac6ffda12027f9c590a433e5b6943', id: "clip0_1_88" }, h("rect", { key: '5c5a2afb33c8550a58ff28ac7a60b2bf765a90a9', width: "24", height: "24", fill: "currentColor" }))))));
+        return (h("svg", { key: '63101a276daf77f02f3c7f7d520b9b8ccc58e180', 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: 'c222bcb5ca85a91052bf161bafb045c16b7ebc80' }, h("g", { key: '05f35a85fc30c0f705064b8f69b989f517620975', "clip-path": "url(#clip0_1_88)" }, h("path", { key: 'c852a93bb5a4ed3c11469807648743580470219f', d: "M12 12.75C13.4602 12.7551 14.9036 13.0615 16.24 13.65C16.7657 13.8864 17.2117 14.2701 17.524 14.7545C17.8363 15.239 18.0017 15.8036 18 16.38V17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H7C6.73478 18 6.48043 17.8946 6.29289 17.7071C6.10536 17.5196 6 17.2652 6 17V16.39C5.99568 15.813 6.15993 15.2473 6.47258 14.7623C6.78523 14.2774 7.23268 13.8943 7.76 13.66C9.09406 13.0632 10.5386 12.7532 12 12.75ZM4 13C4.39556 13 4.78224 12.8827 5.11114 12.6629C5.44004 12.4432 5.69638 12.1308 5.84776 11.7654C5.99913 11.3999 6.03874 10.9978 5.96157 10.6098C5.8844 10.2219 5.69392 9.86549 5.41421 9.58579C5.13451 9.30608 4.77814 9.1156 4.39018 9.03843C4.00222 8.96126 3.60009 9.00087 3.23463 9.15224C2.86918 9.30362 2.55682 9.55996 2.33706 9.88886C2.1173 10.2178 2 10.6044 2 11C2.00158 11.5299 2.2128 12.0377 2.58754 12.4125C2.96227 12.7872 3.47005 12.9984 4 13ZM5.13 14.1C4.75667 14.0361 4.37876 14.0026 4 14C3.04329 13.9999 2.09687 14.1974 1.22 14.58C0.85779 14.735 0.549073 14.9929 0.332183 15.3218C0.115294 15.6507 -0.000214706 16.036 2.9961e-07 16.43V17C2.9961e-07 17.2652 0.105357 17.5196 0.292894 17.7071C0.48043 17.8946 0.734784 18 1 18H4.5V16.39C4.50113 15.584 4.71871 14.7931 5.13 14.1ZM20 13C20.3956 13 20.7822 12.8827 21.1111 12.6629C21.44 12.4432 21.6964 12.1308 21.8478 11.7654C21.9991 11.3999 22.0387 10.9978 21.9616 10.6098C21.8844 10.2219 21.6939 9.86549 21.4142 9.58579C21.1345 9.30608 20.7781 9.1156 20.3902 9.03843C20.0022 8.96126 19.6001 9.00087 19.2346 9.15224C18.8692 9.30362 18.5568 9.55996 18.3371 9.88886C18.1173 10.2178 18 10.6044 18 11C18.0016 11.5299 18.2128 12.0377 18.5875 12.4125C18.9623 12.7872 19.4701 12.9984 20 13ZM24 16.43C24.0002 16.036 23.8847 15.6507 23.6678 15.3218C23.4509 14.9929 23.1422 14.735 22.78 14.58C21.5526 14.0377 20.1921 13.8707 18.87 14.1C19.2813 14.7931 19.4989 15.584 19.5 16.39V18H23C23.2652 18 23.5196 17.8946 23.7071 17.7071C23.8946 17.5196 24 17.2652 24 17V16.43ZM12 6C12.5933 6 13.1734 6.17595 13.6667 6.50559C14.1601 6.83524 14.5446 7.30377 14.7716 7.85195C14.9987 8.40013 15.0581 9.00333 14.9424 9.58527C14.8266 10.1672 14.5409 10.7018 14.1213 11.1213C13.7018 11.5409 13.1672 11.8266 12.5853 11.9424C12.0033 12.0581 11.4001 11.9987 10.8519 11.7716C10.3038 11.5446 9.83524 11.1601 9.50559 10.6667C9.17595 10.1734 9 9.59334 9 9C9 8.20435 9.31607 7.44129 9.87868 6.87868C10.4413 6.31607 11.2044 6 12 6Z", fill: "currentColor" })), h("defs", { key: '2d8096a6076fb61e10d1c0a823275b60e36042ae' }, h("clipPath", { key: '63beca20d55bdc140f6ae163453d2c6e46e7ae2c', id: "clip0_1_88" }, h("rect", { key: 'cf1fdc6a01b9b52fea95c9e140e4da40d4abbcb0', width: "24", height: "24", fill: "currentColor" }))))));
     }
     static get is() { return "swirl-symbol-groups"; }
     static get encapsulation() { return "shadow"; }
@@ -30,7 +29,7 @@ export class SwirlSymbolGroups {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlSymbolSize",
-                    "resolved": "20 | 24",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
                     "references": {
                         "SwirlSymbolSize": {
                             "location": "import",

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-healing.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 SwirlSymbolHealing {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '2b10b105ff350158948ce31e81bb900ef0e9b8c9', 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: '098447291592c2ffc4b4642b6280f7ff77861358' }, h("path", { key: '0f14f83618a90c33865ab946f8e67d57a38ecd2e', d: "M5.44999 21.4L2.59999 18.55C2.21666 18.1667 2.02499 17.7 2.02499 17.15C2.02499 16.6 2.21666 16.1334 2.59999 15.75L15.75 2.60002C16.1333 2.21669 16.6 2.02502 17.15 2.02502C17.7 2.02502 18.1667 2.21669 18.55 2.60002L21.4 5.45002C21.7833 5.83336 21.975 6.30002 21.975 6.85002C21.975 7.40002 21.7833 7.86669 21.4 8.25002L8.24999 21.4C7.86666 21.7834 7.39999 21.975 6.84999 21.975C6.29999 21.975 5.83333 21.7834 5.44999 21.4ZM12.7 18.35L18.35 12.7L21.4 15.75C21.7833 16.1334 21.975 16.6 21.975 17.15C21.975 17.7 21.7833 18.1667 21.4 18.55L18.55 21.4C18.1667 21.7834 17.7 21.975 17.15 21.975C16.6 21.975 16.1333 21.7834 15.75 21.4L12.7 18.35ZM12 15C12.2833 15 12.5208 14.9042 12.7125 14.7125C12.9042 14.5209 13 14.2834 13 14C13 13.7167 12.9042 13.4792 12.7125 13.2875C12.5208 13.0959 12.2833 13 12 13C11.7167 13 11.4792 13.0959 11.2875 13.2875C11.0958 13.4792 11 13.7167 11 14C11 14.2834 11.0958 14.5209 11.2875 14.7125C11.4792 14.9042 11.7167 15 12 15ZM9.99999 13C10.2833 13 10.5208 12.9042 10.7125 12.7125C10.9042 12.5209 11 12.2834 11 12C11 11.7167 10.9042 11.4792 10.7125 11.2875C10.5208 11.0959 10.2833 11 9.99999 11C9.71666 11 9.47916 11.0959 9.28749 11.2875C9.09583 11.4792 8.99999 11.7167 8.99999 12C8.99999 12.2834 9.09583 12.5209 9.28749 12.7125C9.47916 12.9042 9.71666 13 9.99999 13ZM14 13C14.2833 13 14.5208 12.9042 14.7125 12.7125C14.9042 12.5209 15 12.2834 15 12C15 11.7167 14.9042 11.4792 14.7125 11.2875C14.5208 11.0959 14.2833 11 14 11C13.7167 11 13.4792 11.0959 13.2875 11.2875C13.0958 11.4792 13 11.7167 13 12C13 12.2834 13.0958 12.5209 13.2875 12.7125C13.4792 12.9042 13.7167 13 14 13ZM5.62499 11.275L2.59999 8.25002C2.21666 7.86669 2.02499 7.40002 2.02499 6.85002C2.02499 6.30002 2.21666 5.83336 2.59999 5.45002L5.44999 2.60002C5.83333 2.21669 6.29999 2.02502 6.84999 2.02502C7.39999 2.02502 7.86666 2.21669 8.24999 2.60002L11.3 5.65002L5.62499 11.275ZM12 11C12.2833 11 12.5208 10.9042 12.7125 10.7125C12.9042 10.5209 13 10.2834 13 10C13 9.71669 12.9042 9.47919 12.7125 9.28752C12.5208 9.09586 12.2833 9.00002 12 9.00002C11.7167 9.00002 11.4792 9.09586 11.2875 9.28752C11.0958 9.47919 11 9.71669 11 10C11 10.2834 11.0958 10.5209 11.2875 10.7125C11.4792 10.9042 11.7167 11 12 11Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-healing"; }
+    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-health-and-safety.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 SwirlSymbolHealthAndSafety {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+        return (h("svg", { key: '21006829f8becae337fa67421d3ae358ae96002c', 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: '39913378f0e8d73ca1250d684c20f13d21c42931' }, h("path", { key: '0914a2fd3d8b3f5551cd5ecf22a70307a03c2a86', d: "M10.5 13V14.5C10.5 14.7834 10.5958 15.0209 10.7875 15.2125C10.9792 15.4042 11.2167 15.5 11.5 15.5H12.5C12.7833 15.5 13.0208 15.4042 13.2125 15.2125C13.4042 15.0209 13.5 14.7834 13.5 14.5V13H15C15.2833 13 15.5208 12.9042 15.7125 12.7125C15.9042 12.5209 16 12.2834 16 12V11C16 10.7167 15.9042 10.4792 15.7125 10.2875C15.5208 10.0959 15.2833 10 15 10H13.5V8.50002C13.5 8.21669 13.4042 7.97919 13.2125 7.78752C13.0208 7.59586 12.7833 7.50002 12.5 7.50002H11.5C11.2167 7.50002 10.9792 7.59586 10.7875 7.78752C10.5958 7.97919 10.5 8.21669 10.5 8.50002V10H9C8.71667 10 8.47917 10.0959 8.2875 10.2875C8.09583 10.4792 8 10.7167 8 11V12C8 12.2834 8.09583 12.5209 8.2875 12.7125C8.47917 12.9042 8.71667 13 9 13H10.5ZM12 21.9C11.8833 21.9 11.775 21.8917 11.675 21.875C11.575 21.8584 11.475 21.8334 11.375 21.8C9.125 21.05 7.33333 19.6625 6 17.6375C4.66667 15.6125 4 13.4334 4 11.1V6.37502C4 5.95836 4.12083 5.58336 4.3625 5.25002C4.60417 4.91669 4.91667 4.67502 5.3 4.52502L11.3 2.27502C11.5333 2.19169 11.7667 2.15002 12 2.15002C12.2333 2.15002 12.4667 2.19169 12.7 2.27502L18.7 4.52502C19.0833 4.67502 19.3958 4.91669 19.6375 5.25002C19.8792 5.58336 20 5.95836 20 6.37502V11.1C20 13.4334 19.3333 15.6125 18 17.6375C16.6667 19.6625 14.875 21.05 12.625 21.8C12.525 21.8334 12.425 21.8584 12.325 21.875C12.225 21.8917 12.1167 21.9 12 21.9Z", fill: "currentColor" }))));
+    }
+    static get is() { return "swirl-symbol-health-and-safety"; }
+    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-help.js

@@ -6,9 +6,8 @@ export class SwirlSymbolHelp {
         this.size = 24;
     }
     render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '72b2a15b23a2f967ed9cb459f71cd2f8e9a8ade6', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '35f8740bf39e8f745d6d17cd2083944dfa839ceb' }, h("path", { key: '93404387aa7e6c28c89c2d00eca3b863c729d5d9', d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM13 19H11V17H13V19ZM15.07 11.25L14.17 12.17C13.6676 12.6212 13.3064 13.2081 13.13 13.86C13.0391 14.2331 12.9955 14.6161 13 15H11V14.5C11.0007 14.0542 11.075 13.6116 11.22 13.19C11.4176 12.618 11.7424 12.0983 12.17 11.67L13.41 10.41C13.6451 10.1801 13.8187 9.89473 13.9148 9.58022C14.0109 9.2657 14.0264 8.93209 13.96 8.61C13.8906 8.25217 13.7242 7.92027 13.4791 7.65048C13.234 7.38068 12.9196 7.18335 12.57 7.08C12.074 6.9347 11.5411 6.98547 11.0814 7.22181C10.6218 7.45816 10.2704 7.86203 10.1 8.35C10.0505 8.5316 9.94417 8.69261 9.79666 8.80955C9.64914 8.92648 9.46812 8.99321 9.28 9H8.98C8.84522 8.99877 8.71258 8.96609 8.59264 8.90457C8.47271 8.84305 8.36879 8.75438 8.28916 8.64562C8.20954 8.53686 8.1564 8.41101 8.13397 8.27809C8.11155 8.14518 8.12046 8.00886 8.16 7.88C8.37448 7.15047 8.79207 6.49701 9.364 5.9959C9.93593 5.4948 10.6386 5.16673 11.39 5.05C12.1385 4.96211 12.8967 5.08387 13.58 5.4017C14.2634 5.71953 14.845 6.22094 15.26 6.85C15.7742 7.47875 16.039 8.27475 16.004 9.08623C15.969 9.89771 15.6365 10.6679 15.07 11.25Z", fill: "currentColor" }))));
+        return (h("svg", { key: '2e64a53ed105c4d87ab2bbda197bb6e7295f9d3f', 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: '5d09188d5e3fb44cc5063f65dc930db8eff98904' }, h("path", { key: '36c3cd8cc7f7e835d1ffbff3528f72165822b0ca', d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM13 19H11V17H13V19ZM15.07 11.25L14.17 12.17C13.6676 12.6212 13.3064 13.2081 13.13 13.86C13.0391 14.2331 12.9955 14.6161 13 15H11V14.5C11.0007 14.0542 11.075 13.6116 11.22 13.19C11.4176 12.618 11.7424 12.0983 12.17 11.67L13.41 10.41C13.6451 10.1801 13.8187 9.89473 13.9148 9.58022C14.0109 9.2657 14.0264 8.93209 13.96 8.61C13.8906 8.25217 13.7242 7.92027 13.4791 7.65048C13.234 7.38068 12.9196 7.18335 12.57 7.08C12.074 6.9347 11.5411 6.98547 11.0814 7.22181C10.6218 7.45816 10.2704 7.86203 10.1 8.35C10.0505 8.5316 9.94417 8.69261 9.79666 8.80955C9.64914 8.92648 9.46812 8.99321 9.28 9H8.98C8.84522 8.99877 8.71258 8.96609 8.59264 8.90457C8.47271 8.84305 8.36879 8.75438 8.28916 8.64562C8.20954 8.53686 8.1564 8.41101 8.13397 8.27809C8.11155 8.14518 8.12046 8.00886 8.16 7.88C8.37448 7.15047 8.79207 6.49701 9.364 5.9959C9.93593 5.4948 10.6386 5.16673 11.39 5.05C12.1385 4.96211 12.8967 5.08387 13.58 5.4017C14.2634 5.71953 14.845 6.22094 15.26 6.85C15.7742 7.47875 16.039 8.27475 16.004 9.08623C15.969 9.89771 15.6365 10.6679 15.07 11.25Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-help"; }
     static get encapsulation() { return "shadow"; }
@@ -30,7 +29,7 @@ export class SwirlSymbolHelp {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlSymbolSize",
-                    "resolved": "20 | 24",
+                    "resolved": "16 | 20 | 24 | 28 | 32",
                     "references": {
                         "SwirlSymbolSize": {
                             "location": "import",