@getflip/swirl-components 0.189.0 → 0.191.0

package/dist/components/swirl-icon-dark-mode.js

@@ -2,41 +2,40 @@ 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 SwirlIconDarkModeStyle0 = swirlIconCss;
 
 const SwirlIconDarkMode$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDarkMode 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", { key: '6adc9e1d6cb5ba29752f6974eec0ab13303137f9', "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: '57329576cb54b283d1ea845a1223c143d0c20442' }, h("path", { key: 'e942a3846a9cb28aa16029875a1718944008efef', d: "M8 13.9998C6.32222 13.9998 4.90267 13.4191 3.74133 12.2578C2.58044 11.0969 2 9.67755 2 7.99977C2 6.46644 2.5 5.13577 3.5 4.00777C4.5 2.88022 5.77778 2.22199 7.33333 2.03311C7.61111 1.99977 7.82778 2.09977 7.98333 2.33311C8.13889 2.56644 8.13333 2.81088 7.96667 3.06644C7.77778 3.35533 7.636 3.66088 7.54133 3.98311C7.44711 4.30533 7.4 4.64422 7.4 4.99977C7.4 5.99977 7.75 6.84977 8.45 7.54977C9.15 8.24977 10 8.59977 11 8.59977C11.3444 8.59977 11.6862 8.54977 12.0253 8.44977C12.364 8.34977 12.6667 8.21088 12.9333 8.03311C13.1667 7.87755 13.4056 7.86911 13.65 8.00777C13.8944 8.14688 14 8.36644 13.9667 8.66644C13.8111 10.1998 13.1584 11.472 12.0087 12.4831C10.8584 13.4942 9.52222 13.9998 8 13.9998ZM8 12.6664C8.97778 12.6664 9.85556 12.3971 10.6333 11.8584C11.4111 11.3193 11.9778 10.6164 12.3333 9.74977C12.1111 9.80533 11.8889 9.84977 11.6667 9.88311C11.4444 9.91644 11.2222 9.9331 11 9.9331C9.63333 9.9331 8.46933 9.45266 7.508 8.49177C6.54711 7.53044 6.06667 6.36644 6.06667 4.99977C6.06667 4.77755 6.08333 4.55533 6.11667 4.33311C6.15 4.11088 6.19444 3.88866 6.25 3.66644C5.38333 4.02199 4.68067 4.58866 4.142 5.36644C3.60289 6.14422 3.33333 7.02199 3.33333 7.99977C3.33333 9.28866 3.78889 10.3887 4.7 11.2998C5.61111 12.2109 6.71111 12.6664 8 12.6664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd1efef72ca0f0b2f9678bf324b4bd5428ee00ae1' }, h("path", { key: '4da3b36eca62b4a6dfc8322f86879260d0799bd9', d: "M12 20.9999C9.48333 20.9999 7.354 20.1289 5.612 18.3869C3.87067 16.6456 3 14.5166 3 11.9999C3 9.6999 3.75 7.7039 5.25 6.0119C6.75 4.32057 8.66667 3.33324 11 3.0499C11.4167 2.9999 11.7417 3.1499 11.975 3.4999C12.2083 3.8499 12.2 4.21657 11.95 4.5999C11.6667 5.03324 11.454 5.49157 11.312 5.9749C11.1707 6.45824 11.1 6.96657 11.1 7.4999C11.1 8.9999 11.625 10.2749 12.675 11.3249C13.725 12.3749 15 12.8999 16.5 12.8999C17.0167 12.8999 17.5293 12.8249 18.038 12.6749C18.546 12.5249 19 12.3166 19.4 12.0499C19.75 11.8166 20.1083 11.8039 20.475 12.0119C20.8417 12.2206 21 12.5499 20.95 12.9999C20.7167 15.2999 19.7377 17.2082 18.013 18.7249C16.2877 20.2416 14.2833 20.9999 12 20.9999ZM12 18.9999C13.4667 18.9999 14.7833 18.5959 15.95 17.7879C17.1167 16.9792 17.9667 15.9249 18.5 14.6249C18.1667 14.7082 17.8333 14.7749 17.5 14.8249C17.1667 14.8749 16.8333 14.8999 16.5 14.8999C14.45 14.8999 12.704 14.1792 11.262 12.7379C9.82067 11.2959 9.1 9.5499 9.1 7.4999C9.1 7.16657 9.125 6.83324 9.175 6.4999C9.225 6.16657 9.29167 5.83324 9.375 5.4999C8.075 6.03324 7.021 6.88324 6.213 8.0499C5.40433 9.21657 5 10.5332 5 11.9999C5 13.9332 5.68333 15.5832 7.05 16.9499C8.41667 18.3166 10.0667 18.9999 12 18.9999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '042d0590a78fb735f218dc5a8ab3976570bce2ff' }, h("path", { key: '255ebbf2f646642e56ee959d5496e1edd7e3d382', d: "M14 24.5C11.0639 24.5 8.57967 23.4838 6.54733 21.4515C4.51578 19.4199 3.5 16.9361 3.5 14C3.5 11.3166 4.375 8.98797 6.125 7.01397C7.875 5.04075 10.1111 3.88886 12.8333 3.5583C13.3194 3.49997 13.6986 3.67497 13.9708 4.0833C14.2431 4.49163 14.2333 4.91941 13.9417 5.36663C13.6111 5.87219 13.363 6.40691 13.1973 6.9708C13.0324 7.53469 12.95 8.12774 12.95 8.74997C12.95 10.5 13.5625 11.9875 14.7875 13.2125C16.0125 14.4375 17.5 15.05 19.25 15.05C19.8528 15.05 20.4509 14.9625 21.0443 14.7875C21.637 14.6125 22.1667 14.3694 22.6333 14.0583C23.0417 13.7861 23.4597 13.7713 23.8875 14.014C24.3153 14.2574 24.5 14.6416 24.4417 15.1666C24.1694 17.85 23.0273 20.0764 21.0152 21.8458C19.0023 23.6152 16.6639 24.5 14 24.5ZM14 22.1666C15.7111 22.1666 17.2472 21.6953 18.6083 20.7526C19.9694 19.8092 20.9611 18.5791 21.5833 17.0625C21.1944 17.1597 20.8056 17.2375 20.4167 17.2958C20.0278 17.3541 19.6389 17.3833 19.25 17.3833C16.8583 17.3833 14.8213 16.5425 13.139 14.861C11.4574 13.1786 10.6167 11.1416 10.6167 8.74997C10.6167 8.36108 10.6458 7.97219 10.7042 7.5833C10.7625 7.19441 10.8403 6.80552 10.9375 6.41663C9.42083 7.03886 8.19117 8.03052 7.2485 9.39163C6.30506 10.7527 5.83333 12.2889 5.83333 14C5.83333 16.2555 6.63056 18.1805 8.225 19.775C9.81944 21.3694 11.7444 22.1666 14 22.1666Z", fill: "currentColor" })))));
-    }
-    static get style() { return SwirlIconDarkModeStyle0; }
+  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.9998C6.32222 13.9998 4.90267 13.4191 3.74133 12.2578C2.58044 11.0969 2 9.67755 2 7.99977C2 6.46644 2.5 5.13577 3.5 4.00777C4.5 2.88022 5.77778 2.22199 7.33333 2.03311C7.61111 1.99977 7.82778 2.09977 7.98333 2.33311C8.13889 2.56644 8.13333 2.81088 7.96667 3.06644C7.77778 3.35533 7.636 3.66088 7.54133 3.98311C7.44711 4.30533 7.4 4.64422 7.4 4.99977C7.4 5.99977 7.75 6.84977 8.45 7.54977C9.15 8.24977 10 8.59977 11 8.59977C11.3444 8.59977 11.6862 8.54977 12.0253 8.44977C12.364 8.34977 12.6667 8.21088 12.9333 8.03311C13.1667 7.87755 13.4056 7.86911 13.65 8.00777C13.8944 8.14688 14 8.36644 13.9667 8.66644C13.8111 10.1998 13.1584 11.472 12.0087 12.4831C10.8584 13.4942 9.52222 13.9998 8 13.9998ZM8 12.6664C8.97778 12.6664 9.85556 12.3971 10.6333 11.8584C11.4111 11.3193 11.9778 10.6164 12.3333 9.74977C12.1111 9.80533 11.8889 9.84977 11.6667 9.88311C11.4444 9.91644 11.2222 9.9331 11 9.9331C9.63333 9.9331 8.46933 9.45266 7.508 8.49177C6.54711 7.53044 6.06667 6.36644 6.06667 4.99977C6.06667 4.77755 6.08333 4.55533 6.11667 4.33311C6.15 4.11088 6.19444 3.88866 6.25 3.66644C5.38333 4.02199 4.68067 4.58866 4.142 5.36644C3.60289 6.14422 3.33333 7.02199 3.33333 7.99977C3.33333 9.28866 3.78889 10.3887 4.7 11.2998C5.61111 12.2109 6.71111 12.6664 8 12.6664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 20.9999C9.48333 20.9999 7.354 20.1289 5.612 18.3869C3.87067 16.6456 3 14.5166 3 11.9999C3 9.6999 3.75 7.7039 5.25 6.0119C6.75 4.32057 8.66667 3.33324 11 3.0499C11.4167 2.9999 11.7417 3.1499 11.975 3.4999C12.2083 3.8499 12.2 4.21657 11.95 4.5999C11.6667 5.03324 11.454 5.49157 11.312 5.9749C11.1707 6.45824 11.1 6.96657 11.1 7.4999C11.1 8.9999 11.625 10.2749 12.675 11.3249C13.725 12.3749 15 12.8999 16.5 12.8999C17.0167 12.8999 17.5293 12.8249 18.038 12.6749C18.546 12.5249 19 12.3166 19.4 12.0499C19.75 11.8166 20.1083 11.8039 20.475 12.0119C20.8417 12.2206 21 12.5499 20.95 12.9999C20.7167 15.2999 19.7377 17.2082 18.013 18.7249C16.2877 20.2416 14.2833 20.9999 12 20.9999ZM12 18.9999C13.4667 18.9999 14.7833 18.5959 15.95 17.7879C17.1167 16.9792 17.9667 15.9249 18.5 14.6249C18.1667 14.7082 17.8333 14.7749 17.5 14.8249C17.1667 14.8749 16.8333 14.8999 16.5 14.8999C14.45 14.8999 12.704 14.1792 11.262 12.7379C9.82067 11.2959 9.1 9.5499 9.1 7.4999C9.1 7.16657 9.125 6.83324 9.175 6.4999C9.225 6.16657 9.29167 5.83324 9.375 5.4999C8.075 6.03324 7.021 6.88324 6.213 8.0499C5.40433 9.21657 5 10.5332 5 11.9999C5 13.9332 5.68333 15.5832 7.05 16.9499C8.41667 18.3166 10.0667 18.9999 12 18.9999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 24.5C11.0639 24.5 8.57967 23.4838 6.54733 21.4515C4.51578 19.4199 3.5 16.9361 3.5 14C3.5 11.3166 4.375 8.98797 6.125 7.01397C7.875 5.04075 10.1111 3.88886 12.8333 3.5583C13.3194 3.49997 13.6986 3.67497 13.9708 4.0833C14.2431 4.49163 14.2333 4.91941 13.9417 5.36663C13.6111 5.87219 13.363 6.40691 13.1973 6.9708C13.0324 7.53469 12.95 8.12774 12.95 8.74997C12.95 10.5 13.5625 11.9875 14.7875 13.2125C16.0125 14.4375 17.5 15.05 19.25 15.05C19.8528 15.05 20.4509 14.9625 21.0443 14.7875C21.637 14.6125 22.1667 14.3694 22.6333 14.0583C23.0417 13.7861 23.4597 13.7713 23.8875 14.014C24.3153 14.2574 24.5 14.6416 24.4417 15.1666C24.1694 17.85 23.0273 20.0764 21.0152 21.8458C19.0023 23.6152 16.6639 24.5 14 24.5ZM14 22.1666C15.7111 22.1666 17.2472 21.6953 18.6083 20.7526C19.9694 19.8092 20.9611 18.5791 21.5833 17.0625C21.1944 17.1597 20.8056 17.2375 20.4167 17.2958C20.0278 17.3541 19.6389 17.3833 19.25 17.3833C16.8583 17.3833 14.8213 16.5425 13.139 14.861C11.4574 13.1786 10.6167 11.1416 10.6167 8.74997C10.6167 8.36108 10.6458 7.97219 10.7042 7.5833C10.7625 7.19441 10.8403 6.80552 10.9375 6.41663C9.42083 7.03886 8.19117 8.03052 7.2485 9.39163C6.30506 10.7527 5.83333 12.2889 5.83333 14C5.83333 16.2555 6.63056 18.1805 8.225 19.775C9.81944 21.3694 11.7444 22.1666 14 22.1666Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-dark-mode", {
-        "color": [1],
-        "size": [2]
-    }]);
+    "color": [1],
+    "size": [2]
+  }]);
 function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-icon-dark-mode"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-icon-dark-mode":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlIconDarkMode$1);
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-dark-mode"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-dark-mode":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconDarkMode$1);
+      }
+      break;
+  } });
 }
 defineCustomElement$1();
 

package/dist/components/swirl-icon-date-range.d.ts

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

package/dist/components/swirl-icon-date-range.js

@@ -2,41 +2,40 @@ 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 SwirlIconDateRangeStyle0 = swirlIconCss;
 
 const SwirlIconDateRange$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDateRange 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", { key: 'cffdf640d64961601ebd8c5ab5984386de2a0489', "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: '208de16fbf6979afd57027c6cfc58f8509c163df' }, h("path", { key: '65bcf300380d5e436df487bf492dc656777401f4', d: "M12.6667 2.66671H12V2.00004C12 1.63337 11.7 1.33337 11.3333 1.33337C10.9667 1.33337 10.6667 1.63337 10.6667 2.00004V2.66671H5.33333V2.00004C5.33333 1.63337 5.03333 1.33337 4.66667 1.33337C4.3 1.33337 4 1.63337 4 2.00004V2.66671H3.33333C2.59333 2.66671 2.00667 3.26671 2.00667 4.00004L2 13.3334C2 14.0667 2.59333 14.6667 3.33333 14.6667H12.6667C13.4 14.6667 14 14.0667 14 13.3334V4.00004C14 3.26671 13.4 2.66671 12.6667 2.66671ZM12.6667 12.6667C12.6667 13.0334 12.3667 13.3334 12 13.3334H4C3.63333 13.3334 3.33333 13.0334 3.33333 12.6667V6.00004H12.6667V12.6667ZM4.66667 7.33337H6V8.66671H4.66667V7.33337ZM7.33333 7.33337H8.66667V8.66671H7.33333V7.33337ZM10 7.33337H11.3333V8.66671H10V7.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'efb4e8c0d2bea04cb8ad3711a177dd0894d91854' }, h("path", { key: '601bdb73ee4ea24aa1ca2c532e6a598e8a40e5c6', d: "M19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 19C19 19.55 18.55 20 18 20H6C5.45 20 5 19.55 5 19V9H19V19ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '628fc30d8c4beadbe56e631f2c496767ed11bab3' }, h("path", { key: '84bcbcbafde3a8e66d515b38f6f3799bf8647494', d: "M22.1667 4.66671H21V3.50004C21 2.85837 20.475 2.33337 19.8333 2.33337C19.1917 2.33337 18.6667 2.85837 18.6667 3.50004V4.66671H9.33333V3.50004C9.33333 2.85837 8.80833 2.33337 8.16667 2.33337C7.525 2.33337 7 2.85837 7 3.50004V4.66671H5.83333C4.53833 4.66671 3.51167 5.71671 3.51167 7.00004L3.5 23.3334C3.5 24.6167 4.53833 25.6667 5.83333 25.6667H22.1667C23.45 25.6667 24.5 24.6167 24.5 23.3334V7.00004C24.5 5.71671 23.45 4.66671 22.1667 4.66671ZM22.1667 22.1667C22.1667 22.8084 21.6417 23.3334 21 23.3334H7C6.35833 23.3334 5.83333 22.8084 5.83333 22.1667V10.5H22.1667V22.1667ZM8.16667 12.8334H10.5V15.1667H8.16667V12.8334ZM12.8333 12.8334H15.1667V15.1667H12.8333V12.8334ZM17.5 12.8334H19.8333V15.1667H17.5V12.8334Z", fill: "currentColor" })))));
-    }
-    static get style() { return SwirlIconDateRangeStyle0; }
+  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: "M12.6667 2.66671H12V2.00004C12 1.63337 11.7 1.33337 11.3333 1.33337C10.9667 1.33337 10.6667 1.63337 10.6667 2.00004V2.66671H5.33333V2.00004C5.33333 1.63337 5.03333 1.33337 4.66667 1.33337C4.3 1.33337 4 1.63337 4 2.00004V2.66671H3.33333C2.59333 2.66671 2.00667 3.26671 2.00667 4.00004L2 13.3334C2 14.0667 2.59333 14.6667 3.33333 14.6667H12.6667C13.4 14.6667 14 14.0667 14 13.3334V4.00004C14 3.26671 13.4 2.66671 12.6667 2.66671ZM12.6667 12.6667C12.6667 13.0334 12.3667 13.3334 12 13.3334H4C3.63333 13.3334 3.33333 13.0334 3.33333 12.6667V6.00004H12.6667V12.6667ZM4.66667 7.33337H6V8.66671H4.66667V7.33337ZM7.33333 7.33337H8.66667V8.66671H7.33333V7.33337ZM10 7.33337H11.3333V8.66671H10V7.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 19C19 19.55 18.55 20 18 20H6C5.45 20 5 19.55 5 19V9H19V19ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M22.1667 4.66671H21V3.50004C21 2.85837 20.475 2.33337 19.8333 2.33337C19.1917 2.33337 18.6667 2.85837 18.6667 3.50004V4.66671H9.33333V3.50004C9.33333 2.85837 8.80833 2.33337 8.16667 2.33337C7.525 2.33337 7 2.85837 7 3.50004V4.66671H5.83333C4.53833 4.66671 3.51167 5.71671 3.51167 7.00004L3.5 23.3334C3.5 24.6167 4.53833 25.6667 5.83333 25.6667H22.1667C23.45 25.6667 24.5 24.6167 24.5 23.3334V7.00004C24.5 5.71671 23.45 4.66671 22.1667 4.66671ZM22.1667 22.1667C22.1667 22.8084 21.6417 23.3334 21 23.3334H7C6.35833 23.3334 5.83333 22.8084 5.83333 22.1667V10.5H22.1667V22.1667ZM8.16667 12.8334H10.5V15.1667H8.16667V12.8334ZM12.8333 12.8334H15.1667V15.1667H12.8333V12.8334ZM17.5 12.8334H19.8333V15.1667H17.5V12.8334Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-date-range", {
-        "color": [1],
-        "size": [2]
-    }]);
+    "color": [1],
+    "size": [2]
+  }]);
 function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-icon-date-range"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-icon-date-range":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlIconDateRange$1);
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-date-range"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-date-range":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconDateRange$1);
+      }
+      break;
+  } });
 }
 defineCustomElement$1();
 

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

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

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

@@ -2,41 +2,40 @@ 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 SwirlIconDeleteStyle0 = swirlIconCss;
 
 const SwirlIconDelete$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDelete 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", { key: 'f9e6bf7b1287dda2e64c7b1e696dec3745ed1514', "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: '2488f9187b60f7864e174c17a9f873d89c343da0' }, h("path", { key: 'b3b45b03ecec64f421d53006828ad938b5499ba3', d: "M4.66669 14C4.30002 14 3.98624 13.8696 3.72535 13.6087C3.46402 13.3473 3.33335 13.0333 3.33335 12.6667V4C3.14446 4 2.98602 3.93622 2.85802 3.80867C2.73046 3.68067 2.66669 3.52222 2.66669 3.33333C2.66669 3.14444 2.73046 2.986 2.85802 2.858C2.98602 2.73044 3.14446 2.66667 3.33335 2.66667H6.00002C6.00002 2.47778 6.06402 2.31933 6.19202 2.19133C6.31958 2.06378 6.4778 2 6.66669 2H9.33335C9.52224 2 9.68069 2.06378 9.80869 2.19133C9.93624 2.31933 10 2.47778 10 2.66667H12.6667C12.8556 2.66667 13.0138 2.73044 13.1414 2.858C13.2694 2.986 13.3334 3.14444 13.3334 3.33333C13.3334 3.52222 13.2694 3.68067 13.1414 3.80867C13.0138 3.93622 12.8556 4 12.6667 4V12.6667C12.6667 13.0333 12.5362 13.3473 12.2754 13.6087C12.014 13.8696 11.7 14 11.3334 14H4.66669ZM4.66669 4V12.6667H11.3334V4H4.66669ZM6.00002 10.6667C6.00002 10.8556 6.06402 11.0138 6.19202 11.1413C6.31958 11.2693 6.4778 11.3333 6.66669 11.3333C6.85558 11.3333 7.01402 11.2693 7.14202 11.1413C7.26958 11.0138 7.33335 10.8556 7.33335 10.6667V6C7.33335 5.81111 7.26958 5.65267 7.14202 5.52467C7.01402 5.39711 6.85558 5.33333 6.66669 5.33333C6.4778 5.33333 6.31958 5.39711 6.19202 5.52467C6.06402 5.65267 6.00002 5.81111 6.00002 6V10.6667ZM8.66669 10.6667C8.66669 10.8556 8.73069 11.0138 8.85869 11.1413C8.98624 11.2693 9.14446 11.3333 9.33335 11.3333C9.52224 11.3333 9.68069 11.2693 9.80869 11.1413C9.93624 11.0138 10 10.8556 10 10.6667V6C10 5.81111 9.93624 5.65267 9.80869 5.52467C9.68069 5.39711 9.52224 5.33333 9.33335 5.33333C9.14446 5.33333 8.98624 5.39711 8.85869 5.52467C8.73069 5.65267 8.66669 5.81111 8.66669 6V10.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3a72811edef362b1cc0945b726684b15533f861a' }, h("path", { key: '61a4ca606a90576356a26e33999eac2ccbf15760', d: "M7 21C6.45 21 5.97933 20.8043 5.588 20.413C5.196 20.021 5 19.55 5 19V6C4.71667 6 4.479 5.90433 4.287 5.713C4.09567 5.521 4 5.28333 4 5C4 4.71667 4.09567 4.479 4.287 4.287C4.479 4.09567 4.71667 4 5 4H9C9 3.71667 9.096 3.479 9.288 3.287C9.47933 3.09567 9.71667 3 10 3H14C14.2833 3 14.521 3.09567 14.713 3.287C14.9043 3.479 15 3.71667 15 4H19C19.2833 4 19.5207 4.09567 19.712 4.287C19.904 4.479 20 4.71667 20 5C20 5.28333 19.904 5.521 19.712 5.713C19.5207 5.90433 19.2833 6 19 6V19C19 19.55 18.8043 20.021 18.413 20.413C18.021 20.8043 17.55 21 17 21H7ZM7 6V19H17V6H7ZM9 16C9 16.2833 9.096 16.5207 9.288 16.712C9.47933 16.904 9.71667 17 10 17C10.2833 17 10.521 16.904 10.713 16.712C10.9043 16.5207 11 16.2833 11 16V9C11 8.71667 10.9043 8.479 10.713 8.287C10.521 8.09567 10.2833 8 10 8C9.71667 8 9.47933 8.09567 9.288 8.287C9.096 8.479 9 8.71667 9 9V16ZM13 16C13 16.2833 13.096 16.5207 13.288 16.712C13.4793 16.904 13.7167 17 14 17C14.2833 17 14.521 16.904 14.713 16.712C14.9043 16.5207 15 16.2833 15 16V9C15 8.71667 14.9043 8.479 14.713 8.287C14.521 8.09567 14.2833 8 14 8C13.7167 8 13.4793 8.09567 13.288 8.287C13.096 8.479 13 8.71667 13 9V16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '3bae189486ae30e18c66e54d3fc4424636e2611f' }, h("path", { key: '45955997ea48873ad9a0313b79335faed3e18a10', d: "M8.16669 24.5C7.52502 24.5 6.97591 24.2717 6.51935 23.8152C6.06202 23.3578 5.83335 22.8083 5.83335 22.1667V7C5.5028 7 5.22552 6.88839 5.00152 6.66517C4.7783 6.44117 4.66669 6.16389 4.66669 5.83333C4.66669 5.50278 4.7783 5.2255 5.00152 5.0015C5.22552 4.77828 5.5028 4.66667 5.83335 4.66667H10.5C10.5 4.33611 10.612 4.05883 10.836 3.83483C11.0592 3.61161 11.3361 3.5 11.6667 3.5H16.3334C16.6639 3.5 16.9412 3.61161 17.1652 3.83483C17.3884 4.05883 17.5 4.33611 17.5 4.66667H22.1667C22.4972 4.66667 22.7741 4.77828 22.9974 5.0015C23.2214 5.2255 23.3334 5.50278 23.3334 5.83333C23.3334 6.16389 23.2214 6.44117 22.9974 6.66517C22.7741 6.88839 22.4972 7 22.1667 7V22.1667C22.1667 22.8083 21.9384 23.3578 21.4819 23.8152C21.0245 24.2717 20.475 24.5 19.8334 24.5H8.16669ZM8.16669 7V22.1667H19.8334V7H8.16669ZM10.5 18.6667C10.5 18.9972 10.612 19.2741 10.836 19.4973C11.0592 19.7213 11.3361 19.8333 11.6667 19.8333C11.9972 19.8333 12.2745 19.7213 12.4985 19.4973C12.7217 19.2741 12.8334 18.9972 12.8334 18.6667V10.5C12.8334 10.1694 12.7217 9.89217 12.4985 9.66817C12.2745 9.44494 11.9972 9.33333 11.6667 9.33333C11.3361 9.33333 11.0592 9.44494 10.836 9.66817C10.612 9.89217 10.5 10.1694 10.5 10.5V18.6667ZM15.1667 18.6667C15.1667 18.9972 15.2787 19.2741 15.5027 19.4973C15.7259 19.7213 16.0028 19.8333 16.3334 19.8333C16.6639 19.8333 16.9412 19.7213 17.1652 19.4973C17.3884 19.2741 17.5 18.9972 17.5 18.6667V10.5C17.5 10.1694 17.3884 9.89217 17.1652 9.66817C16.9412 9.44494 16.6639 9.33333 16.3334 9.33333C16.0028 9.33333 15.7259 9.44494 15.5027 9.66817C15.2787 9.89217 15.1667 10.1694 15.1667 10.5V18.6667Z", fill: "currentColor" })))));
-    }
-    static get style() { return SwirlIconDeleteStyle0; }
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M4.66669 14C4.30002 14 3.98624 13.8696 3.72535 13.6087C3.46402 13.3473 3.33335 13.0333 3.33335 12.6667V4C3.14446 4 2.98602 3.93622 2.85802 3.80867C2.73046 3.68067 2.66669 3.52222 2.66669 3.33333C2.66669 3.14444 2.73046 2.986 2.85802 2.858C2.98602 2.73044 3.14446 2.66667 3.33335 2.66667H6.00002C6.00002 2.47778 6.06402 2.31933 6.19202 2.19133C6.31958 2.06378 6.4778 2 6.66669 2H9.33335C9.52224 2 9.68069 2.06378 9.80869 2.19133C9.93624 2.31933 10 2.47778 10 2.66667H12.6667C12.8556 2.66667 13.0138 2.73044 13.1414 2.858C13.2694 2.986 13.3334 3.14444 13.3334 3.33333C13.3334 3.52222 13.2694 3.68067 13.1414 3.80867C13.0138 3.93622 12.8556 4 12.6667 4V12.6667C12.6667 13.0333 12.5362 13.3473 12.2754 13.6087C12.014 13.8696 11.7 14 11.3334 14H4.66669ZM4.66669 4V12.6667H11.3334V4H4.66669ZM6.00002 10.6667C6.00002 10.8556 6.06402 11.0138 6.19202 11.1413C6.31958 11.2693 6.4778 11.3333 6.66669 11.3333C6.85558 11.3333 7.01402 11.2693 7.14202 11.1413C7.26958 11.0138 7.33335 10.8556 7.33335 10.6667V6C7.33335 5.81111 7.26958 5.65267 7.14202 5.52467C7.01402 5.39711 6.85558 5.33333 6.66669 5.33333C6.4778 5.33333 6.31958 5.39711 6.19202 5.52467C6.06402 5.65267 6.00002 5.81111 6.00002 6V10.6667ZM8.66669 10.6667C8.66669 10.8556 8.73069 11.0138 8.85869 11.1413C8.98624 11.2693 9.14446 11.3333 9.33335 11.3333C9.52224 11.3333 9.68069 11.2693 9.80869 11.1413C9.93624 11.0138 10 10.8556 10 10.6667V6C10 5.81111 9.93624 5.65267 9.80869 5.52467C9.68069 5.39711 9.52224 5.33333 9.33335 5.33333C9.14446 5.33333 8.98624 5.39711 8.85869 5.52467C8.73069 5.65267 8.66669 5.81111 8.66669 6V10.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M7 21C6.45 21 5.97933 20.8043 5.588 20.413C5.196 20.021 5 19.55 5 19V6C4.71667 6 4.479 5.90433 4.287 5.713C4.09567 5.521 4 5.28333 4 5C4 4.71667 4.09567 4.479 4.287 4.287C4.479 4.09567 4.71667 4 5 4H9C9 3.71667 9.096 3.479 9.288 3.287C9.47933 3.09567 9.71667 3 10 3H14C14.2833 3 14.521 3.09567 14.713 3.287C14.9043 3.479 15 3.71667 15 4H19C19.2833 4 19.5207 4.09567 19.712 4.287C19.904 4.479 20 4.71667 20 5C20 5.28333 19.904 5.521 19.712 5.713C19.5207 5.90433 19.2833 6 19 6V19C19 19.55 18.8043 20.021 18.413 20.413C18.021 20.8043 17.55 21 17 21H7ZM7 6V19H17V6H7ZM9 16C9 16.2833 9.096 16.5207 9.288 16.712C9.47933 16.904 9.71667 17 10 17C10.2833 17 10.521 16.904 10.713 16.712C10.9043 16.5207 11 16.2833 11 16V9C11 8.71667 10.9043 8.479 10.713 8.287C10.521 8.09567 10.2833 8 10 8C9.71667 8 9.47933 8.09567 9.288 8.287C9.096 8.479 9 8.71667 9 9V16ZM13 16C13 16.2833 13.096 16.5207 13.288 16.712C13.4793 16.904 13.7167 17 14 17C14.2833 17 14.521 16.904 14.713 16.712C14.9043 16.5207 15 16.2833 15 16V9C15 8.71667 14.9043 8.479 14.713 8.287C14.521 8.09567 14.2833 8 14 8C13.7167 8 13.4793 8.09567 13.288 8.287C13.096 8.479 13 8.71667 13 9V16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M8.16669 24.5C7.52502 24.5 6.97591 24.2717 6.51935 23.8152C6.06202 23.3578 5.83335 22.8083 5.83335 22.1667V7C5.5028 7 5.22552 6.88839 5.00152 6.66517C4.7783 6.44117 4.66669 6.16389 4.66669 5.83333C4.66669 5.50278 4.7783 5.2255 5.00152 5.0015C5.22552 4.77828 5.5028 4.66667 5.83335 4.66667H10.5C10.5 4.33611 10.612 4.05883 10.836 3.83483C11.0592 3.61161 11.3361 3.5 11.6667 3.5H16.3334C16.6639 3.5 16.9412 3.61161 17.1652 3.83483C17.3884 4.05883 17.5 4.33611 17.5 4.66667H22.1667C22.4972 4.66667 22.7741 4.77828 22.9974 5.0015C23.2214 5.2255 23.3334 5.50278 23.3334 5.83333C23.3334 6.16389 23.2214 6.44117 22.9974 6.66517C22.7741 6.88839 22.4972 7 22.1667 7V22.1667C22.1667 22.8083 21.9384 23.3578 21.4819 23.8152C21.0245 24.2717 20.475 24.5 19.8334 24.5H8.16669ZM8.16669 7V22.1667H19.8334V7H8.16669ZM10.5 18.6667C10.5 18.9972 10.612 19.2741 10.836 19.4973C11.0592 19.7213 11.3361 19.8333 11.6667 19.8333C11.9972 19.8333 12.2745 19.7213 12.4985 19.4973C12.7217 19.2741 12.8334 18.9972 12.8334 18.6667V10.5C12.8334 10.1694 12.7217 9.89217 12.4985 9.66817C12.2745 9.44494 11.9972 9.33333 11.6667 9.33333C11.3361 9.33333 11.0592 9.44494 10.836 9.66817C10.612 9.89217 10.5 10.1694 10.5 10.5V18.6667ZM15.1667 18.6667C15.1667 18.9972 15.2787 19.2741 15.5027 19.4973C15.7259 19.7213 16.0028 19.8333 16.3334 19.8333C16.6639 19.8333 16.9412 19.7213 17.1652 19.4973C17.3884 19.2741 17.5 18.9972 17.5 18.6667V10.5C17.5 10.1694 17.3884 9.89217 17.1652 9.66817C16.9412 9.44494 16.6639 9.33333 16.3334 9.33333C16.0028 9.33333 15.7259 9.44494 15.5027 9.66817C15.2787 9.89217 15.1667 10.1694 15.1667 10.5V18.6667Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-delete", {
-        "color": [1],
-        "size": [2]
-    }]);
+    "color": [1],
+    "size": [2]
+  }]);
 function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-icon-delete"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-icon-delete":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlIconDelete$1);
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-delete"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-delete":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconDelete$1);
+      }
+      break;
+  } });
 }
 defineCustomElement$1();
 

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

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

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

@@ -2,41 +2,40 @@ 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 SwirlIconDescriptionStyle0 = swirlIconCss;
 
 const SwirlIconDescription$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDescription 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", { key: 'e62a2d31adacdeb68bceda2ee7a35953d597edf3', "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: 'c264692620447400904ee367f6c4d6fe2679a3f9' }, h("path", { key: 'e94dfaacc993d1d0216b24f8291e0cc3596b5636', d: "M6.00002 12H10C10.1889 12 10.3474 11.936 10.4754 11.808C10.6029 11.6805 10.6667 11.5223 10.6667 11.3334C10.6667 11.1445 10.6029 10.9863 10.4754 10.8587C10.3474 10.7307 10.1889 10.6667 10 10.6667H6.00002C5.81113 10.6667 5.65291 10.7307 5.52535 10.8587C5.39735 10.9863 5.33335 11.1445 5.33335 11.3334C5.33335 11.5223 5.39735 11.6805 5.52535 11.808C5.65291 11.936 5.81113 12 6.00002 12ZM6.00002 9.33337H10C10.1889 9.33337 10.3474 9.26937 10.4754 9.14137C10.6029 9.01382 10.6667 8.8556 10.6667 8.66671C10.6667 8.47782 10.6029 8.31937 10.4754 8.19137C10.3474 8.06382 10.1889 8.00004 10 8.00004H6.00002C5.81113 8.00004 5.65291 8.06382 5.52535 8.19137C5.39735 8.31937 5.33335 8.47782 5.33335 8.66671C5.33335 8.8556 5.39735 9.01382 5.52535 9.14137C5.65291 9.26937 5.81113 9.33337 6.00002 9.33337ZM4.00002 14.6667C3.63335 14.6667 3.31958 14.5363 3.05869 14.2754C2.79735 14.014 2.66669 13.7 2.66669 13.3334V2.66671C2.66669 2.30004 2.79735 1.98604 3.05869 1.72471C3.31958 1.46382 3.63335 1.33337 4.00002 1.33337H8.78335C8.96113 1.33337 9.13069 1.36671 9.29202 1.43337C9.45291 1.50004 9.59446 1.59449 9.71669 1.71671L12.95 4.95004C13.0722 5.07226 13.1667 5.21382 13.2334 5.37471C13.3 5.53604 13.3334 5.7056 13.3334 5.88337V13.3334C13.3334 13.7 13.2029 14.014 12.942 14.2754C12.6807 14.5363 12.3667 14.6667 12 14.6667H4.00002ZM8.66669 5.33337V2.66671H4.00002V13.3334H12V6.00004H9.33335C9.14446 6.00004 8.98624 5.93604 8.85869 5.80804C8.73069 5.68048 8.66669 5.52226 8.66669 5.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '024256851a24ed513103c2c26d336d492baedc27' }, h("path", { key: 'f3f7854e5e52b4a9a39ead01302eabe12d09ae3c', d: "M9 18H15C15.2833 18 15.521 17.904 15.713 17.712C15.9043 17.5207 16 17.2833 16 17C16 16.7167 15.9043 16.4793 15.713 16.288C15.521 16.096 15.2833 16 15 16H9C8.71667 16 8.47933 16.096 8.288 16.288C8.096 16.4793 8 16.7167 8 17C8 17.2833 8.096 17.5207 8.288 17.712C8.47933 17.904 8.71667 18 9 18ZM9 14H15C15.2833 14 15.521 13.904 15.713 13.712C15.9043 13.5207 16 13.2833 16 13C16 12.7167 15.9043 12.479 15.713 12.287C15.521 12.0957 15.2833 12 15 12H9C8.71667 12 8.47933 12.0957 8.288 12.287C8.096 12.479 8 12.7167 8 13C8 13.2833 8.096 13.5207 8.288 13.712C8.47933 13.904 8.71667 14 9 14ZM6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e13c4ec8615bafadf9c98550fd2a724d2672e213' }, h("path", { key: '6e1dee5473fbc767692fb6cbf315bc4a19419198', d: "M10.5 21H17.5C17.8306 21 18.1079 20.888 18.3319 20.664C18.5551 20.4408 18.6667 20.1639 18.6667 19.8334C18.6667 19.5028 18.5551 19.2259 18.3319 19.0027C18.1079 18.7787 17.8306 18.6667 17.5 18.6667H10.5C10.1695 18.6667 9.89258 18.7787 9.66935 19.0027C9.44535 19.2259 9.33335 19.5028 9.33335 19.8334C9.33335 20.1639 9.44535 20.4408 9.66935 20.664C9.89258 20.888 10.1695 21 10.5 21ZM10.5 16.3334H17.5C17.8306 16.3334 18.1079 16.2214 18.3319 15.9974C18.5551 15.7742 18.6667 15.4973 18.6667 15.1667C18.6667 14.8362 18.5551 14.5589 18.3319 14.3349C18.1079 14.1117 17.8306 14 17.5 14H10.5C10.1695 14 9.89258 14.1117 9.66935 14.3349C9.44535 14.5589 9.33335 14.8362 9.33335 15.1667C9.33335 15.4973 9.44535 15.7742 9.66935 15.9974C9.89258 16.2214 10.1695 16.3334 10.5 16.3334ZM7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V4.66671C4.66669 4.02504 4.89535 3.47554 5.35269 3.01821C5.80924 2.56165 6.35835 2.33337 7.00002 2.33337H15.3709C15.682 2.33337 15.9787 2.39171 16.261 2.50837C16.5426 2.62504 16.7903 2.79032 17.0042 3.00421L22.6625 8.66254C22.8764 8.87643 23.0417 9.12415 23.1584 9.40571C23.275 9.68804 23.3334 9.98476 23.3334 10.2959V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM15.1667 9.33337V4.66671H7.00002V23.3334H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94082 15.1667 9.66393 15.1667 9.33337Z", fill: "currentColor" })))));
-    }
-    static get style() { return SwirlIconDescriptionStyle0; }
+  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.00002 12H10C10.1889 12 10.3474 11.936 10.4754 11.808C10.6029 11.6805 10.6667 11.5223 10.6667 11.3334C10.6667 11.1445 10.6029 10.9863 10.4754 10.8587C10.3474 10.7307 10.1889 10.6667 10 10.6667H6.00002C5.81113 10.6667 5.65291 10.7307 5.52535 10.8587C5.39735 10.9863 5.33335 11.1445 5.33335 11.3334C5.33335 11.5223 5.39735 11.6805 5.52535 11.808C5.65291 11.936 5.81113 12 6.00002 12ZM6.00002 9.33337H10C10.1889 9.33337 10.3474 9.26937 10.4754 9.14137C10.6029 9.01382 10.6667 8.8556 10.6667 8.66671C10.6667 8.47782 10.6029 8.31937 10.4754 8.19137C10.3474 8.06382 10.1889 8.00004 10 8.00004H6.00002C5.81113 8.00004 5.65291 8.06382 5.52535 8.19137C5.39735 8.31937 5.33335 8.47782 5.33335 8.66671C5.33335 8.8556 5.39735 9.01382 5.52535 9.14137C5.65291 9.26937 5.81113 9.33337 6.00002 9.33337ZM4.00002 14.6667C3.63335 14.6667 3.31958 14.5363 3.05869 14.2754C2.79735 14.014 2.66669 13.7 2.66669 13.3334V2.66671C2.66669 2.30004 2.79735 1.98604 3.05869 1.72471C3.31958 1.46382 3.63335 1.33337 4.00002 1.33337H8.78335C8.96113 1.33337 9.13069 1.36671 9.29202 1.43337C9.45291 1.50004 9.59446 1.59449 9.71669 1.71671L12.95 4.95004C13.0722 5.07226 13.1667 5.21382 13.2334 5.37471C13.3 5.53604 13.3334 5.7056 13.3334 5.88337V13.3334C13.3334 13.7 13.2029 14.014 12.942 14.2754C12.6807 14.5363 12.3667 14.6667 12 14.6667H4.00002ZM8.66669 5.33337V2.66671H4.00002V13.3334H12V6.00004H9.33335C9.14446 6.00004 8.98624 5.93604 8.85869 5.80804C8.73069 5.68048 8.66669 5.52226 8.66669 5.33337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9 18H15C15.2833 18 15.521 17.904 15.713 17.712C15.9043 17.5207 16 17.2833 16 17C16 16.7167 15.9043 16.4793 15.713 16.288C15.521 16.096 15.2833 16 15 16H9C8.71667 16 8.47933 16.096 8.288 16.288C8.096 16.4793 8 16.7167 8 17C8 17.2833 8.096 17.5207 8.288 17.712C8.47933 17.904 8.71667 18 9 18ZM9 14H15C15.2833 14 15.521 13.904 15.713 13.712C15.9043 13.5207 16 13.2833 16 13C16 12.7167 15.9043 12.479 15.713 12.287C15.521 12.0957 15.2833 12 15 12H9C8.71667 12 8.47933 12.0957 8.288 12.287C8.096 12.479 8 12.7167 8 13C8 13.2833 8.096 13.5207 8.288 13.712C8.47933 13.904 8.71667 14 9 14ZM6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M10.5 21H17.5C17.8306 21 18.1079 20.888 18.3319 20.664C18.5551 20.4408 18.6667 20.1639 18.6667 19.8334C18.6667 19.5028 18.5551 19.2259 18.3319 19.0027C18.1079 18.7787 17.8306 18.6667 17.5 18.6667H10.5C10.1695 18.6667 9.89258 18.7787 9.66935 19.0027C9.44535 19.2259 9.33335 19.5028 9.33335 19.8334C9.33335 20.1639 9.44535 20.4408 9.66935 20.664C9.89258 20.888 10.1695 21 10.5 21ZM10.5 16.3334H17.5C17.8306 16.3334 18.1079 16.2214 18.3319 15.9974C18.5551 15.7742 18.6667 15.4973 18.6667 15.1667C18.6667 14.8362 18.5551 14.5589 18.3319 14.3349C18.1079 14.1117 17.8306 14 17.5 14H10.5C10.1695 14 9.89258 14.1117 9.66935 14.3349C9.44535 14.5589 9.33335 14.8362 9.33335 15.1667C9.33335 15.4973 9.44535 15.7742 9.66935 15.9974C9.89258 16.2214 10.1695 16.3334 10.5 16.3334ZM7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V4.66671C4.66669 4.02504 4.89535 3.47554 5.35269 3.01821C5.80924 2.56165 6.35835 2.33337 7.00002 2.33337H15.3709C15.682 2.33337 15.9787 2.39171 16.261 2.50837C16.5426 2.62504 16.7903 2.79032 17.0042 3.00421L22.6625 8.66254C22.8764 8.87643 23.0417 9.12415 23.1584 9.40571C23.275 9.68804 23.3334 9.98476 23.3334 10.2959V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM15.1667 9.33337V4.66671H7.00002V23.3334H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94082 15.1667 9.66393 15.1667 9.33337Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-description", {
-        "color": [1],
-        "size": [2]
-    }]);
+    "color": [1],
+    "size": [2]
+  }]);
 function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-icon-description"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-icon-description":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlIconDescription$1);
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-description"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-description":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconDescription$1);
+      }
+      break;
+  } });
 }
 defineCustomElement$1();
 

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

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

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

@@ -2,41 +2,40 @@ 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 SwirlIconDesktopStyle0 = swirlIconCss;
 
 const SwirlIconDesktop$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDesktop 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", { key: '729f7c59837264b09fde0cdfbe4986e74c931ed4', "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: '87f0002429e36031fd0feec0d0be635c6379cfb9' }, h("path", { key: '0d1a76a6e11b46ae331498756f24c2906910cb79', d: "M6.66665 12.6667V11.3333H2.66665C2.29998 11.3333 1.98609 11.2028 1.72498 10.9417C1.46387 10.6806 1.33331 10.3667 1.33331 10V3.33333C1.33331 2.96667 1.46387 2.65278 1.72498 2.39167C1.98609 2.13056 2.29998 2 2.66665 2H13.3333C13.7 2 14.0139 2.13056 14.275 2.39167C14.5361 2.65278 14.6666 2.96667 14.6666 3.33333V10C14.6666 10.3667 14.5361 10.6806 14.275 10.9417C14.0139 11.2028 13.7 11.3333 13.3333 11.3333H9.33331V12.6667H9.99998C10.1889 12.6667 10.3472 12.7306 10.475 12.8583C10.6028 12.9861 10.6666 13.1444 10.6666 13.3333C10.6666 13.5222 10.6028 13.6806 10.475 13.8083C10.3472 13.9361 10.1889 14 9.99998 14H5.99998C5.81109 14 5.65276 13.9361 5.52498 13.8083C5.3972 13.6806 5.33331 13.5222 5.33331 13.3333C5.33331 13.1444 5.3972 12.9861 5.52498 12.8583C5.65276 12.7306 5.81109 12.6667 5.99998 12.6667H6.66665ZM2.66665 10H13.3333V3.33333H2.66665V10Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '1c26eebf25f355bad9a256b589578b8f7a756c3e' }, h("path", { key: 'd619c0a93af2ff5b62d0daecd059b3f64d2a306d', d: "M10 19V17H4C3.45 17 2.97917 16.8042 2.5875 16.4125C2.19583 16.0208 2 15.55 2 15V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V15C22 15.55 21.8042 16.0208 21.4125 16.4125C21.0208 16.8042 20.55 17 20 17H14V19H15C15.2833 19 15.5208 19.0958 15.7125 19.2875C15.9042 19.4792 16 19.7167 16 20C16 20.2833 15.9042 20.5208 15.7125 20.7125C15.5208 20.9042 15.2833 21 15 21H9C8.71667 21 8.47917 20.9042 8.2875 20.7125C8.09583 20.5208 8 20.2833 8 20C8 19.7167 8.09583 19.4792 8.2875 19.2875C8.47917 19.0958 8.71667 19 9 19H10ZM4 15H20V5H4V15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4ea1a21128d16a938122f38828344401923d0a18' }, h("path", { key: '0ee4942b064a7118b0fe855556eab90f6683956b', d: "M11.6666 22.1667V19.8333H4.66665C4.02498 19.8333 3.47567 19.6049 3.01873 19.1479C2.56179 18.691 2.33331 18.1417 2.33331 17.5V5.83333C2.33331 5.19167 2.56179 4.64236 3.01873 4.18542C3.47567 3.72847 4.02498 3.5 4.66665 3.5H23.3333C23.975 3.5 24.5243 3.72847 24.9812 4.18542C25.4382 4.64236 25.6666 5.19167 25.6666 5.83333V17.5C25.6666 18.1417 25.4382 18.691 24.9812 19.1479C24.5243 19.6049 23.975 19.8333 23.3333 19.8333H16.3333V22.1667H17.5C17.8305 22.1667 18.1076 22.2785 18.3312 22.5021C18.5548 22.7257 18.6666 23.0028 18.6666 23.3333C18.6666 23.6639 18.5548 23.941 18.3312 24.1646C18.1076 24.3882 17.8305 24.5 17.5 24.5H10.5C10.1694 24.5 9.89234 24.3882 9.66873 24.1646C9.44512 23.941 9.33331 23.6639 9.33331 23.3333C9.33331 23.0028 9.44512 22.7257 9.66873 22.5021C9.89234 22.2785 10.1694 22.1667 10.5 22.1667H11.6666ZM4.66665 17.5H23.3333V5.83333H4.66665V17.5Z", fill: "currentColor" })))));
-    }
-    static get style() { return SwirlIconDesktopStyle0; }
+  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 12.6667V11.3333H2.66665C2.29998 11.3333 1.98609 11.2028 1.72498 10.9417C1.46387 10.6806 1.33331 10.3667 1.33331 10V3.33333C1.33331 2.96667 1.46387 2.65278 1.72498 2.39167C1.98609 2.13056 2.29998 2 2.66665 2H13.3333C13.7 2 14.0139 2.13056 14.275 2.39167C14.5361 2.65278 14.6666 2.96667 14.6666 3.33333V10C14.6666 10.3667 14.5361 10.6806 14.275 10.9417C14.0139 11.2028 13.7 11.3333 13.3333 11.3333H9.33331V12.6667H9.99998C10.1889 12.6667 10.3472 12.7306 10.475 12.8583C10.6028 12.9861 10.6666 13.1444 10.6666 13.3333C10.6666 13.5222 10.6028 13.6806 10.475 13.8083C10.3472 13.9361 10.1889 14 9.99998 14H5.99998C5.81109 14 5.65276 13.9361 5.52498 13.8083C5.3972 13.6806 5.33331 13.5222 5.33331 13.3333C5.33331 13.1444 5.3972 12.9861 5.52498 12.8583C5.65276 12.7306 5.81109 12.6667 5.99998 12.6667H6.66665ZM2.66665 10H13.3333V3.33333H2.66665V10Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M10 19V17H4C3.45 17 2.97917 16.8042 2.5875 16.4125C2.19583 16.0208 2 15.55 2 15V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V15C22 15.55 21.8042 16.0208 21.4125 16.4125C21.0208 16.8042 20.55 17 20 17H14V19H15C15.2833 19 15.5208 19.0958 15.7125 19.2875C15.9042 19.4792 16 19.7167 16 20C16 20.2833 15.9042 20.5208 15.7125 20.7125C15.5208 20.9042 15.2833 21 15 21H9C8.71667 21 8.47917 20.9042 8.2875 20.7125C8.09583 20.5208 8 20.2833 8 20C8 19.7167 8.09583 19.4792 8.2875 19.2875C8.47917 19.0958 8.71667 19 9 19H10ZM4 15H20V5H4V15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M11.6666 22.1667V19.8333H4.66665C4.02498 19.8333 3.47567 19.6049 3.01873 19.1479C2.56179 18.691 2.33331 18.1417 2.33331 17.5V5.83333C2.33331 5.19167 2.56179 4.64236 3.01873 4.18542C3.47567 3.72847 4.02498 3.5 4.66665 3.5H23.3333C23.975 3.5 24.5243 3.72847 24.9812 4.18542C25.4382 4.64236 25.6666 5.19167 25.6666 5.83333V17.5C25.6666 18.1417 25.4382 18.691 24.9812 19.1479C24.5243 19.6049 23.975 19.8333 23.3333 19.8333H16.3333V22.1667H17.5C17.8305 22.1667 18.1076 22.2785 18.3312 22.5021C18.5548 22.7257 18.6666 23.0028 18.6666 23.3333C18.6666 23.6639 18.5548 23.941 18.3312 24.1646C18.1076 24.3882 17.8305 24.5 17.5 24.5H10.5C10.1694 24.5 9.89234 24.3882 9.66873 24.1646C9.44512 23.941 9.33331 23.6639 9.33331 23.3333C9.33331 23.0028 9.44512 22.7257 9.66873 22.5021C9.89234 22.2785 10.1694 22.1667 10.5 22.1667H11.6666ZM4.66665 17.5H23.3333V5.83333H4.66665V17.5Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-desktop", {
-        "color": [1],
-        "size": [2]
-    }]);
+    "color": [1],
+    "size": [2]
+  }]);
 function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-icon-desktop"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-icon-desktop":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlIconDesktop$1);
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-desktop"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-desktop":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconDesktop$1);
+      }
+      break;
+  } });
 }
 defineCustomElement$1();
 

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

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

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

@@ -2,41 +2,40 @@ 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 SwirlIconDirectoryFilledStyle0 = swirlIconCss;
 
 const SwirlIconDirectoryFilled$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDirectoryFilled 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", { key: 'aba233c03deaa473cb55c38bcd21efd421fb7ec4', "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: 'a05884501bf636ee80d5c8742b26c8fd6ad3b5a2' }, h("path", { key: '05b2fcd37ba3680d25fd092747829293fd38829c', d: "M0.666626 4C0.666626 3.63181 0.965103 3.33333 1.33329 3.33333C1.70148 3.33333 1.99996 3.63181 1.99996 4V12C1.99996 12.3682 1.70148 12.6667 1.33329 12.6667C0.965103 12.6667 0.666626 12.3682 0.666626 12V4Z", fill: "currentColor" }), h("path", { key: 'e736d84612e8399df5c77dae2314deaacea27caf', d: "M2.66663 4C2.66663 2.89543 3.56206 2 4.66663 2H12.6666C13.7712 2 14.6666 2.89543 14.6666 4V12C14.6666 13.1046 13.7712 14 12.6666 14H4.66663C3.56206 14 2.66663 13.1046 2.66663 12V4ZM4.83671 12.6667H12.4971C11.6538 11.4577 10.2527 10.6667 8.66692 10.6667C7.08109 10.6667 5.68001 11.4577 4.83671 12.6667ZM8.66663 9.33333C9.7712 9.33333 10.6666 8.4379 10.6666 7.33333C10.6666 6.22876 9.7712 5.33333 8.66663 5.33333C7.56206 5.33333 6.66663 6.22876 6.66663 7.33333C6.66663 8.4379 7.56206 9.33333 8.66663 9.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '5e8881f9cfc3e7c1f066e25b3b4e696eafb5e1d1' }, h("path", { key: '67698ef73efbd61c9dd94939a85d73d25bf4fb27', d: "M1 6C1 5.44772 1.44772 5 2 5C2.55228 5 3 5.44772 3 6V18C3 18.5523 2.55228 19 2 19C1.44772 19 1 18.5523 1 18V6Z", fill: "currentColor" }), h("path", { key: '3b3ceb749b5128bf30ddaac312365868dc1b66ec', d: "M4 6C4 4.34315 5.34315 3 7 3H19C20.6569 3 22 4.34315 22 6V18C22 19.6569 20.6569 21 19 21H7C5.34315 21 4 19.6569 4 18V6ZM7.25513 19H18.7457C17.4808 17.1865 15.3792 16 13.0004 16C10.6217 16 8.52007 17.1865 7.25513 19ZM13 14C14.6569 14 16 12.6569 16 11C16 9.34315 14.6569 8 13 8C11.3431 8 10 9.34315 10 11C10 12.6569 11.3431 14 13 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'b501ef68179b9ce3d38722e012e92fe6665a8eda' }, h("path", { key: '16e516a226b288dc295e899f2b2e6ff248ecb445', d: "M1.16663 7C1.16663 6.35567 1.68896 5.83333 2.33329 5.83333C2.97762 5.83333 3.49996 6.35567 3.49996 7V21C3.49996 21.6443 2.97762 22.1667 2.33329 22.1667C1.68896 22.1667 1.16663 21.6443 1.16663 21V7Z", fill: "currentColor" }), h("path", { key: '1dadae961c1b3c3ca0a476b144bf4dda27cb7a5f', d: "M4.66663 7C4.66663 5.067 6.23363 3.5 8.16663 3.5H22.1666C24.0996 3.5 25.6666 5.067 25.6666 7V21C25.6666 22.933 24.0996 24.5 22.1666 24.5H8.16663C6.23363 24.5 4.66663 22.933 4.66663 21V7ZM8.46427 22.1667H21.87C20.3942 20.0509 17.9423 18.6667 15.1671 18.6667C12.3919 18.6667 9.94004 20.0509 8.46427 22.1667ZM15.1666 16.3333C17.0996 16.3333 18.6666 14.7663 18.6666 12.8333C18.6666 10.9003 17.0996 9.33333 15.1666 9.33333C13.2336 9.33333 11.6666 10.9003 11.6666 12.8333C11.6666 14.7663 13.2336 16.3333 15.1666 16.3333Z", fill: "currentColor" })))));
-    }
-    static get style() { return SwirlIconDirectoryFilledStyle0; }
+  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: "M0.666626 4C0.666626 3.63181 0.965103 3.33333 1.33329 3.33333C1.70148 3.33333 1.99996 3.63181 1.99996 4V12C1.99996 12.3682 1.70148 12.6667 1.33329 12.6667C0.965103 12.6667 0.666626 12.3682 0.666626 12V4Z", fill: "currentColor" }), h("path", { d: "M2.66663 4C2.66663 2.89543 3.56206 2 4.66663 2H12.6666C13.7712 2 14.6666 2.89543 14.6666 4V12C14.6666 13.1046 13.7712 14 12.6666 14H4.66663C3.56206 14 2.66663 13.1046 2.66663 12V4ZM4.83671 12.6667H12.4971C11.6538 11.4577 10.2527 10.6667 8.66692 10.6667C7.08109 10.6667 5.68001 11.4577 4.83671 12.6667ZM8.66663 9.33333C9.7712 9.33333 10.6666 8.4379 10.6666 7.33333C10.6666 6.22876 9.7712 5.33333 8.66663 5.33333C7.56206 5.33333 6.66663 6.22876 6.66663 7.33333C6.66663 8.4379 7.56206 9.33333 8.66663 9.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M1 6C1 5.44772 1.44772 5 2 5C2.55228 5 3 5.44772 3 6V18C3 18.5523 2.55228 19 2 19C1.44772 19 1 18.5523 1 18V6Z", fill: "currentColor" }), h("path", { d: "M4 6C4 4.34315 5.34315 3 7 3H19C20.6569 3 22 4.34315 22 6V18C22 19.6569 20.6569 21 19 21H7C5.34315 21 4 19.6569 4 18V6ZM7.25513 19H18.7457C17.4808 17.1865 15.3792 16 13.0004 16C10.6217 16 8.52007 17.1865 7.25513 19ZM13 14C14.6569 14 16 12.6569 16 11C16 9.34315 14.6569 8 13 8C11.3431 8 10 9.34315 10 11C10 12.6569 11.3431 14 13 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M1.16663 7C1.16663 6.35567 1.68896 5.83333 2.33329 5.83333C2.97762 5.83333 3.49996 6.35567 3.49996 7V21C3.49996 21.6443 2.97762 22.1667 2.33329 22.1667C1.68896 22.1667 1.16663 21.6443 1.16663 21V7Z", fill: "currentColor" }), h("path", { d: "M4.66663 7C4.66663 5.067 6.23363 3.5 8.16663 3.5H22.1666C24.0996 3.5 25.6666 5.067 25.6666 7V21C25.6666 22.933 24.0996 24.5 22.1666 24.5H8.16663C6.23363 24.5 4.66663 22.933 4.66663 21V7ZM8.46427 22.1667H21.87C20.3942 20.0509 17.9423 18.6667 15.1671 18.6667C12.3919 18.6667 9.94004 20.0509 8.46427 22.1667ZM15.1666 16.3333C17.0996 16.3333 18.6666 14.7663 18.6666 12.8333C18.6666 10.9003 17.0996 9.33333 15.1666 9.33333C13.2336 9.33333 11.6666 10.9003 11.6666 12.8333C11.6666 14.7663 13.2336 16.3333 15.1666 16.3333Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-directory-filled", {
-        "color": [1],
-        "size": [2]
-    }]);
+    "color": [1],
+    "size": [2]
+  }]);
 function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-icon-directory-filled"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-icon-directory-filled":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlIconDirectoryFilled$1);
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-directory-filled"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-directory-filled":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconDirectoryFilled$1);
+      }
+      break;
+  } });
 }
 defineCustomElement$1();
 

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

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