@getflip/swirl-components 0.1.0

package/dist/collection/components/flip-icon/icons/flip-icon-notifications-off.js

@@ -0,0 +1,49 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconNotificationsOff {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M7.53667 14.5C8.27001 14.5 8.87001 13.9 8.87001 13.1667H6.20334C6.20334 13.9 6.79667 14.5 7.53667 14.5ZM11.5367 7.16667C11.5367 5.12 10.4433 3.40667 8.53667 2.95333V2.5C8.53667 1.94667 8.09001 1.5 7.53667 1.5C6.98334 1.5 6.53667 1.94667 6.53667 2.5V2.95333C6.37667 2.99333 6.22334 3.05333 6.07667 3.10667L11.5367 8.56667V7.16667ZM3.14334 2.06667L2.20334 3.00667L4.07667 4.88C3.73001 5.54667 3.53667 6.32 3.53667 7.16667V10.5L2.67667 11.36C2.25667 11.78 2.55001 12.5 3.14334 12.5H11.6967L12.8567 13.66L13.7967 12.72L3.14334 2.06667Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M11.305 21.75C12.405 21.75 13.305 20.85 13.305 19.75H9.30499C9.30499 20.85 10.195 21.75 11.305 21.75ZM17.305 10.75C17.305 7.68 15.665 5.11 12.805 4.43V3.75C12.805 2.92 12.135 2.25 11.305 2.25C10.475 2.25 9.80499 2.92 9.80499 3.75V4.43C9.56499 4.49 9.33499 4.58 9.11499 4.66L17.305 12.85V10.75ZM4.71499 3.1L3.30499 4.51L6.11499 7.32C5.59499 8.32 5.30499 9.48 5.30499 10.75V15.75L4.01499 17.04C3.38499 17.67 3.82499 18.75 4.71499 18.75H17.545L19.285 20.49L20.695 19.08L4.71499 3.1Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M13.1892 25.375C14.4725 25.375 15.5225 24.325 15.5225 23.0417H10.8558C10.8558 24.325 11.8942 25.375 13.1892 25.375ZM20.1892 12.5417C20.1892 8.96 18.2758 5.96167 14.9392 5.16833V4.375C14.9392 3.40667 14.1575 2.625 13.1892 2.625C12.2208 2.625 11.4392 3.40667 11.4392 4.375V5.16833C11.1592 5.23833 10.8908 5.34333 10.6342 5.43667L20.1892 14.9917V12.5417ZM5.50083 3.61667L3.85583 5.26167L7.13417 8.54C6.5275 9.70667 6.18917 11.06 6.18917 12.5417V18.375L4.68417 19.88C3.94917 20.615 4.4625 21.875 5.50083 21.875H20.4692L22.4992 23.905L24.1442 22.26L5.50083 3.61667Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-notifications-off"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "FlipIconSize",
+        "resolved": "16 | 24 | 28",
+        "references": {
+          "FlipIconSize": {
+            "location": "import",
+            "path": "../flip-icon.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    }
+  }; }
+}

package/dist/collection/components/flip-icon/icons/flip-icon-notifications.js

@@ -0,0 +1,49 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconNotifications {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M8.00083 14.5C8.73416 14.5 9.33416 13.9 9.33416 13.1667H6.66749C6.66749 13.9 7.26083 14.5 8.00083 14.5ZM12.0008 10.5V7.16667C12.0008 5.12 10.9075 3.40667 9.00083 2.95333V2.5C9.00083 1.94667 8.55416 1.5 8.00083 1.5C7.44749 1.5 7.00083 1.94667 7.00083 2.5V2.95333C5.08749 3.40667 4.00083 5.11333 4.00083 7.16667V10.5L3.14083 11.36C2.72083 11.78 3.01416 12.5 3.60749 12.5H12.3875C12.9808 12.5 13.2808 11.78 12.8608 11.36L12.0008 10.5Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M12.0012 21.75C13.1012 21.75 14.0012 20.85 14.0012 19.75H10.0012C10.0012 20.85 10.8912 21.75 12.0012 21.75ZM18.0012 15.75V10.75C18.0012 7.68 16.3612 5.11 13.5012 4.43V3.75C13.5012 2.92 12.8312 2.25 12.0012 2.25C11.1712 2.25 10.5012 2.92 10.5012 3.75V4.43C7.63124 5.11 6.00124 7.67 6.00124 10.75V15.75L4.71124 17.04C4.08124 17.67 4.52124 18.75 5.41124 18.75H18.5812C19.4712 18.75 19.9212 17.67 19.2912 17.04L18.0012 15.75Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M14.0014 25.375C15.2848 25.375 16.3348 24.325 16.3348 23.0417H11.6681C11.6681 24.325 12.7064 25.375 14.0014 25.375ZM21.0014 18.375V12.5417C21.0014 8.96 19.0881 5.96167 15.7514 5.16833V4.375C15.7514 3.40667 14.9698 2.625 14.0014 2.625C13.0331 2.625 12.2514 3.40667 12.2514 4.375V5.16833C8.9031 5.96167 7.00143 8.94833 7.00143 12.5417V18.375L5.49643 19.88C4.76143 20.615 5.27477 21.875 6.3131 21.875H21.6781C22.7164 21.875 23.2414 20.615 22.5064 19.88L21.0014 18.375Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-notifications"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "FlipIconSize",
+        "resolved": "16 | 24 | 28",
+        "references": {
+          "FlipIconSize": {
+            "location": "import",
+            "path": "../flip-icon.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    }
+  }; }
+}

package/dist/collection/components/flip-icon/icons/flip-icon-people-alt.js

@@ -0,0 +1,58 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconPeopleAlt {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.1133 8.75329C12.0267 9.37329 12.6667 10.2133 12.6667 11.3333V13.3333H14.6667C15.0333 13.3333 15.3333 13.0333 15.3333 12.6666V11.3333C15.3333 9.87996 12.9533 9.01996 11.1133 8.75329Z", fill: "currentColor" }),
+        h("path", { d: "M5.99999 7.99996C7.47275 7.99996 8.66666 6.80605 8.66666 5.33329C8.66666 3.86053 7.47275 2.66663 5.99999 2.66663C4.52723 2.66663 3.33332 3.86053 3.33332 5.33329C3.33332 6.80605 4.52723 7.99996 5.99999 7.99996Z", fill: "currentColor" }),
+        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.99999 7.99996C11.4733 7.99996 12.6667 6.80663 12.6667 5.33329C12.6667 3.85996 11.4733 2.66663 9.99999 2.66663C9.68666 2.66663 9.39332 2.73329 9.11332 2.82663C9.66666 3.51329 9.99999 4.38663 9.99999 5.33329C9.99999 6.27996 9.66666 7.15329 9.11332 7.83996C9.39332 7.93329 9.68666 7.99996 9.99999 7.99996Z", fill: "currentColor" }),
+        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.99999 8.66663C4.21999 8.66663 0.666656 9.55996 0.666656 11.3333V12.6666C0.666656 13.0333 0.966656 13.3333 1.33332 13.3333H10.6667C11.0333 13.3333 11.3333 13.0333 11.3333 12.6666V11.3333C11.3333 9.55996 7.77999 8.66663 5.99999 8.66663Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.67 13.13C18.04 14.06 19 15.32 19 17V20H22C22.55 20 23 19.55 23 19V17C23 14.82 19.43 13.53 16.67 13.13Z", fill: "currentColor" }),
+        h("path", { d: "M9 12C11.2091 12 13 10.2091 13 8C13 5.79086 11.2091 4 9 4C6.79086 4 5 5.79086 5 8C5 10.2091 6.79086 12 9 12Z", fill: "currentColor" }),
+        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15 12C17.21 12 19 10.21 19 8C19 5.79 17.21 4 15 4C14.53 4 14.09 4.1 13.67 4.24C14.5 5.27 15 6.58 15 8C15 9.42 14.5 10.73 13.67 11.76C14.09 11.9 14.53 12 15 12Z", fill: "currentColor" }),
+        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 13C6.33 13 1 14.34 1 17V19C1 19.55 1.45 20 2 20H16C16.55 20 17 19.55 17 19V17C17 14.34 11.67 13 9 13Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.4483 15.3183C21.0467 16.4033 22.1667 17.8733 22.1667 19.8333V23.3333H25.6667C26.3083 23.3333 26.8333 22.8083 26.8333 22.1666V19.8333C26.8333 17.29 22.6683 15.785 19.4483 15.3183Z", fill: "currentColor" }),
+        h("path", { d: "M10.5 14C13.0773 14 15.1667 11.9106 15.1667 9.33329C15.1667 6.75596 13.0773 4.66663 10.5 4.66663C7.92266 4.66663 5.83332 6.75596 5.83332 9.33329C5.83332 11.9106 7.92266 14 10.5 14Z", fill: "currentColor" }),
+        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.5 14C20.0783 14 22.1667 11.9116 22.1667 9.33329C22.1667 6.75496 20.0783 4.66663 17.5 4.66663C16.9517 4.66663 16.4383 4.78329 15.9483 4.94663C16.9167 6.14829 17.5 7.67663 17.5 9.33329C17.5 10.99 16.9167 12.5183 15.9483 13.72C16.4383 13.8833 16.9517 14 17.5 14Z", fill: "currentColor" }),
+        h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.5 15.1666C7.38499 15.1666 1.16666 16.73 1.16666 19.8333V22.1666C1.16666 22.8083 1.69166 23.3333 2.33332 23.3333H18.6667C19.3083 23.3333 19.8333 22.8083 19.8333 22.1666V19.8333C19.8333 16.73 13.615 15.1666 10.5 15.1666Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-people-alt"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "FlipIconSize",
+        "resolved": "16 | 24 | 28",
+        "references": {
+          "FlipIconSize": {
+            "location": "import",
+            "path": "../flip-icon.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    }
+  }; }
+}

package/dist/collection/components/flip-icon/icons/flip-icon-person-off.js

@@ -0,0 +1,49 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconPersonOff {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M6.23708 3.41005C6.71041 2.67672 7.53708 2.19672 8.47042 2.19672C9.94375 2.19672 11.1371 3.39005 11.1371 4.86338C11.1371 5.79672 10.6571 6.62338 9.92375 7.09672L6.23708 3.41005ZM13.8037 10.9767C13.7904 10.2434 13.3837 9.57005 12.7304 9.23005C12.3704 9.04338 11.9771 8.87005 11.5504 8.72338L13.8037 10.9767ZM14.1304 13.19L2.81042 1.87005C2.55042 1.61005 2.13042 1.61005 1.87042 1.87005C1.61042 2.13005 1.61042 2.55005 1.87042 2.81005L7.32375 8.26338C6.11042 8.41672 5.05042 8.79672 4.19042 9.23672C3.53708 9.58338 3.13708 10.27 3.13708 11.01V12.8634H11.9171L13.1837 14.13C13.4437 14.39 13.8637 14.39 14.1237 14.13C14.3904 13.87 14.3904 13.45 14.1304 13.19Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M9.35562 5.11495C10.0656 4.01495 11.3056 3.29495 12.7056 3.29495C14.9156 3.29495 16.7056 5.08495 16.7056 7.29495C16.7056 8.69495 15.9856 9.93495 14.8856 10.645L9.35562 5.11495ZM20.7056 16.465C20.6856 15.365 20.0756 14.355 19.0956 13.845C18.5556 13.565 17.9656 13.305 17.3256 13.085L20.7056 16.465ZM21.1956 19.785L4.21562 2.80495C3.82562 2.41495 3.19562 2.41495 2.80562 2.80495C2.41562 3.19495 2.41562 3.82495 2.80562 4.21495L10.9856 12.395C9.16562 12.625 7.57562 13.195 6.28562 13.855C5.30562 14.375 4.70562 15.405 4.70562 16.515V19.295H17.8756L19.7756 21.195C20.1656 21.5849 20.7956 21.5849 21.1856 21.195C21.5856 20.805 21.5856 20.1749 21.1956 19.785Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M10.9149 5.96752C11.7432 4.68419 13.1899 3.84419 14.8232 3.84419C17.4016 3.84419 19.4899 5.93252 19.4899 8.51086C19.4899 10.1442 18.6499 11.5909 17.3666 12.4192L10.9149 5.96752ZM24.1566 19.2092C24.1332 17.9259 23.4216 16.7475 22.2782 16.1525C21.6482 15.8259 20.9599 15.5225 20.2132 15.2659L24.1566 19.2092ZM24.7282 23.0825L4.91823 3.27252C4.46323 2.81752 3.72823 2.81752 3.27323 3.27252C2.81823 3.72752 2.81823 4.46252 3.27323 4.91752L12.8166 14.4609C10.6932 14.7292 8.83823 15.3942 7.33323 16.1642C6.18989 16.7709 5.48989 17.9725 5.48989 19.2675V22.5109H20.8549L23.0716 24.7275C23.5266 25.1825 24.2616 25.1825 24.7166 24.7275C25.1832 24.2725 25.1832 23.5375 24.7282 23.0825Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-person-off"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "FlipIconSize",
+        "resolved": "16 | 24 | 28",
+        "references": {
+          "FlipIconSize": {
+            "location": "import",
+            "path": "../flip-icon.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    }
+  }; }
+}

package/dist/collection/components/flip-icon/icons/flip-icon-person.js

@@ -0,0 +1,49 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconPerson {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M7.99999 8.00002C9.47332 8.00002 10.6667 6.80669 10.6667 5.33335C10.6667 3.86002 9.47332 2.66669 7.99999 2.66669C6.52666 2.66669 5.33332 3.86002 5.33332 5.33335C5.33332 6.80669 6.52666 8.00002 7.99999 8.00002ZM7.99999 9.33335C6.21999 9.33335 2.66666 10.2267 2.66666 12V12.6667C2.66666 13.0334 2.96666 13.3334 3.33332 13.3334H12.6667C13.0333 13.3334 13.3333 13.0334 13.3333 12.6667V12C13.3333 10.2267 9.77999 9.33335 7.99999 9.33335Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V19C4 19.55 4.45 20 5 20H19C19.55 20 20 19.55 20 19V18C20 15.34 14.67 14 12 14Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M14 14C16.5783 14 18.6667 11.9117 18.6667 9.33335C18.6667 6.75502 16.5783 4.66669 14 4.66669C11.4217 4.66669 9.33332 6.75502 9.33332 9.33335C9.33332 11.9117 11.4217 14 14 14ZM14 16.3334C10.885 16.3334 4.66666 17.8967 4.66666 21V22.1667C4.66666 22.8084 5.19166 23.3334 5.83332 23.3334H22.1667C22.8083 23.3334 23.3333 22.8084 23.3333 22.1667V21C23.3333 17.8967 17.115 16.3334 14 16.3334Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-person"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "FlipIconSize",
+        "resolved": "16 | 24 | 28",
+        "references": {
+          "FlipIconSize": {
+            "location": "import",
+            "path": "../flip-icon.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    }
+  }; }
+}

package/dist/collection/components/flip-icon/icons/flip-icon-phone.js

@@ -0,0 +1,49 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconPhone {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M12.8145 10.1788L11.1212 9.98545C10.7145 9.93878 10.3145 10.0788 10.0279 10.3654L8.8012 11.5921C6.91453 10.6321 5.36787 9.09211 4.40787 7.19878L5.6412 5.96545C5.92787 5.67878 6.06787 5.27878 6.0212 4.87212L5.82787 3.19212C5.74787 2.51878 5.1812 2.01212 4.5012 2.01212H3.34787C2.59453 2.01212 1.96787 2.63878 2.01453 3.39212C2.36787 9.08545 6.9212 13.6321 12.6079 13.9854C13.3612 14.0321 13.9879 13.4054 13.9879 12.6521V11.4988C13.9945 10.8254 13.4879 10.2588 12.8145 10.1788Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M19.2218 15.2682L16.6818 14.9782C16.0718 14.9082 15.4718 15.1182 15.0418 15.5482L13.2018 17.3882C10.3718 15.9482 8.0518 13.6382 6.6118 10.7982L8.4618 8.94816C8.8918 8.51816 9.1018 7.91816 9.0318 7.30816L8.7418 4.78816C8.6218 3.77816 7.7718 3.01816 6.7518 3.01816H5.0218C3.8918 3.01816 2.9518 3.95816 3.0218 5.08816C3.5518 13.6282 10.3818 20.4482 18.9118 20.9782C20.0418 21.0482 20.9818 20.1082 20.9818 18.9782V17.2482C20.9918 16.2382 20.2318 15.3882 19.2218 15.2682Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M22.4254 17.8129L19.4621 17.4745C18.7504 17.3929 18.0504 17.6379 17.5488 18.1395L15.4021 20.2862C12.1004 18.6062 9.39377 15.9112 7.71377 12.5979L9.8721 10.4395C10.3738 9.93786 10.6188 9.23786 10.5371 8.52619L10.1988 5.58619C10.0588 4.40786 9.0671 3.52119 7.8771 3.52119H5.85877C4.54043 3.52119 3.44377 4.61786 3.52543 5.93619C4.14377 15.8995 12.1121 23.8562 22.0638 24.4745C23.3821 24.5562 24.4788 23.4595 24.4788 22.1412V20.1229C24.4904 18.9445 23.6038 17.9529 22.4254 17.8129Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-phone"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "FlipIconSize",
+        "resolved": "16 | 24 | 28",
+        "references": {
+          "FlipIconSize": {
+            "location": "import",
+            "path": "../flip-icon.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    }
+  }; }
+}

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

@@ -0,0 +1,49 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconPoll {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M10 8.66667H3.33333C2.98004 8.66772 2.64151 8.80854 2.39169 9.05836C2.14187 9.30818 2.00106 9.6467 2 10V12.6667C2.00106 13.02 2.14187 13.3585 2.39169 13.6083C2.64151 13.8581 2.98004 13.9989 3.33333 14H10C10.3533 13.9989 10.6918 13.8581 10.9416 13.6083C11.1915 13.3585 11.3323 13.02 11.3333 12.6667V10C11.3323 9.6467 11.1915 9.30818 10.9416 9.05836C10.6918 8.80854 10.3533 8.66772 10 8.66667ZM4.66667 12.6667C4.40296 12.6667 4.14517 12.5885 3.92591 12.442C3.70664 12.2955 3.53574 12.0872 3.43483 11.8436C3.33391 11.5999 3.30751 11.3319 3.35895 11.0732C3.4104 10.8146 3.53739 10.577 3.72386 10.3905C3.91033 10.2041 4.1479 10.0771 4.40655 10.0256C4.66519 9.97417 4.93328 10.0006 5.17691 10.1015C5.42055 10.2024 5.62878 10.3733 5.77529 10.5926C5.9218 10.8118 6 11.0696 6 11.3333C5.99894 11.6866 5.85813 12.0252 5.60831 12.275C5.35849 12.5248 5.01996 12.6656 4.66667 12.6667V12.6667ZM12.6667 2H3.33333C2.98004 2.00106 2.64151 2.14187 2.39169 2.39169C2.14187 2.64151 2.00106 2.98004 2 3.33333V6C2.00106 6.3533 2.14187 6.69182 2.39169 6.94164C2.64151 7.19146 2.98004 7.33228 3.33333 7.33333H12.6667C13.02 7.33228 13.3585 7.19146 13.6083 6.94164C13.8581 6.69182 13.9989 6.3533 14 6V3.33333C13.9989 2.98004 13.8581 2.64151 13.6083 2.39169C13.3585 2.14187 13.02 2.00106 12.6667 2V2ZM4.66667 6C4.40296 6 4.14517 5.9218 3.92591 5.77529C3.70664 5.62878 3.53574 5.42055 3.43483 5.17691C3.33391 4.93328 3.30751 4.66519 3.35895 4.40655C3.4104 4.1479 3.53739 3.91033 3.72386 3.72386C3.91033 3.53739 4.1479 3.4104 4.40655 3.35895C4.66519 3.30751 4.93328 3.33391 5.17691 3.43483C5.42055 3.53574 5.62878 3.70664 5.77529 3.92591C5.9218 4.14517 6 4.40296 6 4.66667C5.99894 5.01996 5.85813 5.35849 5.60831 5.60831C5.35849 5.85813 5.01996 5.99894 4.66667 6V6Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M15 13H5C4.47005 13.0016 3.96227 13.2128 3.58753 13.5875C3.2128 13.9623 3.00158 14.4701 3 15V19C3.00158 19.5299 3.2128 20.0377 3.58753 20.4125C3.96227 20.7872 4.47005 20.9984 5 21H15C15.5299 20.9984 16.0377 20.7872 16.4125 20.4125C16.7872 20.0377 16.9984 19.5299 17 19V15C16.9984 14.4701 16.7872 13.9623 16.4125 13.5875C16.0377 13.2128 15.5299 13.0016 15 13ZM7 19C6.60444 19 6.21776 18.8827 5.88886 18.6629C5.55996 18.4432 5.30362 18.1308 5.15224 17.7654C5.00087 17.3999 4.96126 16.9978 5.03843 16.6098C5.1156 16.2219 5.30608 15.8655 5.58579 15.5858C5.86549 15.3061 6.22186 15.1156 6.60982 15.0384C6.99778 14.9613 7.39991 15.0009 7.76537 15.1522C8.13082 15.3036 8.44318 15.56 8.66294 15.8889C8.8827 16.2178 9 16.6044 9 17C8.99842 17.5299 8.7872 18.0377 8.41247 18.4125C8.03773 18.7872 7.52995 18.9984 7 19ZM19 3H5C4.47005 3.00158 3.96227 3.2128 3.58753 3.58753C3.2128 3.96227 3.00158 4.47005 3 5V9C3.00158 9.52995 3.2128 10.0377 3.58753 10.4125C3.96227 10.7872 4.47005 10.9984 5 11H19C19.5299 10.9984 20.0377 10.7872 20.4125 10.4125C20.7872 10.0377 20.9984 9.52995 21 9V5C20.9984 4.47005 20.7872 3.96227 20.4125 3.58753C20.0377 3.2128 19.5299 3.00158 19 3ZM7 9C6.60444 9 6.21776 8.8827 5.88886 8.66294C5.55996 8.44318 5.30362 8.13082 5.15224 7.76537C5.00087 7.39991 4.96126 6.99778 5.03843 6.60982C5.1156 6.22186 5.30608 5.86549 5.58579 5.58579C5.86549 5.30608 6.22186 5.1156 6.60982 5.03843C6.99778 4.96126 7.39991 5.00087 7.76537 5.15224C8.13082 5.30362 8.44318 5.55996 8.66294 5.88886C8.8827 6.21776 9 6.60444 9 7C8.99842 7.52995 8.7872 8.03773 8.41247 8.41247C8.03773 8.7872 7.52995 8.99842 7 9Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M17.5 15.1667H5.83333C5.21506 15.1685 4.62264 15.4149 4.18546 15.8521C3.74827 16.2893 3.50185 16.8817 3.5 17.5V22.1667C3.50185 22.7849 3.74827 23.3774 4.18546 23.8145C4.62264 24.2517 5.21506 24.4982 5.83333 24.5H17.5C18.1183 24.4982 18.7107 24.2517 19.1479 23.8145C19.5851 23.3774 19.8315 22.7849 19.8333 22.1667V17.5C19.8315 16.8817 19.5851 16.2893 19.1479 15.8521C18.7107 15.4149 18.1183 15.1685 17.5 15.1667ZM8.16667 22.1667C7.70518 22.1667 7.25405 22.0298 6.87034 21.7734C6.48662 21.517 6.18755 21.1526 6.01095 20.7263C5.83434 20.2999 5.78814 19.8307 5.87817 19.3781C5.9682 18.9255 6.19043 18.5097 6.51675 18.1834C6.84307 17.8571 7.25883 17.6349 7.71146 17.5448C8.16408 17.4548 8.63323 17.501 9.05959 17.6776C9.48596 17.8542 9.85037 18.1533 10.1068 18.537C10.3632 18.9207 10.5 19.3718 10.5 19.8333C10.4982 20.4516 10.2517 21.044 9.81454 21.4812C9.37736 21.9184 8.78494 22.1648 8.16667 22.1667V22.1667ZM22.1667 3.5H5.83333C5.21506 3.50185 4.62264 3.74827 4.18546 4.18546C3.74827 4.62264 3.50185 5.21506 3.5 5.83333V10.5C3.50185 11.1183 3.74827 11.7107 4.18546 12.1479C4.62264 12.5851 5.21506 12.8315 5.83333 12.8333H22.1667C22.7849 12.8315 23.3774 12.5851 23.8145 12.1479C24.2517 11.7107 24.4982 11.1183 24.5 10.5V5.83333C24.4982 5.21506 24.2517 4.62264 23.8145 4.18546C23.3774 3.74827 22.7849 3.50185 22.1667 3.5V3.5ZM8.16667 10.5C7.70518 10.5 7.25405 10.3632 6.87034 10.1068C6.48662 9.85037 6.18755 9.48596 6.01095 9.05959C5.83434 8.63323 5.78814 8.16408 5.87817 7.71146C5.9682 7.25883 6.19043 6.84307 6.51675 6.51675C6.84307 6.19043 7.25883 5.9682 7.71146 5.87817C8.16408 5.78814 8.63323 5.83434 9.05959 6.01095C9.48596 6.18755 9.85037 6.48662 10.1068 6.87034C10.3632 7.25405 10.5 7.70518 10.5 8.16667C10.4982 8.78494 10.2517 9.37736 9.81454 9.81454C9.37736 10.2517 8.78494 10.4982 8.16667 10.5V10.5Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-poll"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "FlipIconSize",
+        "resolved": "16 | 24 | 28",
+        "references": {
+          "FlipIconSize": {
+            "location": "import",
+            "path": "../flip-icon.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    }
+  }; }
+}

package/dist/collection/components/flip-icon/icons/flip-icon-recieved.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconRecieved {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M1.16667 9.16662L3.2929 11.2928C3.68342 11.6834 4.31659 11.6834 4.70711 11.2928L10.5 5.49995C10.7761 5.22381 10.7761 4.7761 10.5 4.49995C10.2239 4.22381 9.77615 4.22381 9.5 4.49995L4 9.99995L2.16667 8.16662C1.89053 7.89048 1.44281 7.89048 1.16667 8.16662C0.890529 8.44276 0.890529 8.89048 1.16667 9.16662Z", fill: "currentColor" }),
+        h("path", { d: "M8 9.33329L7 10.3333L7.95957 11.2928C8.35009 11.6834 8.98325 11.6834 9.37378 11.2928L15.1667 5.49995C15.4428 5.22381 15.4428 4.7761 15.1667 4.49995C14.8905 4.22381 14.4428 4.22381 14.1667 4.49995L8.66667 9.99995L8 9.33329Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M1.74999 13.75L4.93933 16.9393C5.52512 17.5251 6.47486 17.5251 7.06065 16.9393L15.75 8.24999C16.1642 7.83578 16.1642 7.1642 15.75 6.74999C15.3358 6.33578 14.6642 6.33578 14.25 6.74999L5.99999 15L3.24999 12.25C2.83578 11.8358 2.1642 11.8358 1.74999 12.25C1.33578 12.6642 1.33578 13.3358 1.74999 13.75Z", fill: "currentColor" }),
+        h("path", { d: "M12 14L10.5 15.5L11.9393 16.9393C12.5251 17.5251 13.4749 17.5251 14.0607 16.9393L22.75 8.24999C23.1642 7.83578 23.1642 7.1642 22.75 6.74999C22.3358 6.33578 21.6642 6.33578 21.25 6.74999L13 15L12 14Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M2.04167 16.0417L5.76256 19.7626C6.44598 20.446 7.55402 20.446 8.23744 19.7626L18.375 9.62501C18.8583 9.14176 18.8583 8.35826 18.375 7.87501C17.8918 7.39176 17.1082 7.39176 16.625 7.87501L7 17.5L3.79167 14.2917C3.30842 13.8084 2.52492 13.8084 2.04167 14.2917C1.55842 14.7749 1.55842 15.5584 2.04167 16.0417Z", fill: "currentColor" }),
+        h("path", { d: "M14 16.3333L12.25 18.0833L13.9292 19.7626C14.6126 20.446 15.7207 20.446 16.4041 19.7626L26.5417 9.62501C27.0249 9.14176 27.0249 8.35826 26.5417 7.87501C26.0584 7.39176 25.2749 7.39176 24.7917 7.87501L15.1667 17.5L14 16.3333Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-recieved"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "FlipIconSize",
+        "resolved": "16 | 24 | 28",
+        "references": {
+          "FlipIconSize": {
+            "location": "import",
+            "path": "../flip-icon.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    }
+  }; }
+}

package/dist/collection/components/flip-icon/icons/flip-icon-search-strong.js

@@ -0,0 +1,49 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconSearchStrong {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M12.3 13.9L8.71667 10.3166C8.39445 10.5389 8.01956 10.7166 7.592 10.85C7.164 10.9833 6.7 11.05 6.2 11.05C4.88889 11.05 3.77512 10.5915 2.85867 9.67464C1.94178 8.75819 1.48334 7.64442 1.48334 6.3333C1.48334 5.02219 1.94178 3.90819 2.85867 2.9913C3.77512 2.07486 4.88889 1.61664 6.2 1.61664C7.51112 1.61664 8.62489 2.07486 9.54134 2.9913C10.4582 3.90819 10.9167 5.02219 10.9167 6.3333C10.9167 6.84442 10.85 7.30819 10.7167 7.72464C10.5833 8.14153 10.4056 8.50553 10.1833 8.81664L13.8 12.45C14 12.65 14.0973 12.8915 14.092 13.1746C14.0862 13.4582 13.9833 13.7 13.7833 13.9C13.5833 14.1 13.336 14.2 13.0413 14.2C12.7471 14.2 12.5 14.1 12.3 13.9V13.9ZM6.2 8.94997C6.93334 8.94997 7.55289 8.69708 8.05867 8.1913C8.564 7.68597 8.81667 7.06664 8.81667 6.3333C8.81667 5.59997 8.564 4.98042 8.05867 4.47464C7.55289 3.9693 6.93334 3.71664 6.2 3.71664C5.46667 3.71664 4.84734 3.9693 4.342 4.47464C3.83623 4.98042 3.58334 5.59997 3.58334 6.3333C3.58334 7.06664 3.83623 7.68597 4.342 8.1913C4.84734 8.69708 5.46667 8.94997 6.2 8.94997Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M18.45 20.85L13.075 15.475C12.5917 15.8083 12.0293 16.075 11.388 16.275C10.746 16.475 10.05 16.575 9.30001 16.575C7.33334 16.575 5.66267 15.8873 4.28801 14.512C2.91267 13.1373 2.22501 11.4667 2.22501 9.49999C2.22501 7.53332 2.91267 5.86232 4.28801 4.48699C5.66267 3.11232 7.33334 2.42499 9.30001 2.42499C11.2667 2.42499 12.9373 3.11232 14.312 4.48699C15.6873 5.86232 16.375 7.53332 16.375 9.49999C16.375 10.2667 16.275 10.9623 16.075 11.587C15.875 12.2123 15.6083 12.7583 15.275 13.225L20.7 18.675C21 18.975 21.146 19.3373 21.138 19.762C21.1293 20.1873 20.975 20.55 20.675 20.85C20.375 21.15 20.004 21.3 19.562 21.3C19.1207 21.3 18.75 21.15 18.45 20.85ZM9.30001 13.425C10.4 13.425 11.3293 13.0457 12.088 12.287C12.846 11.529 13.225 10.6 13.225 9.49999C13.225 8.39999 12.846 7.47065 12.088 6.71199C11.3293 5.95399 10.4 5.57499 9.30001 5.57499C8.20001 5.57499 7.27101 5.95399 6.51301 6.71199C5.75434 7.47065 5.37501 8.39999 5.37501 9.49999C5.37501 10.6 5.75434 11.529 6.51301 12.287C7.27101 13.0457 8.20001 13.425 9.30001 13.425Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M21.525 24.325L15.2542 18.0542C14.6903 18.4431 14.0342 18.7542 13.286 18.9875C12.537 19.2208 11.725 19.3375 10.85 19.3375C8.55555 19.3375 6.60644 18.5352 5.00266 16.9307C3.3981 15.3269 2.59583 13.3778 2.59583 11.0833C2.59583 8.78888 3.3981 6.83939 5.00266 5.23483C6.60644 3.63105 8.55555 2.82916 10.85 2.82916C13.1444 2.82916 15.0935 3.63105 16.6973 5.23483C18.3019 6.83939 19.1042 8.78888 19.1042 11.0833C19.1042 11.9778 18.9875 12.7894 18.7542 13.5182C18.5208 14.2477 18.2097 14.8847 17.8208 15.4292L24.15 21.7875C24.5 22.1375 24.6703 22.5602 24.661 23.0557C24.6509 23.5519 24.4708 23.975 24.1208 24.325C23.7708 24.675 23.338 24.85 22.8223 24.85C22.3074 24.85 21.875 24.675 21.525 24.325V24.325ZM10.85 15.6625C12.1333 15.6625 13.2175 15.2199 14.1027 14.3348C14.987 13.4505 15.4292 12.3667 15.4292 11.0833C15.4292 9.8 14.987 8.71577 14.1027 7.83066C13.2175 6.94633 12.1333 6.50416 10.85 6.50416C9.56666 6.50416 8.48283 6.94633 7.59849 7.83066C6.71338 8.71577 6.27083 9.8 6.27083 11.0833C6.27083 12.3667 6.71338 13.4505 7.59849 14.3348C8.48283 15.2199 9.56666 15.6625 10.85 15.6625Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-search-strong"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "FlipIconSize",
+        "resolved": "16 | 24 | 28",
+        "references": {
+          "FlipIconSize": {
+            "location": "import",
+            "path": "../flip-icon.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    }
+  }; }
+}

package/dist/collection/components/flip-icon/icons/flip-icon-search.js

@@ -0,0 +1,49 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconSearch {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M12.5333 13.6167L8.83333 9.91669C8.5 10.1722 8.11666 10.3778 7.68333 10.5334C7.25 10.6889 6.78889 10.7667 6.3 10.7667C5.06666 10.7667 4.02222 10.336 3.16666 9.47469C2.31111 8.6138 1.88333 7.56669 1.88333 6.33336C1.88333 5.10002 2.31111 4.05269 3.16666 3.19136C4.02222 2.33047 5.06666 1.90002 6.3 1.90002C7.53333 1.90002 8.58066 2.33047 9.442 3.19136C10.3029 4.05269 10.7333 5.10002 10.7333 6.33336C10.7333 6.82225 10.6584 7.28336 10.5087 7.71669C10.3584 8.15002 10.1556 8.5278 9.9 8.85002L13.6167 12.5834C13.75 12.7167 13.8167 12.8862 13.8167 13.092C13.8167 13.2974 13.7444 13.4722 13.6 13.6167C13.4556 13.7611 13.2751 13.8334 13.0587 13.8334C12.8418 13.8334 12.6667 13.7611 12.5333 13.6167ZM6.3 9.23336C7.11111 9.23336 7.8 8.95269 8.36667 8.39136C8.93333 7.83047 9.21666 7.14447 9.21666 6.33336C9.21666 5.52225 8.93333 4.83602 8.36667 4.27469C7.8 3.7138 7.11111 3.43336 6.3 3.43336C5.48889 3.43336 4.80289 3.7138 4.242 4.27469C3.68066 4.83602 3.4 5.52225 3.4 6.33336C3.4 7.14447 3.68066 7.83047 4.242 8.39136C4.80289 8.95269 5.48889 9.23336 6.3 9.23336Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M18.8 20.425L13.25 14.875C12.75 15.2583 12.175 15.5666 11.525 15.8C10.875 16.0333 10.1833 16.15 9.45001 16.15C7.60001 16.15 6.03335 15.504 4.75001 14.212C3.46668 12.9206 2.82501 11.35 2.82501 9.49998C2.82501 7.64998 3.46668 6.07898 4.75001 4.78698C6.03335 3.49564 7.60001 2.84998 9.45001 2.84998C11.3 2.84998 12.871 3.49564 14.163 4.78698C15.4543 6.07898 16.1 7.64998 16.1 9.49998C16.1 10.2333 15.9877 10.925 15.763 11.575C15.5377 12.225 15.2333 12.7916 14.85 13.275L20.425 18.875C20.625 19.075 20.725 19.3293 20.725 19.638C20.725 19.946 20.6167 20.2083 20.4 20.425C20.1833 20.6416 19.9127 20.75 19.588 20.75C19.2627 20.75 19 20.6416 18.8 20.425ZM9.45001 13.85C10.6667 13.85 11.7 13.429 12.55 12.587C13.4 11.7456 13.825 10.7166 13.825 9.49998C13.825 8.28331 13.4 7.25398 12.55 6.41198C11.7 5.57064 10.6667 5.14998 9.45001 5.14998C8.23335 5.14998 7.20435 5.57064 6.36301 6.41198C5.52101 7.25398 5.10001 8.28331 5.10001 9.49998C5.10001 10.7166 5.52101 11.7456 6.36301 12.587C7.20435 13.429 8.23335 13.85 9.45001 13.85Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M21.9333 23.8292L15.4583 17.3542C14.875 17.8014 14.2042 18.1611 13.4458 18.4333C12.6875 18.7056 11.8806 18.8417 11.025 18.8417C8.86667 18.8417 7.03889 18.088 5.54167 16.5807C4.04445 15.0741 3.29584 13.2417 3.29584 11.0833C3.29584 8.92501 4.04445 7.09218 5.54167 5.58485C7.03889 4.07829 8.86667 3.32501 11.025 3.32501C13.1833 3.32501 15.0162 4.07829 16.5235 5.58485C18.0301 7.09218 18.7833 8.92501 18.7833 11.0833C18.7833 11.9389 18.6523 12.7458 18.3902 13.5042C18.1273 14.2625 17.7722 14.9236 17.325 15.4875L23.8292 22.0208C24.0625 22.2542 24.1792 22.5509 24.1792 22.911C24.1792 23.2703 24.0528 23.5764 23.8 23.8292C23.5472 24.082 23.2314 24.2083 22.8527 24.2083C22.4731 24.2083 22.1667 24.082 21.9333 23.8292ZM11.025 16.1583C12.4444 16.1583 13.65 15.6672 14.6417 14.6848C15.6333 13.7033 16.1292 12.5028 16.1292 11.0833C16.1292 9.6639 15.6333 8.46301 14.6417 7.48068C13.65 6.49912 12.4444 6.00835 11.025 6.00835C9.60556 6.00835 8.40506 6.49912 7.4235 7.48068C6.44117 8.46301 5.95 9.6639 5.95 11.0833C5.95 12.5028 6.44117 13.7033 7.4235 14.6848C8.40506 15.6672 9.60556 16.1583 11.025 16.1583Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-search"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "FlipIconSize",
+        "resolved": "16 | 24 | 28",
+        "references": {
+          "FlipIconSize": {
+            "location": "import",
+            "path": "../flip-icon.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    }
+  }; }
+}

package/dist/collection/components/flip-icon/icons/flip-icon-send.js

@@ -0,0 +1,49 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconSend {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" },
+      this.size === 16 && (h(Fragment, null,
+        h("path", { d: "M2.93333 12.95C2.71111 13.0389 2.5 13.0193 2.3 12.8913C2.1 12.7638 2 12.5778 2 12.3333V9.85C2 9.69444 2.04444 9.55555 2.13333 9.43333C2.22222 9.31111 2.34444 9.23333 2.5 9.2L7.33333 8L2.5 6.8C2.34444 6.76666 2.22222 6.68889 2.13333 6.56666C2.04444 6.44444 2 6.30555 2 6.15V3.66666C2 3.42222 2.1 3.236 2.3 3.108C2.5 2.98044 2.71111 2.96111 2.93333 3.05L13.2 7.38333C13.4778 7.50555 13.6167 7.71111 13.6167 8C13.6167 8.28889 13.4778 8.49444 13.2 8.61666L2.93333 12.95Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M4.4 19.425C4.06667 19.5583 3.75 19.529 3.45 19.337C3.15 19.1457 3 18.8667 3 18.5V14.775C3 14.5417 3.06667 14.3333 3.2 14.15C3.33333 13.9667 3.51667 13.85 3.75 13.8L11 12L3.75 10.2C3.51667 10.15 3.33333 10.0333 3.2 9.84999C3.06667 9.66666 3 9.45833 3 9.22499V5.49999C3 5.13333 3.15 4.85399 3.45 4.66199C3.75 4.47066 4.06667 4.44166 4.4 4.57499L19.8 11.075C20.2167 11.2583 20.425 11.5667 20.425 12C20.425 12.4333 20.2167 12.7417 19.8 12.925L4.4 19.425Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M5.13333 22.6625C4.74444 22.818 4.375 22.7838 4.025 22.5598C3.675 22.3366 3.5 22.0111 3.5 21.5833V17.2375C3.5 16.9653 3.57778 16.7222 3.73333 16.5083C3.88889 16.2944 4.10278 16.1583 4.375 16.1L12.8333 14L4.375 11.9C4.10278 11.8417 3.88889 11.7055 3.73333 11.4917C3.57778 11.2778 3.5 11.0347 3.5 10.7625V6.41666C3.5 5.98888 3.675 5.66299 4.025 5.43899C4.375 5.21577 4.74444 5.18194 5.13333 5.33749L23.1 12.9208C23.5861 13.1347 23.8292 13.4944 23.8292 14C23.8292 14.5055 23.5861 14.8653 23.1 15.0792L5.13333 22.6625Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-send"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../flip-icon.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "FlipIconSize",
+        "resolved": "16 | 24 | 28",
+        "references": {
+          "FlipIconSize": {
+            "location": "import",
+            "path": "../flip-icon.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "24"
+    }
+  }; }
+}