@getflip/swirl-components 0.197.1 → 0.199.0

package/dist/components/swirl-icon-check-circle2.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 SwirlIconCheckCircleStyle0 = swirlIconCss;
 
 const SwirlIconCheckCircle = /*@__PURE__*/ proxyCustomElement(class SwirlIconCheckCircle 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.06665 9.20004L5.61665 7.75004C5.49442 7.62782 5.34176 7.5696 5.15865 7.57537C4.97509 7.58071 4.8222 7.64448 4.69998 7.76671C4.57776 7.88893 4.51665 8.04448 4.51665 8.23337C4.51665 8.42226 4.57776 8.57782 4.69998 8.70004L6.59998 10.6C6.7222 10.7223 6.87776 10.7834 7.06665 10.7834C7.25554 10.7834 7.41109 10.7223 7.53331 10.6L11.3166 6.81671C11.4389 6.69449 11.4973 6.5416 11.492 6.35804C11.4862 6.17493 11.4222 6.02226 11.3 5.90004C11.1778 5.77782 11.0222 5.71671 10.8333 5.71671C10.6444 5.71671 10.4889 5.77782 10.3666 5.90004L7.06665 9.20004ZM7.99998 14.6667C7.07776 14.6667 6.21109 14.4916 5.39998 14.1414C4.58887 13.7916 3.88331 13.3167 3.28331 12.7167C2.68331 12.1167 2.20842 11.4112 1.85865 10.6C1.50842 9.78893 1.33331 8.92226 1.33331 8.00004C1.33331 7.07782 1.50842 6.21115 1.85865 5.40004C2.20842 4.58893 2.68331 3.88337 3.28331 3.28337C3.88331 2.68337 4.58887 2.20826 5.39998 1.85804C6.21109 1.50826 7.07776 1.33337 7.99998 1.33337C8.9222 1.33337 9.78887 1.50826 10.6 1.85804C11.4111 2.20826 12.1166 2.68337 12.7166 3.28337C13.3166 3.88337 13.7915 4.58893 14.1413 5.40004C14.4915 6.21115 14.6666 7.07782 14.6666 8.00004C14.6666 8.92226 14.4915 9.78893 14.1413 10.6C13.7915 11.4112 13.3166 12.1167 12.7166 12.7167C12.1166 13.3167 11.4111 13.7916 10.6 14.1414C9.78887 14.4916 8.9222 14.6667 7.99998 14.6667ZM7.99998 13.3334C9.47776 13.3334 10.7362 12.814 11.7753 11.7754C12.814 10.7363 13.3333 9.47782 13.3333 8.00004C13.3333 6.52226 12.814 5.26382 11.7753 4.22471C10.7362 3.18604 9.47776 2.66671 7.99998 2.66671C6.5222 2.66671 5.26398 3.18604 4.22531 4.22471C3.1862 5.26382 2.66665 6.52226 2.66665 8.00004C2.66665 9.47782 3.1862 10.7363 4.22531 11.7754C5.26398 12.814 6.5222 13.3334 7.99998 13.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M10.6 13.8L8.425 11.625C8.24167 11.4417 8.01267 11.3543 7.738 11.363C7.46267 11.371 7.23333 11.4667 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.0833 16.0833 10.3167 16.175 10.6 16.175C10.8833 16.175 11.1167 16.0833 11.3 15.9L16.975 10.225C17.1583 10.0417 17.246 9.81233 17.238 9.537C17.2293 9.26233 17.1333 9.03333 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 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.2167 20 16.1043 19.221 17.663 17.663C19.221 16.1043 20 14.2167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 14.2167 4.77933 16.1043 6.338 17.663C7.896 19.221 9.78333 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M12.3666 16.1L9.82915 13.5625C9.61526 13.3487 9.34809 13.2468 9.02765 13.2569C8.70642 13.2662 8.43887 13.3778 8.22498 13.5917C8.01109 13.8056 7.90415 14.0778 7.90415 14.4084C7.90415 14.7389 8.01109 15.0112 8.22498 15.225L11.55 18.55C11.7639 18.7639 12.0361 18.8709 12.3666 18.8709C12.6972 18.8709 12.9694 18.7639 13.1833 18.55L19.8041 11.9292C20.018 11.7153 20.1203 11.4478 20.111 11.1265C20.1009 10.8061 19.9889 10.5389 19.775 10.325C19.5611 10.1112 19.2889 10.0042 18.9583 10.0042C18.6278 10.0042 18.3555 10.1112 18.1416 10.325L12.3666 16.1ZM14 25.6667C12.3861 25.6667 10.8694 25.3603 9.44998 24.7474C8.03054 24.1353 6.79581 23.3042 5.74581 22.2542C4.69581 21.2042 3.86476 19.9695 3.25265 18.55C2.63976 17.1306 2.33331 15.6139 2.33331 14C2.33331 12.3862 2.63976 10.8695 3.25265 9.45004C3.86476 8.0306 4.69581 6.79587 5.74581 5.74587C6.79581 4.69587 8.03054 3.86443 9.44998 3.25154C10.8694 2.63943 12.3861 2.33337 14 2.33337C15.6139 2.33337 17.1305 2.63943 18.55 3.25154C19.9694 3.86443 21.2041 4.69587 22.2541 5.74587C23.3041 6.79587 24.1352 8.0306 24.7473 9.45004C25.3602 10.8695 25.6666 12.3862 25.6666 14C25.6666 15.6139 25.3602 17.1306 24.7473 18.55C24.1352 19.9695 23.3041 21.2042 22.2541 22.2542C21.2041 23.3042 19.9694 24.1353 18.55 24.7474C17.1305 25.3603 15.6139 25.6667 14 25.6667ZM14 23.3334C16.5861 23.3334 18.7884 22.4245 20.6068 20.6069C22.4245 18.7884 23.3333 16.5862 23.3333 14C23.3333 11.4139 22.4245 9.21165 20.6068 7.39321C18.7884 5.57554 16.5861 4.66671 14 4.66671C11.4139 4.66671 9.21198 5.57554 7.39431 7.39321C5.57587 9.21165 4.66665 11.4139 4.66665 14C4.66665 16.5862 5.57587 18.7884 7.39431 20.6069C9.21198 22.4245 11.4139 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: 'a202e98300df0f8e097309a873dd7a143558eaf4', "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: '7d2fd99ba4a3da65d21be11a64ed4e358db60ddf' }, h("path", { key: 'e444db8287fd2d3e89434ce5ad46484ec41690d5', d: "M7.06665 9.20004L5.61665 7.75004C5.49442 7.62782 5.34176 7.5696 5.15865 7.57537C4.97509 7.58071 4.8222 7.64448 4.69998 7.76671C4.57776 7.88893 4.51665 8.04448 4.51665 8.23337C4.51665 8.42226 4.57776 8.57782 4.69998 8.70004L6.59998 10.6C6.7222 10.7223 6.87776 10.7834 7.06665 10.7834C7.25554 10.7834 7.41109 10.7223 7.53331 10.6L11.3166 6.81671C11.4389 6.69449 11.4973 6.5416 11.492 6.35804C11.4862 6.17493 11.4222 6.02226 11.3 5.90004C11.1778 5.77782 11.0222 5.71671 10.8333 5.71671C10.6444 5.71671 10.4889 5.77782 10.3666 5.90004L7.06665 9.20004ZM7.99998 14.6667C7.07776 14.6667 6.21109 14.4916 5.39998 14.1414C4.58887 13.7916 3.88331 13.3167 3.28331 12.7167C2.68331 12.1167 2.20842 11.4112 1.85865 10.6C1.50842 9.78893 1.33331 8.92226 1.33331 8.00004C1.33331 7.07782 1.50842 6.21115 1.85865 5.40004C2.20842 4.58893 2.68331 3.88337 3.28331 3.28337C3.88331 2.68337 4.58887 2.20826 5.39998 1.85804C6.21109 1.50826 7.07776 1.33337 7.99998 1.33337C8.9222 1.33337 9.78887 1.50826 10.6 1.85804C11.4111 2.20826 12.1166 2.68337 12.7166 3.28337C13.3166 3.88337 13.7915 4.58893 14.1413 5.40004C14.4915 6.21115 14.6666 7.07782 14.6666 8.00004C14.6666 8.92226 14.4915 9.78893 14.1413 10.6C13.7915 11.4112 13.3166 12.1167 12.7166 12.7167C12.1166 13.3167 11.4111 13.7916 10.6 14.1414C9.78887 14.4916 8.9222 14.6667 7.99998 14.6667ZM7.99998 13.3334C9.47776 13.3334 10.7362 12.814 11.7753 11.7754C12.814 10.7363 13.3333 9.47782 13.3333 8.00004C13.3333 6.52226 12.814 5.26382 11.7753 4.22471C10.7362 3.18604 9.47776 2.66671 7.99998 2.66671C6.5222 2.66671 5.26398 3.18604 4.22531 4.22471C3.1862 5.26382 2.66665 6.52226 2.66665 8.00004C2.66665 9.47782 3.1862 10.7363 4.22531 11.7754C5.26398 12.814 6.5222 13.3334 7.99998 13.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '98341ec270074ccae50bd495013909d2bab03a1d' }, h("path", { key: '7b1356ab287aa7d0d602f4fbde4aabd49d556376', d: "M10.6 13.8L8.425 11.625C8.24167 11.4417 8.01267 11.3543 7.738 11.363C7.46267 11.371 7.23333 11.4667 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.0833 16.0833 10.3167 16.175 10.6 16.175C10.8833 16.175 11.1167 16.0833 11.3 15.9L16.975 10.225C17.1583 10.0417 17.246 9.81233 17.238 9.537C17.2293 9.26233 17.1333 9.03333 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 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.2167 20 16.1043 19.221 17.663 17.663C19.221 16.1043 20 14.2167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 14.2167 4.77933 16.1043 6.338 17.663C7.896 19.221 9.78333 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '5ff9f69f4e9fd571c453a51f73b36d044520edb3' }, h("path", { key: 'dfee91af458937181e1c1c4d0dd061024fe89cce', d: "M12.3666 16.1L9.82915 13.5625C9.61526 13.3487 9.34809 13.2468 9.02765 13.2569C8.70642 13.2662 8.43887 13.3778 8.22498 13.5917C8.01109 13.8056 7.90415 14.0778 7.90415 14.4084C7.90415 14.7389 8.01109 15.0112 8.22498 15.225L11.55 18.55C11.7639 18.7639 12.0361 18.8709 12.3666 18.8709C12.6972 18.8709 12.9694 18.7639 13.1833 18.55L19.8041 11.9292C20.018 11.7153 20.1203 11.4478 20.111 11.1265C20.1009 10.8061 19.9889 10.5389 19.775 10.325C19.5611 10.1112 19.2889 10.0042 18.9583 10.0042C18.6278 10.0042 18.3555 10.1112 18.1416 10.325L12.3666 16.1ZM14 25.6667C12.3861 25.6667 10.8694 25.3603 9.44998 24.7474C8.03054 24.1353 6.79581 23.3042 5.74581 22.2542C4.69581 21.2042 3.86476 19.9695 3.25265 18.55C2.63976 17.1306 2.33331 15.6139 2.33331 14C2.33331 12.3862 2.63976 10.8695 3.25265 9.45004C3.86476 8.0306 4.69581 6.79587 5.74581 5.74587C6.79581 4.69587 8.03054 3.86443 9.44998 3.25154C10.8694 2.63943 12.3861 2.33337 14 2.33337C15.6139 2.33337 17.1305 2.63943 18.55 3.25154C19.9694 3.86443 21.2041 4.69587 22.2541 5.74587C23.3041 6.79587 24.1352 8.0306 24.7473 9.45004C25.3602 10.8695 25.6666 12.3862 25.6666 14C25.6666 15.6139 25.3602 17.1306 24.7473 18.55C24.1352 19.9695 23.3041 21.2042 22.2541 22.2542C21.2041 23.3042 19.9694 24.1353 18.55 24.7474C17.1305 25.3603 15.6139 25.6667 14 25.6667ZM14 23.3334C16.5861 23.3334 18.7884 22.4245 20.6068 20.6069C22.4245 18.7884 23.3333 16.5862 23.3333 14C23.3333 11.4139 22.4245 9.21165 20.6068 7.39321C18.7884 5.57554 16.5861 4.66671 14 4.66671C11.4139 4.66671 9.21198 5.57554 7.39431 7.39321C5.57587 9.21165 4.66665 11.4139 4.66665 14C4.66665 16.5862 5.57587 18.7884 7.39431 20.6069C9.21198 22.4245 11.4139 23.3334 14 23.3334Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconCheckCircleStyle0; }
 }, [1, "swirl-icon-check-circle", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-check-circle"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-check-circle":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconCheckCircle);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-check-circle"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-check-circle":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconCheckCircle);
+            }
+            break;
+    } });
 }
-defineCustomElement();
 
 export { SwirlIconCheckCircle as S, defineCustomElement as d };

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

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

package/dist/components/swirl-icon-check-small2.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 SwirlIconCheckSmallStyle0 = swirlIconCss;
 
 const SwirlIconCheckSmall = /*@__PURE__*/ proxyCustomElement(class SwirlIconCheckSmall 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", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", 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: 'd5b5b58fe7e17ceb5f5af44c5ca7ae0984d21921', "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: '93cb9d3421c16e0c8e0434f7b83b6f189873c700' }, h("path", { key: 'f7fabab3a27b2b022f78e32903f35b5b5a1d362e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '32ccf8418c0cb6a9763c8127528a6aef7aa64d53' }, h("path", { key: '46597f8445297ff521136149b7e669100f3937e4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '50ecb3ff884a2672d2ec4e20e0c8b49a6e65330d' }, h("path", { key: '008f03dcdbd96c8cac08e268d52c70232ab09fea', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconCheckSmallStyle0; }
 }, [1, "swirl-icon-check-small", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-check-small"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-check-small":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconCheckSmall);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-check-small"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-check-small":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconCheckSmall);
+            }
+            break;
+    } });
 }
-defineCustomElement();
 
 export { SwirlIconCheckSmall as S, defineCustomElement as d };

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

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

package/dist/components/swirl-icon-check-strong2.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 SwirlIconCheckStrongStyle0 = swirlIconCss;
 
 const SwirlIconCheckStrong = /*@__PURE__*/ proxyCustomElement(class SwirlIconCheckStrong 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", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", 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: '96b151e7862fa466f6a77a4dd6476e97410b53ee', "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: 'ebd4869f1ad9d3a42aff4e3d5433f0f4d675a15f' }, h("path", { key: '0c96533225fb39fa304b84d069fd9b091f2d5f50', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6d9c4cc0457c94c9172fc8c4577b9413ab91bbc8' }, h("path", { key: 'ce1bd68edeaf162c5cb23db4bc98601c49fb03f8', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e1e79b862055ec8b4380ff9436358e65f32d6aef' }, h("path", { key: 'e5fe6a0c328f42e3aa391ce9e4f89a7168ca8aa1', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconCheckStrongStyle0; }
 }, [1, "swirl-icon-check-strong", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-check-strong"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-check-strong":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconCheckStrong);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-check-strong"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-check-strong":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconCheckStrong);
+            }
+            break;
+    } });
 }
-defineCustomElement();
 
 export { SwirlIconCheckStrong as S, defineCustomElement as d };

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

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

package/dist/components/swirl-icon-check.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 SwirlIconCheckStyle0 = swirlIconCss;
 
 const SwirlIconCheck$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconCheck 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.36666 11.8166C6.26666 11.8166 6.17222 11.8 6.08333 11.7666C5.99444 11.7333 5.91111 11.6777 5.83333 11.6L2.96666 8.73329C2.82222 8.58885 2.75289 8.40818 2.75866 8.19129C2.764 7.97485 2.83889 7.7944 2.98333 7.64996C3.12778 7.50551 3.30844 7.43329 3.52533 7.43329C3.74178 7.43329 3.91666 7.50551 4.05 7.64996L6.36666 9.96663L11.95 4.38329C12.0833 4.23885 12.2611 4.16663 12.4833 4.16663C12.7056 4.16663 12.8889 4.23885 13.0333 4.38329C13.1667 4.52774 13.2333 4.70818 13.2333 4.92463C13.2333 5.14151 13.1667 5.32218 13.0333 5.46663L6.9 11.6C6.82222 11.6777 6.73889 11.7333 6.65 11.7666C6.56111 11.8 6.46667 11.8166 6.36666 11.8166V11.8166Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9.55001 17.725C9.40001 17.725 9.25835 17.7 9.12501 17.65C8.99168 17.6 8.86668 17.5167 8.75001 17.4L4.45001 13.1C4.23335 12.8833 4.12935 12.6123 4.13801 12.287C4.14601 11.9623 4.25835 11.6917 4.47501 11.475C4.69168 11.2583 4.96268 11.15 5.28801 11.15C5.61268 11.15 5.87501 11.2583 6.07501 11.475L9.55001 14.95L17.925 6.575C18.125 6.35833 18.3917 6.25 18.725 6.25C19.0583 6.25 19.3333 6.35833 19.55 6.575C19.75 6.79167 19.85 7.06233 19.85 7.387C19.85 7.71233 19.75 7.98333 19.55 8.2L10.35 17.4C10.2333 17.5167 10.1083 17.6 9.97501 17.65C9.84168 17.7 9.70001 17.725 9.55001 17.725Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M11.1417 20.6791C10.9667 20.6791 10.8014 20.65 10.6458 20.5916C10.4903 20.5333 10.3444 20.4361 10.2083 20.3L5.19167 15.2833C4.93889 15.0305 4.81756 14.7143 4.82767 14.3348C4.837 13.956 4.96806 13.6402 5.22084 13.3875C5.47362 13.1347 5.78978 13.0083 6.16934 13.0083C6.54812 13.0083 6.85417 13.1347 7.0875 13.3875L11.1417 17.4416L20.9125 7.67079C21.1458 7.41801 21.457 7.29163 21.8458 7.29163C22.2347 7.29163 22.5556 7.41801 22.8083 7.67079C23.0417 7.92357 23.1583 8.23935 23.1583 8.61813C23.1583 8.99768 23.0417 9.31385 22.8083 9.56663L12.075 20.3C11.9389 20.4361 11.7931 20.5333 11.6375 20.5916C11.4819 20.65 11.3167 20.6791 11.1417 20.6791V20.6791Z", 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: '8a2801757fd27c1816e3ebdae25a4fb8784397df', "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: '8f31e0b3b42a7b707bd0893a8d91bc883569d724' }, h("path", { key: 'acb38047218ecc06f43a0f8b5d0dcfe186ea552a', d: "M6.36666 11.8166C6.26666 11.8166 6.17222 11.8 6.08333 11.7666C5.99444 11.7333 5.91111 11.6777 5.83333 11.6L2.96666 8.73329C2.82222 8.58885 2.75289 8.40818 2.75866 8.19129C2.764 7.97485 2.83889 7.7944 2.98333 7.64996C3.12778 7.50551 3.30844 7.43329 3.52533 7.43329C3.74178 7.43329 3.91666 7.50551 4.05 7.64996L6.36666 9.96663L11.95 4.38329C12.0833 4.23885 12.2611 4.16663 12.4833 4.16663C12.7056 4.16663 12.8889 4.23885 13.0333 4.38329C13.1667 4.52774 13.2333 4.70818 13.2333 4.92463C13.2333 5.14151 13.1667 5.32218 13.0333 5.46663L6.9 11.6C6.82222 11.6777 6.73889 11.7333 6.65 11.7666C6.56111 11.8 6.46667 11.8166 6.36666 11.8166V11.8166Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6fd68d36d97ce69f9e879c960d3a37855fd1c97b' }, h("path", { key: 'dfb9e5f3179b8e51c6d355463fad0ac4f4dc67e3', d: "M9.55001 17.725C9.40001 17.725 9.25835 17.7 9.12501 17.65C8.99168 17.6 8.86668 17.5167 8.75001 17.4L4.45001 13.1C4.23335 12.8833 4.12935 12.6123 4.13801 12.287C4.14601 11.9623 4.25835 11.6917 4.47501 11.475C4.69168 11.2583 4.96268 11.15 5.28801 11.15C5.61268 11.15 5.87501 11.2583 6.07501 11.475L9.55001 14.95L17.925 6.575C18.125 6.35833 18.3917 6.25 18.725 6.25C19.0583 6.25 19.3333 6.35833 19.55 6.575C19.75 6.79167 19.85 7.06233 19.85 7.387C19.85 7.71233 19.75 7.98333 19.55 8.2L10.35 17.4C10.2333 17.5167 10.1083 17.6 9.97501 17.65C9.84168 17.7 9.70001 17.725 9.55001 17.725Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '7675bdb10bdf96adecaf244b11bd2dad72c975a0' }, h("path", { key: '7f667c255e8e43c59a319d8c63178783f423bf3d', d: "M11.1417 20.6791C10.9667 20.6791 10.8014 20.65 10.6458 20.5916C10.4903 20.5333 10.3444 20.4361 10.2083 20.3L5.19167 15.2833C4.93889 15.0305 4.81756 14.7143 4.82767 14.3348C4.837 13.956 4.96806 13.6402 5.22084 13.3875C5.47362 13.1347 5.78978 13.0083 6.16934 13.0083C6.54812 13.0083 6.85417 13.1347 7.0875 13.3875L11.1417 17.4416L20.9125 7.67079C21.1458 7.41801 21.457 7.29163 21.8458 7.29163C22.2347 7.29163 22.5556 7.41801 22.8083 7.67079C23.0417 7.92357 23.1583 8.23935 23.1583 8.61813C23.1583 8.99768 23.0417 9.31385 22.8083 9.56663L12.075 20.3C11.9389 20.4361 11.7931 20.5333 11.6375 20.5916C11.4819 20.65 11.3167 20.6791 11.1417 20.6791V20.6791Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconCheckStyle0; }
 }, [1, "swirl-icon-check", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-check"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-check":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconCheck$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-check"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-check":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconCheck$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconCheck = SwirlIconCheck$1;
 const defineCustomElement = defineCustomElement$1;

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

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

package/dist/components/swirl-icon-chevron-left.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 SwirlIconChevronLeftStyle0 = swirlIconCss;
 
 const SwirlIconChevronLeft$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconChevronLeft 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.8 11.6L5.73333 8.53335C5.65555 8.45557 5.6 8.37224 5.56666 8.28335C5.53333 8.19446 5.51666 8.10002 5.51666 8.00002C5.51666 7.90002 5.53333 7.80557 5.56666 7.71668C5.6 7.62779 5.65555 7.54446 5.73333 7.46668L8.8 4.40002C8.94444 4.25557 9.12222 4.18335 9.33333 4.18335C9.54444 4.18335 9.72222 4.25557 9.86666 4.40002C10.0111 4.54446 10.0833 4.72224 10.0833 4.93335C10.0833 5.14446 10.0111 5.32224 9.86666 5.46668L7.33333 8.00002L9.86666 10.5333C10.0111 10.6778 10.0833 10.8556 10.0833 11.0667C10.0833 11.2778 10.0111 11.4556 9.86666 11.6C9.72222 11.7445 9.54444 11.8167 9.33333 11.8167C9.12222 11.8167 8.94444 11.7445 8.8 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M15.4 20.3L10.0333 14.9333C9.89723 14.7972 9.80001 14.6514 9.74168 14.4958C9.68334 14.3402 9.65417 14.175 9.65417 14C9.65417 13.825 9.68334 13.6597 9.74168 13.5041C9.80001 13.3486 9.89723 13.2027 10.0333 13.0666L15.4 7.69997C15.6528 7.44719 15.9639 7.3208 16.3333 7.3208C16.7028 7.3208 17.0139 7.44719 17.2667 7.69997C17.5195 7.95275 17.6458 8.26386 17.6458 8.6333C17.6458 9.00275 17.5195 9.31386 17.2667 9.56663L12.8333 14L17.2667 18.4333C17.5195 18.6861 17.6458 18.9972 17.6458 19.3666C17.6458 19.7361 17.5195 20.0472 17.2667 20.3C17.0139 20.5527 16.7028 20.6791 16.3333 20.6791C15.9639 20.6791 15.6528 20.5527 15.4 20.3V20.3Z", 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: '14f86854a65bf1a018a626468170dadfa1dc215d', "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: 'fd1738d0e49d7824a099041802b53d1d9a6ed7d5' }, h("path", { key: 'ea5b9f4ec382daa9d54bb21162967640c416c26b', d: "M8.8 11.6L5.73333 8.53335C5.65555 8.45557 5.6 8.37224 5.56666 8.28335C5.53333 8.19446 5.51666 8.10002 5.51666 8.00002C5.51666 7.90002 5.53333 7.80557 5.56666 7.71668C5.6 7.62779 5.65555 7.54446 5.73333 7.46668L8.8 4.40002C8.94444 4.25557 9.12222 4.18335 9.33333 4.18335C9.54444 4.18335 9.72222 4.25557 9.86666 4.40002C10.0111 4.54446 10.0833 4.72224 10.0833 4.93335C10.0833 5.14446 10.0111 5.32224 9.86666 5.46668L7.33333 8.00002L9.86666 10.5333C10.0111 10.6778 10.0833 10.8556 10.0833 11.0667C10.0833 11.2778 10.0111 11.4556 9.86666 11.6C9.72222 11.7445 9.54444 11.8167 9.33333 11.8167C9.12222 11.8167 8.94444 11.7445 8.8 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '9f47c6a00439a8b5788dffd7b19c2699cae30fce' }, h("path", { key: '88b91ab31313fe1073fd2e1308f06cd826e27c07', d: "M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4823bfd901ea542e28b38fc82093cedf08cf43ee' }, h("path", { key: 'a3e8ebe102a4c69839f819d493a7a16bb1013c14', d: "M15.4 20.3L10.0333 14.9333C9.89723 14.7972 9.80001 14.6514 9.74168 14.4958C9.68334 14.3402 9.65417 14.175 9.65417 14C9.65417 13.825 9.68334 13.6597 9.74168 13.5041C9.80001 13.3486 9.89723 13.2027 10.0333 13.0666L15.4 7.69997C15.6528 7.44719 15.9639 7.3208 16.3333 7.3208C16.7028 7.3208 17.0139 7.44719 17.2667 7.69997C17.5195 7.95275 17.6458 8.26386 17.6458 8.6333C17.6458 9.00275 17.5195 9.31386 17.2667 9.56663L12.8333 14L17.2667 18.4333C17.5195 18.6861 17.6458 18.9972 17.6458 19.3666C17.6458 19.7361 17.5195 20.0472 17.2667 20.3C17.0139 20.5527 16.7028 20.6791 16.3333 20.6791C15.9639 20.6791 15.6528 20.5527 15.4 20.3V20.3Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconChevronLeftStyle0; }
 }, [1, "swirl-icon-chevron-left", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-chevron-left"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-chevron-left":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconChevronLeft$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-chevron-left"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-chevron-left":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconChevronLeft$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconChevronLeft = SwirlIconChevronLeft$1;
 const defineCustomElement = defineCustomElement$1;

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

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

package/dist/components/swirl-icon-chevron-right.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 SwirlIconChevronRightStyle0 = swirlIconCss;
 
 const SwirlIconChevronRight$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconChevronRight extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M5.73333 11.6C5.58889 11.4556 5.51666 11.2778 5.51666 11.0667C5.51666 10.8556 5.58889 10.6778 5.73333 10.5333L8.26666 8.00002L5.73333 5.46668C5.58889 5.32224 5.51666 5.14446 5.51666 4.93335C5.51666 4.72224 5.58889 4.54446 5.73333 4.40002C5.87777 4.25557 6.05555 4.18335 6.26666 4.18335C6.47777 4.18335 6.65555 4.25557 6.8 4.40002L9.86666 7.46668C9.94444 7.54446 10 7.62779 10.0333 7.71668C10.0667 7.80557 10.0833 7.90002 10.0833 8.00002C10.0833 8.10002 10.0667 8.19446 10.0333 8.28335C10 8.37224 9.94444 8.45557 9.86666 8.53335L6.8 11.6C6.65555 11.7445 6.47777 11.8167 6.26666 11.8167C6.05555 11.8167 5.87777 11.7445 5.73333 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M10.0333 20.3C9.78056 20.0472 9.65417 19.7361 9.65417 19.3666C9.65417 18.9972 9.78056 18.6861 10.0333 18.4333L14.4667 14L10.0333 9.56663C9.78056 9.31386 9.65417 9.00275 9.65417 8.6333C9.65417 8.26386 9.78056 7.95275 10.0333 7.69997C10.2861 7.44719 10.5972 7.3208 10.9667 7.3208C11.3361 7.3208 11.6472 7.44719 11.9 7.69997L17.2667 13.0666C17.4028 13.2027 17.5 13.3486 17.5583 13.5041C17.6167 13.6597 17.6458 13.825 17.6458 14C17.6458 14.175 17.6167 14.3402 17.5583 14.4958C17.5 14.6514 17.4028 14.7972 17.2667 14.9333L11.9 20.3C11.6472 20.5527 11.3361 20.6791 10.9667 20.6791C10.5972 20.6791 10.2861 20.5527 10.0333 20.3V20.3Z", 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: '7f1689095b471c6e4a2b0257b00ee90ae6f26a75', "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: '8c41382825a44305a8dae469a670fa1867594d46' }, h("path", { key: '01755ea0ee9d15e3b4462e31c3b5c82980188368', d: "M5.73333 11.6C5.58889 11.4556 5.51666 11.2778 5.51666 11.0667C5.51666 10.8556 5.58889 10.6778 5.73333 10.5333L8.26666 8.00002L5.73333 5.46668C5.58889 5.32224 5.51666 5.14446 5.51666 4.93335C5.51666 4.72224 5.58889 4.54446 5.73333 4.40002C5.87777 4.25557 6.05555 4.18335 6.26666 4.18335C6.47777 4.18335 6.65555 4.25557 6.8 4.40002L9.86666 7.46668C9.94444 7.54446 10 7.62779 10.0333 7.71668C10.0667 7.80557 10.0833 7.90002 10.0833 8.00002C10.0833 8.10002 10.0667 8.19446 10.0333 8.28335C10 8.37224 9.94444 8.45557 9.86666 8.53335L6.8 11.6C6.65555 11.7445 6.47777 11.8167 6.26666 11.8167C6.05555 11.8167 5.87777 11.7445 5.73333 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '477d6b80ed65199c4a8c488c9d1067dda05e1ae9' }, h("path", { key: 'f184a93cdc67b62bf8fd70aebfa342ee2521cff0', d: "M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '561fe29deda02eb9e92a633fb7558c724565951f' }, h("path", { key: 'e417ca35e7d3b704e2a3c480aa514e63f066dd11', d: "M10.0333 20.3C9.78056 20.0472 9.65417 19.7361 9.65417 19.3666C9.65417 18.9972 9.78056 18.6861 10.0333 18.4333L14.4667 14L10.0333 9.56663C9.78056 9.31386 9.65417 9.00275 9.65417 8.6333C9.65417 8.26386 9.78056 7.95275 10.0333 7.69997C10.2861 7.44719 10.5972 7.3208 10.9667 7.3208C11.3361 7.3208 11.6472 7.44719 11.9 7.69997L17.2667 13.0666C17.4028 13.2027 17.5 13.3486 17.5583 13.5041C17.6167 13.6597 17.6458 13.825 17.6458 14C17.6458 14.175 17.6167 14.3402 17.5583 14.4958C17.5 14.6514 17.4028 14.7972 17.2667 14.9333L11.9 20.3C11.6472 20.5527 11.3361 20.6791 10.9667 20.6791C10.5972 20.6791 10.2861 20.5527 10.0333 20.3V20.3Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconChevronRightStyle0; }
 }, [1, "swirl-icon-chevron-right", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-chevron-right"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-chevron-right":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconChevronRight$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-chevron-right"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-chevron-right":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconChevronRight$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconChevronRight = SwirlIconChevronRight$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-close-small.d.ts

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