@getflip/swirl-components 0.0.0-new-shell-20231128124118

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-info-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 SwirlSymbolInfoMenu {
+  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 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 2ZM12 17C11.7348 17 11.4804 16.8946 11.2929 16.7071C11.1054 16.5196 11 16.2652 11 16V12C11 11.7348 11.1054 11.4804 11.2929 11.2929C11.4804 11.1054 11.7348 11 12 11C12.2652 11 12.5196 11.1054 12.7071 11.2929C12.8946 11.4804 13 11.7348 13 12V16C13 16.2652 12.8946 16.5196 12.7071 16.7071C12.5196 16.8946 12.2652 17 12 17ZM13 9H11V7H13V9Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-info-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-instagram.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 SwirlSymbolInstagram {
+  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 2C9.283 2 8.944 2.012 7.877 2.06C7.0476 2.07738 6.22708 2.23458 5.45 2.525C4.78247 2.77582 4.17773 3.16931 3.678 3.678C3.16878 4.1773 2.77521 4.78216 2.525 5.45C2.23418 6.22697 2.07696 7.04756 2.06 7.877C2.01 8.944 2 9.283 2 12C2 14.717 2.012 15.056 2.06 16.122C2.07734 16.9517 2.23455 17.7726 2.525 18.55C2.77582 19.2175 3.16931 19.8223 3.678 20.322C4.17753 20.8309 4.78233 21.2245 5.45 21.475C6.22745 21.7654 7.04828 21.9226 7.878 21.94C8.944 21.99 9.278 22 12 22C14.722 22 15.056 21.988 16.122 21.94C16.9517 21.9222 17.7725 21.765 18.55 21.475C19.2145 21.2182 19.8179 20.8254 20.3216 20.3216C20.8254 19.8179 21.2182 19.2145 21.475 18.55C21.7655 17.7726 21.9227 16.9517 21.94 16.122C21.99 15.055 22 14.716 22 12C22 9.284 21.988 8.944 21.94 7.878C21.9221 7.04866 21.7649 6.22822 21.475 5.451C21.224 4.78359 20.8305 4.1789 20.322 3.679C19.8229 3.16924 19.218 2.7753 18.55 2.525C17.7727 2.23416 16.9518 2.07694 16.122 2.06C15.056 2.01 14.717 2 12 2ZM12 3.8C14.669 3.8 14.988 3.813 16.042 3.859C16.6763 3.86486 17.3049 3.98022 17.9 4.2C18.3325 4.36522 18.7253 4.61985 19.0527 4.94726C19.3801 5.27466 19.6348 5.66746 19.8 6.1C20.0204 6.69433 20.1367 7.32217 20.144 7.956C20.187 9.013 20.2 9.33 20.2 12C20.2 14.67 20.187 14.988 20.138 16.042C20.1264 16.676 20.0077 17.3035 19.787 17.898C19.6244 18.3321 19.3688 18.7253 19.038 19.05C18.7148 19.3812 18.322 19.6364 17.888 19.797C17.2912 20.0174 16.6611 20.1337 16.025 20.141C14.963 20.188 14.651 20.199 11.976 20.199C9.301 20.199 8.988 20.186 7.927 20.137C7.2907 20.1254 6.6609 20.0067 6.064 19.786C5.62988 19.6253 5.23727 19.3693 4.915 19.037C4.58047 18.716 4.32391 18.3226 4.165 17.887C3.94471 17.29 3.82639 16.6602 3.815 16.024C3.777 14.974 3.764 14.65 3.764 11.987C3.764 9.324 3.776 9 3.813 7.937C3.82439 7.30109 3.94271 6.67164 4.163 6.075C4.31941 5.63789 4.57631 5.24364 4.913 4.924C5.23213 4.58812 5.62571 4.33191 6.062 4.176C6.65441 3.95408 7.28048 3.83536 7.913 3.825C8.976 3.787 9.288 3.775 11.962 3.775L12 3.8ZM12 6.865C10.9844 6.865 9.99159 7.16616 9.14715 7.7304C8.3027 8.29464 7.64453 9.09662 7.25588 10.0349C6.86722 10.9732 6.76553 12.0057 6.96367 13.0018C7.1618 13.9979 7.65086 14.9129 8.36901 15.631C9.08715 16.3491 10.0021 16.8382 10.9982 17.0363C11.9943 17.2345 13.0268 17.1328 13.9651 16.7441C14.9034 16.3555 15.7054 15.6973 16.2696 14.8529C16.8338 14.0084 17.135 13.0156 17.135 12C17.135 10.6381 16.594 9.33201 15.631 8.36901C14.668 7.40601 13.3619 6.865 12 6.865ZM12 15.333C11.3408 15.333 10.6964 15.1375 10.1483 14.7713C9.60017 14.4051 9.17298 13.8845 8.92071 13.2755C8.66844 12.6665 8.60244 11.9963 8.73104 11.3498C8.85965 10.7032 9.17708 10.1093 9.64321 9.64321C10.1093 9.17708 10.7032 8.85965 11.3498 8.73104C11.9963 8.60244 12.6665 8.66844 13.2755 8.92071C13.8845 9.17298 14.4051 9.60017 14.7713 10.1483C15.1375 10.6964 15.333 11.3408 15.333 12C15.333 12.884 14.9818 13.7317 14.3568 14.3568C13.7317 14.9818 12.884 15.333 12 15.333ZM18.538 6.662C18.538 6.89934 18.4676 7.13135 18.3358 7.32868C18.2039 7.52602 18.0165 7.67983 17.7972 7.77066C17.5779 7.86148 17.3367 7.88524 17.1039 7.83894C16.8711 7.79264 16.6573 7.67835 16.4895 7.51053C16.3216 7.34271 16.2074 7.12889 16.1611 6.89611C16.1148 6.66333 16.1385 6.42205 16.2293 6.20278C16.3202 5.98351 16.474 5.79609 16.6713 5.66424C16.8687 5.53238 17.1007 5.462 17.338 5.462C17.6563 5.462 17.9615 5.58843 18.1865 5.81347C18.4116 6.03852 18.538 6.34374 18.538 6.662Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-instagram"; }
+  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-ios.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 SwirlSymbolIos {
+  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: "M2.917 7.042C2.739 7.042 2.56499 7.09478 2.41699 7.19368C2.26898 7.29257 2.15363 7.43313 2.08551 7.59758C2.01739 7.76204 1.99957 7.943 2.03429 8.11758C2.06902 8.29216 2.15474 8.45253 2.2806 8.5784C2.40647 8.70426 2.56683 8.78998 2.74142 8.82471C2.916 8.85943 3.09696 8.84161 3.26141 8.77349C3.42587 8.70537 3.56643 8.59002 3.66532 8.44201C3.76421 8.29401 3.817 8.12 3.817 7.942C3.817 7.7033 3.72218 7.47439 3.55339 7.3056C3.38461 7.13682 3.15569 7.042 2.917 7.042ZM9.259 7.059C6.459 7.059 4.709 8.967 4.709 12.001C4.709 15.059 6.459 16.959 9.259 16.959C12.042 16.959 13.801 15.059 13.801 12.001C13.801 8.968 12.043 7.059 9.259 7.059ZM18.292 7.059C16.209 7.059 14.725 8.209 14.725 9.917C14.725 11.275 15.567 12.125 17.333 12.534L18.575 12.834C19.783 13.109 20.275 13.509 20.275 14.201C20.275 15.001 19.467 15.568 18.317 15.568C17.142 15.568 16.259 14.993 16.167 14.11H14.5C14.567 15.877 16.017 16.96 18.217 16.96C20.542 16.96 22 15.818 22 14.002C22 12.577 21.167 11.769 19.233 11.327L18.125 11.077C16.95 10.794 16.467 10.419 16.467 9.785C16.467 8.985 17.2 8.452 18.284 8.452C19.368 8.452 20.125 8.992 20.208 9.884H21.841C21.799 8.201 20.409 7.059 18.292 7.059ZM9.258 8.517C10.958 8.517 12.05 9.875 12.05 12C12.05 14.142 10.958 15.5 9.258 15.5C7.541 15.5 6.458 14.142 6.458 12C6.458 9.875 7.541 8.517 9.258 8.517ZM2.093 9.759V16.801H3.75V9.759H2.092H2.093Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-ios"; }
+  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-language.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 SwirlSymbolLanguage {
+  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: "M11.99 2C10.0126 2.00198 8.0802 2.59015 6.43703 3.69016C4.79385 4.79018 3.51368 6.35266 2.75834 8.18009C2.003 10.0075 1.80639 12.0179 2.19337 13.957C2.58035 15.8962 3.53355 17.6771 4.93247 19.0746C6.33139 20.4721 8.11324 21.4235 10.0528 21.8086C11.9923 22.1936 14.0025 21.995 15.8291 21.2378C17.6558 20.4807 19.217 19.1989 20.3154 17.5547C21.4138 15.9104 22 13.9774 22 12C22 10.6859 21.741 9.38476 21.2378 8.17086C20.7347 6.95695 19.9972 5.85411 19.0675 4.9254C18.1379 3.99668 17.0343 3.26029 15.8199 2.75833C14.6055 2.25638 13.3041 1.99869 11.99 2ZM18.92 8H15.97C15.657 6.76146 15.1936 5.56589 14.59 4.44C16.4141 5.068 17.9512 6.33172 18.92 8ZM12 4.04C12.84 5.2519 13.4845 6.58817 13.91 8H10.09C10.5155 6.58817 11.16 5.2519 12 4.04ZM4.26 14C3.91332 12.6892 3.91332 11.3108 4.26 10H7.64C7.55287 10.6632 7.50612 11.3311 7.5 12C7.50612 12.6689 7.55287 13.3368 7.64 14H4.26ZM5.08 16H8.03C8.34297 17.2385 8.80642 18.4341 9.41 19.56C7.58397 18.9354 6.04583 17.6708 5.08 16ZM8.03 8H5.08C6.04583 6.32918 7.58397 5.06457 9.41 4.44C8.80642 5.56589 8.34297 6.76146 8.03 8ZM12 19.96C11.16 18.7481 10.5155 17.4118 10.09 16H13.91C13.4845 17.4118 12.84 18.7481 12 19.96ZM14.34 14H9.66C9.56122 13.3378 9.50776 12.6695 9.5 12C9.50736 11.3305 9.56082 10.6622 9.66 10H14.34C14.4392 10.6622 14.4926 11.3305 14.5 12C14.4922 12.6695 14.4388 13.3378 14.34 14ZM14.59 19.56C15.1936 18.4341 15.657 17.2385 15.97 16H18.92C17.9512 17.6683 16.4141 18.932 14.59 19.56ZM16.36 14C16.4471 13.3368 16.4939 12.6689 16.5 12C16.4939 11.3311 16.4471 10.6632 16.36 10H19.74C20.0867 11.3108 20.0867 12.6892 19.74 14H16.36Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-language"; }
+  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-leaderboard.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 SwirlSymbolLeaderboard {
+  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: "M6.5 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V10C2 9.73478 2.10536 9.48043 2.29289 9.29289C2.48043 9.10536 2.73478 9 3 9H6.5C6.76522 9 7.01957 9.10536 7.20711 9.29289C7.39464 9.48043 7.5 9.73478 7.5 10V20C7.5 20.2652 7.39464 20.5196 7.20711 20.7071C7.01957 20.8946 6.76522 21 6.5 21ZM13.75 3H10.25C9.98478 3 9.73043 3.10536 9.54289 3.29289C9.35536 3.48043 9.25 3.73478 9.25 4V20C9.25 20.2652 9.35536 20.5196 9.54289 20.7071C9.73043 20.8946 9.98478 21 10.25 21H13.75C14.0152 21 14.2696 20.8946 14.4571 20.7071C14.6446 20.5196 14.75 20.2652 14.75 20V4C14.75 3.73478 14.6446 3.48043 14.4571 3.29289C14.2696 3.10536 14.0152 3 13.75 3ZM21 11H17.5C17.2348 11 16.9804 11.1054 16.7929 11.2929C16.6054 11.4804 16.5 11.7348 16.5 12V20C16.5 20.2652 16.6054 20.5196 16.7929 20.7071C16.9804 20.8946 17.2348 21 17.5 21H21C21.2652 21 21.5196 20.8946 21.7071 20.7071C21.8946 20.5196 22 20.2652 22 20V12C22 11.7348 21.8946 11.4804 21.7071 11.2929C21.5196 11.1054 21.2652 11 21 11Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-leaderboard"; }
+  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-lightbulb.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 SwirlSymbolLightbulb {
+  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 22C12.53 21.9984 13.0377 21.7872 13.4125 21.4125C13.7872 21.0377 13.9984 20.5299 14 20H10C10.0016 20.5299 10.2128 21.0377 10.5875 21.4125C10.9623 21.7872 11.4701 21.9984 12 22Z", fill: "currentColor" }), h("path", { d: "M9 19H15C15.2652 19 15.5196 18.8946 15.7071 18.7071C15.8946 18.5196 16 18.2652 16 18C16 17.7348 15.8946 17.4804 15.7071 17.2929C15.5196 17.1054 15.2652 17 15 17H9C8.73479 17 8.48043 17.1054 8.2929 17.2929C8.10536 17.4804 8 17.7348 8 18C8 18.2652 8.10536 18.5196 8.2929 18.7071C8.48043 18.8946 8.73479 19 9 19Z", fill: "currentColor" }), h("path", { d: "M12 2C10.3492 2.00256 8.7453 2.54972 7.4371 3.55663C6.1289 4.56354 5.18946 5.97394 4.76445 7.56913C4.33945 9.16432 4.45263 10.8552 5.08644 12.3795C5.72025 13.9038 6.83928 15.1764 8.27 16H15.73C17.1607 15.1764 18.2798 13.9038 18.9136 12.3795C19.5474 10.8552 19.6606 9.16432 19.2356 7.56913C18.8105 5.97394 17.8711 4.56354 16.5629 3.55663C15.2547 2.54972 13.6508 2.00256 12 2Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-lightbulb"; }
+  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-linkedin.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 SwirlSymbolLinkedin {
+  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.039 19.0431H16.078V14.4001C16.078 13.2931 16.055 11.8691 14.535 11.8691C12.991 11.8691 12.755 13.0691 12.755 14.3181V19.0401H9.792V9.50011H12.637V10.8001H12.675C12.96 10.3133 13.3716 9.91287 13.8661 9.64135C14.3605 9.36983 14.9193 9.23739 15.483 9.25811C18.483 9.25811 19.039 11.2331 19.039 13.8041V19.0431ZM6.447 8.19411C6.04957 8.19287 5.66487 8.05387 5.35842 7.8008C5.05198 7.54773 4.84276 7.19625 4.76639 6.80622C4.69003 6.4162 4.75125 6.01176 4.93963 5.66181C5.12801 5.31186 5.43189 5.03804 5.7995 4.88701C6.16712 4.73598 6.57572 4.71707 6.95571 4.83351C7.33571 4.94995 7.66357 5.19453 7.88347 5.52558C8.10336 5.85664 8.20167 6.2537 8.16165 6.64911C8.12163 7.04452 7.94576 7.41382 7.664 7.69411C7.34063 8.01548 6.9029 8.19532 6.447 8.19411ZM7.932 19.0431H4.963V9.50011H7.933L7.932 19.0431ZM20.521 2.00011H3.476C3.28445 1.99774 3.0943 2.03313 2.91643 2.10427C2.73856 2.17542 2.57646 2.28092 2.43938 2.41474C2.30231 2.54857 2.19295 2.7081 2.11756 2.88421C2.04217 3.06032 2.00222 3.24956 2 3.44111V20.5591C2.00222 20.7507 2.04217 20.9399 2.11756 21.116C2.19295 21.2921 2.30231 21.4517 2.43938 21.5855C2.57646 21.7193 2.73856 21.8248 2.91643 21.896C3.0943 21.9671 3.28445 22.0025 3.476 22.0001H20.518C20.9055 22.0052 21.2792 21.8563 21.5571 21.5861C21.8349 21.316 21.9942 20.9466 22 20.5591V3.44111C21.9939 3.0537 21.8346 2.68449 21.5568 2.41438C21.279 2.14427 20.9054 1.9953 20.518 2.00011H20.521Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-linkedin"; }
+  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-location-on.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 SwirlSymbolLocationOn {
+  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 2C10.9306 1.99344 9.87088 2.20257 8.88415 2.61488C7.89743 3.02719 7.00396 3.63422 6.25717 4.39968C5.51038 5.16515 4.92559 6.07332 4.53777 7.06993C4.14994 8.06653 3.96704 9.1311 3.99999 10.2C3.99999 13.38 6.44666 17.1233 11.34 21.43C11.5248 21.5897 11.7608 21.6775 12.005 21.6775C12.2492 21.6775 12.4852 21.5897 12.67 21.43C17.55 17.12 19.9933 13.3767 20 10.2C20.033 9.1311 19.85 8.06653 19.4622 7.06993C19.0744 6.07332 18.4896 5.16515 17.7428 4.39968C16.996 3.63422 16.1026 3.02719 15.1158 2.61488C14.1291 2.20257 13.0694 1.99344 12 2ZM12 12C11.6044 12 11.2178 11.8827 10.8889 11.6629C10.56 11.4432 10.3036 11.1308 10.1522 10.7654C10.0009 10.3999 9.96125 9.99778 10.0384 9.60982C10.1156 9.22186 10.3061 8.86549 10.5858 8.58579C10.8655 8.30608 11.2219 8.1156 11.6098 8.03843C11.9978 7.96126 12.3999 8.00087 12.7654 8.15224C13.1308 8.30362 13.4432 8.55996 13.6629 8.88886C13.8827 9.21776 14 9.60444 14 10C13.9984 10.5299 13.7872 11.0377 13.4125 11.4125C13.0377 11.7872 12.5299 11.9984 12 12Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-location-on"; }
+  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-loyalty.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 SwirlSymbolLoyalty {
+  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.41 11.58L12.41 2.58C12.2247 2.39525 12.0048 2.24892 11.7628 2.14938C11.5209 2.04985 11.2616 1.99909 11 2H4C3.47005 2.00158 2.96227 2.21281 2.58754 2.58754C2.21281 2.96227 2.00158 3.47005 2 4V11C1.99979 11.2639 2.05182 11.5253 2.15308 11.769C2.25434 12.0127 2.40283 12.2339 2.59 12.42L11.59 21.42C11.7753 21.6047 11.9952 21.7511 12.2372 21.8506C12.4791 21.9501 12.7384 22.0009 13 22C13.2626 22.0014 13.5228 21.9499 13.765 21.8485C14.0073 21.7471 14.2267 21.598 14.41 21.41L21.41 14.41C21.598 14.2267 21.7471 14.0073 21.8485 13.765C21.9499 13.5228 22.0014 13.2626 22 13C21.9982 12.4674 21.7862 11.957 21.41 11.58ZM5.5 7C5.20333 7 4.91332 6.91203 4.66665 6.7472C4.41997 6.58238 4.22771 6.34811 4.11418 6.07403C4.00065 5.79994 3.97094 5.49834 4.02882 5.20737C4.0867 4.91639 4.22956 4.64912 4.43934 4.43934C4.64912 4.22956 4.91639 4.0867 5.20737 4.02882C5.49834 3.97094 5.79994 4.00065 6.07403 4.11418C6.34811 4.22771 6.58238 4.41997 6.7472 4.66665C6.91203 4.91332 7 5.20333 7 5.5C7 5.89783 6.84197 6.27936 6.56066 6.56066C6.27936 6.84197 5.89783 7 5.5 7ZM17.27 15.27L13.35 19.19C13.3035 19.2369 13.2482 19.2741 13.1873 19.2994C13.1264 19.3248 13.061 19.3379 12.995 19.3379C12.929 19.3379 12.8636 19.3248 12.8027 19.2994C12.7418 19.2741 12.6865 19.2369 12.64 19.19L8.72 15.27C8.42058 14.9678 8.20222 14.5949 8.08511 14.1859C7.968 13.7769 7.95592 13.3449 8.05 12.93C8.15027 12.4954 8.36539 12.0957 8.67291 11.7726C8.98043 11.4495 9.36905 11.2149 9.79819 11.0933C10.2273 10.9717 10.6813 10.9676 11.1125 11.0813C11.5438 11.1951 11.9367 11.4226 12.25 11.74L13 12.46L13.73 11.73C14.1994 11.2606 14.8361 10.9968 15.5 10.9968C16.1639 10.9968 16.8006 11.2606 17.27 11.73C17.7394 12.1994 18.0032 12.8361 18.0032 13.5C18.0032 14.1639 17.7394 14.8006 17.27 15.27Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-loyalty"; }
+  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-maps-home-work.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 SwirlSymbolMapsHomeWork {
+  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: "M14.16 10.4L9.16 6.83C8.82232 6.58626 8.41645 6.45509 8 6.45509C7.58355 6.45509 7.17768 6.58626 6.84 6.83L1.84 10.4C1.58014 10.585 1.36831 10.8295 1.22219 11.1131C1.07606 11.3966 0.999878 11.711 1 12.03V20C1 20.2652 1.10536 20.5196 1.29289 20.7071C1.48043 20.8946 1.73478 21 2 21H6V15H10V21H14C14.2652 21 14.5196 20.8946 14.7071 20.7071C14.8946 20.5196 15 20.2652 15 20V12.03C15.0001 11.711 14.9239 11.3966 14.7778 11.1131C14.6317 10.8295 14.4199 10.585 14.16 10.4Z", fill: "currentColor" }), h("path", { d: "M21.03 3H11.97C11.7112 2.99961 11.4548 3.05029 11.2156 3.14915C10.9765 3.24801 10.7591 3.39311 10.5761 3.57612C10.3931 3.75913 10.248 3.97646 10.1492 4.21565C10.0503 4.45484 9.99961 4.71119 10 4.97L10.09 5.06C10.17 5.11 10.25 5.15 10.33 5.2L15.33 8.77C16.0858 9.31286 16.63 10.1009 16.87 11H19V13H17V15H19V17H17V21H21.03C21.2888 21.0004 21.5452 20.9497 21.7844 20.8508C22.0235 20.752 22.2409 20.6069 22.4239 20.4239C22.6069 20.2409 22.752 20.0235 22.8508 19.7844C22.9497 19.5452 23.0004 19.2888 23 19.03V4.97C23.0004 4.71119 22.9497 4.45484 22.8508 4.21565C22.752 3.97646 22.6069 3.75913 22.4239 3.57612C22.2409 3.39311 22.0235 3.24801 21.7844 3.14915C21.5452 3.05029 21.2888 2.99961 21.03 3ZM19 9H17V7H19V9Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-maps-home-work"; }
+  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-notifications.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 SwirlSymbolNotifications {
+  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 22C12.5299 21.9984 13.0377 21.7872 13.4125 21.4125C13.7872 21.0377 13.9984 20.5299 14 20H10C10 20.5304 10.2107 21.0391 10.5858 21.4142C10.9609 21.7893 11.4696 22 12 22ZM18 16V11C18 7.93 16.36 5.36 13.5 4.68V4C13.5 3.60218 13.342 3.22064 13.0607 2.93934C12.7794 2.65804 12.3978 2.5 12 2.5C11.6022 2.5 11.2206 2.65804 10.9393 2.93934C10.658 3.22064 10.5 3.60218 10.5 4V4.68C7.63 5.36 6 7.92 6 11V16L4.71 17.29C4.56958 17.4293 4.47361 17.6071 4.43422 17.8009C4.39484 17.9947 4.41381 18.1958 4.48873 18.3789C4.56366 18.5619 4.69117 18.7186 4.85516 18.8292C5.01914 18.9397 5.21223 18.9992 5.41 19H18.58C18.7786 19.0012 18.9731 18.9431 19.1386 18.8333C19.3041 18.7235 19.4332 18.5669 19.5094 18.3835C19.5855 18.2 19.6054 17.9981 19.5663 17.8033C19.5272 17.6086 19.431 17.4299 19.29 17.29L18 16Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-notifications"; }
+  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-open-in-new.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 SwirlSymbolOpenInNew {
+  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 19H6C5.73478 19 5.48043 18.8946 5.29289 18.7071C5.10536 18.5196 5 18.2652 5 18V6C5 5.73478 5.10536 5.48043 5.29289 5.29289C5.48043 5.10536 5.73478 5 6 5H11C11.2652 5 11.5196 4.89464 11.7071 4.70711C11.8946 4.51957 12 4.26522 12 4C12 3.73478 11.8946 3.48043 11.7071 3.29289C11.5196 3.10536 11.2652 3 11 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3.00158 19.5299 3.2128 20.0377 3.58753 20.4125C3.96227 20.7872 4.47005 20.9984 5 21H19C19.5299 20.9984 20.0377 20.7872 20.4125 20.4125C20.7872 20.0377 20.9984 19.5299 21 19V13C21 12.7348 20.8946 12.4804 20.7071 12.2929C20.5196 12.1054 20.2652 12 20 12C19.7348 12 19.4804 12.1054 19.2929 12.2929C19.1054 12.4804 19 12.7348 19 13V18C19 18.2652 18.8946 18.5196 18.7071 18.7071C18.5196 18.8946 18.2652 19 18 19ZM14 4C14 4.26522 14.1054 4.51957 14.2929 4.70711C14.4804 4.89464 14.7348 5 15 5H17.59L8.46 14.13C8.29617 14.3213 8.21057 14.5674 8.22029 14.8191C8.23001 15.0707 8.33434 15.3095 8.51244 15.4876C8.69053 15.6657 8.92927 15.77 9.18095 15.7797C9.43262 15.7894 9.6787 15.7038 9.87 15.54L19 6.41V9C19 9.26522 19.1054 9.51957 19.2929 9.70711C19.4804 9.89464 19.7348 10 20 10C20.2652 10 20.5196 9.89464 20.7071 9.70711C20.8946 9.51957 21 9.26522 21 9V4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3H15C14.7348 3 14.4804 3.10536 14.2929 3.29289C14.1054 3.48043 14 3.73478 14 4Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-open-in-new"; }
+  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"
+      }
+    };
+  }
+}