@getflip/swirl-components 0.197.1 → 0.199.0

package/dist/components/swirl-icon-notifications-active.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 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: 'c69bebabb4850c3dcee59667758adf3f85bc8673', "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: '15e6e3552ddeba4b0cc97a07ba7a6b2449b355e0' }, h("path", { key: '299a35c7415d9fa7e74429e1a7982c222ac544c7', 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: '7bc75927b8c8efc1cb637efbfa71a81ccfde5060' }, h("path", { key: '895edeb29eaceafa793e0cef2dbf85ed1cf9fafa', 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: '267e88d313f776c64138f3b22f261bb3c4293961' }, h("path", { key: '38c0b7aa7e0d268382f017abbd2621d05bcfc8ae', 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();
 
 const SwirlIconNotificationsActive = SwirlIconNotificationsActive$1;
 const defineCustomElement = 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,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 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: 'c275bd006772f92a7b2b5d494033d6db3a027de2', "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: '7921ef3bbb58dff126e9b921fe0d44ec84c0ed71' }, h("path", { key: '59e23210543a45ced109317fe40cf1427c3c7ec2', 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: '05965c2e1ffa767315eebb4c55e947e78bd386f8' }, h("path", { key: 'd18c15a1c868f50d4be5480c303c7b34121bc77a', 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: '23e55ad06b51a43216c8cd0a9ba8097017d90064' }, h("path", { key: '969db3242f78121fe5eddab513a5ca22345e6019', 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();
 
 const SwirlIconNotificationsOff = SwirlIconNotificationsOff$1;
 const defineCustomElement = 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,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 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: '20b5dd75a15f4105ac57d12b58e44105a26fda21', "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: 'f78c7b73d686d6da73d2103512db74cac5f314cc' }, h("path", { key: 'a02d6f55edf214236fd3fa5257d966c6dc9f936a', 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: '3495debbb0022087b22106b93cab9634449df233' }, h("path", { key: 'e87493341f74932d079237eee7f1278893c18b85', 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: 'a50373a19b910f3397a4cd361b6cdaf6821fb3f6' }, h("path", { key: '41fd75d74e8b4ba091d690856378e28f08e78614', 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();
 
 const SwirlIconNotifications = SwirlIconNotifications$1;
 const defineCustomElement = 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.

package/dist/components/swirl-icon-open-in-full.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 SwirlIconOpenInFullStyle0 = swirlIconCss;
 
 const SwirlIconOpenInFull$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconOpenInFull 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: "M14 2.66667C14 2.47778 13.9361 2.31944 13.8083 2.19167C13.6806 2.06389 13.5222 2 13.3333 2L9.33333 2C9.14445 2 8.98611 2.06389 8.85833 2.19167C8.73056 2.31944 8.66667 2.47778 8.66667 2.66667C8.66667 2.85556 8.73056 3.01389 8.85833 3.14167C8.98611 3.26944 9.14445 3.33333 9.33333 3.33333L11.7333 3.33333L3.33333 11.7333V9.33333C3.33333 9.14444 3.26944 8.98611 3.14167 8.85833C3.01389 8.73056 2.85556 8.66667 2.66667 8.66667C2.47778 8.66667 2.31944 8.73056 2.19167 8.85833C2.06389 8.98611 2 9.14444 2 9.33333L2 13.3333C2 13.5222 2.06389 13.6806 2.19167 13.8083C2.31944 13.9361 2.47778 14 2.66667 14H6.66667C6.85556 14 7.01389 13.9361 7.14167 13.8083C7.26944 13.6806 7.33333 13.5222 7.33333 13.3333C7.33333 13.1444 7.26944 12.9861 7.14167 12.8583C7.01389 12.7306 6.85556 12.6667 6.66667 12.6667H4.26667L12.6667 4.26667V6.66667C12.6667 6.85556 12.7306 7.01389 12.8583 7.14167C12.9861 7.26944 13.1444 7.33333 13.3333 7.33333C13.5222 7.33333 13.6806 7.26944 13.8083 7.14167C13.9361 7.01389 14 6.85556 14 6.66667V2.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M4 21C3.71667 21 3.47917 20.9042 3.2875 20.7125C3.09583 20.5208 3 20.2833 3 20V14C3 13.7167 3.09583 13.4792 3.2875 13.2875C3.47917 13.0958 3.71667 13 4 13C4.28333 13 4.52083 13.0958 4.7125 13.2875C4.90417 13.4792 5 13.7167 5 14V17.6L17.6 5H14C13.7167 5 13.4792 4.90417 13.2875 4.7125C13.0958 4.52083 13 4.28333 13 4C13 3.71667 13.0958 3.47917 13.2875 3.2875C13.4792 3.09583 13.7167 3 14 3H20C20.2833 3 20.5208 3.09583 20.7125 3.2875C20.9042 3.47917 21 3.71667 21 4V10C21 10.2833 20.9042 10.5208 20.7125 10.7125C20.5208 10.9042 20.2833 11 20 11C19.7167 11 19.4792 10.9042 19.2875 10.7125C19.0958 10.5208 19 10.2833 19 10V6.4L6.4 19H10C10.2833 19 10.5208 19.0958 10.7125 19.2875C10.9042 19.4792 11 19.7167 11 20C11 20.2833 10.9042 20.5208 10.7125 20.7125C10.5208 20.9042 10.2833 21 10 21H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M24.5 4.66667C24.5 4.33611 24.3882 4.05903 24.1646 3.83542C23.941 3.61181 23.6639 3.5 23.3333 3.5L16.3333 3.5C16.0028 3.5 15.7257 3.61181 15.5021 3.83542C15.2785 4.05903 15.1667 4.33611 15.1667 4.66667C15.1667 4.99722 15.2785 5.27431 15.5021 5.49792C15.7257 5.72153 16.0028 5.83333 16.3333 5.83333L20.5333 5.83333L5.83333 20.5333V16.3333C5.83333 16.0028 5.72153 15.7257 5.49792 15.5021C5.27431 15.2785 4.99722 15.1667 4.66667 15.1667C4.33611 15.1667 4.05903 15.2785 3.83542 15.5021C3.61181 15.7257 3.5 16.0028 3.5 16.3333L3.5 23.3333C3.5 23.6639 3.61181 23.941 3.83542 24.1646C4.05903 24.3882 4.33611 24.5 4.66667 24.5L11.6667 24.5C11.9972 24.5 12.2743 24.3882 12.4979 24.1646C12.7215 23.941 12.8333 23.6639 12.8333 23.3333C12.8333 23.0028 12.7215 22.7257 12.4979 22.5021C12.2743 22.2785 11.9972 22.1667 11.6667 22.1667H7.46667L22.1667 7.46667V11.6667C22.1667 11.9972 22.2785 12.2743 22.5021 12.4979C22.7257 12.7215 23.0028 12.8333 23.3333 12.8333C23.6639 12.8333 23.941 12.7215 24.1646 12.4979C24.3882 12.2743 24.5 11.9972 24.5 11.6667V4.66667Z", 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: '24bad27bb04f16f040995bbe170bee7292ae25d7', "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: 'f49da532cc2e84d8f32721f9d081cf9b625a54d1' }, h("path", { key: 'bef745e7de0e54a7a2e9398c075a250e2a2071d2', d: "M14 2.66667C14 2.47778 13.9361 2.31944 13.8083 2.19167C13.6806 2.06389 13.5222 2 13.3333 2L9.33333 2C9.14445 2 8.98611 2.06389 8.85833 2.19167C8.73056 2.31944 8.66667 2.47778 8.66667 2.66667C8.66667 2.85556 8.73056 3.01389 8.85833 3.14167C8.98611 3.26944 9.14445 3.33333 9.33333 3.33333L11.7333 3.33333L3.33333 11.7333V9.33333C3.33333 9.14444 3.26944 8.98611 3.14167 8.85833C3.01389 8.73056 2.85556 8.66667 2.66667 8.66667C2.47778 8.66667 2.31944 8.73056 2.19167 8.85833C2.06389 8.98611 2 9.14444 2 9.33333L2 13.3333C2 13.5222 2.06389 13.6806 2.19167 13.8083C2.31944 13.9361 2.47778 14 2.66667 14H6.66667C6.85556 14 7.01389 13.9361 7.14167 13.8083C7.26944 13.6806 7.33333 13.5222 7.33333 13.3333C7.33333 13.1444 7.26944 12.9861 7.14167 12.8583C7.01389 12.7306 6.85556 12.6667 6.66667 12.6667H4.26667L12.6667 4.26667V6.66667C12.6667 6.85556 12.7306 7.01389 12.8583 7.14167C12.9861 7.26944 13.1444 7.33333 13.3333 7.33333C13.5222 7.33333 13.6806 7.26944 13.8083 7.14167C13.9361 7.01389 14 6.85556 14 6.66667V2.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'c2e5a8d2fb7902ddc9797db99c4b38cd5776dd6b' }, h("path", { key: '98260b35d1ec1beeeed515c108d3f83fd9779c5b', d: "M4 21C3.71667 21 3.47917 20.9042 3.2875 20.7125C3.09583 20.5208 3 20.2833 3 20V14C3 13.7167 3.09583 13.4792 3.2875 13.2875C3.47917 13.0958 3.71667 13 4 13C4.28333 13 4.52083 13.0958 4.7125 13.2875C4.90417 13.4792 5 13.7167 5 14V17.6L17.6 5H14C13.7167 5 13.4792 4.90417 13.2875 4.7125C13.0958 4.52083 13 4.28333 13 4C13 3.71667 13.0958 3.47917 13.2875 3.2875C13.4792 3.09583 13.7167 3 14 3H20C20.2833 3 20.5208 3.09583 20.7125 3.2875C20.9042 3.47917 21 3.71667 21 4V10C21 10.2833 20.9042 10.5208 20.7125 10.7125C20.5208 10.9042 20.2833 11 20 11C19.7167 11 19.4792 10.9042 19.2875 10.7125C19.0958 10.5208 19 10.2833 19 10V6.4L6.4 19H10C10.2833 19 10.5208 19.0958 10.7125 19.2875C10.9042 19.4792 11 19.7167 11 20C11 20.2833 10.9042 20.5208 10.7125 20.7125C10.5208 20.9042 10.2833 21 10 21H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '0795f25992f922dc49944872b88ed25be1292248' }, h("path", { key: '023be76d19afc8d912c3c575fdcd8989640b58d0', d: "M24.5 4.66667C24.5 4.33611 24.3882 4.05903 24.1646 3.83542C23.941 3.61181 23.6639 3.5 23.3333 3.5L16.3333 3.5C16.0028 3.5 15.7257 3.61181 15.5021 3.83542C15.2785 4.05903 15.1667 4.33611 15.1667 4.66667C15.1667 4.99722 15.2785 5.27431 15.5021 5.49792C15.7257 5.72153 16.0028 5.83333 16.3333 5.83333L20.5333 5.83333L5.83333 20.5333V16.3333C5.83333 16.0028 5.72153 15.7257 5.49792 15.5021C5.27431 15.2785 4.99722 15.1667 4.66667 15.1667C4.33611 15.1667 4.05903 15.2785 3.83542 15.5021C3.61181 15.7257 3.5 16.0028 3.5 16.3333L3.5 23.3333C3.5 23.6639 3.61181 23.941 3.83542 24.1646C4.05903 24.3882 4.33611 24.5 4.66667 24.5L11.6667 24.5C11.9972 24.5 12.2743 24.3882 12.4979 24.1646C12.7215 23.941 12.8333 23.6639 12.8333 23.3333C12.8333 23.0028 12.7215 22.7257 12.4979 22.5021C12.2743 22.2785 11.9972 22.1667 11.6667 22.1667H7.46667L22.1667 7.46667V11.6667C22.1667 11.9972 22.2785 12.2743 22.5021 12.4979C22.7257 12.7215 23.0028 12.8333 23.3333 12.8333C23.6639 12.8333 23.941 12.7215 24.1646 12.4979C24.3882 12.2743 24.5 11.9972 24.5 11.6667V4.66667Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconOpenInFullStyle0; }
 }, [1, "swirl-icon-open-in-full", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-open-in-full"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-open-in-full":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconOpenInFull$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-open-in-full"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-open-in-full":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconOpenInFull$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconOpenInFull = SwirlIconOpenInFull$1;
 const defineCustomElement = defineCustomElement$1;

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

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

package/dist/components/swirl-icon-open-in-new.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 SwirlIconOpenInNewStyle0 = swirlIconCss;
 
 const SwirlIconOpenInNew$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconOpenInNew 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.38334 14.1334C2.96111 14.1334 2.60289 13.9863 2.30867 13.692C2.014 13.3974 1.86667 13.0389 1.86667 12.6167V3.38337C1.86667 2.96114 2.014 2.6027 2.30867 2.30803C2.60289 2.01381 2.96111 1.8667 3.38334 1.8667H7.23334C7.45556 1.8667 7.63889 1.93892 7.78334 2.08337C7.92778 2.22781 8 2.40559 8 2.6167C8 2.83892 7.92778 3.02225 7.78334 3.1667C7.63889 3.31114 7.45556 3.38337 7.23334 3.38337H3.38334V12.6167H12.6167V8.7667C12.6167 8.54448 12.6889 8.36114 12.8333 8.2167C12.9778 8.07225 13.1611 8.00003 13.3833 8.00003C13.5944 8.00003 13.7722 8.07225 13.9167 8.2167C14.0611 8.36114 14.1333 8.54448 14.1333 8.7667V12.6167C14.1333 13.0389 13.9862 13.3974 13.692 13.692C13.3973 13.9863 13.0389 14.1334 12.6167 14.1334H3.38334ZM6.06667 9.93337C5.92222 9.80003 5.85 9.62781 5.85 9.4167C5.85 9.20559 5.92222 9.02781 6.06667 8.88337L11.5667 3.38337H10.1C9.87778 3.38337 9.69445 3.31114 9.55 3.1667C9.40556 3.02225 9.33333 2.83892 9.33333 2.6167C9.33333 2.40559 9.40556 2.22781 9.55 2.08337C9.69445 1.93892 9.87778 1.8667 10.1 1.8667H13.3833C13.5944 1.8667 13.7722 1.93892 13.9167 2.08337C14.0611 2.22781 14.1333 2.40559 14.1333 2.6167V5.90003C14.1333 6.12225 14.0611 6.30559 13.9167 6.45003C13.7722 6.59448 13.5944 6.6667 13.3833 6.6667C13.1611 6.6667 12.9778 6.59448 12.8333 6.45003C12.6889 6.30559 12.6167 6.12225 12.6167 5.90003V4.43337L7.1 9.95003C6.96667 10.0945 6.79733 10.1667 6.592 10.1667C6.38622 10.1667 6.21111 10.0889 6.06667 9.93337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M5.075 21.2001C4.44167 21.2001 3.90433 20.9794 3.463 20.538C3.021 20.096 2.8 19.5584 2.8 18.925V5.07505C2.8 4.44172 3.021 3.90405 3.463 3.46205C3.90433 3.02072 4.44167 2.80005 5.075 2.80005H10.85C11.1833 2.80005 11.4583 2.90838 11.675 3.12505C11.8917 3.34172 12 3.60838 12 3.92505C12 4.25838 11.8917 4.53338 11.675 4.75005C11.4583 4.96672 11.1833 5.07505 10.85 5.07505H5.075V18.925H18.925V13.15C18.925 12.8167 19.0333 12.5417 19.25 12.325C19.4667 12.1084 19.7417 12 20.075 12C20.3917 12 20.6583 12.1084 20.875 12.325C21.0917 12.5417 21.2 12.8167 21.2 13.15V18.925C21.2 19.5584 20.9793 20.096 20.538 20.538C20.096 20.9794 19.5583 21.2001 18.925 21.2001H5.075ZM9.1 14.9C8.88333 14.7 8.775 14.4417 8.775 14.125C8.775 13.8084 8.88333 13.5417 9.1 13.325L17.35 5.07505H15.15C14.8167 5.07505 14.5417 4.96672 14.325 4.75005C14.1083 4.53338 14 4.25838 14 3.92505C14 3.60838 14.1083 3.34172 14.325 3.12505C14.5417 2.90838 14.8167 2.80005 15.15 2.80005H20.075C20.3917 2.80005 20.6583 2.90838 20.875 3.12505C21.0917 3.34172 21.2 3.60838 21.2 3.92505V8.85005C21.2 9.18338 21.0917 9.45838 20.875 9.67505C20.6583 9.89172 20.3917 10 20.075 10C19.7417 10 19.4667 9.89172 19.25 9.67505C19.0333 9.45838 18.925 9.18338 18.925 8.85005V6.65005L10.65 14.925C10.45 15.1417 10.196 15.25 9.888 15.25C9.57933 15.25 9.31667 15.1334 9.1 14.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M5.92084 24.7334C5.18195 24.7334 4.55506 24.4759 4.04017 23.9611C3.5245 23.4454 3.26667 22.8181 3.26667 22.0792V5.92089C3.26667 5.182 3.5245 4.55472 4.04017 4.03906C4.55506 3.52417 5.18195 3.26672 5.92084 3.26672H12.6583C13.0472 3.26672 13.3681 3.39311 13.6208 3.64589C13.8736 3.89867 14 4.20978 14 4.57922C14 4.96811 13.8736 5.28895 13.6208 5.54172C13.3681 5.7945 13.0472 5.92089 12.6583 5.92089H5.92084V22.0792H22.0792V15.3417C22.0792 14.9528 22.2056 14.632 22.4583 14.3792C22.7111 14.1264 23.032 14.0001 23.4208 14.0001C23.7903 14.0001 24.1014 14.1264 24.3542 14.3792C24.607 14.632 24.7333 14.9528 24.7333 15.3417V22.0792C24.7333 22.8181 24.4759 23.4454 23.961 23.9611C23.4453 24.4759 22.8181 24.7334 22.0792 24.7334H5.92084ZM10.6167 17.3834C10.3639 17.1501 10.2375 16.8487 10.2375 16.4792C10.2375 16.1098 10.3639 15.7987 10.6167 15.5459L20.2417 5.92089H17.675C17.2861 5.92089 16.9653 5.7945 16.7125 5.54172C16.4597 5.28895 16.3333 4.96811 16.3333 4.57922C16.3333 4.20978 16.4597 3.89867 16.7125 3.64589C16.9653 3.39311 17.2861 3.26672 17.675 3.26672H23.4208C23.7903 3.26672 24.1014 3.39311 24.3542 3.64589C24.607 3.89867 24.7333 4.20978 24.7333 4.57922V10.3251C24.7333 10.7139 24.607 11.0348 24.3542 11.2876C24.1014 11.5403 23.7903 11.6667 23.4208 11.6667C23.032 11.6667 22.7111 11.5403 22.4583 11.2876C22.2056 11.0348 22.0792 10.7139 22.0792 10.3251V7.75839L12.425 17.4126C12.1917 17.6653 11.8953 17.7917 11.536 17.7917C11.1759 17.7917 10.8694 17.6556 10.6167 17.3834Z", 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: '7d8bf2f4e3d3010e2471fbde27bed6c628e21f3d', "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: '9b35b66488f572f782e80c8790b8ac774f38afb2' }, h("path", { key: '2fe4accfc5c6e66718038440bd605e0a709c56a6', d: "M3.38334 14.1334C2.96111 14.1334 2.60289 13.9863 2.30867 13.692C2.014 13.3974 1.86667 13.0389 1.86667 12.6167V3.38337C1.86667 2.96114 2.014 2.6027 2.30867 2.30803C2.60289 2.01381 2.96111 1.8667 3.38334 1.8667H7.23334C7.45556 1.8667 7.63889 1.93892 7.78334 2.08337C7.92778 2.22781 8 2.40559 8 2.6167C8 2.83892 7.92778 3.02225 7.78334 3.1667C7.63889 3.31114 7.45556 3.38337 7.23334 3.38337H3.38334V12.6167H12.6167V8.7667C12.6167 8.54448 12.6889 8.36114 12.8333 8.2167C12.9778 8.07225 13.1611 8.00003 13.3833 8.00003C13.5944 8.00003 13.7722 8.07225 13.9167 8.2167C14.0611 8.36114 14.1333 8.54448 14.1333 8.7667V12.6167C14.1333 13.0389 13.9862 13.3974 13.692 13.692C13.3973 13.9863 13.0389 14.1334 12.6167 14.1334H3.38334ZM6.06667 9.93337C5.92222 9.80003 5.85 9.62781 5.85 9.4167C5.85 9.20559 5.92222 9.02781 6.06667 8.88337L11.5667 3.38337H10.1C9.87778 3.38337 9.69445 3.31114 9.55 3.1667C9.40556 3.02225 9.33333 2.83892 9.33333 2.6167C9.33333 2.40559 9.40556 2.22781 9.55 2.08337C9.69445 1.93892 9.87778 1.8667 10.1 1.8667H13.3833C13.5944 1.8667 13.7722 1.93892 13.9167 2.08337C14.0611 2.22781 14.1333 2.40559 14.1333 2.6167V5.90003C14.1333 6.12225 14.0611 6.30559 13.9167 6.45003C13.7722 6.59448 13.5944 6.6667 13.3833 6.6667C13.1611 6.6667 12.9778 6.59448 12.8333 6.45003C12.6889 6.30559 12.6167 6.12225 12.6167 5.90003V4.43337L7.1 9.95003C6.96667 10.0945 6.79733 10.1667 6.592 10.1667C6.38622 10.1667 6.21111 10.0889 6.06667 9.93337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f8f6bfd0c87770474f300634e4539101e39cc5dd' }, h("path", { key: '1dd3ce3a28da06d2ec91853e00d04f63e843e817', d: "M5.075 21.2001C4.44167 21.2001 3.90433 20.9794 3.463 20.538C3.021 20.096 2.8 19.5584 2.8 18.925V5.07505C2.8 4.44172 3.021 3.90405 3.463 3.46205C3.90433 3.02072 4.44167 2.80005 5.075 2.80005H10.85C11.1833 2.80005 11.4583 2.90838 11.675 3.12505C11.8917 3.34172 12 3.60838 12 3.92505C12 4.25838 11.8917 4.53338 11.675 4.75005C11.4583 4.96672 11.1833 5.07505 10.85 5.07505H5.075V18.925H18.925V13.15C18.925 12.8167 19.0333 12.5417 19.25 12.325C19.4667 12.1084 19.7417 12 20.075 12C20.3917 12 20.6583 12.1084 20.875 12.325C21.0917 12.5417 21.2 12.8167 21.2 13.15V18.925C21.2 19.5584 20.9793 20.096 20.538 20.538C20.096 20.9794 19.5583 21.2001 18.925 21.2001H5.075ZM9.1 14.9C8.88333 14.7 8.775 14.4417 8.775 14.125C8.775 13.8084 8.88333 13.5417 9.1 13.325L17.35 5.07505H15.15C14.8167 5.07505 14.5417 4.96672 14.325 4.75005C14.1083 4.53338 14 4.25838 14 3.92505C14 3.60838 14.1083 3.34172 14.325 3.12505C14.5417 2.90838 14.8167 2.80005 15.15 2.80005H20.075C20.3917 2.80005 20.6583 2.90838 20.875 3.12505C21.0917 3.34172 21.2 3.60838 21.2 3.92505V8.85005C21.2 9.18338 21.0917 9.45838 20.875 9.67505C20.6583 9.89172 20.3917 10 20.075 10C19.7417 10 19.4667 9.89172 19.25 9.67505C19.0333 9.45838 18.925 9.18338 18.925 8.85005V6.65005L10.65 14.925C10.45 15.1417 10.196 15.25 9.888 15.25C9.57933 15.25 9.31667 15.1334 9.1 14.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'f7e8e6ef1b8487ab185d2b8faf3ed53da75cbc5a' }, h("path", { key: 'cf2b9bed26391f855195bf20a01c7447a69a1534', d: "M5.92084 24.7334C5.18195 24.7334 4.55506 24.4759 4.04017 23.9611C3.5245 23.4454 3.26667 22.8181 3.26667 22.0792V5.92089C3.26667 5.182 3.5245 4.55472 4.04017 4.03906C4.55506 3.52417 5.18195 3.26672 5.92084 3.26672H12.6583C13.0472 3.26672 13.3681 3.39311 13.6208 3.64589C13.8736 3.89867 14 4.20978 14 4.57922C14 4.96811 13.8736 5.28895 13.6208 5.54172C13.3681 5.7945 13.0472 5.92089 12.6583 5.92089H5.92084V22.0792H22.0792V15.3417C22.0792 14.9528 22.2056 14.632 22.4583 14.3792C22.7111 14.1264 23.032 14.0001 23.4208 14.0001C23.7903 14.0001 24.1014 14.1264 24.3542 14.3792C24.607 14.632 24.7333 14.9528 24.7333 15.3417V22.0792C24.7333 22.8181 24.4759 23.4454 23.961 23.9611C23.4453 24.4759 22.8181 24.7334 22.0792 24.7334H5.92084ZM10.6167 17.3834C10.3639 17.1501 10.2375 16.8487 10.2375 16.4792C10.2375 16.1098 10.3639 15.7987 10.6167 15.5459L20.2417 5.92089H17.675C17.2861 5.92089 16.9653 5.7945 16.7125 5.54172C16.4597 5.28895 16.3333 4.96811 16.3333 4.57922C16.3333 4.20978 16.4597 3.89867 16.7125 3.64589C16.9653 3.39311 17.2861 3.26672 17.675 3.26672H23.4208C23.7903 3.26672 24.1014 3.39311 24.3542 3.64589C24.607 3.89867 24.7333 4.20978 24.7333 4.57922V10.3251C24.7333 10.7139 24.607 11.0348 24.3542 11.2876C24.1014 11.5403 23.7903 11.6667 23.4208 11.6667C23.032 11.6667 22.7111 11.5403 22.4583 11.2876C22.2056 11.0348 22.0792 10.7139 22.0792 10.3251V7.75839L12.425 17.4126C12.1917 17.6653 11.8953 17.7917 11.536 17.7917C11.1759 17.7917 10.8694 17.6556 10.6167 17.3834Z", fill: "currentColor" })))));
+    }
+    static get style() { return SwirlIconOpenInNewStyle0; }
 }, [1, "swirl-icon-open-in-new", {
-    "color": [1],
-    "size": [2]
-  }]);
+        "color": [1],
+        "size": [2]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["swirl-icon-open-in-new"];
-  components.forEach(tagName => { switch (tagName) {
-    case "swirl-icon-open-in-new":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SwirlIconOpenInNew$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-open-in-new"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-open-in-new":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconOpenInNew$1);
+            }
+            break;
+    } });
 }
-defineCustomElement$1();
 
 const SwirlIconOpenInNew = SwirlIconOpenInNew$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-icon-pause-circle.d.ts

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