@getflip/swirl-components 0.189.0 → 0.191.0

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

@@ -2,41 +2,40 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconHelpStyle0 = swirlIconCss;
 
 const SwirlIconHelp = /*@__PURE__*/ proxyCustomElement(class SwirlIconHelp extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '16fb927af37c93560e8e03f7c501ded8f00969af', "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: '5250c4d2574290deee9bf5fd28c1ae8dfbe6aed8' }, h("path", { key: '71ca3b774d62f8f33ff7674b9c39569d80e9ae4f', d: "M7.96665 11.9987C8.19998 11.9987 8.39731 11.918 8.55865 11.7567C8.71953 11.5958 8.79998 11.3987 8.79998 11.1654C8.79998 10.932 8.71953 10.7349 8.55865 10.574C8.39731 10.4127 8.19998 10.332 7.96665 10.332C7.73331 10.332 7.53598 10.4127 7.37465 10.574C7.21376 10.7349 7.13331 10.932 7.13331 11.1654C7.13331 11.3987 7.21376 11.5958 7.37465 11.7567C7.53598 11.918 7.73331 11.9987 7.96665 11.9987ZM8.06665 5.13203C8.37776 5.13203 8.62776 5.21803 8.81665 5.39003C9.00554 5.56248 9.09998 5.78759 9.09998 6.06536C9.09998 6.25425 9.0362 6.44581 8.90865 6.64003C8.78065 6.8347 8.59998 7.03759 8.36665 7.2487C8.03331 7.53759 7.78887 7.81536 7.63331 8.08203C7.47776 8.3487 7.39998 8.61536 7.39998 8.88203C7.39998 9.03759 7.45842 9.16803 7.57531 9.27336C7.69176 9.37914 7.82776 9.43203 7.98331 9.43203C8.13887 9.43203 8.27776 9.37648 8.39998 9.26536C8.5222 9.15425 8.59998 9.01536 8.63331 8.8487C8.66665 8.65981 8.74176 8.48492 8.85865 8.32403C8.97509 8.1627 9.16665 7.95425 9.43331 7.6987C9.77776 7.37648 10.0195 7.08203 10.1586 6.81536C10.2973 6.5487 10.3666 6.25425 10.3666 5.93203C10.3666 5.36536 10.1529 4.90136 9.72531 4.54003C9.29731 4.17914 8.74442 3.9987 8.06665 3.9987C7.59998 3.9987 7.1862 4.08759 6.82531 4.26536C6.46398 4.44314 6.18331 4.71536 5.98331 5.08203C5.90554 5.22648 5.87776 5.36803 5.89998 5.5067C5.9222 5.64581 5.99998 5.75981 6.13331 5.8487C6.27776 5.93759 6.4362 5.96536 6.60865 5.93203C6.78065 5.8987 6.9222 5.80425 7.03331 5.6487C7.15554 5.48203 7.30287 5.35425 7.47531 5.26536C7.64731 5.17648 7.84442 5.13203 8.06665 5.13203ZM7.99998 14.6654C7.08887 14.6654 6.22776 14.4903 5.41665 14.14C4.60554 13.7903 3.89731 13.3154 3.29198 12.7154C2.6862 12.1154 2.20842 11.4098 1.85865 10.5987C1.50842 9.78759 1.33331 8.92092 1.33331 7.9987C1.33331 7.07648 1.50842 6.20981 1.85865 5.3987C2.20842 4.58759 2.6862 3.88203 3.29198 3.28203C3.89731 2.68203 4.60554 2.20692 5.41665 1.8567C6.22776 1.50692 7.08887 1.33203 7.99998 1.33203C8.93331 1.33203 9.80553 1.50692 10.6166 1.8567C11.4278 2.20692 12.1333 2.68203 12.7333 3.28203C13.3333 3.88203 13.8055 4.58759 14.15 5.3987C14.4944 6.20981 14.6666 7.07648 14.6666 7.9987C14.6666 8.92092 14.4944 9.78759 14.15 10.5987C13.8055 11.4098 13.3333 12.1154 12.7333 12.7154C12.1333 13.3154 11.4278 13.7903 10.6166 14.14C9.80553 14.4903 8.93331 14.6654 7.99998 14.6654ZM7.99998 13.332C9.48887 13.332 10.75 12.8127 11.7833 11.774C12.8166 10.7349 13.3333 9.47647 13.3333 7.9987C13.3333 6.52092 12.8166 5.26248 11.7833 4.22336C10.75 3.1847 9.48887 2.66536 7.99998 2.66536C6.54442 2.66536 5.29153 3.1847 4.24131 4.22336C3.19154 5.26248 2.66665 6.52092 2.66665 7.9987C2.66665 9.47647 3.19154 10.7349 4.24131 11.774C5.29153 12.8127 6.54442 13.332 7.99998 13.332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'aa86349b8d622940d7f0b5fe9ea3e48f6e3915c5' }, h("path", { key: '6ec5788e3a9e1e1e5e22ee1ded4c8f9480f48577', d: "M11.95 18C12.3 18 12.596 17.879 12.838 17.637C13.0793 17.3957 13.2 17.1 13.2 16.75C13.2 16.4 13.0793 16.1043 12.838 15.863C12.596 15.621 12.3 15.5 11.95 15.5C11.6 15.5 11.304 15.621 11.062 15.863C10.8207 16.1043 10.7 16.4 10.7 16.75C10.7 17.1 10.8207 17.3957 11.062 17.637C11.304 17.879 11.6 18 11.95 18ZM12.1 7.7C12.5667 7.7 12.9417 7.829 13.225 8.087C13.5083 8.34567 13.65 8.68333 13.65 9.1C13.65 9.38333 13.5543 9.67067 13.363 9.962C13.171 10.254 12.9 10.5583 12.55 10.875C12.05 11.3083 11.6833 11.725 11.45 12.125C11.2167 12.525 11.1 12.925 11.1 13.325C11.1 13.5583 11.1877 13.754 11.363 13.912C11.5377 14.0707 11.7417 14.15 11.975 14.15C12.2083 14.15 12.4167 14.0667 12.6 13.9C12.7833 13.7333 12.9 13.525 12.95 13.275C13 12.9917 13.1127 12.7293 13.288 12.488C13.4627 12.246 13.75 11.9333 14.15 11.55C14.6667 11.0667 15.0293 10.625 15.238 10.225C15.446 9.825 15.55 9.38333 15.55 8.9C15.55 8.05 15.2293 7.354 14.588 6.812C13.946 6.27067 13.1167 6 12.1 6C11.4 6 10.7793 6.13333 10.238 6.4C9.696 6.66667 9.275 7.075 8.975 7.625C8.85833 7.84167 8.81667 8.054 8.85 8.262C8.88333 8.47067 9 8.64167 9.2 8.775C9.41667 8.90833 9.65433 8.95 9.913 8.9C10.171 8.85 10.3833 8.70833 10.55 8.475C10.7333 8.225 10.9543 8.03333 11.213 7.9C11.471 7.76667 11.7667 7.7 12.1 7.7ZM12 22C10.6333 22 9.34167 21.7373 8.125 21.212C6.90833 20.6873 5.846 19.975 4.938 19.075C4.02933 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.02933 5.825 4.938 4.925C5.846 4.025 6.90833 3.31233 8.125 2.787C9.34167 2.26233 10.6333 2 12 2C13.4 2 14.7083 2.26233 15.925 2.787C17.1417 3.31233 18.2 4.025 19.1 4.925C20 5.825 20.7083 6.88333 21.225 8.1C21.7417 9.31667 22 10.6167 22 12C22 13.3833 21.7417 14.6833 21.225 15.9C20.7083 17.1167 20 18.175 19.1 19.075C18.2 19.975 17.1417 20.6873 15.925 21.212C14.7083 21.7373 13.4 22 12 22ZM12 20C14.2333 20 16.125 19.221 17.675 17.663C19.225 16.1043 20 14.2167 20 12C20 9.78333 19.225 7.89567 17.675 6.337C16.125 4.779 14.2333 4 12 4C9.81667 4 7.93733 4.779 6.362 6.337C4.78733 7.89567 4 9.78333 4 12C4 14.2167 4.78733 16.1043 6.362 17.663C7.93733 19.221 9.81667 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd65476c5230b6d8d9d27040be739bb86f2fdf651' }, h("path", { key: '32e983817f9a2c430ed90575836ef8f3d351e832', d: "M13.9417 20.9999C14.35 20.9999 14.6953 20.8588 14.9777 20.5764C15.2592 20.2949 15.4 19.9499 15.4 19.5416C15.4 19.1333 15.2592 18.7883 14.9777 18.5068C14.6953 18.2244 14.35 18.0833 13.9417 18.0833C13.5333 18.0833 13.188 18.2244 12.9057 18.5068C12.6241 18.7883 12.4833 19.1333 12.4833 19.5416C12.4833 19.9499 12.6241 20.2949 12.9057 20.5764C13.188 20.8588 13.5333 20.9999 13.9417 20.9999ZM14.1167 8.98325C14.6611 8.98325 15.0986 9.13375 15.4292 9.43475C15.7597 9.73653 15.925 10.1305 15.925 10.6166C15.925 10.9471 15.8134 11.2824 15.5902 11.6223C15.3662 11.9629 15.05 12.318 14.6417 12.6874C14.0583 13.193 13.6306 13.6791 13.3583 14.1458C13.0861 14.6124 12.95 15.0791 12.95 15.5458C12.95 15.818 13.0523 16.0463 13.2568 16.2306C13.4606 16.4157 13.6986 16.5083 13.9708 16.5083C14.2431 16.5083 14.4861 16.411 14.7 16.2166C14.9139 16.0221 15.05 15.7791 15.1083 15.4874C15.1667 15.1569 15.2981 14.8508 15.5027 14.5693C15.7064 14.2869 16.0417 13.9221 16.5083 13.4749C17.1111 12.911 17.5342 12.3958 17.7777 11.9291C18.0203 11.4624 18.1417 10.9471 18.1417 10.3833C18.1417 9.39159 17.7676 8.57959 17.0193 7.94725C16.2703 7.3157 15.3028 6.99992 14.1167 6.99992C13.3 6.99992 12.5759 7.15547 11.9443 7.46659C11.312 7.7777 10.8208 8.25409 10.4708 8.89575C10.3347 9.14853 10.2861 9.39625 10.325 9.63892C10.3639 9.88236 10.5 10.0819 10.7333 10.2374C10.9861 10.393 11.2634 10.4416 11.5652 10.3833C11.8662 10.3249 12.1139 10.1596 12.3083 9.88742C12.5222 9.59575 12.7801 9.37214 13.0818 9.21659C13.3828 9.06103 13.7278 8.98325 14.1167 8.98325ZM14 25.6666C12.4056 25.6666 10.8986 25.3601 9.47917 24.7473C8.05973 24.1351 6.82034 23.3041 5.761 22.2541C4.70089 21.2041 3.86478 19.9694 3.25267 18.5499C2.63978 17.1305 2.33334 15.6138 2.33334 13.9999C2.33334 12.386 2.63978 10.8694 3.25267 9.44992C3.86478 8.03048 4.70089 6.79575 5.761 5.74575C6.82034 4.69575 8.05973 3.86431 9.47917 3.25142C10.8986 2.63931 12.4056 2.33325 14 2.33325C15.6333 2.33325 17.1597 2.63931 18.5792 3.25142C19.9986 3.86431 21.2333 4.69575 22.2833 5.74575C23.3333 6.79575 24.1597 8.03048 24.7625 9.44992C25.3653 10.8694 25.6667 12.386 25.6667 13.9999C25.6667 15.6138 25.3653 17.1305 24.7625 18.5499C24.1597 19.9694 23.3333 21.2041 22.2833 22.2541C21.2333 23.3041 19.9986 24.1351 18.5792 24.7473C17.1597 25.3601 15.6333 25.6666 14 25.6666ZM14 23.3333C16.6056 23.3333 18.8125 22.4244 20.6208 20.6068C22.4292 18.7883 23.3333 16.586 23.3333 13.9999C23.3333 11.4138 22.4292 9.21153 20.6208 7.39309C18.8125 5.57542 16.6056 4.66659 14 4.66659C11.4528 4.66659 9.26023 5.57542 7.42234 7.39309C5.58523 9.21153 4.66667 11.4138 4.66667 13.9999C4.66667 16.586 5.58523 18.7883 7.42234 20.6068C9.26023 22.4244 11.4528 23.3333 14 23.3333Z", fill: "currentColor" })))));
-    }
-    static get style() { return SwirlIconHelpStyle0; }
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M7.96665 11.9987C8.19998 11.9987 8.39731 11.918 8.55865 11.7567C8.71953 11.5958 8.79998 11.3987 8.79998 11.1654C8.79998 10.932 8.71953 10.7349 8.55865 10.574C8.39731 10.4127 8.19998 10.332 7.96665 10.332C7.73331 10.332 7.53598 10.4127 7.37465 10.574C7.21376 10.7349 7.13331 10.932 7.13331 11.1654C7.13331 11.3987 7.21376 11.5958 7.37465 11.7567C7.53598 11.918 7.73331 11.9987 7.96665 11.9987ZM8.06665 5.13203C8.37776 5.13203 8.62776 5.21803 8.81665 5.39003C9.00554 5.56248 9.09998 5.78759 9.09998 6.06536C9.09998 6.25425 9.0362 6.44581 8.90865 6.64003C8.78065 6.8347 8.59998 7.03759 8.36665 7.2487C8.03331 7.53759 7.78887 7.81536 7.63331 8.08203C7.47776 8.3487 7.39998 8.61536 7.39998 8.88203C7.39998 9.03759 7.45842 9.16803 7.57531 9.27336C7.69176 9.37914 7.82776 9.43203 7.98331 9.43203C8.13887 9.43203 8.27776 9.37648 8.39998 9.26536C8.5222 9.15425 8.59998 9.01536 8.63331 8.8487C8.66665 8.65981 8.74176 8.48492 8.85865 8.32403C8.97509 8.1627 9.16665 7.95425 9.43331 7.6987C9.77776 7.37648 10.0195 7.08203 10.1586 6.81536C10.2973 6.5487 10.3666 6.25425 10.3666 5.93203C10.3666 5.36536 10.1529 4.90136 9.72531 4.54003C9.29731 4.17914 8.74442 3.9987 8.06665 3.9987C7.59998 3.9987 7.1862 4.08759 6.82531 4.26536C6.46398 4.44314 6.18331 4.71536 5.98331 5.08203C5.90554 5.22648 5.87776 5.36803 5.89998 5.5067C5.9222 5.64581 5.99998 5.75981 6.13331 5.8487C6.27776 5.93759 6.4362 5.96536 6.60865 5.93203C6.78065 5.8987 6.9222 5.80425 7.03331 5.6487C7.15554 5.48203 7.30287 5.35425 7.47531 5.26536C7.64731 5.17648 7.84442 5.13203 8.06665 5.13203ZM7.99998 14.6654C7.08887 14.6654 6.22776 14.4903 5.41665 14.14C4.60554 13.7903 3.89731 13.3154 3.29198 12.7154C2.6862 12.1154 2.20842 11.4098 1.85865 10.5987C1.50842 9.78759 1.33331 8.92092 1.33331 7.9987C1.33331 7.07648 1.50842 6.20981 1.85865 5.3987C2.20842 4.58759 2.6862 3.88203 3.29198 3.28203C3.89731 2.68203 4.60554 2.20692 5.41665 1.8567C6.22776 1.50692 7.08887 1.33203 7.99998 1.33203C8.93331 1.33203 9.80553 1.50692 10.6166 1.8567C11.4278 2.20692 12.1333 2.68203 12.7333 3.28203C13.3333 3.88203 13.8055 4.58759 14.15 5.3987C14.4944 6.20981 14.6666 7.07648 14.6666 7.9987C14.6666 8.92092 14.4944 9.78759 14.15 10.5987C13.8055 11.4098 13.3333 12.1154 12.7333 12.7154C12.1333 13.3154 11.4278 13.7903 10.6166 14.14C9.80553 14.4903 8.93331 14.6654 7.99998 14.6654ZM7.99998 13.332C9.48887 13.332 10.75 12.8127 11.7833 11.774C12.8166 10.7349 13.3333 9.47647 13.3333 7.9987C13.3333 6.52092 12.8166 5.26248 11.7833 4.22336C10.75 3.1847 9.48887 2.66536 7.99998 2.66536C6.54442 2.66536 5.29153 3.1847 4.24131 4.22336C3.19154 5.26248 2.66665 6.52092 2.66665 7.9987C2.66665 9.47647 3.19154 10.7349 4.24131 11.774C5.29153 12.8127 6.54442 13.332 7.99998 13.332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M11.95 18C12.3 18 12.596 17.879 12.838 17.637C13.0793 17.3957 13.2 17.1 13.2 16.75C13.2 16.4 13.0793 16.1043 12.838 15.863C12.596 15.621 12.3 15.5 11.95 15.5C11.6 15.5 11.304 15.621 11.062 15.863C10.8207 16.1043 10.7 16.4 10.7 16.75C10.7 17.1 10.8207 17.3957 11.062 17.637C11.304 17.879 11.6 18 11.95 18ZM12.1 7.7C12.5667 7.7 12.9417 7.829 13.225 8.087C13.5083 8.34567 13.65 8.68333 13.65 9.1C13.65 9.38333 13.5543 9.67067 13.363 9.962C13.171 10.254 12.9 10.5583 12.55 10.875C12.05 11.3083 11.6833 11.725 11.45 12.125C11.2167 12.525 11.1 12.925 11.1 13.325C11.1 13.5583 11.1877 13.754 11.363 13.912C11.5377 14.0707 11.7417 14.15 11.975 14.15C12.2083 14.15 12.4167 14.0667 12.6 13.9C12.7833 13.7333 12.9 13.525 12.95 13.275C13 12.9917 13.1127 12.7293 13.288 12.488C13.4627 12.246 13.75 11.9333 14.15 11.55C14.6667 11.0667 15.0293 10.625 15.238 10.225C15.446 9.825 15.55 9.38333 15.55 8.9C15.55 8.05 15.2293 7.354 14.588 6.812C13.946 6.27067 13.1167 6 12.1 6C11.4 6 10.7793 6.13333 10.238 6.4C9.696 6.66667 9.275 7.075 8.975 7.625C8.85833 7.84167 8.81667 8.054 8.85 8.262C8.88333 8.47067 9 8.64167 9.2 8.775C9.41667 8.90833 9.65433 8.95 9.913 8.9C10.171 8.85 10.3833 8.70833 10.55 8.475C10.7333 8.225 10.9543 8.03333 11.213 7.9C11.471 7.76667 11.7667 7.7 12.1 7.7ZM12 22C10.6333 22 9.34167 21.7373 8.125 21.212C6.90833 20.6873 5.846 19.975 4.938 19.075C4.02933 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.02933 5.825 4.938 4.925C5.846 4.025 6.90833 3.31233 8.125 2.787C9.34167 2.26233 10.6333 2 12 2C13.4 2 14.7083 2.26233 15.925 2.787C17.1417 3.31233 18.2 4.025 19.1 4.925C20 5.825 20.7083 6.88333 21.225 8.1C21.7417 9.31667 22 10.6167 22 12C22 13.3833 21.7417 14.6833 21.225 15.9C20.7083 17.1167 20 18.175 19.1 19.075C18.2 19.975 17.1417 20.6873 15.925 21.212C14.7083 21.7373 13.4 22 12 22ZM12 20C14.2333 20 16.125 19.221 17.675 17.663C19.225 16.1043 20 14.2167 20 12C20 9.78333 19.225 7.89567 17.675 6.337C16.125 4.779 14.2333 4 12 4C9.81667 4 7.93733 4.779 6.362 6.337C4.78733 7.89567 4 9.78333 4 12C4 14.2167 4.78733 16.1043 6.362 17.663C7.93733 19.221 9.81667 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M13.9417 20.9999C14.35 20.9999 14.6953 20.8588 14.9777 20.5764C15.2592 20.2949 15.4 19.9499 15.4 19.5416C15.4 19.1333 15.2592 18.7883 14.9777 18.5068C14.6953 18.2244 14.35 18.0833 13.9417 18.0833C13.5333 18.0833 13.188 18.2244 12.9057 18.5068C12.6241 18.7883 12.4833 19.1333 12.4833 19.5416C12.4833 19.9499 12.6241 20.2949 12.9057 20.5764C13.188 20.8588 13.5333 20.9999 13.9417 20.9999ZM14.1167 8.98325C14.6611 8.98325 15.0986 9.13375 15.4292 9.43475C15.7597 9.73653 15.925 10.1305 15.925 10.6166C15.925 10.9471 15.8134 11.2824 15.5902 11.6223C15.3662 11.9629 15.05 12.318 14.6417 12.6874C14.0583 13.193 13.6306 13.6791 13.3583 14.1458C13.0861 14.6124 12.95 15.0791 12.95 15.5458C12.95 15.818 13.0523 16.0463 13.2568 16.2306C13.4606 16.4157 13.6986 16.5083 13.9708 16.5083C14.2431 16.5083 14.4861 16.411 14.7 16.2166C14.9139 16.0221 15.05 15.7791 15.1083 15.4874C15.1667 15.1569 15.2981 14.8508 15.5027 14.5693C15.7064 14.2869 16.0417 13.9221 16.5083 13.4749C17.1111 12.911 17.5342 12.3958 17.7777 11.9291C18.0203 11.4624 18.1417 10.9471 18.1417 10.3833C18.1417 9.39159 17.7676 8.57959 17.0193 7.94725C16.2703 7.3157 15.3028 6.99992 14.1167 6.99992C13.3 6.99992 12.5759 7.15547 11.9443 7.46659C11.312 7.7777 10.8208 8.25409 10.4708 8.89575C10.3347 9.14853 10.2861 9.39625 10.325 9.63892C10.3639 9.88236 10.5 10.0819 10.7333 10.2374C10.9861 10.393 11.2634 10.4416 11.5652 10.3833C11.8662 10.3249 12.1139 10.1596 12.3083 9.88742C12.5222 9.59575 12.7801 9.37214 13.0818 9.21659C13.3828 9.06103 13.7278 8.98325 14.1167 8.98325ZM14 25.6666C12.4056 25.6666 10.8986 25.3601 9.47917 24.7473C8.05973 24.1351 6.82034 23.3041 5.761 22.2541C4.70089 21.2041 3.86478 19.9694 3.25267 18.5499C2.63978 17.1305 2.33334 15.6138 2.33334 13.9999C2.33334 12.386 2.63978 10.8694 3.25267 9.44992C3.86478 8.03048 4.70089 6.79575 5.761 5.74575C6.82034 4.69575 8.05973 3.86431 9.47917 3.25142C10.8986 2.63931 12.4056 2.33325 14 2.33325C15.6333 2.33325 17.1597 2.63931 18.5792 3.25142C19.9986 3.86431 21.2333 4.69575 22.2833 5.74575C23.3333 6.79575 24.1597 8.03048 24.7625 9.44992C25.3653 10.8694 25.6667 12.386 25.6667 13.9999C25.6667 15.6138 25.3653 17.1305 24.7625 18.5499C24.1597 19.9694 23.3333 21.2041 22.2833 22.2541C21.2333 23.3041 19.9986 24.1351 18.5792 24.7473C17.1597 25.3601 15.6333 25.6666 14 25.6666ZM14 23.3333C16.6056 23.3333 18.8125 22.4244 20.6208 20.6068C22.4292 18.7883 23.3333 16.586 23.3333 13.9999C23.3333 11.4138 22.4292 9.21153 20.6208 7.39309C18.8125 5.57542 16.6056 4.66659 14 4.66659C11.4528 4.66659 9.26023 5.57542 7.42234 7.39309C5.58523 9.21153 4.66667 11.4138 4.66667 13.9999C4.66667 16.586 5.58523 18.7883 7.42234 20.6068C9.26023 22.4244 11.4528 23.3333 14 23.3333Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-help", {
-        "color": [1],
-        "size": [2]
-    }]);
+    "color": [1],
+    "size": [2]
+  }]);
 function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-icon-help"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-icon-help":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlIconHelp);
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-help"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-help":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconHelp);
+      }
+      break;
+  } });
 }
 defineCustomElement();
 

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

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

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

@@ -2,41 +2,40 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconHighlightStyle0 = swirlIconCss;
 
 const SwirlIconHighlight$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconHighlight extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '90d0ce7c683a8a65153b550b73359cde6d90ee74', "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: 'e21dec5f14d1e7b8ddd3ef880195c9a6d5c13212' }, h("path", { key: 'ff3fadf4b7e6f6a1f32cae0b7d666a5cec032624', d: "M12.6667 8.66665C12.4778 8.66665 12.3195 8.60277 12.1917 8.47499C12.0639 8.34721 12 8.18888 12 7.99999C12 7.8111 12.0639 7.65277 12.1917 7.52499C12.3195 7.39721 12.4778 7.33332 12.6667 7.33332H14C14.1889 7.33332 14.3473 7.39721 14.475 7.52499C14.6028 7.65277 14.6667 7.8111 14.6667 7.99999C14.6667 8.18888 14.6028 8.34721 14.475 8.47499C14.3473 8.60277 14.1889 8.66665 14 8.66665H12.6667ZM12.2667 12.9333L11.2 12.1333C11.0445 12.0222 10.9556 11.8778 10.9334 11.7C10.9112 11.5222 10.9556 11.3555 11.0667 11.2C11.1778 11.0444 11.3223 10.9555 11.5 10.9333C11.6778 10.9111 11.8445 10.9555 12 11.0667L13.0667 11.8667C13.2223 11.9778 13.3112 12.1222 13.3334 12.3C13.3556 12.4778 13.3112 12.6444 13.2 12.8C13.0889 12.9555 12.9445 13.0444 12.7667 13.0667C12.5889 13.0889 12.4223 13.0444 12.2667 12.9333ZM12 4.93332C11.8445 5.04443 11.6778 5.08888 11.5 5.06665C11.3223 5.04443 11.1778 4.95554 11.0667 4.79999C10.9556 4.64443 10.9112 4.47776 10.9334 4.29999C10.9556 4.12221 11.0445 3.97776 11.2 3.86665L12.2667 3.06665C12.4223 2.95554 12.5889 2.9111 12.7667 2.93332C12.9445 2.95554 13.0889 3.04443 13.2 3.19999C13.3112 3.35554 13.3556 3.52221 13.3334 3.69999C13.3112 3.87776 13.2223 4.02221 13.0667 4.13332L12 4.93332ZM3.33337 12.6667V9.99999H2.66671C2.30004 9.99999 1.98615 9.86943 1.72504 9.60832C1.46393 9.34721 1.33337 9.03332 1.33337 8.66665V7.33332C1.33337 6.96665 1.46393 6.65277 1.72504 6.39165C1.98615 6.13054 2.30004 5.99999 2.66671 5.99999H5.33337L7.65004 4.59999C7.87226 4.46665 8.09726 4.46665 8.32504 4.59999C8.55282 4.73332 8.66671 4.92776 8.66671 5.18332V10.8167C8.66671 11.0722 8.55282 11.2667 8.32504 11.4C8.09726 11.5333 7.87226 11.5333 7.65004 11.4L5.33337 9.99999H4.66671V12.6667H3.33337ZM9.33337 10.2333V5.76665C9.63337 6.03332 9.87504 6.35832 10.0584 6.74165C10.2417 7.12499 10.3334 7.54443 10.3334 7.99999C10.3334 8.45554 10.2417 8.87499 10.0584 9.25832C9.87504 9.64165 9.63337 9.96665 9.33337 10.2333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8963a7b53cf82ff1e5d71da28fc9bba462c44d9b' }, h("path", { key: 'b7fe8a163016355edd05320df8b841a73a24a847', d: "M19 13C18.7167 13 18.4792 12.9042 18.2875 12.7125C18.0958 12.5208 18 12.2833 18 12C18 11.7167 18.0958 11.4792 18.2875 11.2875C18.4792 11.0958 18.7167 11 19 11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H19ZM18.4 19.4L16.8 18.2C16.5667 18.0333 16.4333 17.8167 16.4 17.55C16.3667 17.2833 16.4333 17.0333 16.6 16.8C16.7667 16.5667 16.9833 16.4333 17.25 16.4C17.5167 16.3667 17.7667 16.4333 18 16.6L19.6 17.8C19.8333 17.9667 19.9667 18.1833 20 18.45C20.0333 18.7167 19.9667 18.9667 19.8 19.2C19.6333 19.4333 19.4167 19.5667 19.15 19.6C18.8833 19.6333 18.6333 19.5667 18.4 19.4ZM18 7.4C17.7667 7.56666 17.5167 7.63333 17.25 7.6C16.9833 7.56666 16.7667 7.43333 16.6 7.2C16.4333 6.96666 16.3667 6.71666 16.4 6.45C16.4333 6.18333 16.5667 5.96666 16.8 5.8L18.4 4.6C18.6333 4.43333 18.8833 4.36666 19.15 4.4C19.4167 4.43333 19.6333 4.56666 19.8 4.8C19.9667 5.03333 20.0333 5.28333 20 5.55C19.9667 5.81666 19.8333 6.03333 19.6 6.2L18 7.4ZM5 19V15H4C3.45 15 2.97917 14.8042 2.5875 14.4125C2.19583 14.0208 2 13.55 2 13V11C2 10.45 2.19583 9.97916 2.5875 9.5875C2.97917 9.19583 3.45 9 4 9H8L11.475 6.9C11.8083 6.7 12.1458 6.7 12.4875 6.9C12.8292 7.1 13 7.39166 13 7.775V16.225C13 16.6083 12.8292 16.9 12.4875 17.1C12.1458 17.3 11.8083 17.3 11.475 17.1L8 15H7V19H5ZM14 15.35V8.65C14.45 9.05 14.8125 9.5375 15.0875 10.1125C15.3625 10.6875 15.5 11.3167 15.5 12C15.5 12.6833 15.3625 13.3125 15.0875 13.8875C14.8125 14.4625 14.45 14.95 14 15.35Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '75c1bd5baa7cae2f21687fc3ecf79fdaf358b28c' }, h("path", { key: '0e36d643e7a3e96b0112a8ba2dd2d61c0de32fae', d: "M22.1667 15.1667C21.8362 15.1667 21.5591 15.0548 21.3355 14.8312C21.1118 14.6076 21 14.3305 21 14C21 13.6694 21.1118 13.3923 21.3355 13.1687C21.5591 12.9451 21.8362 12.8333 22.1667 12.8333H24.5C24.8306 12.8333 25.1077 12.9451 25.3313 13.1687C25.5549 13.3923 25.6667 13.6694 25.6667 14C25.6667 14.3305 25.5549 14.6076 25.3313 14.8312C25.1077 15.0548 24.8306 15.1667 24.5 15.1667H22.1667ZM21.4667 22.6333L19.6 21.2333C19.3278 21.0389 19.1723 20.7861 19.1334 20.475C19.0945 20.1639 19.1723 19.8722 19.3667 19.6C19.5612 19.3278 19.8139 19.1722 20.125 19.1333C20.4362 19.0944 20.7278 19.1722 21 19.3667L22.8667 20.7667C23.1389 20.9611 23.2945 21.2139 23.3334 21.525C23.3723 21.8361 23.2945 22.1278 23.1 22.4C22.9056 22.6722 22.6528 22.8278 22.3417 22.8667C22.0306 22.9055 21.7389 22.8278 21.4667 22.6333ZM21 8.63332C20.7278 8.82776 20.4362 8.90554 20.125 8.86665C19.8139 8.82776 19.5612 8.67221 19.3667 8.39999C19.1723 8.12776 19.0945 7.8361 19.1334 7.52499C19.1723 7.21387 19.3278 6.9611 19.6 6.76665L21.4667 5.36665C21.7389 5.17221 22.0306 5.09443 22.3417 5.13332C22.6528 5.17221 22.9056 5.32776 23.1 5.59999C23.2945 5.87221 23.3723 6.16387 23.3334 6.47499C23.2945 6.7861 23.1389 7.03887 22.8667 7.23332L21 8.63332ZM5.83337 22.1667V17.5H4.66671C4.02504 17.5 3.47574 17.2715 3.01879 16.8146C2.56185 16.3576 2.33337 15.8083 2.33337 15.1667V12.8333C2.33337 12.1917 2.56185 11.6423 3.01879 11.1854C3.47574 10.7285 4.02504 10.5 4.66671 10.5H9.33337L13.3875 8.04999C13.7764 7.81665 14.1702 7.81665 14.5688 8.04999C14.9674 8.28332 15.1667 8.6236 15.1667 9.07082V18.9292C15.1667 19.3764 14.9674 19.7167 14.5688 19.95C14.1702 20.1833 13.7764 20.1833 13.3875 19.95L9.33337 17.5H8.16671V22.1667H5.83337ZM16.3334 17.9083V10.0917C16.8584 10.5583 17.2813 11.1271 17.6021 11.7979C17.923 12.4687 18.0834 13.2028 18.0834 14C18.0834 14.7972 17.923 15.5312 17.6021 16.2021C17.2813 16.8729 16.8584 17.4417 16.3334 17.9083Z", fill: "currentColor" })))));
-    }
-    static get style() { return SwirlIconHighlightStyle0; }
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M12.6667 8.66665C12.4778 8.66665 12.3195 8.60277 12.1917 8.47499C12.0639 8.34721 12 8.18888 12 7.99999C12 7.8111 12.0639 7.65277 12.1917 7.52499C12.3195 7.39721 12.4778 7.33332 12.6667 7.33332H14C14.1889 7.33332 14.3473 7.39721 14.475 7.52499C14.6028 7.65277 14.6667 7.8111 14.6667 7.99999C14.6667 8.18888 14.6028 8.34721 14.475 8.47499C14.3473 8.60277 14.1889 8.66665 14 8.66665H12.6667ZM12.2667 12.9333L11.2 12.1333C11.0445 12.0222 10.9556 11.8778 10.9334 11.7C10.9112 11.5222 10.9556 11.3555 11.0667 11.2C11.1778 11.0444 11.3223 10.9555 11.5 10.9333C11.6778 10.9111 11.8445 10.9555 12 11.0667L13.0667 11.8667C13.2223 11.9778 13.3112 12.1222 13.3334 12.3C13.3556 12.4778 13.3112 12.6444 13.2 12.8C13.0889 12.9555 12.9445 13.0444 12.7667 13.0667C12.5889 13.0889 12.4223 13.0444 12.2667 12.9333ZM12 4.93332C11.8445 5.04443 11.6778 5.08888 11.5 5.06665C11.3223 5.04443 11.1778 4.95554 11.0667 4.79999C10.9556 4.64443 10.9112 4.47776 10.9334 4.29999C10.9556 4.12221 11.0445 3.97776 11.2 3.86665L12.2667 3.06665C12.4223 2.95554 12.5889 2.9111 12.7667 2.93332C12.9445 2.95554 13.0889 3.04443 13.2 3.19999C13.3112 3.35554 13.3556 3.52221 13.3334 3.69999C13.3112 3.87776 13.2223 4.02221 13.0667 4.13332L12 4.93332ZM3.33337 12.6667V9.99999H2.66671C2.30004 9.99999 1.98615 9.86943 1.72504 9.60832C1.46393 9.34721 1.33337 9.03332 1.33337 8.66665V7.33332C1.33337 6.96665 1.46393 6.65277 1.72504 6.39165C1.98615 6.13054 2.30004 5.99999 2.66671 5.99999H5.33337L7.65004 4.59999C7.87226 4.46665 8.09726 4.46665 8.32504 4.59999C8.55282 4.73332 8.66671 4.92776 8.66671 5.18332V10.8167C8.66671 11.0722 8.55282 11.2667 8.32504 11.4C8.09726 11.5333 7.87226 11.5333 7.65004 11.4L5.33337 9.99999H4.66671V12.6667H3.33337ZM9.33337 10.2333V5.76665C9.63337 6.03332 9.87504 6.35832 10.0584 6.74165C10.2417 7.12499 10.3334 7.54443 10.3334 7.99999C10.3334 8.45554 10.2417 8.87499 10.0584 9.25832C9.87504 9.64165 9.63337 9.96665 9.33337 10.2333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M19 13C18.7167 13 18.4792 12.9042 18.2875 12.7125C18.0958 12.5208 18 12.2833 18 12C18 11.7167 18.0958 11.4792 18.2875 11.2875C18.4792 11.0958 18.7167 11 19 11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H19ZM18.4 19.4L16.8 18.2C16.5667 18.0333 16.4333 17.8167 16.4 17.55C16.3667 17.2833 16.4333 17.0333 16.6 16.8C16.7667 16.5667 16.9833 16.4333 17.25 16.4C17.5167 16.3667 17.7667 16.4333 18 16.6L19.6 17.8C19.8333 17.9667 19.9667 18.1833 20 18.45C20.0333 18.7167 19.9667 18.9667 19.8 19.2C19.6333 19.4333 19.4167 19.5667 19.15 19.6C18.8833 19.6333 18.6333 19.5667 18.4 19.4ZM18 7.4C17.7667 7.56666 17.5167 7.63333 17.25 7.6C16.9833 7.56666 16.7667 7.43333 16.6 7.2C16.4333 6.96666 16.3667 6.71666 16.4 6.45C16.4333 6.18333 16.5667 5.96666 16.8 5.8L18.4 4.6C18.6333 4.43333 18.8833 4.36666 19.15 4.4C19.4167 4.43333 19.6333 4.56666 19.8 4.8C19.9667 5.03333 20.0333 5.28333 20 5.55C19.9667 5.81666 19.8333 6.03333 19.6 6.2L18 7.4ZM5 19V15H4C3.45 15 2.97917 14.8042 2.5875 14.4125C2.19583 14.0208 2 13.55 2 13V11C2 10.45 2.19583 9.97916 2.5875 9.5875C2.97917 9.19583 3.45 9 4 9H8L11.475 6.9C11.8083 6.7 12.1458 6.7 12.4875 6.9C12.8292 7.1 13 7.39166 13 7.775V16.225C13 16.6083 12.8292 16.9 12.4875 17.1C12.1458 17.3 11.8083 17.3 11.475 17.1L8 15H7V19H5ZM14 15.35V8.65C14.45 9.05 14.8125 9.5375 15.0875 10.1125C15.3625 10.6875 15.5 11.3167 15.5 12C15.5 12.6833 15.3625 13.3125 15.0875 13.8875C14.8125 14.4625 14.45 14.95 14 15.35Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M22.1667 15.1667C21.8362 15.1667 21.5591 15.0548 21.3355 14.8312C21.1118 14.6076 21 14.3305 21 14C21 13.6694 21.1118 13.3923 21.3355 13.1687C21.5591 12.9451 21.8362 12.8333 22.1667 12.8333H24.5C24.8306 12.8333 25.1077 12.9451 25.3313 13.1687C25.5549 13.3923 25.6667 13.6694 25.6667 14C25.6667 14.3305 25.5549 14.6076 25.3313 14.8312C25.1077 15.0548 24.8306 15.1667 24.5 15.1667H22.1667ZM21.4667 22.6333L19.6 21.2333C19.3278 21.0389 19.1723 20.7861 19.1334 20.475C19.0945 20.1639 19.1723 19.8722 19.3667 19.6C19.5612 19.3278 19.8139 19.1722 20.125 19.1333C20.4362 19.0944 20.7278 19.1722 21 19.3667L22.8667 20.7667C23.1389 20.9611 23.2945 21.2139 23.3334 21.525C23.3723 21.8361 23.2945 22.1278 23.1 22.4C22.9056 22.6722 22.6528 22.8278 22.3417 22.8667C22.0306 22.9055 21.7389 22.8278 21.4667 22.6333ZM21 8.63332C20.7278 8.82776 20.4362 8.90554 20.125 8.86665C19.8139 8.82776 19.5612 8.67221 19.3667 8.39999C19.1723 8.12776 19.0945 7.8361 19.1334 7.52499C19.1723 7.21387 19.3278 6.9611 19.6 6.76665L21.4667 5.36665C21.7389 5.17221 22.0306 5.09443 22.3417 5.13332C22.6528 5.17221 22.9056 5.32776 23.1 5.59999C23.2945 5.87221 23.3723 6.16387 23.3334 6.47499C23.2945 6.7861 23.1389 7.03887 22.8667 7.23332L21 8.63332ZM5.83337 22.1667V17.5H4.66671C4.02504 17.5 3.47574 17.2715 3.01879 16.8146C2.56185 16.3576 2.33337 15.8083 2.33337 15.1667V12.8333C2.33337 12.1917 2.56185 11.6423 3.01879 11.1854C3.47574 10.7285 4.02504 10.5 4.66671 10.5H9.33337L13.3875 8.04999C13.7764 7.81665 14.1702 7.81665 14.5688 8.04999C14.9674 8.28332 15.1667 8.6236 15.1667 9.07082V18.9292C15.1667 19.3764 14.9674 19.7167 14.5688 19.95C14.1702 20.1833 13.7764 20.1833 13.3875 19.95L9.33337 17.5H8.16671V22.1667H5.83337ZM16.3334 17.9083V10.0917C16.8584 10.5583 17.2813 11.1271 17.6021 11.7979C17.923 12.4687 18.0834 13.2028 18.0834 14C18.0834 14.7972 17.923 15.5312 17.6021 16.2021C17.2813 16.8729 16.8584 17.4417 16.3334 17.9083Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-highlight", {
-        "color": [1],
-        "size": [2]
-    }]);
+    "color": [1],
+    "size": [2]
+  }]);
 function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-icon-highlight"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-icon-highlight":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlIconHighlight$1);
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-highlight"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-highlight":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconHighlight$1);
+      }
+      break;
+  } });
 }
 defineCustomElement$1();
 

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

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

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

@@ -2,41 +2,40 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconHomeStyle0 = swirlIconCss;
 
 const SwirlIconHome$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconHome extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '08b265486c84bc5c60217eed939ea11cd5e99e42', "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: 'ab1b5196764f07faf3e8813e295f00f604fcb60a' }, h("path", { key: '192d9d6c4f6c75a4e101ec57fc9d8086f03725ef', d: "M4.00002 12.6667H6.00002V8.66667H10V12.6667H12V6.66667L8.00002 3.66667L4.00002 6.66667V12.6667ZM4.00002 14C3.63335 14 3.31946 13.8694 3.05835 13.6083C2.79724 13.3472 2.66669 13.0333 2.66669 12.6667V6.66667C2.66669 6.45555 2.71391 6.25555 2.80835 6.06667C2.9028 5.87778 3.03335 5.72222 3.20002 5.6L7.20002 2.6C7.32224 2.51111 7.45002 2.44444 7.58335 2.4C7.71669 2.35555 7.85558 2.33333 8.00002 2.33333C8.14446 2.33333 8.28335 2.35555 8.41669 2.4C8.55002 2.44444 8.6778 2.51111 8.80002 2.6L12.8 5.6C12.9667 5.72222 13.0972 5.87778 13.1917 6.06667C13.2861 6.25555 13.3334 6.45555 13.3334 6.66667V12.6667C13.3334 13.0333 13.2028 13.3472 12.9417 13.6083C12.6806 13.8694 12.3667 14 12 14H8.66669V10H7.33335V14H4.00002Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f3ace1491aa6a125b93446f748ba74926dfa4f02' }, h("path", { key: '2cfb178725cecc1ab47b96192089b2454073b628', d: "M6 19H9V13H15V19H18V10L12 5.5L6 10V19ZM6 21C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19V10C4 9.68333 4.07083 9.38333 4.2125 9.1C4.35417 8.81667 4.55 8.58333 4.8 8.4L10.8 3.9C10.9833 3.76667 11.175 3.66667 11.375 3.6C11.575 3.53333 11.7833 3.5 12 3.5C12.2167 3.5 12.425 3.53333 12.625 3.6C12.825 3.66667 13.0167 3.76667 13.2 3.9L19.2 8.4C19.45 8.58333 19.6458 8.81667 19.7875 9.1C19.9292 9.38333 20 9.68333 20 10V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H13V15H11V21H6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'fa74bfde72ab47536f59d4357f0e144acf0dbbae' }, h("path", { key: '65783138a9b184d151b8776b4b6dbd538dc9ef29', d: "M6.99999 22.1667H10.5V15.1667H17.5V22.1667H21V11.6667L14 6.41667L6.99999 11.6667V22.1667ZM6.99999 24.5C6.35832 24.5 5.80902 24.2715 5.35207 23.8146C4.89513 23.3576 4.66666 22.8083 4.66666 22.1667V11.6667C4.66666 11.2972 4.7493 10.9472 4.91457 10.6167C5.07985 10.2861 5.30832 10.0139 5.59999 9.8L12.6 4.55C12.8139 4.39445 13.0375 4.27778 13.2708 4.2C13.5042 4.12222 13.7472 4.08334 14 4.08334C14.2528 4.08334 14.4958 4.12222 14.7292 4.2C14.9625 4.27778 15.1861 4.39445 15.4 4.55L22.4 9.8C22.6917 10.0139 22.9201 10.2861 23.0854 10.6167C23.2507 10.9472 23.3333 11.2972 23.3333 11.6667V22.1667C23.3333 22.8083 23.1049 23.3576 22.6479 23.8146C22.191 24.2715 21.6417 24.5 21 24.5H15.1667V17.5H12.8333V24.5H6.99999Z", fill: "currentColor" })))));
-    }
-    static get style() { return SwirlIconHomeStyle0; }
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M4.00002 12.6667H6.00002V8.66667H10V12.6667H12V6.66667L8.00002 3.66667L4.00002 6.66667V12.6667ZM4.00002 14C3.63335 14 3.31946 13.8694 3.05835 13.6083C2.79724 13.3472 2.66669 13.0333 2.66669 12.6667V6.66667C2.66669 6.45555 2.71391 6.25555 2.80835 6.06667C2.9028 5.87778 3.03335 5.72222 3.20002 5.6L7.20002 2.6C7.32224 2.51111 7.45002 2.44444 7.58335 2.4C7.71669 2.35555 7.85558 2.33333 8.00002 2.33333C8.14446 2.33333 8.28335 2.35555 8.41669 2.4C8.55002 2.44444 8.6778 2.51111 8.80002 2.6L12.8 5.6C12.9667 5.72222 13.0972 5.87778 13.1917 6.06667C13.2861 6.25555 13.3334 6.45555 13.3334 6.66667V12.6667C13.3334 13.0333 13.2028 13.3472 12.9417 13.6083C12.6806 13.8694 12.3667 14 12 14H8.66669V10H7.33335V14H4.00002Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M6 19H9V13H15V19H18V10L12 5.5L6 10V19ZM6 21C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19V10C4 9.68333 4.07083 9.38333 4.2125 9.1C4.35417 8.81667 4.55 8.58333 4.8 8.4L10.8 3.9C10.9833 3.76667 11.175 3.66667 11.375 3.6C11.575 3.53333 11.7833 3.5 12 3.5C12.2167 3.5 12.425 3.53333 12.625 3.6C12.825 3.66667 13.0167 3.76667 13.2 3.9L19.2 8.4C19.45 8.58333 19.6458 8.81667 19.7875 9.1C19.9292 9.38333 20 9.68333 20 10V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H13V15H11V21H6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M6.99999 22.1667H10.5V15.1667H17.5V22.1667H21V11.6667L14 6.41667L6.99999 11.6667V22.1667ZM6.99999 24.5C6.35832 24.5 5.80902 24.2715 5.35207 23.8146C4.89513 23.3576 4.66666 22.8083 4.66666 22.1667V11.6667C4.66666 11.2972 4.7493 10.9472 4.91457 10.6167C5.07985 10.2861 5.30832 10.0139 5.59999 9.8L12.6 4.55C12.8139 4.39445 13.0375 4.27778 13.2708 4.2C13.5042 4.12222 13.7472 4.08334 14 4.08334C14.2528 4.08334 14.4958 4.12222 14.7292 4.2C14.9625 4.27778 15.1861 4.39445 15.4 4.55L22.4 9.8C22.6917 10.0139 22.9201 10.2861 23.0854 10.6167C23.2507 10.9472 23.3333 11.2972 23.3333 11.6667V22.1667C23.3333 22.8083 23.1049 23.3576 22.6479 23.8146C22.191 24.2715 21.6417 24.5 21 24.5H15.1667V17.5H12.8333V24.5H6.99999Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-home", {
-        "color": [1],
-        "size": [2]
-    }]);
+    "color": [1],
+    "size": [2]
+  }]);
 function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-icon-home"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-icon-home":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlIconHome$1);
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-home"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-home":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconHome$1);
+      }
+      break;
+  } });
 }
 defineCustomElement$1();
 

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

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

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

@@ -2,41 +2,40 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconImageStyle0 = swirlIconCss;
 
 const SwirlIconImage$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconImage extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '7193f6dfe7ed3a4390c3c59874c6319416ce9cda', "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: '17a8230dd7d9ee358433fb24cdf9d8ee8bd120bd' }, h("path", { key: '1d944bdd1f30c5e16dc2eb237d6186a142cc4ebc', d: "M4.66667 11.3333H11.3333C11.4667 11.3333 11.5667 11.2722 11.6333 11.15C11.7 11.0278 11.6889 10.9111 11.6 10.8L9.76667 8.35C9.7 8.26111 9.61111 8.21667 9.5 8.21667C9.38889 8.21667 9.3 8.26111 9.23333 8.35L7.5 10.6667L6.26667 9.01667C6.2 8.92778 6.11111 8.88333 6 8.88333C5.88889 8.88333 5.8 8.92778 5.73333 9.01667L4.4 10.8C4.31111 10.9111 4.3 11.0278 4.36667 11.15C4.43333 11.2722 4.53333 11.3333 4.66667 11.3333ZM3.33333 14C2.96667 14 2.65267 13.8696 2.39133 13.6087C2.13044 13.3473 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13044 2.65267 2.39133 2.39133C2.65267 2.13044 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3473 2.13044 13.6087 2.39133C13.8696 2.65267 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8696 13.3473 13.6087 13.6087C13.3473 13.8696 13.0333 14 12.6667 14H3.33333ZM3.33333 12.6667H12.6667V3.33333H3.33333V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '64d1d0574eec477c6d212c0a5608dd32c7d86e30' }, h("path", { key: 'd8ef96478d181bf93acb4f1d6acc33ed359e2665', d: "M7 17H17C17.2 17 17.35 16.9083 17.45 16.725C17.55 16.5417 17.5333 16.3667 17.4 16.2L14.65 12.525C14.55 12.3917 14.4167 12.325 14.25 12.325C14.0833 12.325 13.95 12.3917 13.85 12.525L11.25 16L9.4 13.525C9.3 13.3917 9.16667 13.325 9 13.325C8.83333 13.325 8.7 13.3917 8.6 13.525L6.6 16.2C6.46667 16.3667 6.45 16.5417 6.55 16.725C6.65 16.9083 6.8 17 7 17ZM5 21C4.45 21 3.979 20.8043 3.587 20.413C3.19567 20.021 3 19.55 3 19V5C3 4.45 3.19567 3.979 3.587 3.587C3.979 3.19567 4.45 3 5 3H19C19.55 3 20.021 3.19567 20.413 3.587C20.8043 3.979 21 4.45 21 5V19C21 19.55 20.8043 20.021 20.413 20.413C20.021 20.8043 19.55 21 19 21H5ZM5 19H19V5H5V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '58c63477740d0dc2a444002083196fde90158027' }, h("path", { key: 'a7f464b5bd9e0181d0bfd7e1b2e9b7d3209a36bf', d: "M8.16667 19.8333H19.8333C20.0667 19.8333 20.2417 19.7264 20.3583 19.5125C20.475 19.2986 20.4556 19.0944 20.3 18.9L17.0917 14.6125C16.975 14.4569 16.8194 14.3792 16.625 14.3792C16.4306 14.3792 16.275 14.4569 16.1583 14.6125L13.125 18.6667L10.9667 15.7792C10.85 15.6236 10.6944 15.5458 10.5 15.5458C10.3056 15.5458 10.15 15.6236 10.0333 15.7792L7.7 18.9C7.54444 19.0944 7.525 19.2986 7.64167 19.5125C7.75833 19.7264 7.93333 19.8333 8.16667 19.8333ZM5.83333 24.5C5.19167 24.5 4.64217 24.2717 4.18483 23.8152C3.72828 23.3578 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72828 4.64217 4.18483 4.18483C4.64217 3.72828 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3578 3.72828 23.8152 4.18483C24.2717 4.64217 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2717 23.3578 23.8152 23.8152C23.3578 24.2717 22.8083 24.5 22.1667 24.5H5.83333ZM5.83333 22.1667H22.1667V5.83333H5.83333V22.1667Z", fill: "currentColor" })))));
-    }
-    static get style() { return SwirlIconImageStyle0; }
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M4.66667 11.3333H11.3333C11.4667 11.3333 11.5667 11.2722 11.6333 11.15C11.7 11.0278 11.6889 10.9111 11.6 10.8L9.76667 8.35C9.7 8.26111 9.61111 8.21667 9.5 8.21667C9.38889 8.21667 9.3 8.26111 9.23333 8.35L7.5 10.6667L6.26667 9.01667C6.2 8.92778 6.11111 8.88333 6 8.88333C5.88889 8.88333 5.8 8.92778 5.73333 9.01667L4.4 10.8C4.31111 10.9111 4.3 11.0278 4.36667 11.15C4.43333 11.2722 4.53333 11.3333 4.66667 11.3333ZM3.33333 14C2.96667 14 2.65267 13.8696 2.39133 13.6087C2.13044 13.3473 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13044 2.65267 2.39133 2.39133C2.65267 2.13044 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3473 2.13044 13.6087 2.39133C13.8696 2.65267 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8696 13.3473 13.6087 13.6087C13.3473 13.8696 13.0333 14 12.6667 14H3.33333ZM3.33333 12.6667H12.6667V3.33333H3.33333V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M7 17H17C17.2 17 17.35 16.9083 17.45 16.725C17.55 16.5417 17.5333 16.3667 17.4 16.2L14.65 12.525C14.55 12.3917 14.4167 12.325 14.25 12.325C14.0833 12.325 13.95 12.3917 13.85 12.525L11.25 16L9.4 13.525C9.3 13.3917 9.16667 13.325 9 13.325C8.83333 13.325 8.7 13.3917 8.6 13.525L6.6 16.2C6.46667 16.3667 6.45 16.5417 6.55 16.725C6.65 16.9083 6.8 17 7 17ZM5 21C4.45 21 3.979 20.8043 3.587 20.413C3.19567 20.021 3 19.55 3 19V5C3 4.45 3.19567 3.979 3.587 3.587C3.979 3.19567 4.45 3 5 3H19C19.55 3 20.021 3.19567 20.413 3.587C20.8043 3.979 21 4.45 21 5V19C21 19.55 20.8043 20.021 20.413 20.413C20.021 20.8043 19.55 21 19 21H5ZM5 19H19V5H5V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M8.16667 19.8333H19.8333C20.0667 19.8333 20.2417 19.7264 20.3583 19.5125C20.475 19.2986 20.4556 19.0944 20.3 18.9L17.0917 14.6125C16.975 14.4569 16.8194 14.3792 16.625 14.3792C16.4306 14.3792 16.275 14.4569 16.1583 14.6125L13.125 18.6667L10.9667 15.7792C10.85 15.6236 10.6944 15.5458 10.5 15.5458C10.3056 15.5458 10.15 15.6236 10.0333 15.7792L7.7 18.9C7.54444 19.0944 7.525 19.2986 7.64167 19.5125C7.75833 19.7264 7.93333 19.8333 8.16667 19.8333ZM5.83333 24.5C5.19167 24.5 4.64217 24.2717 4.18483 23.8152C3.72828 23.3578 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72828 4.64217 4.18483 4.18483C4.64217 3.72828 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3578 3.72828 23.8152 4.18483C24.2717 4.64217 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2717 23.3578 23.8152 23.8152C23.3578 24.2717 22.8083 24.5 22.1667 24.5H5.83333ZM5.83333 22.1667H22.1667V5.83333H5.83333V22.1667Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-image", {
-        "color": [1],
-        "size": [2]
-    }]);
+    "color": [1],
+    "size": [2]
+  }]);
 function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-icon-image"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-icon-image":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlIconImage$1);
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-image"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-image":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconImage$1);
+      }
+      break;
+  } });
 }
 defineCustomElement$1();
 

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

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

package/dist/components/swirl-icon-improve-text.js

@@ -2,41 +2,40 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as classnames } from './index2.js';
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconImproveTextStyle0 = swirlIconCss;
 
 const SwirlIconImproveText$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconImproveText extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '6e8fa50e0a2200ee4d73c275f00519cc0afde63a', "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: 'd52b7462f011acce87135c2c3f4c77a9dd105111' }, h("path", { key: 'da31af04412a49b641f0b95264dfda9cc6296ef2', d: "M2.66667 6C2.47778 6 2.31944 5.93611 2.19167 5.80833C2.06389 5.68056 2 5.52222 2 5.33333C2 5.14444 2.06389 4.98611 2.19167 4.85833C2.31944 4.73056 2.47778 4.66667 2.66667 4.66667H13.3333C13.5222 4.66667 13.6806 4.73056 13.8083 4.85833C13.9361 4.98611 14 5.14444 14 5.33333C14 5.52222 13.9361 5.68056 13.8083 5.80833C13.6806 5.93611 13.5222 6 13.3333 6H2.66667ZM2.66667 8.66667C2.47778 8.66667 2.31944 8.60278 2.19167 8.475C2.06389 8.34722 2 8.18889 2 8C2 7.81111 2.06389 7.65278 2.19167 7.525C2.31944 7.39722 2.47778 7.33333 2.66667 7.33333H13.3333C13.5222 7.33333 13.6806 7.39722 13.8083 7.525C13.9361 7.65278 14 7.81111 14 8C14 8.18889 13.9361 8.34722 13.8083 8.475C13.6806 8.60278 13.5222 8.66667 13.3333 8.66667H2.66667ZM2.66667 11.3333C2.47778 11.3333 2.31944 11.2694 2.19167 11.1417C2.06389 11.0139 2 10.8556 2 10.6667C2 10.4778 2.06389 10.3194 2.19167 10.1917C2.31944 10.0639 2.47778 10 2.66667 10H7.33333C7.52222 10 7.68056 10.0639 7.80833 10.1917C7.93611 10.3194 8 10.4778 8 10.6667C8 10.8556 7.93611 11.0139 7.80833 11.1417C7.68056 11.2694 7.52222 11.3333 7.33333 11.3333H2.66667ZM2.66667 14C2.47778 14 2.31944 13.9361 2.19167 13.8083C2.06389 13.6806 2 13.5222 2 13.3333C2 13.1444 2.06389 12.9861 2.19167 12.8583C2.31944 12.7306 2.47778 12.6667 2.66667 12.6667H7.33333C7.52222 12.6667 7.68056 12.7306 7.80833 12.8583C7.93611 12.9861 8 13.1444 8 13.3333C8 13.5222 7.93611 13.6806 7.80833 13.8083C7.68056 13.9361 7.52222 14 7.33333 14H2.66667ZM2.66667 3.33333C2.47778 3.33333 2.31944 3.26944 2.19167 3.14167C2.06389 3.01389 2 2.85556 2 2.66667C2 2.47778 2.06389 2.31944 2.19167 2.19167C2.31944 2.06389 2.47778 2 2.66667 2H13.3333C13.5222 2 13.6806 2.06389 13.8083 2.19167C13.9361 2.31944 14 2.47778 14 2.66667C14 2.85556 13.9361 3.01389 13.8083 3.14167C13.6806 3.26944 13.5222 3.33333 13.3333 3.33333H2.66667Z", fill: "currentColor" }), h("path", { key: '2adbbf8eecf39e1d7da5a8837afcc4b6b8fec65a', d: "M11.1667 12.8333L12 14.6667L12.8333 12.8333L14.6667 12L12.8333 11.1667L12 9.33333L11.1667 11.1667L9.33333 12L11.1667 12.8333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'bc13f4fc97325546a61583985323aac71c9c11c9' }, h("path", { key: 'cfab428ff924598230a4292ec4fd218dd54c9f78', d: "M4 9C3.71667 9 3.47917 8.90417 3.2875 8.7125C3.09583 8.52083 3 8.28333 3 8C3 7.71667 3.09583 7.47917 3.2875 7.2875C3.47917 7.09583 3.71667 7 4 7H20C20.2833 7 20.5208 7.09583 20.7125 7.2875C20.9042 7.47917 21 7.71667 21 8C21 8.28333 20.9042 8.52083 20.7125 8.7125C20.5208 8.90417 20.2833 9 20 9H4ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H4ZM4 17C3.71667 17 3.47917 16.9042 3.2875 16.7125C3.09583 16.5208 3 16.2833 3 16C3 15.7167 3.09583 15.4792 3.2875 15.2875C3.47917 15.0958 3.71667 15 4 15H11C11.2833 15 11.5208 15.0958 11.7125 15.2875C11.9042 15.4792 12 15.7167 12 16C12 16.2833 11.9042 16.5208 11.7125 16.7125C11.5208 16.9042 11.2833 17 11 17H4ZM4 21C3.71667 21 3.47917 20.9042 3.2875 20.7125C3.09583 20.5208 3 20.2833 3 20C3 19.7167 3.09583 19.4792 3.2875 19.2875C3.47917 19.0958 3.71667 19 4 19H11C11.2833 19 11.5208 19.0958 11.7125 19.2875C11.9042 19.4792 12 19.7167 12 20C12 20.2833 11.9042 20.5208 11.7125 20.7125C11.5208 20.9042 11.2833 21 11 21H4ZM4 5C3.71667 5 3.47917 4.90417 3.2875 4.7125C3.09583 4.52083 3 4.28333 3 4C3 3.71667 3.09583 3.47917 3.2875 3.2875C3.47917 3.09583 3.71667 3 4 3H20C20.2833 3 20.5208 3.09583 20.7125 3.2875C20.9042 3.47917 21 3.71667 21 4C21 4.28333 20.9042 4.52083 20.7125 4.7125C20.5208 4.90417 20.2833 5 20 5H4Z", fill: "currentColor" }), h("path", { key: '421a86fc1fb72d3240ad57dba469c19a2174eb95', d: "M16.75 19.25L18 22L19.25 19.25L22 18L19.25 16.75L18 14L16.75 16.75L14 18L16.75 19.25Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '03d269f16564bfbf390837c2e5275638c278b70b' }, h("path", { key: '8e5048df335f7fbb20f7e06c2a8516b32af4057e', d: "M4.66667 10.5C4.33611 10.5 4.05903 10.3882 3.83542 10.1646C3.61181 9.94097 3.5 9.66389 3.5 9.33333C3.5 9.00278 3.61181 8.72569 3.83542 8.50208C4.05903 8.27847 4.33611 8.16667 4.66667 8.16667H23.3333C23.6639 8.16667 23.941 8.27847 24.1646 8.50208C24.3882 8.72569 24.5 9.00278 24.5 9.33333C24.5 9.66389 24.3882 9.94097 24.1646 10.1646C23.941 10.3882 23.6639 10.5 23.3333 10.5H4.66667ZM4.66667 15.1667C4.33611 15.1667 4.05903 15.0549 3.83542 14.8313C3.61181 14.6076 3.5 14.3306 3.5 14C3.5 13.6694 3.61181 13.3924 3.83542 13.1688C4.05903 12.9451 4.33611 12.8333 4.66667 12.8333H23.3333C23.6639 12.8333 23.941 12.9451 24.1646 13.1688C24.3882 13.3924 24.5 13.6694 24.5 14C24.5 14.3306 24.3882 14.6076 24.1646 14.8313C23.941 15.0549 23.6639 15.1667 23.3333 15.1667H4.66667ZM4.66667 19.8333C4.33611 19.8333 4.05903 19.7215 3.83542 19.4979C3.61181 19.2743 3.5 18.9972 3.5 18.6667C3.5 18.3361 3.61181 18.059 3.83542 17.8354C4.05903 17.6118 4.33611 17.5 4.66667 17.5H12.8333C13.1639 17.5 13.441 17.6118 13.6646 17.8354C13.8882 18.059 14 18.3361 14 18.6667C14 18.9972 13.8882 19.2743 13.6646 19.4979C13.441 19.7215 13.1639 19.8333 12.8333 19.8333H4.66667ZM4.66667 24.5C4.33611 24.5 4.05903 24.3882 3.83542 24.1646C3.61181 23.941 3.5 23.6639 3.5 23.3333C3.5 23.0028 3.61181 22.7257 3.83542 22.5021C4.05903 22.2785 4.33611 22.1667 4.66667 22.1667H12.8333C13.1639 22.1667 13.441 22.2785 13.6646 22.5021C13.8882 22.7257 14 23.0028 14 23.3333C14 23.6639 13.8882 23.941 13.6646 24.1646C13.441 24.3882 13.1639 24.5 12.8333 24.5H4.66667ZM4.66667 5.83333C4.33611 5.83333 4.05903 5.72153 3.83542 5.49792C3.61181 5.27431 3.5 4.99722 3.5 4.66667C3.5 4.33611 3.61181 4.05903 3.83542 3.83542C4.05903 3.61181 4.33611 3.5 4.66667 3.5H23.3333C23.6639 3.5 23.941 3.61181 24.1646 3.83542C24.3882 4.05903 24.5 4.33611 24.5 4.66667C24.5 4.99722 24.3882 5.27431 24.1646 5.49792C23.941 5.72153 23.6639 5.83333 23.3333 5.83333H4.66667Z", fill: "currentColor" }), h("path", { key: '766f3a88d17b1ff9ebf431a93543bb9edbf0154d', d: "M19.5417 22.4583L21 25.6667L22.4583 22.4583L25.6667 21L22.4583 19.5417L21 16.3333L19.5417 19.5417L16.3333 21L19.5417 22.4583Z", fill: "currentColor" })))));
-    }
-    static get style() { return SwirlIconImproveTextStyle0; }
+  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.66667 6C2.47778 6 2.31944 5.93611 2.19167 5.80833C2.06389 5.68056 2 5.52222 2 5.33333C2 5.14444 2.06389 4.98611 2.19167 4.85833C2.31944 4.73056 2.47778 4.66667 2.66667 4.66667H13.3333C13.5222 4.66667 13.6806 4.73056 13.8083 4.85833C13.9361 4.98611 14 5.14444 14 5.33333C14 5.52222 13.9361 5.68056 13.8083 5.80833C13.6806 5.93611 13.5222 6 13.3333 6H2.66667ZM2.66667 8.66667C2.47778 8.66667 2.31944 8.60278 2.19167 8.475C2.06389 8.34722 2 8.18889 2 8C2 7.81111 2.06389 7.65278 2.19167 7.525C2.31944 7.39722 2.47778 7.33333 2.66667 7.33333H13.3333C13.5222 7.33333 13.6806 7.39722 13.8083 7.525C13.9361 7.65278 14 7.81111 14 8C14 8.18889 13.9361 8.34722 13.8083 8.475C13.6806 8.60278 13.5222 8.66667 13.3333 8.66667H2.66667ZM2.66667 11.3333C2.47778 11.3333 2.31944 11.2694 2.19167 11.1417C2.06389 11.0139 2 10.8556 2 10.6667C2 10.4778 2.06389 10.3194 2.19167 10.1917C2.31944 10.0639 2.47778 10 2.66667 10H7.33333C7.52222 10 7.68056 10.0639 7.80833 10.1917C7.93611 10.3194 8 10.4778 8 10.6667C8 10.8556 7.93611 11.0139 7.80833 11.1417C7.68056 11.2694 7.52222 11.3333 7.33333 11.3333H2.66667ZM2.66667 14C2.47778 14 2.31944 13.9361 2.19167 13.8083C2.06389 13.6806 2 13.5222 2 13.3333C2 13.1444 2.06389 12.9861 2.19167 12.8583C2.31944 12.7306 2.47778 12.6667 2.66667 12.6667H7.33333C7.52222 12.6667 7.68056 12.7306 7.80833 12.8583C7.93611 12.9861 8 13.1444 8 13.3333C8 13.5222 7.93611 13.6806 7.80833 13.8083C7.68056 13.9361 7.52222 14 7.33333 14H2.66667ZM2.66667 3.33333C2.47778 3.33333 2.31944 3.26944 2.19167 3.14167C2.06389 3.01389 2 2.85556 2 2.66667C2 2.47778 2.06389 2.31944 2.19167 2.19167C2.31944 2.06389 2.47778 2 2.66667 2H13.3333C13.5222 2 13.6806 2.06389 13.8083 2.19167C13.9361 2.31944 14 2.47778 14 2.66667C14 2.85556 13.9361 3.01389 13.8083 3.14167C13.6806 3.26944 13.5222 3.33333 13.3333 3.33333H2.66667Z", fill: "currentColor" }), h("path", { d: "M11.1667 12.8333L12 14.6667L12.8333 12.8333L14.6667 12L12.8333 11.1667L12 9.33333L11.1667 11.1667L9.33333 12L11.1667 12.8333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M4 9C3.71667 9 3.47917 8.90417 3.2875 8.7125C3.09583 8.52083 3 8.28333 3 8C3 7.71667 3.09583 7.47917 3.2875 7.2875C3.47917 7.09583 3.71667 7 4 7H20C20.2833 7 20.5208 7.09583 20.7125 7.2875C20.9042 7.47917 21 7.71667 21 8C21 8.28333 20.9042 8.52083 20.7125 8.7125C20.5208 8.90417 20.2833 9 20 9H4ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H4ZM4 17C3.71667 17 3.47917 16.9042 3.2875 16.7125C3.09583 16.5208 3 16.2833 3 16C3 15.7167 3.09583 15.4792 3.2875 15.2875C3.47917 15.0958 3.71667 15 4 15H11C11.2833 15 11.5208 15.0958 11.7125 15.2875C11.9042 15.4792 12 15.7167 12 16C12 16.2833 11.9042 16.5208 11.7125 16.7125C11.5208 16.9042 11.2833 17 11 17H4ZM4 21C3.71667 21 3.47917 20.9042 3.2875 20.7125C3.09583 20.5208 3 20.2833 3 20C3 19.7167 3.09583 19.4792 3.2875 19.2875C3.47917 19.0958 3.71667 19 4 19H11C11.2833 19 11.5208 19.0958 11.7125 19.2875C11.9042 19.4792 12 19.7167 12 20C12 20.2833 11.9042 20.5208 11.7125 20.7125C11.5208 20.9042 11.2833 21 11 21H4ZM4 5C3.71667 5 3.47917 4.90417 3.2875 4.7125C3.09583 4.52083 3 4.28333 3 4C3 3.71667 3.09583 3.47917 3.2875 3.2875C3.47917 3.09583 3.71667 3 4 3H20C20.2833 3 20.5208 3.09583 20.7125 3.2875C20.9042 3.47917 21 3.71667 21 4C21 4.28333 20.9042 4.52083 20.7125 4.7125C20.5208 4.90417 20.2833 5 20 5H4Z", fill: "currentColor" }), h("path", { d: "M16.75 19.25L18 22L19.25 19.25L22 18L19.25 16.75L18 14L16.75 16.75L14 18L16.75 19.25Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M4.66667 10.5C4.33611 10.5 4.05903 10.3882 3.83542 10.1646C3.61181 9.94097 3.5 9.66389 3.5 9.33333C3.5 9.00278 3.61181 8.72569 3.83542 8.50208C4.05903 8.27847 4.33611 8.16667 4.66667 8.16667H23.3333C23.6639 8.16667 23.941 8.27847 24.1646 8.50208C24.3882 8.72569 24.5 9.00278 24.5 9.33333C24.5 9.66389 24.3882 9.94097 24.1646 10.1646C23.941 10.3882 23.6639 10.5 23.3333 10.5H4.66667ZM4.66667 15.1667C4.33611 15.1667 4.05903 15.0549 3.83542 14.8313C3.61181 14.6076 3.5 14.3306 3.5 14C3.5 13.6694 3.61181 13.3924 3.83542 13.1688C4.05903 12.9451 4.33611 12.8333 4.66667 12.8333H23.3333C23.6639 12.8333 23.941 12.9451 24.1646 13.1688C24.3882 13.3924 24.5 13.6694 24.5 14C24.5 14.3306 24.3882 14.6076 24.1646 14.8313C23.941 15.0549 23.6639 15.1667 23.3333 15.1667H4.66667ZM4.66667 19.8333C4.33611 19.8333 4.05903 19.7215 3.83542 19.4979C3.61181 19.2743 3.5 18.9972 3.5 18.6667C3.5 18.3361 3.61181 18.059 3.83542 17.8354C4.05903 17.6118 4.33611 17.5 4.66667 17.5H12.8333C13.1639 17.5 13.441 17.6118 13.6646 17.8354C13.8882 18.059 14 18.3361 14 18.6667C14 18.9972 13.8882 19.2743 13.6646 19.4979C13.441 19.7215 13.1639 19.8333 12.8333 19.8333H4.66667ZM4.66667 24.5C4.33611 24.5 4.05903 24.3882 3.83542 24.1646C3.61181 23.941 3.5 23.6639 3.5 23.3333C3.5 23.0028 3.61181 22.7257 3.83542 22.5021C4.05903 22.2785 4.33611 22.1667 4.66667 22.1667H12.8333C13.1639 22.1667 13.441 22.2785 13.6646 22.5021C13.8882 22.7257 14 23.0028 14 23.3333C14 23.6639 13.8882 23.941 13.6646 24.1646C13.441 24.3882 13.1639 24.5 12.8333 24.5H4.66667ZM4.66667 5.83333C4.33611 5.83333 4.05903 5.72153 3.83542 5.49792C3.61181 5.27431 3.5 4.99722 3.5 4.66667C3.5 4.33611 3.61181 4.05903 3.83542 3.83542C4.05903 3.61181 4.33611 3.5 4.66667 3.5H23.3333C23.6639 3.5 23.941 3.61181 24.1646 3.83542C24.3882 4.05903 24.5 4.33611 24.5 4.66667C24.5 4.99722 24.3882 5.27431 24.1646 5.49792C23.941 5.72153 23.6639 5.83333 23.3333 5.83333H4.66667Z", fill: "currentColor" }), h("path", { d: "M19.5417 22.4583L21 25.6667L22.4583 22.4583L25.6667 21L22.4583 19.5417L21 16.3333L19.5417 19.5417L16.3333 21L19.5417 22.4583Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-improve-text", {
-        "color": [1],
-        "size": [2]
-    }]);
+    "color": [1],
+    "size": [2]
+  }]);
 function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-icon-improve-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-icon-improve-text":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlIconImproveText$1);
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-improve-text"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-improve-text":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconImproveText$1);
+      }
+      break;
+  } });
 }
 defineCustomElement$1();
 

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

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