@getflip/swirl-components 0.186.0 → 0.189.0

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

@@ -2,40 +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 SwirlIconAiStyle0 = swirlIconCss;
 
 const SwirlIconAi$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconAi 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: "M6.66665 9.45L7.33331 8L8.78331 7.33333L7.33331 6.66667L6.66665 5.21667L5.99998 6.66667L4.54998 7.33333L5.99998 8L6.66665 9.45ZM6.66665 12.6667L4.99998 9L1.33331 7.33333L4.99998 5.66667L6.66665 2L8.33331 5.66667L12 7.33333L8.33331 9L6.66665 12.6667ZM12 14L11.1666 12.1667L9.33331 11.3333L11.1666 10.5L12 8.66667L12.8333 10.5L14.6666 11.3333L12.8333 12.1667L12 14Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M10 14.175L11 12L13.175 11L11 10L10 7.825L9 10L6.825 11L9 12L10 14.175ZM10 19L7.5 13.5L2 11L7.5 8.5L10 3L12.5 8.5L18 11L12.5 13.5L10 19ZM18 21L16.75 18.25L14 17L16.75 15.75L18 13L19.25 15.75L22 17L19.25 18.25L18 21Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M11.6667 16.5375L12.8333 14L15.3708 12.8333L12.8333 11.6667L11.6667 9.12917L10.5 11.6667L7.96251 12.8333L10.5 14L11.6667 16.5375ZM11.6667 22.1667L8.75001 15.75L2.33334 12.8333L8.75001 9.91667L11.6667 3.5L14.5833 9.91667L21 12.8333L14.5833 15.75L11.6667 22.1667ZM21 24.5L19.5417 21.2917L16.3333 19.8333L19.5417 18.375L21 15.1667L22.4583 18.375L25.6667 19.8333L22.4583 21.2917L21 24.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: 'b9a4369d9b546343eb27fde05988aac5cc254350', "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: 'ed65a3cac8120c46e5870ea6c10d5e743acf51e4' }, h("path", { key: '9d2ebbb8b5cfad9d2e020ff39a797397e0297cca', d: "M6.66665 9.45L7.33331 8L8.78331 7.33333L7.33331 6.66667L6.66665 5.21667L5.99998 6.66667L4.54998 7.33333L5.99998 8L6.66665 9.45ZM6.66665 12.6667L4.99998 9L1.33331 7.33333L4.99998 5.66667L6.66665 2L8.33331 5.66667L12 7.33333L8.33331 9L6.66665 12.6667ZM12 14L11.1666 12.1667L9.33331 11.3333L11.1666 10.5L12 8.66667L12.8333 10.5L14.6666 11.3333L12.8333 12.1667L12 14Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '27f892697aeccef8619b939f1a1288d7a82116da' }, h("path", { key: '409e817b8608329b40e43718c2d844660cc3e972', d: "M10 14.175L11 12L13.175 11L11 10L10 7.825L9 10L6.825 11L9 12L10 14.175ZM10 19L7.5 13.5L2 11L7.5 8.5L10 3L12.5 8.5L18 11L12.5 13.5L10 19ZM18 21L16.75 18.25L14 17L16.75 15.75L18 13L19.25 15.75L22 17L19.25 18.25L18 21Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'a7efaf97ee26776953ca0e889eab8b01e4e93fdc' }, h("path", { key: '78d94aa00610f23f950f6d2239b29c0e328de653', d: "M11.6667 16.5375L12.8333 14L15.3708 12.8333L12.8333 11.6667L11.6667 9.12917L10.5 11.6667L7.96251 12.8333L10.5 14L11.6667 16.5375ZM11.6667 22.1667L8.75001 15.75L2.33334 12.8333L8.75001 9.91667L11.6667 3.5L14.5833 9.91667L21 12.8333L14.5833 15.75L11.6667 22.1667ZM21 24.5L19.5417 21.2917L16.3333 19.8333L19.5417 18.375L21 15.1667L22.4583 18.375L25.6667 19.8333L22.4583 21.2917L21 24.5Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconAiStyle0; }
 }, [1, "swirl-icon-ai", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-ai"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-ai":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconAi$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-ai"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-ai":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconAi$1);
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 

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

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

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

@@ -2,40 +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 SwirlIconAppsStyle0 = swirlIconCss;
 
 const SwirlIconApps$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconApps 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.99996 13.3332C3.63329 13.3332 3.3194 13.2026 3.05829 12.9415C2.79718 12.6804 2.66663 12.3665 2.66663 11.9998C2.66663 11.6332 2.79718 11.3193 3.05829 11.0582C3.3194 10.7971 3.63329 10.6665 3.99996 10.6665C4.36663 10.6665 4.68052 10.7971 4.94163 11.0582C5.20274 11.3193 5.33329 11.6332 5.33329 11.9998C5.33329 12.3665 5.20274 12.6804 4.94163 12.9415C4.68052 13.2026 4.36663 13.3332 3.99996 13.3332ZM7.99996 13.3332C7.63329 13.3332 7.3194 13.2026 7.05829 12.9415C6.79718 12.6804 6.66663 12.3665 6.66663 11.9998C6.66663 11.6332 6.79718 11.3193 7.05829 11.0582C7.3194 10.7971 7.63329 10.6665 7.99996 10.6665C8.36663 10.6665 8.68052 10.7971 8.94163 11.0582C9.20274 11.3193 9.33329 11.6332 9.33329 11.9998C9.33329 12.3665 9.20274 12.6804 8.94163 12.9415C8.68052 13.2026 8.36663 13.3332 7.99996 13.3332ZM12 13.3332C11.6333 13.3332 11.3194 13.2026 11.0583 12.9415C10.7972 12.6804 10.6666 12.3665 10.6666 11.9998C10.6666 11.6332 10.7972 11.3193 11.0583 11.0582C11.3194 10.7971 11.6333 10.6665 12 10.6665C12.3666 10.6665 12.6805 10.7971 12.9416 11.0582C13.2027 11.3193 13.3333 11.6332 13.3333 11.9998C13.3333 12.3665 13.2027 12.6804 12.9416 12.9415C12.6805 13.2026 12.3666 13.3332 12 13.3332ZM3.99996 9.33317C3.63329 9.33317 3.3194 9.20262 3.05829 8.9415C2.79718 8.68039 2.66663 8.3665 2.66663 7.99984C2.66663 7.63317 2.79718 7.31928 3.05829 7.05817C3.3194 6.79706 3.63329 6.6665 3.99996 6.6665C4.36663 6.6665 4.68052 6.79706 4.94163 7.05817C5.20274 7.31928 5.33329 7.63317 5.33329 7.99984C5.33329 8.3665 5.20274 8.68039 4.94163 8.9415C4.68052 9.20262 4.36663 9.33317 3.99996 9.33317ZM7.99996 9.33317C7.63329 9.33317 7.3194 9.20262 7.05829 8.9415C6.79718 8.68039 6.66663 8.3665 6.66663 7.99984C6.66663 7.63317 6.79718 7.31928 7.05829 7.05817C7.3194 6.79706 7.63329 6.6665 7.99996 6.6665C8.36663 6.6665 8.68052 6.79706 8.94163 7.05817C9.20274 7.31928 9.33329 7.63317 9.33329 7.99984C9.33329 8.3665 9.20274 8.68039 8.94163 8.9415C8.68052 9.20262 8.36663 9.33317 7.99996 9.33317ZM12 9.33317C11.6333 9.33317 11.3194 9.20262 11.0583 8.9415C10.7972 8.68039 10.6666 8.3665 10.6666 7.99984C10.6666 7.63317 10.7972 7.31928 11.0583 7.05817C11.3194 6.79706 11.6333 6.6665 12 6.6665C12.3666 6.6665 12.6805 6.79706 12.9416 7.05817C13.2027 7.31928 13.3333 7.63317 13.3333 7.99984C13.3333 8.3665 13.2027 8.68039 12.9416 8.9415C12.6805 9.20262 12.3666 9.33317 12 9.33317ZM3.99996 5.33317C3.63329 5.33317 3.3194 5.20262 3.05829 4.9415C2.79718 4.68039 2.66663 4.3665 2.66663 3.99984C2.66663 3.63317 2.79718 3.31928 3.05829 3.05817C3.3194 2.79706 3.63329 2.6665 3.99996 2.6665C4.36663 2.6665 4.68052 2.79706 4.94163 3.05817C5.20274 3.31928 5.33329 3.63317 5.33329 3.99984C5.33329 4.3665 5.20274 4.68039 4.94163 4.9415C4.68052 5.20262 4.36663 5.33317 3.99996 5.33317ZM7.99996 5.33317C7.63329 5.33317 7.3194 5.20262 7.05829 4.9415C6.79718 4.68039 6.66663 4.3665 6.66663 3.99984C6.66663 3.63317 6.79718 3.31928 7.05829 3.05817C7.3194 2.79706 7.63329 2.6665 7.99996 2.6665C8.36663 2.6665 8.68052 2.79706 8.94163 3.05817C9.20274 3.31928 9.33329 3.63317 9.33329 3.99984C9.33329 4.3665 9.20274 4.68039 8.94163 4.9415C8.68052 5.20262 8.36663 5.33317 7.99996 5.33317ZM12 5.33317C11.6333 5.33317 11.3194 5.20262 11.0583 4.9415C10.7972 4.68039 10.6666 4.3665 10.6666 3.99984C10.6666 3.63317 10.7972 3.31928 11.0583 3.05817C11.3194 2.79706 11.6333 2.6665 12 2.6665C12.3666 2.6665 12.6805 2.79706 12.9416 3.05817C13.2027 3.31928 13.3333 3.63317 13.3333 3.99984C13.3333 4.3665 13.2027 4.68039 12.9416 4.9415C12.6805 5.20262 12.3666 5.33317 12 5.33317Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18C4 17.45 4.19583 16.9792 4.5875 16.5875C4.97917 16.1958 5.45 16 6 16C6.55 16 7.02083 16.1958 7.4125 16.5875C7.80417 16.9792 8 17.45 8 18C8 18.55 7.80417 19.0208 7.4125 19.4125C7.02083 19.8042 6.55 20 6 20ZM12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM18 20C17.45 20 16.9792 19.8042 16.5875 19.4125C16.1958 19.0208 16 18.55 16 18C16 17.45 16.1958 16.9792 16.5875 16.5875C16.9792 16.1958 17.45 16 18 16C18.55 16 19.0208 16.1958 19.4125 16.5875C19.8042 16.9792 20 17.45 20 18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20ZM6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14ZM6 8C5.45 8 4.97917 7.80417 4.5875 7.4125C4.19583 7.02083 4 6.55 4 6C4 5.45 4.19583 4.97917 4.5875 4.5875C4.97917 4.19583 5.45 4 6 4C6.55 4 7.02083 4.19583 7.4125 4.5875C7.80417 4.97917 8 5.45 8 6C8 6.55 7.80417 7.02083 7.4125 7.4125C7.02083 7.80417 6.55 8 6 8ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8ZM18 8C17.45 8 16.9792 7.80417 16.5875 7.4125C16.1958 7.02083 16 6.55 16 6C16 5.45 16.1958 4.97917 16.5875 4.5875C16.9792 4.19583 17.45 4 18 4C18.55 4 19.0208 4.19583 19.4125 4.5875C19.8042 4.97917 20 5.45 20 6C20 6.55 19.8042 7.02083 19.4125 7.4125C19.0208 7.80417 18.55 8 18 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M6.99996 23.3332C6.35829 23.3332 5.80899 23.1047 5.35204 22.6478C4.8951 22.1908 4.66663 21.6415 4.66663 20.9998C4.66663 20.3582 4.8951 19.8089 5.35204 19.3519C5.80899 18.895 6.35829 18.6665 6.99996 18.6665C7.64163 18.6665 8.19093 18.895 8.64788 19.3519C9.10482 19.8089 9.33329 20.3582 9.33329 20.9998C9.33329 21.6415 9.10482 22.1908 8.64788 22.6478C8.19093 23.1047 7.64163 23.3332 6.99996 23.3332ZM14 23.3332C13.3583 23.3332 12.809 23.1047 12.352 22.6478C11.8951 22.1908 11.6666 21.6415 11.6666 20.9998C11.6666 20.3582 11.8951 19.8089 12.352 19.3519C12.809 18.895 13.3583 18.6665 14 18.6665C14.6416 18.6665 15.1909 18.895 15.6479 19.3519C16.1048 19.8089 16.3333 20.3582 16.3333 20.9998C16.3333 21.6415 16.1048 22.1908 15.6479 22.6478C15.1909 23.1047 14.6416 23.3332 14 23.3332ZM21 23.3332C20.3583 23.3332 19.809 23.1047 19.352 22.6478C18.8951 22.1908 18.6666 21.6415 18.6666 20.9998C18.6666 20.3582 18.8951 19.8089 19.352 19.3519C19.809 18.895 20.3583 18.6665 21 18.6665C21.6416 18.6665 22.1909 18.895 22.6479 19.3519C23.1048 19.8089 23.3333 20.3582 23.3333 20.9998C23.3333 21.6415 23.1048 22.1908 22.6479 22.6478C22.1909 23.1047 21.6416 23.3332 21 23.3332ZM6.99996 16.3332C6.35829 16.3332 5.80899 16.1047 5.35204 15.6478C4.8951 15.1908 4.66663 14.6415 4.66663 13.9998C4.66663 13.3582 4.8951 12.8089 5.35204 12.3519C5.80899 11.895 6.35829 11.6665 6.99996 11.6665C7.64163 11.6665 8.19093 11.895 8.64788 12.3519C9.10482 12.8089 9.33329 13.3582 9.33329 13.9998C9.33329 14.6415 9.10482 15.1908 8.64788 15.6478C8.19093 16.1047 7.64163 16.3332 6.99996 16.3332ZM14 16.3332C13.3583 16.3332 12.809 16.1047 12.352 15.6478C11.8951 15.1908 11.6666 14.6415 11.6666 13.9998C11.6666 13.3582 11.8951 12.8089 12.352 12.3519C12.809 11.895 13.3583 11.6665 14 11.6665C14.6416 11.6665 15.1909 11.895 15.6479 12.3519C16.1048 12.8089 16.3333 13.3582 16.3333 13.9998C16.3333 14.6415 16.1048 15.1908 15.6479 15.6478C15.1909 16.1047 14.6416 16.3332 14 16.3332ZM21 16.3332C20.3583 16.3332 19.809 16.1047 19.352 15.6478C18.8951 15.1908 18.6666 14.6415 18.6666 13.9998C18.6666 13.3582 18.8951 12.8089 19.352 12.3519C19.809 11.895 20.3583 11.6665 21 11.6665C21.6416 11.6665 22.1909 11.895 22.6479 12.3519C23.1048 12.8089 23.3333 13.3582 23.3333 13.9998C23.3333 14.6415 23.1048 15.1908 22.6479 15.6478C22.1909 16.1047 21.6416 16.3332 21 16.3332ZM6.99996 9.33317C6.35829 9.33317 5.80899 9.1047 5.35204 8.64775C4.8951 8.19081 4.66663 7.6415 4.66663 6.99984C4.66663 6.35817 4.8951 5.80887 5.35204 5.35192C5.80899 4.89498 6.35829 4.6665 6.99996 4.6665C7.64163 4.6665 8.19093 4.89498 8.64788 5.35192C9.10482 5.80887 9.33329 6.35817 9.33329 6.99984C9.33329 7.6415 9.10482 8.19081 8.64788 8.64775C8.19093 9.1047 7.64163 9.33317 6.99996 9.33317ZM14 9.33317C13.3583 9.33317 12.809 9.1047 12.352 8.64775C11.8951 8.19081 11.6666 7.6415 11.6666 6.99984C11.6666 6.35817 11.8951 5.80887 12.352 5.35192C12.809 4.89498 13.3583 4.6665 14 4.6665C14.6416 4.6665 15.1909 4.89498 15.6479 5.35192C16.1048 5.80887 16.3333 6.35817 16.3333 6.99984C16.3333 7.6415 16.1048 8.19081 15.6479 8.64775C15.1909 9.1047 14.6416 9.33317 14 9.33317ZM21 9.33317C20.3583 9.33317 19.809 9.1047 19.352 8.64775C18.8951 8.19081 18.6666 7.6415 18.6666 6.99984C18.6666 6.35817 18.8951 5.80887 19.352 5.35192C19.809 4.89498 20.3583 4.6665 21 4.6665C21.6416 4.6665 22.1909 4.89498 22.6479 5.35192C23.1048 5.80887 23.3333 6.35817 23.3333 6.99984C23.3333 7.6415 23.1048 8.19081 22.6479 8.64775C22.1909 9.1047 21.6416 9.33317 21 9.33317Z", 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: 'f42b80ba5ec8c359131783b6eea30c624635b2f5', "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: 'bf9c6303a4de54d718764277ac0c7175212fe1b1' }, h("path", { key: '5c6032686da5a30313ddb83f5b8d43c87ad82030', d: "M3.99996 13.3332C3.63329 13.3332 3.3194 13.2026 3.05829 12.9415C2.79718 12.6804 2.66663 12.3665 2.66663 11.9998C2.66663 11.6332 2.79718 11.3193 3.05829 11.0582C3.3194 10.7971 3.63329 10.6665 3.99996 10.6665C4.36663 10.6665 4.68052 10.7971 4.94163 11.0582C5.20274 11.3193 5.33329 11.6332 5.33329 11.9998C5.33329 12.3665 5.20274 12.6804 4.94163 12.9415C4.68052 13.2026 4.36663 13.3332 3.99996 13.3332ZM7.99996 13.3332C7.63329 13.3332 7.3194 13.2026 7.05829 12.9415C6.79718 12.6804 6.66663 12.3665 6.66663 11.9998C6.66663 11.6332 6.79718 11.3193 7.05829 11.0582C7.3194 10.7971 7.63329 10.6665 7.99996 10.6665C8.36663 10.6665 8.68052 10.7971 8.94163 11.0582C9.20274 11.3193 9.33329 11.6332 9.33329 11.9998C9.33329 12.3665 9.20274 12.6804 8.94163 12.9415C8.68052 13.2026 8.36663 13.3332 7.99996 13.3332ZM12 13.3332C11.6333 13.3332 11.3194 13.2026 11.0583 12.9415C10.7972 12.6804 10.6666 12.3665 10.6666 11.9998C10.6666 11.6332 10.7972 11.3193 11.0583 11.0582C11.3194 10.7971 11.6333 10.6665 12 10.6665C12.3666 10.6665 12.6805 10.7971 12.9416 11.0582C13.2027 11.3193 13.3333 11.6332 13.3333 11.9998C13.3333 12.3665 13.2027 12.6804 12.9416 12.9415C12.6805 13.2026 12.3666 13.3332 12 13.3332ZM3.99996 9.33317C3.63329 9.33317 3.3194 9.20262 3.05829 8.9415C2.79718 8.68039 2.66663 8.3665 2.66663 7.99984C2.66663 7.63317 2.79718 7.31928 3.05829 7.05817C3.3194 6.79706 3.63329 6.6665 3.99996 6.6665C4.36663 6.6665 4.68052 6.79706 4.94163 7.05817C5.20274 7.31928 5.33329 7.63317 5.33329 7.99984C5.33329 8.3665 5.20274 8.68039 4.94163 8.9415C4.68052 9.20262 4.36663 9.33317 3.99996 9.33317ZM7.99996 9.33317C7.63329 9.33317 7.3194 9.20262 7.05829 8.9415C6.79718 8.68039 6.66663 8.3665 6.66663 7.99984C6.66663 7.63317 6.79718 7.31928 7.05829 7.05817C7.3194 6.79706 7.63329 6.6665 7.99996 6.6665C8.36663 6.6665 8.68052 6.79706 8.94163 7.05817C9.20274 7.31928 9.33329 7.63317 9.33329 7.99984C9.33329 8.3665 9.20274 8.68039 8.94163 8.9415C8.68052 9.20262 8.36663 9.33317 7.99996 9.33317ZM12 9.33317C11.6333 9.33317 11.3194 9.20262 11.0583 8.9415C10.7972 8.68039 10.6666 8.3665 10.6666 7.99984C10.6666 7.63317 10.7972 7.31928 11.0583 7.05817C11.3194 6.79706 11.6333 6.6665 12 6.6665C12.3666 6.6665 12.6805 6.79706 12.9416 7.05817C13.2027 7.31928 13.3333 7.63317 13.3333 7.99984C13.3333 8.3665 13.2027 8.68039 12.9416 8.9415C12.6805 9.20262 12.3666 9.33317 12 9.33317ZM3.99996 5.33317C3.63329 5.33317 3.3194 5.20262 3.05829 4.9415C2.79718 4.68039 2.66663 4.3665 2.66663 3.99984C2.66663 3.63317 2.79718 3.31928 3.05829 3.05817C3.3194 2.79706 3.63329 2.6665 3.99996 2.6665C4.36663 2.6665 4.68052 2.79706 4.94163 3.05817C5.20274 3.31928 5.33329 3.63317 5.33329 3.99984C5.33329 4.3665 5.20274 4.68039 4.94163 4.9415C4.68052 5.20262 4.36663 5.33317 3.99996 5.33317ZM7.99996 5.33317C7.63329 5.33317 7.3194 5.20262 7.05829 4.9415C6.79718 4.68039 6.66663 4.3665 6.66663 3.99984C6.66663 3.63317 6.79718 3.31928 7.05829 3.05817C7.3194 2.79706 7.63329 2.6665 7.99996 2.6665C8.36663 2.6665 8.68052 2.79706 8.94163 3.05817C9.20274 3.31928 9.33329 3.63317 9.33329 3.99984C9.33329 4.3665 9.20274 4.68039 8.94163 4.9415C8.68052 5.20262 8.36663 5.33317 7.99996 5.33317ZM12 5.33317C11.6333 5.33317 11.3194 5.20262 11.0583 4.9415C10.7972 4.68039 10.6666 4.3665 10.6666 3.99984C10.6666 3.63317 10.7972 3.31928 11.0583 3.05817C11.3194 2.79706 11.6333 2.6665 12 2.6665C12.3666 2.6665 12.6805 2.79706 12.9416 3.05817C13.2027 3.31928 13.3333 3.63317 13.3333 3.99984C13.3333 4.3665 13.2027 4.68039 12.9416 4.9415C12.6805 5.20262 12.3666 5.33317 12 5.33317Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '0a0fb1fcf98f1f5ddc265abbb3ce51e799fa5515' }, h("path", { key: 'cf0056cc341e486580c71fe4de5542fea1a33117', d: "M6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18C4 17.45 4.19583 16.9792 4.5875 16.5875C4.97917 16.1958 5.45 16 6 16C6.55 16 7.02083 16.1958 7.4125 16.5875C7.80417 16.9792 8 17.45 8 18C8 18.55 7.80417 19.0208 7.4125 19.4125C7.02083 19.8042 6.55 20 6 20ZM12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM18 20C17.45 20 16.9792 19.8042 16.5875 19.4125C16.1958 19.0208 16 18.55 16 18C16 17.45 16.1958 16.9792 16.5875 16.5875C16.9792 16.1958 17.45 16 18 16C18.55 16 19.0208 16.1958 19.4125 16.5875C19.8042 16.9792 20 17.45 20 18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20ZM6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14ZM6 8C5.45 8 4.97917 7.80417 4.5875 7.4125C4.19583 7.02083 4 6.55 4 6C4 5.45 4.19583 4.97917 4.5875 4.5875C4.97917 4.19583 5.45 4 6 4C6.55 4 7.02083 4.19583 7.4125 4.5875C7.80417 4.97917 8 5.45 8 6C8 6.55 7.80417 7.02083 7.4125 7.4125C7.02083 7.80417 6.55 8 6 8ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8ZM18 8C17.45 8 16.9792 7.80417 16.5875 7.4125C16.1958 7.02083 16 6.55 16 6C16 5.45 16.1958 4.97917 16.5875 4.5875C16.9792 4.19583 17.45 4 18 4C18.55 4 19.0208 4.19583 19.4125 4.5875C19.8042 4.97917 20 5.45 20 6C20 6.55 19.8042 7.02083 19.4125 7.4125C19.0208 7.80417 18.55 8 18 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4fec507fc6890db845108e15aa19f529903c8005' }, h("path", { key: '44e574ea1fa92262f68c2d87fdb693709f0d57a5', d: "M6.99996 23.3332C6.35829 23.3332 5.80899 23.1047 5.35204 22.6478C4.8951 22.1908 4.66663 21.6415 4.66663 20.9998C4.66663 20.3582 4.8951 19.8089 5.35204 19.3519C5.80899 18.895 6.35829 18.6665 6.99996 18.6665C7.64163 18.6665 8.19093 18.895 8.64788 19.3519C9.10482 19.8089 9.33329 20.3582 9.33329 20.9998C9.33329 21.6415 9.10482 22.1908 8.64788 22.6478C8.19093 23.1047 7.64163 23.3332 6.99996 23.3332ZM14 23.3332C13.3583 23.3332 12.809 23.1047 12.352 22.6478C11.8951 22.1908 11.6666 21.6415 11.6666 20.9998C11.6666 20.3582 11.8951 19.8089 12.352 19.3519C12.809 18.895 13.3583 18.6665 14 18.6665C14.6416 18.6665 15.1909 18.895 15.6479 19.3519C16.1048 19.8089 16.3333 20.3582 16.3333 20.9998C16.3333 21.6415 16.1048 22.1908 15.6479 22.6478C15.1909 23.1047 14.6416 23.3332 14 23.3332ZM21 23.3332C20.3583 23.3332 19.809 23.1047 19.352 22.6478C18.8951 22.1908 18.6666 21.6415 18.6666 20.9998C18.6666 20.3582 18.8951 19.8089 19.352 19.3519C19.809 18.895 20.3583 18.6665 21 18.6665C21.6416 18.6665 22.1909 18.895 22.6479 19.3519C23.1048 19.8089 23.3333 20.3582 23.3333 20.9998C23.3333 21.6415 23.1048 22.1908 22.6479 22.6478C22.1909 23.1047 21.6416 23.3332 21 23.3332ZM6.99996 16.3332C6.35829 16.3332 5.80899 16.1047 5.35204 15.6478C4.8951 15.1908 4.66663 14.6415 4.66663 13.9998C4.66663 13.3582 4.8951 12.8089 5.35204 12.3519C5.80899 11.895 6.35829 11.6665 6.99996 11.6665C7.64163 11.6665 8.19093 11.895 8.64788 12.3519C9.10482 12.8089 9.33329 13.3582 9.33329 13.9998C9.33329 14.6415 9.10482 15.1908 8.64788 15.6478C8.19093 16.1047 7.64163 16.3332 6.99996 16.3332ZM14 16.3332C13.3583 16.3332 12.809 16.1047 12.352 15.6478C11.8951 15.1908 11.6666 14.6415 11.6666 13.9998C11.6666 13.3582 11.8951 12.8089 12.352 12.3519C12.809 11.895 13.3583 11.6665 14 11.6665C14.6416 11.6665 15.1909 11.895 15.6479 12.3519C16.1048 12.8089 16.3333 13.3582 16.3333 13.9998C16.3333 14.6415 16.1048 15.1908 15.6479 15.6478C15.1909 16.1047 14.6416 16.3332 14 16.3332ZM21 16.3332C20.3583 16.3332 19.809 16.1047 19.352 15.6478C18.8951 15.1908 18.6666 14.6415 18.6666 13.9998C18.6666 13.3582 18.8951 12.8089 19.352 12.3519C19.809 11.895 20.3583 11.6665 21 11.6665C21.6416 11.6665 22.1909 11.895 22.6479 12.3519C23.1048 12.8089 23.3333 13.3582 23.3333 13.9998C23.3333 14.6415 23.1048 15.1908 22.6479 15.6478C22.1909 16.1047 21.6416 16.3332 21 16.3332ZM6.99996 9.33317C6.35829 9.33317 5.80899 9.1047 5.35204 8.64775C4.8951 8.19081 4.66663 7.6415 4.66663 6.99984C4.66663 6.35817 4.8951 5.80887 5.35204 5.35192C5.80899 4.89498 6.35829 4.6665 6.99996 4.6665C7.64163 4.6665 8.19093 4.89498 8.64788 5.35192C9.10482 5.80887 9.33329 6.35817 9.33329 6.99984C9.33329 7.6415 9.10482 8.19081 8.64788 8.64775C8.19093 9.1047 7.64163 9.33317 6.99996 9.33317ZM14 9.33317C13.3583 9.33317 12.809 9.1047 12.352 8.64775C11.8951 8.19081 11.6666 7.6415 11.6666 6.99984C11.6666 6.35817 11.8951 5.80887 12.352 5.35192C12.809 4.89498 13.3583 4.6665 14 4.6665C14.6416 4.6665 15.1909 4.89498 15.6479 5.35192C16.1048 5.80887 16.3333 6.35817 16.3333 6.99984C16.3333 7.6415 16.1048 8.19081 15.6479 8.64775C15.1909 9.1047 14.6416 9.33317 14 9.33317ZM21 9.33317C20.3583 9.33317 19.809 9.1047 19.352 8.64775C18.8951 8.19081 18.6666 7.6415 18.6666 6.99984C18.6666 6.35817 18.8951 5.80887 19.352 5.35192C19.809 4.89498 20.3583 4.6665 21 4.6665C21.6416 4.6665 22.1909 4.89498 22.6479 5.35192C23.1048 5.80887 23.3333 6.35817 23.3333 6.99984C23.3333 7.6415 23.1048 8.19081 22.6479 8.64775C22.1909 9.1047 21.6416 9.33317 21 9.33317Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconAppsStyle0; }
 }, [1, "swirl-icon-apps", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-apps"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-apps":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconApps$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-apps"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-apps":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconApps$1);
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 

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

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

package/dist/components/swirl-icon-arrow-back2.js

@@ -2,40 +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 SwirlIconArrowBackStyle0 = swirlIconCss;
 
 const SwirlIconArrowBack = /*@__PURE__*/ proxyCustomElement(class SwirlIconArrowBack 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: "M9.50758 13.1114L4.83311 8.45076C4.77762 8.38603 4.73601 8.31668 4.70827 8.2427C4.68053 8.16872 4.66666 8.09012 4.66666 8.00689C4.66666 7.92367 4.68053 7.84507 4.70827 7.77109C4.73601 7.69711 4.77762 7.62776 4.83311 7.56303L9.50758 2.88856C9.65553 2.7406 9.83826 2.66663 10.0558 2.66663C10.2729 2.66663 10.4554 2.74523 10.6034 2.90243C10.7606 3.05039 10.8392 3.2283 10.8392 3.43618C10.8392 3.64443 10.7606 3.82715 10.6034 3.98435L6.58083 8.00689L10.6034 12.0294C10.7513 12.1774 10.8253 12.3553 10.8253 12.5632C10.8253 12.7714 10.7467 12.9542 10.5895 13.1114C10.4415 13.2593 10.2634 13.3333 10.0552 13.3333C9.84732 13.3333 9.66478 13.2593 9.50758 13.1114V13.1114Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M14.2614 19.6671L7.24967 12.6762C7.16645 12.5791 7.10403 12.4751 7.06242 12.3641C7.02081 12.2531 7 12.1352 7 12.0104C7 11.8856 7.02081 11.7677 7.06242 11.6567C7.10403 11.5457 7.16645 11.4417 7.24967 11.3446L14.2614 4.3329C14.4833 4.11097 14.7574 4 15.0836 4C15.4093 4 15.6831 4.1179 15.9051 4.35371C16.1409 4.57564 16.2588 4.84251 16.2588 5.15433C16.2588 5.4667 16.1409 5.74079 15.9051 5.97659L9.87126 12.0104L15.9051 18.0442C16.127 18.2661 16.238 18.533 16.238 18.8448C16.238 19.1572 16.1201 19.4313 15.8843 19.6671C15.6623 19.889 15.3952 20 15.0828 20C14.771 20 14.4972 19.889 14.2614 19.6671Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M16.6383 22.9449L8.45794 14.7889C8.36085 14.6756 8.28803 14.5542 8.23948 14.4248C8.19093 14.2953 8.16666 14.1577 8.16666 14.0121C8.16666 13.8665 8.19093 13.7289 8.23948 13.5994C8.28803 13.47 8.36085 13.3486 8.45794 13.2353L16.6383 5.05501C16.8972 4.79609 17.217 4.66663 17.5976 4.66663C17.9775 4.66663 18.297 4.80418 18.5559 5.07928C18.831 5.33821 18.9686 5.64956 18.9686 6.01334C18.9686 6.37778 18.831 6.69755 18.5559 6.97265L11.5165 14.0121L18.5559 21.0515C18.8148 21.3105 18.9443 21.6218 18.9443 21.9856C18.9443 22.35 18.8067 22.6698 18.5316 22.9449C18.2727 23.2038 17.961 23.3333 17.5966 23.3333C17.2328 23.3333 16.9134 23.2038 16.6383 22.9449V22.9449Z", 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: '41794d07577bae7e1a7dbf105cfdde8eccbb7039', "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: 'bcd4d9982fcae2f8c4a2cdddce47f63156c3bdd8' }, h("path", { key: '87befc769ea93405ac3c86fbe43c6ccbd2755d63', d: "M9.50758 13.1114L4.83311 8.45076C4.77762 8.38603 4.73601 8.31668 4.70827 8.2427C4.68053 8.16872 4.66666 8.09012 4.66666 8.00689C4.66666 7.92367 4.68053 7.84507 4.70827 7.77109C4.73601 7.69711 4.77762 7.62776 4.83311 7.56303L9.50758 2.88856C9.65553 2.7406 9.83826 2.66663 10.0558 2.66663C10.2729 2.66663 10.4554 2.74523 10.6034 2.90243C10.7606 3.05039 10.8392 3.2283 10.8392 3.43618C10.8392 3.64443 10.7606 3.82715 10.6034 3.98435L6.58083 8.00689L10.6034 12.0294C10.7513 12.1774 10.8253 12.3553 10.8253 12.5632C10.8253 12.7714 10.7467 12.9542 10.5895 13.1114C10.4415 13.2593 10.2634 13.3333 10.0552 13.3333C9.84732 13.3333 9.66478 13.2593 9.50758 13.1114V13.1114Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'dd215cf50d90a94df71a651c8bce1ac18011eb1d' }, h("path", { key: '402a17b674910aa2494ae987bb7d9852d80a6002', d: "M14.2614 19.6671L7.24967 12.6762C7.16645 12.5791 7.10403 12.4751 7.06242 12.3641C7.02081 12.2531 7 12.1352 7 12.0104C7 11.8856 7.02081 11.7677 7.06242 11.6567C7.10403 11.5457 7.16645 11.4417 7.24967 11.3446L14.2614 4.3329C14.4833 4.11097 14.7574 4 15.0836 4C15.4093 4 15.6831 4.1179 15.9051 4.35371C16.1409 4.57564 16.2588 4.84251 16.2588 5.15433C16.2588 5.4667 16.1409 5.74079 15.9051 5.97659L9.87126 12.0104L15.9051 18.0442C16.127 18.2661 16.238 18.533 16.238 18.8448C16.238 19.1572 16.1201 19.4313 15.8843 19.6671C15.6623 19.889 15.3952 20 15.0828 20C14.771 20 14.4972 19.889 14.2614 19.6671Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1c668727c5069b0f1156a2e410ed7afd8895c6d9' }, h("path", { key: '1ba07e3f1c72e3eec4e53fa4a17e63ba8fc56c52', d: "M16.6383 22.9449L8.45794 14.7889C8.36085 14.6756 8.28803 14.5542 8.23948 14.4248C8.19093 14.2953 8.16666 14.1577 8.16666 14.0121C8.16666 13.8665 8.19093 13.7289 8.23948 13.5994C8.28803 13.47 8.36085 13.3486 8.45794 13.2353L16.6383 5.05501C16.8972 4.79609 17.217 4.66663 17.5976 4.66663C17.9775 4.66663 18.297 4.80418 18.5559 5.07928C18.831 5.33821 18.9686 5.64956 18.9686 6.01334C18.9686 6.37778 18.831 6.69755 18.5559 6.97265L11.5165 14.0121L18.5559 21.0515C18.8148 21.3105 18.9443 21.6218 18.9443 21.9856C18.9443 22.35 18.8067 22.6698 18.5316 22.9449C18.2727 23.2038 17.961 23.3333 17.5966 23.3333C17.2328 23.3333 16.9134 23.2038 16.6383 22.9449V22.9449Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconArrowBackStyle0; }
 }, [1, "swirl-icon-arrow-back", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-arrow-back"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-arrow-back":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconArrowBack);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-arrow-back"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-arrow-back":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconArrowBack);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

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

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

package/dist/components/swirl-icon-arrow-downward2.js

@@ -2,40 +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 SwirlIconArrowDownwardStyle0 = swirlIconCss;
 
 const SwirlIconArrowDownward = /*@__PURE__*/ proxyCustomElement(class SwirlIconArrowDownward 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.0501C7.91111 13.0501 7.82778 13.0361 7.75 13.0081C7.67222 12.9805 7.6 12.9334 7.53333 12.8667L3.13333 8.46675C3 8.33341 2.93333 8.17497 2.93333 7.99141C2.93333 7.8083 3 7.65008 3.13333 7.51675C3.26667 7.38341 3.42222 7.31675 3.6 7.31675C3.77778 7.31675 3.93333 7.38341 4.06667 7.51675L7.33333 10.7834V3.31675C7.33333 3.12786 7.39733 2.9723 7.52533 2.85008C7.65289 2.72786 7.81111 2.66675 8 2.66675C8.18889 2.66675 8.34733 2.73053 8.47533 2.85808C8.60289 2.98608 8.66667 3.14453 8.66667 3.33341V10.7834L11.9333 7.51675C12.0667 7.38341 12.2222 7.31675 12.4 7.31675C12.5778 7.31675 12.7333 7.38341 12.8667 7.51675C13 7.65008 13.0667 7.8083 13.0667 7.99141C13.0667 8.17497 13 8.33341 12.8667 8.46675L8.46667 12.8667C8.4 12.9334 8.32778 12.9805 8.25 13.0081C8.17222 13.0361 8.08889 13.0501 8 13.0501Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 19.575C11.8667 19.575 11.7417 19.554 11.625 19.512C11.5083 19.4707 11.4 19.4 11.3 19.3L4.7 12.7C4.5 12.5 4.4 12.2623 4.4 11.987C4.4 11.7123 4.5 11.475 4.7 11.275C4.9 11.075 5.13333 10.975 5.4 10.975C5.66667 10.975 5.9 11.075 6.1 11.275L11 16.175V4.975C11 4.69167 11.096 4.45833 11.288 4.275C11.4793 4.09167 11.7167 4 12 4C12.2833 4 12.521 4.09567 12.713 4.287C12.9043 4.479 13 4.71667 13 5V16.175L17.9 11.275C18.1 11.075 18.3333 10.975 18.6 10.975C18.8667 10.975 19.1 11.075 19.3 11.275C19.5 11.475 19.6 11.7123 19.6 11.987C19.6 12.2623 19.5 12.5 19.3 12.7L12.7 19.3C12.6 19.4 12.4917 19.4707 12.375 19.512C12.2583 19.554 12.1333 19.575 12 19.575Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 22.8376C13.8444 22.8376 13.6986 22.8131 13.5625 22.7641C13.4264 22.7159 13.3 22.6334 13.1833 22.5167L5.48333 14.8167C5.25 14.5834 5.13333 14.3061 5.13333 13.9849C5.13333 13.6645 5.25 13.3876 5.48333 13.1542C5.71666 12.9209 5.98889 12.8042 6.3 12.8042C6.61111 12.8042 6.88333 12.9209 7.11666 13.1542L12.8333 18.8709V5.80425C12.8333 5.47369 12.9453 5.20147 13.1693 4.98758C13.3926 4.77369 13.6694 4.66675 14 4.66675C14.3306 4.66675 14.6078 4.77836 14.8318 5.00158C15.0551 5.22558 15.1667 5.50286 15.1667 5.83341V18.8709L20.8833 13.1542C21.1167 12.9209 21.3889 12.8042 21.7 12.8042C22.0111 12.8042 22.2833 12.9209 22.5167 13.1542C22.75 13.3876 22.8667 13.6645 22.8667 13.9849C22.8667 14.3061 22.75 14.5834 22.5167 14.8167L14.8167 22.5167C14.7 22.6334 14.5736 22.7159 14.4375 22.7641C14.3014 22.8131 14.1556 22.8376 14 22.8376Z", 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: '05be278e7242f12e1979efae235430b339068d5f', "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: 'eeedeec1c113ab06a18dc562d161958fecd6d849' }, h("path", { key: '9d1c53c7c7fca746eea7247384ccd78468cbad6e', d: "M8 13.0501C7.91111 13.0501 7.82778 13.0361 7.75 13.0081C7.67222 12.9805 7.6 12.9334 7.53333 12.8667L3.13333 8.46675C3 8.33341 2.93333 8.17497 2.93333 7.99141C2.93333 7.8083 3 7.65008 3.13333 7.51675C3.26667 7.38341 3.42222 7.31675 3.6 7.31675C3.77778 7.31675 3.93333 7.38341 4.06667 7.51675L7.33333 10.7834V3.31675C7.33333 3.12786 7.39733 2.9723 7.52533 2.85008C7.65289 2.72786 7.81111 2.66675 8 2.66675C8.18889 2.66675 8.34733 2.73053 8.47533 2.85808C8.60289 2.98608 8.66667 3.14453 8.66667 3.33341V10.7834L11.9333 7.51675C12.0667 7.38341 12.2222 7.31675 12.4 7.31675C12.5778 7.31675 12.7333 7.38341 12.8667 7.51675C13 7.65008 13.0667 7.8083 13.0667 7.99141C13.0667 8.17497 13 8.33341 12.8667 8.46675L8.46667 12.8667C8.4 12.9334 8.32778 12.9805 8.25 13.0081C8.17222 13.0361 8.08889 13.0501 8 13.0501Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '2bf193c9a2bdc9056ec91581ccfd0d0528fbc398' }, h("path", { key: '22ced08f883f35a67c300e83ca8d9a59235fba30', d: "M12 19.575C11.8667 19.575 11.7417 19.554 11.625 19.512C11.5083 19.4707 11.4 19.4 11.3 19.3L4.7 12.7C4.5 12.5 4.4 12.2623 4.4 11.987C4.4 11.7123 4.5 11.475 4.7 11.275C4.9 11.075 5.13333 10.975 5.4 10.975C5.66667 10.975 5.9 11.075 6.1 11.275L11 16.175V4.975C11 4.69167 11.096 4.45833 11.288 4.275C11.4793 4.09167 11.7167 4 12 4C12.2833 4 12.521 4.09567 12.713 4.287C12.9043 4.479 13 4.71667 13 5V16.175L17.9 11.275C18.1 11.075 18.3333 10.975 18.6 10.975C18.8667 10.975 19.1 11.075 19.3 11.275C19.5 11.475 19.6 11.7123 19.6 11.987C19.6 12.2623 19.5 12.5 19.3 12.7L12.7 19.3C12.6 19.4 12.4917 19.4707 12.375 19.512C12.2583 19.554 12.1333 19.575 12 19.575Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'f3209d9210372b66b450b2c76a930152394a2664' }, h("path", { key: '0daf6ab2cf3b41c11f80bf824c234774f06f4565', d: "M14 22.8376C13.8444 22.8376 13.6986 22.8131 13.5625 22.7641C13.4264 22.7159 13.3 22.6334 13.1833 22.5167L5.48333 14.8167C5.25 14.5834 5.13333 14.3061 5.13333 13.9849C5.13333 13.6645 5.25 13.3876 5.48333 13.1542C5.71666 12.9209 5.98889 12.8042 6.3 12.8042C6.61111 12.8042 6.88333 12.9209 7.11666 13.1542L12.8333 18.8709V5.80425C12.8333 5.47369 12.9453 5.20147 13.1693 4.98758C13.3926 4.77369 13.6694 4.66675 14 4.66675C14.3306 4.66675 14.6078 4.77836 14.8318 5.00158C15.0551 5.22558 15.1667 5.50286 15.1667 5.83341V18.8709L20.8833 13.1542C21.1167 12.9209 21.3889 12.8042 21.7 12.8042C22.0111 12.8042 22.2833 12.9209 22.5167 13.1542C22.75 13.3876 22.8667 13.6645 22.8667 13.9849C22.8667 14.3061 22.75 14.5834 22.5167 14.8167L14.8167 22.5167C14.7 22.6334 14.5736 22.7159 14.4375 22.7641C14.3014 22.8131 14.1556 22.8376 14 22.8376Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconArrowDownwardStyle0; }
 }, [1, "swirl-icon-arrow-downward", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-arrow-downward"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-arrow-downward":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconArrowDownward);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-arrow-downward"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-arrow-downward":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconArrowDownward);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

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

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

package/dist/components/swirl-icon-arrow-forward2.js

@@ -2,40 +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 SwirlIconArrowForwardStyle0 = swirlIconCss;
 
 const SwirlIconArrowForward = /*@__PURE__*/ proxyCustomElement(class SwirlIconArrowForward 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: "M6.4916 13.1114L11.1661 8.45076C11.2216 8.38603 11.2632 8.31668 11.2909 8.2427C11.3187 8.16872 11.3325 8.09012 11.3325 8.00689C11.3325 7.92367 11.3187 7.84507 11.2909 7.77109C11.2632 7.69711 11.2216 7.62776 11.1661 7.56303L6.4916 2.88856C6.34365 2.7406 6.16092 2.66663 5.94343 2.66663C5.7263 2.66663 5.54376 2.74523 5.39581 2.90243C5.2386 3.05039 5.16 3.2283 5.16 3.43618C5.16 3.64443 5.2386 3.82715 5.39581 3.98435L9.41835 8.00689L5.39581 12.0294C5.24785 12.1774 5.17387 12.3553 5.17387 12.5632C5.17387 12.7714 5.25248 12.9542 5.40968 13.1114C5.55763 13.2593 5.73574 13.3333 5.94398 13.3333C6.15186 13.3333 6.3344 13.2593 6.4916 13.1114Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9.73739 19.6671L16.7491 12.6762C16.8323 12.5791 16.8947 12.4751 16.9363 12.3641C16.978 12.2531 16.9988 12.1352 16.9988 12.0104C16.9988 11.8856 16.978 11.7677 16.9363 11.6567C16.8947 11.5457 16.8323 11.4417 16.7491 11.3446L9.73739 4.3329C9.51546 4.11097 9.24137 4 8.91513 4C8.58944 4 8.31563 4.1179 8.0937 4.35371C7.85789 4.57564 7.73999 4.84251 7.73999 5.15433C7.73999 5.4667 7.85789 5.74079 8.0937 5.97659L14.1275 12.0104L8.0937 18.0442C7.87176 18.2661 7.7608 18.533 7.7608 18.8448C7.7608 19.1572 7.8787 19.4313 8.1145 19.6671C8.33643 19.889 8.60359 20 8.91596 20C9.22778 20 9.50159 19.889 9.73739 19.6671Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M11.3603 22.9449L19.5406 14.7889C19.6377 14.6756 19.7105 14.5542 19.7591 14.4248C19.8076 14.2953 19.8319 14.1577 19.8319 14.0121C19.8319 13.8665 19.8076 13.7289 19.7591 13.5994C19.7105 13.47 19.6377 13.3486 19.5406 13.2353L11.3603 5.05501C11.1014 4.79609 10.7816 4.66663 10.401 4.66663C10.021 4.66663 9.70158 4.80418 9.44266 5.07928C9.16755 5.33821 9.03 5.64956 9.03 6.01334C9.03 6.37778 9.16755 6.69755 9.44266 6.97265L16.4821 14.0121L9.44266 21.0515C9.18373 21.3105 9.05427 21.6218 9.05427 21.9856C9.05427 22.35 9.19182 22.6698 9.46693 22.9449C9.72585 23.2038 10.0375 23.3333 10.402 23.3333C10.7657 23.3333 11.0852 23.2038 11.3603 22.9449Z", 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: '48aa0baa4939700caef1885f44d70dfe98045c44', "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: '111e0581de5095ff63feeaa088b7c42d755ee56d' }, h("path", { key: 'd58fc1f9f24d3d878e51c370a1cb3c131dd83fb7', d: "M6.4916 13.1114L11.1661 8.45076C11.2216 8.38603 11.2632 8.31668 11.2909 8.2427C11.3187 8.16872 11.3325 8.09012 11.3325 8.00689C11.3325 7.92367 11.3187 7.84507 11.2909 7.77109C11.2632 7.69711 11.2216 7.62776 11.1661 7.56303L6.4916 2.88856C6.34365 2.7406 6.16092 2.66663 5.94343 2.66663C5.7263 2.66663 5.54376 2.74523 5.39581 2.90243C5.2386 3.05039 5.16 3.2283 5.16 3.43618C5.16 3.64443 5.2386 3.82715 5.39581 3.98435L9.41835 8.00689L5.39581 12.0294C5.24785 12.1774 5.17387 12.3553 5.17387 12.5632C5.17387 12.7714 5.25248 12.9542 5.40968 13.1114C5.55763 13.2593 5.73574 13.3333 5.94398 13.3333C6.15186 13.3333 6.3344 13.2593 6.4916 13.1114Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b6678bf3c3d3212810009d75fa32a5cc6484d173' }, h("path", { key: 'c0321c39c62acaf5bc402fbb146d45c65ba3fa90', d: "M9.73739 19.6671L16.7491 12.6762C16.8323 12.5791 16.8947 12.4751 16.9363 12.3641C16.978 12.2531 16.9988 12.1352 16.9988 12.0104C16.9988 11.8856 16.978 11.7677 16.9363 11.6567C16.8947 11.5457 16.8323 11.4417 16.7491 11.3446L9.73739 4.3329C9.51546 4.11097 9.24137 4 8.91513 4C8.58944 4 8.31563 4.1179 8.0937 4.35371C7.85789 4.57564 7.73999 4.84251 7.73999 5.15433C7.73999 5.4667 7.85789 5.74079 8.0937 5.97659L14.1275 12.0104L8.0937 18.0442C7.87176 18.2661 7.7608 18.533 7.7608 18.8448C7.7608 19.1572 7.8787 19.4313 8.1145 19.6671C8.33643 19.889 8.60359 20 8.91596 20C9.22778 20 9.50159 19.889 9.73739 19.6671Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4526792b5d0f8ba2911b63816e47bd80b859cf2b' }, h("path", { key: '6aa3d070d714f3b37f48417705bef116b7ce87d5', d: "M11.3603 22.9449L19.5406 14.7889C19.6377 14.6756 19.7105 14.5542 19.7591 14.4248C19.8076 14.2953 19.8319 14.1577 19.8319 14.0121C19.8319 13.8665 19.8076 13.7289 19.7591 13.5994C19.7105 13.47 19.6377 13.3486 19.5406 13.2353L11.3603 5.05501C11.1014 4.79609 10.7816 4.66663 10.401 4.66663C10.021 4.66663 9.70158 4.80418 9.44266 5.07928C9.16755 5.33821 9.03 5.64956 9.03 6.01334C9.03 6.37778 9.16755 6.69755 9.44266 6.97265L16.4821 14.0121L9.44266 21.0515C9.18373 21.3105 9.05427 21.6218 9.05427 21.9856C9.05427 22.35 9.19182 22.6698 9.46693 22.9449C9.72585 23.2038 10.0375 23.3333 10.402 23.3333C10.7657 23.3333 11.0852 23.2038 11.3603 22.9449Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconArrowForwardStyle0; }
 }, [1, "swirl-icon-arrow-forward", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-arrow-forward"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-arrow-forward":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconArrowForward);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-arrow-forward"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-arrow-forward":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconArrowForward);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

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

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

package/dist/components/swirl-icon-arrow-left2.js

@@ -2,40 +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 SwirlIconArrowLeftStyle0 = swirlIconCss;
 
 const SwirlIconArrowLeft = /*@__PURE__*/ proxyCustomElement(class SwirlIconArrowLeft 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.15 12.8666L2.81667 8.53327C2.73889 8.45549 2.68333 8.37216 2.65 8.28327C2.61667 8.19438 2.6 8.09993 2.6 7.99993C2.6 7.89993 2.61667 7.80549 2.65 7.7166C2.68333 7.62771 2.73889 7.54438 2.81667 7.4666L7.15 3.13327C7.29444 2.99993 7.46955 2.93038 7.67533 2.9246C7.88066 2.91927 8.06111 2.98882 8.21666 3.13327C8.37222 3.27771 8.45289 3.45549 8.45867 3.6666C8.464 3.87771 8.38889 4.05549 8.23333 4.19993L5.2 7.23327H12.3167C12.5278 7.23327 12.7084 7.30838 12.8587 7.4586C13.0084 7.60838 13.0833 7.78882 13.0833 7.99993C13.0833 8.21105 13.0084 8.39149 12.8587 8.54127C12.7084 8.69149 12.5278 8.7666 12.3167 8.7666H5.2L8.23333 11.7999C8.37778 11.9333 8.45289 12.1084 8.45867 12.3253C8.464 12.5417 8.38889 12.7222 8.23333 12.8666C8.08889 13.011 7.91111 13.0833 7.7 13.0833C7.48889 13.0833 7.30555 13.011 7.15 12.8666V12.8666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M10.725 19.2999L4.225 12.7999C4.10833 12.6832 4.025 12.5582 3.975 12.4249C3.925 12.2916 3.9 12.1499 3.9 11.9999C3.9 11.8499 3.925 11.7082 3.975 11.5749C4.025 11.4416 4.10833 11.3166 4.225 11.1999L10.725 4.6999C10.9417 4.4999 11.2043 4.39557 11.513 4.3869C11.821 4.3789 12.0917 4.48323 12.325 4.6999C12.5583 4.91657 12.6793 5.18324 12.688 5.4999C12.696 5.81657 12.5833 6.08324 12.35 6.2999L7.8 10.8499H18.475C18.7917 10.8499 19.0627 10.9626 19.288 11.1879C19.5127 11.4126 19.625 11.6832 19.625 11.9999C19.625 12.3166 19.5127 12.5872 19.288 12.8119C19.0627 13.0372 18.7917 13.1499 18.475 13.1499H7.8L12.35 17.6999C12.5667 17.8999 12.6793 18.1626 12.688 18.4879C12.696 18.8126 12.5833 19.0832 12.35 19.2999C12.1333 19.5166 11.8667 19.6249 11.55 19.6249C11.2333 19.6249 10.9583 19.5166 10.725 19.2999V19.2999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M12.5125 22.5167L4.92917 14.9333C4.79306 14.7972 4.69584 14.6514 4.6375 14.4958C4.57917 14.3403 4.55 14.175 4.55 14C4.55 13.825 4.57917 13.6597 4.6375 13.5042C4.69584 13.3486 4.79306 13.2028 4.92917 13.0667L12.5125 5.48334C12.7653 5.25001 13.0717 5.12829 13.4318 5.11817C13.7912 5.10884 14.1069 5.23056 14.3792 5.48334C14.6514 5.73612 14.7926 6.04723 14.8027 6.41667C14.812 6.78612 14.6806 7.09723 14.4083 7.35001L9.1 12.6583H21.5542C21.9236 12.6583 22.2398 12.7898 22.5027 13.0527C22.7648 13.3148 22.8958 13.6306 22.8958 14C22.8958 14.3695 22.7648 14.6852 22.5027 14.9473C22.2398 15.2102 21.9236 15.3417 21.5542 15.3417H9.1L14.4083 20.65C14.6611 20.8833 14.7926 21.1898 14.8027 21.5693C14.812 21.9481 14.6806 22.2639 14.4083 22.5167C14.1556 22.7695 13.8444 22.8958 13.475 22.8958C13.1056 22.8958 12.7847 22.7695 12.5125 22.5167V22.5167Z", 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: '727504703424801402901892dd1367f21b6c3e80', "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: '9a1dd468ee7058f9d2aae0d9d69e3d1d22103cae' }, h("path", { key: 'c60c940c5d091b8f4659ba1397b77ef3320aa86f', d: "M7.15 12.8666L2.81667 8.53327C2.73889 8.45549 2.68333 8.37216 2.65 8.28327C2.61667 8.19438 2.6 8.09993 2.6 7.99993C2.6 7.89993 2.61667 7.80549 2.65 7.7166C2.68333 7.62771 2.73889 7.54438 2.81667 7.4666L7.15 3.13327C7.29444 2.99993 7.46955 2.93038 7.67533 2.9246C7.88066 2.91927 8.06111 2.98882 8.21666 3.13327C8.37222 3.27771 8.45289 3.45549 8.45867 3.6666C8.464 3.87771 8.38889 4.05549 8.23333 4.19993L5.2 7.23327H12.3167C12.5278 7.23327 12.7084 7.30838 12.8587 7.4586C13.0084 7.60838 13.0833 7.78882 13.0833 7.99993C13.0833 8.21105 13.0084 8.39149 12.8587 8.54127C12.7084 8.69149 12.5278 8.7666 12.3167 8.7666H5.2L8.23333 11.7999C8.37778 11.9333 8.45289 12.1084 8.45867 12.3253C8.464 12.5417 8.38889 12.7222 8.23333 12.8666C8.08889 13.011 7.91111 13.0833 7.7 13.0833C7.48889 13.0833 7.30555 13.011 7.15 12.8666V12.8666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd98028e31b07c82cefd73bf4fef9084318821aab' }, h("path", { key: 'd8bf0dc027ac690dc65b907763b28574ae7328b6', d: "M10.725 19.2999L4.225 12.7999C4.10833 12.6832 4.025 12.5582 3.975 12.4249C3.925 12.2916 3.9 12.1499 3.9 11.9999C3.9 11.8499 3.925 11.7082 3.975 11.5749C4.025 11.4416 4.10833 11.3166 4.225 11.1999L10.725 4.6999C10.9417 4.4999 11.2043 4.39557 11.513 4.3869C11.821 4.3789 12.0917 4.48323 12.325 4.6999C12.5583 4.91657 12.6793 5.18324 12.688 5.4999C12.696 5.81657 12.5833 6.08324 12.35 6.2999L7.8 10.8499H18.475C18.7917 10.8499 19.0627 10.9626 19.288 11.1879C19.5127 11.4126 19.625 11.6832 19.625 11.9999C19.625 12.3166 19.5127 12.5872 19.288 12.8119C19.0627 13.0372 18.7917 13.1499 18.475 13.1499H7.8L12.35 17.6999C12.5667 17.8999 12.6793 18.1626 12.688 18.4879C12.696 18.8126 12.5833 19.0832 12.35 19.2999C12.1333 19.5166 11.8667 19.6249 11.55 19.6249C11.2333 19.6249 10.9583 19.5166 10.725 19.2999V19.2999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '5fc975474a00d38dddb959161dfd50e8bc275e0d' }, h("path", { key: '3644c2f0127c424e6d7ea8585fe334b112f61688', d: "M12.5125 22.5167L4.92917 14.9333C4.79306 14.7972 4.69584 14.6514 4.6375 14.4958C4.57917 14.3403 4.55 14.175 4.55 14C4.55 13.825 4.57917 13.6597 4.6375 13.5042C4.69584 13.3486 4.79306 13.2028 4.92917 13.0667L12.5125 5.48334C12.7653 5.25001 13.0717 5.12829 13.4318 5.11817C13.7912 5.10884 14.1069 5.23056 14.3792 5.48334C14.6514 5.73612 14.7926 6.04723 14.8027 6.41667C14.812 6.78612 14.6806 7.09723 14.4083 7.35001L9.1 12.6583H21.5542C21.9236 12.6583 22.2398 12.7898 22.5027 13.0527C22.7648 13.3148 22.8958 13.6306 22.8958 14C22.8958 14.3695 22.7648 14.6852 22.5027 14.9473C22.2398 15.2102 21.9236 15.3417 21.5542 15.3417H9.1L14.4083 20.65C14.6611 20.8833 14.7926 21.1898 14.8027 21.5693C14.812 21.9481 14.6806 22.2639 14.4083 22.5167C14.1556 22.7695 13.8444 22.8958 13.475 22.8958C13.1056 22.8958 12.7847 22.7695 12.5125 22.5167V22.5167Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconArrowLeftStyle0; }
 }, [1, "swirl-icon-arrow-left", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-arrow-left"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-arrow-left":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconArrowLeft);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-arrow-left"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-arrow-left":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconArrowLeft);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

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

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