@getflip/swirl-components 0.197.1 → 0.199.0

package/dist/components/swirl-icon-bookmark-filled.js

@@ -2,42 +2,42 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconBookmarkFilledStyle0 = swirlIconCss;
 
 const SwirlIconBookmarkFilled$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconBookmarkFilled extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M7.99998 12L5.19998 13.2C4.75554 13.3889 4.33331 13.3528 3.93331 13.0917C3.53331 12.8306 3.33331 12.4611 3.33331 11.9833V3.33333C3.33331 2.96667 3.46387 2.65278 3.72498 2.39167C3.98609 2.13056 4.29998 2 4.66665 2H11.3333C11.7 2 12.0139 2.13056 12.275 2.39167C12.5361 2.65278 12.6666 2.96667 12.6666 3.33333V11.9833C12.6666 12.4611 12.4666 12.8306 12.0666 13.0917C11.6666 13.3528 11.2444 13.3889 10.8 13.2L7.99998 12Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 18L7.8 19.8C7.13333 20.0833 6.5 20.0292 5.9 19.6375C5.3 19.2458 5 18.6917 5 17.975V5C5 4.45 5.19583 3.97917 5.5875 3.5875C5.97917 3.19583 6.45 3 7 3H17C17.55 3 18.0208 3.19583 18.4125 3.5875C18.8042 3.97917 19 4.45 19 5V17.975C19 18.6917 18.7 19.2458 18.1 19.6375C17.5 20.0292 16.8667 20.0833 16.2 19.8L12 18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 21L9.10001 23.1C8.32223 23.4306 7.58334 23.3674 6.88334 22.9104C6.18334 22.4535 5.83334 21.8069 5.83334 20.9708V5.83333C5.83334 5.19167 6.06182 4.64236 6.51876 4.18542C6.9757 3.72847 7.52501 3.5 8.16668 3.5H19.8333C20.475 3.5 21.0243 3.72847 21.4813 4.18542C21.9382 4.64236 22.1667 5.19167 22.1667 5.83333V20.9708C22.1667 21.8069 21.8167 22.4535 21.1167 22.9104C20.4167 23.3674 19.6778 23.4306 18.9 23.1L14 21Z", fill: "currentColor" })))));
-  }
-  static get style() { return swirlIconCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.color = undefined;
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'fcd6ed2c1eb7e101368011e5b6cb7d665fd0ea7c', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '4b85e0276e26ed269d671f9b6f2c5801b127e7d7' }, h("path", { key: 'f76e5ce0509cfb4e581e2b1876b1dfd22bc6d52d', d: "M7.99998 12L5.19998 13.2C4.75554 13.3889 4.33331 13.3528 3.93331 13.0917C3.53331 12.8306 3.33331 12.4611 3.33331 11.9833V3.33333C3.33331 2.96667 3.46387 2.65278 3.72498 2.39167C3.98609 2.13056 4.29998 2 4.66665 2H11.3333C11.7 2 12.0139 2.13056 12.275 2.39167C12.5361 2.65278 12.6666 2.96667 12.6666 3.33333V11.9833C12.6666 12.4611 12.4666 12.8306 12.0666 13.0917C11.6666 13.3528 11.2444 13.3889 10.8 13.2L7.99998 12Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '48d6cd79c63abeb1760ae924b661dac6776946c6' }, h("path", { key: '8247c2e5753e82c7961c5e59356f272aa32b9214', d: "M12 18L7.8 19.8C7.13333 20.0833 6.5 20.0292 5.9 19.6375C5.3 19.2458 5 18.6917 5 17.975V5C5 4.45 5.19583 3.97917 5.5875 3.5875C5.97917 3.19583 6.45 3 7 3H17C17.55 3 18.0208 3.19583 18.4125 3.5875C18.8042 3.97917 19 4.45 19 5V17.975C19 18.6917 18.7 19.2458 18.1 19.6375C17.5 20.0292 16.8667 20.0833 16.2 19.8L12 18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ac6c1566d0b8eb13ec195728f46322559072efd1' }, h("path", { key: '58ebaac38031c6dcd305fb00acb9681d8162717e', d: "M14 21L9.10001 23.1C8.32223 23.4306 7.58334 23.3674 6.88334 22.9104C6.18334 22.4535 5.83334 21.8069 5.83334 20.9708V5.83333C5.83334 5.19167 6.06182 4.64236 6.51876 4.18542C6.9757 3.72847 7.52501 3.5 8.16668 3.5H19.8333C20.475 3.5 21.0243 3.72847 21.4813 4.18542C21.9382 4.64236 22.1667 5.19167 22.1667 5.83333V20.9708C22.1667 21.8069 21.8167 22.4535 21.1167 22.9104C20.4167 23.3674 19.6778 23.4306 18.9 23.1L14 21Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconBookmarkFilledStyle0; }
 }, [1, "swirl-icon-bookmark-filled", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-bookmark-filled"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-bookmark-filled":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconBookmarkFilled$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-bookmark-filled"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-bookmark-filled":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconBookmarkFilled$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconBookmarkFilled = SwirlIconBookmarkFilled$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-bookmark.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SwirlIconBookmark extends Components.SwirlIconBookmark, HTMLElement {}
 export const SwirlIconBookmark: {
-  prototype: SwirlIconBookmark;
-  new (): SwirlIconBookmark;
+    prototype: SwirlIconBookmark;
+    new (): SwirlIconBookmark;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/swirl-icon-bookmark.js

@@ -2,42 +2,42 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconBookmarkStyle0 = swirlIconCss;
 
 const SwirlIconBookmark$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconBookmark extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M4.66666 11.9667L7.99999 10.5333L11.3333 11.9667V3.33333H4.66666V11.9667ZM4.26666 13.6C4.04444 13.6889 3.83333 13.6693 3.63333 13.5413C3.43333 13.4138 3.33333 13.2278 3.33333 12.9833V3.33333C3.33333 2.96667 3.46399 2.65267 3.72533 2.39133C3.98622 2.13044 4.29999 2 4.66666 2H11.3333C11.7 2 12.014 2.13044 12.2753 2.39133C12.5362 2.65267 12.6667 2.96667 12.6667 3.33333V12.9833C12.6667 13.2278 12.5667 13.4138 12.3667 13.5413C12.1667 13.6693 11.9556 13.6889 11.7333 13.6L7.99999 12L4.26666 13.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M7 17.95L12 15.8L17 17.95V5H7V17.95ZM6.4 20.4C6.06667 20.5333 5.75 20.504 5.45 20.312C5.15 20.1207 5 19.8417 5 19.475V5C5 4.45 5.196 3.979 5.588 3.587C5.97933 3.19567 6.45 3 7 3H17C17.55 3 18.021 3.19567 18.413 3.587C18.8043 3.979 19 4.45 19 5V19.475C19 19.8417 18.85 20.1207 18.55 20.312C18.25 20.504 17.9333 20.5333 17.6 20.4L12 18L6.4 20.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M8.16666 20.9417L14 18.4333L19.8333 20.9417V5.83333H8.16666V20.9417ZM7.46666 23.8C7.07777 23.9556 6.70833 23.9213 6.35833 23.6973C6.00833 23.4741 5.83333 23.1486 5.83333 22.7208V5.83333C5.83333 5.19167 6.06199 4.64217 6.51933 4.18483C6.97588 3.72828 7.525 3.5 8.16666 3.5H19.8333C20.475 3.5 21.0245 3.72828 21.4818 4.18483C21.9384 4.64217 22.1667 5.19167 22.1667 5.83333V22.7208C22.1667 23.1486 21.9917 23.4741 21.6417 23.6973C21.2917 23.9213 20.9222 23.9556 20.5333 23.8L14 21L7.46666 23.8Z", fill: "currentColor" })))));
-  }
-  static get style() { return swirlIconCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.color = undefined;
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '3b92399bc1d5ab8087f331dac4aa03e2ebe72f9c', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '967bd924e8034ac86dcf3f3cf4d18af61e556cf7' }, h("path", { key: 'f60f98fd37d3f8407ddea42b5b0a3b4f8ff74747', d: "M4.66666 11.9667L7.99999 10.5333L11.3333 11.9667V3.33333H4.66666V11.9667ZM4.26666 13.6C4.04444 13.6889 3.83333 13.6693 3.63333 13.5413C3.43333 13.4138 3.33333 13.2278 3.33333 12.9833V3.33333C3.33333 2.96667 3.46399 2.65267 3.72533 2.39133C3.98622 2.13044 4.29999 2 4.66666 2H11.3333C11.7 2 12.014 2.13044 12.2753 2.39133C12.5362 2.65267 12.6667 2.96667 12.6667 3.33333V12.9833C12.6667 13.2278 12.5667 13.4138 12.3667 13.5413C12.1667 13.6693 11.9556 13.6889 11.7333 13.6L7.99999 12L4.26666 13.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6719f8c6389f267e7a2c6e9ada9c752f9687635d' }, h("path", { key: '94537f75826fd38c5b0cda3387bbeb68204c6e93', d: "M7 17.95L12 15.8L17 17.95V5H7V17.95ZM6.4 20.4C6.06667 20.5333 5.75 20.504 5.45 20.312C5.15 20.1207 5 19.8417 5 19.475V5C5 4.45 5.196 3.979 5.588 3.587C5.97933 3.19567 6.45 3 7 3H17C17.55 3 18.021 3.19567 18.413 3.587C18.8043 3.979 19 4.45 19 5V19.475C19 19.8417 18.85 20.1207 18.55 20.312C18.25 20.504 17.9333 20.5333 17.6 20.4L12 18L6.4 20.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '7d6a49adb6926b4818b01fa9159a8c597ca545b4' }, h("path", { key: '6cf4a2e550e823f48c8a44e6fb2e8c2d26d67609', d: "M8.16666 20.9417L14 18.4333L19.8333 20.9417V5.83333H8.16666V20.9417ZM7.46666 23.8C7.07777 23.9556 6.70833 23.9213 6.35833 23.6973C6.00833 23.4741 5.83333 23.1486 5.83333 22.7208V5.83333C5.83333 5.19167 6.06199 4.64217 6.51933 4.18483C6.97588 3.72828 7.525 3.5 8.16666 3.5H19.8333C20.475 3.5 21.0245 3.72828 21.4818 4.18483C21.9384 4.64217 22.1667 5.19167 22.1667 5.83333V22.7208C22.1667 23.1486 21.9917 23.4741 21.6417 23.6973C21.2917 23.9213 20.9222 23.9556 20.5333 23.8L14 21L7.46666 23.8Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconBookmarkStyle0; }
 }, [1, "swirl-icon-bookmark", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-bookmark"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-bookmark":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconBookmark$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-bookmark"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-bookmark":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconBookmark$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconBookmark = SwirlIconBookmark$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-cancel.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SwirlIconCancel extends Components.SwirlIconCancel, HTMLElement {}
 export const SwirlIconCancel: {
-  prototype: SwirlIconCancel;
-  new (): SwirlIconCancel;
+    prototype: SwirlIconCancel;
+    new (): SwirlIconCancel;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/swirl-icon-cancel2.js

@@ -2,41 +2,41 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconCancelStyle0 = swirlIconCss;
 
 const SwirlIconCancel = /*@__PURE__*/ proxyCustomElement(class SwirlIconCancel extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8 1.33337C4.31334 1.33337 1.33334 4.31337 1.33334 8.00004C1.33334 11.6867 4.31334 14.6667 8 14.6667C11.6867 14.6667 14.6667 11.6867 14.6667 8.00004C14.6667 4.31337 11.6867 1.33337 8 1.33337ZM10.8667 10.8667C10.6067 11.1267 10.1867 11.1267 9.92667 10.8667L8 8.94004L6.07334 10.8667C5.81334 11.1267 5.39334 11.1267 5.13334 10.8667C4.87334 10.6067 4.87334 10.1867 5.13334 9.92671L7.06 8.00004L5.13334 6.07337C4.87334 5.81337 4.87334 5.39337 5.13334 5.13337C5.39334 4.87337 5.81334 4.87337 6.07334 5.13337L8 7.06004L9.92667 5.13337C10.1867 4.87337 10.6067 4.87337 10.8667 5.13337C11.1267 5.39337 11.1267 5.81337 10.8667 6.07337L8.94 8.00004L10.8667 9.92671C11.12 10.18 11.12 10.6067 10.8667 10.8667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM16.3 16.3C15.91 16.69 15.28 16.69 14.89 16.3L12 13.41L9.11 16.3C8.72 16.69 8.09 16.69 7.7 16.3C7.31 15.91 7.31 15.28 7.7 14.89L10.59 12L7.7 9.11C7.31 8.72 7.31 8.09 7.7 7.7C8.09 7.31 8.72 7.31 9.11 7.7L12 10.59L14.89 7.7C15.28 7.31 15.91 7.31 16.3 7.7C16.69 8.09 16.69 8.72 16.3 9.11L13.41 12L16.3 14.89C16.68 15.27 16.68 15.91 16.3 16.3Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 2.33337C7.54834 2.33337 2.33334 7.54837 2.33334 14C2.33334 20.4517 7.54834 25.6667 14 25.6667C20.4517 25.6667 25.6667 20.4517 25.6667 14C25.6667 7.54837 20.4517 2.33337 14 2.33337ZM19.0167 19.0167C18.5617 19.4717 17.8267 19.4717 17.3717 19.0167L14 15.645L10.6283 19.0167C10.1733 19.4717 9.43834 19.4717 8.98334 19.0167C8.52834 18.5617 8.52834 17.8267 8.98334 17.3717L12.355 14L8.98334 10.6284C8.52834 10.1734 8.52834 9.43837 8.98334 8.98337C9.43834 8.52837 10.1733 8.52837 10.6283 8.98337L14 12.355L17.3717 8.98337C17.8267 8.52837 18.5617 8.52837 19.0167 8.98337C19.4717 9.43837 19.4717 10.1734 19.0167 10.6284L15.645 14L19.0167 17.3717C19.46 17.815 19.46 18.5617 19.0167 19.0167Z", fill: "currentColor" })))));
-  }
-  static get style() { return swirlIconCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.color = undefined;
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '72e82348c2730ed3423b9d93054258a0ea7485f4', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '287e4b58c540677485e399f484c2423f21a27f49' }, h("path", { key: 'c42d45d012f18a8c693ad9e3dbcd33605e8acdc5', d: "M8 1.33337C4.31334 1.33337 1.33334 4.31337 1.33334 8.00004C1.33334 11.6867 4.31334 14.6667 8 14.6667C11.6867 14.6667 14.6667 11.6867 14.6667 8.00004C14.6667 4.31337 11.6867 1.33337 8 1.33337ZM10.8667 10.8667C10.6067 11.1267 10.1867 11.1267 9.92667 10.8667L8 8.94004L6.07334 10.8667C5.81334 11.1267 5.39334 11.1267 5.13334 10.8667C4.87334 10.6067 4.87334 10.1867 5.13334 9.92671L7.06 8.00004L5.13334 6.07337C4.87334 5.81337 4.87334 5.39337 5.13334 5.13337C5.39334 4.87337 5.81334 4.87337 6.07334 5.13337L8 7.06004L9.92667 5.13337C10.1867 4.87337 10.6067 4.87337 10.8667 5.13337C11.1267 5.39337 11.1267 5.81337 10.8667 6.07337L8.94 8.00004L10.8667 9.92671C11.12 10.18 11.12 10.6067 10.8667 10.8667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '40edb3fcda792ede55fbecb68ae1d2ce38ef132a' }, h("path", { key: '189c6eac29ec00244d1c9f686d93e44c072265ee', d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM16.3 16.3C15.91 16.69 15.28 16.69 14.89 16.3L12 13.41L9.11 16.3C8.72 16.69 8.09 16.69 7.7 16.3C7.31 15.91 7.31 15.28 7.7 14.89L10.59 12L7.7 9.11C7.31 8.72 7.31 8.09 7.7 7.7C8.09 7.31 8.72 7.31 9.11 7.7L12 10.59L14.89 7.7C15.28 7.31 15.91 7.31 16.3 7.7C16.69 8.09 16.69 8.72 16.3 9.11L13.41 12L16.3 14.89C16.68 15.27 16.68 15.91 16.3 16.3Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '909519f68de89baf6d96fb4ba13ee28b344646c8' }, h("path", { key: 'd6afcb45f3553d4620db661308f95711232cad0b', d: "M14 2.33337C7.54834 2.33337 2.33334 7.54837 2.33334 14C2.33334 20.4517 7.54834 25.6667 14 25.6667C20.4517 25.6667 25.6667 20.4517 25.6667 14C25.6667 7.54837 20.4517 2.33337 14 2.33337ZM19.0167 19.0167C18.5617 19.4717 17.8267 19.4717 17.3717 19.0167L14 15.645L10.6283 19.0167C10.1733 19.4717 9.43834 19.4717 8.98334 19.0167C8.52834 18.5617 8.52834 17.8267 8.98334 17.3717L12.355 14L8.98334 10.6284C8.52834 10.1734 8.52834 9.43837 8.98334 8.98337C9.43834 8.52837 10.1733 8.52837 10.6283 8.98337L14 12.355L17.3717 8.98337C17.8267 8.52837 18.5617 8.52837 19.0167 8.98337C19.4717 9.43837 19.4717 10.1734 19.0167 10.6284L15.645 14L19.0167 17.3717C19.46 17.815 19.46 18.5617 19.0167 19.0167Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconCancelStyle0; }
 }, [1, "swirl-icon-cancel", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-cancel"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-cancel":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconCancel);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-cancel"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-cancel":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconCancel);
+            }
+            break;
+    } });
 }
-defineCustomElement();
 
 export { SwirlIconCancel as S, defineCustomElement as d };

package/dist/components/swirl-icon-chat-bubble.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SwirlIconChatBubble extends Components.SwirlIconChatBubble, HTMLElement {}
 export const SwirlIconChatBubble: {
-  prototype: SwirlIconChatBubble;
-  new (): SwirlIconChatBubble;
+    prototype: SwirlIconChatBubble;
+    new (): SwirlIconChatBubble;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/swirl-icon-chat-bubble.js

@@ -2,42 +2,42 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconChatBubbleStyle0 = swirlIconCss;
 
 const SwirlIconChatBubble$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconChatBubble extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M5.33331 10.6667H2.66665L2.66665 3.33333H13.3333V10.6667H6.78103L5.33331 12.1144V10.6667ZM13.3333 2H2.66665C1.93027 2 1.33331 2.59695 1.33331 3.33333V10.6667C1.33331 11.403 1.93027 12 2.66665 12H3.99998V13.7239C3.99998 14.3178 4.71807 14.6152 5.13805 14.1953L7.33331 12H13.3333C14.0697 12 14.6666 11.403 14.6666 10.6667V3.33333C14.6666 2.59695 14.0697 2 13.3333 2Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M8 16H4L4 5H20V16H10.1716L8 18.1716V16ZM20 3H4C2.89543 3 2 3.89543 2 5V16C2 17.1046 2.89543 18 4 18H6V20.5858C6 21.4767 7.07714 21.9229 7.70711 21.2929L11 18H20C21.1046 18 22 17.1046 22 16V5C22 3.89543 21.1046 3 20 3Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M9.33331 18.6667H4.66665L4.66665 5.83333H23.3333V18.6667H11.8668L9.33331 21.2002V18.6667ZM23.3333 3.5H4.66665C3.37798 3.5 2.33331 4.54467 2.33331 5.83333V18.6667C2.33331 19.9553 3.37798 21 4.66665 21H6.99998V24.0168C6.99998 25.0561 8.25665 25.5767 8.9916 24.8417L12.8333 21H23.3333C24.622 21 25.6666 19.9553 25.6666 18.6667V5.83333C25.6666 4.54467 24.622 3.5 23.3333 3.5Z", fill: "currentColor" })))));
-  }
-  static get style() { return swirlIconCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.color = undefined;
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '3b24d35a95239cc1cd08ac5aeca22dbc7addc40b', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '2ce33142b3974f04c9ec152addb32316f3bbec9f' }, h("path", { key: '00a8c8c8df701680a87fac9efaff1d7eff628b50', d: "M5.33331 10.6667H2.66665L2.66665 3.33333H13.3333V10.6667H6.78103L5.33331 12.1144V10.6667ZM13.3333 2H2.66665C1.93027 2 1.33331 2.59695 1.33331 3.33333V10.6667C1.33331 11.403 1.93027 12 2.66665 12H3.99998V13.7239C3.99998 14.3178 4.71807 14.6152 5.13805 14.1953L7.33331 12H13.3333C14.0697 12 14.6666 11.403 14.6666 10.6667V3.33333C14.6666 2.59695 14.0697 2 13.3333 2Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '707141195a3c8dac63f7a6637957b7893b8988f8' }, h("path", { key: '996be467ac63c52e278b790aacad77a08b0b47d6', d: "M8 16H4L4 5H20V16H10.1716L8 18.1716V16ZM20 3H4C2.89543 3 2 3.89543 2 5V16C2 17.1046 2.89543 18 4 18H6V20.5858C6 21.4767 7.07714 21.9229 7.70711 21.2929L11 18H20C21.1046 18 22 17.1046 22 16V5C22 3.89543 21.1046 3 20 3Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '0d4582eb2ffe7bd6164c472712381bc681c5a7aa' }, h("path", { key: 'e76b2812dd1a951599036cec3392a185dbb05377', d: "M9.33331 18.6667H4.66665L4.66665 5.83333H23.3333V18.6667H11.8668L9.33331 21.2002V18.6667ZM23.3333 3.5H4.66665C3.37798 3.5 2.33331 4.54467 2.33331 5.83333V18.6667C2.33331 19.9553 3.37798 21 4.66665 21H6.99998V24.0168C6.99998 25.0561 8.25665 25.5767 8.9916 24.8417L12.8333 21H23.3333C24.622 21 25.6666 19.9553 25.6666 18.6667V5.83333C25.6666 4.54467 24.622 3.5 23.3333 3.5Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconChatBubbleStyle0; }
 }, [1, "swirl-icon-chat-bubble", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-chat-bubble"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-chat-bubble":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconChatBubble$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-chat-bubble"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-chat-bubble":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconChatBubble$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconChatBubble = SwirlIconChatBubble$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-chats-filled.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SwirlIconChatsFilled extends Components.SwirlIconChatsFilled, HTMLElement {}
 export const SwirlIconChatsFilled: {
-  prototype: SwirlIconChatsFilled;
-  new (): SwirlIconChatsFilled;
+    prototype: SwirlIconChatsFilled;
+    new (): SwirlIconChatsFilled;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/swirl-icon-chats-filled.js

@@ -2,42 +2,42 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconChatsFilledStyle0 = swirlIconCss;
 
 const SwirlIconChatsFilled$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconChatsFilled extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M14.6667 7.99992C14.6667 11.6818 11.6819 14.6666 8.00004 14.6666C6.91822 14.6666 5.89658 14.4089 4.99315 13.9516L1.96048 14.8709C1.45073 15.0254 0.974565 14.5492 1.12909 14.0395L2.04838 11.0068C1.59105 10.1034 1.33337 9.08174 1.33337 7.99992C1.33337 4.31802 4.31814 1.33325 8.00004 1.33325C11.6819 1.33325 14.6667 4.31802 14.6667 7.99992ZM5.00004 8.99992C5.55233 8.99992 6.00004 8.55221 6.00004 7.99992C6.00004 7.44764 5.55233 6.99992 5.00004 6.99992C4.44776 6.99992 4.00004 7.44764 4.00004 7.99992C4.00004 8.55221 4.44776 8.99992 5.00004 8.99992ZM9.00004 7.99992C9.00004 7.44764 8.55233 6.99992 8.00004 6.99992C7.44776 6.99992 7.00004 7.44764 7.00004 7.99992C7.00004 8.55221 7.44776 8.99992 8.00004 8.99992C8.55233 8.99992 9.00004 8.55221 9.00004 7.99992ZM11 8.99992C11.5523 8.99992 12 8.55221 12 7.99992C12 7.44764 11.5523 6.99992 11 6.99992C10.4478 6.99992 10 7.44764 10 7.99992C10 8.55221 10.4478 8.99992 11 8.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M22 12C22 17.5228 17.5228 22 12 22C10.3773 22 8.8448 21.6135 7.48966 20.9275L2.94066 22.3064C2.17603 22.5382 1.46179 21.824 1.69357 21.0593L3.07251 16.5103C2.38652 15.1552 2 13.6227 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM7.5 13.5C8.32843 13.5 9 12.8284 9 12C9 11.1716 8.32843 10.5 7.5 10.5C6.67157 10.5 6 11.1716 6 12C6 12.8284 6.67157 13.5 7.5 13.5ZM13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12ZM16.5 13.5C17.3284 13.5 18 12.8284 18 12C18 11.1716 17.3284 10.5 16.5 10.5C15.6716 10.5 15 11.1716 15 12C15 12.8284 15.6716 13.5 16.5 13.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M25.6667 13.9999C25.6667 20.4432 20.4434 25.6666 14 25.6666C12.1068 25.6666 10.319 25.2156 8.73798 24.4153L3.43082 26.0241C2.53875 26.2945 1.70546 25.4612 1.97587 24.5691L3.58464 19.262C2.78431 17.681 2.33337 15.8931 2.33337 13.9999C2.33337 7.5566 7.55672 2.33325 14 2.33325C20.4434 2.33325 25.6667 7.5566 25.6667 13.9999ZM8.75004 15.7499C9.71654 15.7499 10.5 14.9664 10.5 13.9999C10.5 13.0334 9.71654 12.2499 8.75004 12.2499C7.78354 12.2499 7.00004 13.0334 7.00004 13.9999C7.00004 14.9664 7.78354 15.7499 8.75004 15.7499ZM15.75 13.9999C15.75 13.0334 14.9665 12.2499 14 12.2499C13.0335 12.2499 12.25 13.0334 12.25 13.9999C12.25 14.9664 13.0335 15.7499 14 15.7499C14.9665 15.7499 15.75 14.9664 15.75 13.9999ZM19.25 15.7499C20.2165 15.7499 21 14.9664 21 13.9999C21 13.0334 20.2165 12.2499 19.25 12.2499C18.2835 12.2499 17.5 13.0334 17.5 13.9999C17.5 14.9664 18.2835 15.7499 19.25 15.7499Z", fill: "currentColor" })))));
-  }
-  static get style() { return swirlIconCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.color = undefined;
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '21a68b6fb809b5260103c3a82d59475264adeb15', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '91519130cdf15c7e378daa90dc94fa5540158d8e' }, h("path", { key: '212c24e1f2e9b4e6c15b9912750b0fbdc772396a', d: "M14.6667 7.99992C14.6667 11.6818 11.6819 14.6666 8.00004 14.6666C6.91822 14.6666 5.89658 14.4089 4.99315 13.9516L1.96048 14.8709C1.45073 15.0254 0.974565 14.5492 1.12909 14.0395L2.04838 11.0068C1.59105 10.1034 1.33337 9.08174 1.33337 7.99992C1.33337 4.31802 4.31814 1.33325 8.00004 1.33325C11.6819 1.33325 14.6667 4.31802 14.6667 7.99992ZM5.00004 8.99992C5.55233 8.99992 6.00004 8.55221 6.00004 7.99992C6.00004 7.44764 5.55233 6.99992 5.00004 6.99992C4.44776 6.99992 4.00004 7.44764 4.00004 7.99992C4.00004 8.55221 4.44776 8.99992 5.00004 8.99992ZM9.00004 7.99992C9.00004 7.44764 8.55233 6.99992 8.00004 6.99992C7.44776 6.99992 7.00004 7.44764 7.00004 7.99992C7.00004 8.55221 7.44776 8.99992 8.00004 8.99992C8.55233 8.99992 9.00004 8.55221 9.00004 7.99992ZM11 8.99992C11.5523 8.99992 12 8.55221 12 7.99992C12 7.44764 11.5523 6.99992 11 6.99992C10.4478 6.99992 10 7.44764 10 7.99992C10 8.55221 10.4478 8.99992 11 8.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'cc7c2bb1d2cf56301298fbca4f05ed6be47c852c' }, h("path", { key: '5b03f8709d3c9a1e83f739176f87bc15eb640de3', d: "M22 12C22 17.5228 17.5228 22 12 22C10.3773 22 8.8448 21.6135 7.48966 20.9275L2.94066 22.3064C2.17603 22.5382 1.46179 21.824 1.69357 21.0593L3.07251 16.5103C2.38652 15.1552 2 13.6227 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM7.5 13.5C8.32843 13.5 9 12.8284 9 12C9 11.1716 8.32843 10.5 7.5 10.5C6.67157 10.5 6 11.1716 6 12C6 12.8284 6.67157 13.5 7.5 13.5ZM13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12ZM16.5 13.5C17.3284 13.5 18 12.8284 18 12C18 11.1716 17.3284 10.5 16.5 10.5C15.6716 10.5 15 11.1716 15 12C15 12.8284 15.6716 13.5 16.5 13.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'f2a5d95bd737dc136b2adc175aaf7a16ec9c1920' }, h("path", { key: '83c8f1f8cf224f2660e28d5ec8e64a29f76f643d', d: "M25.6667 13.9999C25.6667 20.4432 20.4434 25.6666 14 25.6666C12.1068 25.6666 10.319 25.2156 8.73798 24.4153L3.43082 26.0241C2.53875 26.2945 1.70546 25.4612 1.97587 24.5691L3.58464 19.262C2.78431 17.681 2.33337 15.8931 2.33337 13.9999C2.33337 7.5566 7.55672 2.33325 14 2.33325C20.4434 2.33325 25.6667 7.5566 25.6667 13.9999ZM8.75004 15.7499C9.71654 15.7499 10.5 14.9664 10.5 13.9999C10.5 13.0334 9.71654 12.2499 8.75004 12.2499C7.78354 12.2499 7.00004 13.0334 7.00004 13.9999C7.00004 14.9664 7.78354 15.7499 8.75004 15.7499ZM15.75 13.9999C15.75 13.0334 14.9665 12.2499 14 12.2499C13.0335 12.2499 12.25 13.0334 12.25 13.9999C12.25 14.9664 13.0335 15.7499 14 15.7499C14.9665 15.7499 15.75 14.9664 15.75 13.9999ZM19.25 15.7499C20.2165 15.7499 21 14.9664 21 13.9999C21 13.0334 20.2165 12.2499 19.25 12.2499C18.2835 12.2499 17.5 13.0334 17.5 13.9999C17.5 14.9664 18.2835 15.7499 19.25 15.7499Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconChatsFilledStyle0; }
 }, [1, "swirl-icon-chats-filled", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-chats-filled"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-chats-filled":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconChatsFilled$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-chats-filled"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-chats-filled":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconChatsFilled$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconChatsFilled = SwirlIconChatsFilled$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-chats.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SwirlIconChats extends Components.SwirlIconChats, HTMLElement {}
 export const SwirlIconChats: {
-  prototype: SwirlIconChats;
-  new (): SwirlIconChats;
+    prototype: SwirlIconChats;
+    new (): SwirlIconChats;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/swirl-icon-chats.js

@@ -2,42 +2,42 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconChatsStyle0 = swirlIconCss;
 
 const SwirlIconChats$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconChats extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M3.47953 10.8818L3.23798 10.4046C2.87298 9.68358 2.66671 8.86777 2.66671 7.99992C2.66671 5.0544 5.05452 2.66659 8.00004 2.66659C10.9456 2.66659 13.3334 5.0544 13.3334 7.99992C13.3334 10.9454 10.9456 13.3333 8.00004 13.3333C7.13219 13.3333 6.31638 13.127 5.59535 12.762L5.11818 12.5204L2.76673 13.2332L3.47953 10.8818ZM2.04838 11.0068L1.12909 14.0395C0.974565 14.5492 1.45073 15.0254 1.96048 14.8709L4.99315 13.9516C5.89658 14.4089 6.91822 14.6666 8.00004 14.6666C11.6819 14.6666 14.6667 11.6818 14.6667 7.99992C14.6667 4.31802 11.6819 1.33325 8.00004 1.33325C4.31814 1.33325 1.33337 4.31802 1.33337 7.99992C1.33337 9.08174 1.59105 10.1034 2.04838 11.0068Z", fill: "currentColor" }), h("path", { d: "M6.00004 7.99992C6.00004 8.55221 5.55233 8.99992 5.00004 8.99992C4.44776 8.99992 4.00004 8.55221 4.00004 7.99992C4.00004 7.44764 4.44776 6.99992 5.00004 6.99992C5.55233 6.99992 6.00004 7.44764 6.00004 7.99992Z", fill: "currentColor" }), h("path", { d: "M9.00004 7.99992C9.00004 8.55221 8.55233 8.99992 8.00004 8.99992C7.44776 8.99992 7.00004 8.55221 7.00004 7.99992C7.00004 7.44764 7.44776 6.99992 8.00004 6.99992C8.55233 6.99992 9.00004 7.44764 9.00004 7.99992Z", fill: "currentColor" }), h("path", { d: "M12 7.99992C12 8.55221 11.5523 8.99992 11 8.99992C10.4478 8.99992 10 8.55221 10 7.99992C10 7.44764 10.4478 6.99992 11 6.99992C11.5523 6.99992 12 7.44764 12 7.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M5.21923 16.3228L4.85691 15.607C4.30941 14.5255 4 13.3018 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C10.6982 20 9.47451 19.6906 8.39296 19.1431L7.67721 18.7808L4.15004 19.85L5.21923 16.3228ZM3.07251 16.5103L1.69357 21.0593C1.46179 21.824 2.17603 22.5382 2.94066 22.3064L7.48966 20.9275C8.8448 21.6135 10.3773 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.6227 2.38652 15.1552 3.07251 16.5103Z", fill: "currentColor" }), h("path", { d: "M9 12C9 12.8284 8.32843 13.5 7.5 13.5C6.67157 13.5 6 12.8284 6 12C6 11.1716 6.67157 10.5 7.5 10.5C8.32843 10.5 9 11.1716 9 12Z", fill: "currentColor" }), h("path", { d: "M13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12Z", fill: "currentColor" }), h("path", { d: "M18 12C18 12.8284 17.3284 13.5 16.5 13.5C15.6716 13.5 15 12.8284 15 12C15 11.1716 15.6716 10.5 16.5 10.5C17.3284 10.5 18 11.1716 18 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M6.08915 19.0432L5.66643 18.2081C5.02768 16.9463 4.66671 15.5187 4.66671 13.9999C4.66671 8.84526 8.84538 4.66659 14 4.66659C19.1547 4.66659 23.3334 8.84526 23.3334 13.9999C23.3334 19.1546 19.1547 23.3333 14 23.3333C12.4813 23.3333 11.0536 22.9723 9.79182 22.3335L8.95678 21.9108L4.84175 23.1582L6.08915 19.0432ZM3.58464 19.262L1.97587 24.5691C1.70546 25.4612 2.53875 26.2945 3.43082 26.0241L8.73798 24.4153C10.319 25.2156 12.1068 25.6666 14 25.6666C20.4434 25.6666 25.6667 20.4432 25.6667 13.9999C25.6667 7.5566 20.4434 2.33325 14 2.33325C7.55672 2.33325 2.33337 7.5566 2.33337 13.9999C2.33337 15.8931 2.78431 17.681 3.58464 19.262Z", fill: "currentColor" }), h("path", { d: "M10.5 13.9999C10.5 14.9664 9.71654 15.7499 8.75004 15.7499C7.78354 15.7499 7.00004 14.9664 7.00004 13.9999C7.00004 13.0334 7.78354 12.2499 8.75004 12.2499C9.71654 12.2499 10.5 13.0334 10.5 13.9999Z", fill: "currentColor" }), h("path", { d: "M15.75 13.9999C15.75 14.9664 14.9665 15.7499 14 15.7499C13.0335 15.7499 12.25 14.9664 12.25 13.9999C12.25 13.0334 13.0335 12.2499 14 12.2499C14.9665 12.2499 15.75 13.0334 15.75 13.9999Z", fill: "currentColor" }), h("path", { d: "M21 13.9999C21 14.9664 20.2165 15.7499 19.25 15.7499C18.2835 15.7499 17.5 14.9664 17.5 13.9999C17.5 13.0334 18.2835 12.2499 19.25 12.2499C20.2165 12.2499 21 13.0334 21 13.9999Z", fill: "currentColor" })))));
-  }
-  static get style() { return swirlIconCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.color = undefined;
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '4f5c6f946d19016d3ab5e8040174416632b412e1', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'ca9f07ee667a138f2b07499d89aed72d188d9fe8' }, h("path", { key: 'ec0e4caf01b45609b4168b1d2b1ecaa3d0b15e82', d: "M3.47953 10.8818L3.23798 10.4046C2.87298 9.68358 2.66671 8.86777 2.66671 7.99992C2.66671 5.0544 5.05452 2.66659 8.00004 2.66659C10.9456 2.66659 13.3334 5.0544 13.3334 7.99992C13.3334 10.9454 10.9456 13.3333 8.00004 13.3333C7.13219 13.3333 6.31638 13.127 5.59535 12.762L5.11818 12.5204L2.76673 13.2332L3.47953 10.8818ZM2.04838 11.0068L1.12909 14.0395C0.974565 14.5492 1.45073 15.0254 1.96048 14.8709L4.99315 13.9516C5.89658 14.4089 6.91822 14.6666 8.00004 14.6666C11.6819 14.6666 14.6667 11.6818 14.6667 7.99992C14.6667 4.31802 11.6819 1.33325 8.00004 1.33325C4.31814 1.33325 1.33337 4.31802 1.33337 7.99992C1.33337 9.08174 1.59105 10.1034 2.04838 11.0068Z", fill: "currentColor" }), h("path", { key: 'd6c91a89b8a4b4100a6b480c565ae3ffcf889898', d: "M6.00004 7.99992C6.00004 8.55221 5.55233 8.99992 5.00004 8.99992C4.44776 8.99992 4.00004 8.55221 4.00004 7.99992C4.00004 7.44764 4.44776 6.99992 5.00004 6.99992C5.55233 6.99992 6.00004 7.44764 6.00004 7.99992Z", fill: "currentColor" }), h("path", { key: '2ea34df0f1ce23cd6675161f3db41f8f230bd0b0', d: "M9.00004 7.99992C9.00004 8.55221 8.55233 8.99992 8.00004 8.99992C7.44776 8.99992 7.00004 8.55221 7.00004 7.99992C7.00004 7.44764 7.44776 6.99992 8.00004 6.99992C8.55233 6.99992 9.00004 7.44764 9.00004 7.99992Z", fill: "currentColor" }), h("path", { key: '8e54162ac01f8c4f9cb07d6de34fb3439f5d5f9e', d: "M12 7.99992C12 8.55221 11.5523 8.99992 11 8.99992C10.4478 8.99992 10 8.55221 10 7.99992C10 7.44764 10.4478 6.99992 11 6.99992C11.5523 6.99992 12 7.44764 12 7.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'caccd0acdb83e73d766a2c5cc1c2ed921615d58f' }, h("path", { key: '0bc1e052bf37cfbd831affeb4f03cd9292d4e4d8', d: "M5.21923 16.3228L4.85691 15.607C4.30941 14.5255 4 13.3018 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C10.6982 20 9.47451 19.6906 8.39296 19.1431L7.67721 18.7808L4.15004 19.85L5.21923 16.3228ZM3.07251 16.5103L1.69357 21.0593C1.46179 21.824 2.17603 22.5382 2.94066 22.3064L7.48966 20.9275C8.8448 21.6135 10.3773 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.6227 2.38652 15.1552 3.07251 16.5103Z", fill: "currentColor" }), h("path", { key: 'c9e59dc00f01bf9c5f6e34f21701e92bb51a7a00', d: "M9 12C9 12.8284 8.32843 13.5 7.5 13.5C6.67157 13.5 6 12.8284 6 12C6 11.1716 6.67157 10.5 7.5 10.5C8.32843 10.5 9 11.1716 9 12Z", fill: "currentColor" }), h("path", { key: '2f760da396e0671411d20325da31cb4cac0c5651', d: "M13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12Z", fill: "currentColor" }), h("path", { key: 'a74dd857a2f0c09c0d315e4f26f9734d08244a2a', d: "M18 12C18 12.8284 17.3284 13.5 16.5 13.5C15.6716 13.5 15 12.8284 15 12C15 11.1716 15.6716 10.5 16.5 10.5C17.3284 10.5 18 11.1716 18 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '9e7a2decbb1308be2f02c4fc7556d6613f4acfd9' }, h("path", { key: '1d155643cc5a34a54c22567d8ef53ad6e16958f8', d: "M6.08915 19.0432L5.66643 18.2081C5.02768 16.9463 4.66671 15.5187 4.66671 13.9999C4.66671 8.84526 8.84538 4.66659 14 4.66659C19.1547 4.66659 23.3334 8.84526 23.3334 13.9999C23.3334 19.1546 19.1547 23.3333 14 23.3333C12.4813 23.3333 11.0536 22.9723 9.79182 22.3335L8.95678 21.9108L4.84175 23.1582L6.08915 19.0432ZM3.58464 19.262L1.97587 24.5691C1.70546 25.4612 2.53875 26.2945 3.43082 26.0241L8.73798 24.4153C10.319 25.2156 12.1068 25.6666 14 25.6666C20.4434 25.6666 25.6667 20.4432 25.6667 13.9999C25.6667 7.5566 20.4434 2.33325 14 2.33325C7.55672 2.33325 2.33337 7.5566 2.33337 13.9999C2.33337 15.8931 2.78431 17.681 3.58464 19.262Z", fill: "currentColor" }), h("path", { key: 'd6ebce8d1b574d2b01218952734596a2ec139482', d: "M10.5 13.9999C10.5 14.9664 9.71654 15.7499 8.75004 15.7499C7.78354 15.7499 7.00004 14.9664 7.00004 13.9999C7.00004 13.0334 7.78354 12.2499 8.75004 12.2499C9.71654 12.2499 10.5 13.0334 10.5 13.9999Z", fill: "currentColor" }), h("path", { key: 'dda71a9d96de8e65672476ec3b521039f25f8dc2', d: "M15.75 13.9999C15.75 14.9664 14.9665 15.7499 14 15.7499C13.0335 15.7499 12.25 14.9664 12.25 13.9999C12.25 13.0334 13.0335 12.2499 14 12.2499C14.9665 12.2499 15.75 13.0334 15.75 13.9999Z", fill: "currentColor" }), h("path", { key: 'd889fb0b57fb55ce86c9b57eb0f2377427f7d6f6', d: "M21 13.9999C21 14.9664 20.2165 15.7499 19.25 15.7499C18.2835 15.7499 17.5 14.9664 17.5 13.9999C17.5 13.0334 18.2835 12.2499 19.25 12.2499C20.2165 12.2499 21 13.0334 21 13.9999Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconChatsStyle0; }
 }, [1, "swirl-icon-chats", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-chats"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-chats":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconChats$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-chats"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-chats":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconChats$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconChats = SwirlIconChats$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-check-circle.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SwirlIconCheckCircle extends Components.SwirlIconCheckCircle, HTMLElement {}
 export const SwirlIconCheckCircle: {
-  prototype: SwirlIconCheckCircle;
-  new (): SwirlIconCheckCircle;
+    prototype: SwirlIconCheckCircle;
+    new (): SwirlIconCheckCircle;
 };
 /**
  * Used to define this component and all nested components recursively.