@getflip/swirl-components 0.1.0

package/dist/collection/components/flip-icon/icons/flip-icon-like.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 FlipIconLike {
+  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: "M5.72387 4.94293L9.27694 1.38986C10.0419 0.62488 11.3284 1.35327 11.066 2.40281L10.4369 4.91927C10.3843 5.12966 10.5434 5.33345 10.7603 5.33345H14C14.7364 5.33345 15.3333 5.93041 15.3333 6.66679V6.86831C15.3333 7.61454 15.1767 8.35247 14.8737 9.03438L13.0186 13.2083C12.8046 13.6898 12.3271 14.0001 11.8002 14.0001H6.66668C5.9303 14.0001 5.33334 13.4032 5.33334 12.6668V5.88574C5.33334 5.53212 5.47382 5.19298 5.72387 4.94293Z", fill: "currentColor" }),
+        h("path", { d: "M4.00001 12.6668V6.66679C4.00001 5.93041 3.40306 5.33345 2.66668 5.33345C1.9303 5.33345 1.33334 5.93041 1.33334 6.66679V12.6668C1.33334 13.4032 1.9303 14.0001 2.66668 14.0001C3.40306 14.0001 4.00001 13.4032 4.00001 12.6668Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M8.58579 7.41427L13.9154 2.08466C15.0629 0.937198 16.9926 2.02979 16.599 3.60409L15.6553 7.37879C15.5764 7.69436 15.8151 8.00006 16.1404 8.00006H21C22.1046 8.00006 23 8.89549 23 10.0001V10.3023C23 11.4217 22.7651 12.5286 22.3105 13.5514L19.5279 19.8123C19.2069 20.5346 18.4906 21.0001 17.7003 21.0001H10C8.89543 21.0001 8 20.1046 8 19.0001V8.82848C8 8.29805 8.21071 7.78934 8.58579 7.41427Z", fill: "currentColor" }),
+        h("path", { d: "M6 19.0001V10.0001C6 8.89549 5.10457 8.00006 4 8.00006C2.89543 8.00006 2 8.89549 2 10.0001V19.0001C2 20.1046 2.89543 21.0001 4 21.0001C5.10457 21.0001 6 20.1046 6 19.0001Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M10.0168 8.64994L16.2346 2.43206C17.5733 1.09336 19.8247 2.36804 19.3655 4.20473L18.2645 8.60855C18.1725 8.97672 18.451 9.33336 18.8305 9.33336H24.5C25.7887 9.33336 26.8333 10.378 26.8333 11.6667V12.0194C26.8333 13.3253 26.5593 14.6166 26.0289 15.81L22.7825 23.1143C22.408 23.957 21.5724 24.5 20.6503 24.5H11.6667C10.378 24.5 9.33334 23.4554 9.33334 22.1667V10.2999C9.33334 9.68102 9.57918 9.08753 10.0168 8.64994Z", fill: "currentColor" }),
+        h("path", { d: "M7.00001 22.1667V11.6667C7.00001 10.378 5.95534 9.33336 4.66668 9.33336C3.37801 9.33336 2.33334 10.378 2.33334 11.6667V22.1667C2.33334 23.4554 3.37801 24.5 4.66668 24.5C5.95534 24.5 7.00001 23.4554 7.00001 22.1667Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-like"; }
+  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-link.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 FlipIconLink {
+  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.09414 12.8082C7.41846 13.4838 6.60136 13.8217 5.64283 13.8217C4.68431 13.8217 3.86721 13.4838 3.19153 12.8082C2.51585 12.1325 2.17801 11.3154 2.17801 10.3568C2.17801 9.39832 2.51585 8.58122 3.19153 7.90554L4.49968 6.5974C4.64895 6.44812 4.82573 6.37348 5.03001 6.37348C5.23428 6.37348 5.41106 6.44812 5.56034 6.5974C5.71747 6.75453 5.79604 6.93524 5.79604 7.13951C5.79604 7.34379 5.7214 7.52056 5.57212 7.66984L4.26397 8.97799C3.87899 9.36297 3.6865 9.82259 3.6865 10.3568C3.6865 10.8911 3.87899 11.3507 4.26397 11.7357C4.64895 12.1207 5.10857 12.3132 5.64283 12.3132C6.17709 12.3132 6.63671 12.1207 7.02169 11.7357L8.32984 10.4276C8.47912 10.2783 8.65589 10.2036 8.86017 10.2036C9.06444 10.2036 9.24515 10.2822 9.40228 10.4393C9.55156 10.5886 9.6262 10.7654 9.6262 10.9697C9.6262 11.1739 9.55156 11.3507 9.40228 11.5L8.09414 12.8082ZM7.03348 9.95615C6.89991 10.0897 6.7368 10.1585 6.54416 10.1626C6.35182 10.1664 6.18495 10.0976 6.04353 9.95615C5.9021 9.81473 5.83328 9.64786 5.83705 9.45552C5.84114 9.26287 5.90996 9.09977 6.04353 8.9662L8.96623 6.0435C9.0998 5.90993 9.2629 5.84111 9.45555 5.83702C9.64789 5.83325 9.81476 5.90207 9.95618 6.0435C10.0976 6.18492 10.1664 6.35179 10.1627 6.54413C10.1586 6.73677 10.0897 6.89988 9.95618 7.03345L7.03348 9.95615ZM11.5 9.40225C11.3508 9.55153 11.174 9.62617 10.9697 9.62617C10.7654 9.62617 10.5887 9.55153 10.4394 9.40225C10.2822 9.24512 10.2037 9.06441 10.2037 8.86014C10.2037 8.65586 10.2783 8.47909 10.4276 8.32981L11.7357 7.02166C12.1207 6.63668 12.3132 6.17706 12.3132 5.6428C12.3132 5.10854 12.1207 4.64892 11.7357 4.26394C11.3508 3.87896 10.8911 3.68647 10.3569 3.68647C9.82262 3.68647 9.363 3.87896 8.97802 4.26394L7.66987 5.57209C7.52059 5.72137 7.34382 5.79601 7.13954 5.79601C6.93527 5.79601 6.75456 5.71744 6.59743 5.56031C6.44815 5.41103 6.37351 5.23425 6.37351 5.02998C6.37351 4.8257 6.44815 4.64892 6.59743 4.49965L7.90557 3.1915C8.58125 2.51582 9.39835 2.17798 10.3569 2.17798C11.3154 2.17798 12.1325 2.51582 12.8082 3.1915C13.4839 3.86718 13.8217 4.68428 13.8217 5.6428C13.8217 6.60132 13.4839 7.41843 12.8082 8.09411L11.5 9.40225Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M12.1412 19.2123C11.1277 20.2259 9.90205 20.7326 8.46426 20.7326C7.02648 20.7326 5.80083 20.2259 4.78731 19.2123C3.77379 18.1988 3.26703 16.9732 3.26703 15.5354C3.26703 14.0976 3.77379 12.872 4.78731 11.8584L6.74953 9.89622C6.97345 9.6723 7.23861 9.56034 7.54502 9.56034C7.85144 9.56034 8.1166 9.6723 8.34052 9.89622C8.57622 10.1319 8.69407 10.403 8.69407 10.7094C8.69407 11.0158 8.58211 11.281 8.3582 11.5049L6.39598 13.4671C5.81851 14.0446 5.52977 14.734 5.52977 15.5354C5.52977 16.3368 5.81851 17.0262 6.39598 17.6037C6.97345 18.1812 7.66288 18.4699 8.46426 18.4699C9.26565 18.4699 9.95508 18.1812 10.5326 17.6037L12.4948 15.6415C12.7187 15.4175 12.9839 15.3056 13.2903 15.3056C13.5967 15.3056 13.8677 15.4234 14.1034 15.6591C14.3274 15.8831 14.4393 16.1482 14.4393 16.4546C14.4393 16.761 14.3274 17.0262 14.1034 17.2501L12.1412 19.2123ZM10.5502 14.9344C10.3499 15.1347 10.1052 15.2379 9.81625 15.2441C9.52775 15.2497 9.27744 15.1465 9.0653 14.9344C8.85317 14.7222 8.74993 14.4719 8.75559 14.1834C8.76172 13.8944 8.86496 13.6498 9.0653 13.4494L13.4494 9.06537C13.6497 8.86502 13.8944 8.76178 14.1833 8.75565C14.4718 8.75 14.7222 8.85323 14.9343 9.06537C15.1464 9.2775 15.2497 9.52781 15.244 9.81631C15.2379 10.1053 15.1346 10.3499 14.9343 10.5503L10.5502 14.9344ZM17.2501 14.1035C17.0261 14.3274 16.761 14.4394 16.4546 14.4394C16.1482 14.4394 15.883 14.3274 15.6591 14.1035C15.4234 13.8678 15.3055 13.5967 15.3055 13.2903C15.3055 12.9839 15.4175 12.7188 15.6414 12.4948L17.6036 10.5326C18.1811 9.95514 18.4698 9.26571 18.4698 8.46432C18.4698 7.66294 18.1811 6.97351 17.6036 6.39604C17.0261 5.81857 16.3367 5.52983 15.5353 5.52983C14.7339 5.52983 14.0445 5.81857 13.467 6.39604L11.5048 8.35826C11.2809 8.58218 11.0157 8.69413 10.7093 8.69413C10.4029 8.69413 10.1319 8.57628 9.89615 8.34058C9.67224 8.11666 9.56028 7.8515 9.56028 7.54509C9.56028 7.23867 9.67224 6.97351 9.89615 6.74959L11.8584 4.78737C12.8719 3.77385 14.0975 3.26709 15.5353 3.26709C16.9731 3.26709 18.1988 3.77385 19.2123 4.78737C20.2258 5.80089 20.7326 7.02654 20.7326 8.46432C20.7326 9.90211 20.2258 11.1278 19.2123 12.1413L17.2501 14.1035Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M14.1648 22.4143C12.9823 23.5968 11.5524 24.188 9.87499 24.188C8.19758 24.188 6.76765 23.5968 5.58521 22.4143C4.40277 21.2319 3.81155 19.802 3.81155 18.1245C3.81155 16.4471 4.40277 15.0172 5.58521 13.8348L7.87447 11.5455C8.13571 11.2843 8.44507 11.1536 8.80255 11.1536C9.16003 11.1536 9.46939 11.2843 9.73063 11.5455C10.0056 11.8205 10.1431 12.1367 10.1431 12.4942C10.1431 12.8517 10.0125 13.161 9.75125 13.4223L7.46199 15.7115C6.78828 16.3853 6.45142 17.1896 6.45142 18.1245C6.45142 19.0595 6.78828 19.8638 7.46199 20.5375C8.13571 21.2113 8.94004 21.5481 9.87499 21.5481C10.8099 21.5481 11.6143 21.2113 12.288 20.5375L14.5773 18.2483C14.8385 17.987 15.1478 17.8564 15.5053 17.8564C15.8628 17.8564 16.179 17.9939 16.454 18.2689C16.7153 18.5301 16.8459 18.8395 16.8459 19.197C16.8459 19.5545 16.7153 19.8638 16.454 20.1251L14.1648 22.4143ZM12.3086 17.4233C12.0749 17.6571 11.7894 17.7775 11.4523 17.7847C11.1157 17.7913 10.8237 17.6708 10.5762 17.4233C10.3287 17.1758 10.2083 16.8838 10.2149 16.5472C10.222 16.2101 10.3425 15.9247 10.5762 15.6909L15.6909 10.5762C15.9247 10.3424 16.2101 10.222 16.5473 10.2148C16.8838 10.2082 17.1759 10.3287 17.4234 10.5762C17.6708 10.8237 17.7913 11.1157 17.7847 11.4523C17.7775 11.7894 17.6571 12.0749 17.4234 12.3086L12.3086 17.4233ZM20.1251 16.454C19.8639 16.7152 19.5545 16.8459 19.197 16.8459C18.8395 16.8459 18.5302 16.7152 18.2689 16.454C17.994 16.179 17.8565 15.8628 17.8565 15.5053C17.8565 15.1478 17.9871 14.8385 18.2483 14.5772L20.5376 12.288C21.2113 11.6143 21.5481 10.8099 21.5481 9.87496C21.5481 8.94001 21.2113 8.13568 20.5376 7.46196C19.8639 6.78825 19.0595 6.45139 18.1246 6.45139C17.1896 6.45139 16.3853 6.78825 15.7116 7.46196L13.4223 9.75122C13.1611 10.0125 12.8517 10.1431 12.4942 10.1431C12.1368 10.1431 11.8205 10.0056 11.5455 9.7306C11.2843 9.46936 11.1537 9.16 11.1537 8.80252C11.1537 8.44504 11.2843 8.13568 11.5455 7.87444L13.8348 5.58518C15.0172 4.40274 16.4472 3.81152 18.1246 3.81152C19.802 3.81152 21.2319 4.40274 22.4144 5.58518C23.5968 6.76762 24.188 8.19755 24.188 9.87496C24.188 11.5524 23.5968 12.9823 22.4144 14.1647L20.1251 16.454Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-link"; }
+  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-lock.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 FlipIconLock {
+  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 5.66667H11.3333V4.33333C11.3333 2.49333 9.83999 1 7.99999 1C6.15999 1 4.66666 2.49333 4.66666 4.33333V5.66667H3.99999C3.26666 5.66667 2.66666 6.26667 2.66666 7V13.6667C2.66666 14.4 3.26666 15 3.99999 15H12C12.7333 15 13.3333 14.4 13.3333 13.6667V7C13.3333 6.26667 12.7333 5.66667 12 5.66667ZM7.99999 11.6667C7.26666 11.6667 6.66666 11.0667 6.66666 10.3333C6.66666 9.6 7.26666 9 7.99999 9C8.73332 9 9.33332 9.6 9.33332 10.3333C9.33332 11.0667 8.73332 11.6667 7.99999 11.6667ZM5.99999 5.66667V4.33333C5.99999 3.22667 6.89332 2.33333 7.99999 2.33333C9.10666 2.33333 9.99999 3.22667 9.99999 4.33333V5.66667H5.99999Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M18 8.5H17V6.5C17 3.74 14.76 1.5 12 1.5C9.24 1.5 7 3.74 7 6.5V8.5H6C4.9 8.5 4 9.4 4 10.5V20.5C4 21.6 4.9 22.5 6 22.5H18C19.1 22.5 20 21.6 20 20.5V10.5C20 9.4 19.1 8.5 18 8.5ZM12 17.5C10.9 17.5 10 16.6 10 15.5C10 14.4 10.9 13.5 12 13.5C13.1 13.5 14 14.4 14 15.5C14 16.6 13.1 17.5 12 17.5ZM9 8.5V6.5C9 4.84 10.34 3.5 12 3.5C13.66 3.5 15 4.84 15 6.5V8.5H9Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M21 9.91667H19.8333V7.58333C19.8333 4.36333 17.22 1.75 14 1.75C10.78 1.75 8.16666 4.36333 8.16666 7.58333V9.91667H6.99999C5.71666 9.91667 4.66666 10.9667 4.66666 12.25V23.9167C4.66666 25.2 5.71666 26.25 6.99999 26.25H21C22.2833 26.25 23.3333 25.2 23.3333 23.9167V12.25C23.3333 10.9667 22.2833 9.91667 21 9.91667ZM14 20.4167C12.7167 20.4167 11.6667 19.3667 11.6667 18.0833C11.6667 16.8 12.7167 15.75 14 15.75C15.2833 15.75 16.3333 16.8 16.3333 18.0833C16.3333 19.3667 15.2833 20.4167 14 20.4167ZM10.5 9.91667V7.58333C10.5 5.64667 12.0633 4.08333 14 4.08333C15.9367 4.08333 17.5 5.64667 17.5 7.58333V9.91667H10.5Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-lock"; }
+  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-logout.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 FlipIconLogout {
+  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.15 10.9833C10.0056 10.8167 9.93335 10.6304 9.93335 10.4247C9.93335 10.2193 10.0056 10.0444 10.15 9.9L11.3 8.76667H6.68335C6.47224 8.76667 6.29446 8.69156 6.15001 8.54134C6.00557 8.39156 5.93335 8.21111 5.93335 8C5.93335 7.78889 6.00557 7.60845 6.15001 7.45867C6.29446 7.30845 6.47224 7.23334 6.68335 7.23334H11.3L10.15 6.1C9.99446 5.94445 9.91935 5.76378 9.92468 5.558C9.93046 5.35267 10.0056 5.17222 10.15 5.01667C10.2945 4.87222 10.4696 4.8 10.6753 4.8C10.8807 4.8 11.0556 4.87222 11.2 5.01667L13.6667 7.46667C13.7333 7.54445 13.7833 7.62778 13.8167 7.71667C13.85 7.80556 13.8667 7.9 13.8667 8C13.8667 8.1 13.85 8.19445 13.8167 8.28333C13.7833 8.37222 13.7333 8.45556 13.6667 8.53333L11.2 11C11.0333 11.1556 10.8529 11.2249 10.6587 11.208C10.464 11.1916 10.2945 11.1167 10.15 10.9833V10.9833ZM3.33335 14.1333C2.91113 14.1333 2.5529 13.9862 2.25868 13.692C1.96401 13.3973 1.81668 13.0389 1.81668 12.6167V3.38334C1.81668 2.96111 1.96401 2.60267 2.25868 2.308C2.5529 2.01378 2.91113 1.86667 3.33335 1.86667H7.26668C7.4889 1.86667 7.67224 1.93889 7.81668 2.08334C7.96113 2.22778 8.03335 2.40556 8.03335 2.61667C8.03335 2.83889 7.96113 3.02222 7.81668 3.16667C7.67224 3.31111 7.4889 3.38334 7.26668 3.38334H3.33335V12.6167H7.26668C7.4889 12.6167 7.67224 12.6889 7.81668 12.8333C7.96113 12.9778 8.03335 13.1611 8.03335 13.3833C8.03335 13.5944 7.96113 13.7722 7.81668 13.9167C7.67224 14.0611 7.4889 14.1333 7.26668 14.1333H3.33335Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M15.225 16.475C15.0083 16.225 14.9 15.9457 14.9 15.637C14.9 15.329 15.0083 15.0667 15.225 14.85L16.95 13.15H10.025C9.70834 13.15 9.44167 13.0373 9.22501 12.812C9.00834 12.5873 8.90001 12.3167 8.90001 12C8.90001 11.6833 9.00834 11.4127 9.22501 11.188C9.44167 10.9627 9.70834 10.85 10.025 10.85H16.95L15.225 9.14999C14.9917 8.91665 14.879 8.64565 14.887 8.33699C14.8957 8.02899 15.0083 7.75832 15.225 7.52499C15.4417 7.30832 15.7043 7.19999 16.013 7.19999C16.321 7.19999 16.5833 7.30832 16.8 7.52499L20.5 11.2C20.6 11.3167 20.675 11.4417 20.725 11.575C20.775 11.7083 20.8 11.85 20.8 12C20.8 12.15 20.775 12.2917 20.725 12.425C20.675 12.5583 20.6 12.6833 20.5 12.8L16.8 16.5C16.55 16.7333 16.2793 16.8373 15.988 16.812C15.696 16.7873 15.4417 16.675 15.225 16.475ZM5.00001 21.2C4.36667 21.2 3.82934 20.9793 3.38801 20.538C2.94601 20.096 2.72501 19.5583 2.72501 18.925V5.07499C2.72501 4.44165 2.94601 3.90399 3.38801 3.46199C3.82934 3.02065 4.36667 2.79999 5.00001 2.79999H10.9C11.2333 2.79999 11.5083 2.90832 11.725 3.12499C11.9417 3.34165 12.05 3.60832 12.05 3.92499C12.05 4.25832 11.9417 4.53332 11.725 4.74999C11.5083 4.96665 11.2333 5.07499 10.9 5.07499H5.00001V18.925H10.9C11.2333 18.925 11.5083 19.0333 11.725 19.25C11.9417 19.4667 12.05 19.7417 12.05 20.075C12.05 20.3917 11.9417 20.6583 11.725 20.875C11.5083 21.0917 11.2333 21.2 10.9 21.2H5.00001Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M17.7625 19.2208C17.5097 18.9292 17.3833 18.6033 17.3833 18.2432C17.3833 17.8838 17.5097 17.5778 17.7625 17.325L19.775 15.3417H11.6958C11.3264 15.3417 11.0153 15.2102 10.7625 14.9473C10.5097 14.6852 10.3833 14.3694 10.3833 14C10.3833 13.6306 10.5097 13.3148 10.7625 13.0527C11.0153 12.7898 11.3264 12.6583 11.6958 12.6583H19.775L17.7625 10.675C17.4903 10.4028 17.3588 10.0866 17.3682 9.7265C17.3783 9.36716 17.5097 9.05139 17.7625 8.77916C18.0153 8.52639 18.3217 8.4 18.6818 8.4C19.0412 8.4 19.3472 8.52639 19.6 8.77916L23.9167 13.0667C24.0333 13.2028 24.1208 13.3486 24.1792 13.5042C24.2375 13.6597 24.2667 13.825 24.2667 14C24.2667 14.175 24.2375 14.3403 24.1792 14.4958C24.1208 14.6514 24.0333 14.7972 23.9167 14.9333L19.6 19.25C19.3083 19.5222 18.9926 19.6436 18.6527 19.614C18.312 19.5852 18.0153 19.4542 17.7625 19.2208V19.2208ZM5.83334 24.7333C5.09445 24.7333 4.46756 24.4759 3.95267 23.961C3.437 23.4453 3.17917 22.8181 3.17917 22.0792V5.92083C3.17917 5.18194 3.437 4.55466 3.95267 4.039C4.46756 3.52411 5.09445 3.26666 5.83334 3.26666H12.7167C13.1056 3.26666 13.4264 3.39305 13.6792 3.64583C13.9319 3.89861 14.0583 4.20972 14.0583 4.57916C14.0583 4.96805 13.9319 5.28889 13.6792 5.54166C13.4264 5.79444 13.1056 5.92083 12.7167 5.92083H5.83334V22.0792H12.7167C13.1056 22.0792 13.4264 22.2056 13.6792 22.4583C13.9319 22.7111 14.0583 23.0319 14.0583 23.4208C14.0583 23.7903 13.9319 24.1014 13.6792 24.3542C13.4264 24.6069 13.1056 24.7333 12.7167 24.7333H5.83334Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-logout"; }
+  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-mail.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 FlipIconMail {
+  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: "M13.3333 2.66669H2.66668C1.93334 2.66669 1.33334 3.26669 1.33334 4.00002V12C1.33334 12.7334 1.93334 13.3334 2.66668 13.3334H13.3333C14.0667 13.3334 14.6667 12.7334 14.6667 12V4.00002C14.6667 3.26669 14.0667 2.66669 13.3333 2.66669ZM13.0667 5.50002L8.70668 8.22669C8.27334 8.50002 7.72668 8.50002 7.29334 8.22669L2.93334 5.50002C2.76668 5.39335 2.66668 5.21335 2.66668 5.02002C2.66668 4.57335 3.15334 4.30669 3.53334 4.54002L8.00001 7.33335L12.4667 4.54002C12.8467 4.30669 13.3333 4.57335 13.3333 5.02002C13.3333 5.21335 13.2333 5.39335 13.0667 5.50002Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM19.6 8.25L13.06 12.34C12.41 12.75 11.59 12.75 10.94 12.34L4.4 8.25C4.15 8.09 4 7.82 4 7.53C4 6.86 4.73 6.46 5.3 6.81L12 11L18.7 6.81C19.27 6.46 20 6.86 20 7.53C20 7.82 19.85 8.09 19.6 8.25Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M23.3333 4.66669H4.66668C3.38334 4.66669 2.33334 5.71669 2.33334 7.00002V21C2.33334 22.2834 3.38334 23.3334 4.66668 23.3334H23.3333C24.6167 23.3334 25.6667 22.2834 25.6667 21V7.00002C25.6667 5.71669 24.6167 4.66669 23.3333 4.66669ZM22.8667 9.62502L15.2367 14.3967C14.4783 14.875 13.5217 14.875 12.7633 14.3967L5.13334 9.62502C4.84168 9.43835 4.66668 9.12335 4.66668 8.78502C4.66668 8.00335 5.51834 7.53669 6.18334 7.94502L14 12.8334L21.8167 7.94502C22.4817 7.53669 23.3333 8.00335 23.3333 8.78502C23.3333 9.12335 23.1583 9.43835 22.8667 9.62502Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-mail"; }
+  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-manage-accounts.js

@@ -0,0 +1,55 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Component, Fragment, h, Prop } from "@stencil/core";
+export class FlipIconManageAccounts {
+  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.21381 8.35C7.06714 8.34334 6.92047 8.33667 6.76714 8.33667C5.15381 8.33667 3.64714 8.78334 2.36047 9.55C1.77381 9.89667 1.43381 10.55 1.43381 11.2367V12.3367C1.43381 12.7033 1.73381 13.0033 2.10047 13.0033H7.60714C7.08047 12.25 6.76714 11.33 6.76714 10.3367C6.76714 9.62334 6.93381 8.95667 7.21381 8.35Z", fill: "currentColor" }),
+        h("path", { d: "M6.76714 7.67C8.2399 7.67 9.43381 6.4761 9.43381 5.00334C9.43381 3.53058 8.2399 2.33667 6.76714 2.33667C5.29438 2.33667 4.10047 3.53058 4.10047 5.00334C4.10047 6.4761 5.29438 7.67 6.76714 7.67Z", fill: "currentColor" }),
+        h("path", { d: "M13.9338 10.3367C13.9338 10.19 13.9138 10.0567 13.8938 9.91667L14.4538 9.43C14.5738 9.32334 14.6005 9.15 14.5205 9.01L14.1271 8.33C14.0471 8.19 13.8805 8.13 13.7338 8.18334L13.0271 8.42334C12.8138 8.24334 12.5738 8.10334 12.3071 8.00334L12.1605 7.27667C12.1271 7.12334 11.9938 7.01 11.8338 7.01H11.0471C10.8871 7.01 10.7538 7.12334 10.7205 7.27667L10.5738 8.00334C10.3071 8.10334 10.0671 8.24334 9.85381 8.42334L9.14714 8.18334C8.99381 8.13 8.83381 8.19667 8.75381 8.33L8.36047 9.01C8.28047 9.15 8.30714 9.32334 8.42714 9.43L8.98714 9.91667C8.96714 10.0567 8.94714 10.19 8.94714 10.3367C8.94714 10.4833 8.96714 10.6167 8.98714 10.7567L8.42714 11.2433C8.30714 11.35 8.28047 11.5233 8.36047 11.6633L8.75381 12.3433C8.83381 12.4833 9.00047 12.5433 9.14714 12.49L9.85381 12.25C10.0671 12.43 10.3071 12.57 10.5738 12.67L10.7205 13.3967C10.7538 13.55 10.8871 13.6633 11.0471 13.6633H11.8338C11.9938 13.6633 12.1271 13.55 12.1605 13.3967L12.3071 12.67C12.5738 12.57 12.8138 12.43 13.0271 12.25L13.7338 12.49C13.8871 12.5433 14.0471 12.4767 14.1271 12.3433L14.5205 11.6633C14.6005 11.5233 14.5738 11.35 14.4538 11.2433L13.8938 10.7567C13.9138 10.6167 13.9338 10.4833 13.9338 10.3367ZM11.4338 11.67C10.7005 11.67 10.1005 11.07 10.1005 10.3367C10.1005 9.60334 10.7005 9.00334 11.4338 9.00334C12.1671 9.00334 12.7671 9.60334 12.7671 10.3367C12.7671 11.07 12.1671 11.67 11.4338 11.67Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M10.8207 12.525C10.6007 12.515 10.3807 12.505 10.1507 12.505C7.7307 12.505 5.4707 13.175 3.5407 14.325C2.6607 14.845 2.1507 15.825 2.1507 16.855V18.505C2.1507 19.055 2.6007 19.505 3.1507 19.505H11.4107C10.6207 18.375 10.1507 16.995 10.1507 15.505C10.1507 14.435 10.4007 13.435 10.8207 12.525Z", fill: "currentColor" }),
+        h("path", { d: "M10.1507 11.505C12.3598 11.505 14.1507 9.71414 14.1507 7.505C14.1507 5.29587 12.3598 3.505 10.1507 3.505C7.94156 3.505 6.1507 5.29587 6.1507 7.505C6.1507 9.71414 7.94156 11.505 10.1507 11.505Z", fill: "currentColor" }),
+        h("path", { d: "M20.9007 15.505C20.9007 15.285 20.8707 15.085 20.8407 14.875L21.6807 14.145C21.8607 13.985 21.9007 13.725 21.7807 13.515L21.1907 12.495C21.0707 12.285 20.8207 12.195 20.6007 12.275L19.5407 12.635C19.2207 12.365 18.8607 12.155 18.4607 12.005L18.2407 10.915C18.1907 10.685 17.9907 10.515 17.7507 10.515H16.5707C16.3307 10.515 16.1307 10.685 16.0807 10.915L15.8607 12.005C15.4607 12.155 15.1007 12.365 14.7807 12.635L13.7207 12.275C13.4907 12.195 13.2507 12.295 13.1307 12.495L12.5407 13.515C12.4207 13.725 12.4607 13.985 12.6407 14.145L13.4807 14.875C13.4507 15.085 13.4207 15.285 13.4207 15.505C13.4207 15.725 13.4507 15.925 13.4807 16.135L12.6407 16.865C12.4607 17.025 12.4207 17.285 12.5407 17.495L13.1307 18.515C13.2507 18.725 13.5007 18.815 13.7207 18.735L14.7807 18.375C15.1007 18.645 15.4607 18.855 15.8607 19.005L16.0807 20.095C16.1307 20.325 16.3307 20.495 16.5707 20.495H17.7507C17.9907 20.495 18.1907 20.325 18.2407 20.095L18.4607 19.005C18.8607 18.855 19.2207 18.645 19.5407 18.375L20.6007 18.735C20.8307 18.815 21.0707 18.715 21.1907 18.515L21.7807 17.495C21.9007 17.285 21.8607 17.025 21.6807 16.865L20.8407 16.135C20.8707 15.925 20.9007 15.725 20.9007 15.505ZM17.1507 17.505C16.0507 17.505 15.1507 16.605 15.1507 15.505C15.1507 14.405 16.0507 13.505 17.1507 13.505C18.2507 13.505 19.1507 14.405 19.1507 15.505C19.1507 16.605 18.2507 17.505 17.1507 17.505Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M12.6242 14.6125C12.3675 14.6008 12.1108 14.5892 11.8425 14.5892C9.01915 14.5892 6.38249 15.3708 4.13082 16.7125C3.10416 17.3192 2.50916 18.4625 2.50916 19.6642V21.5892C2.50916 22.2308 3.03416 22.7558 3.67582 22.7558H13.3125C12.3908 21.4375 11.8425 19.8275 11.8425 18.0892C11.8425 16.8408 12.1342 15.6742 12.6242 14.6125Z", fill: "currentColor" }),
+        h("path", { d: "M11.8425 13.4225C14.4198 13.4225 16.5092 11.3332 16.5092 8.75584C16.5092 6.17851 14.4198 4.08917 11.8425 4.08917C9.26516 4.08917 7.17582 6.17851 7.17582 8.75584C7.17582 11.3332 9.26516 13.4225 11.8425 13.4225Z", fill: "currentColor" }),
+        h("path", { d: "M24.3842 18.0892C24.3842 17.8325 24.3492 17.5992 24.3142 17.3542L25.2942 16.5025C25.5042 16.3158 25.5508 16.0125 25.4108 15.7675L24.7225 14.5775C24.5825 14.3325 24.2908 14.2275 24.0342 14.3208L22.7975 14.7408C22.4242 14.4258 22.0042 14.1808 21.5375 14.0058L21.2808 12.7342C21.2225 12.4658 20.9892 12.2675 20.7092 12.2675H19.3325C19.0525 12.2675 18.8192 12.4658 18.7608 12.7342L18.5042 14.0058C18.0375 14.1808 17.6175 14.4258 17.2442 14.7408L16.0075 14.3208C15.7392 14.2275 15.4592 14.3442 15.3192 14.5775L14.6308 15.7675C14.4908 16.0125 14.5375 16.3158 14.7475 16.5025L15.7275 17.3542C15.6925 17.5992 15.6575 17.8325 15.6575 18.0892C15.6575 18.3458 15.6925 18.5792 15.7275 18.8242L14.7475 19.6758C14.5375 19.8625 14.4908 20.1658 14.6308 20.4108L15.3192 21.6008C15.4592 21.8458 15.7508 21.9508 16.0075 21.8575L17.2442 21.4375C17.6175 21.7525 18.0375 21.9975 18.5042 22.1725L18.7608 23.4442C18.8192 23.7125 19.0525 23.9108 19.3325 23.9108H20.7092C20.9892 23.9108 21.2225 23.7125 21.2808 23.4442L21.5375 22.1725C22.0042 21.9975 22.4242 21.7525 22.7975 21.4375L24.0342 21.8575C24.3025 21.9508 24.5825 21.8342 24.7225 21.6008L25.4108 20.4108C25.5508 20.1658 25.5042 19.8625 25.2942 19.6758L24.3142 18.8242C24.3492 18.5792 24.3842 18.3458 24.3842 18.0892ZM20.0092 20.4225C18.7258 20.4225 17.6758 19.3725 17.6758 18.0892C17.6758 16.8058 18.7258 15.7558 20.0092 15.7558C21.2925 15.7558 22.3425 16.8058 22.3425 18.0892C22.3425 19.3725 21.2925 20.4225 20.0092 20.4225Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-manage-accounts"; }
+  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-mention.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 FlipIconMention {
+  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.00001 14.7833C7.06668 14.7833 6.1889 14.6056 5.36668 14.25C4.54445 13.8945 3.8249 13.4085 3.20801 12.792C2.59156 12.1751 2.10556 11.4556 1.75001 10.6333C1.39445 9.81112 1.21667 8.93334 1.21667 8.00001C1.21667 7.06668 1.39445 6.1889 1.75001 5.36668C2.10556 4.54445 2.59156 3.8249 3.20801 3.20801C3.8249 2.59156 4.54445 2.10556 5.36668 1.75001C6.1889 1.39445 7.06668 1.21667 8.00001 1.21667C8.93334 1.21667 9.81112 1.39445 10.6333 1.75001C11.4556 2.10556 12.1751 2.59156 12.792 3.20801C13.4085 3.8249 13.8945 4.54445 14.25 5.36668C14.6056 6.1889 14.7833 7.06668 14.7833 8.00001V8.96668C14.7833 9.65556 14.5529 10.2333 14.092 10.7C13.6307 11.1667 13.0556 11.4 12.3667 11.4C11.9556 11.4 11.5749 11.3085 11.2247 11.1253C10.8749 10.9418 10.5889 10.7 10.3667 10.4C10.0778 10.7111 9.73068 10.9556 9.32534 11.1333C8.91956 11.3111 8.47779 11.4 8.00001 11.4C7.06668 11.4 6.26667 11.0696 5.60001 10.4087C4.93334 9.74734 4.60001 8.94445 4.60001 8.00001C4.60001 7.06668 4.93334 6.26667 5.60001 5.60001C6.26667 4.93334 7.06668 4.60001 8.00001 4.60001C8.94445 4.60001 9.74734 4.93045 10.4087 5.59134C11.0696 6.25268 11.4 7.05556 11.4 8.00001V8.93334C11.4 9.24445 11.4945 9.4889 11.6833 9.66668C11.8722 9.84445 12.1 9.93334 12.3667 9.93334C12.6222 9.93334 12.8471 9.84445 13.0413 9.66668C13.236 9.4889 13.3333 9.24445 13.3333 8.93334V8.00001C13.3333 6.54445 12.8082 5.29156 11.758 4.24134C10.7082 3.19156 9.45556 2.66667 8.00001 2.66667C6.54445 2.66667 5.29156 3.19156 4.24134 4.24134C3.19156 5.29156 2.66667 6.54445 2.66667 8.00001C2.66667 9.45556 3.19156 10.7082 4.24134 11.758C5.29156 12.8082 6.54445 13.3333 8.00001 13.3333H10.6C10.8111 13.3333 10.9862 13.4027 11.1253 13.5413C11.264 13.6805 11.3333 13.8556 11.3333 14.0667C11.3333 14.2667 11.264 14.4362 11.1253 14.5753C10.9862 14.714 10.8111 14.7833 10.6 14.7833H8.00001ZM8.00001 9.93334C8.53334 9.93334 8.9889 9.74445 9.36668 9.36668C9.74445 8.9889 9.93334 8.53334 9.93334 8.00001C9.93334 7.46668 9.74445 7.01112 9.36668 6.63334C8.9889 6.25556 8.53334 6.06668 8.00001 6.06668C7.46668 6.06668 7.01112 6.25556 6.63334 6.63334C6.25556 7.01112 6.06668 7.46668 6.06668 8.00001C6.06668 8.53334 6.25556 8.9889 6.63334 9.36668C7.01112 9.74445 7.46668 9.93334 8.00001 9.93334Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M12 22.175C10.6 22.175 9.28335 21.9083 8.05001 21.375C6.81668 20.8417 5.73735 20.1127 4.81201 19.188C3.88735 18.2627 3.15835 17.1833 2.62501 15.95C2.09168 14.7167 1.82501 13.4 1.82501 12C1.82501 10.6 2.09168 9.28335 2.62501 8.05001C3.15835 6.81668 3.88735 5.73735 4.81201 4.81201C5.73735 3.88735 6.81668 3.15835 8.05001 2.62501C9.28335 2.09168 10.6 1.82501 12 1.82501C13.4 1.82501 14.7167 2.09168 15.95 2.62501C17.1833 3.15835 18.2627 3.88735 19.188 4.81201C20.1127 5.73735 20.8417 6.81668 21.375 8.05001C21.9083 9.28335 22.175 10.6 22.175 12V13.45C22.175 14.4833 21.8293 15.35 21.138 16.05C20.446 16.75 19.5833 17.1 18.55 17.1C17.9333 17.1 17.3623 16.9627 16.837 16.688C16.3123 16.4127 15.8833 16.05 15.55 15.6C15.1167 16.0667 14.596 16.4333 13.988 16.7C13.3793 16.9667 12.7167 17.1 12 17.1C10.6 17.1 9.40001 16.6043 8.40001 15.613C7.40001 14.621 6.90001 13.4167 6.90001 12C6.90001 10.6 7.40001 9.40001 8.40001 8.40001C9.40001 7.40001 10.6 6.90001 12 6.90001C13.4167 6.90001 14.621 7.39568 15.613 8.38701C16.6043 9.37901 17.1 10.5833 17.1 12V13.4C17.1 13.8667 17.2417 14.2333 17.525 14.5C17.8083 14.7667 18.15 14.9 18.55 14.9C18.9333 14.9 19.2707 14.7667 19.562 14.5C19.854 14.2333 20 13.8667 20 13.4V12C20 9.81668 19.2123 7.93735 17.637 6.36201C16.0623 4.78735 14.1833 4.00001 12 4.00001C9.81668 4.00001 7.93735 4.78735 6.36201 6.36201C4.78735 7.93735 4.00001 9.81668 4.00001 12C4.00001 14.1833 4.78735 16.0623 6.36201 17.637C7.93735 19.2123 9.81668 20 12 20H15.9C16.2167 20 16.4793 20.104 16.688 20.312C16.896 20.5207 17 20.7833 17 21.1C17 21.4 16.896 21.6543 16.688 21.863C16.4793 22.071 16.2167 22.175 15.9 22.175H12ZM12 14.9C12.8 14.9 13.4833 14.6167 14.05 14.05C14.6167 13.4833 14.9 12.8 14.9 12C14.9 11.2 14.6167 10.5167 14.05 9.95001C13.4833 9.38335 12.8 9.10001 12 9.10001C11.2 9.10001 10.5167 9.38335 9.95001 9.95001C9.38335 10.5167 9.10001 11.2 9.10001 12C9.10001 12.8 9.38335 13.4833 9.95001 14.05C10.5167 14.6167 11.2 14.9 12 14.9Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M14 25.8708C12.3667 25.8708 10.8306 25.5597 9.39168 24.9375C7.95279 24.3153 6.69357 23.4648 5.61401 22.386C4.53524 21.3064 3.68474 20.0472 3.06251 18.6083C2.44029 17.1694 2.12918 15.6333 2.12918 14C2.12918 12.3667 2.44029 10.8305 3.06251 9.39165C3.68474 7.95276 4.53524 6.69354 5.61401 5.61398C6.69357 4.53521 7.95279 3.68471 9.39168 3.06248C10.8306 2.44026 12.3667 2.12915 14 2.12915C15.6333 2.12915 17.1695 2.44026 18.6083 3.06248C20.0472 3.68471 21.3065 4.53521 22.386 5.61398C23.4648 6.69354 24.3153 7.95276 24.9375 9.39165C25.5597 10.8305 25.8708 12.3667 25.8708 14V15.6916C25.8708 16.8972 25.4676 17.9083 24.661 18.725C23.8537 19.5416 22.8472 19.95 21.6417 19.95C20.9222 19.95 20.2561 19.7898 19.6432 19.4693C19.0311 19.1481 18.5306 18.725 18.1417 18.2C17.6361 18.7444 17.0287 19.1722 16.3193 19.4833C15.6092 19.7944 14.8361 19.95 14 19.95C12.3667 19.95 10.9667 19.3717 9.80001 18.2151C8.63335 17.0578 8.05001 15.6528 8.05001 14C8.05001 12.3667 8.63335 10.9666 9.80001 9.79998C10.9667 8.63332 12.3667 8.04998 14 8.04998C15.6528 8.04998 17.0578 8.62826 18.2152 9.78482C19.3717 10.9422 19.95 12.3472 19.95 14V15.6333C19.95 16.1778 20.1153 16.6055 20.4458 16.9167C20.7764 17.2278 21.175 17.3833 21.6417 17.3833C22.0889 17.3833 22.4825 17.2278 22.8223 16.9167C23.163 16.6055 23.3333 16.1778 23.3333 15.6333V14C23.3333 11.4528 22.4144 9.26021 20.5765 7.42232C18.7394 5.58521 16.5472 4.66665 14 4.66665C11.4528 4.66665 9.26024 5.58521 7.42235 7.42232C5.58524 9.26021 4.66668 11.4528 4.66668 14C4.66668 16.5472 5.58524 18.7394 7.42235 20.5765C9.26024 22.4144 11.4528 23.3333 14 23.3333H18.55C18.9195 23.3333 19.2259 23.4546 19.4693 23.6973C19.712 23.9408 19.8333 24.2472 19.8333 24.6166C19.8333 24.9666 19.712 25.2634 19.4693 25.5068C19.2259 25.7495 18.9195 25.8708 18.55 25.8708H14ZM14 17.3833C14.9333 17.3833 15.7306 17.0528 16.3917 16.3917C17.0528 15.7305 17.3833 14.9333 17.3833 14C17.3833 13.0667 17.0528 12.2694 16.3917 11.6083C15.7306 10.9472 14.9333 10.6167 14 10.6167C13.0667 10.6167 12.2695 10.9472 11.6083 11.6083C10.9472 12.2694 10.6167 13.0667 10.6167 14C10.6167 14.9333 10.9472 15.7305 11.6083 16.3917C12.2695 17.0528 13.0667 17.3833 14 17.3833Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-mention"; }
+  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-message.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 FlipIconMessage {
+  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: "M4.66668 9.33334H8.68334C8.87223 9.33334 9.02779 9.26934 9.15001 9.14134C9.27223 9.01378 9.33334 8.85556 9.33334 8.66667C9.33334 8.47778 9.26957 8.31934 9.14201 8.19134C9.01401 8.06378 8.85557 8 8.66668 8H4.65001C4.46112 8 4.30557 8.06378 4.18334 8.19134C4.06112 8.31934 4.00001 8.47778 4.00001 8.66667C4.00001 8.85556 4.06379 9.01378 4.19134 9.14134C4.31934 9.26934 4.47779 9.33334 4.66668 9.33334ZM4.66668 7.33334H11.35C11.5389 7.33334 11.6945 7.26934 11.8167 7.14134C11.9389 7.01378 12 6.85556 12 6.66667C12 6.47778 11.936 6.31934 11.808 6.19134C11.6805 6.06378 11.5222 6 11.3333 6H4.65001C4.46112 6 4.30557 6.06378 4.18334 6.19134C4.06112 6.31934 4.00001 6.47778 4.00001 6.66667C4.00001 6.85556 4.06379 7.01378 4.19134 7.14134C4.31934 7.26934 4.47779 7.33334 4.66668 7.33334ZM4.66668 5.33334H11.35C11.5389 5.33334 11.6945 5.26956 11.8167 5.142C11.9389 5.014 12 4.85556 12 4.66667C12 4.47778 11.936 4.31934 11.808 4.19134C11.6805 4.06378 11.5222 4 11.3333 4H4.65001C4.46112 4 4.30557 4.06378 4.18334 4.19134C4.06112 4.31934 4.00001 4.47778 4.00001 4.66667C4.00001 4.85556 4.06379 5.014 4.19134 5.142C4.31934 5.26956 4.47779 5.33334 4.66668 5.33334ZM1.33334 13.05V2.66667C1.33334 2.3 1.46401 1.986 1.72534 1.72467C1.98623 1.46378 2.30001 1.33334 2.66668 1.33334H13.3333C13.7 1.33334 14.014 1.46378 14.2753 1.72467C14.5362 1.986 14.6667 2.3 14.6667 2.66667V10.6667C14.6667 11.0333 14.5362 11.3473 14.2753 11.6087C14.014 11.8696 13.7 12 13.3333 12H4.00001L2.46668 13.5333C2.25557 13.7444 2.01379 13.7916 1.74134 13.6747C1.46934 13.5582 1.33334 13.35 1.33334 13.05Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M7 14H13.025C13.3083 14 13.5417 13.904 13.725 13.712C13.9083 13.5207 14 13.2833 14 13C14 12.7167 13.9043 12.479 13.713 12.287C13.521 12.0957 13.2833 12 13 12H6.975C6.69167 12 6.45833 12.0957 6.275 12.287C6.09167 12.479 6 12.7167 6 13C6 13.2833 6.09567 13.5207 6.287 13.712C6.479 13.904 6.71667 14 7 14ZM7 11H17.025C17.3083 11 17.5417 10.904 17.725 10.712C17.9083 10.5207 18 10.2833 18 10C18 9.71667 17.904 9.479 17.712 9.287C17.5207 9.09567 17.2833 9 17 9H6.975C6.69167 9 6.45833 9.09567 6.275 9.287C6.09167 9.479 6 9.71667 6 10C6 10.2833 6.09567 10.5207 6.287 10.712C6.479 10.904 6.71667 11 7 11ZM7 8H17.025C17.3083 8 17.5417 7.90433 17.725 7.713C17.9083 7.521 18 7.28333 18 7C18 6.71667 17.904 6.479 17.712 6.287C17.5207 6.09567 17.2833 6 17 6H6.975C6.69167 6 6.45833 6.09567 6.275 6.287C6.09167 6.479 6 6.71667 6 7C6 7.28333 6.09567 7.521 6.287 7.713C6.479 7.90433 6.71667 8 7 8ZM2 19.575V4C2 3.45 2.196 2.979 2.588 2.587C2.97933 2.19567 3.45 2 4 2H20C20.55 2 21.021 2.19567 21.413 2.587C21.8043 2.979 22 3.45 22 4V16C22 16.55 21.8043 17.021 21.413 17.413C21.021 17.8043 20.55 18 20 18H6L3.7 20.3C3.38333 20.6167 3.02067 20.6873 2.612 20.512C2.204 20.3373 2 20.025 2 19.575Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M8.16668 16.3333H15.1958C15.5264 16.3333 15.7986 16.2213 16.0125 15.9973C16.2264 15.7741 16.3333 15.4972 16.3333 15.1667C16.3333 14.8361 16.2217 14.5588 15.9985 14.3348C15.7745 14.1116 15.4972 14 15.1667 14H8.13751C7.80695 14 7.53473 14.1116 7.32084 14.3348C7.10696 14.5588 7.00001 14.8361 7.00001 15.1667C7.00001 15.4972 7.11162 15.7741 7.33484 15.9973C7.55884 16.2213 7.83612 16.3333 8.16668 16.3333ZM8.16668 12.8333H19.8625C20.1931 12.8333 20.4653 12.7213 20.6792 12.4973C20.8931 12.2741 21 11.9972 21 11.6667C21 11.3361 20.888 11.0588 20.664 10.8348C20.4408 10.6116 20.1639 10.5 19.8333 10.5H8.13751C7.80695 10.5 7.53473 10.6116 7.32084 10.8348C7.10696 11.0588 7.00001 11.3361 7.00001 11.6667C7.00001 11.9972 7.11162 12.2741 7.33484 12.4973C7.55884 12.7213 7.83612 12.8333 8.16668 12.8333ZM8.16668 9.33334H19.8625C20.1931 9.33334 20.4653 9.22172 20.6792 8.9985C20.8931 8.7745 21 8.49722 21 8.16667C21 7.83611 20.888 7.55884 20.664 7.33484C20.4408 7.11161 20.1639 7 19.8333 7H8.13751C7.80695 7 7.53473 7.11161 7.32084 7.33484C7.10696 7.55884 7.00001 7.83611 7.00001 8.16667C7.00001 8.49722 7.11162 8.7745 7.33484 8.9985C7.55884 9.22172 7.83612 9.33334 8.16668 9.33334ZM2.33334 22.8375V4.66667C2.33334 4.025 2.56201 3.4755 3.01934 3.01817C3.4759 2.56161 4.02501 2.33334 4.66668 2.33334H23.3333C23.975 2.33334 24.5245 2.56161 24.9818 3.01817C25.4384 3.4755 25.6667 4.025 25.6667 4.66667V18.6667C25.6667 19.3083 25.4384 19.8578 24.9818 20.3152C24.5245 20.7717 23.975 21 23.3333 21H7.00001L4.31668 23.6833C3.94723 24.0528 3.52412 24.1352 3.04734 23.9307C2.57134 23.7269 2.33334 23.3625 2.33334 22.8375Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-message"; }
+  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-more-horizontal.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 FlipIconMoreHorizontal {
+  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: "M3.88334 9.39998C3.49445 9.39998 3.164 9.26109 2.892 8.98331C2.61956 8.70553 2.48334 8.37775 2.48334 7.99998C2.48334 7.61109 2.61956 7.28042 2.892 7.00798C3.164 6.73598 3.49445 6.59998 3.88334 6.59998C4.26112 6.59998 4.58623 6.73598 4.85867 7.00798C5.13067 7.28042 5.26667 7.61109 5.26667 7.99998C5.26667 8.37775 5.13067 8.70553 4.85867 8.98331C4.58623 9.26109 4.26112 9.39998 3.88334 9.39998ZM8 9.39998C7.62223 9.39998 7.29445 9.26109 7.01667 8.98331C6.73889 8.70553 6.6 8.37775 6.6 7.99998C6.6 7.61109 6.73889 7.28042 7.01667 7.00798C7.29445 6.73598 7.62223 6.59998 8 6.59998C8.38889 6.59998 8.71956 6.73598 8.992 7.00798C9.264 7.28042 9.4 7.61109 9.4 7.99998C9.4 8.37775 9.264 8.70553 8.992 8.98331C8.71956 9.26109 8.38889 9.39998 8 9.39998ZM12.1167 9.39998C11.7389 9.39998 11.4138 9.26109 11.1413 8.98331C10.8693 8.70553 10.7333 8.37775 10.7333 7.99998C10.7333 7.61109 10.8693 7.28042 11.1413 7.00798C11.4138 6.73598 11.7389 6.59998 12.1167 6.59998C12.5056 6.59998 12.8362 6.73598 13.1087 7.00798C13.3807 7.28042 13.5167 7.61109 13.5167 7.99998C13.5167 8.37775 13.3807 8.70553 13.1087 8.98331C12.8362 9.26109 12.5056 9.39998 12.1167 9.39998Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M5.82501 14.1C5.24167 14.1 4.74601 13.8917 4.33801 13.475C3.92934 13.0584 3.72501 12.5667 3.72501 12C3.72501 11.4167 3.92934 10.9207 4.33801 10.512C4.74601 10.104 5.24167 9.90002 5.82501 9.90002C6.39167 9.90002 6.87934 10.104 7.28801 10.512C7.69601 10.9207 7.90001 11.4167 7.90001 12C7.90001 12.5667 7.69601 13.0584 7.28801 13.475C6.87934 13.8917 6.39167 14.1 5.82501 14.1ZM12 14.1C11.4333 14.1 10.9417 13.8917 10.525 13.475C10.1083 13.0584 9.90001 12.5667 9.90001 12C9.90001 11.4167 10.1083 10.9207 10.525 10.512C10.9417 10.104 11.4333 9.90002 12 9.90002C12.5833 9.90002 13.0793 10.104 13.488 10.512C13.896 10.9207 14.1 11.4167 14.1 12C14.1 12.5667 13.896 13.0584 13.488 13.475C13.0793 13.8917 12.5833 14.1 12 14.1ZM18.175 14.1C17.6083 14.1 17.1207 13.8917 16.712 13.475C16.304 13.0584 16.1 12.5667 16.1 12C16.1 11.4167 16.304 10.9207 16.712 10.512C17.1207 10.104 17.6083 9.90002 18.175 9.90002C18.7583 9.90002 19.2543 10.104 19.663 10.512C20.071 10.9207 20.275 11.4167 20.275 12C20.275 12.5667 20.071 13.0584 19.663 13.475C19.2543 13.8917 18.7583 14.1 18.175 14.1Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M6.79583 16.45C6.11527 16.45 5.53699 16.2069 5.06099 15.7208C4.58421 15.2347 4.34583 14.6611 4.34583 14C4.34583 13.3194 4.58421 12.7408 5.06099 12.264C5.53699 11.788 6.11527 11.55 6.79583 11.55C7.45694 11.55 8.02588 11.788 8.50266 12.264C8.97866 12.7408 9.21666 13.3194 9.21666 14C9.21666 14.6611 8.97866 15.2347 8.50266 15.7208C8.02588 16.2069 7.45694 16.45 6.79583 16.45ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45ZM21.2042 16.45C20.543 16.45 19.9741 16.2069 19.4973 15.7208C19.0213 15.2347 18.7833 14.6611 18.7833 14C18.7833 13.3194 19.0213 12.7408 19.4973 12.264C19.9741 11.788 20.543 11.55 21.2042 11.55C21.8847 11.55 22.4634 11.788 22.9402 12.264C23.4162 12.7408 23.6542 13.3194 23.6542 14C23.6542 14.6611 23.4162 15.2347 22.9402 15.7208C22.4634 16.2069 21.8847 16.45 21.2042 16.45Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-more-horizontal"; }
+  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-more-vertikal.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 FlipIconMoreVertikal {
+  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.00001 13.5167C7.62223 13.5167 7.29445 13.3807 7.01667 13.1087C6.73889 12.8362 6.60001 12.5056 6.60001 12.1167C6.60001 11.7389 6.73889 11.4138 7.01667 11.1413C7.29445 10.8693 7.62223 10.7333 8.00001 10.7333C8.3889 10.7333 8.71956 10.8693 8.99201 11.1413C9.26401 11.4138 9.40001 11.7389 9.40001 12.1167C9.40001 12.5056 9.26401 12.8362 8.99201 13.1087C8.71956 13.3807 8.3889 13.5167 8.00001 13.5167ZM8.00001 9.4C7.62223 9.4 7.29445 9.26112 7.01667 8.98334C6.73889 8.70556 6.60001 8.37778 6.60001 8C6.60001 7.61112 6.73889 7.28045 7.01667 7.008C7.29445 6.736 7.62223 6.6 8.00001 6.6C8.3889 6.6 8.71956 6.736 8.99201 7.008C9.26401 7.28045 9.40001 7.61112 9.40001 8C9.40001 8.37778 9.26401 8.70556 8.99201 8.98334C8.71956 9.26112 8.3889 9.4 8.00001 9.4V9.4ZM8.00001 5.26667C7.62223 5.26667 7.29445 5.13045 7.01667 4.858C6.73889 4.586 6.60001 4.26112 6.60001 3.88334C6.60001 3.49445 6.73889 3.16378 7.01667 2.89134C7.29445 2.61934 7.62223 2.48334 8.00001 2.48334C8.3889 2.48334 8.71956 2.61934 8.99201 2.89134C9.26401 3.16378 9.40001 3.49445 9.40001 3.88334C9.40001 4.26112 9.26401 4.586 8.99201 4.858C8.71956 5.13045 8.3889 5.26667 8.00001 5.26667V5.26667Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M12 20.275C11.4333 20.275 10.9417 20.071 10.525 19.663C10.1083 19.2543 9.89999 18.7583 9.89999 18.175C9.89999 17.6083 10.1083 17.1206 10.525 16.712C10.9417 16.304 11.4333 16.1 12 16.1C12.5833 16.1 13.0793 16.304 13.488 16.712C13.896 17.1206 14.1 17.6083 14.1 18.175C14.1 18.7583 13.896 19.2543 13.488 19.663C13.0793 20.071 12.5833 20.275 12 20.275ZM12 14.1C11.4333 14.1 10.9417 13.8916 10.525 13.475C10.1083 13.0583 9.89999 12.5666 9.89999 12C9.89999 11.4166 10.1083 10.9206 10.525 10.512C10.9417 10.104 11.4333 9.89998 12 9.89998C12.5833 9.89998 13.0793 10.104 13.488 10.512C13.896 10.9206 14.1 11.4166 14.1 12C14.1 12.5666 13.896 13.0583 13.488 13.475C13.0793 13.8916 12.5833 14.1 12 14.1ZM12 7.89998C11.4333 7.89998 10.9417 7.69564 10.525 7.28698C10.1083 6.87898 9.89999 6.39164 9.89999 5.82498C9.89999 5.24164 10.1083 4.74564 10.525 4.33698C10.9417 3.92898 11.4333 3.72498 12 3.72498C12.5833 3.72498 13.0793 3.92898 13.488 4.33698C13.896 4.74564 14.1 5.24164 14.1 5.82498C14.1 6.39164 13.896 6.87898 13.488 7.28698C13.0793 7.69564 12.5833 7.89998 12 7.89998Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M14 23.6542C13.3389 23.6542 12.7653 23.4162 12.2792 22.9402C11.793 22.4634 11.55 21.8847 11.55 21.2042C11.55 20.543 11.793 19.9741 12.2792 19.4973C12.7653 19.0213 13.3389 18.7833 14 18.7833C14.6805 18.7833 15.2592 19.0213 15.736 19.4973C16.212 19.9741 16.45 20.543 16.45 21.2042C16.45 21.8847 16.212 22.4634 15.736 22.9402C15.2592 23.4162 14.6805 23.6542 14 23.6542ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45V16.45ZM14 9.21666C13.3389 9.21666 12.7653 8.97827 12.2792 8.50149C11.793 8.02549 11.55 7.45694 11.55 6.79583C11.55 6.11527 11.793 5.5366 12.2792 5.05983C12.7653 4.58383 13.3389 4.34583 14 4.34583C14.6805 4.34583 15.2592 4.58383 15.736 5.05983C16.212 5.5366 16.45 6.11527 16.45 6.79583C16.45 7.45694 16.212 8.02549 15.736 8.50149C15.2592 8.97827 14.6805 9.21666 14 9.21666V9.21666Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-more-vertikal"; }
+  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-active.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 FlipIconNotificationsActive {
+  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.0026 10.5V7.16667C12.0026 5.12 10.9093 3.40667 9.00262 2.95333V2.5C9.00262 1.94667 8.54929 1.5 7.99595 1.5C7.44262 1.5 7.00262 1.94667 7.00262 2.5V2.95333C5.08929 3.40667 4.00262 5.11333 4.00262 7.16667V10.5L3.13595 11.36C2.71595 11.78 3.00929 12.5 3.60262 12.5H12.3826C12.976 12.5 13.276 11.78 12.856 11.36L12.0026 10.5ZM7.99595 14.5C8.72929 14.5 9.32929 13.9 9.32929 13.1667H6.66262C6.66262 13.9 7.25595 14.5 7.99595 14.5ZM4.51595 2.98667C4.79595 2.73333 4.80262 2.3 4.53595 2.03333C4.28262 1.78 3.86929 1.77333 3.60929 2.02C2.46929 3.06 1.68262 4.47333 1.42929 6.06C1.36929 6.46667 1.68262 6.83333 2.09595 6.83333C2.41595 6.83333 2.69595 6.6 2.74929 6.28C2.94929 4.98667 3.58929 3.83333 4.51595 2.98667ZM12.4026 2.02C12.136 1.77333 11.7226 1.78 11.4693 2.03333C11.2026 2.3 11.216 2.72667 11.4893 2.98C12.4093 3.82667 13.056 4.98 13.256 6.27333C13.3026 6.59333 13.5826 6.82667 13.9093 6.82667C14.316 6.82667 14.636 6.46 14.5693 6.05333C14.316 4.47333 13.536 3.06667 12.4026 2.02Z", fill: "currentColor" }))),
+      this.size === 24 && (h(Fragment, null,
+        h("path", { d: "M18.0039 15.75V10.75C18.0039 7.68 16.3639 5.11 13.5039 4.43V3.75C13.5039 2.92 12.8239 2.25 11.9939 2.25C11.1639 2.25 10.5039 2.92 10.5039 3.75V4.43C7.63391 5.11 6.00391 7.67 6.00391 10.75V15.75L4.70391 17.04C4.07391 17.67 4.51391 18.75 5.40391 18.75H18.5739C19.4639 18.75 19.9139 17.67 19.2839 17.04L18.0039 15.75ZM11.9939 21.75C13.0939 21.75 13.9939 20.85 13.9939 19.75H9.99391C9.99391 20.85 10.8839 21.75 11.9939 21.75ZM6.77391 4.48C7.19391 4.1 7.20391 3.45 6.80391 3.05C6.42391 2.67 5.80391 2.66 5.41391 3.03C3.70391 4.59 2.52391 6.71 2.14391 9.09C2.05391 9.7 2.52391 10.25 3.14391 10.25C3.62391 10.25 4.04391 9.9 4.12391 9.42C4.42391 7.48 5.38391 5.75 6.77391 4.48ZM18.6039 3.03C18.2039 2.66 17.5839 2.67 17.2039 3.05C16.8039 3.45 16.8239 4.09 17.2339 4.47C18.6139 5.74 19.5839 7.47 19.8839 9.41C19.9539 9.89 20.3739 10.24 20.8639 10.24C21.4739 10.24 21.9539 9.69 21.8539 9.08C21.4739 6.71 20.3039 4.6 18.6039 3.03Z", fill: "currentColor" }))),
+      this.size === 28 && (h(Fragment, null,
+        h("path", { d: "M21.0046 18.375V12.5417C21.0046 8.96 19.0912 5.96167 15.7546 5.16833V4.375C15.7546 3.40667 14.9612 2.625 13.9929 2.625C13.0246 2.625 12.2546 3.40667 12.2546 4.375V5.16833C8.90623 5.96167 7.00456 8.94833 7.00456 12.5417V18.375L5.48789 19.88C4.75289 20.615 5.26623 21.875 6.30456 21.875H21.6696C22.7079 21.875 23.2329 20.615 22.4979 19.88L21.0046 18.375ZM13.9929 25.375C15.2762 25.375 16.3262 24.325 16.3262 23.0417H11.6596C11.6596 24.325 12.6979 25.375 13.9929 25.375ZM7.90289 5.22667C8.39289 4.78333 8.40456 4.025 7.93789 3.55833C7.49456 3.115 6.77123 3.10333 6.31623 3.535C4.32123 5.355 2.94456 7.82833 2.50123 10.605C2.39623 11.3167 2.94456 11.9583 3.66789 11.9583C4.22789 11.9583 4.71789 11.55 4.81123 10.99C5.16123 8.72667 6.28123 6.70833 7.90289 5.22667ZM21.7046 3.535C21.2379 3.10333 20.5146 3.115 20.0712 3.55833C19.6046 4.025 19.6279 4.77167 20.1062 5.215C21.7162 6.69667 22.8479 8.715 23.1979 10.9783C23.2796 11.5383 23.7696 11.9467 24.3412 11.9467C25.0529 11.9467 25.6129 11.305 25.4962 10.5933C25.0529 7.82833 23.6879 5.36667 21.7046 3.535Z", fill: "currentColor" })))));
+  }
+  static get is() { return "flip-icon-notifications-active"; }
+  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"
+    }
+  }; }
+}