@getflip/swirl-components 0.188.0 → 0.190.0

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

@@ -2,40 +2,41 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconNewsFilledStyle0 = swirlIconCss;
 
 const SwirlIconNewsFilled$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNewsFilled extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M2 4C2 2.89543 2.89543 2 4 2H12C13.1046 2 14 2.89543 14 4V12C14 13.1046 13.1046 14 12 14H4C2.89543 14 2 13.1046 2 12V4ZM3.33333 8.66667V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H12C12.3682 12.6667 12.6667 12.3682 12.6667 12V8.66667H3.33333ZM6 5.33333C6 4.78105 5.55228 4.33333 5 4.33333C4.44772 4.33333 4 4.78105 4 5.33333C4 5.88562 4.44772 6.33333 5 6.33333C5.55228 6.33333 6 5.88562 6 5.33333ZM8 4.66667C7.63181 4.66667 7.33333 4.96514 7.33333 5.33333C7.33333 5.70152 7.63181 6 8 6H11C11.3682 6 11.6667 5.70152 11.6667 5.33333C11.6667 4.96514 11.3682 4.66667 11 4.66667H8Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M3 6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6ZM5 13V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V13H5ZM9 8C9 7.17157 8.32843 6.5 7.5 6.5C6.67157 6.5 6 7.17157 6 8C6 8.82843 6.67157 9.5 7.5 9.5C8.32843 9.5 9 8.82843 9 8ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55229 11.4477 9 12 9H16.5C17.0523 9 17.5 8.55229 17.5 8C17.5 7.44772 17.0523 7 16.5 7H12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M3.5 7C3.5 5.067 5.067 3.5 7 3.5H21C22.933 3.5 24.5 5.067 24.5 7V21C24.5 22.933 22.933 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7ZM5.83333 15.1667V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H21C21.6443 22.1667 22.1667 21.6443 22.1667 21V15.1667H5.83333ZM10.5 9.33333C10.5 8.36683 9.7165 7.58333 8.75 7.58333C7.7835 7.58333 7 8.36683 7 9.33333C7 10.2998 7.7835 11.0833 8.75 11.0833C9.7165 11.0833 10.5 10.2998 10.5 9.33333ZM14 8.16667C13.3557 8.16667 12.8333 8.689 12.8333 9.33333C12.8333 9.97767 13.3557 10.5 14 10.5H19.25C19.8943 10.5 20.4167 9.97767 20.4167 9.33333C20.4167 8.689 19.8943 8.16667 19.25 8.16667H14Z", 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: '1423608a8f9baea96ece659ce0264022523f08df', "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: 'b52d3de2f07d76ea0839ac90643ccaee5b81616a' }, h("path", { key: '1d62cb44ef02041233f6b34122240a1d15c41731', d: "M2 4C2 2.89543 2.89543 2 4 2H12C13.1046 2 14 2.89543 14 4V12C14 13.1046 13.1046 14 12 14H4C2.89543 14 2 13.1046 2 12V4ZM3.33333 8.66667V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H12C12.3682 12.6667 12.6667 12.3682 12.6667 12V8.66667H3.33333ZM6 5.33333C6 4.78105 5.55228 4.33333 5 4.33333C4.44772 4.33333 4 4.78105 4 5.33333C4 5.88562 4.44772 6.33333 5 6.33333C5.55228 6.33333 6 5.88562 6 5.33333ZM8 4.66667C7.63181 4.66667 7.33333 4.96514 7.33333 5.33333C7.33333 5.70152 7.63181 6 8 6H11C11.3682 6 11.6667 5.70152 11.6667 5.33333C11.6667 4.96514 11.3682 4.66667 11 4.66667H8Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'bc643b33f2ccb015e1e04e1584a0fa3a727d8d29' }, h("path", { key: '7e5a8a63a75a0ce15195b31fbb10922f44272d0d', d: "M3 6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6ZM5 13V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V13H5ZM9 8C9 7.17157 8.32843 6.5 7.5 6.5C6.67157 6.5 6 7.17157 6 8C6 8.82843 6.67157 9.5 7.5 9.5C8.32843 9.5 9 8.82843 9 8ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55229 11.4477 9 12 9H16.5C17.0523 9 17.5 8.55229 17.5 8C17.5 7.44772 17.0523 7 16.5 7H12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '122625d0bb3adedf56144dfc12b97b477223cac3' }, h("path", { key: '0550bb82afe477e89df8193796f3a836ccd57684', d: "M3.5 7C3.5 5.067 5.067 3.5 7 3.5H21C22.933 3.5 24.5 5.067 24.5 7V21C24.5 22.933 22.933 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7ZM5.83333 15.1667V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H21C21.6443 22.1667 22.1667 21.6443 22.1667 21V15.1667H5.83333ZM10.5 9.33333C10.5 8.36683 9.7165 7.58333 8.75 7.58333C7.7835 7.58333 7 8.36683 7 9.33333C7 10.2998 7.7835 11.0833 8.75 11.0833C9.7165 11.0833 10.5 10.2998 10.5 9.33333ZM14 8.16667C13.3557 8.16667 12.8333 8.689 12.8333 9.33333C12.8333 9.97767 13.3557 10.5 14 10.5H19.25C19.8943 10.5 20.4167 9.97767 20.4167 9.33333C20.4167 8.689 19.8943 8.16667 19.25 8.16667H14Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconNewsFilledStyle0; }
 }, [1, "swirl-icon-news-filled", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-news-filled"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-news-filled":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconNewsFilled$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-news-filled"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-news-filled":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconNewsFilled$1);
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 

package/dist/components/swirl-icon-news-off.d.ts

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

package/dist/components/swirl-icon-news-off.js

@@ -2,40 +2,41 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconNewsOffStyle0 = swirlIconCss;
 
 const SwirlIconNewsOff$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNewsOff extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6569 13.6569C13.9172 13.9172 13.9172 14.3393 13.6569 14.5997C13.3965 14.86 12.9744 14.86 12.714 14.5997L12.1113 13.997C12.0745 13.999 12.0374 14 12 14H4C2.89543 14 2 13.1046 2 12V4C2 3.96264 2.00102 3.92552 2.00305 3.88866L1.40034 3.28596C1.13999 3.02561 1.13999 2.6035 1.40034 2.34315C1.66069 2.0828 2.0828 2.0828 2.34315 2.34315L13.6569 13.6569ZM3.33333 5.21895V7.33333H5.44772L3.33333 5.21895ZM6.78105 8.66667H3.33333V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H10.781L6.78105 8.66667Z", fill: "currentColor" }), h("path", { d: "M12.6667 7.33333H8.93221L10.2655 8.66667H12.6667V11.0678L13.9663 12.3674C13.9884 12.2483 14 12.1255 14 12V4C14 2.89543 13.1046 2 12 2H4C3.87448 2 3.75167 2.01156 3.63256 2.03368L4.93221 3.33333H12C12.3682 3.33333 12.6667 3.63181 12.6667 4V7.33333Z", fill: "currentColor" }), h("path", { d: "M7.33333 5.33333C7.33333 4.96514 7.63181 4.66667 8 4.66667H10.6667C11.0349 4.66667 11.3333 4.96514 11.3333 5.33333C11.3333 5.70152 11.0349 6 10.6667 6H8C7.63181 6 7.33333 5.70152 7.33333 5.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.4853 20.4853C20.8758 20.8758 20.8758 21.509 20.4853 21.8995C20.0948 22.29 19.4616 22.29 19.0711 21.8995L18.167 20.9954C18.1117 20.9985 18.056 21 18 21H6C4.34315 21 3 19.6569 3 18V6C3 5.94396 3.00154 5.88828 3.00457 5.833L2.10051 4.92894C1.70999 4.53841 1.70999 3.90525 2.10051 3.51472C2.49103 3.1242 3.1242 3.1242 3.51472 3.51472L20.4853 20.4853ZM5 7.82843V11H8.17157L5 7.82843ZM10.1716 13H5V18C5 18.5523 5.44772 19 6 19H16.1716L10.1716 13Z", fill: "currentColor" }), h("path", { d: "M19 11H13.3983L15.3983 13H19V16.6017L20.9495 18.5512C20.9827 18.3725 21 18.1883 21 18V6C21 4.34315 19.6569 3 18 3H6C5.81172 3 5.6275 3.01734 5.44884 3.05052L7.39831 5H18C18.5523 5 19 5.44772 19 6V11Z", fill: "currentColor" }), h("path", { d: "M11 8C11 7.44772 11.4477 7 12 7H16C16.5523 7 17 7.44772 17 8C17 8.55228 16.5523 9 16 9H12C11.4477 9 11 8.55228 11 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M23.8995 23.8995C24.3551 24.3551 24.3551 25.0938 23.8995 25.5494C23.4439 26.005 22.7052 26.005 22.2496 25.5494L21.1948 24.4947C21.1303 24.4982 21.0654 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7C3.5 6.93462 3.50179 6.86966 3.50533 6.80516L2.4506 5.75043C1.99498 5.29482 1.99498 4.55612 2.4506 4.10051C2.90621 3.6449 3.6449 3.6449 4.10051 4.10051L23.8995 23.8995ZM5.83333 9.13316V12.8333H9.5335L5.83333 9.13316ZM11.8668 15.1667H5.83333V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H18.8668L11.8668 15.1667Z", fill: "currentColor" }), h("path", { d: "M22.1667 12.8333H15.6314L17.9647 15.1667H22.1667V19.3686L24.4411 21.643C24.4798 21.4346 24.5 21.2197 24.5 21V7C24.5 5.067 22.933 3.5 21 3.5H7C6.78034 3.5 6.56542 3.52023 6.35698 3.55894L8.63137 5.83333H21C21.6443 5.83333 22.1667 6.35567 22.1667 7V12.8333Z", fill: "currentColor" }), h("path", { d: "M12.8333 9.33333C12.8333 8.689 13.3557 8.16667 14 8.16667H18.6667C19.311 8.16667 19.8333 8.689 19.8333 9.33333C19.8333 9.97766 19.311 10.5 18.6667 10.5H14C13.3557 10.5 12.8333 9.97766 12.8333 9.33333Z", 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: '495a83e8cccae28ed048462ef8dca72e58b64935', "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: 'a08c2d8e1c4a416f1eb3579a426e780481643649' }, h("path", { key: '130284ec77558b0c09fc85f06d5c230276dc37ee', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6569 13.6569C13.9172 13.9172 13.9172 14.3393 13.6569 14.5997C13.3965 14.86 12.9744 14.86 12.714 14.5997L12.1113 13.997C12.0745 13.999 12.0374 14 12 14H4C2.89543 14 2 13.1046 2 12V4C2 3.96264 2.00102 3.92552 2.00305 3.88866L1.40034 3.28596C1.13999 3.02561 1.13999 2.6035 1.40034 2.34315C1.66069 2.0828 2.0828 2.0828 2.34315 2.34315L13.6569 13.6569ZM3.33333 5.21895V7.33333H5.44772L3.33333 5.21895ZM6.78105 8.66667H3.33333V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H10.781L6.78105 8.66667Z", fill: "currentColor" }), h("path", { key: '5078a1f9449de87aab53e9407699c0140d3f6fe6', d: "M12.6667 7.33333H8.93221L10.2655 8.66667H12.6667V11.0678L13.9663 12.3674C13.9884 12.2483 14 12.1255 14 12V4C14 2.89543 13.1046 2 12 2H4C3.87448 2 3.75167 2.01156 3.63256 2.03368L4.93221 3.33333H12C12.3682 3.33333 12.6667 3.63181 12.6667 4V7.33333Z", fill: "currentColor" }), h("path", { key: 'e32432c12e586b8e916b4b21cf7c6592822e1fff', d: "M7.33333 5.33333C7.33333 4.96514 7.63181 4.66667 8 4.66667H10.6667C11.0349 4.66667 11.3333 4.96514 11.3333 5.33333C11.3333 5.70152 11.0349 6 10.6667 6H8C7.63181 6 7.33333 5.70152 7.33333 5.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ad0ff3a92ea1e7cc80258cdccbc839ca7a90f3a7' }, h("path", { key: 'cfd5d0b40fef7440d2f8e6b13e32b2c8f62d2298', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.4853 20.4853C20.8758 20.8758 20.8758 21.509 20.4853 21.8995C20.0948 22.29 19.4616 22.29 19.0711 21.8995L18.167 20.9954C18.1117 20.9985 18.056 21 18 21H6C4.34315 21 3 19.6569 3 18V6C3 5.94396 3.00154 5.88828 3.00457 5.833L2.10051 4.92894C1.70999 4.53841 1.70999 3.90525 2.10051 3.51472C2.49103 3.1242 3.1242 3.1242 3.51472 3.51472L20.4853 20.4853ZM5 7.82843V11H8.17157L5 7.82843ZM10.1716 13H5V18C5 18.5523 5.44772 19 6 19H16.1716L10.1716 13Z", fill: "currentColor" }), h("path", { key: 'f05b88f4b7811a27db863efa5420142bae1099f8', d: "M19 11H13.3983L15.3983 13H19V16.6017L20.9495 18.5512C20.9827 18.3725 21 18.1883 21 18V6C21 4.34315 19.6569 3 18 3H6C5.81172 3 5.6275 3.01734 5.44884 3.05052L7.39831 5H18C18.5523 5 19 5.44772 19 6V11Z", fill: "currentColor" }), h("path", { key: '99abff1a58fd3d1c9413ad5e30e2bcf6e79fe8af', d: "M11 8C11 7.44772 11.4477 7 12 7H16C16.5523 7 17 7.44772 17 8C17 8.55228 16.5523 9 16 9H12C11.4477 9 11 8.55228 11 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'b2897ad67f719c2b4c182ff70a5d6291d49528b5' }, h("path", { key: '78b6fdfb91a756b4a3c4d0bf0889e956e3940e4b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M23.8995 23.8995C24.3551 24.3551 24.3551 25.0938 23.8995 25.5494C23.4439 26.005 22.7052 26.005 22.2496 25.5494L21.1948 24.4947C21.1303 24.4982 21.0654 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7C3.5 6.93462 3.50179 6.86966 3.50533 6.80516L2.4506 5.75043C1.99498 5.29482 1.99498 4.55612 2.4506 4.10051C2.90621 3.6449 3.6449 3.6449 4.10051 4.10051L23.8995 23.8995ZM5.83333 9.13316V12.8333H9.5335L5.83333 9.13316ZM11.8668 15.1667H5.83333V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H18.8668L11.8668 15.1667Z", fill: "currentColor" }), h("path", { key: 'cdf16ae0378be43bcce923f5d39155738049f8c2', d: "M22.1667 12.8333H15.6314L17.9647 15.1667H22.1667V19.3686L24.4411 21.643C24.4798 21.4346 24.5 21.2197 24.5 21V7C24.5 5.067 22.933 3.5 21 3.5H7C6.78034 3.5 6.56542 3.52023 6.35698 3.55894L8.63137 5.83333H21C21.6443 5.83333 22.1667 6.35567 22.1667 7V12.8333Z", fill: "currentColor" }), h("path", { key: 'afbbcc9e03008d1cde59420489e002a68dcbc36d', d: "M12.8333 9.33333C12.8333 8.689 13.3557 8.16667 14 8.16667H18.6667C19.311 8.16667 19.8333 8.689 19.8333 9.33333C19.8333 9.97766 19.311 10.5 18.6667 10.5H14C13.3557 10.5 12.8333 9.97766 12.8333 9.33333Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconNewsOffStyle0; }
 }, [1, "swirl-icon-news-off", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-news-off"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-news-off":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconNewsOff$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-news-off"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-news-off":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconNewsOff$1);
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 

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

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

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

@@ -2,40 +2,41 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconNewsStyle0 = swirlIconCss;
 
 const SwirlIconNews$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNews extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M6.33333 5.33333C6.33333 5.88562 5.88562 6.33333 5.33333 6.33333C4.78105 6.33333 4.33333 5.88562 4.33333 5.33333C4.33333 4.78105 4.78105 4.33333 5.33333 4.33333C5.88562 4.33333 6.33333 4.78105 6.33333 5.33333Z", fill: "currentColor" }), h("path", { d: "M2 4C2 2.89543 2.89543 2 4 2H12C13.1046 2 14 2.89543 14 4V12C14 13.1046 13.1046 14 12 14H4C2.89543 14 2 13.1046 2 12V4ZM4 3.33333C3.63181 3.33333 3.33333 3.63181 3.33333 4V7.33333H12.6667V4C12.6667 3.63181 12.3682 3.33333 12 3.33333H4ZM3.33333 8.66667V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H12C12.3682 12.6667 12.6667 12.3682 12.6667 12V8.66667H3.33333Z", fill: "currentColor" }), h("path", { d: "M7.33333 5.33333C7.33333 4.96514 7.63181 4.66667 8 4.66667H10.6667C11.0349 4.66667 11.3333 4.96514 11.3333 5.33333C11.3333 5.70152 11.0349 6 10.6667 6H8C7.63181 6 7.33333 5.70152 7.33333 5.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9.5 8C9.5 8.82843 8.82843 9.5 8 9.5C7.17157 9.5 6.5 8.82843 6.5 8C6.5 7.17157 7.17157 6.5 8 6.5C8.82843 6.5 9.5 7.17157 9.5 8Z", fill: "currentColor" }), h("path", { d: "M3 6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6ZM6 5C5.44772 5 5 5.44772 5 6V11H19V6C19 5.44772 18.5523 5 18 5H6ZM5 13V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V13H5Z", fill: "currentColor" }), h("path", { d: "M11 8C11 7.44772 11.4477 7 12 7H16C16.5523 7 17 7.44772 17 8C17 8.55228 16.5523 9 16 9H12C11.4477 9 11 8.55228 11 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M11.0833 9.33333C11.0833 10.2998 10.2998 11.0833 9.33333 11.0833C8.36684 11.0833 7.58333 10.2998 7.58333 9.33333C7.58333 8.36684 8.36684 7.58333 9.33333 7.58333C10.2998 7.58333 11.0833 8.36684 11.0833 9.33333Z", fill: "currentColor" }), h("path", { d: "M3.5 7C3.5 5.067 5.067 3.5 7 3.5H21C22.933 3.5 24.5 5.067 24.5 7V21C24.5 22.933 22.933 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7ZM7 5.83333C6.35567 5.83333 5.83333 6.35567 5.83333 7V12.8333H22.1667V7C22.1667 6.35567 21.6443 5.83333 21 5.83333H7ZM5.83333 15.1667V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H21C21.6443 22.1667 22.1667 21.6443 22.1667 21V15.1667H5.83333Z", fill: "currentColor" }), h("path", { d: "M12.8333 9.33333C12.8333 8.689 13.3557 8.16667 14 8.16667H18.6667C19.311 8.16667 19.8333 8.689 19.8333 9.33333C19.8333 9.97767 19.311 10.5 18.6667 10.5H14C13.3557 10.5 12.8333 9.97767 12.8333 9.33333Z", 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: '39c16a2cdb083cb5dfb0c09b0203e4b7c890ee2b', "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: '04cb360acd651f08d502f3de5149e1e385724117' }, h("path", { key: '8a64695e5b7017761c64a195688a2edcf9aa045e', d: "M6.33333 5.33333C6.33333 5.88562 5.88562 6.33333 5.33333 6.33333C4.78105 6.33333 4.33333 5.88562 4.33333 5.33333C4.33333 4.78105 4.78105 4.33333 5.33333 4.33333C5.88562 4.33333 6.33333 4.78105 6.33333 5.33333Z", fill: "currentColor" }), h("path", { key: '8e2434ce6db2c922b972d14d91fb69780bb73914', d: "M2 4C2 2.89543 2.89543 2 4 2H12C13.1046 2 14 2.89543 14 4V12C14 13.1046 13.1046 14 12 14H4C2.89543 14 2 13.1046 2 12V4ZM4 3.33333C3.63181 3.33333 3.33333 3.63181 3.33333 4V7.33333H12.6667V4C12.6667 3.63181 12.3682 3.33333 12 3.33333H4ZM3.33333 8.66667V12C3.33333 12.3682 3.63181 12.6667 4 12.6667H12C12.3682 12.6667 12.6667 12.3682 12.6667 12V8.66667H3.33333Z", fill: "currentColor" }), h("path", { key: 'ba040dfbd38cd910c02c4412ac9a5882af7cbacc', d: "M7.33333 5.33333C7.33333 4.96514 7.63181 4.66667 8 4.66667H10.6667C11.0349 4.66667 11.3333 4.96514 11.3333 5.33333C11.3333 5.70152 11.0349 6 10.6667 6H8C7.63181 6 7.33333 5.70152 7.33333 5.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '304bfcb0d17f83f4f80c2873e7575ae134b5f6d7' }, h("path", { key: '0cf55298af2461a1fe33638161e591a478ca5d1d', d: "M9.5 8C9.5 8.82843 8.82843 9.5 8 9.5C7.17157 9.5 6.5 8.82843 6.5 8C6.5 7.17157 7.17157 6.5 8 6.5C8.82843 6.5 9.5 7.17157 9.5 8Z", fill: "currentColor" }), h("path", { key: '90abefbdf18f9afff24a6c82a94e276046803570', d: "M3 6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6ZM6 5C5.44772 5 5 5.44772 5 6V11H19V6C19 5.44772 18.5523 5 18 5H6ZM5 13V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V13H5Z", fill: "currentColor" }), h("path", { key: 'c7d6432e0570e79fb9667b3d729d0a0cbeed1ca7', d: "M11 8C11 7.44772 11.4477 7 12 7H16C16.5523 7 17 7.44772 17 8C17 8.55228 16.5523 9 16 9H12C11.4477 9 11 8.55228 11 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2a25069ac35d824fa9081aa7bc80cfacb77a736c' }, h("path", { key: 'd25e49ecb052947155be37d0c2515766b475ed34', d: "M11.0833 9.33333C11.0833 10.2998 10.2998 11.0833 9.33333 11.0833C8.36684 11.0833 7.58333 10.2998 7.58333 9.33333C7.58333 8.36684 8.36684 7.58333 9.33333 7.58333C10.2998 7.58333 11.0833 8.36684 11.0833 9.33333Z", fill: "currentColor" }), h("path", { key: '9a72ae09a56fe066927f633f2ba5f4912c110835', d: "M3.5 7C3.5 5.067 5.067 3.5 7 3.5H21C22.933 3.5 24.5 5.067 24.5 7V21C24.5 22.933 22.933 24.5 21 24.5H7C5.067 24.5 3.5 22.933 3.5 21V7ZM7 5.83333C6.35567 5.83333 5.83333 6.35567 5.83333 7V12.8333H22.1667V7C22.1667 6.35567 21.6443 5.83333 21 5.83333H7ZM5.83333 15.1667V21C5.83333 21.6443 6.35567 22.1667 7 22.1667H21C21.6443 22.1667 22.1667 21.6443 22.1667 21V15.1667H5.83333Z", fill: "currentColor" }), h("path", { key: '1b4432db428d8472bcb0552736080dd94c17852a', d: "M12.8333 9.33333C12.8333 8.689 13.3557 8.16667 14 8.16667H18.6667C19.311 8.16667 19.8333 8.689 19.8333 9.33333C19.8333 9.97767 19.311 10.5 18.6667 10.5H14C13.3557 10.5 12.8333 9.97767 12.8333 9.33333Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconNewsStyle0; }
 }, [1, "swirl-icon-news", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-news"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-news":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconNews$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-news"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-news":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconNews$1);
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 

package/dist/components/swirl-icon-notifications-active.d.ts

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

package/dist/components/swirl-icon-notifications-active.js

@@ -2,40 +2,41 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconNotificationsActiveStyle0 = swirlIconCss;
 
 const SwirlIconNotificationsActive$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNotificationsActive extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.color = undefined;
-    this.size = 24;
-  }
-  render() {
-    const viewBoxSize = this.size === 20 ? 24 : this.size;
-    const styles = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-    };
-    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M2.00002 6.66671C1.81113 6.66671 1.65291 6.60004 1.52535 6.46671C1.39735 6.33337 1.34446 6.17782 1.36669 6.00004C1.44446 5.26671 1.63624 4.56382 1.94202 3.89137C2.24735 3.21937 2.65002 2.61671 3.15002 2.08337C3.27224 1.96115 3.4278 1.90004 3.61669 1.90004C3.80558 1.90004 3.96669 1.96671 4.10002 2.10004C4.22224 2.22226 4.28335 2.37226 4.28335 2.55004C4.28335 2.72782 4.22224 2.88893 4.10002 3.03337C3.71113 3.4556 3.39735 3.91382 3.15869 4.40804C2.91958 4.90271 2.76669 5.43337 2.70002 6.00004C2.6778 6.18893 2.60291 6.34715 2.47535 6.47471C2.34735 6.60271 2.18891 6.66671 2.00002 6.66671ZM14 6.66671C13.8222 6.66671 13.6667 6.60271 13.5334 6.47471C13.4 6.34715 13.3222 6.18893 13.3 6.00004C13.2334 5.43337 13.0807 4.90271 12.842 4.40804C12.6029 3.91382 12.2889 3.4556 11.9 3.03337C11.7778 2.88893 11.7167 2.72782 11.7167 2.55004C11.7167 2.37226 11.7834 2.22226 11.9167 2.10004C12.05 1.96671 12.2082 1.90004 12.3914 1.90004C12.5749 1.90004 12.7278 1.96115 12.85 2.08337C13.35 2.61671 13.7529 3.21937 14.0587 3.89137C14.364 4.56382 14.5556 5.26671 14.6334 6.00004C14.6556 6.17782 14.6027 6.33337 14.4747 6.46671C14.3471 6.60004 14.1889 6.66671 14 6.66671ZM3.33335 12.6667C3.14446 12.6667 2.98602 12.6027 2.85802 12.4747C2.73046 12.3472 2.66669 12.1889 2.66669 12C2.66669 11.8112 2.73046 11.6529 2.85802 11.5254C2.98602 11.3974 3.14446 11.3334 3.33335 11.3334H4.00002V6.66671C4.00002 5.74448 4.2778 4.92493 4.83335 4.20804C5.38891 3.4916 6.11113 3.02226 7.00002 2.80004V2.33337C7.00002 2.0556 7.09735 1.8196 7.29202 1.62537C7.48624 1.43071 7.72224 1.33337 8.00002 1.33337C8.2778 1.33337 8.5138 1.43071 8.70802 1.62537C8.90269 1.8196 9.00002 2.0556 9.00002 2.33337V2.80004C9.88891 3.02226 10.6111 3.4916 11.1667 4.20804C11.7222 4.92493 12 5.74448 12 6.66671V11.3334H12.6667C12.8556 11.3334 13.0138 11.3974 13.1414 11.5254C13.2694 11.6529 13.3334 11.8112 13.3334 12C13.3334 12.1889 13.2694 12.3472 13.1414 12.4747C13.0138 12.6027 12.8556 12.6667 12.6667 12.6667H3.33335ZM8.00002 14.6667C7.63335 14.6667 7.31958 14.5363 7.05869 14.2754C6.79735 14.014 6.66669 13.7 6.66669 13.3334H9.33335C9.33335 13.7 9.20291 14.014 8.94202 14.2754C8.68069 14.5363 8.36669 14.6667 8.00002 14.6667ZM5.33335 11.3334H10.6667V6.66671C10.6667 5.93337 10.4056 5.3056 9.88335 4.78337C9.36113 4.26115 8.73335 4.00004 8.00002 4.00004C7.26669 4.00004 6.63891 4.26115 6.11669 4.78337C5.59446 5.3056 5.33335 5.93337 5.33335 6.66671V11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M3 10C2.71667 10 2.47933 9.9 2.288 9.7C2.096 9.5 2.01667 9.26667 2.05 9C2.16667 7.9 2.45433 6.84567 2.913 5.837C3.371 4.829 3.975 3.925 4.725 3.125C4.90833 2.94167 5.14167 2.85 5.425 2.85C5.70833 2.85 5.95 2.95 6.15 3.15C6.33333 3.33333 6.425 3.55833 6.425 3.825C6.425 4.09167 6.33333 4.33333 6.15 4.55C5.56667 5.18333 5.096 5.87067 4.738 6.612C4.37933 7.354 4.15 8.15 4.05 9C4.01667 9.28333 3.90433 9.52067 3.713 9.712C3.521 9.904 3.28333 10 3 10ZM21 10C20.7333 10 20.5 9.904 20.3 9.712C20.1 9.52067 19.9833 9.28333 19.95 9C19.85 8.15 19.621 7.354 19.263 6.612C18.9043 5.87067 18.4333 5.18333 17.85 4.55C17.6667 4.33333 17.575 4.09167 17.575 3.825C17.575 3.55833 17.675 3.33333 17.875 3.15C18.075 2.95 18.3123 2.85 18.587 2.85C18.8623 2.85 19.0917 2.94167 19.275 3.125C20.025 3.925 20.6293 4.829 21.088 5.837C21.546 6.84567 21.8333 7.9 21.95 9C21.9833 9.26667 21.904 9.5 21.712 9.7C21.5207 9.9 21.2833 10 21 10ZM5 19C4.71667 19 4.479 18.904 4.287 18.712C4.09567 18.5207 4 18.2833 4 18C4 17.7167 4.09567 17.4793 4.287 17.288C4.479 17.096 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.38733 7.25 6.312C8.08333 5.23733 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.646 2.72933 10.938 2.438C11.2293 2.146 11.5833 2 12 2C12.4167 2 12.7707 2.146 13.062 2.438C13.354 2.72933 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.23733 16.75 6.312C17.5833 7.38733 18 8.61667 18 10V17H19C19.2833 17 19.5207 17.096 19.712 17.288C19.904 17.4793 20 17.7167 20 18C20 18.2833 19.904 18.5207 19.712 18.712C19.5207 18.904 19.2833 19 19 19H5ZM12 22C11.45 22 10.9793 21.8043 10.588 21.413C10.196 21.021 10 20.55 10 20H14C14 20.55 13.8043 21.021 13.413 21.413C13.021 21.8043 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M3.50002 11.6667C3.16946 11.6667 2.89257 11.55 2.66935 11.3167C2.44535 11.0834 2.3528 10.8112 2.39169 10.5C2.5278 9.21671 2.86341 7.98665 3.39852 6.80987C3.93285 5.63387 4.63752 4.57921 5.51252 3.64587C5.72641 3.43199 5.99863 3.32504 6.32919 3.32504C6.65974 3.32504 6.94169 3.44171 7.17502 3.67504C7.38891 3.88893 7.49585 4.15143 7.49585 4.46254C7.49585 4.77365 7.38891 5.0556 7.17502 5.30837C6.49446 6.04726 5.94535 6.84915 5.52769 7.71404C5.10924 8.57971 4.84169 9.50837 4.72502 10.5C4.68613 10.8306 4.55507 11.1075 4.33185 11.3307C4.10785 11.5547 3.83057 11.6667 3.50002 11.6667ZM24.5 11.6667C24.1889 11.6667 23.9167 11.5547 23.6833 11.3307C23.45 11.1075 23.3139 10.8306 23.275 10.5C23.1584 9.50837 22.8912 8.57971 22.4735 7.71404C22.0551 6.84915 21.5056 6.04726 20.825 5.30837C20.6111 5.0556 20.5042 4.77365 20.5042 4.46254C20.5042 4.15143 20.6209 3.88893 20.8542 3.67504C21.0875 3.44171 21.3644 3.32504 21.6849 3.32504C22.0061 3.32504 22.2736 3.43199 22.4875 3.64587C23.3625 4.57921 24.0676 5.63387 24.6027 6.80987C25.137 7.98665 25.4722 9.21671 25.6084 10.5C25.6472 10.8112 25.5547 11.0834 25.3307 11.3167C25.1075 11.55 24.8306 11.6667 24.5 11.6667ZM5.83335 22.1667C5.5028 22.1667 5.22552 22.0547 5.00152 21.8307C4.7783 21.6075 4.66669 21.3306 4.66669 21C4.66669 20.6695 4.7783 20.3926 5.00152 20.1694C5.22552 19.9454 5.5028 19.8334 5.83335 19.8334H7.00002V11.6667C7.00002 10.0528 7.48613 8.6186 8.45835 7.36404C9.43057 6.11026 10.6945 5.28893 12.25 4.90004V4.08337C12.25 3.59726 12.4204 3.18426 12.761 2.84437C13.1009 2.50371 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8991 2.50371 15.239 2.84437C15.5797 3.18426 15.75 3.59726 15.75 4.08337V4.90004C17.3056 5.28893 18.5695 6.11026 19.5417 7.36404C20.5139 8.6186 21 10.0528 21 11.6667V19.8334H22.1667C22.4972 19.8334 22.7741 19.9454 22.9974 20.1694C23.2214 20.3926 23.3334 20.6695 23.3334 21C23.3334 21.3306 23.2214 21.6075 22.9974 21.8307C22.7741 22.0547 22.4972 22.1667 22.1667 22.1667H5.83335ZM14 25.6667C13.3584 25.6667 12.8092 25.4384 12.3527 24.9819C11.8954 24.5245 11.6667 23.975 11.6667 23.3334H16.3334C16.3334 23.975 16.1051 24.5245 15.6485 24.9819C15.1912 25.4384 14.6417 25.6667 14 25.6667ZM9.33335 19.8334H18.6667V11.6667C18.6667 10.3834 18.2097 9.28476 17.2959 8.37087C16.382 7.45699 15.2834 7.00004 14 7.00004C12.7167 7.00004 11.6181 7.45699 10.7042 8.37087C9.7903 9.28476 9.33335 10.3834 9.33335 11.6667V19.8334Z", 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: '4e4b086dbb197abd848c830810fe1220a0e6ba79', "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: '611d6efca5e12c296e681a9b038d746278740eb3' }, h("path", { key: 'd3492f15278ff3e274baa8d2fafefed193e98cf2', d: "M2.00002 6.66671C1.81113 6.66671 1.65291 6.60004 1.52535 6.46671C1.39735 6.33337 1.34446 6.17782 1.36669 6.00004C1.44446 5.26671 1.63624 4.56382 1.94202 3.89137C2.24735 3.21937 2.65002 2.61671 3.15002 2.08337C3.27224 1.96115 3.4278 1.90004 3.61669 1.90004C3.80558 1.90004 3.96669 1.96671 4.10002 2.10004C4.22224 2.22226 4.28335 2.37226 4.28335 2.55004C4.28335 2.72782 4.22224 2.88893 4.10002 3.03337C3.71113 3.4556 3.39735 3.91382 3.15869 4.40804C2.91958 4.90271 2.76669 5.43337 2.70002 6.00004C2.6778 6.18893 2.60291 6.34715 2.47535 6.47471C2.34735 6.60271 2.18891 6.66671 2.00002 6.66671ZM14 6.66671C13.8222 6.66671 13.6667 6.60271 13.5334 6.47471C13.4 6.34715 13.3222 6.18893 13.3 6.00004C13.2334 5.43337 13.0807 4.90271 12.842 4.40804C12.6029 3.91382 12.2889 3.4556 11.9 3.03337C11.7778 2.88893 11.7167 2.72782 11.7167 2.55004C11.7167 2.37226 11.7834 2.22226 11.9167 2.10004C12.05 1.96671 12.2082 1.90004 12.3914 1.90004C12.5749 1.90004 12.7278 1.96115 12.85 2.08337C13.35 2.61671 13.7529 3.21937 14.0587 3.89137C14.364 4.56382 14.5556 5.26671 14.6334 6.00004C14.6556 6.17782 14.6027 6.33337 14.4747 6.46671C14.3471 6.60004 14.1889 6.66671 14 6.66671ZM3.33335 12.6667C3.14446 12.6667 2.98602 12.6027 2.85802 12.4747C2.73046 12.3472 2.66669 12.1889 2.66669 12C2.66669 11.8112 2.73046 11.6529 2.85802 11.5254C2.98602 11.3974 3.14446 11.3334 3.33335 11.3334H4.00002V6.66671C4.00002 5.74448 4.2778 4.92493 4.83335 4.20804C5.38891 3.4916 6.11113 3.02226 7.00002 2.80004V2.33337C7.00002 2.0556 7.09735 1.8196 7.29202 1.62537C7.48624 1.43071 7.72224 1.33337 8.00002 1.33337C8.2778 1.33337 8.5138 1.43071 8.70802 1.62537C8.90269 1.8196 9.00002 2.0556 9.00002 2.33337V2.80004C9.88891 3.02226 10.6111 3.4916 11.1667 4.20804C11.7222 4.92493 12 5.74448 12 6.66671V11.3334H12.6667C12.8556 11.3334 13.0138 11.3974 13.1414 11.5254C13.2694 11.6529 13.3334 11.8112 13.3334 12C13.3334 12.1889 13.2694 12.3472 13.1414 12.4747C13.0138 12.6027 12.8556 12.6667 12.6667 12.6667H3.33335ZM8.00002 14.6667C7.63335 14.6667 7.31958 14.5363 7.05869 14.2754C6.79735 14.014 6.66669 13.7 6.66669 13.3334H9.33335C9.33335 13.7 9.20291 14.014 8.94202 14.2754C8.68069 14.5363 8.36669 14.6667 8.00002 14.6667ZM5.33335 11.3334H10.6667V6.66671C10.6667 5.93337 10.4056 5.3056 9.88335 4.78337C9.36113 4.26115 8.73335 4.00004 8.00002 4.00004C7.26669 4.00004 6.63891 4.26115 6.11669 4.78337C5.59446 5.3056 5.33335 5.93337 5.33335 6.66671V11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f665aab7b33948b41f42cdf9d5802cad3629a903' }, h("path", { key: '9ceedec10535667c7640922da3f2f8c68cd9d501', d: "M3 10C2.71667 10 2.47933 9.9 2.288 9.7C2.096 9.5 2.01667 9.26667 2.05 9C2.16667 7.9 2.45433 6.84567 2.913 5.837C3.371 4.829 3.975 3.925 4.725 3.125C4.90833 2.94167 5.14167 2.85 5.425 2.85C5.70833 2.85 5.95 2.95 6.15 3.15C6.33333 3.33333 6.425 3.55833 6.425 3.825C6.425 4.09167 6.33333 4.33333 6.15 4.55C5.56667 5.18333 5.096 5.87067 4.738 6.612C4.37933 7.354 4.15 8.15 4.05 9C4.01667 9.28333 3.90433 9.52067 3.713 9.712C3.521 9.904 3.28333 10 3 10ZM21 10C20.7333 10 20.5 9.904 20.3 9.712C20.1 9.52067 19.9833 9.28333 19.95 9C19.85 8.15 19.621 7.354 19.263 6.612C18.9043 5.87067 18.4333 5.18333 17.85 4.55C17.6667 4.33333 17.575 4.09167 17.575 3.825C17.575 3.55833 17.675 3.33333 17.875 3.15C18.075 2.95 18.3123 2.85 18.587 2.85C18.8623 2.85 19.0917 2.94167 19.275 3.125C20.025 3.925 20.6293 4.829 21.088 5.837C21.546 6.84567 21.8333 7.9 21.95 9C21.9833 9.26667 21.904 9.5 21.712 9.7C21.5207 9.9 21.2833 10 21 10ZM5 19C4.71667 19 4.479 18.904 4.287 18.712C4.09567 18.5207 4 18.2833 4 18C4 17.7167 4.09567 17.4793 4.287 17.288C4.479 17.096 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.38733 7.25 6.312C8.08333 5.23733 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.646 2.72933 10.938 2.438C11.2293 2.146 11.5833 2 12 2C12.4167 2 12.7707 2.146 13.062 2.438C13.354 2.72933 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.23733 16.75 6.312C17.5833 7.38733 18 8.61667 18 10V17H19C19.2833 17 19.5207 17.096 19.712 17.288C19.904 17.4793 20 17.7167 20 18C20 18.2833 19.904 18.5207 19.712 18.712C19.5207 18.904 19.2833 19 19 19H5ZM12 22C11.45 22 10.9793 21.8043 10.588 21.413C10.196 21.021 10 20.55 10 20H14C14 20.55 13.8043 21.021 13.413 21.413C13.021 21.8043 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '0d5acbb4818098ca87280d9c3167096630961450' }, h("path", { key: 'a36a99e429f33a7a8ecf51840c5a86de0fa5918e', d: "M3.50002 11.6667C3.16946 11.6667 2.89257 11.55 2.66935 11.3167C2.44535 11.0834 2.3528 10.8112 2.39169 10.5C2.5278 9.21671 2.86341 7.98665 3.39852 6.80987C3.93285 5.63387 4.63752 4.57921 5.51252 3.64587C5.72641 3.43199 5.99863 3.32504 6.32919 3.32504C6.65974 3.32504 6.94169 3.44171 7.17502 3.67504C7.38891 3.88893 7.49585 4.15143 7.49585 4.46254C7.49585 4.77365 7.38891 5.0556 7.17502 5.30837C6.49446 6.04726 5.94535 6.84915 5.52769 7.71404C5.10924 8.57971 4.84169 9.50837 4.72502 10.5C4.68613 10.8306 4.55507 11.1075 4.33185 11.3307C4.10785 11.5547 3.83057 11.6667 3.50002 11.6667ZM24.5 11.6667C24.1889 11.6667 23.9167 11.5547 23.6833 11.3307C23.45 11.1075 23.3139 10.8306 23.275 10.5C23.1584 9.50837 22.8912 8.57971 22.4735 7.71404C22.0551 6.84915 21.5056 6.04726 20.825 5.30837C20.6111 5.0556 20.5042 4.77365 20.5042 4.46254C20.5042 4.15143 20.6209 3.88893 20.8542 3.67504C21.0875 3.44171 21.3644 3.32504 21.6849 3.32504C22.0061 3.32504 22.2736 3.43199 22.4875 3.64587C23.3625 4.57921 24.0676 5.63387 24.6027 6.80987C25.137 7.98665 25.4722 9.21671 25.6084 10.5C25.6472 10.8112 25.5547 11.0834 25.3307 11.3167C25.1075 11.55 24.8306 11.6667 24.5 11.6667ZM5.83335 22.1667C5.5028 22.1667 5.22552 22.0547 5.00152 21.8307C4.7783 21.6075 4.66669 21.3306 4.66669 21C4.66669 20.6695 4.7783 20.3926 5.00152 20.1694C5.22552 19.9454 5.5028 19.8334 5.83335 19.8334H7.00002V11.6667C7.00002 10.0528 7.48613 8.6186 8.45835 7.36404C9.43057 6.11026 10.6945 5.28893 12.25 4.90004V4.08337C12.25 3.59726 12.4204 3.18426 12.761 2.84437C13.1009 2.50371 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8991 2.50371 15.239 2.84437C15.5797 3.18426 15.75 3.59726 15.75 4.08337V4.90004C17.3056 5.28893 18.5695 6.11026 19.5417 7.36404C20.5139 8.6186 21 10.0528 21 11.6667V19.8334H22.1667C22.4972 19.8334 22.7741 19.9454 22.9974 20.1694C23.2214 20.3926 23.3334 20.6695 23.3334 21C23.3334 21.3306 23.2214 21.6075 22.9974 21.8307C22.7741 22.0547 22.4972 22.1667 22.1667 22.1667H5.83335ZM14 25.6667C13.3584 25.6667 12.8092 25.4384 12.3527 24.9819C11.8954 24.5245 11.6667 23.975 11.6667 23.3334H16.3334C16.3334 23.975 16.1051 24.5245 15.6485 24.9819C15.1912 25.4384 14.6417 25.6667 14 25.6667ZM9.33335 19.8334H18.6667V11.6667C18.6667 10.3834 18.2097 9.28476 17.2959 8.37087C16.382 7.45699 15.2834 7.00004 14 7.00004C12.7167 7.00004 11.6181 7.45699 10.7042 8.37087C9.7903 9.28476 9.33335 10.3834 9.33335 11.6667V19.8334Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconNotificationsActiveStyle0; }
 }, [1, "swirl-icon-notifications-active", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-notifications-active"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-notifications-active":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconNotificationsActive$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-notifications-active"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-notifications-active":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconNotificationsActive$1);
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 

package/dist/components/swirl-icon-notifications-off.d.ts

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

package/dist/components/swirl-icon-notifications-off.js

@@ -2,40 +2,41 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconNotificationsOffStyle0 = swirlIconCss;
 
 const SwirlIconNotificationsOff$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNotificationsOff 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.33334 12.6667C3.14445 12.6667 2.98612 12.6028 2.85834 12.475C2.73056 12.3473 2.66667 12.1889 2.66667 12C2.66667 11.8112 2.73056 11.6528 2.85834 11.525C2.98612 11.3973 3.14445 11.3334 3.33334 11.3334H4.00001V6.66671C4.00001 6.30004 4.04723 5.93893 4.14167 5.58337C4.23612 5.22782 4.37779 4.88893 4.56667 4.56671L5.56667 5.56671C5.4889 5.74449 5.43056 5.92504 5.39167 6.10837C5.35279 6.29171 5.33334 6.47782 5.33334 6.66671V11.3334H9.46667L1.40001 3.26671C1.27779 3.14449 1.21667 2.98893 1.21667 2.80004C1.21667 2.61115 1.27779 2.4556 1.40001 2.33337C1.52223 2.21115 1.67779 2.15004 1.86667 2.15004C2.05556 2.15004 2.21112 2.21115 2.33334 2.33337L13.6667 13.6667C13.7889 13.7889 13.8528 13.9417 13.8583 14.125C13.8639 14.3084 13.8 14.4667 13.6667 14.6C13.5445 14.7223 13.3889 14.7834 13.2 14.7834C13.0111 14.7834 12.8556 14.7223 12.7333 14.6L10.7667 12.6667H3.33334ZM12 10.1L10.6667 8.76671V6.66671C10.6667 5.93337 10.4056 5.3056 9.88334 4.78337C9.36112 4.26115 8.73334 4.00004 8.00001 4.00004C7.70001 4.00004 7.41945 4.04726 7.15834 4.14171C6.89723 4.23615 6.65556 4.36671 6.43334 4.53337L5.46667 3.56671C5.6889 3.40004 5.92779 3.24726 6.18334 3.10837C6.4389 2.96949 6.71112 2.86671 7.00001 2.80004V2.33337C7.00001 2.0556 7.09723 1.81949 7.29167 1.62504C7.48612 1.4306 7.72223 1.33337 8.00001 1.33337C8.27779 1.33337 8.5139 1.4306 8.70834 1.62504C8.90279 1.81949 9.00001 2.0556 9.00001 2.33337V2.80004C9.86667 3.02226 10.5833 3.48615 11.15 4.19171C11.7167 4.89726 12 5.72226 12 6.66671V10.1ZM8.00001 14.6667C7.63334 14.6667 7.31945 14.5362 7.05834 14.275C6.79723 14.0139 6.66667 13.7 6.66667 13.3334H9.33334C9.33334 13.7 9.20279 14.0139 8.94167 14.275C8.68056 14.5362 8.36667 14.6667 8.00001 14.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M5.00001 19C4.71668 19 4.47918 18.9042 4.28751 18.7125C4.09585 18.5208 4.00001 18.2833 4.00001 18C4.00001 17.7167 4.09585 17.4792 4.28751 17.2875C4.47918 17.0958 4.71668 17 5.00001 17H6.00001V10C6.00001 9.45 6.07085 8.90833 6.21251 8.375C6.35418 7.84167 6.56668 7.33333 6.85001 6.85L8.35001 8.35C8.23335 8.61667 8.14585 8.8875 8.08751 9.1625C8.02918 9.4375 8.00001 9.71667 8.00001 10V17H14.2L2.10001 4.9C1.91668 4.71667 1.82501 4.48333 1.82501 4.2C1.82501 3.91667 1.91668 3.68333 2.10001 3.5C2.28335 3.31667 2.51668 3.225 2.80001 3.225C3.08335 3.225 3.31668 3.31667 3.50001 3.5L20.5 20.5C20.6833 20.6833 20.7792 20.9125 20.7875 21.1875C20.7958 21.4625 20.7 21.7 20.5 21.9C20.3167 22.0833 20.0833 22.175 19.8 22.175C19.5167 22.175 19.2833 22.0833 19.1 21.9L16.15 19H5.00001ZM18 15.15L16 13.15V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C11.55 6 11.1292 6.07083 10.7375 6.2125C10.3458 6.35417 9.98335 6.55 9.65001 6.8L8.20001 5.35C8.53335 5.1 8.89168 4.87083 9.27501 4.6625C9.65835 4.45417 10.0667 4.3 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8 4.53333 15.875 5.22917 16.725 6.2875C17.575 7.34583 18 8.58333 18 10V15.15ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M5.83332 22.1667C5.50276 22.1667 5.22568 22.0549 5.00207 21.8313C4.77846 21.6077 4.66665 21.3306 4.66665 21C4.66665 20.6695 4.77846 20.3924 5.00207 20.1688C5.22568 19.9452 5.50276 19.8334 5.83332 19.8334H6.99998V11.6667C6.99998 11.025 7.08262 10.3931 7.2479 9.77088C7.41318 9.14865 7.66109 8.5556 7.99165 7.99171L9.74165 9.74171C9.60554 10.0528 9.50346 10.3688 9.4354 10.6896C9.36734 11.0105 9.33332 11.3362 9.33332 11.6667V19.8334H16.5666L2.44998 5.71671C2.23609 5.50282 2.12915 5.2306 2.12915 4.90004C2.12915 4.56949 2.23609 4.29726 2.44998 4.08337C2.66387 3.86949 2.93609 3.76254 3.26665 3.76254C3.59721 3.76254 3.86943 3.86949 4.08332 4.08337L23.9167 23.9167C24.1305 24.1306 24.2423 24.398 24.2521 24.7188C24.2618 25.0396 24.15 25.3167 23.9167 25.55C23.7028 25.7639 23.4305 25.8709 23.1 25.8709C22.7694 25.8709 22.4972 25.7639 22.2833 25.55L18.8416 22.1667H5.83332ZM21 17.675L18.6667 15.3417V11.6667C18.6667 10.3834 18.2097 9.28476 17.2958 8.37088C16.3819 7.45699 15.2833 7.00004 14 7.00004C13.475 7.00004 12.984 7.08268 12.5271 7.24796C12.0701 7.41324 11.6472 7.64171 11.2583 7.93337L9.56665 6.24171C9.95554 5.95004 10.3736 5.68268 10.8208 5.43962C11.268 5.19657 11.7444 5.01671 12.25 4.90004V4.08337C12.25 3.59726 12.4201 3.18407 12.7604 2.84379C13.1007 2.50351 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8993 2.50351 15.2396 2.84379C15.5798 3.18407 15.75 3.59726 15.75 4.08337V4.90004C17.2667 5.28893 18.5208 6.10074 19.5125 7.33546C20.5042 8.57018 21 10.0139 21 11.6667V17.675ZM14 25.6667C13.3583 25.6667 12.809 25.4382 12.3521 24.9813C11.8951 24.5244 11.6667 23.975 11.6667 23.3334H16.3333C16.3333 23.975 16.1048 24.5244 15.6479 24.9813C15.191 25.4382 14.6417 25.6667 14 25.6667Z", 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: 'c051aef8821874738a8fdb1c9881602fcd574bd6', "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: 'fdd85e0cdc5d42b354677659fd5ed37a3f3e839d' }, h("path", { key: '38ba6ffc7a4101a77c59986f433bf40c7bc7a418', d: "M3.33334 12.6667C3.14445 12.6667 2.98612 12.6028 2.85834 12.475C2.73056 12.3473 2.66667 12.1889 2.66667 12C2.66667 11.8112 2.73056 11.6528 2.85834 11.525C2.98612 11.3973 3.14445 11.3334 3.33334 11.3334H4.00001V6.66671C4.00001 6.30004 4.04723 5.93893 4.14167 5.58337C4.23612 5.22782 4.37779 4.88893 4.56667 4.56671L5.56667 5.56671C5.4889 5.74449 5.43056 5.92504 5.39167 6.10837C5.35279 6.29171 5.33334 6.47782 5.33334 6.66671V11.3334H9.46667L1.40001 3.26671C1.27779 3.14449 1.21667 2.98893 1.21667 2.80004C1.21667 2.61115 1.27779 2.4556 1.40001 2.33337C1.52223 2.21115 1.67779 2.15004 1.86667 2.15004C2.05556 2.15004 2.21112 2.21115 2.33334 2.33337L13.6667 13.6667C13.7889 13.7889 13.8528 13.9417 13.8583 14.125C13.8639 14.3084 13.8 14.4667 13.6667 14.6C13.5445 14.7223 13.3889 14.7834 13.2 14.7834C13.0111 14.7834 12.8556 14.7223 12.7333 14.6L10.7667 12.6667H3.33334ZM12 10.1L10.6667 8.76671V6.66671C10.6667 5.93337 10.4056 5.3056 9.88334 4.78337C9.36112 4.26115 8.73334 4.00004 8.00001 4.00004C7.70001 4.00004 7.41945 4.04726 7.15834 4.14171C6.89723 4.23615 6.65556 4.36671 6.43334 4.53337L5.46667 3.56671C5.6889 3.40004 5.92779 3.24726 6.18334 3.10837C6.4389 2.96949 6.71112 2.86671 7.00001 2.80004V2.33337C7.00001 2.0556 7.09723 1.81949 7.29167 1.62504C7.48612 1.4306 7.72223 1.33337 8.00001 1.33337C8.27779 1.33337 8.5139 1.4306 8.70834 1.62504C8.90279 1.81949 9.00001 2.0556 9.00001 2.33337V2.80004C9.86667 3.02226 10.5833 3.48615 11.15 4.19171C11.7167 4.89726 12 5.72226 12 6.66671V10.1ZM8.00001 14.6667C7.63334 14.6667 7.31945 14.5362 7.05834 14.275C6.79723 14.0139 6.66667 13.7 6.66667 13.3334H9.33334C9.33334 13.7 9.20279 14.0139 8.94167 14.275C8.68056 14.5362 8.36667 14.6667 8.00001 14.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '02e5a78105312d2ef936678caa5ca52986312f86' }, h("path", { key: '29ab6abc3b41a890f8e3c64aeb1f48ed1f34a6ba', d: "M5.00001 19C4.71668 19 4.47918 18.9042 4.28751 18.7125C4.09585 18.5208 4.00001 18.2833 4.00001 18C4.00001 17.7167 4.09585 17.4792 4.28751 17.2875C4.47918 17.0958 4.71668 17 5.00001 17H6.00001V10C6.00001 9.45 6.07085 8.90833 6.21251 8.375C6.35418 7.84167 6.56668 7.33333 6.85001 6.85L8.35001 8.35C8.23335 8.61667 8.14585 8.8875 8.08751 9.1625C8.02918 9.4375 8.00001 9.71667 8.00001 10V17H14.2L2.10001 4.9C1.91668 4.71667 1.82501 4.48333 1.82501 4.2C1.82501 3.91667 1.91668 3.68333 2.10001 3.5C2.28335 3.31667 2.51668 3.225 2.80001 3.225C3.08335 3.225 3.31668 3.31667 3.50001 3.5L20.5 20.5C20.6833 20.6833 20.7792 20.9125 20.7875 21.1875C20.7958 21.4625 20.7 21.7 20.5 21.9C20.3167 22.0833 20.0833 22.175 19.8 22.175C19.5167 22.175 19.2833 22.0833 19.1 21.9L16.15 19H5.00001ZM18 15.15L16 13.15V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C11.55 6 11.1292 6.07083 10.7375 6.2125C10.3458 6.35417 9.98335 6.55 9.65001 6.8L8.20001 5.35C8.53335 5.1 8.89168 4.87083 9.27501 4.6625C9.65835 4.45417 10.0667 4.3 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8 4.53333 15.875 5.22917 16.725 6.2875C17.575 7.34583 18 8.58333 18 10V15.15ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '46084f76d0e14c11434f9f969a4ad757d39dbe65' }, h("path", { key: '5c036ca5f923b20399f043681f3511d3505bdd1f', d: "M5.83332 22.1667C5.50276 22.1667 5.22568 22.0549 5.00207 21.8313C4.77846 21.6077 4.66665 21.3306 4.66665 21C4.66665 20.6695 4.77846 20.3924 5.00207 20.1688C5.22568 19.9452 5.50276 19.8334 5.83332 19.8334H6.99998V11.6667C6.99998 11.025 7.08262 10.3931 7.2479 9.77088C7.41318 9.14865 7.66109 8.5556 7.99165 7.99171L9.74165 9.74171C9.60554 10.0528 9.50346 10.3688 9.4354 10.6896C9.36734 11.0105 9.33332 11.3362 9.33332 11.6667V19.8334H16.5666L2.44998 5.71671C2.23609 5.50282 2.12915 5.2306 2.12915 4.90004C2.12915 4.56949 2.23609 4.29726 2.44998 4.08337C2.66387 3.86949 2.93609 3.76254 3.26665 3.76254C3.59721 3.76254 3.86943 3.86949 4.08332 4.08337L23.9167 23.9167C24.1305 24.1306 24.2423 24.398 24.2521 24.7188C24.2618 25.0396 24.15 25.3167 23.9167 25.55C23.7028 25.7639 23.4305 25.8709 23.1 25.8709C22.7694 25.8709 22.4972 25.7639 22.2833 25.55L18.8416 22.1667H5.83332ZM21 17.675L18.6667 15.3417V11.6667C18.6667 10.3834 18.2097 9.28476 17.2958 8.37088C16.3819 7.45699 15.2833 7.00004 14 7.00004C13.475 7.00004 12.984 7.08268 12.5271 7.24796C12.0701 7.41324 11.6472 7.64171 11.2583 7.93337L9.56665 6.24171C9.95554 5.95004 10.3736 5.68268 10.8208 5.43962C11.268 5.19657 11.7444 5.01671 12.25 4.90004V4.08337C12.25 3.59726 12.4201 3.18407 12.7604 2.84379C13.1007 2.50351 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8993 2.50351 15.2396 2.84379C15.5798 3.18407 15.75 3.59726 15.75 4.08337V4.90004C17.2667 5.28893 18.5208 6.10074 19.5125 7.33546C20.5042 8.57018 21 10.0139 21 11.6667V17.675ZM14 25.6667C13.3583 25.6667 12.809 25.4382 12.3521 24.9813C11.8951 24.5244 11.6667 23.975 11.6667 23.3334H16.3333C16.3333 23.975 16.1048 24.5244 15.6479 24.9813C15.191 25.4382 14.6417 25.6667 14 25.6667Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconNotificationsOffStyle0; }
 }, [1, "swirl-icon-notifications-off", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-notifications-off"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-notifications-off":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconNotificationsOff$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-notifications-off"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-notifications-off":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconNotificationsOff$1);
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 

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

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

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

@@ -2,40 +2,41 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const SwirlIconNotificationsStyle0 = swirlIconCss;
 
 const SwirlIconNotifications$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconNotifications 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.33335 12.6667C3.14446 12.6667 2.98602 12.6027 2.85802 12.4747C2.73046 12.3472 2.66669 12.1889 2.66669 12C2.66669 11.8112 2.73046 11.6529 2.85802 11.5254C2.98602 11.3974 3.14446 11.3334 3.33335 11.3334H4.00002V6.66671C4.00002 5.74448 4.2778 4.92493 4.83335 4.20804C5.38891 3.4916 6.11113 3.02226 7.00002 2.80004V2.33337C7.00002 2.0556 7.09735 1.8196 7.29202 1.62537C7.48624 1.43071 7.72224 1.33337 8.00002 1.33337C8.2778 1.33337 8.5138 1.43071 8.70802 1.62537C8.90269 1.8196 9.00002 2.0556 9.00002 2.33337V2.80004C9.88891 3.02226 10.6111 3.4916 11.1667 4.20804C11.7222 4.92493 12 5.74448 12 6.66671V11.3334H12.6667C12.8556 11.3334 13.0138 11.3974 13.1414 11.5254C13.2694 11.6529 13.3334 11.8112 13.3334 12C13.3334 12.1889 13.2694 12.3472 13.1414 12.4747C13.0138 12.6027 12.8556 12.6667 12.6667 12.6667H3.33335ZM8.00002 14.6667C7.63335 14.6667 7.31958 14.5363 7.05869 14.2754C6.79735 14.014 6.66669 13.7 6.66669 13.3334H9.33335C9.33335 13.7 9.20291 14.014 8.94202 14.2754C8.68069 14.5363 8.36669 14.6667 8.00002 14.6667ZM5.33335 11.3334H10.6667V6.66671C10.6667 5.93337 10.4056 5.3056 9.88335 4.78337C9.36113 4.26115 8.73335 4.00004 8.00002 4.00004C7.26669 4.00004 6.63891 4.26115 6.11669 4.78337C5.59446 5.3056 5.33335 5.93337 5.33335 6.66671V11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M5 19C4.71667 19 4.479 18.904 4.287 18.712C4.09567 18.5207 4 18.2833 4 18C4 17.7167 4.09567 17.4793 4.287 17.288C4.479 17.096 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.38733 7.25 6.312C8.08333 5.23733 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.646 2.72933 10.938 2.438C11.2293 2.146 11.5833 2 12 2C12.4167 2 12.7707 2.146 13.062 2.438C13.354 2.72933 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.23733 16.75 6.312C17.5833 7.38733 18 8.61667 18 10V17H19C19.2833 17 19.5207 17.096 19.712 17.288C19.904 17.4793 20 17.7167 20 18C20 18.2833 19.904 18.5207 19.712 18.712C19.5207 18.904 19.2833 19 19 19H5ZM12 22C11.45 22 10.9793 21.8043 10.588 21.413C10.196 21.021 10 20.55 10 20H14C14 20.55 13.8043 21.021 13.413 21.413C13.021 21.8043 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M5.83335 22.1667C5.5028 22.1667 5.22552 22.0547 5.00152 21.8307C4.7783 21.6075 4.66669 21.3306 4.66669 21C4.66669 20.6695 4.7783 20.3926 5.00152 20.1694C5.22552 19.9454 5.5028 19.8334 5.83335 19.8334H7.00002V11.6667C7.00002 10.0528 7.48613 8.6186 8.45835 7.36404C9.43058 6.11026 10.6945 5.28893 12.25 4.90004V4.08337C12.25 3.59726 12.4204 3.18426 12.761 2.84437C13.1009 2.50371 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8991 2.50371 15.239 2.84437C15.5797 3.18426 15.75 3.59726 15.75 4.08337V4.90004C17.3056 5.28893 18.5695 6.11026 19.5417 7.36404C20.5139 8.6186 21 10.0528 21 11.6667V19.8334H22.1667C22.4972 19.8334 22.7741 19.9454 22.9974 20.1694C23.2214 20.3926 23.3334 20.6695 23.3334 21C23.3334 21.3306 23.2214 21.6075 22.9974 21.8307C22.7741 22.0547 22.4972 22.1667 22.1667 22.1667H5.83335ZM14 25.6667C13.3584 25.6667 12.8092 25.4384 12.3527 24.9819C11.8954 24.5245 11.6667 23.975 11.6667 23.3334H16.3334C16.3334 23.975 16.1051 24.5245 15.6485 24.9819C15.1912 25.4384 14.6417 25.6667 14 25.6667ZM9.33335 19.8334H18.6667V11.6667C18.6667 10.3834 18.2097 9.28476 17.2959 8.37087C16.382 7.45699 15.2834 7.00004 14 7.00004C12.7167 7.00004 11.6181 7.45699 10.7042 8.37087C9.7903 9.28476 9.33335 10.3834 9.33335 11.6667V19.8334Z", 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: 'a5387b0096b3faae1ba3ca64d3c5c7a87a6392b9', "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: '6727c24245da32c1bcbf5655eb2c6163c555ff42' }, h("path", { key: '144a81f4fd647b89217313da733d73698fb53f3b', d: "M3.33335 12.6667C3.14446 12.6667 2.98602 12.6027 2.85802 12.4747C2.73046 12.3472 2.66669 12.1889 2.66669 12C2.66669 11.8112 2.73046 11.6529 2.85802 11.5254C2.98602 11.3974 3.14446 11.3334 3.33335 11.3334H4.00002V6.66671C4.00002 5.74448 4.2778 4.92493 4.83335 4.20804C5.38891 3.4916 6.11113 3.02226 7.00002 2.80004V2.33337C7.00002 2.0556 7.09735 1.8196 7.29202 1.62537C7.48624 1.43071 7.72224 1.33337 8.00002 1.33337C8.2778 1.33337 8.5138 1.43071 8.70802 1.62537C8.90269 1.8196 9.00002 2.0556 9.00002 2.33337V2.80004C9.88891 3.02226 10.6111 3.4916 11.1667 4.20804C11.7222 4.92493 12 5.74448 12 6.66671V11.3334H12.6667C12.8556 11.3334 13.0138 11.3974 13.1414 11.5254C13.2694 11.6529 13.3334 11.8112 13.3334 12C13.3334 12.1889 13.2694 12.3472 13.1414 12.4747C13.0138 12.6027 12.8556 12.6667 12.6667 12.6667H3.33335ZM8.00002 14.6667C7.63335 14.6667 7.31958 14.5363 7.05869 14.2754C6.79735 14.014 6.66669 13.7 6.66669 13.3334H9.33335C9.33335 13.7 9.20291 14.014 8.94202 14.2754C8.68069 14.5363 8.36669 14.6667 8.00002 14.6667ZM5.33335 11.3334H10.6667V6.66671C10.6667 5.93337 10.4056 5.3056 9.88335 4.78337C9.36113 4.26115 8.73335 4.00004 8.00002 4.00004C7.26669 4.00004 6.63891 4.26115 6.11669 4.78337C5.59446 5.3056 5.33335 5.93337 5.33335 6.66671V11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '63beff6d314ac2409830a35e51760d29534b2c8a' }, h("path", { key: 'd44aaa40be49e6c0592a42ac66e62d229ecf7a61', d: "M5 19C4.71667 19 4.479 18.904 4.287 18.712C4.09567 18.5207 4 18.2833 4 18C4 17.7167 4.09567 17.4793 4.287 17.288C4.479 17.096 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.38733 7.25 6.312C8.08333 5.23733 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.646 2.72933 10.938 2.438C11.2293 2.146 11.5833 2 12 2C12.4167 2 12.7707 2.146 13.062 2.438C13.354 2.72933 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.23733 16.75 6.312C17.5833 7.38733 18 8.61667 18 10V17H19C19.2833 17 19.5207 17.096 19.712 17.288C19.904 17.4793 20 17.7167 20 18C20 18.2833 19.904 18.5207 19.712 18.712C19.5207 18.904 19.2833 19 19 19H5ZM12 22C11.45 22 10.9793 21.8043 10.588 21.413C10.196 21.021 10 20.55 10 20H14C14 20.55 13.8043 21.021 13.413 21.413C13.021 21.8043 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'b9c293e95aaeacf4286c29000c7e38e392ac6425' }, h("path", { key: '330186e70aeeb49ff2b0f038571bfdbb3363ebec', d: "M5.83335 22.1667C5.5028 22.1667 5.22552 22.0547 5.00152 21.8307C4.7783 21.6075 4.66669 21.3306 4.66669 21C4.66669 20.6695 4.7783 20.3926 5.00152 20.1694C5.22552 19.9454 5.5028 19.8334 5.83335 19.8334H7.00002V11.6667C7.00002 10.0528 7.48613 8.6186 8.45835 7.36404C9.43058 6.11026 10.6945 5.28893 12.25 4.90004V4.08337C12.25 3.59726 12.4204 3.18426 12.761 2.84437C13.1009 2.50371 13.5139 2.33337 14 2.33337C14.4861 2.33337 14.8991 2.50371 15.239 2.84437C15.5797 3.18426 15.75 3.59726 15.75 4.08337V4.90004C17.3056 5.28893 18.5695 6.11026 19.5417 7.36404C20.5139 8.6186 21 10.0528 21 11.6667V19.8334H22.1667C22.4972 19.8334 22.7741 19.9454 22.9974 20.1694C23.2214 20.3926 23.3334 20.6695 23.3334 21C23.3334 21.3306 23.2214 21.6075 22.9974 21.8307C22.7741 22.0547 22.4972 22.1667 22.1667 22.1667H5.83335ZM14 25.6667C13.3584 25.6667 12.8092 25.4384 12.3527 24.9819C11.8954 24.5245 11.6667 23.975 11.6667 23.3334H16.3334C16.3334 23.975 16.1051 24.5245 15.6485 24.9819C15.1912 25.4384 14.6417 25.6667 14 25.6667ZM9.33335 19.8334H18.6667V11.6667C18.6667 10.3834 18.2097 9.28476 17.2959 8.37087C16.382 7.45699 15.2834 7.00004 14 7.00004C12.7167 7.00004 11.6181 7.45699 10.7042 8.37087C9.7903 9.28476 9.33335 10.3834 9.33335 11.6667V19.8334Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconNotificationsStyle0; }
 }, [1, "swirl-icon-notifications", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-notifications"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-notifications":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconNotifications$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-notifications"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-notifications":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconNotifications$1);
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 

package/dist/components/swirl-icon-open-in-full.d.ts

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