@getflip/swirl-components 0.197.1 → 0.199.0

package/dist/components/swirl-icon-arrow-right-small.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 SwirlIconArrowRightSmallStyle0 = swirlIconCss;
 
 const SwirlIconArrowRightSmall$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconArrowRightSmall 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.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", 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: '26ccd73d8223c7327a7296a2c28faefe21778171', "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: '7b820e5f2daec6b84edb08cfd6d7b7eebea7e4c6' }, h("path", { key: 'd2e88cbe37c0fe774260a880d2b7874223e61a35', d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '601c5e63d07a8c36acea7d51688a0a9c34647fa5' }, h("path", { key: '11b3ee4f4cdb2a65883c69bfd1a5119927efc461', d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ca5d147dc303ff668070225f38229c22a98eb5a0' }, h("path", { key: '24aa59c4792f82c5911213f28eced37cfc927489', d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconArrowRightSmallStyle0; }
 }, [1, "swirl-icon-arrow-right-small", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-arrow-right-small"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-arrow-right-small":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconArrowRightSmall$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-arrow-right-small"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-arrow-right-small":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconArrowRightSmall$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconArrowRightSmall = SwirlIconArrowRightSmall$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-arrow-right.d.ts

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

package/dist/components/swirl-icon-arrow-right2.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 SwirlIconArrowRightStyle0 = swirlIconCss;
 
 const SwirlIconArrowRight = /*@__PURE__*/ proxyCustomElement(class SwirlIconArrowRight 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.46667 12.8667C7.32222 12.7222 7.24733 12.5445 7.242 12.3333C7.23622 12.1222 7.30555 11.9445 7.45 11.8L10.4833 8.76668H3.36667C3.15555 8.76668 2.97511 8.69157 2.82533 8.54135C2.67511 8.39157 2.6 8.21113 2.6 8.00002C2.6 7.7889 2.67511 7.60846 2.82533 7.45868C2.97511 7.30846 3.15555 7.23335 3.36667 7.23335H10.4833L7.45 4.20002C7.30555 4.05557 7.23622 3.87779 7.242 3.66668C7.24733 3.45557 7.32222 3.27779 7.46667 3.13335C7.61111 3.00002 7.78889 2.93335 8 2.93335C8.21111 2.93335 8.38889 3.00002 8.53333 3.13335L12.8667 7.46668C12.9444 7.53335 13 7.61379 13.0333 7.70802C13.0667 7.80268 13.0833 7.90002 13.0833 8.00002C13.0833 8.10002 13.0667 8.19446 13.0333 8.28335C13 8.37224 12.9444 8.45557 12.8667 8.53335L8.53333 12.8667C8.38889 13.0111 8.21111 13.0807 8 13.0753C7.78889 13.0696 7.61111 13 7.46667 12.8667V12.8667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M11.2 19.2999C10.9833 19.0832 10.871 18.8166 10.863 18.4999C10.8543 18.1832 10.9583 17.9166 11.175 17.6999L15.725 13.1499H5.05C4.73333 13.1499 4.46267 13.0372 4.238 12.8119C4.01267 12.5872 3.9 12.3166 3.9 11.9999C3.9 11.6832 4.01267 11.4126 4.238 11.1879C4.46267 10.9626 4.73333 10.8499 5.05 10.8499H15.725L11.175 6.2999C10.9583 6.08324 10.8543 5.81657 10.863 5.4999C10.871 5.18324 10.9833 4.91657 11.2 4.6999C11.4167 4.4999 11.6833 4.3999 12 4.3999C12.3167 4.3999 12.5833 4.4999 12.8 4.6999L19.3 11.1999C19.4167 11.2999 19.5 11.4206 19.55 11.5619C19.6 11.7039 19.625 11.8499 19.625 11.9999C19.625 12.1499 19.6 12.2916 19.55 12.4249C19.5 12.5582 19.4167 12.6832 19.3 12.7999L12.8 19.2999C12.5833 19.5166 12.3167 19.6209 12 19.6129C11.6833 19.6042 11.4167 19.4999 11.2 19.2999V19.2999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M13.0667 22.5166C12.8139 22.2639 12.6828 21.9527 12.6735 21.5833C12.6634 21.2139 12.7847 20.9027 13.0375 20.65L18.3458 15.3416H5.89167C5.52223 15.3416 5.20645 15.2102 4.94434 14.9473C4.68145 14.6852 4.55 14.3694 4.55 14C4.55 13.6305 4.68145 13.3147 4.94434 13.0526C5.20645 12.7897 5.52223 12.6583 5.89167 12.6583H18.3458L13.0375 7.34997C12.7847 7.09719 12.6634 6.78608 12.6735 6.41663C12.6828 6.04719 12.8139 5.73608 13.0667 5.4833C13.3194 5.24997 13.6306 5.1333 14 5.1333C14.3694 5.1333 14.6806 5.24997 14.9333 5.4833L22.5167 13.0666C22.6528 13.1833 22.75 13.3241 22.8083 13.489C22.8667 13.6546 22.8958 13.825 22.8958 14C22.8958 14.175 22.8667 14.3402 22.8083 14.4958C22.75 14.6514 22.6528 14.7972 22.5167 14.9333L14.9333 22.5166C14.6806 22.7694 14.3694 22.8911 14 22.8818C13.6306 22.8717 13.3194 22.75 13.0667 22.5166V22.5166Z", 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: '2d7eb3eb8d7ae0e016fbb597b5aab55565da5658', "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: '5eaa24e5395a5675891eac44fb72c383249a4f2b' }, h("path", { key: '60ac45c35a23adbd6783834e3d4f7e953ae1c66c', d: "M7.46667 12.8667C7.32222 12.7222 7.24733 12.5445 7.242 12.3333C7.23622 12.1222 7.30555 11.9445 7.45 11.8L10.4833 8.76668H3.36667C3.15555 8.76668 2.97511 8.69157 2.82533 8.54135C2.67511 8.39157 2.6 8.21113 2.6 8.00002C2.6 7.7889 2.67511 7.60846 2.82533 7.45868C2.97511 7.30846 3.15555 7.23335 3.36667 7.23335H10.4833L7.45 4.20002C7.30555 4.05557 7.23622 3.87779 7.242 3.66668C7.24733 3.45557 7.32222 3.27779 7.46667 3.13335C7.61111 3.00002 7.78889 2.93335 8 2.93335C8.21111 2.93335 8.38889 3.00002 8.53333 3.13335L12.8667 7.46668C12.9444 7.53335 13 7.61379 13.0333 7.70802C13.0667 7.80268 13.0833 7.90002 13.0833 8.00002C13.0833 8.10002 13.0667 8.19446 13.0333 8.28335C13 8.37224 12.9444 8.45557 12.8667 8.53335L8.53333 12.8667C8.38889 13.0111 8.21111 13.0807 8 13.0753C7.78889 13.0696 7.61111 13 7.46667 12.8667V12.8667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ec046af56dd17e518cad7fab2ed547d8d5fd3b2f' }, h("path", { key: '439265f8f337f79bcdc3bc68fe22ca8be20a61bf', d: "M11.2 19.2999C10.9833 19.0832 10.871 18.8166 10.863 18.4999C10.8543 18.1832 10.9583 17.9166 11.175 17.6999L15.725 13.1499H5.05C4.73333 13.1499 4.46267 13.0372 4.238 12.8119C4.01267 12.5872 3.9 12.3166 3.9 11.9999C3.9 11.6832 4.01267 11.4126 4.238 11.1879C4.46267 10.9626 4.73333 10.8499 5.05 10.8499H15.725L11.175 6.2999C10.9583 6.08324 10.8543 5.81657 10.863 5.4999C10.871 5.18324 10.9833 4.91657 11.2 4.6999C11.4167 4.4999 11.6833 4.3999 12 4.3999C12.3167 4.3999 12.5833 4.4999 12.8 4.6999L19.3 11.1999C19.4167 11.2999 19.5 11.4206 19.55 11.5619C19.6 11.7039 19.625 11.8499 19.625 11.9999C19.625 12.1499 19.6 12.2916 19.55 12.4249C19.5 12.5582 19.4167 12.6832 19.3 12.7999L12.8 19.2999C12.5833 19.5166 12.3167 19.6209 12 19.6129C11.6833 19.6042 11.4167 19.4999 11.2 19.2999V19.2999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '67ba0d7310fbf44c51b7680803fcc45673b004de' }, h("path", { key: 'de619039993032f251e96ac2a645c998722e3067', d: "M13.0667 22.5166C12.8139 22.2639 12.6828 21.9527 12.6735 21.5833C12.6634 21.2139 12.7847 20.9027 13.0375 20.65L18.3458 15.3416H5.89167C5.52223 15.3416 5.20645 15.2102 4.94434 14.9473C4.68145 14.6852 4.55 14.3694 4.55 14C4.55 13.6305 4.68145 13.3147 4.94434 13.0526C5.20645 12.7897 5.52223 12.6583 5.89167 12.6583H18.3458L13.0375 7.34997C12.7847 7.09719 12.6634 6.78608 12.6735 6.41663C12.6828 6.04719 12.8139 5.73608 13.0667 5.4833C13.3194 5.24997 13.6306 5.1333 14 5.1333C14.3694 5.1333 14.6806 5.24997 14.9333 5.4833L22.5167 13.0666C22.6528 13.1833 22.75 13.3241 22.8083 13.489C22.8667 13.6546 22.8958 13.825 22.8958 14C22.8958 14.175 22.8667 14.3402 22.8083 14.4958C22.75 14.6514 22.6528 14.7972 22.5167 14.9333L14.9333 22.5166C14.6806 22.7694 14.3694 22.8911 14 22.8818C13.6306 22.8717 13.3194 22.75 13.0667 22.5166V22.5166Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconArrowRightStyle0; }
 }, [1, "swirl-icon-arrow-right", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-arrow-right"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-arrow-right":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconArrowRight);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-arrow-right"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-arrow-right":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconArrowRight);
+            }
+            break;
+    } });
 }
-defineCustomElement();
 
 export { SwirlIconArrowRight as S, defineCustomElement as d };

package/dist/components/swirl-icon-arrow-upward.d.ts

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

package/dist/components/swirl-icon-arrow-upward2.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 SwirlIconArrowUpwardStyle0 = swirlIconCss;
 
 const SwirlIconArrowUpward = /*@__PURE__*/ proxyCustomElement(class SwirlIconArrowUpward 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 13.3333C7.81111 13.3333 7.65289 13.2693 7.52533 13.1413C7.39733 13.0137 7.33333 12.8555 7.33333 12.6666V5.21662L4.08333 8.46662C3.95 8.59995 3.79156 8.66662 3.608 8.66662C3.42489 8.66662 3.26667 8.59995 3.13333 8.46662C3 8.33328 2.93333 8.17773 2.93333 7.99995C2.93333 7.82217 3 7.66662 3.13333 7.53328L7.53333 3.13328C7.6 3.06662 7.67222 3.01928 7.75 2.99128C7.82778 2.96373 7.91111 2.94995 8 2.94995C8.08889 2.94995 8.17511 2.96373 8.25867 2.99128C8.34178 3.01928 8.41111 3.06662 8.46667 3.13328L12.8667 7.53328C13 7.66662 13.0667 7.82217 13.0667 7.99995C13.0667 8.17773 13 8.33328 12.8667 8.46662C12.7333 8.59995 12.5749 8.66662 12.3913 8.66662C12.2082 8.66662 12.05 8.59995 11.9167 8.46662L8.66667 5.21662V12.6666C8.66667 12.8555 8.60289 13.0137 8.47533 13.1413C8.34733 13.2693 8.18889 13.3333 8 13.3333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 20C11.7167 20 11.4793 19.904 11.288 19.712C11.096 19.5207 11 19.2834 11 19V7.82505L6.125 12.7C5.925 12.9 5.68733 13 5.412 13C5.13733 13 4.9 12.9 4.7 12.7C4.5 12.5 4.4 12.2667 4.4 12C4.4 11.7334 4.5 11.5 4.7 11.3L11.3 4.70005C11.4 4.60005 11.5083 4.52905 11.625 4.48705C11.7417 4.44572 11.8667 4.42505 12 4.42505C12.1333 4.42505 12.2627 4.44572 12.388 4.48705C12.5127 4.52905 12.6167 4.60005 12.7 4.70005L19.3 11.3C19.5 11.5 19.6 11.7334 19.6 12C19.6 12.2667 19.5 12.5 19.3 12.7C19.1 12.9 18.8623 13 18.587 13C18.3123 13 18.075 12.9 17.875 12.7L13 7.82505V19C13 19.2834 12.9043 19.5207 12.713 19.712C12.521 19.904 12.2833 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 23.3334C13.6694 23.3334 13.3926 23.2214 13.1693 22.9974C12.9453 22.7742 12.8333 22.4973 12.8333 22.1668V9.12926L7.14583 14.8168C6.9125 15.0501 6.63522 15.1668 6.314 15.1668C5.99355 15.1668 5.71666 15.0501 5.48333 14.8168C5.25 14.5834 5.13333 14.3112 5.13333 14.0001C5.13333 13.689 5.25 13.4168 5.48333 13.1834L13.1833 5.48343C13.3 5.36676 13.4264 5.28393 13.5625 5.23493C13.6986 5.18671 13.8444 5.1626 14 5.1626C14.1556 5.1626 14.3064 5.18671 14.4527 5.23493C14.5981 5.28393 14.7194 5.36676 14.8167 5.48343L22.5167 13.1834C22.75 13.4168 22.8667 13.689 22.8667 14.0001C22.8667 14.3112 22.75 14.5834 22.5167 14.8168C22.2833 15.0501 22.0061 15.1668 21.6848 15.1668C21.3644 15.1668 21.0875 15.0501 20.8542 14.8168L15.1667 9.12926V22.1668C15.1667 22.4973 15.0551 22.7742 14.8318 22.9974C14.6078 23.2214 14.3306 23.3334 14 23.3334Z", 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: '1613bff4ceeb001f24b0449f934e45508333edfe', "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: '6058cae3621c2b95913e3178f2bf000d41ddf0d5' }, h("path", { key: 'e0273a8c1f2f08543a9f2e8f3a80c943d4183521', d: "M8 13.3333C7.81111 13.3333 7.65289 13.2693 7.52533 13.1413C7.39733 13.0137 7.33333 12.8555 7.33333 12.6666V5.21662L4.08333 8.46662C3.95 8.59995 3.79156 8.66662 3.608 8.66662C3.42489 8.66662 3.26667 8.59995 3.13333 8.46662C3 8.33328 2.93333 8.17773 2.93333 7.99995C2.93333 7.82217 3 7.66662 3.13333 7.53328L7.53333 3.13328C7.6 3.06662 7.67222 3.01928 7.75 2.99128C7.82778 2.96373 7.91111 2.94995 8 2.94995C8.08889 2.94995 8.17511 2.96373 8.25867 2.99128C8.34178 3.01928 8.41111 3.06662 8.46667 3.13328L12.8667 7.53328C13 7.66662 13.0667 7.82217 13.0667 7.99995C13.0667 8.17773 13 8.33328 12.8667 8.46662C12.7333 8.59995 12.5749 8.66662 12.3913 8.66662C12.2082 8.66662 12.05 8.59995 11.9167 8.46662L8.66667 5.21662V12.6666C8.66667 12.8555 8.60289 13.0137 8.47533 13.1413C8.34733 13.2693 8.18889 13.3333 8 13.3333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '9878592ef837727efd46152a981939431aa9de5a' }, h("path", { key: 'a9c68e71487abc1a9883a612706083a114bb4bce', d: "M12 20C11.7167 20 11.4793 19.904 11.288 19.712C11.096 19.5207 11 19.2834 11 19V7.82505L6.125 12.7C5.925 12.9 5.68733 13 5.412 13C5.13733 13 4.9 12.9 4.7 12.7C4.5 12.5 4.4 12.2667 4.4 12C4.4 11.7334 4.5 11.5 4.7 11.3L11.3 4.70005C11.4 4.60005 11.5083 4.52905 11.625 4.48705C11.7417 4.44572 11.8667 4.42505 12 4.42505C12.1333 4.42505 12.2627 4.44572 12.388 4.48705C12.5127 4.52905 12.6167 4.60005 12.7 4.70005L19.3 11.3C19.5 11.5 19.6 11.7334 19.6 12C19.6 12.2667 19.5 12.5 19.3 12.7C19.1 12.9 18.8623 13 18.587 13C18.3123 13 18.075 12.9 17.875 12.7L13 7.82505V19C13 19.2834 12.9043 19.5207 12.713 19.712C12.521 19.904 12.2833 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'b2168b0ae60944b03a71de296f2dfaeb7442a0b7' }, h("path", { key: '59a6afaf91775e422401e613af5988cce6d5940c', d: "M14 23.3334C13.6694 23.3334 13.3926 23.2214 13.1693 22.9974C12.9453 22.7742 12.8333 22.4973 12.8333 22.1668V9.12926L7.14583 14.8168C6.9125 15.0501 6.63522 15.1668 6.314 15.1668C5.99355 15.1668 5.71666 15.0501 5.48333 14.8168C5.25 14.5834 5.13333 14.3112 5.13333 14.0001C5.13333 13.689 5.25 13.4168 5.48333 13.1834L13.1833 5.48343C13.3 5.36676 13.4264 5.28393 13.5625 5.23493C13.6986 5.18671 13.8444 5.1626 14 5.1626C14.1556 5.1626 14.3064 5.18671 14.4527 5.23493C14.5981 5.28393 14.7194 5.36676 14.8167 5.48343L22.5167 13.1834C22.75 13.4168 22.8667 13.689 22.8667 14.0001C22.8667 14.3112 22.75 14.5834 22.5167 14.8168C22.2833 15.0501 22.0061 15.1668 21.6848 15.1668C21.3644 15.1668 21.0875 15.0501 20.8542 14.8168L15.1667 9.12926V22.1668C15.1667 22.4973 15.0551 22.7742 14.8318 22.9974C14.6078 23.2214 14.3306 23.3334 14 23.3334Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconArrowUpwardStyle0; }
 }, [1, "swirl-icon-arrow-upward", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-arrow-upward"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-arrow-upward":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconArrowUpward);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-arrow-upward"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-arrow-upward":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconArrowUpward);
+            }
+            break;
+    } });
 }
-defineCustomElement();
 
 export { SwirlIconArrowUpward as S, defineCustomElement as d };

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

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

package/dist/components/swirl-icon-attachment.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 SwirlIconAttachmentStyle0 = swirlIconCss;
 
 const SwirlIconAttachment$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconAttachment 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.57157 12.8796C7.81732 13.6338 6.91584 14.0089 5.86712 14.0048C4.81809 14.0011 3.92038 13.626 3.17399 12.8796C2.41974 12.1253 2.04073 11.2237 2.03696 10.1747C2.03287 9.12594 2.40795 8.22446 3.1622 7.47021L8.15909 2.47333C8.7012 1.93121 9.35913 1.66204 10.1329 1.66581C10.9069 1.6699 11.565 1.943 12.1071 2.48511C12.6492 3.02723 12.9203 3.68327 12.9203 4.45323C12.9203 5.22319 12.6492 5.87922 12.1071 6.42134L7.60519 10.9233C7.25949 11.2689 6.84513 11.4438 6.3621 11.4479C5.87875 11.4517 5.46423 11.2807 5.11853 10.935C4.76498 10.5815 4.59024 10.1632 4.59433 9.68016C4.5981 9.19681 4.77283 8.78229 5.11853 8.43659L9.21975 4.33537C9.32974 4.22538 9.46127 4.16834 9.61432 4.16425C9.76768 4.16048 9.90329 4.21752 10.0211 4.33537C10.1311 4.44537 10.1842 4.57705 10.1805 4.73041C10.1764 4.88346 10.1193 5.01498 10.0094 5.12498L5.90813 9.2262C5.78243 9.3519 5.71957 9.50118 5.71957 9.67403C5.71957 9.84688 5.78635 10.0001 5.91992 10.1337C6.04563 10.2594 6.1949 10.3222 6.36775 10.3222C6.5406 10.3222 6.68988 10.2594 6.81559 10.1337L11.3175 5.63174C11.6475 5.30175 11.8125 4.90892 11.8125 4.45323C11.8125 3.99753 11.6475 3.6047 11.3175 3.27471C10.9875 2.94473 10.5947 2.77974 10.139 2.77974C9.6833 2.77974 9.29046 2.94473 8.96048 3.27471L3.96359 8.2716C3.43719 8.798 3.17399 9.43424 3.17399 10.1803C3.17399 10.927 3.43719 11.5636 3.96359 12.09C4.48999 12.6164 5.1245 12.8775 5.86712 12.8735C6.60943 12.8697 7.24378 12.6046 7.77018 12.0782L12.3664 7.482C12.4764 7.372 12.6099 7.31701 12.7671 7.31701C12.9242 7.31701 13.0578 7.372 13.1678 7.482C13.2856 7.59985 13.3425 7.7353 13.3384 7.88835C13.3346 8.04171 13.2778 8.17339 13.1678 8.28339L8.57157 12.8796Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12.8574 19.3194C11.726 20.4507 10.3738 21.0134 8.80068 21.0072C7.22713 21.0016 5.88057 20.439 4.76098 19.3194C3.62961 18.188 3.0611 16.8355 3.05544 15.262C3.04931 13.6889 3.61193 12.3367 4.7433 11.2053L12.2386 3.70999C13.0518 2.89682 14.0387 2.49306 15.1993 2.49872C16.3604 2.50484 17.3475 2.91449 18.1607 3.72767C18.9738 4.54084 19.3804 5.5249 19.3804 6.67984C19.3804 7.83478 18.9738 8.81884 18.1607 9.63201L11.4078 16.3849C10.8892 16.9034 10.2677 17.1658 9.54314 17.1719C8.81812 17.1775 8.19634 16.9211 7.6778 16.4026C7.14747 15.8722 6.88536 15.2448 6.89149 14.5202C6.89715 13.7952 7.15925 13.1734 7.6778 12.6549L13.8296 6.50306C13.9946 6.33807 14.1919 6.25251 14.4215 6.24638C14.6515 6.24072 14.8549 6.32628 15.0317 6.50306C15.1967 6.66805 15.2764 6.86557 15.2707 7.09562C15.2646 7.32519 15.179 7.52247 15.014 7.68747L8.8622 13.8393C8.67364 14.0279 8.57936 14.2518 8.57936 14.511C8.57936 14.7703 8.67953 15.0001 8.87988 15.2005C9.06844 15.389 9.29236 15.4833 9.55163 15.4833C9.8109 15.4833 10.0348 15.389 10.2234 15.2005L16.9762 8.4476C17.4712 7.95263 17.7187 7.36337 17.7187 6.67984C17.7187 5.9963 17.4712 5.40704 16.9762 4.91207C16.4813 4.4171 15.892 4.16961 15.2085 4.16961C14.5249 4.16961 13.9357 4.4171 13.4407 4.91207L5.94538 12.4074C5.15578 13.197 4.76098 14.1514 4.76098 15.2705C4.76098 16.3905 5.15578 17.3454 5.94538 18.135C6.73499 18.9246 7.68675 19.3163 8.80068 19.3102C9.91414 19.3045 10.8657 18.9069 11.6553 18.1173L18.5496 11.223C18.7146 11.058 18.9149 10.9755 19.1506 10.9755C19.3863 10.9755 19.5867 11.058 19.7516 11.223C19.9284 11.3998 20.0137 11.603 20.0076 11.8325C20.002 12.0626 19.9166 12.2601 19.7516 12.4251L12.8574 19.3194Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M15.0003 22.5393C13.6803 23.8593 12.1027 24.5157 10.2675 24.5085C8.43167 24.5019 6.86068 23.8455 5.55449 22.5393C4.23456 21.2194 3.57129 19.6415 3.56469 17.8057C3.55754 15.9705 4.21394 14.3929 5.53387 13.0729L14.2784 4.32838C15.2271 3.37968 16.3785 2.90863 17.7325 2.91523C19.0871 2.92238 20.2387 3.4003 21.1874 4.34901C22.1361 5.29771 22.6105 6.44578 22.6105 7.79321C22.6105 9.14064 22.1361 10.2887 21.1874 11.2374L13.3091 19.1158C12.7041 19.7207 11.979 20.0268 11.1337 20.0339C10.2878 20.0405 9.56241 19.7413 8.95744 19.1364C8.33873 18.5177 8.03294 17.7856 8.04009 16.9403C8.04669 16.0945 8.35247 15.3691 8.95744 14.7641L16.1346 7.58697C16.3271 7.39448 16.5572 7.29466 16.8251 7.28751C17.0935 7.28091 17.3308 7.38073 17.537 7.58697C17.7295 7.77946 17.8224 8.00989 17.8158 8.27828C17.8087 8.54612 17.7089 8.77628 17.5164 8.96877L10.3392 16.1459C10.1193 16.3659 10.0093 16.6271 10.0093 16.9296C10.0093 17.2321 10.1261 17.5002 10.3599 17.7339C10.5799 17.9539 10.8411 18.0639 11.1436 18.0639C11.4461 18.0639 11.7073 17.9539 11.9273 17.7339L19.8056 9.8556C20.3831 9.27813 20.6718 8.59066 20.6718 7.79321C20.6718 6.99575 20.3831 6.30828 19.8056 5.73081C19.2282 5.15334 18.5407 4.8646 17.7432 4.8646C16.9458 4.8646 16.2583 5.15334 15.6808 5.73081L6.9363 14.4754C6.01509 15.3966 5.55449 16.51 5.55449 17.8156C5.55449 19.1224 6.01509 20.2363 6.9363 21.1575C7.8575 22.0787 8.96789 22.5358 10.2675 22.5286C11.5665 22.522 12.6766 22.0581 13.5978 21.1369L21.6412 13.0936C21.8337 12.9011 22.0674 12.8048 22.3424 12.8048C22.6174 12.8048 22.8511 12.9011 23.0436 13.0936C23.2498 13.2998 23.3494 13.5368 23.3422 13.8047C23.3356 14.0731 23.2361 14.3035 23.0436 14.496L15.0003 22.5393Z", 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: '61f653f7f5737a7ea9ee171bd8e46db10e455ebc', "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: '5640c3b54a1dea1a88eff0a062b906db9382906b' }, h("path", { key: 'e9718f812d9407e8151d3c1da0293db7545f5d76', d: "M8.57157 12.8796C7.81732 13.6338 6.91584 14.0089 5.86712 14.0048C4.81809 14.0011 3.92038 13.626 3.17399 12.8796C2.41974 12.1253 2.04073 11.2237 2.03696 10.1747C2.03287 9.12594 2.40795 8.22446 3.1622 7.47021L8.15909 2.47333C8.7012 1.93121 9.35913 1.66204 10.1329 1.66581C10.9069 1.6699 11.565 1.943 12.1071 2.48511C12.6492 3.02723 12.9203 3.68327 12.9203 4.45323C12.9203 5.22319 12.6492 5.87922 12.1071 6.42134L7.60519 10.9233C7.25949 11.2689 6.84513 11.4438 6.3621 11.4479C5.87875 11.4517 5.46423 11.2807 5.11853 10.935C4.76498 10.5815 4.59024 10.1632 4.59433 9.68016C4.5981 9.19681 4.77283 8.78229 5.11853 8.43659L9.21975 4.33537C9.32974 4.22538 9.46127 4.16834 9.61432 4.16425C9.76768 4.16048 9.90329 4.21752 10.0211 4.33537C10.1311 4.44537 10.1842 4.57705 10.1805 4.73041C10.1764 4.88346 10.1193 5.01498 10.0094 5.12498L5.90813 9.2262C5.78243 9.3519 5.71957 9.50118 5.71957 9.67403C5.71957 9.84688 5.78635 10.0001 5.91992 10.1337C6.04563 10.2594 6.1949 10.3222 6.36775 10.3222C6.5406 10.3222 6.68988 10.2594 6.81559 10.1337L11.3175 5.63174C11.6475 5.30175 11.8125 4.90892 11.8125 4.45323C11.8125 3.99753 11.6475 3.6047 11.3175 3.27471C10.9875 2.94473 10.5947 2.77974 10.139 2.77974C9.6833 2.77974 9.29046 2.94473 8.96048 3.27471L3.96359 8.2716C3.43719 8.798 3.17399 9.43424 3.17399 10.1803C3.17399 10.927 3.43719 11.5636 3.96359 12.09C4.48999 12.6164 5.1245 12.8775 5.86712 12.8735C6.60943 12.8697 7.24378 12.6046 7.77018 12.0782L12.3664 7.482C12.4764 7.372 12.6099 7.31701 12.7671 7.31701C12.9242 7.31701 13.0578 7.372 13.1678 7.482C13.2856 7.59985 13.3425 7.7353 13.3384 7.88835C13.3346 8.04171 13.2778 8.17339 13.1678 8.28339L8.57157 12.8796Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f4ac5419d0e37a8167910f3a5e2f95b540951b9a' }, h("path", { key: '5d08e651e01ecaf2c9a4570292855281e50847ab', d: "M12.8574 19.3194C11.726 20.4507 10.3738 21.0134 8.80068 21.0072C7.22713 21.0016 5.88057 20.439 4.76098 19.3194C3.62961 18.188 3.0611 16.8355 3.05544 15.262C3.04931 13.6889 3.61193 12.3367 4.7433 11.2053L12.2386 3.70999C13.0518 2.89682 14.0387 2.49306 15.1993 2.49872C16.3604 2.50484 17.3475 2.91449 18.1607 3.72767C18.9738 4.54084 19.3804 5.5249 19.3804 6.67984C19.3804 7.83478 18.9738 8.81884 18.1607 9.63201L11.4078 16.3849C10.8892 16.9034 10.2677 17.1658 9.54314 17.1719C8.81812 17.1775 8.19634 16.9211 7.6778 16.4026C7.14747 15.8722 6.88536 15.2448 6.89149 14.5202C6.89715 13.7952 7.15925 13.1734 7.6778 12.6549L13.8296 6.50306C13.9946 6.33807 14.1919 6.25251 14.4215 6.24638C14.6515 6.24072 14.8549 6.32628 15.0317 6.50306C15.1967 6.66805 15.2764 6.86557 15.2707 7.09562C15.2646 7.32519 15.179 7.52247 15.014 7.68747L8.8622 13.8393C8.67364 14.0279 8.57936 14.2518 8.57936 14.511C8.57936 14.7703 8.67953 15.0001 8.87988 15.2005C9.06844 15.389 9.29236 15.4833 9.55163 15.4833C9.8109 15.4833 10.0348 15.389 10.2234 15.2005L16.9762 8.4476C17.4712 7.95263 17.7187 7.36337 17.7187 6.67984C17.7187 5.9963 17.4712 5.40704 16.9762 4.91207C16.4813 4.4171 15.892 4.16961 15.2085 4.16961C14.5249 4.16961 13.9357 4.4171 13.4407 4.91207L5.94538 12.4074C5.15578 13.197 4.76098 14.1514 4.76098 15.2705C4.76098 16.3905 5.15578 17.3454 5.94538 18.135C6.73499 18.9246 7.68675 19.3163 8.80068 19.3102C9.91414 19.3045 10.8657 18.9069 11.6553 18.1173L18.5496 11.223C18.7146 11.058 18.9149 10.9755 19.1506 10.9755C19.3863 10.9755 19.5867 11.058 19.7516 11.223C19.9284 11.3998 20.0137 11.603 20.0076 11.8325C20.002 12.0626 19.9166 12.2601 19.7516 12.4251L12.8574 19.3194Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'cdac299b77809f74e56c756a9ef616a8c9a160a5' }, h("path", { key: 'e402ce17614a3ba4e394e0f44a5b5998b032a3f1', d: "M15.0003 22.5393C13.6803 23.8593 12.1027 24.5157 10.2675 24.5085C8.43167 24.5019 6.86068 23.8455 5.55449 22.5393C4.23456 21.2194 3.57129 19.6415 3.56469 17.8057C3.55754 15.9705 4.21394 14.3929 5.53387 13.0729L14.2784 4.32838C15.2271 3.37968 16.3785 2.90863 17.7325 2.91523C19.0871 2.92238 20.2387 3.4003 21.1874 4.34901C22.1361 5.29771 22.6105 6.44578 22.6105 7.79321C22.6105 9.14064 22.1361 10.2887 21.1874 11.2374L13.3091 19.1158C12.7041 19.7207 11.979 20.0268 11.1337 20.0339C10.2878 20.0405 9.56241 19.7413 8.95744 19.1364C8.33873 18.5177 8.03294 17.7856 8.04009 16.9403C8.04669 16.0945 8.35247 15.3691 8.95744 14.7641L16.1346 7.58697C16.3271 7.39448 16.5572 7.29466 16.8251 7.28751C17.0935 7.28091 17.3308 7.38073 17.537 7.58697C17.7295 7.77946 17.8224 8.00989 17.8158 8.27828C17.8087 8.54612 17.7089 8.77628 17.5164 8.96877L10.3392 16.1459C10.1193 16.3659 10.0093 16.6271 10.0093 16.9296C10.0093 17.2321 10.1261 17.5002 10.3599 17.7339C10.5799 17.9539 10.8411 18.0639 11.1436 18.0639C11.4461 18.0639 11.7073 17.9539 11.9273 17.7339L19.8056 9.8556C20.3831 9.27813 20.6718 8.59066 20.6718 7.79321C20.6718 6.99575 20.3831 6.30828 19.8056 5.73081C19.2282 5.15334 18.5407 4.8646 17.7432 4.8646C16.9458 4.8646 16.2583 5.15334 15.6808 5.73081L6.9363 14.4754C6.01509 15.3966 5.55449 16.51 5.55449 17.8156C5.55449 19.1224 6.01509 20.2363 6.9363 21.1575C7.8575 22.0787 8.96789 22.5358 10.2675 22.5286C11.5665 22.522 12.6766 22.0581 13.5978 21.1369L21.6412 13.0936C21.8337 12.9011 22.0674 12.8048 22.3424 12.8048C22.6174 12.8048 22.8511 12.9011 23.0436 13.0936C23.2498 13.2998 23.3494 13.5368 23.3422 13.8047C23.3356 14.0731 23.2361 14.3035 23.0436 14.496L15.0003 22.5393Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconAttachmentStyle0; }
 }, [1, "swirl-icon-attachment", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-attachment"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-attachment":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconAttachment$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-attachment"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-attachment":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconAttachment$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconAttachment = SwirlIconAttachment$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-bar-chart.d.ts

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

package/dist/components/swirl-icon-bar-chart.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 SwirlIconBarChartStyle0 = swirlIconCss;
 
 const SwirlIconBarChart$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconBarChart 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: "M2.00004 14C1.81115 14 1.65282 13.9361 1.52504 13.8083C1.39726 13.6806 1.33337 13.5222 1.33337 13.3333C1.33337 13.1444 1.39726 12.9861 1.52504 12.8583C1.65282 12.7306 1.81115 12.6667 2.00004 12.6667H14C14.1889 12.6667 14.3473 12.7306 14.475 12.8583C14.6028 12.9861 14.6667 13.1444 14.6667 13.3333C14.6667 13.5222 14.6028 13.6806 14.475 13.8083C14.3473 13.9361 14.1889 14 14 14H2.00004ZM3.00004 12C2.72226 12 2.48615 11.9028 2.29171 11.7083C2.09726 11.5139 2.00004 11.2778 2.00004 11V8.33333C2.00004 8.05556 2.09726 7.81944 2.29171 7.625C2.48615 7.43056 2.72226 7.33333 3.00004 7.33333C3.27782 7.33333 3.51393 7.43056 3.70837 7.625C3.90282 7.81944 4.00004 8.05556 4.00004 8.33333V11C4.00004 11.2778 3.90282 11.5139 3.70837 11.7083C3.51393 11.9028 3.27782 12 3.00004 12ZM6.33337 12C6.0556 12 5.81948 11.9028 5.62504 11.7083C5.4306 11.5139 5.33337 11.2778 5.33337 11V5C5.33337 4.72222 5.4306 4.48611 5.62504 4.29167C5.81948 4.09722 6.0556 4 6.33337 4C6.61115 4 6.84726 4.09722 7.04171 4.29167C7.23615 4.48611 7.33337 4.72222 7.33337 5V11C7.33337 11.2778 7.23615 11.5139 7.04171 11.7083C6.84726 11.9028 6.61115 12 6.33337 12ZM9.66671 12C9.38893 12 9.15282 11.9028 8.95837 11.7083C8.76393 11.5139 8.66671 11.2778 8.66671 11V7C8.66671 6.72222 8.76393 6.48611 8.95837 6.29167C9.15282 6.09722 9.38893 6 9.66671 6C9.94448 6 10.1806 6.09722 10.375 6.29167C10.5695 6.48611 10.6667 6.72222 10.6667 7V11C10.6667 11.2778 10.5695 11.5139 10.375 11.7083C10.1806 11.9028 9.94448 12 9.66671 12ZM13 12C12.7223 12 12.4862 11.9028 12.2917 11.7083C12.0973 11.5139 12 11.2778 12 11V3C12 2.72222 12.0973 2.48611 12.2917 2.29167C12.4862 2.09722 12.7223 2 13 2C13.2778 2 13.5139 2.09722 13.7084 2.29167C13.9028 2.48611 14 2.72222 14 3V11C14 11.2778 13.9028 11.5139 13.7084 11.7083C13.5139 11.9028 13.2778 12 13 12Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M3 21C2.71667 21 2.47917 20.9042 2.2875 20.7125C2.09583 20.5208 2 20.2833 2 20C2 19.7167 2.09583 19.4792 2.2875 19.2875C2.47917 19.0958 2.71667 19 3 19H21C21.2833 19 21.5208 19.0958 21.7125 19.2875C21.9042 19.4792 22 19.7167 22 20C22 20.2833 21.9042 20.5208 21.7125 20.7125C21.5208 20.9042 21.2833 21 21 21H3ZM4.5 18C4.08333 18 3.72917 17.8542 3.4375 17.5625C3.14583 17.2708 3 16.9167 3 16.5V12.5C3 12.0833 3.14583 11.7292 3.4375 11.4375C3.72917 11.1458 4.08333 11 4.5 11C4.91667 11 5.27083 11.1458 5.5625 11.4375C5.85417 11.7292 6 12.0833 6 12.5V16.5C6 16.9167 5.85417 17.2708 5.5625 17.5625C5.27083 17.8542 4.91667 18 4.5 18ZM9.5 18C9.08333 18 8.72917 17.8542 8.4375 17.5625C8.14583 17.2708 8 16.9167 8 16.5V7.5C8 7.08333 8.14583 6.72917 8.4375 6.4375C8.72917 6.14583 9.08333 6 9.5 6C9.91667 6 10.2708 6.14583 10.5625 6.4375C10.8542 6.72917 11 7.08333 11 7.5V16.5C11 16.9167 10.8542 17.2708 10.5625 17.5625C10.2708 17.8542 9.91667 18 9.5 18ZM14.5 18C14.0833 18 13.7292 17.8542 13.4375 17.5625C13.1458 17.2708 13 16.9167 13 16.5V10.5C13 10.0833 13.1458 9.72917 13.4375 9.4375C13.7292 9.14583 14.0833 9 14.5 9C14.9167 9 15.2708 9.14583 15.5625 9.4375C15.8542 9.72917 16 10.0833 16 10.5V16.5C16 16.9167 15.8542 17.2708 15.5625 17.5625C15.2708 17.8542 14.9167 18 14.5 18ZM19.5 18C19.0833 18 18.7292 17.8542 18.4375 17.5625C18.1458 17.2708 18 16.9167 18 16.5V4.5C18 4.08333 18.1458 3.72917 18.4375 3.4375C18.7292 3.14583 19.0833 3 19.5 3C19.9167 3 20.2708 3.14583 20.5625 3.4375C20.8542 3.72917 21 4.08333 21 4.5V16.5C21 16.9167 20.8542 17.2708 20.5625 17.5625C20.2708 17.8542 19.9167 18 19.5 18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M3.50004 24.5C3.16949 24.5 2.8924 24.3882 2.66879 24.1646C2.44518 23.941 2.33337 23.6639 2.33337 23.3333C2.33337 23.0028 2.44518 22.7257 2.66879 22.5021C2.8924 22.2785 3.16949 22.1667 3.50004 22.1667H24.5C24.8306 22.1667 25.1077 22.2785 25.3313 22.5021C25.5549 22.7257 25.6667 23.0028 25.6667 23.3333C25.6667 23.6639 25.5549 23.941 25.3313 24.1646C25.1077 24.3882 24.8306 24.5 24.5 24.5H3.50004ZM5.25004 21C4.76393 21 4.35074 20.8299 4.01046 20.4896C3.67018 20.1493 3.50004 19.7361 3.50004 19.25V14.5833C3.50004 14.0972 3.67018 13.684 4.01046 13.3437C4.35074 13.0035 4.76393 12.8333 5.25004 12.8333C5.73615 12.8333 6.14935 13.0035 6.48962 13.3437C6.8299 13.684 7.00004 14.0972 7.00004 14.5833V19.25C7.00004 19.7361 6.8299 20.1493 6.48962 20.4896C6.14935 20.8299 5.73615 21 5.25004 21ZM11.0834 21C10.5973 21 10.1841 20.8299 9.84379 20.4896C9.50351 20.1493 9.33337 19.7361 9.33337 19.25V8.75C9.33337 8.26389 9.50351 7.85069 9.84379 7.51042C10.1841 7.17014 10.5973 7 11.0834 7C11.5695 7 11.9827 7.17014 12.323 7.51042C12.6632 7.85069 12.8334 8.26389 12.8334 8.75V19.25C12.8334 19.7361 12.6632 20.1493 12.323 20.4896C11.9827 20.8299 11.5695 21 11.0834 21ZM16.9167 21C16.4306 21 16.0174 20.8299 15.6771 20.4896C15.3368 20.1493 15.1667 19.7361 15.1667 19.25V12.25C15.1667 11.7639 15.3368 11.3507 15.6771 11.0104C16.0174 10.6701 16.4306 10.5 16.9167 10.5C17.4028 10.5 17.816 10.6701 18.1563 11.0104C18.4966 11.3507 18.6667 11.7639 18.6667 12.25V19.25C18.6667 19.7361 18.4966 20.1493 18.1563 20.4896C17.816 20.8299 17.4028 21 16.9167 21ZM22.75 21C22.2639 21 21.8507 20.8299 21.5105 20.4896C21.1702 20.1493 21 19.7361 21 19.25V5.25C21 4.76389 21.1702 4.35069 21.5105 4.01042C21.8507 3.67014 22.2639 3.5 22.75 3.5C23.2362 3.5 23.6493 3.67014 23.9896 4.01042C24.3299 4.35069 24.5 4.76389 24.5 5.25V19.25C24.5 19.7361 24.3299 20.1493 23.9896 20.4896C23.6493 20.8299 23.2362 21 22.75 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: 'a3fc6ca89773295e47ff946de34502a34e94ab1a', "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: '95607f4a954d044de70552ddb2d804be40d389e7' }, h("path", { key: 'b5a34ff9790025b12c9304156aaca816c141ca1b', d: "M2.00004 14C1.81115 14 1.65282 13.9361 1.52504 13.8083C1.39726 13.6806 1.33337 13.5222 1.33337 13.3333C1.33337 13.1444 1.39726 12.9861 1.52504 12.8583C1.65282 12.7306 1.81115 12.6667 2.00004 12.6667H14C14.1889 12.6667 14.3473 12.7306 14.475 12.8583C14.6028 12.9861 14.6667 13.1444 14.6667 13.3333C14.6667 13.5222 14.6028 13.6806 14.475 13.8083C14.3473 13.9361 14.1889 14 14 14H2.00004ZM3.00004 12C2.72226 12 2.48615 11.9028 2.29171 11.7083C2.09726 11.5139 2.00004 11.2778 2.00004 11V8.33333C2.00004 8.05556 2.09726 7.81944 2.29171 7.625C2.48615 7.43056 2.72226 7.33333 3.00004 7.33333C3.27782 7.33333 3.51393 7.43056 3.70837 7.625C3.90282 7.81944 4.00004 8.05556 4.00004 8.33333V11C4.00004 11.2778 3.90282 11.5139 3.70837 11.7083C3.51393 11.9028 3.27782 12 3.00004 12ZM6.33337 12C6.0556 12 5.81948 11.9028 5.62504 11.7083C5.4306 11.5139 5.33337 11.2778 5.33337 11V5C5.33337 4.72222 5.4306 4.48611 5.62504 4.29167C5.81948 4.09722 6.0556 4 6.33337 4C6.61115 4 6.84726 4.09722 7.04171 4.29167C7.23615 4.48611 7.33337 4.72222 7.33337 5V11C7.33337 11.2778 7.23615 11.5139 7.04171 11.7083C6.84726 11.9028 6.61115 12 6.33337 12ZM9.66671 12C9.38893 12 9.15282 11.9028 8.95837 11.7083C8.76393 11.5139 8.66671 11.2778 8.66671 11V7C8.66671 6.72222 8.76393 6.48611 8.95837 6.29167C9.15282 6.09722 9.38893 6 9.66671 6C9.94448 6 10.1806 6.09722 10.375 6.29167C10.5695 6.48611 10.6667 6.72222 10.6667 7V11C10.6667 11.2778 10.5695 11.5139 10.375 11.7083C10.1806 11.9028 9.94448 12 9.66671 12ZM13 12C12.7223 12 12.4862 11.9028 12.2917 11.7083C12.0973 11.5139 12 11.2778 12 11V3C12 2.72222 12.0973 2.48611 12.2917 2.29167C12.4862 2.09722 12.7223 2 13 2C13.2778 2 13.5139 2.09722 13.7084 2.29167C13.9028 2.48611 14 2.72222 14 3V11C14 11.2778 13.9028 11.5139 13.7084 11.7083C13.5139 11.9028 13.2778 12 13 12Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3b499ec84914b9039014e6195ad05fe1210b9836' }, h("path", { key: '33984447b96a7b9f36a660e62d0db71bf2816671', d: "M3 21C2.71667 21 2.47917 20.9042 2.2875 20.7125C2.09583 20.5208 2 20.2833 2 20C2 19.7167 2.09583 19.4792 2.2875 19.2875C2.47917 19.0958 2.71667 19 3 19H21C21.2833 19 21.5208 19.0958 21.7125 19.2875C21.9042 19.4792 22 19.7167 22 20C22 20.2833 21.9042 20.5208 21.7125 20.7125C21.5208 20.9042 21.2833 21 21 21H3ZM4.5 18C4.08333 18 3.72917 17.8542 3.4375 17.5625C3.14583 17.2708 3 16.9167 3 16.5V12.5C3 12.0833 3.14583 11.7292 3.4375 11.4375C3.72917 11.1458 4.08333 11 4.5 11C4.91667 11 5.27083 11.1458 5.5625 11.4375C5.85417 11.7292 6 12.0833 6 12.5V16.5C6 16.9167 5.85417 17.2708 5.5625 17.5625C5.27083 17.8542 4.91667 18 4.5 18ZM9.5 18C9.08333 18 8.72917 17.8542 8.4375 17.5625C8.14583 17.2708 8 16.9167 8 16.5V7.5C8 7.08333 8.14583 6.72917 8.4375 6.4375C8.72917 6.14583 9.08333 6 9.5 6C9.91667 6 10.2708 6.14583 10.5625 6.4375C10.8542 6.72917 11 7.08333 11 7.5V16.5C11 16.9167 10.8542 17.2708 10.5625 17.5625C10.2708 17.8542 9.91667 18 9.5 18ZM14.5 18C14.0833 18 13.7292 17.8542 13.4375 17.5625C13.1458 17.2708 13 16.9167 13 16.5V10.5C13 10.0833 13.1458 9.72917 13.4375 9.4375C13.7292 9.14583 14.0833 9 14.5 9C14.9167 9 15.2708 9.14583 15.5625 9.4375C15.8542 9.72917 16 10.0833 16 10.5V16.5C16 16.9167 15.8542 17.2708 15.5625 17.5625C15.2708 17.8542 14.9167 18 14.5 18ZM19.5 18C19.0833 18 18.7292 17.8542 18.4375 17.5625C18.1458 17.2708 18 16.9167 18 16.5V4.5C18 4.08333 18.1458 3.72917 18.4375 3.4375C18.7292 3.14583 19.0833 3 19.5 3C19.9167 3 20.2708 3.14583 20.5625 3.4375C20.8542 3.72917 21 4.08333 21 4.5V16.5C21 16.9167 20.8542 17.2708 20.5625 17.5625C20.2708 17.8542 19.9167 18 19.5 18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '96370f12999a9fe677affe175d5294bb970837e5' }, h("path", { key: 'c3118dedf796ee6f650d419890d25e3f41ae3495', d: "M3.50004 24.5C3.16949 24.5 2.8924 24.3882 2.66879 24.1646C2.44518 23.941 2.33337 23.6639 2.33337 23.3333C2.33337 23.0028 2.44518 22.7257 2.66879 22.5021C2.8924 22.2785 3.16949 22.1667 3.50004 22.1667H24.5C24.8306 22.1667 25.1077 22.2785 25.3313 22.5021C25.5549 22.7257 25.6667 23.0028 25.6667 23.3333C25.6667 23.6639 25.5549 23.941 25.3313 24.1646C25.1077 24.3882 24.8306 24.5 24.5 24.5H3.50004ZM5.25004 21C4.76393 21 4.35074 20.8299 4.01046 20.4896C3.67018 20.1493 3.50004 19.7361 3.50004 19.25V14.5833C3.50004 14.0972 3.67018 13.684 4.01046 13.3437C4.35074 13.0035 4.76393 12.8333 5.25004 12.8333C5.73615 12.8333 6.14935 13.0035 6.48962 13.3437C6.8299 13.684 7.00004 14.0972 7.00004 14.5833V19.25C7.00004 19.7361 6.8299 20.1493 6.48962 20.4896C6.14935 20.8299 5.73615 21 5.25004 21ZM11.0834 21C10.5973 21 10.1841 20.8299 9.84379 20.4896C9.50351 20.1493 9.33337 19.7361 9.33337 19.25V8.75C9.33337 8.26389 9.50351 7.85069 9.84379 7.51042C10.1841 7.17014 10.5973 7 11.0834 7C11.5695 7 11.9827 7.17014 12.323 7.51042C12.6632 7.85069 12.8334 8.26389 12.8334 8.75V19.25C12.8334 19.7361 12.6632 20.1493 12.323 20.4896C11.9827 20.8299 11.5695 21 11.0834 21ZM16.9167 21C16.4306 21 16.0174 20.8299 15.6771 20.4896C15.3368 20.1493 15.1667 19.7361 15.1667 19.25V12.25C15.1667 11.7639 15.3368 11.3507 15.6771 11.0104C16.0174 10.6701 16.4306 10.5 16.9167 10.5C17.4028 10.5 17.816 10.6701 18.1563 11.0104C18.4966 11.3507 18.6667 11.7639 18.6667 12.25V19.25C18.6667 19.7361 18.4966 20.1493 18.1563 20.4896C17.816 20.8299 17.4028 21 16.9167 21ZM22.75 21C22.2639 21 21.8507 20.8299 21.5105 20.4896C21.1702 20.1493 21 19.7361 21 19.25V5.25C21 4.76389 21.1702 4.35069 21.5105 4.01042C21.8507 3.67014 22.2639 3.5 22.75 3.5C23.2362 3.5 23.6493 3.67014 23.9896 4.01042C24.3299 4.35069 24.5 4.76389 24.5 5.25V19.25C24.5 19.7361 24.3299 20.1493 23.9896 20.4896C23.6493 20.8299 23.2362 21 22.75 21Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconBarChartStyle0; }
 }, [1, "swirl-icon-bar-chart", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-bar-chart"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-bar-chart":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconBarChart$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-bar-chart"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-bar-chart":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconBarChart$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconBarChart = SwirlIconBarChart$1;
 const defineCustomElement = defineCustomElement$1;

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

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

package/dist/components/swirl-icon-block.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 SwirlIconBlockStyle0 = swirlIconCss;
 
 const SwirlIconBlock$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconBlock 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 14.6666C7.07778 14.6666 6.21111 14.4915 5.4 14.1413C4.58889 13.7915 3.88334 13.3166 3.28334 12.7166C2.68334 12.1166 2.20845 11.411 1.85867 10.5999C1.50845 9.78881 1.33334 8.92214 1.33334 7.99992C1.33334 7.0777 1.50845 6.21103 1.85867 5.39992C2.20845 4.58881 2.68334 3.88325 3.28334 3.28325C3.88334 2.68325 4.58889 2.20814 5.4 1.85792C6.21111 1.50814 7.07778 1.33325 8 1.33325C8.92222 1.33325 9.78889 1.50814 10.6 1.85792C11.4111 2.20814 12.1167 2.68325 12.7167 3.28325C13.3167 3.88325 13.7916 4.58881 14.1413 5.39992C14.4916 6.21103 14.6667 7.0777 14.6667 7.99992C14.6667 8.92214 14.4916 9.78881 14.1413 10.5999C13.7916 11.411 13.3167 12.1166 12.7167 12.7166C12.1167 13.3166 11.4111 13.7915 10.6 14.1413C9.78889 14.4915 8.92222 14.6666 8 14.6666ZM8 13.3333C9.48889 13.3333 10.75 12.8166 11.7833 11.7833C12.8167 10.7499 13.3333 9.48881 13.3333 7.99992C13.3333 7.39992 13.236 6.82214 13.0413 6.26658C12.8471 5.71103 12.5667 5.19992 12.2 4.73325L4.73334 12.1999C5.2 12.5666 5.71111 12.847 6.26667 13.0413C6.82222 13.2359 7.4 13.3333 8 13.3333ZM3.8 11.2666L11.2667 3.79992C10.8 3.43325 10.2889 3.15281 9.73334 2.95859C9.17778 2.76392 8.6 2.66659 8 2.66659C6.51111 2.66659 5.25 3.18325 4.21667 4.21658C3.18334 5.24992 2.66667 6.51103 2.66667 7.99992C2.66667 8.59992 2.764 9.1777 2.95867 9.73325C3.15289 10.2888 3.43334 10.7999 3.8 11.2666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 11.1 19.854 10.2333 19.562 9.4C19.2707 8.56667 18.85 7.8 18.3 7.1L7.1 18.3C7.8 18.85 8.56667 19.2707 9.4 19.562C10.2333 19.854 11.1 20 12 20ZM5.7 16.9L16.9 5.7C16.2 5.15 15.4333 4.72933 14.6 4.438C13.7667 4.146 12.9 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.9 4.146 13.7667 4.438 14.6C4.72933 15.4333 5.15 16.2 5.7 16.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 25.6666C12.3861 25.6666 10.8694 25.3601 9.45 24.7473C8.03056 24.1351 6.79584 23.3041 5.74584 22.2541C4.69584 21.2041 3.86478 19.9694 3.25267 18.5499C2.63978 17.1305 2.33334 15.6138 2.33334 13.9999C2.33334 12.386 2.63978 10.8694 3.25267 9.44992C3.86478 8.03048 4.69584 6.79575 5.74584 5.74575C6.79584 4.69575 8.03056 3.86431 9.45 3.25142C10.8694 2.63931 12.3861 2.33325 14 2.33325C15.6139 2.33325 17.1306 2.63931 18.55 3.25142C19.9694 3.86431 21.2042 4.69575 22.2542 5.74575C23.3042 6.79575 24.1352 8.03048 24.7473 9.44992C25.3602 10.8694 25.6667 12.386 25.6667 13.9999C25.6667 15.6138 25.3602 17.1305 24.7473 18.5499C24.1352 19.9694 23.3042 21.2041 22.2542 22.2541C21.2042 23.3041 19.9694 24.1351 18.55 24.7473C17.1306 25.3601 15.6139 25.6666 14 25.6666ZM14 23.3333C16.6056 23.3333 18.8125 22.4291 20.6208 20.6208C22.4292 18.8124 23.3333 16.6055 23.3333 13.9999C23.3333 12.9499 23.163 11.9388 22.8223 10.9666C22.4824 9.99436 21.9917 9.09992 21.35 8.28325L8.28334 21.3499C9.1 21.9916 9.99445 22.4824 10.9667 22.8223C11.9389 23.1629 12.95 23.3333 14 23.3333ZM6.65 19.7166L19.7167 6.64992C18.9 6.00825 18.0056 5.51747 17.0333 5.17759C16.0611 4.83692 15.05 4.66659 14 4.66659C11.3944 4.66659 9.1875 5.57075 7.37917 7.37909C5.57084 9.18742 4.66667 11.3944 4.66667 13.9999C4.66667 15.0499 4.837 16.061 5.17767 17.0333C5.51756 18.0055 6.00834 18.8999 6.65 19.7166Z", 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: 'dde763e91d1a5c4d2703c0299fb5805463865cd4', "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: '87a00accd83c7478e282542b005e0eef0a77b7dd' }, h("path", { key: '3555f69b29988e33409f2d5c9a999a6dbbdb3a4a', d: "M8 14.6666C7.07778 14.6666 6.21111 14.4915 5.4 14.1413C4.58889 13.7915 3.88334 13.3166 3.28334 12.7166C2.68334 12.1166 2.20845 11.411 1.85867 10.5999C1.50845 9.78881 1.33334 8.92214 1.33334 7.99992C1.33334 7.0777 1.50845 6.21103 1.85867 5.39992C2.20845 4.58881 2.68334 3.88325 3.28334 3.28325C3.88334 2.68325 4.58889 2.20814 5.4 1.85792C6.21111 1.50814 7.07778 1.33325 8 1.33325C8.92222 1.33325 9.78889 1.50814 10.6 1.85792C11.4111 2.20814 12.1167 2.68325 12.7167 3.28325C13.3167 3.88325 13.7916 4.58881 14.1413 5.39992C14.4916 6.21103 14.6667 7.0777 14.6667 7.99992C14.6667 8.92214 14.4916 9.78881 14.1413 10.5999C13.7916 11.411 13.3167 12.1166 12.7167 12.7166C12.1167 13.3166 11.4111 13.7915 10.6 14.1413C9.78889 14.4915 8.92222 14.6666 8 14.6666ZM8 13.3333C9.48889 13.3333 10.75 12.8166 11.7833 11.7833C12.8167 10.7499 13.3333 9.48881 13.3333 7.99992C13.3333 7.39992 13.236 6.82214 13.0413 6.26658C12.8471 5.71103 12.5667 5.19992 12.2 4.73325L4.73334 12.1999C5.2 12.5666 5.71111 12.847 6.26667 13.0413C6.82222 13.2359 7.4 13.3333 8 13.3333ZM3.8 11.2666L11.2667 3.79992C10.8 3.43325 10.2889 3.15281 9.73334 2.95859C9.17778 2.76392 8.6 2.66659 8 2.66659C6.51111 2.66659 5.25 3.18325 4.21667 4.21658C3.18334 5.24992 2.66667 6.51103 2.66667 7.99992C2.66667 8.59992 2.764 9.1777 2.95867 9.73325C3.15289 10.2888 3.43334 10.7999 3.8 11.2666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'fe20373df2993d6f1ce3989f9751a48ece45b85e' }, h("path", { key: '375e543275d80841feedc935abe92706d25c34a2', d: "M12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 11.1 19.854 10.2333 19.562 9.4C19.2707 8.56667 18.85 7.8 18.3 7.1L7.1 18.3C7.8 18.85 8.56667 19.2707 9.4 19.562C10.2333 19.854 11.1 20 12 20ZM5.7 16.9L16.9 5.7C16.2 5.15 15.4333 4.72933 14.6 4.438C13.7667 4.146 12.9 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.9 4.146 13.7667 4.438 14.6C4.72933 15.4333 5.15 16.2 5.7 16.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1f8377d1a933428b2456762bdb4685886d634fc4' }, h("path", { key: 'ad7daeb5ab45695534db99fb4e87fa5069aec513', d: "M14 25.6666C12.3861 25.6666 10.8694 25.3601 9.45 24.7473C8.03056 24.1351 6.79584 23.3041 5.74584 22.2541C4.69584 21.2041 3.86478 19.9694 3.25267 18.5499C2.63978 17.1305 2.33334 15.6138 2.33334 13.9999C2.33334 12.386 2.63978 10.8694 3.25267 9.44992C3.86478 8.03048 4.69584 6.79575 5.74584 5.74575C6.79584 4.69575 8.03056 3.86431 9.45 3.25142C10.8694 2.63931 12.3861 2.33325 14 2.33325C15.6139 2.33325 17.1306 2.63931 18.55 3.25142C19.9694 3.86431 21.2042 4.69575 22.2542 5.74575C23.3042 6.79575 24.1352 8.03048 24.7473 9.44992C25.3602 10.8694 25.6667 12.386 25.6667 13.9999C25.6667 15.6138 25.3602 17.1305 24.7473 18.5499C24.1352 19.9694 23.3042 21.2041 22.2542 22.2541C21.2042 23.3041 19.9694 24.1351 18.55 24.7473C17.1306 25.3601 15.6139 25.6666 14 25.6666ZM14 23.3333C16.6056 23.3333 18.8125 22.4291 20.6208 20.6208C22.4292 18.8124 23.3333 16.6055 23.3333 13.9999C23.3333 12.9499 23.163 11.9388 22.8223 10.9666C22.4824 9.99436 21.9917 9.09992 21.35 8.28325L8.28334 21.3499C9.1 21.9916 9.99445 22.4824 10.9667 22.8223C11.9389 23.1629 12.95 23.3333 14 23.3333ZM6.65 19.7166L19.7167 6.64992C18.9 6.00825 18.0056 5.51747 17.0333 5.17759C16.0611 4.83692 15.05 4.66659 14 4.66659C11.3944 4.66659 9.1875 5.57075 7.37917 7.37909C5.57084 9.18742 4.66667 11.3944 4.66667 13.9999C4.66667 15.0499 4.837 16.061 5.17767 17.0333C5.51756 18.0055 6.00834 18.8999 6.65 19.7166Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconBlockStyle0; }
 }, [1, "swirl-icon-block", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-block"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-block":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconBlock$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-block"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-block":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconBlock$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconBlock = SwirlIconBlock$1;
 const defineCustomElement = defineCustomElement$1;

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

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