@getflip/swirl-components 0.68.2 → 0.69.0

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolBookmark {
+  constructor() {
+    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", { 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, null, h("path", { 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"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolCloud {
+  constructor() {
+    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", { 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, null, h("path", { d: "M19.35 10.04C19.0492 8.51623 18.2822 7.12361 17.1552 6.05484C16.0283 4.98606 14.597 4.29397 13.0594 4.07431C11.5218 3.85466 9.95398 4.11831 8.57282 4.82877C7.19165 5.53924 6.06544 6.66141 5.35 8.04C3.83222 8.21584 2.43869 8.9641 1.45369 10.1322C0.468684 11.3002 -0.0335876 12.8001 0.04933 14.3257C0.132248 15.8514 0.794107 17.288 1.8999 18.3424C3.00569 19.3969 4.4721 19.9897 6 20H19C20.2928 20.0011 21.5355 19.5001 22.4659 18.6025C23.3964 17.705 23.9418 16.4811 23.9872 15.1891C24.0326 13.8971 23.5744 12.638 22.7093 11.6773C21.8441 10.7167 20.6397 10.1296 19.35 10.04Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-cloud"; }
+  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",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolCoronavirus {
+  constructor() {
+    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", { 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, null, h("path", { d: "M21.25 10.5C21.0515 10.5013 20.8615 10.5807 20.7211 10.7211C20.5807 10.8615 20.5013 11.0515 20.5 11.25H18.96C18.8158 9.91223 18.288 8.64468 17.44 7.6L18.53 6.51L18.54 6.52C18.6087 6.59369 18.6915 6.65279 18.7835 6.69378C18.8755 6.73477 18.9748 6.75682 19.0755 6.75859C19.1762 6.76037 19.2762 6.74184 19.3696 6.70412C19.463 6.6664 19.5478 6.61026 19.619 6.53904C19.6903 6.46782 19.7464 6.38299 19.7841 6.2896C19.8218 6.19621 19.8404 6.09618 19.8386 5.99548C19.8368 5.89478 19.8148 5.79546 19.7738 5.70346C19.7328 5.61146 19.6737 5.52866 19.6 5.46L18.54 4.4C18.3991 4.26589 18.2117 4.19175 18.0172 4.19322C17.8227 4.19469 17.6364 4.27166 17.4976 4.40789C17.3587 4.54412 17.2783 4.72895 17.2731 4.92338C17.268 5.11781 17.3386 5.30663 17.47 5.45L16.38 6.54C15.3359 5.6992 14.0727 5.17519 12.74 5.03V3.5H12.75C12.8485 3.5 12.946 3.4806 13.037 3.44291C13.128 3.40522 13.2107 3.34998 13.2803 3.28033C13.35 3.21069 13.4052 3.12801 13.4429 3.03701C13.4806 2.94602 13.5 2.84849 13.5 2.75C13.5 2.65151 13.4806 2.55398 13.4429 2.46299C13.4052 2.37199 13.35 2.28932 13.2803 2.21967C13.2107 2.15003 13.128 2.09478 13.037 2.05709C12.946 2.0194 12.8485 2 12.75 2H11.25C11.1515 1.99934 11.0539 2.01809 10.9626 2.05518C10.8714 2.09226 10.7883 2.14696 10.7182 2.21614C10.6481 2.28532 10.5923 2.36763 10.554 2.45837C10.5157 2.54911 10.4957 2.64651 10.495 2.745C10.4943 2.84349 10.5131 2.94115 10.5502 3.03239C10.5873 3.12364 10.642 3.20669 10.7111 3.2768C10.7803 3.3469 10.8626 3.4027 10.9534 3.441C11.0441 3.4793 11.1415 3.49934 11.24 3.5V5.05C9.90616 5.1907 8.64176 5.71522 7.6 6.56L6.51 5.47L6.52 5.46C6.65248 5.31783 6.7246 5.12978 6.72118 4.93548C6.71775 4.74118 6.63903 4.55579 6.50162 4.41838C6.36421 4.28097 6.17882 4.20225 5.98452 4.19883C5.79022 4.1954 5.60217 4.26752 5.46 4.4L4.4 5.46C4.26589 5.60087 4.19175 5.78833 4.19322 5.98282C4.19469 6.17731 4.27166 6.36363 4.40789 6.50245C4.54411 6.64127 4.72894 6.72174 4.92337 6.72688C5.1178 6.73202 5.30663 6.66143 5.45 6.53L6.54 7.62C5.69835 8.65881 5.17716 9.92008 5.04 11.25H3.5C3.5 11.0511 3.42098 10.8603 3.28033 10.7197C3.13968 10.579 2.94891 10.5 2.75 10.5C2.55109 10.5 2.36032 10.579 2.21967 10.7197C2.07902 10.8603 2 11.0511 2 11.25V12.75C2 12.9489 2.07902 13.1397 2.21967 13.2803C2.36032 13.421 2.55109 13.5 2.75 13.5C2.94891 13.5 3.13968 13.421 3.28033 13.2803C3.42098 13.1397 3.5 12.9489 3.5 12.75H5.04C5.1862 14.0776 5.70637 15.3364 6.54 16.38L5.45 17.47C5.38043 17.4017 5.29807 17.3477 5.20763 17.3112C5.11719 17.2747 5.02045 17.2564 4.92293 17.2573C4.82541 17.2583 4.72903 17.2784 4.6393 17.3166C4.54957 17.3548 4.46825 17.4103 4.4 17.48C4.26052 17.6211 4.1823 17.8116 4.1823 18.01C4.1823 18.2084 4.26052 18.3989 4.4 18.54L5.46 19.6C5.60217 19.7325 5.79022 19.8046 5.98452 19.8012C6.17882 19.7977 6.36421 19.719 6.50162 19.5816C6.63903 19.4442 6.71775 19.2588 6.72118 19.0645C6.7246 18.8702 6.65248 18.6822 6.52 18.54L6.51 18.53L7.6 17.44C8.64038 18.2807 9.90034 18.8048 11.23 18.95V20.5C11.0311 20.5013 10.8408 20.5816 10.7011 20.7232C10.5614 20.8648 10.4837 21.0561 10.485 21.255C10.4863 21.4539 10.5666 21.6442 10.7082 21.7839C10.8498 21.9236 11.0411 22.0013 11.24 22H12.74C12.9389 22 13.1297 21.921 13.2703 21.7803C13.411 21.6397 13.49 21.4489 13.49 21.25C13.49 21.0511 13.411 20.8603 13.2703 20.7197C13.1297 20.579 12.9389 20.5 12.74 20.5H12.73V18.96C14.0639 18.8194 15.3283 18.2948 16.37 17.45L17.46 18.54C17.3917 18.6096 17.3377 18.6919 17.3012 18.7824C17.2647 18.8728 17.2464 18.9696 17.2473 19.0671C17.2483 19.1646 17.2684 19.261 17.3066 19.3507C17.3448 19.4404 17.4003 19.5217 17.47 19.59C17.6111 19.7295 17.8016 19.8077 18 19.8077C18.1984 19.8077 18.3889 19.7295 18.53 19.59L19.59 18.53C19.7225 18.3878 19.7946 18.1998 19.7912 18.0055C19.7877 17.8112 19.709 17.6258 19.5716 17.4884C19.4342 17.351 19.2488 17.2723 19.0545 17.2688C18.8602 17.2654 18.6722 17.3375 18.53 17.47L18.52 17.48L17.43 16.39C18.2757 15.3439 18.8032 14.0771 18.95 12.74H20.49C20.49 12.9389 20.569 13.1297 20.7097 13.2703C20.8503 13.411 21.0411 13.49 21.24 13.49C21.4389 13.49 21.6297 13.411 21.7703 13.2703C21.911 13.1297 21.99 12.9389 21.99 12.74V11.24C21.9903 11.1427 21.9713 11.0464 21.9342 10.9565C21.8971 10.8666 21.8426 10.7849 21.7738 10.7162C21.7051 10.6474 21.6234 10.5929 21.5335 10.5558C21.4436 10.5187 21.3473 10.4997 21.25 10.5ZM13.75 8C13.9478 8 14.1411 8.05865 14.3056 8.16853C14.47 8.27841 14.5982 8.43459 14.6739 8.61732C14.7496 8.80004 14.7694 9.00111 14.7308 9.19509C14.6922 9.38907 14.597 9.56726 14.4571 9.70711C14.3173 9.84696 14.1391 9.9422 13.9451 9.98079C13.7511 10.0194 13.55 9.99957 13.3673 9.92388C13.1846 9.84819 13.0284 9.72002 12.9185 9.55557C12.8086 9.39112 12.75 9.19778 12.75 9C12.75 8.73478 12.8554 8.48043 13.0429 8.29289C13.2304 8.10536 13.4848 8 13.75 8ZM12 13C11.8022 13 11.6089 12.9414 11.4444 12.8315C11.28 12.7216 11.1518 12.5654 11.0761 12.3827C11.0004 12.2 10.9806 11.9989 11.0192 11.8049C11.0578 11.6109 11.153 11.4327 11.2929 11.2929C11.4327 11.153 11.6109 11.0578 11.8049 11.0192C11.9989 10.9806 12.2 11.0004 12.3827 11.0761C12.5654 11.1518 12.7216 11.28 12.8315 11.4444C12.9414 11.6089 13 11.8022 13 12C13 12.2652 12.8946 12.5196 12.7071 12.7071C12.5196 12.8946 12.2652 13 12 13ZM10.25 8C10.4478 8 10.6411 8.05865 10.8056 8.16853C10.97 8.27841 11.0982 8.43459 11.1739 8.61732C11.2496 8.80004 11.2694 9.00111 11.2308 9.19509C11.1922 9.38907 11.097 9.56726 10.9571 9.70711C10.8173 9.84696 10.6391 9.9422 10.4451 9.98079C10.2511 10.0194 10.05 9.99957 9.86732 9.92388C9.68459 9.84819 9.52841 9.72002 9.41853 9.55557C9.30865 9.39112 9.25 9.19778 9.25 9C9.25 8.73478 9.35536 8.48043 9.54289 8.29289C9.73043 8.10536 9.98478 8 10.25 8ZM8.5 13C8.30222 13 8.10888 12.9414 7.94443 12.8315C7.77998 12.7216 7.65181 12.5654 7.57612 12.3827C7.50043 12.2 7.48063 11.9989 7.51921 11.8049C7.5578 11.6109 7.65304 11.4327 7.79289 11.2929C7.93275 11.153 8.11093 11.0578 8.30491 11.0192C8.49889 10.9806 8.69996 11.0004 8.88268 11.0761C9.06541 11.1518 9.22159 11.28 9.33147 11.4444C9.44135 11.6089 9.5 11.8022 9.5 12C9.5 12.2652 9.39464 12.5196 9.20711 12.7071C9.01957 12.8946 8.76522 13 8.5 13ZM10.25 16C10.0522 16 9.85888 15.9414 9.69443 15.8315C9.52998 15.7216 9.40181 15.5654 9.32612 15.3827C9.25043 15.2 9.23063 14.9989 9.26921 14.8049C9.3078 14.6109 9.40304 14.4327 9.54289 14.2929C9.68275 14.153 9.86093 14.0578 10.0549 14.0192C10.2489 13.9806 10.45 14.0004 10.6327 14.0761C10.8154 14.1518 10.9716 14.28 11.0815 14.4444C11.1914 14.6089 11.25 14.8022 11.25 15C11.25 15.2652 11.1446 15.5196 10.9571 15.7071C10.7696 15.8946 10.5152 16 10.25 16ZM13.75 16C13.5522 16 13.3589 15.9414 13.1944 15.8315C13.03 15.7216 12.9018 15.5654 12.8261 15.3827C12.7504 15.2 12.7306 14.9989 12.7692 14.8049C12.8078 14.6109 12.903 14.4327 13.0429 14.2929C13.1827 14.153 13.3609 14.0578 13.5549 14.0192C13.7489 13.9806 13.95 14.0004 14.1327 14.0761C14.3154 14.1518 14.4716 14.28 14.5815 14.4444C14.6914 14.6089 14.75 14.8022 14.75 15C14.75 15.2652 14.6446 15.5196 14.4571 15.7071C14.2696 15.8946 14.0152 16 13.75 16ZM14.5 12C14.5 11.8022 14.5586 11.6089 14.6685 11.4444C14.7784 11.28 14.9346 11.1518 15.1173 11.0761C15.3 11.0004 15.5011 10.9806 15.6951 11.0192C15.8891 11.0578 16.0673 11.153 16.2071 11.2929C16.347 11.4327 16.4422 11.6109 16.4808 11.8049C16.5194 11.9989 16.4996 12.2 16.4239 12.3827C16.3482 12.5654 16.22 12.7216 16.0556 12.8315C15.8911 12.9414 15.6978 13 15.5 13C15.2348 13 14.9804 12.8946 14.7929 12.7071C14.6054 12.5196 14.5 12.2652 14.5 12Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-coronavirus"; }
+  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",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-desktop-windows.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolDesktopWindows {
+  constructor() {
+    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", { 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, null, h("path", { d: "M21 2H3C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H9C8.45 20 8 20.45 8 21C8 21.55 8.45 22 9 22H15C15.55 22 16 21.55 16 21C16 20.45 15.55 20 15 20H14V18H21C22.1 18 23 17.1 23 16V4C23 2.9 22.1 2 21 2ZM20 16H4C3.45 16 3 15.55 3 15V5C3 4.45 3.45 4 4 4H20C20.55 4 21 4.45 21 5V15C21 15.55 20.55 16 20 16Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-desktop-windows"; }
+  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",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-directions-car-filled.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolDirectionsCarFilled {
+  constructor() {
+    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", { 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, null, h("path", { d: "M18.92 6.01C18.8187 5.71425 18.6272 5.45772 18.3725 5.27653C18.1178 5.09534 17.8126 4.99863 17.5 5H6.5C6.18761 4.99952 5.88286 5.09659 5.6283 5.27765C5.37373 5.45872 5.18205 5.71475 5.08 6.01L3 12V19.5C3 19.8978 3.15804 20.2794 3.43934 20.5607C3.72064 20.842 4.10218 21 4.5 21C4.89782 21 5.27936 20.842 5.56066 20.5607C5.84196 20.2794 6 19.8978 6 19.5V19H18V19.5C18 19.8978 18.158 20.2794 18.4393 20.5607C18.7206 20.842 19.1022 21 19.5 21C19.8978 21 20.2794 20.842 20.5607 20.5607C20.842 20.2794 21 19.8978 21 19.5V12L18.92 6.01ZM7.5 16C7.20333 16 6.91332 15.912 6.66664 15.7472C6.41997 15.5824 6.22771 15.3481 6.11418 15.074C6.00065 14.7999 5.97094 14.4983 6.02882 14.2074C6.0867 13.9164 6.22956 13.6491 6.43934 13.4393C6.64912 13.2296 6.91639 13.0867 7.20736 13.0288C7.49834 12.9709 7.79994 13.0006 8.07403 13.1142C8.34811 13.2277 8.58238 13.42 8.7472 13.6666C8.91203 13.9133 9 14.2033 9 14.5C9 14.8978 8.84196 15.2794 8.56066 15.5607C8.27936 15.842 7.89782 16 7.5 16ZM16.5 16C16.2033 16 15.9133 15.912 15.6666 15.7472C15.42 15.5824 15.2277 15.3481 15.1142 15.074C15.0006 14.7999 14.9709 14.4983 15.0288 14.2074C15.0867 13.9164 15.2296 13.6491 15.4393 13.4393C15.6491 13.2296 15.9164 13.0867 16.2074 13.0288C16.4983 12.9709 16.7999 13.0006 17.074 13.1142C17.3481 13.2277 17.5824 13.42 17.7472 13.6666C17.912 13.9133 18 14.2033 18 14.5C18 14.8978 17.842 15.2794 17.5607 15.5607C17.2794 15.842 16.8978 16 16.5 16ZM5.81 10L6.85 7H17.14L18.18 10H5.81Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-directions-car-filled"; }
+  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",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolEditCalendar {
+  constructor() {
+    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", { 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, null, h("path", { d: "M12 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20L3.01 6C3.00882 5.73787 3.05941 5.47808 3.15887 5.23554C3.25833 4.99301 3.40471 4.77251 3.58961 4.58668C3.7745 4.40086 3.99427 4.25338 4.2363 4.1527C4.47833 4.05202 4.73786 4.00013 5 4H6V3C6 2.73478 6.10536 2.48043 6.29289 2.29289C6.48043 2.10536 6.73478 2 7 2C7.26522 2 7.51957 2.10536 7.70711 2.29289C7.89464 2.48043 8 2.73478 8 3V4H16V3C16 2.73478 16.1054 2.48043 16.2929 2.29289C16.4804 2.10536 16.7348 2 17 2C17.2652 2 17.5196 2.10536 17.7071 2.29289C17.8946 2.48043 18 2.73478 18 3V4H19C19.5299 4.00158 20.0377 4.2128 20.4125 4.58753C20.7872 4.96227 20.9984 5.47005 21 6V12H19V10H5V20H12V22ZM22.13 16.99L22.84 16.28C23.0263 16.0926 23.1308 15.8392 23.1308 15.575C23.1308 15.3108 23.0263 15.0574 22.84 14.87L22.13 14.16C21.9426 13.9737 21.6892 13.8692 21.425 13.8692C21.1608 13.8692 20.9074 13.9737 20.72 14.16L20.01 14.87L22.13 16.99ZM21.42 17.7L16.41 22.71C16.2232 22.8939 15.9721 22.9979 15.71 23H14.5C14.3674 23 14.2402 22.9473 14.1464 22.8536C14.0527 22.7598 14 22.6326 14 22.5V21.29C14.002 21.0249 14.1058 20.7707 14.29 20.58L19.3 15.57L21.42 17.7Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-edit-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",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolEmail {
+  constructor() {
+    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", { 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, null, h("path", { d: "M20 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 18V6C21.9984 5.47005 21.7872 4.96227 21.4125 4.58753C21.0377 4.2128 20.5299 4.00158 20 4ZM19.6 8.25L12.53 12.67C12.3706 12.7681 12.1872 12.8201 12 12.8201C11.8128 12.8201 11.6294 12.7681 11.47 12.67L4.4 8.25C4.30545 8.19091 4.22346 8.11377 4.15872 8.02299C4.09398 7.93221 4.04776 7.82956 4.02269 7.72092C3.99761 7.61227 3.99419 7.49976 4.0126 7.38979C4.03101 7.27982 4.07091 7.17455 4.13 7.08C4.18909 6.98545 4.26623 6.90346 4.35701 6.83872C4.44779 6.77398 4.55044 6.72776 4.65908 6.70268C4.76773 6.67761 4.88024 6.67419 4.99021 6.6926C5.10018 6.71101 5.20545 6.75091 5.3 6.81L12 11L18.7 6.81C18.7946 6.75091 18.8998 6.71101 19.0098 6.6926C19.1198 6.67419 19.2323 6.67761 19.3409 6.70268C19.4496 6.72776 19.5522 6.77398 19.643 6.83872C19.7338 6.90346 19.8109 6.98545 19.87 7.08C19.9291 7.17455 19.969 7.27982 19.9874 7.38979C20.0058 7.49976 20.0024 7.61227 19.9773 7.72092C19.9522 7.82956 19.906 7.93221 19.8413 8.02299C19.7765 8.11377 19.6946 8.19091 19.6 8.25Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-email"; }
+  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",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-emoji-food-beverage.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolEmojiFoodBeverage {
+  constructor() {
+    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", { 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, null, h("path", { d: "M19 19H3C2.73478 19 2.48043 19.1054 2.29289 19.2929C2.10536 19.4804 2 19.7348 2 20C2 20.2652 2.10536 20.5196 2.29289 20.7071C2.48043 20.8946 2.73478 21 3 21H19C19.2652 21 19.5196 20.8946 19.7071 20.7071C19.8946 20.5196 20 20.2652 20 20C20 19.7348 19.8946 19.4804 19.7071 19.2929C19.5196 19.1054 19.2652 19 19 19Z", fill: "currentColor" }), h("path", { d: "M20 3H9V5.4L10.81 6.85C10.8693 6.89621 10.9173 6.95538 10.9502 7.02298C10.9831 7.09057 11.0002 7.16481 11 7.24V11.5C11 11.6326 10.9473 11.7598 10.8536 11.8536C10.7598 11.9473 10.6326 12 10.5 12H6.5C6.36739 12 6.24021 11.9473 6.14645 11.8536C6.05268 11.7598 6 11.6326 6 11.5V7.24C5.99983 7.16481 6.01686 7.09057 6.0498 7.02298C6.08273 6.95538 6.13069 6.89621 6.19 6.85L8 5.4V3H6C5.47005 3.00158 4.96227 3.2128 4.58753 3.58753C4.2128 3.96227 4.00158 4.47005 4 5V13C4 14.0609 4.42143 15.0783 5.17157 15.8284C5.92172 16.5786 6.93913 17 8 17H14C15.0609 17 16.0783 16.5786 16.8284 15.8284C17.5786 15.0783 18 14.0609 18 13V10H20C20.5299 9.99842 21.0377 9.7872 21.4125 9.41247C21.7872 9.03773 21.9984 8.52995 22 8V5C21.9984 4.47005 21.7872 3.96227 21.4125 3.58753C21.0377 3.2128 20.5299 3.00158 20 3ZM20 8H18V5H20V8Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-emoji-food-beverage"; }
+  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",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-event-menu.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolEventMenu {
+  constructor() {
+    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", { 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, null, h("path", { 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"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolFacebook {
+  constructor() {
+    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", { 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, null, h("path", { 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"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolFavorite {
+  constructor() {
+    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", { 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, null, h("path", { 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"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

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

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolFitnessCenter {
+  constructor() {
+    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", { 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, null, h("path", { 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"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}