@getflip/swirl-components 0.197.1 → 0.199.0

package/dist/components/swirl-icon-lock-open.d.ts

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

package/dist/components/swirl-icon-lock-open.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 SwirlIconLockOpenStyle0 = swirlIconCss;
 
 const SwirlIconLockOpen$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconLockOpen extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M3.99999 5.33317H9.99999V3.99984C9.99999 3.44428 9.80555 2.97206 9.41666 2.58317C9.02777 2.19428 8.55555 1.99984 7.99999 1.99984C7.44443 1.99984 6.97221 2.19428 6.58332 2.58317C6.19443 2.97206 5.99999 3.44428 5.99999 3.99984H4.66666C4.66666 3.07762 4.99166 2.2915 5.64166 1.6415C6.29166 0.991504 7.07777 0.666504 7.99999 0.666504C8.92221 0.666504 9.70832 0.991504 10.3583 1.6415C11.0083 2.2915 11.3333 3.07762 11.3333 3.99984V5.33317H12C12.3667 5.33317 12.6805 5.46373 12.9417 5.72484C13.2028 5.98595 13.3333 6.29984 13.3333 6.6665V13.3332C13.3333 13.6998 13.2028 14.0137 12.9417 14.2748C12.6805 14.5359 12.3667 14.6665 12 14.6665H3.99999C3.63332 14.6665 3.31943 14.5359 3.05832 14.2748C2.79721 14.0137 2.66666 13.6998 2.66666 13.3332V6.6665C2.66666 6.29984 2.79721 5.98595 3.05832 5.72484C3.31943 5.46373 3.63332 5.33317 3.99999 5.33317ZM3.99999 13.3332H12V6.6665H3.99999V13.3332ZM7.99999 11.3332C8.36666 11.3332 8.68055 11.2026 8.94166 10.9415C9.20277 10.6804 9.33332 10.3665 9.33332 9.99984C9.33332 9.63317 9.20277 9.31928 8.94166 9.05817C8.68055 8.79706 8.36666 8.6665 7.99999 8.6665C7.63332 8.6665 7.31943 8.79706 7.05832 9.05817C6.79721 9.31928 6.66666 9.63317 6.66666 9.99984C6.66666 10.3665 6.79721 10.6804 7.05832 10.9415C7.31943 11.2026 7.63332 11.3332 7.99999 11.3332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M6 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6H7C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M6.99999 9.33317H17.5V6.99984C17.5 6.02761 17.1597 5.20123 16.4792 4.52067C15.7986 3.84011 14.9722 3.49984 14 3.49984C13.0278 3.49984 12.2014 3.84011 11.5208 4.52067C10.8403 5.20123 10.5 6.02761 10.5 6.99984H8.16666C8.16666 5.38595 8.73541 4.01025 9.87291 2.87275C11.0104 1.73525 12.3861 1.1665 14 1.1665C15.6139 1.1665 16.9896 1.73525 18.1271 2.87275C19.2646 4.01025 19.8333 5.38595 19.8333 6.99984V9.33317H21C21.6417 9.33317 22.191 9.56164 22.6479 10.0186C23.1049 10.4755 23.3333 11.0248 23.3333 11.6665V23.3332C23.3333 23.9748 23.1049 24.5241 22.6479 24.9811C22.191 25.438 21.6417 25.6665 21 25.6665H6.99999C6.35832 25.6665 5.80902 25.438 5.35207 24.9811C4.89513 24.5241 4.66666 23.9748 4.66666 23.3332V11.6665C4.66666 11.0248 4.89513 10.4755 5.35207 10.0186C5.80902 9.56164 6.35832 9.33317 6.99999 9.33317ZM6.99999 23.3332H21V11.6665H6.99999V23.3332ZM14 19.8332C14.6417 19.8332 15.191 19.6047 15.6479 19.1478C16.1049 18.6908 16.3333 18.1415 16.3333 17.4998C16.3333 16.8582 16.1049 16.3089 15.6479 15.8519C15.191 15.395 14.6417 15.1665 14 15.1665C13.3583 15.1665 12.809 15.395 12.3521 15.8519C11.8951 16.3089 11.6667 16.8582 11.6667 17.4998C11.6667 18.1415 11.8951 18.6908 12.3521 19.1478C12.809 19.6047 13.3583 19.8332 14 19.8332Z", 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: '4c7a3ffcd64914cd1a14587db977dd7698189c3f', "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: 'f2cb0a75e799989e7609ed59dfc5e9ac360cdb1a' }, h("path", { key: '98f52629b85ccf43e6caa837784d7665c87e8037', d: "M3.99999 5.33317H9.99999V3.99984C9.99999 3.44428 9.80555 2.97206 9.41666 2.58317C9.02777 2.19428 8.55555 1.99984 7.99999 1.99984C7.44443 1.99984 6.97221 2.19428 6.58332 2.58317C6.19443 2.97206 5.99999 3.44428 5.99999 3.99984H4.66666C4.66666 3.07762 4.99166 2.2915 5.64166 1.6415C6.29166 0.991504 7.07777 0.666504 7.99999 0.666504C8.92221 0.666504 9.70832 0.991504 10.3583 1.6415C11.0083 2.2915 11.3333 3.07762 11.3333 3.99984V5.33317H12C12.3667 5.33317 12.6805 5.46373 12.9417 5.72484C13.2028 5.98595 13.3333 6.29984 13.3333 6.6665V13.3332C13.3333 13.6998 13.2028 14.0137 12.9417 14.2748C12.6805 14.5359 12.3667 14.6665 12 14.6665H3.99999C3.63332 14.6665 3.31943 14.5359 3.05832 14.2748C2.79721 14.0137 2.66666 13.6998 2.66666 13.3332V6.6665C2.66666 6.29984 2.79721 5.98595 3.05832 5.72484C3.31943 5.46373 3.63332 5.33317 3.99999 5.33317ZM3.99999 13.3332H12V6.6665H3.99999V13.3332ZM7.99999 11.3332C8.36666 11.3332 8.68055 11.2026 8.94166 10.9415C9.20277 10.6804 9.33332 10.3665 9.33332 9.99984C9.33332 9.63317 9.20277 9.31928 8.94166 9.05817C8.68055 8.79706 8.36666 8.6665 7.99999 8.6665C7.63332 8.6665 7.31943 8.79706 7.05832 9.05817C6.79721 9.31928 6.66666 9.63317 6.66666 9.99984C6.66666 10.3665 6.79721 10.6804 7.05832 10.9415C7.31943 11.2026 7.63332 11.3332 7.99999 11.3332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3014a1c78821d55b4f1bb82b3d32d797b7ba7f26' }, h("path", { key: '7e1ca0df4aa5a485f6152f1bb433eae8b84f8bcd', d: "M6 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6H7C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ba0e9483030baff7bcd6e464f441d6a6d484385c' }, h("path", { key: '6ef812ce147229b08e68d4a63adfae4e6f56b1f1', d: "M6.99999 9.33317H17.5V6.99984C17.5 6.02761 17.1597 5.20123 16.4792 4.52067C15.7986 3.84011 14.9722 3.49984 14 3.49984C13.0278 3.49984 12.2014 3.84011 11.5208 4.52067C10.8403 5.20123 10.5 6.02761 10.5 6.99984H8.16666C8.16666 5.38595 8.73541 4.01025 9.87291 2.87275C11.0104 1.73525 12.3861 1.1665 14 1.1665C15.6139 1.1665 16.9896 1.73525 18.1271 2.87275C19.2646 4.01025 19.8333 5.38595 19.8333 6.99984V9.33317H21C21.6417 9.33317 22.191 9.56164 22.6479 10.0186C23.1049 10.4755 23.3333 11.0248 23.3333 11.6665V23.3332C23.3333 23.9748 23.1049 24.5241 22.6479 24.9811C22.191 25.438 21.6417 25.6665 21 25.6665H6.99999C6.35832 25.6665 5.80902 25.438 5.35207 24.9811C4.89513 24.5241 4.66666 23.9748 4.66666 23.3332V11.6665C4.66666 11.0248 4.89513 10.4755 5.35207 10.0186C5.80902 9.56164 6.35832 9.33317 6.99999 9.33317ZM6.99999 23.3332H21V11.6665H6.99999V23.3332ZM14 19.8332C14.6417 19.8332 15.191 19.6047 15.6479 19.1478C16.1049 18.6908 16.3333 18.1415 16.3333 17.4998C16.3333 16.8582 16.1049 16.3089 15.6479 15.8519C15.191 15.395 14.6417 15.1665 14 15.1665C13.3583 15.1665 12.809 15.395 12.3521 15.8519C11.8951 16.3089 11.6667 16.8582 11.6667 17.4998C11.6667 18.1415 11.8951 18.6908 12.3521 19.1478C12.809 19.6047 13.3583 19.8332 14 19.8332Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconLockOpenStyle0; }
 }, [1, "swirl-icon-lock-open", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-lock-open"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-lock-open":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconLockOpen$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-lock-open"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-lock-open":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconLockOpen$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconLockOpen = SwirlIconLockOpen$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-lock-person.d.ts

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

package/dist/components/swirl-icon-lock-person.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 SwirlIconLockPersonStyle0 = swirlIconCss;
 
 const SwirlIconLockPerson$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconLockPerson 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: "M12 11.9998C12.2777 11.9998 12.5138 11.9026 12.7083 11.7082C12.9027 11.5137 13 11.2776 13 10.9998C13 10.7221 12.9027 10.4859 12.7083 10.2915C12.5138 10.0971 12.2777 9.99984 12 9.99984C11.7222 9.99984 11.4861 10.0971 11.2916 10.2915C11.0972 10.4859 11 10.7221 11 10.9998C11 11.2776 11.0972 11.5137 11.2916 11.7082C11.4861 11.9026 11.7222 11.9998 12 11.9998ZM12 13.9998C12.3333 13.9998 12.6444 13.9221 12.9333 13.7665C13.2222 13.6109 13.4611 13.3943 13.65 13.1165C13.3944 12.9609 13.1277 12.8471 12.85 12.7748C12.5722 12.7026 12.2888 12.6665 12 12.6665C11.7111 12.6665 11.4277 12.7026 11.15 12.7748C10.8722 12.8471 10.6055 12.9609 10.35 13.1165C10.5388 13.3943 10.7777 13.6109 11.0666 13.7665C11.3555 13.9221 11.6666 13.9998 12 13.9998ZM5.99996 5.33317H9.99996V3.99984C9.99996 3.44428 9.80552 2.97206 9.41663 2.58317C9.02774 2.19428 8.55552 1.99984 7.99996 1.99984C7.4444 1.99984 6.97218 2.19428 6.58329 2.58317C6.1944 2.97206 5.99996 3.44428 5.99996 3.99984V5.33317ZM8.16663 14.6665H3.99996C3.63329 14.6665 3.3194 14.5359 3.05829 14.2748C2.79718 14.0137 2.66663 13.6998 2.66663 13.3332V6.6665C2.66663 6.29984 2.79718 5.98595 3.05829 5.72484C3.3194 5.46373 3.63329 5.33317 3.99996 5.33317H4.66663V3.99984C4.66663 3.07762 4.99163 2.2915 5.64163 1.6415C6.29163 0.991504 7.07774 0.666504 7.99996 0.666504C8.92218 0.666504 9.70829 0.991504 10.3583 1.6415C11.0083 2.2915 11.3333 3.07762 11.3333 3.99984V5.33317H12C12.3666 5.33317 12.6805 5.46373 12.9416 5.72484C13.2027 5.98595 13.3333 6.29984 13.3333 6.6665V7.53317C13.1333 7.4665 12.925 7.4165 12.7083 7.38317C12.4916 7.34984 12.2555 7.33317 12 7.33317V6.6665H3.99996V13.3332H7.53329C7.62218 13.5998 7.71107 13.8304 7.79996 14.0248C7.88885 14.2193 8.01107 14.4332 8.16663 14.6665ZM12 15.3332C11.0777 15.3332 10.2916 15.0082 9.64163 14.3582C8.99163 13.7082 8.66663 12.9221 8.66663 11.9998C8.66663 11.0776 8.99163 10.2915 9.64163 9.6415C10.2916 8.9915 11.0777 8.6665 12 8.6665C12.9222 8.6665 13.7083 8.9915 14.3583 9.6415C15.0083 10.2915 15.3333 11.0776 15.3333 11.9998C15.3333 12.9221 15.0083 13.7082 14.3583 14.3582C13.7083 15.0082 12.9222 15.3332 12 15.3332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M18 18C18.4167 18 18.7708 17.8542 19.0625 17.5625C19.3542 17.2708 19.5 16.9167 19.5 16.5C19.5 16.0833 19.3542 15.7292 19.0625 15.4375C18.7708 15.1458 18.4167 15 18 15C17.5833 15 17.2292 15.1458 16.9375 15.4375C16.6458 15.7292 16.5 16.0833 16.5 16.5C16.5 16.9167 16.6458 17.2708 16.9375 17.5625C17.2292 17.8542 17.5833 18 18 18ZM18 21C18.5 21 18.9667 20.8833 19.4 20.65C19.8333 20.4167 20.1917 20.0917 20.475 19.675C20.0917 19.4417 19.6917 19.2708 19.275 19.1625C18.8583 19.0542 18.4333 19 18 19C17.5667 19 17.1417 19.0542 16.725 19.1625C16.3083 19.2708 15.9083 19.4417 15.525 19.675C15.8083 20.0917 16.1667 20.4167 16.6 20.65C17.0333 20.8833 17.5 21 18 21ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8ZM12.25 22H6C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V11.3C19.7 11.2 19.3875 11.125 19.0625 11.075C18.7375 11.025 18.3833 11 18 11V10H6V20H11.3C11.4333 20.4 11.5667 20.7458 11.7 21.0375C11.8333 21.3292 12.0167 21.65 12.25 22ZM18 23C16.6167 23 15.4375 22.5125 14.4625 21.5375C13.4875 20.5625 13 19.3833 13 18C13 16.6167 13.4875 15.4375 14.4625 14.4625C15.4375 13.4875 16.6167 13 18 13C19.3833 13 20.5625 13.4875 21.5375 14.4625C22.5125 15.4375 23 16.6167 23 18C23 19.3833 22.5125 20.5625 21.5375 21.5375C20.5625 22.5125 19.3833 23 18 23Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M21 20.9998C21.4861 20.9998 21.8993 20.8297 22.2395 20.4894C22.5798 20.1491 22.75 19.7359 22.75 19.2498C22.75 18.7637 22.5798 18.3505 22.2395 18.0103C21.8993 17.67 21.4861 17.4998 21 17.4998C20.5138 17.4998 20.1007 17.67 19.7604 18.0103C19.4201 18.3505 19.25 18.7637 19.25 19.2498C19.25 19.7359 19.4201 20.1491 19.7604 20.4894C20.1007 20.8297 20.5138 20.9998 21 20.9998ZM21 24.4998C21.5833 24.4998 22.1277 24.3637 22.6333 24.0915C23.1388 23.8193 23.5569 23.4401 23.8875 22.954C23.4402 22.6818 22.9736 22.4825 22.4875 22.3561C22.0013 22.2297 21.5055 22.1665 21 22.1665C20.4944 22.1665 19.9986 22.2297 19.5125 22.3561C19.0263 22.4825 18.5597 22.6818 18.1125 22.954C18.443 23.4401 18.8611 23.8193 19.3666 24.0915C19.8722 24.3637 20.4166 24.4998 21 24.4998ZM10.5 9.33317H17.5V6.99984C17.5 6.02761 17.1597 5.20123 16.4791 4.52067C15.7986 3.84011 14.9722 3.49984 14 3.49984C13.0277 3.49984 12.2013 3.84011 11.5208 4.52067C10.8402 5.20123 10.5 6.02761 10.5 6.99984V9.33317ZM14.2916 25.6665H6.99996C6.35829 25.6665 5.80899 25.438 5.35204 24.9811C4.8951 24.5241 4.66663 23.9748 4.66663 23.3332V11.6665C4.66663 11.0248 4.8951 10.4755 5.35204 10.0186C5.80899 9.56164 6.35829 9.33317 6.99996 9.33317H8.16663V6.99984C8.16663 5.38595 8.73538 4.01025 9.87288 2.87275C11.0104 1.73525 12.3861 1.1665 14 1.1665C15.6138 1.1665 16.9895 1.73525 18.127 2.87275C19.2645 4.01025 19.8333 5.38595 19.8333 6.99984V9.33317H21C21.6416 9.33317 22.1909 9.56164 22.6479 10.0186C23.1048 10.4755 23.3333 11.0248 23.3333 11.6665V13.1832C22.9833 13.0665 22.6187 12.979 22.2395 12.9207C21.8604 12.8623 21.4472 12.8332 21 12.8332V11.6665H6.99996V23.3332H13.1833C13.3388 23.7998 13.4944 24.2033 13.65 24.5436C13.8055 24.8839 14.0194 25.2582 14.2916 25.6665ZM21 26.8332C19.3861 26.8332 18.0104 26.2644 16.8729 25.1269C15.7354 23.9894 15.1666 22.6137 15.1666 20.9998C15.1666 19.3859 15.7354 18.0103 16.8729 16.8728C18.0104 15.7353 19.3861 15.1665 21 15.1665C22.6138 15.1665 23.9895 15.7353 25.127 16.8728C26.2645 18.0103 26.8333 19.3859 26.8333 20.9998C26.8333 22.6137 26.2645 23.9894 25.127 25.1269C23.9895 26.2644 22.6138 26.8332 21 26.8332Z", 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: '07575b37b52c3c398badbf1bd4f36d4b7777feca', "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: '359cf09f23c0c95447da2f96c741d8abff21ced5' }, h("path", { key: 'ad14debb588e026ea856f52e9df3409a7e1d2db0', d: "M12 11.9998C12.2777 11.9998 12.5138 11.9026 12.7083 11.7082C12.9027 11.5137 13 11.2776 13 10.9998C13 10.7221 12.9027 10.4859 12.7083 10.2915C12.5138 10.0971 12.2777 9.99984 12 9.99984C11.7222 9.99984 11.4861 10.0971 11.2916 10.2915C11.0972 10.4859 11 10.7221 11 10.9998C11 11.2776 11.0972 11.5137 11.2916 11.7082C11.4861 11.9026 11.7222 11.9998 12 11.9998ZM12 13.9998C12.3333 13.9998 12.6444 13.9221 12.9333 13.7665C13.2222 13.6109 13.4611 13.3943 13.65 13.1165C13.3944 12.9609 13.1277 12.8471 12.85 12.7748C12.5722 12.7026 12.2888 12.6665 12 12.6665C11.7111 12.6665 11.4277 12.7026 11.15 12.7748C10.8722 12.8471 10.6055 12.9609 10.35 13.1165C10.5388 13.3943 10.7777 13.6109 11.0666 13.7665C11.3555 13.9221 11.6666 13.9998 12 13.9998ZM5.99996 5.33317H9.99996V3.99984C9.99996 3.44428 9.80552 2.97206 9.41663 2.58317C9.02774 2.19428 8.55552 1.99984 7.99996 1.99984C7.4444 1.99984 6.97218 2.19428 6.58329 2.58317C6.1944 2.97206 5.99996 3.44428 5.99996 3.99984V5.33317ZM8.16663 14.6665H3.99996C3.63329 14.6665 3.3194 14.5359 3.05829 14.2748C2.79718 14.0137 2.66663 13.6998 2.66663 13.3332V6.6665C2.66663 6.29984 2.79718 5.98595 3.05829 5.72484C3.3194 5.46373 3.63329 5.33317 3.99996 5.33317H4.66663V3.99984C4.66663 3.07762 4.99163 2.2915 5.64163 1.6415C6.29163 0.991504 7.07774 0.666504 7.99996 0.666504C8.92218 0.666504 9.70829 0.991504 10.3583 1.6415C11.0083 2.2915 11.3333 3.07762 11.3333 3.99984V5.33317H12C12.3666 5.33317 12.6805 5.46373 12.9416 5.72484C13.2027 5.98595 13.3333 6.29984 13.3333 6.6665V7.53317C13.1333 7.4665 12.925 7.4165 12.7083 7.38317C12.4916 7.34984 12.2555 7.33317 12 7.33317V6.6665H3.99996V13.3332H7.53329C7.62218 13.5998 7.71107 13.8304 7.79996 14.0248C7.88885 14.2193 8.01107 14.4332 8.16663 14.6665ZM12 15.3332C11.0777 15.3332 10.2916 15.0082 9.64163 14.3582C8.99163 13.7082 8.66663 12.9221 8.66663 11.9998C8.66663 11.0776 8.99163 10.2915 9.64163 9.6415C10.2916 8.9915 11.0777 8.6665 12 8.6665C12.9222 8.6665 13.7083 8.9915 14.3583 9.6415C15.0083 10.2915 15.3333 11.0776 15.3333 11.9998C15.3333 12.9221 15.0083 13.7082 14.3583 14.3582C13.7083 15.0082 12.9222 15.3332 12 15.3332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '87f2331942d44f2bddaf03a89eea1cfcb7db04e9' }, h("path", { key: 'cb3f6a8f2114e5859eff676c49ce1858e0669db4', d: "M18 18C18.4167 18 18.7708 17.8542 19.0625 17.5625C19.3542 17.2708 19.5 16.9167 19.5 16.5C19.5 16.0833 19.3542 15.7292 19.0625 15.4375C18.7708 15.1458 18.4167 15 18 15C17.5833 15 17.2292 15.1458 16.9375 15.4375C16.6458 15.7292 16.5 16.0833 16.5 16.5C16.5 16.9167 16.6458 17.2708 16.9375 17.5625C17.2292 17.8542 17.5833 18 18 18ZM18 21C18.5 21 18.9667 20.8833 19.4 20.65C19.8333 20.4167 20.1917 20.0917 20.475 19.675C20.0917 19.4417 19.6917 19.2708 19.275 19.1625C18.8583 19.0542 18.4333 19 18 19C17.5667 19 17.1417 19.0542 16.725 19.1625C16.3083 19.2708 15.9083 19.4417 15.525 19.675C15.8083 20.0917 16.1667 20.4167 16.6 20.65C17.0333 20.8833 17.5 21 18 21ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8ZM12.25 22H6C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V11.3C19.7 11.2 19.3875 11.125 19.0625 11.075C18.7375 11.025 18.3833 11 18 11V10H6V20H11.3C11.4333 20.4 11.5667 20.7458 11.7 21.0375C11.8333 21.3292 12.0167 21.65 12.25 22ZM18 23C16.6167 23 15.4375 22.5125 14.4625 21.5375C13.4875 20.5625 13 19.3833 13 18C13 16.6167 13.4875 15.4375 14.4625 14.4625C15.4375 13.4875 16.6167 13 18 13C19.3833 13 20.5625 13.4875 21.5375 14.4625C22.5125 15.4375 23 16.6167 23 18C23 19.3833 22.5125 20.5625 21.5375 21.5375C20.5625 22.5125 19.3833 23 18 23Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'db6f388332e829018136222595de0a4f8e738706' }, h("path", { key: 'b12eb83d27cd8b8a7eb56e9eef8f9fce8437d473', d: "M21 20.9998C21.4861 20.9998 21.8993 20.8297 22.2395 20.4894C22.5798 20.1491 22.75 19.7359 22.75 19.2498C22.75 18.7637 22.5798 18.3505 22.2395 18.0103C21.8993 17.67 21.4861 17.4998 21 17.4998C20.5138 17.4998 20.1007 17.67 19.7604 18.0103C19.4201 18.3505 19.25 18.7637 19.25 19.2498C19.25 19.7359 19.4201 20.1491 19.7604 20.4894C20.1007 20.8297 20.5138 20.9998 21 20.9998ZM21 24.4998C21.5833 24.4998 22.1277 24.3637 22.6333 24.0915C23.1388 23.8193 23.5569 23.4401 23.8875 22.954C23.4402 22.6818 22.9736 22.4825 22.4875 22.3561C22.0013 22.2297 21.5055 22.1665 21 22.1665C20.4944 22.1665 19.9986 22.2297 19.5125 22.3561C19.0263 22.4825 18.5597 22.6818 18.1125 22.954C18.443 23.4401 18.8611 23.8193 19.3666 24.0915C19.8722 24.3637 20.4166 24.4998 21 24.4998ZM10.5 9.33317H17.5V6.99984C17.5 6.02761 17.1597 5.20123 16.4791 4.52067C15.7986 3.84011 14.9722 3.49984 14 3.49984C13.0277 3.49984 12.2013 3.84011 11.5208 4.52067C10.8402 5.20123 10.5 6.02761 10.5 6.99984V9.33317ZM14.2916 25.6665H6.99996C6.35829 25.6665 5.80899 25.438 5.35204 24.9811C4.8951 24.5241 4.66663 23.9748 4.66663 23.3332V11.6665C4.66663 11.0248 4.8951 10.4755 5.35204 10.0186C5.80899 9.56164 6.35829 9.33317 6.99996 9.33317H8.16663V6.99984C8.16663 5.38595 8.73538 4.01025 9.87288 2.87275C11.0104 1.73525 12.3861 1.1665 14 1.1665C15.6138 1.1665 16.9895 1.73525 18.127 2.87275C19.2645 4.01025 19.8333 5.38595 19.8333 6.99984V9.33317H21C21.6416 9.33317 22.1909 9.56164 22.6479 10.0186C23.1048 10.4755 23.3333 11.0248 23.3333 11.6665V13.1832C22.9833 13.0665 22.6187 12.979 22.2395 12.9207C21.8604 12.8623 21.4472 12.8332 21 12.8332V11.6665H6.99996V23.3332H13.1833C13.3388 23.7998 13.4944 24.2033 13.65 24.5436C13.8055 24.8839 14.0194 25.2582 14.2916 25.6665ZM21 26.8332C19.3861 26.8332 18.0104 26.2644 16.8729 25.1269C15.7354 23.9894 15.1666 22.6137 15.1666 20.9998C15.1666 19.3859 15.7354 18.0103 16.8729 16.8728C18.0104 15.7353 19.3861 15.1665 21 15.1665C22.6138 15.1665 23.9895 15.7353 25.127 16.8728C26.2645 18.0103 26.8333 19.3859 26.8333 20.9998C26.8333 22.6137 26.2645 23.9894 25.127 25.1269C23.9895 26.2644 22.6138 26.8332 21 26.8332Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconLockPersonStyle0; }
 }, [1, "swirl-icon-lock-person", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-lock-person"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-lock-person":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconLockPerson$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-lock-person"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-lock-person":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconLockPerson$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconLockPerson = SwirlIconLockPerson$1;
 const defineCustomElement = defineCustomElement$1;

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

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

package/dist/components/swirl-icon-lock.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 SwirlIconLockStyle0 = swirlIconCss;
 
 const SwirlIconLock$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconLock extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M4.00002 14.6667C3.63335 14.6667 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V6.66666C2.66669 6.29999 2.79735 5.98599 3.05869 5.72466C3.31958 5.46377 3.63335 5.33332 4.00002 5.33332H4.66669V3.99999C4.66669 3.07777 4.9918 2.29155 5.64202 1.64132C6.2918 0.991545 7.0778 0.666656 8.00002 0.666656C8.92224 0.666656 9.70847 0.991545 10.3587 1.64132C11.0085 2.29155 11.3334 3.07777 11.3334 3.99999V5.33332H12C12.3667 5.33332 12.6807 5.46377 12.942 5.72466C13.2029 5.98599 13.3334 6.29999 13.3334 6.66666V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6667 12 14.6667H4.00002ZM4.00002 13.3333H12V6.66666H4.00002V13.3333ZM8.00002 11.3333C8.36669 11.3333 8.68069 11.2029 8.94202 10.942C9.20291 10.6807 9.33335 10.3667 9.33335 9.99999C9.33335 9.63332 9.20291 9.31932 8.94202 9.05799C8.68069 8.7971 8.36669 8.66666 8.00002 8.66666C7.63335 8.66666 7.31958 8.7971 7.05869 9.05799C6.79735 9.31932 6.66669 9.63332 6.66669 9.99999C6.66669 10.3667 6.79735 10.6807 7.05869 10.942C7.31958 11.2029 7.63335 11.3333 8.00002 11.3333ZM6.00002 5.33332H10V3.99999C10 3.44443 9.80558 2.97221 9.41669 2.58332C9.0278 2.19443 8.55558 1.99999 8.00002 1.99999C7.44446 1.99999 6.97224 2.19443 6.58335 2.58332C6.19446 2.97221 6.00002 3.44443 6.00002 3.99999V5.33332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V10C4 9.45 4.196 8.979 4.588 8.587C4.97933 8.19567 5.45 8 6 8H7V6C7 4.61667 7.48767 3.43733 8.463 2.462C9.43767 1.48733 10.6167 1 12 1C13.3833 1 14.5627 1.48733 15.538 2.462C16.5127 3.43733 17 4.61667 17 6V8H18C18.55 8 19.021 8.19567 19.413 8.587C19.8043 8.979 20 9.45 20 10V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.021 16.8043 13.413 16.413C13.8043 16.021 14 15.55 14 15C14 14.45 13.8043 13.979 13.413 13.587C13.021 13.1957 12.55 13 12 13C11.45 13 10.9793 13.1957 10.588 13.587C10.196 13.979 10 14.45 10 15C10 15.55 10.196 16.021 10.588 16.413C10.9793 16.8043 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V11.6667C4.66669 11.025 4.89535 10.4755 5.35269 10.0182C5.80924 9.56163 6.35835 9.33335 7.00002 9.33335H8.16669V7.00002C8.16669 5.38613 8.73563 4.01024 9.87352 2.87235C11.0106 1.73524 12.3861 1.16669 14 1.16669C15.6139 1.16669 16.9898 1.73524 18.1277 2.87235C19.2648 4.01024 19.8334 5.38613 19.8334 7.00002V9.33335H21C21.6417 9.33335 22.1912 9.56163 22.6485 10.0182C23.1051 10.4755 23.3334 11.025 23.3334 11.6667V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM7.00002 23.3334H21V11.6667H7.00002V23.3334ZM14 19.8334C14.6417 19.8334 15.1912 19.6051 15.6485 19.1485C16.1051 18.6912 16.3334 18.1417 16.3334 17.5C16.3334 16.8584 16.1051 16.3089 15.6485 15.8515C15.1912 15.395 14.6417 15.1667 14 15.1667C13.3584 15.1667 12.8092 15.395 12.3527 15.8515C11.8954 16.3089 11.6667 16.8584 11.6667 17.5C11.6667 18.1417 11.8954 18.6912 12.3527 19.1485C12.8092 19.6051 13.3584 19.8334 14 19.8334ZM10.5 9.33335H17.5V7.00002C17.5 6.0278 17.1597 5.20141 16.4792 4.52085C15.7986 3.8403 14.9722 3.50002 14 3.50002C13.0278 3.50002 12.2014 3.8403 11.5209 4.52085C10.8403 5.20141 10.5 6.0278 10.5 7.00002V9.33335Z", 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: '2becdfd1f5c766f966f1eecba635b94659a11041', "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: '79f91238db991a6638d642f8b3244dae5bb66a33' }, h("path", { key: '96226cf0d9bb9a6592497c4347176461e5d4bec5', d: "M4.00002 14.6667C3.63335 14.6667 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V6.66666C2.66669 6.29999 2.79735 5.98599 3.05869 5.72466C3.31958 5.46377 3.63335 5.33332 4.00002 5.33332H4.66669V3.99999C4.66669 3.07777 4.9918 2.29155 5.64202 1.64132C6.2918 0.991545 7.0778 0.666656 8.00002 0.666656C8.92224 0.666656 9.70847 0.991545 10.3587 1.64132C11.0085 2.29155 11.3334 3.07777 11.3334 3.99999V5.33332H12C12.3667 5.33332 12.6807 5.46377 12.942 5.72466C13.2029 5.98599 13.3334 6.29999 13.3334 6.66666V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6667 12 14.6667H4.00002ZM4.00002 13.3333H12V6.66666H4.00002V13.3333ZM8.00002 11.3333C8.36669 11.3333 8.68069 11.2029 8.94202 10.942C9.20291 10.6807 9.33335 10.3667 9.33335 9.99999C9.33335 9.63332 9.20291 9.31932 8.94202 9.05799C8.68069 8.7971 8.36669 8.66666 8.00002 8.66666C7.63335 8.66666 7.31958 8.7971 7.05869 9.05799C6.79735 9.31932 6.66669 9.63332 6.66669 9.99999C6.66669 10.3667 6.79735 10.6807 7.05869 10.942C7.31958 11.2029 7.63335 11.3333 8.00002 11.3333ZM6.00002 5.33332H10V3.99999C10 3.44443 9.80558 2.97221 9.41669 2.58332C9.0278 2.19443 8.55558 1.99999 8.00002 1.99999C7.44446 1.99999 6.97224 2.19443 6.58335 2.58332C6.19446 2.97221 6.00002 3.44443 6.00002 3.99999V5.33332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3f014f4614072e5fa8f49eefcd1aa34b33f37fe8' }, h("path", { key: '7082d80c056dcf6871cf6588b8b352cfe9ea98d5', d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V10C4 9.45 4.196 8.979 4.588 8.587C4.97933 8.19567 5.45 8 6 8H7V6C7 4.61667 7.48767 3.43733 8.463 2.462C9.43767 1.48733 10.6167 1 12 1C13.3833 1 14.5627 1.48733 15.538 2.462C16.5127 3.43733 17 4.61667 17 6V8H18C18.55 8 19.021 8.19567 19.413 8.587C19.8043 8.979 20 9.45 20 10V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.021 16.8043 13.413 16.413C13.8043 16.021 14 15.55 14 15C14 14.45 13.8043 13.979 13.413 13.587C13.021 13.1957 12.55 13 12 13C11.45 13 10.9793 13.1957 10.588 13.587C10.196 13.979 10 14.45 10 15C10 15.55 10.196 16.021 10.588 16.413C10.9793 16.8043 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '27c5661b7cbaf2f0f29b6acce2e0a8e8a19c5b8d' }, h("path", { key: 'a62f078e19f260c98defdf1d10bc110d3751bec1', d: "M7.00002 25.6667C6.35835 25.6667 5.80924 25.4384 5.35269 24.9819C4.89535 24.5245 4.66669 23.975 4.66669 23.3334V11.6667C4.66669 11.025 4.89535 10.4755 5.35269 10.0182C5.80924 9.56163 6.35835 9.33335 7.00002 9.33335H8.16669V7.00002C8.16669 5.38613 8.73563 4.01024 9.87352 2.87235C11.0106 1.73524 12.3861 1.16669 14 1.16669C15.6139 1.16669 16.9898 1.73524 18.1277 2.87235C19.2648 4.01024 19.8334 5.38613 19.8334 7.00002V9.33335H21C21.6417 9.33335 22.1912 9.56163 22.6485 10.0182C23.1051 10.4755 23.3334 11.025 23.3334 11.6667V23.3334C23.3334 23.975 23.1051 24.5245 22.6485 24.9819C22.1912 25.4384 21.6417 25.6667 21 25.6667H7.00002ZM7.00002 23.3334H21V11.6667H7.00002V23.3334ZM14 19.8334C14.6417 19.8334 15.1912 19.6051 15.6485 19.1485C16.1051 18.6912 16.3334 18.1417 16.3334 17.5C16.3334 16.8584 16.1051 16.3089 15.6485 15.8515C15.1912 15.395 14.6417 15.1667 14 15.1667C13.3584 15.1667 12.8092 15.395 12.3527 15.8515C11.8954 16.3089 11.6667 16.8584 11.6667 17.5C11.6667 18.1417 11.8954 18.6912 12.3527 19.1485C12.8092 19.6051 13.3584 19.8334 14 19.8334ZM10.5 9.33335H17.5V7.00002C17.5 6.0278 17.1597 5.20141 16.4792 4.52085C15.7986 3.8403 14.9722 3.50002 14 3.50002C13.0278 3.50002 12.2014 3.8403 11.5209 4.52085C10.8403 5.20141 10.5 6.0278 10.5 7.00002V9.33335Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconLockStyle0; }
 }, [1, "swirl-icon-lock", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-lock"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-lock":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconLock$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-lock"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-lock":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconLock$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconLock = SwirlIconLock$1;
 const defineCustomElement = defineCustomElement$1;

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

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

package/dist/components/swirl-icon-login.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 SwirlIconLoginStyle0 = swirlIconCss;
 
 const SwirlIconLogin$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconLogin 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.66667 14C8.47778 14 8.31944 13.9361 8.19167 13.8083C8.06389 13.6806 8 13.5222 8 13.3333C8 13.1444 8.06389 12.9861 8.19167 12.8583C8.31944 12.7306 8.47778 12.6667 8.66667 12.6667H12.6667V3.33333H8.66667C8.47778 3.33333 8.31944 3.26944 8.19167 3.14167C8.06389 3.01389 8 2.85556 8 2.66667C8 2.47778 8.06389 2.31944 8.19167 2.19167C8.31944 2.06389 8.47778 2 8.66667 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H8.66667ZM7.45 8.66667H2.66667C2.47778 8.66667 2.31944 8.60278 2.19167 8.475C2.06389 8.34722 2 8.18889 2 8C2 7.81111 2.06389 7.65278 2.19167 7.525C2.31944 7.39722 2.47778 7.33333 2.66667 7.33333H7.45L6.2 6.08333C6.07778 5.96111 6.01667 5.81111 6.01667 5.63333C6.01667 5.45556 6.07778 5.3 6.2 5.16667C6.32222 5.03333 6.47778 4.96389 6.66667 4.95833C6.85556 4.95278 7.01667 5.01667 7.15 5.15L9.53333 7.53333C9.66667 7.66667 9.73333 7.82222 9.73333 8C9.73333 8.17778 9.66667 8.33333 9.53333 8.46667L7.15 10.85C7.01667 10.9833 6.85833 11.0472 6.675 11.0417C6.49167 11.0361 6.33333 10.9667 6.2 10.8333C6.07778 10.7 6.01944 10.5417 6.025 10.3583C6.03056 10.175 6.09444 10.0222 6.21667 9.9L7.45 8.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M13 21C12.7167 21 12.4792 20.9042 12.2875 20.7125C12.0958 20.5208 12 20.2833 12 20C12 19.7167 12.0958 19.4792 12.2875 19.2875C12.4792 19.0958 12.7167 19 13 19H19V5H13C12.7167 5 12.4792 4.90417 12.2875 4.7125C12.0958 4.52083 12 4.28333 12 4C12 3.71667 12.0958 3.47917 12.2875 3.2875C12.4792 3.09583 12.7167 3 13 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM11.175 13H4C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11H11.175L9.3 9.125C9.11667 8.94167 9.025 8.71667 9.025 8.45C9.025 8.18333 9.11667 7.95 9.3 7.75C9.48333 7.55 9.71667 7.44583 10 7.4375C10.2833 7.42917 10.525 7.525 10.725 7.725L14.3 11.3C14.5 11.5 14.6 11.7333 14.6 12C14.6 12.2667 14.5 12.5 14.3 12.7L10.725 16.275C10.525 16.475 10.2875 16.5708 10.0125 16.5625C9.7375 16.5542 9.5 16.45 9.3 16.25C9.11667 16.05 9.02917 15.8125 9.0375 15.5375C9.04583 15.2625 9.14167 15.0333 9.325 14.85L11.175 13Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M15.1667 24.5C14.8361 24.5 14.559 24.3882 14.3354 24.1646C14.1118 23.941 14 23.6639 14 23.3333C14 23.0028 14.1118 22.7257 14.3354 22.5021C14.559 22.2785 14.8361 22.1667 15.1667 22.1667H22.1667V5.83333H15.1667C14.8361 5.83333 14.559 5.72153 14.3354 5.49792C14.1118 5.27431 14 4.99722 14 4.66667C14 4.33611 14.1118 4.05903 14.3354 3.83542C14.559 3.61181 14.8361 3.5 15.1667 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H15.1667ZM13.0375 15.1667H4.66667C4.33611 15.1667 4.05903 15.0549 3.83542 14.8313C3.61181 14.6076 3.5 14.3306 3.5 14C3.5 13.6694 3.61181 13.3924 3.83542 13.1688C4.05903 12.9451 4.33611 12.8333 4.66667 12.8333H13.0375L10.85 10.6458C10.6361 10.4319 10.5292 10.1694 10.5292 9.85833C10.5292 9.54722 10.6361 9.275 10.85 9.04167C11.0639 8.80833 11.3361 8.68681 11.6667 8.67708C11.9972 8.66736 12.2792 8.77917 12.5125 9.0125L16.6833 13.1833C16.9167 13.4167 17.0333 13.6889 17.0333 14C17.0333 14.3111 16.9167 14.5833 16.6833 14.8167L12.5125 18.9875C12.2792 19.2208 12.0021 19.3326 11.6813 19.3229C11.3604 19.3132 11.0833 19.1917 10.85 18.9583C10.6361 18.725 10.534 18.4479 10.5437 18.1271C10.5535 17.8062 10.6653 17.5389 10.8792 17.325L13.0375 15.1667Z", 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: '2ff5f9dc9db2f83a52c4427ff3aa0a726772cce3', "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: '1aaec1208757fd0ae1b824aa3265116d8ba98bca' }, h("path", { key: 'c4a36c246b8c3f0623beab1f1f98d2de0f45d9ec', d: "M8.66667 14C8.47778 14 8.31944 13.9361 8.19167 13.8083C8.06389 13.6806 8 13.5222 8 13.3333C8 13.1444 8.06389 12.9861 8.19167 12.8583C8.31944 12.7306 8.47778 12.6667 8.66667 12.6667H12.6667V3.33333H8.66667C8.47778 3.33333 8.31944 3.26944 8.19167 3.14167C8.06389 3.01389 8 2.85556 8 2.66667C8 2.47778 8.06389 2.31944 8.19167 2.19167C8.31944 2.06389 8.47778 2 8.66667 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H8.66667ZM7.45 8.66667H2.66667C2.47778 8.66667 2.31944 8.60278 2.19167 8.475C2.06389 8.34722 2 8.18889 2 8C2 7.81111 2.06389 7.65278 2.19167 7.525C2.31944 7.39722 2.47778 7.33333 2.66667 7.33333H7.45L6.2 6.08333C6.07778 5.96111 6.01667 5.81111 6.01667 5.63333C6.01667 5.45556 6.07778 5.3 6.2 5.16667C6.32222 5.03333 6.47778 4.96389 6.66667 4.95833C6.85556 4.95278 7.01667 5.01667 7.15 5.15L9.53333 7.53333C9.66667 7.66667 9.73333 7.82222 9.73333 8C9.73333 8.17778 9.66667 8.33333 9.53333 8.46667L7.15 10.85C7.01667 10.9833 6.85833 11.0472 6.675 11.0417C6.49167 11.0361 6.33333 10.9667 6.2 10.8333C6.07778 10.7 6.01944 10.5417 6.025 10.3583C6.03056 10.175 6.09444 10.0222 6.21667 9.9L7.45 8.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b8bcb0c3528f6406b20354053696088a4281da90' }, h("path", { key: 'f888528b90c9da39232f76c5ad053984631a7645', d: "M13 21C12.7167 21 12.4792 20.9042 12.2875 20.7125C12.0958 20.5208 12 20.2833 12 20C12 19.7167 12.0958 19.4792 12.2875 19.2875C12.4792 19.0958 12.7167 19 13 19H19V5H13C12.7167 5 12.4792 4.90417 12.2875 4.7125C12.0958 4.52083 12 4.28333 12 4C12 3.71667 12.0958 3.47917 12.2875 3.2875C12.4792 3.09583 12.7167 3 13 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM11.175 13H4C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11H11.175L9.3 9.125C9.11667 8.94167 9.025 8.71667 9.025 8.45C9.025 8.18333 9.11667 7.95 9.3 7.75C9.48333 7.55 9.71667 7.44583 10 7.4375C10.2833 7.42917 10.525 7.525 10.725 7.725L14.3 11.3C14.5 11.5 14.6 11.7333 14.6 12C14.6 12.2667 14.5 12.5 14.3 12.7L10.725 16.275C10.525 16.475 10.2875 16.5708 10.0125 16.5625C9.7375 16.5542 9.5 16.45 9.3 16.25C9.11667 16.05 9.02917 15.8125 9.0375 15.5375C9.04583 15.2625 9.14167 15.0333 9.325 14.85L11.175 13Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'a6cee4f8526bf66061156de5ad866ca39899d755' }, h("path", { key: 'a95a8bd722ca39f124ffd08715de6a594d5245e6', d: "M15.1667 24.5C14.8361 24.5 14.559 24.3882 14.3354 24.1646C14.1118 23.941 14 23.6639 14 23.3333C14 23.0028 14.1118 22.7257 14.3354 22.5021C14.559 22.2785 14.8361 22.1667 15.1667 22.1667H22.1667V5.83333H15.1667C14.8361 5.83333 14.559 5.72153 14.3354 5.49792C14.1118 5.27431 14 4.99722 14 4.66667C14 4.33611 14.1118 4.05903 14.3354 3.83542C14.559 3.61181 14.8361 3.5 15.1667 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H15.1667ZM13.0375 15.1667H4.66667C4.33611 15.1667 4.05903 15.0549 3.83542 14.8313C3.61181 14.6076 3.5 14.3306 3.5 14C3.5 13.6694 3.61181 13.3924 3.83542 13.1688C4.05903 12.9451 4.33611 12.8333 4.66667 12.8333H13.0375L10.85 10.6458C10.6361 10.4319 10.5292 10.1694 10.5292 9.85833C10.5292 9.54722 10.6361 9.275 10.85 9.04167C11.0639 8.80833 11.3361 8.68681 11.6667 8.67708C11.9972 8.66736 12.2792 8.77917 12.5125 9.0125L16.6833 13.1833C16.9167 13.4167 17.0333 13.6889 17.0333 14C17.0333 14.3111 16.9167 14.5833 16.6833 14.8167L12.5125 18.9875C12.2792 19.2208 12.0021 19.3326 11.6813 19.3229C11.3604 19.3132 11.0833 19.1917 10.85 18.9583C10.6361 18.725 10.534 18.4479 10.5437 18.1271C10.5535 17.8062 10.6653 17.5389 10.8792 17.325L13.0375 15.1667Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconLoginStyle0; }
 }, [1, "swirl-icon-login", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-login"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-login":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconLogin$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-login"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-login":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconLogin$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconLogin = SwirlIconLogin$1;
 const defineCustomElement = defineCustomElement$1;

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

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

package/dist/components/swirl-icon-logout.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 SwirlIconLogoutStyle0 = swirlIconCss;
 
 const SwirlIconLogout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconLogout 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: "M10.15 10.9833C10.0056 10.8167 9.93335 10.6304 9.93335 10.4247C9.93335 10.2193 10.0056 10.0444 10.15 9.9L11.3 8.76667H6.68335C6.47224 8.76667 6.29446 8.69156 6.15001 8.54134C6.00557 8.39156 5.93335 8.21111 5.93335 8C5.93335 7.78889 6.00557 7.60845 6.15001 7.45867C6.29446 7.30845 6.47224 7.23334 6.68335 7.23334H11.3L10.15 6.1C9.99446 5.94445 9.91935 5.76378 9.92468 5.558C9.93046 5.35267 10.0056 5.17222 10.15 5.01667C10.2945 4.87222 10.4696 4.8 10.6753 4.8C10.8807 4.8 11.0556 4.87222 11.2 5.01667L13.6667 7.46667C13.7333 7.54445 13.7833 7.62778 13.8167 7.71667C13.85 7.80556 13.8667 7.9 13.8667 8C13.8667 8.1 13.85 8.19445 13.8167 8.28333C13.7833 8.37222 13.7333 8.45556 13.6667 8.53333L11.2 11C11.0333 11.1556 10.8529 11.2249 10.6587 11.208C10.464 11.1916 10.2945 11.1167 10.15 10.9833V10.9833ZM3.33335 14.1333C2.91113 14.1333 2.5529 13.9862 2.25868 13.692C1.96401 13.3973 1.81668 13.0389 1.81668 12.6167V3.38334C1.81668 2.96111 1.96401 2.60267 2.25868 2.308C2.5529 2.01378 2.91113 1.86667 3.33335 1.86667H7.26668C7.4889 1.86667 7.67224 1.93889 7.81668 2.08334C7.96113 2.22778 8.03335 2.40556 8.03335 2.61667C8.03335 2.83889 7.96113 3.02222 7.81668 3.16667C7.67224 3.31111 7.4889 3.38334 7.26668 3.38334H3.33335V12.6167H7.26668C7.4889 12.6167 7.67224 12.6889 7.81668 12.8333C7.96113 12.9778 8.03335 13.1611 8.03335 13.3833C8.03335 13.5944 7.96113 13.7722 7.81668 13.9167C7.67224 14.0611 7.4889 14.1333 7.26668 14.1333H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15.225 16.475C15.0083 16.225 14.9 15.9457 14.9 15.637C14.9 15.329 15.0083 15.0667 15.225 14.85L16.95 13.15H10.025C9.70834 13.15 9.44167 13.0373 9.22501 12.812C9.00834 12.5873 8.90001 12.3167 8.90001 12C8.90001 11.6833 9.00834 11.4127 9.22501 11.188C9.44167 10.9627 9.70834 10.85 10.025 10.85H16.95L15.225 9.14999C14.9917 8.91665 14.879 8.64565 14.887 8.33699C14.8957 8.02899 15.0083 7.75832 15.225 7.52499C15.4417 7.30832 15.7043 7.19999 16.013 7.19999C16.321 7.19999 16.5833 7.30832 16.8 7.52499L20.5 11.2C20.6 11.3167 20.675 11.4417 20.725 11.575C20.775 11.7083 20.8 11.85 20.8 12C20.8 12.15 20.775 12.2917 20.725 12.425C20.675 12.5583 20.6 12.6833 20.5 12.8L16.8 16.5C16.55 16.7333 16.2793 16.8373 15.988 16.812C15.696 16.7873 15.4417 16.675 15.225 16.475ZM5.00001 21.2C4.36667 21.2 3.82934 20.9793 3.38801 20.538C2.94601 20.096 2.72501 19.5583 2.72501 18.925V5.07499C2.72501 4.44165 2.94601 3.90399 3.38801 3.46199C3.82934 3.02065 4.36667 2.79999 5.00001 2.79999H10.9C11.2333 2.79999 11.5083 2.90832 11.725 3.12499C11.9417 3.34165 12.05 3.60832 12.05 3.92499C12.05 4.25832 11.9417 4.53332 11.725 4.74999C11.5083 4.96665 11.2333 5.07499 10.9 5.07499H5.00001V18.925H10.9C11.2333 18.925 11.5083 19.0333 11.725 19.25C11.9417 19.4667 12.05 19.7417 12.05 20.075C12.05 20.3917 11.9417 20.6583 11.725 20.875C11.5083 21.0917 11.2333 21.2 10.9 21.2H5.00001Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M17.7625 19.2208C17.5097 18.9292 17.3833 18.6033 17.3833 18.2432C17.3833 17.8838 17.5097 17.5778 17.7625 17.325L19.775 15.3417H11.6958C11.3264 15.3417 11.0153 15.2102 10.7625 14.9473C10.5097 14.6852 10.3833 14.3694 10.3833 14C10.3833 13.6306 10.5097 13.3148 10.7625 13.0527C11.0153 12.7898 11.3264 12.6583 11.6958 12.6583H19.775L17.7625 10.675C17.4903 10.4028 17.3588 10.0866 17.3682 9.7265C17.3783 9.36716 17.5097 9.05139 17.7625 8.77916C18.0153 8.52639 18.3217 8.4 18.6818 8.4C19.0412 8.4 19.3472 8.52639 19.6 8.77916L23.9167 13.0667C24.0333 13.2028 24.1208 13.3486 24.1792 13.5042C24.2375 13.6597 24.2667 13.825 24.2667 14C24.2667 14.175 24.2375 14.3403 24.1792 14.4958C24.1208 14.6514 24.0333 14.7972 23.9167 14.9333L19.6 19.25C19.3083 19.5222 18.9926 19.6436 18.6527 19.614C18.312 19.5852 18.0153 19.4542 17.7625 19.2208V19.2208ZM5.83334 24.7333C5.09445 24.7333 4.46756 24.4759 3.95267 23.961C3.437 23.4453 3.17917 22.8181 3.17917 22.0792V5.92083C3.17917 5.18194 3.437 4.55466 3.95267 4.039C4.46756 3.52411 5.09445 3.26666 5.83334 3.26666H12.7167C13.1056 3.26666 13.4264 3.39305 13.6792 3.64583C13.9319 3.89861 14.0583 4.20972 14.0583 4.57916C14.0583 4.96805 13.9319 5.28889 13.6792 5.54166C13.4264 5.79444 13.1056 5.92083 12.7167 5.92083H5.83334V22.0792H12.7167C13.1056 22.0792 13.4264 22.2056 13.6792 22.4583C13.9319 22.7111 14.0583 23.0319 14.0583 23.4208C14.0583 23.7903 13.9319 24.1014 13.6792 24.3542C13.4264 24.6069 13.1056 24.7333 12.7167 24.7333H5.83334Z", 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: 'c61f589e0ef9343a52d8fe02e50f1b2ae7371be4', "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: 'b1f327c54b08baba948c91f6eb2ac48fa4b53fe8' }, h("path", { key: 'e35caff35f85267d597acdc03ab68b71694bccc2', d: "M10.15 10.9833C10.0056 10.8167 9.93335 10.6304 9.93335 10.4247C9.93335 10.2193 10.0056 10.0444 10.15 9.9L11.3 8.76667H6.68335C6.47224 8.76667 6.29446 8.69156 6.15001 8.54134C6.00557 8.39156 5.93335 8.21111 5.93335 8C5.93335 7.78889 6.00557 7.60845 6.15001 7.45867C6.29446 7.30845 6.47224 7.23334 6.68335 7.23334H11.3L10.15 6.1C9.99446 5.94445 9.91935 5.76378 9.92468 5.558C9.93046 5.35267 10.0056 5.17222 10.15 5.01667C10.2945 4.87222 10.4696 4.8 10.6753 4.8C10.8807 4.8 11.0556 4.87222 11.2 5.01667L13.6667 7.46667C13.7333 7.54445 13.7833 7.62778 13.8167 7.71667C13.85 7.80556 13.8667 7.9 13.8667 8C13.8667 8.1 13.85 8.19445 13.8167 8.28333C13.7833 8.37222 13.7333 8.45556 13.6667 8.53333L11.2 11C11.0333 11.1556 10.8529 11.2249 10.6587 11.208C10.464 11.1916 10.2945 11.1167 10.15 10.9833V10.9833ZM3.33335 14.1333C2.91113 14.1333 2.5529 13.9862 2.25868 13.692C1.96401 13.3973 1.81668 13.0389 1.81668 12.6167V3.38334C1.81668 2.96111 1.96401 2.60267 2.25868 2.308C2.5529 2.01378 2.91113 1.86667 3.33335 1.86667H7.26668C7.4889 1.86667 7.67224 1.93889 7.81668 2.08334C7.96113 2.22778 8.03335 2.40556 8.03335 2.61667C8.03335 2.83889 7.96113 3.02222 7.81668 3.16667C7.67224 3.31111 7.4889 3.38334 7.26668 3.38334H3.33335V12.6167H7.26668C7.4889 12.6167 7.67224 12.6889 7.81668 12.8333C7.96113 12.9778 8.03335 13.1611 8.03335 13.3833C8.03335 13.5944 7.96113 13.7722 7.81668 13.9167C7.67224 14.0611 7.4889 14.1333 7.26668 14.1333H3.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b520a43792c73428a2afa1e099b03ae4ffad092a' }, h("path", { key: '95f4e4b5e49af24ce3319d1542f0d1dc01e04c99', d: "M15.225 16.475C15.0083 16.225 14.9 15.9457 14.9 15.637C14.9 15.329 15.0083 15.0667 15.225 14.85L16.95 13.15H10.025C9.70834 13.15 9.44167 13.0373 9.22501 12.812C9.00834 12.5873 8.90001 12.3167 8.90001 12C8.90001 11.6833 9.00834 11.4127 9.22501 11.188C9.44167 10.9627 9.70834 10.85 10.025 10.85H16.95L15.225 9.14999C14.9917 8.91665 14.879 8.64565 14.887 8.33699C14.8957 8.02899 15.0083 7.75832 15.225 7.52499C15.4417 7.30832 15.7043 7.19999 16.013 7.19999C16.321 7.19999 16.5833 7.30832 16.8 7.52499L20.5 11.2C20.6 11.3167 20.675 11.4417 20.725 11.575C20.775 11.7083 20.8 11.85 20.8 12C20.8 12.15 20.775 12.2917 20.725 12.425C20.675 12.5583 20.6 12.6833 20.5 12.8L16.8 16.5C16.55 16.7333 16.2793 16.8373 15.988 16.812C15.696 16.7873 15.4417 16.675 15.225 16.475ZM5.00001 21.2C4.36667 21.2 3.82934 20.9793 3.38801 20.538C2.94601 20.096 2.72501 19.5583 2.72501 18.925V5.07499C2.72501 4.44165 2.94601 3.90399 3.38801 3.46199C3.82934 3.02065 4.36667 2.79999 5.00001 2.79999H10.9C11.2333 2.79999 11.5083 2.90832 11.725 3.12499C11.9417 3.34165 12.05 3.60832 12.05 3.92499C12.05 4.25832 11.9417 4.53332 11.725 4.74999C11.5083 4.96665 11.2333 5.07499 10.9 5.07499H5.00001V18.925H10.9C11.2333 18.925 11.5083 19.0333 11.725 19.25C11.9417 19.4667 12.05 19.7417 12.05 20.075C12.05 20.3917 11.9417 20.6583 11.725 20.875C11.5083 21.0917 11.2333 21.2 10.9 21.2H5.00001Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'cf73e94dbd1afaafe242710a8ae94dfe3b03be9f' }, h("path", { key: '3ce7a46475ddc8d9738eab9180d3fb0c3dec3e92', d: "M17.7625 19.2208C17.5097 18.9292 17.3833 18.6033 17.3833 18.2432C17.3833 17.8838 17.5097 17.5778 17.7625 17.325L19.775 15.3417H11.6958C11.3264 15.3417 11.0153 15.2102 10.7625 14.9473C10.5097 14.6852 10.3833 14.3694 10.3833 14C10.3833 13.6306 10.5097 13.3148 10.7625 13.0527C11.0153 12.7898 11.3264 12.6583 11.6958 12.6583H19.775L17.7625 10.675C17.4903 10.4028 17.3588 10.0866 17.3682 9.7265C17.3783 9.36716 17.5097 9.05139 17.7625 8.77916C18.0153 8.52639 18.3217 8.4 18.6818 8.4C19.0412 8.4 19.3472 8.52639 19.6 8.77916L23.9167 13.0667C24.0333 13.2028 24.1208 13.3486 24.1792 13.5042C24.2375 13.6597 24.2667 13.825 24.2667 14C24.2667 14.175 24.2375 14.3403 24.1792 14.4958C24.1208 14.6514 24.0333 14.7972 23.9167 14.9333L19.6 19.25C19.3083 19.5222 18.9926 19.6436 18.6527 19.614C18.312 19.5852 18.0153 19.4542 17.7625 19.2208V19.2208ZM5.83334 24.7333C5.09445 24.7333 4.46756 24.4759 3.95267 23.961C3.437 23.4453 3.17917 22.8181 3.17917 22.0792V5.92083C3.17917 5.18194 3.437 4.55466 3.95267 4.039C4.46756 3.52411 5.09445 3.26666 5.83334 3.26666H12.7167C13.1056 3.26666 13.4264 3.39305 13.6792 3.64583C13.9319 3.89861 14.0583 4.20972 14.0583 4.57916C14.0583 4.96805 13.9319 5.28889 13.6792 5.54166C13.4264 5.79444 13.1056 5.92083 12.7167 5.92083H5.83334V22.0792H12.7167C13.1056 22.0792 13.4264 22.2056 13.6792 22.4583C13.9319 22.7111 14.0583 23.0319 14.0583 23.4208C14.0583 23.7903 13.9319 24.1014 13.6792 24.3542C13.4264 24.6069 13.1056 24.7333 12.7167 24.7333H5.83334Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconLogoutStyle0; }
 }, [1, "swirl-icon-logout", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-logout"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-logout":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconLogout$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-logout"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-logout":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconLogout$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconLogout = SwirlIconLogout$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-long-text.d.ts

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