npm - @getflip/swirl-components - Versions diffs - 0.429.0 → 0.431.0 - Mend

@getflip/swirl-components 0.429.0 → 0.431.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2564) hide show

package/dist/components/swirl-icon-visibility2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 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 swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconVisibility = /*@__PURE__*/ proxyCustomElement(class SwirlIconVisibility extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconVisibility = /*@__PURE__*/ proxyCustomElement(class SwirlIconVisi
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'a6026aaa557578c0cee581ebbb9c1b1c96736fa7', "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: '7ca21c223b2315aa7d686f06809dc20f18d47058' }, h("path", { key: '019390d22092e37ff83385f6d68e7fca167866df', d: "M7.99999 10.6665C8.83333 10.6665 9.54177 10.3749 10.1253 9.79184C10.7084 9.20828 11 8.49984 11 7.6665C11 6.83317 10.7084 6.12473 10.1253 5.54117C9.54177 4.95806 8.83333 4.6665 7.99999 4.6665C7.16666 4.6665 6.45821 4.95806 5.87466 5.54117C5.29155 6.12473 4.99999 6.83317 4.99999 7.6665C4.99999 8.49984 5.29155 9.20828 5.87466 9.79184C6.45821 10.3749 7.16666 10.6665 7.99999 10.6665ZM7.99999 9.4665C7.49999 9.4665 7.0751 9.29139 6.72533 8.94117C6.3751 8.59139 6.19999 8.1665 6.19999 7.6665C6.19999 7.1665 6.3751 6.74139 6.72533 6.39117C7.0751 6.04139 7.49999 5.8665 7.99999 5.8665C8.49999 5.8665 8.9251 6.04139 9.27533 6.39117C9.6251 6.74139 9.79999 7.1665 9.79999 7.6665C9.79999 8.1665 9.6251 8.59139 9.27533 8.94117C8.9251 9.29139 8.49999 9.4665 7.99999 9.4665ZM7.99999 12.6665C6.45555 12.6665 5.04444 12.2583 3.76666 11.4418C2.48888 10.6249 1.52221 9.52206 0.866659 8.13317C0.833325 8.07762 0.811103 8.00806 0.799992 7.9245C0.788881 7.84139 0.783325 7.75539 0.783325 7.6665C0.783325 7.57762 0.788881 7.49139 0.799992 7.40784C0.811103 7.32473 0.833325 7.25539 0.866659 7.19984C1.52221 5.81095 2.48888 4.70828 3.76666 3.89184C5.04444 3.07495 6.45555 2.6665 7.99999 2.6665C9.54444 2.6665 10.9555 3.07495 12.2333 3.89184C13.5111 4.70828 14.4778 5.81095 15.1333 7.19984C15.1667 7.25539 15.1889 7.32473 15.2 7.40784C15.2111 7.49139 15.2167 7.57762 15.2167 7.6665C15.2167 7.75539 15.2111 7.84139 15.2 7.9245C15.1889 8.00806 15.1667 8.07762 15.1333 8.13317C14.4778 9.52206 13.5111 10.6249 12.2333 11.4418C10.9555 12.2583 9.54444 12.6665 7.99999 12.6665ZM7.99999 11.3332C9.25555 11.3332 10.4084 11.0025 11.4587 10.3412C12.5084 9.68028 13.3111 8.78873 13.8667 7.6665C13.3111 6.54428 12.5084 5.6525 11.4587 4.99117C10.4084 4.33028 9.25555 3.99984 7.99999 3.99984C6.74444 3.99984 5.59155 4.33028 4.54133 4.99117C3.49155 5.6525 2.68888 6.54428 2.13333 7.6665C2.68888 8.78873 3.49155 9.68028 4.54133 10.3412C5.59155 11.0025 6.74444 11.3332 7.99999 11.3332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e01cea96f5da476d282c61f9dec70830f6d072a1' }, h("path", { key: 'fe55b722af364534a842a54ac07ab03f21c74918', d: "M12 17C13.25 17 14.3127 16.5627 15.188 15.688C16.0627 14.8127 16.5 13.75 16.5 12.5C16.5 11.25 16.0627 10.1873 15.188 9.312C14.3127 8.43733 13.25 8 12 8C10.75 8 9.68732 8.43733 8.81199 9.312C7.93732 10.1873 7.49999 11.25 7.49999 12.5C7.49999 13.75 7.93732 14.8127 8.81199 15.688C9.68732 16.5627 10.75 17 12 17ZM12 15.2C11.25 15.2 10.6127 14.9373 10.088 14.412C9.56265 13.8873 9.29999 13.25 9.29999 12.5C9.29999 11.75 9.56265 11.1123 10.088 10.587C10.6127 10.0623 11.25 9.8 12 9.8C12.75 9.8 13.3877 10.0623 13.913 10.587C14.4377 11.1123 14.7 11.75 14.7 12.5C14.7 13.25 14.4377 13.8873 13.913 14.412C13.3877 14.9373 12.75 15.2 12 15.2ZM12 20C9.68332 20 7.56665 19.3877 5.64999 18.163C3.73332 16.9377 2.28332 15.2833 1.29999 13.2C1.24999 13.1167 1.21665 13.0123 1.19999 12.887C1.18332 12.7623 1.17499 12.6333 1.17499 12.5C1.17499 12.3667 1.18332 12.2373 1.19999 12.112C1.21665 11.9873 1.24999 11.8833 1.29999 11.8C2.28332 9.71667 3.73332 8.06267 5.64999 6.838C7.56665 5.61267 9.68332 5 12 5C14.3167 5 16.4333 5.61267 18.35 6.838C20.2667 8.06267 21.7167 9.71667 22.7 11.8C22.75 11.8833 22.7833 11.9873 22.8 12.112C22.8167 12.2373 22.825 12.3667 22.825 12.5C22.825 12.6333 22.8167 12.7623 22.8 12.887C22.7833 13.0123 22.75 13.1167 22.7 13.2C21.7167 15.2833 20.2667 16.9377 18.35 18.163C16.4333 19.3877 14.3167 20 12 20ZM12 18C13.8833 18 15.6127 17.504 17.188 16.512C18.7627 15.5207 19.9667 14.1833 20.8 12.5C19.9667 10.8167 18.7627 9.479 17.188 8.487C15.6127 7.49567 13.8833 7 12 7C10.1167 7 8.38732 7.49567 6.81199 8.487C5.23732 9.479 4.03332 10.8167 3.19999 12.5C4.03332 14.1833 5.23732 15.5207 6.81199 16.512C8.38732 17.504 10.1167 18 12 18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '91c71c9b5c08390652acee3346de7534464c447e' }, h("path", { key: '7a3294f81ba93f18b9a4988581bfaf42bc7279bf', d: "M14 19.6665C15.4583 19.6665 16.6981 19.1563 17.7193 18.1358C18.7398 17.1146 19.25 15.8748 19.25 14.4165C19.25 12.9582 18.7398 11.7184 17.7193 10.6972C16.6981 9.67673 15.4583 9.1665 14 9.1665C12.5417 9.1665 11.3019 9.67673 10.2807 10.6972C9.26024 11.7184 8.75002 12.9582 8.75002 14.4165C8.75002 15.8748 9.26024 17.1146 10.2807 18.1358C11.3019 19.1563 12.5417 19.6665 14 19.6665ZM14 17.5665C13.125 17.5665 12.3815 17.2601 11.7693 16.6472C11.1565 16.0351 10.85 15.2915 10.85 14.4165C10.85 13.5415 11.1565 12.7976 11.7693 12.1847C12.3815 11.5726 13.125 11.2665 14 11.2665C14.875 11.2665 15.619 11.5726 16.2318 12.1847C16.844 12.7976 17.15 13.5415 17.15 14.4165C17.15 15.2915 16.844 16.0351 16.2318 16.6472C15.619 17.2601 14.875 17.5665 14 17.5665ZM14 23.1665C11.2972 23.1665 8.82779 22.4521 6.59168 21.0233C4.35557 19.5938 2.66391 17.6637 1.51668 15.2332C1.45835 15.1359 1.41946 15.0142 1.40002 14.868C1.38057 14.7226 1.37085 14.5721 1.37085 14.4165C1.37085 14.2609 1.38057 14.1101 1.40002 13.9638C1.41946 13.8184 1.45835 13.6971 1.51668 13.5998C2.66391 11.1693 4.35557 9.23961 6.59168 7.81084C8.82779 6.38128 11.2972 5.6665 14 5.6665C16.7028 5.6665 19.1722 6.38128 21.4084 7.81084C23.6445 9.23961 25.3361 11.1693 26.4834 13.5998C26.5417 13.6971 26.5806 13.8184 26.6 13.9638C26.6195 14.1101 26.6292 14.2609 26.6292 14.4165C26.6292 14.5721 26.6195 14.7226 26.6 14.868C26.5806 15.0142 26.5417 15.1359 26.4834 15.2332C25.3361 17.6637 23.6445 19.5938 21.4084 21.0233C19.1722 22.4521 16.7028 23.1665 14 23.1665ZM14 20.8332C16.1972 20.8332 18.2148 20.2545 20.0527 19.0972C21.8898 17.9406 23.2945 16.3804 24.2667 14.4165C23.2945 12.4526 21.8898 10.892 20.0527 9.73467C18.2148 8.57811 16.1972 7.99984 14 7.99984C11.8028 7.99984 9.78524 8.57811 7.94735 9.73467C6.11024 10.892 4.70557 12.4526 3.73335 14.4165C4.70557 16.3804 6.11024 17.9406 7.94735 19.0972C9.78524 20.2545 11.8028 20.8332 14 20.8332Z", fill: "currentColor" })))));
+        return (h("svg", { key: '1461b4b6c579a814e66336ab80476c09b738af0a', "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: '4c00835e1ceb97900597685eff0812ecaafea445' }, h("path", { key: '37cb6324918c6f1ed87f2f44855383cd5603b04b', d: "M7.99999 10.6665C8.83333 10.6665 9.54177 10.3749 10.1253 9.79184C10.7084 9.20828 11 8.49984 11 7.6665C11 6.83317 10.7084 6.12473 10.1253 5.54117C9.54177 4.95806 8.83333 4.6665 7.99999 4.6665C7.16666 4.6665 6.45821 4.95806 5.87466 5.54117C5.29155 6.12473 4.99999 6.83317 4.99999 7.6665C4.99999 8.49984 5.29155 9.20828 5.87466 9.79184C6.45821 10.3749 7.16666 10.6665 7.99999 10.6665ZM7.99999 9.4665C7.49999 9.4665 7.0751 9.29139 6.72533 8.94117C6.3751 8.59139 6.19999 8.1665 6.19999 7.6665C6.19999 7.1665 6.3751 6.74139 6.72533 6.39117C7.0751 6.04139 7.49999 5.8665 7.99999 5.8665C8.49999 5.8665 8.9251 6.04139 9.27533 6.39117C9.6251 6.74139 9.79999 7.1665 9.79999 7.6665C9.79999 8.1665 9.6251 8.59139 9.27533 8.94117C8.9251 9.29139 8.49999 9.4665 7.99999 9.4665ZM7.99999 12.6665C6.45555 12.6665 5.04444 12.2583 3.76666 11.4418C2.48888 10.6249 1.52221 9.52206 0.866659 8.13317C0.833325 8.07762 0.811103 8.00806 0.799992 7.9245C0.788881 7.84139 0.783325 7.75539 0.783325 7.6665C0.783325 7.57762 0.788881 7.49139 0.799992 7.40784C0.811103 7.32473 0.833325 7.25539 0.866659 7.19984C1.52221 5.81095 2.48888 4.70828 3.76666 3.89184C5.04444 3.07495 6.45555 2.6665 7.99999 2.6665C9.54444 2.6665 10.9555 3.07495 12.2333 3.89184C13.5111 4.70828 14.4778 5.81095 15.1333 7.19984C15.1667 7.25539 15.1889 7.32473 15.2 7.40784C15.2111 7.49139 15.2167 7.57762 15.2167 7.6665C15.2167 7.75539 15.2111 7.84139 15.2 7.9245C15.1889 8.00806 15.1667 8.07762 15.1333 8.13317C14.4778 9.52206 13.5111 10.6249 12.2333 11.4418C10.9555 12.2583 9.54444 12.6665 7.99999 12.6665ZM7.99999 11.3332C9.25555 11.3332 10.4084 11.0025 11.4587 10.3412C12.5084 9.68028 13.3111 8.78873 13.8667 7.6665C13.3111 6.54428 12.5084 5.6525 11.4587 4.99117C10.4084 4.33028 9.25555 3.99984 7.99999 3.99984C6.74444 3.99984 5.59155 4.33028 4.54133 4.99117C3.49155 5.6525 2.68888 6.54428 2.13333 7.6665C2.68888 8.78873 3.49155 9.68028 4.54133 10.3412C5.59155 11.0025 6.74444 11.3332 7.99999 11.3332Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b13684916b69841fa5e06011c295703635a74f17' }, h("path", { key: '0fbdc3f343bf767ed49c044e7bab05faaf933493', d: "M12 17C13.25 17 14.3127 16.5627 15.188 15.688C16.0627 14.8127 16.5 13.75 16.5 12.5C16.5 11.25 16.0627 10.1873 15.188 9.312C14.3127 8.43733 13.25 8 12 8C10.75 8 9.68732 8.43733 8.81199 9.312C7.93732 10.1873 7.49999 11.25 7.49999 12.5C7.49999 13.75 7.93732 14.8127 8.81199 15.688C9.68732 16.5627 10.75 17 12 17ZM12 15.2C11.25 15.2 10.6127 14.9373 10.088 14.412C9.56265 13.8873 9.29999 13.25 9.29999 12.5C9.29999 11.75 9.56265 11.1123 10.088 10.587C10.6127 10.0623 11.25 9.8 12 9.8C12.75 9.8 13.3877 10.0623 13.913 10.587C14.4377 11.1123 14.7 11.75 14.7 12.5C14.7 13.25 14.4377 13.8873 13.913 14.412C13.3877 14.9373 12.75 15.2 12 15.2ZM12 20C9.68332 20 7.56665 19.3877 5.64999 18.163C3.73332 16.9377 2.28332 15.2833 1.29999 13.2C1.24999 13.1167 1.21665 13.0123 1.19999 12.887C1.18332 12.7623 1.17499 12.6333 1.17499 12.5C1.17499 12.3667 1.18332 12.2373 1.19999 12.112C1.21665 11.9873 1.24999 11.8833 1.29999 11.8C2.28332 9.71667 3.73332 8.06267 5.64999 6.838C7.56665 5.61267 9.68332 5 12 5C14.3167 5 16.4333 5.61267 18.35 6.838C20.2667 8.06267 21.7167 9.71667 22.7 11.8C22.75 11.8833 22.7833 11.9873 22.8 12.112C22.8167 12.2373 22.825 12.3667 22.825 12.5C22.825 12.6333 22.8167 12.7623 22.8 12.887C22.7833 13.0123 22.75 13.1167 22.7 13.2C21.7167 15.2833 20.2667 16.9377 18.35 18.163C16.4333 19.3877 14.3167 20 12 20ZM12 18C13.8833 18 15.6127 17.504 17.188 16.512C18.7627 15.5207 19.9667 14.1833 20.8 12.5C19.9667 10.8167 18.7627 9.479 17.188 8.487C15.6127 7.49567 13.8833 7 12 7C10.1167 7 8.38732 7.49567 6.81199 8.487C5.23732 9.479 4.03332 10.8167 3.19999 12.5C4.03332 14.1833 5.23732 15.5207 6.81199 16.512C8.38732 17.504 10.1167 18 12 18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '653b5e66ba89ad65510ff8d5cce8599f422b3bf6' }, h("path", { key: '9373a5d296f0e998b7a15c89fa06e37c87852b17', d: "M14 19.6665C15.4583 19.6665 16.6981 19.1563 17.7193 18.1358C18.7398 17.1146 19.25 15.8748 19.25 14.4165C19.25 12.9582 18.7398 11.7184 17.7193 10.6972C16.6981 9.67673 15.4583 9.1665 14 9.1665C12.5417 9.1665 11.3019 9.67673 10.2807 10.6972C9.26024 11.7184 8.75002 12.9582 8.75002 14.4165C8.75002 15.8748 9.26024 17.1146 10.2807 18.1358C11.3019 19.1563 12.5417 19.6665 14 19.6665ZM14 17.5665C13.125 17.5665 12.3815 17.2601 11.7693 16.6472C11.1565 16.0351 10.85 15.2915 10.85 14.4165C10.85 13.5415 11.1565 12.7976 11.7693 12.1847C12.3815 11.5726 13.125 11.2665 14 11.2665C14.875 11.2665 15.619 11.5726 16.2318 12.1847C16.844 12.7976 17.15 13.5415 17.15 14.4165C17.15 15.2915 16.844 16.0351 16.2318 16.6472C15.619 17.2601 14.875 17.5665 14 17.5665ZM14 23.1665C11.2972 23.1665 8.82779 22.4521 6.59168 21.0233C4.35557 19.5938 2.66391 17.6637 1.51668 15.2332C1.45835 15.1359 1.41946 15.0142 1.40002 14.868C1.38057 14.7226 1.37085 14.5721 1.37085 14.4165C1.37085 14.2609 1.38057 14.1101 1.40002 13.9638C1.41946 13.8184 1.45835 13.6971 1.51668 13.5998C2.66391 11.1693 4.35557 9.23961 6.59168 7.81084C8.82779 6.38128 11.2972 5.6665 14 5.6665C16.7028 5.6665 19.1722 6.38128 21.4084 7.81084C23.6445 9.23961 25.3361 11.1693 26.4834 13.5998C26.5417 13.6971 26.5806 13.8184 26.6 13.9638C26.6195 14.1101 26.6292 14.2609 26.6292 14.4165C26.6292 14.5721 26.6195 14.7226 26.6 14.868C26.5806 15.0142 26.5417 15.1359 26.4834 15.2332C25.3361 17.6637 23.6445 19.5938 21.4084 21.0233C19.1722 22.4521 16.7028 23.1665 14 23.1665ZM14 20.8332C16.1972 20.8332 18.2148 20.2545 20.0527 19.0972C21.8898 17.9406 23.2945 16.3804 24.2667 14.4165C23.2945 12.4526 21.8898 10.892 20.0527 9.73467C18.2148 8.57811 16.1972 7.99984 14 7.99984C11.8028 7.99984 9.78524 8.57811 7.94735 9.73467C6.11024 10.892 4.70557 12.4526 3.73335 14.4165C4.70557 16.3804 6.11024 17.9406 7.94735 19.0972C9.78524 20.2545 11.8028 20.8332 14 20.8332Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-visibility", {

package/dist/components/swirl-icon-voice.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 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 swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconVoice$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconVoice extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconVoice$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconVoice e
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '18f77138b40f78809309efe47e936e433ca5e290', "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: 'eb67354f0d20bb1d980bdeb7554ad1cb81be7e55' }, h("path", { key: 'c50090e9e199501146424448f72a89251fa19f70', d: "M12.75 10.0833C12.6278 9.96106 12.5639 9.80551 12.5584 9.61662C12.5528 9.42773 12.6111 9.25551 12.7334 9.09995C13.0778 8.67773 13.3472 8.20273 13.5417 7.67495C13.7361 7.14717 13.8334 6.58884 13.8334 5.99995C13.8334 5.42217 13.7361 4.87217 13.5417 4.34995C13.3472 3.82773 13.0778 3.35551 12.7334 2.93328C12.6111 2.77773 12.55 2.60551 12.55 2.41662C12.55 2.22773 12.6167 2.06662 12.75 1.93328C12.9056 1.77773 13.0917 1.69995 13.3084 1.69995C13.525 1.69995 13.7 1.77773 13.8334 1.93328C14.3 2.49995 14.6667 3.12773 14.9334 3.81662C15.2 4.50551 15.3334 5.23328 15.3334 5.99995C15.3334 6.76662 15.2 7.4944 14.9334 8.18328C14.6667 8.87217 14.3 9.49995 13.8334 10.0666C13.7 10.2222 13.525 10.3027 13.3084 10.3083C13.0917 10.3138 12.9056 10.2388 12.75 10.0833ZM10.6 7.93328C10.4778 7.81106 10.4084 7.65273 10.3917 7.45828C10.375 7.26384 10.4222 7.07217 10.5334 6.88328C10.6111 6.74995 10.6695 6.60828 10.7084 6.45828C10.7472 6.30828 10.7667 6.15551 10.7667 5.99995C10.7667 5.8444 10.7472 5.69162 10.7084 5.54162C10.6695 5.39162 10.6111 5.24995 10.5334 5.11662C10.4222 4.92773 10.375 4.73606 10.3917 4.54162C10.4084 4.34717 10.4778 4.18884 10.6 4.06662C10.7556 3.91106 10.9445 3.83606 11.1667 3.84162C11.3889 3.84717 11.5611 3.93328 11.6834 4.09995C11.8722 4.37773 12.0222 4.67495 12.1334 4.99162C12.2445 5.30828 12.3 5.6444 12.3 5.99995C12.3 6.35551 12.2445 6.69162 12.1334 7.00828C12.0222 7.32495 11.8722 7.62217 11.6834 7.89995C11.5611 8.06662 11.3889 8.15273 11.1667 8.15828C10.9445 8.16384 10.7556 8.08884 10.6 7.93328ZM6.00002 8.66662C5.26669 8.66662 4.63891 8.40551 4.11669 7.88328C3.59446 7.36106 3.33335 6.73328 3.33335 5.99995C3.33335 5.26662 3.59446 4.63884 4.11669 4.11662C4.63891 3.5944 5.26669 3.33328 6.00002 3.33328C6.73335 3.33328 7.36113 3.5944 7.88335 4.11662C8.40558 4.63884 8.66669 5.26662 8.66669 5.99995C8.66669 6.73328 8.40558 7.36106 7.88335 7.88328C7.36113 8.40551 6.73335 8.66662 6.00002 8.66662ZM1.33335 14C1.14446 14 0.986131 13.9361 0.858354 13.8083C0.730576 13.6805 0.666687 13.5222 0.666687 13.3333V12.1333C0.666687 11.7666 0.761131 11.4222 0.95002 11.1C1.13891 10.7777 1.40002 10.5333 1.73335 10.3666C2.30002 10.0777 2.93891 9.83328 3.65002 9.63328C4.36113 9.43328 5.14446 9.33328 6.00002 9.33328C6.85558 9.33328 7.63891 9.43328 8.35002 9.63328C9.06113 9.83328 9.70002 10.0777 10.2667 10.3666C10.6 10.5333 10.8611 10.7777 11.05 11.1C11.2389 11.4222 11.3334 11.7666 11.3334 12.1333V13.3333C11.3334 13.5222 11.2695 13.6805 11.1417 13.8083C11.0139 13.9361 10.8556 14 10.6667 14H1.33335ZM2.00002 12.6666H10V12.1333C10 12.0111 9.96947 11.9 9.90835 11.8C9.84724 11.7 9.76669 11.6222 9.66669 11.5666C9.26669 11.3666 8.7528 11.1666 8.12502 10.9666C7.49724 10.7666 6.78891 10.6666 6.00002 10.6666C5.21113 10.6666 4.5028 10.7666 3.87502 10.9666C3.24724 11.1666 2.73335 11.3666 2.33335 11.5666C2.23335 11.6222 2.1528 11.7 2.09169 11.8C2.03058 11.9 2.00002 12.0111 2.00002 12.1333V12.6666ZM6.00002 7.33328C6.36669 7.33328 6.68058 7.20273 6.94169 6.94162C7.2028 6.68051 7.33335 6.36662 7.33335 5.99995C7.33335 5.63328 7.2028 5.3194 6.94169 5.05828C6.68058 4.79717 6.36669 4.66662 6.00002 4.66662C5.63335 4.66662 5.31947 4.79717 5.05835 5.05828C4.79724 5.3194 4.66669 5.63328 4.66669 5.99995C4.66669 6.36662 4.79724 6.68051 5.05835 6.94162C5.31947 7.20273 5.63335 7.33328 6.00002 7.33328Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4ceb7476abc18001c3660a18f84f3d4f30e52145' }, h("path", { key: '44ab67a942e0b3015d0cc24db31047fc33006a85', d: "M19.125 15.125C18.9417 14.9417 18.8458 14.7084 18.8375 14.425C18.8292 14.1417 18.9167 13.8834 19.1 13.65C19.6167 13.0167 20.0208 12.3042 20.3125 11.5125C20.6042 10.7209 20.75 9.88338 20.75 9.00005C20.75 8.13338 20.6042 7.30838 20.3125 6.52505C20.0208 5.74172 19.6167 5.03338 19.1 4.40005C18.9167 4.16672 18.825 3.90838 18.825 3.62505C18.825 3.34172 18.925 3.10005 19.125 2.90005C19.3583 2.66672 19.6375 2.55005 19.9625 2.55005C20.2875 2.55005 20.55 2.66672 20.75 2.90005C21.45 3.75005 22 4.69172 22.4 5.72505C22.8 6.75838 23 7.85005 23 9.00005C23 10.15 22.8 11.2417 22.4 12.275C22 13.3084 21.45 14.25 20.75 15.1C20.55 15.3334 20.2875 15.4542 19.9625 15.4625C19.6375 15.4709 19.3583 15.3584 19.125 15.125ZM15.9 11.9C15.7167 11.7167 15.6125 11.4792 15.5875 11.1875C15.5625 10.8959 15.6333 10.6084 15.8 10.325C15.9167 10.125 16.0042 9.91255 16.0625 9.68755C16.1208 9.46255 16.15 9.23338 16.15 9.00005C16.15 8.76672 16.1208 8.53755 16.0625 8.31255C16.0042 8.08755 15.9167 7.87505 15.8 7.67505C15.6333 7.39172 15.5625 7.10422 15.5875 6.81255C15.6125 6.52088 15.7167 6.28338 15.9 6.10005C16.1333 5.86672 16.4167 5.75422 16.75 5.76255C17.0833 5.77088 17.3417 5.90005 17.525 6.15005C17.8083 6.56672 18.0333 7.01255 18.2 7.48755C18.3667 7.96255 18.45 8.46672 18.45 9.00005C18.45 9.53338 18.3667 10.0375 18.2 10.5125C18.0333 10.9875 17.8083 11.4334 17.525 11.85C17.3417 12.1 17.0833 12.2292 16.75 12.2375C16.4167 12.2459 16.1333 12.1334 15.9 11.9ZM9 13C7.9 13 6.95833 12.6084 6.175 11.825C5.39167 11.0417 5 10.1 5 9.00005C5 7.90005 5.39167 6.95838 6.175 6.17505C6.95833 5.39172 7.9 5.00005 9 5.00005C10.1 5.00005 11.0417 5.39172 11.825 6.17505C12.6083 6.95838 13 7.90005 13 9.00005C13 10.1 12.6083 11.0417 11.825 11.825C11.0417 12.6084 10.1 13 9 13ZM2 21C1.71667 21 1.47917 20.9042 1.2875 20.7125C1.09583 20.5209 1 20.2834 1 20V18.2C1 17.65 1.14167 17.1334 1.425 16.65C1.70833 16.1667 2.1 15.8 2.6 15.55C3.45 15.1167 4.40833 14.75 5.475 14.45C6.54167 14.15 7.71667 14 9 14C10.2833 14 11.4583 14.15 12.525 14.45C13.5917 14.75 14.55 15.1167 15.4 15.55C15.9 15.8 16.2917 16.1667 16.575 16.65C16.8583 17.1334 17 17.65 17 18.2V20C17 20.2834 16.9042 20.5209 16.7125 20.7125C16.5208 20.9042 16.2833 21 16 21H2ZM3 19H15V18.2C15 18.0167 14.9542 17.85 14.8625 17.7C14.7708 17.55 14.65 17.4334 14.5 17.35C13.9 17.05 13.1292 16.75 12.1875 16.45C11.2458 16.15 10.1833 16 9 16C7.81667 16 6.75417 16.15 5.8125 16.45C4.87083 16.75 4.1 17.05 3.5 17.35C3.35 17.4334 3.22917 17.55 3.1375 17.7C3.04583 17.85 3 18.0167 3 18.2V19ZM9 11C9.55 11 10.0208 10.8042 10.4125 10.4125C10.8042 10.0209 11 9.55005 11 9.00005C11 8.45005 10.8042 7.97922 10.4125 7.58755C10.0208 7.19588 9.55 7.00005 9 7.00005C8.45 7.00005 7.97917 7.19588 7.5875 7.58755C7.19583 7.97922 7 8.45005 7 9.00005C7 9.55005 7.19583 10.0209 7.5875 10.4125C7.97917 10.8042 8.45 11 9 11Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '0b5a464a1c7acfec509ffa86f69410e3bfdaea33' }, h("path", { key: '77db2a4a9fd4ce356c0b6e69f4bd05339539a91d', d: "M22.3125 17.6459C22.0986 17.432 21.9868 17.1598 21.9771 16.8293C21.9673 16.4987 22.0694 16.1973 22.2833 15.9251C22.8861 15.1862 23.3576 14.355 23.6979 13.4313C24.0382 12.5077 24.2083 11.5307 24.2083 10.5001C24.2083 9.48899 24.0382 8.52649 23.6979 7.6126C23.3576 6.69871 22.8861 5.87232 22.2833 5.13343C22.0694 4.86121 21.9625 4.55982 21.9625 4.22926C21.9625 3.89871 22.0792 3.61676 22.3125 3.38343C22.5847 3.11121 22.9104 2.9751 23.2896 2.9751C23.6687 2.9751 23.975 3.11121 24.2083 3.38343C25.025 4.3751 25.6667 5.47371 26.1333 6.67926C26.6 7.88482 26.8333 9.15843 26.8333 10.5001C26.8333 11.8418 26.6 13.1154 26.1333 14.3209C25.6667 15.5265 25.025 16.6251 24.2083 17.6168C23.975 17.889 23.6687 18.03 23.2896 18.0397C22.9104 18.0494 22.5847 17.9182 22.3125 17.6459ZM18.55 13.8834C18.3361 13.6695 18.2146 13.3925 18.1854 13.0522C18.1562 12.7119 18.2389 12.3765 18.4333 12.0459C18.5694 11.8126 18.6715 11.5647 18.7396 11.3022C18.8076 11.0397 18.8417 10.7723 18.8417 10.5001C18.8417 10.2279 18.8076 9.96052 18.7396 9.69802C18.6715 9.43552 18.5694 9.1876 18.4333 8.95426C18.2389 8.62371 18.1562 8.28829 18.1854 7.94801C18.2146 7.60774 18.3361 7.33065 18.55 7.11676C18.8222 6.84454 19.1528 6.71329 19.5417 6.72301C19.9305 6.73274 20.2319 6.88343 20.4458 7.1751C20.7764 7.66121 21.0389 8.18135 21.2333 8.73551C21.4278 9.28968 21.525 9.87788 21.525 10.5001C21.525 11.1223 21.4278 11.7105 21.2333 12.2647C21.0389 12.8188 20.7764 13.339 20.4458 13.8251C20.2319 14.1168 19.9305 14.2675 19.5417 14.2772C19.1528 14.2869 18.8222 14.1557 18.55 13.8834ZM10.5 15.1668C9.21666 15.1668 8.11805 14.7098 7.20416 13.7959C6.29027 12.882 5.83332 11.7834 5.83332 10.5001C5.83332 9.21677 6.29027 8.11815 7.20416 7.20426C8.11805 6.29038 9.21666 5.83343 10.5 5.83343C11.7833 5.83343 12.8819 6.29038 13.7958 7.20426C14.7097 8.11815 15.1667 9.21677 15.1667 10.5001C15.1667 11.7834 14.7097 12.882 13.7958 13.7959C12.8819 14.7098 11.7833 15.1668 10.5 15.1668ZM2.33332 24.5001C2.00277 24.5001 1.72568 24.3883 1.50207 24.1647C1.27846 23.9411 1.16666 23.664 1.16666 23.3334V21.2334C1.16666 20.5918 1.33193 19.989 1.66249 19.4251C1.99305 18.8612 2.44999 18.4334 3.03332 18.1418C4.02499 17.6362 5.14305 17.2084 6.38749 16.8584C7.63193 16.5084 9.00277 16.3334 10.5 16.3334C11.9972 16.3334 13.368 16.5084 14.6125 16.8584C15.8569 17.2084 16.975 17.6362 17.9667 18.1418C18.55 18.4334 19.0069 18.8612 19.3375 19.4251C19.668 19.989 19.8333 20.5918 19.8333 21.2334V23.3334C19.8333 23.664 19.7215 23.9411 19.4979 24.1647C19.2743 24.3883 18.9972 24.5001 18.6667 24.5001H2.33332ZM3.49999 22.1668H17.5V21.2334C17.5 21.0195 17.4465 20.8251 17.3396 20.6501C17.2326 20.4751 17.0917 20.339 16.9167 20.2418C16.2167 19.8918 15.3174 19.5418 14.2187 19.1918C13.1201 18.8418 11.8805 18.6668 10.5 18.6668C9.11943 18.6668 7.87985 18.8418 6.78124 19.1918C5.68263 19.5418 4.78332 19.8918 4.08332 20.2418C3.90832 20.339 3.76735 20.4751 3.66041 20.6501C3.55346 20.8251 3.49999 21.0195 3.49999 21.2334V22.1668ZM10.5 12.8334C11.1417 12.8334 11.691 12.605 12.1479 12.148C12.6049 11.6911 12.8333 11.1418 12.8333 10.5001C12.8333 9.85843 12.6049 9.30913 12.1479 8.85218C11.691 8.39524 11.1417 8.16677 10.5 8.16677C9.85832 8.16677 9.30902 8.39524 8.85207 8.85218C8.39513 9.30913 8.16666 9.85843 8.16666 10.5001C8.16666 11.1418 8.39513 11.6911 8.85207 12.148C9.30902 12.605 9.85832 12.8334 10.5 12.8334Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'be3bc1f4ba0f25fd25225e5c84c5c6bd8b9c4848', "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: '070feeaebc44e4850190801f07cf6bbbe1ba2f21' }, h("path", { key: '86a7c29ccab9450ffb2329ada08dfb15e37487e0', d: "M12.75 10.0833C12.6278 9.96106 12.5639 9.80551 12.5584 9.61662C12.5528 9.42773 12.6111 9.25551 12.7334 9.09995C13.0778 8.67773 13.3472 8.20273 13.5417 7.67495C13.7361 7.14717 13.8334 6.58884 13.8334 5.99995C13.8334 5.42217 13.7361 4.87217 13.5417 4.34995C13.3472 3.82773 13.0778 3.35551 12.7334 2.93328C12.6111 2.77773 12.55 2.60551 12.55 2.41662C12.55 2.22773 12.6167 2.06662 12.75 1.93328C12.9056 1.77773 13.0917 1.69995 13.3084 1.69995C13.525 1.69995 13.7 1.77773 13.8334 1.93328C14.3 2.49995 14.6667 3.12773 14.9334 3.81662C15.2 4.50551 15.3334 5.23328 15.3334 5.99995C15.3334 6.76662 15.2 7.4944 14.9334 8.18328C14.6667 8.87217 14.3 9.49995 13.8334 10.0666C13.7 10.2222 13.525 10.3027 13.3084 10.3083C13.0917 10.3138 12.9056 10.2388 12.75 10.0833ZM10.6 7.93328C10.4778 7.81106 10.4084 7.65273 10.3917 7.45828C10.375 7.26384 10.4222 7.07217 10.5334 6.88328C10.6111 6.74995 10.6695 6.60828 10.7084 6.45828C10.7472 6.30828 10.7667 6.15551 10.7667 5.99995C10.7667 5.8444 10.7472 5.69162 10.7084 5.54162C10.6695 5.39162 10.6111 5.24995 10.5334 5.11662C10.4222 4.92773 10.375 4.73606 10.3917 4.54162C10.4084 4.34717 10.4778 4.18884 10.6 4.06662C10.7556 3.91106 10.9445 3.83606 11.1667 3.84162C11.3889 3.84717 11.5611 3.93328 11.6834 4.09995C11.8722 4.37773 12.0222 4.67495 12.1334 4.99162C12.2445 5.30828 12.3 5.6444 12.3 5.99995C12.3 6.35551 12.2445 6.69162 12.1334 7.00828C12.0222 7.32495 11.8722 7.62217 11.6834 7.89995C11.5611 8.06662 11.3889 8.15273 11.1667 8.15828C10.9445 8.16384 10.7556 8.08884 10.6 7.93328ZM6.00002 8.66662C5.26669 8.66662 4.63891 8.40551 4.11669 7.88328C3.59446 7.36106 3.33335 6.73328 3.33335 5.99995C3.33335 5.26662 3.59446 4.63884 4.11669 4.11662C4.63891 3.5944 5.26669 3.33328 6.00002 3.33328C6.73335 3.33328 7.36113 3.5944 7.88335 4.11662C8.40558 4.63884 8.66669 5.26662 8.66669 5.99995C8.66669 6.73328 8.40558 7.36106 7.88335 7.88328C7.36113 8.40551 6.73335 8.66662 6.00002 8.66662ZM1.33335 14C1.14446 14 0.986131 13.9361 0.858354 13.8083C0.730576 13.6805 0.666687 13.5222 0.666687 13.3333V12.1333C0.666687 11.7666 0.761131 11.4222 0.95002 11.1C1.13891 10.7777 1.40002 10.5333 1.73335 10.3666C2.30002 10.0777 2.93891 9.83328 3.65002 9.63328C4.36113 9.43328 5.14446 9.33328 6.00002 9.33328C6.85558 9.33328 7.63891 9.43328 8.35002 9.63328C9.06113 9.83328 9.70002 10.0777 10.2667 10.3666C10.6 10.5333 10.8611 10.7777 11.05 11.1C11.2389 11.4222 11.3334 11.7666 11.3334 12.1333V13.3333C11.3334 13.5222 11.2695 13.6805 11.1417 13.8083C11.0139 13.9361 10.8556 14 10.6667 14H1.33335ZM2.00002 12.6666H10V12.1333C10 12.0111 9.96947 11.9 9.90835 11.8C9.84724 11.7 9.76669 11.6222 9.66669 11.5666C9.26669 11.3666 8.7528 11.1666 8.12502 10.9666C7.49724 10.7666 6.78891 10.6666 6.00002 10.6666C5.21113 10.6666 4.5028 10.7666 3.87502 10.9666C3.24724 11.1666 2.73335 11.3666 2.33335 11.5666C2.23335 11.6222 2.1528 11.7 2.09169 11.8C2.03058 11.9 2.00002 12.0111 2.00002 12.1333V12.6666ZM6.00002 7.33328C6.36669 7.33328 6.68058 7.20273 6.94169 6.94162C7.2028 6.68051 7.33335 6.36662 7.33335 5.99995C7.33335 5.63328 7.2028 5.3194 6.94169 5.05828C6.68058 4.79717 6.36669 4.66662 6.00002 4.66662C5.63335 4.66662 5.31947 4.79717 5.05835 5.05828C4.79724 5.3194 4.66669 5.63328 4.66669 5.99995C4.66669 6.36662 4.79724 6.68051 5.05835 6.94162C5.31947 7.20273 5.63335 7.33328 6.00002 7.33328Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e22c3e0c314ec4f6d2653f810e0b22037afec8bb' }, h("path", { key: 'b821d971f130f59a93fdc8a0f0e5c80ca90e30c8', d: "M19.125 15.125C18.9417 14.9417 18.8458 14.7084 18.8375 14.425C18.8292 14.1417 18.9167 13.8834 19.1 13.65C19.6167 13.0167 20.0208 12.3042 20.3125 11.5125C20.6042 10.7209 20.75 9.88338 20.75 9.00005C20.75 8.13338 20.6042 7.30838 20.3125 6.52505C20.0208 5.74172 19.6167 5.03338 19.1 4.40005C18.9167 4.16672 18.825 3.90838 18.825 3.62505C18.825 3.34172 18.925 3.10005 19.125 2.90005C19.3583 2.66672 19.6375 2.55005 19.9625 2.55005C20.2875 2.55005 20.55 2.66672 20.75 2.90005C21.45 3.75005 22 4.69172 22.4 5.72505C22.8 6.75838 23 7.85005 23 9.00005C23 10.15 22.8 11.2417 22.4 12.275C22 13.3084 21.45 14.25 20.75 15.1C20.55 15.3334 20.2875 15.4542 19.9625 15.4625C19.6375 15.4709 19.3583 15.3584 19.125 15.125ZM15.9 11.9C15.7167 11.7167 15.6125 11.4792 15.5875 11.1875C15.5625 10.8959 15.6333 10.6084 15.8 10.325C15.9167 10.125 16.0042 9.91255 16.0625 9.68755C16.1208 9.46255 16.15 9.23338 16.15 9.00005C16.15 8.76672 16.1208 8.53755 16.0625 8.31255C16.0042 8.08755 15.9167 7.87505 15.8 7.67505C15.6333 7.39172 15.5625 7.10422 15.5875 6.81255C15.6125 6.52088 15.7167 6.28338 15.9 6.10005C16.1333 5.86672 16.4167 5.75422 16.75 5.76255C17.0833 5.77088 17.3417 5.90005 17.525 6.15005C17.8083 6.56672 18.0333 7.01255 18.2 7.48755C18.3667 7.96255 18.45 8.46672 18.45 9.00005C18.45 9.53338 18.3667 10.0375 18.2 10.5125C18.0333 10.9875 17.8083 11.4334 17.525 11.85C17.3417 12.1 17.0833 12.2292 16.75 12.2375C16.4167 12.2459 16.1333 12.1334 15.9 11.9ZM9 13C7.9 13 6.95833 12.6084 6.175 11.825C5.39167 11.0417 5 10.1 5 9.00005C5 7.90005 5.39167 6.95838 6.175 6.17505C6.95833 5.39172 7.9 5.00005 9 5.00005C10.1 5.00005 11.0417 5.39172 11.825 6.17505C12.6083 6.95838 13 7.90005 13 9.00005C13 10.1 12.6083 11.0417 11.825 11.825C11.0417 12.6084 10.1 13 9 13ZM2 21C1.71667 21 1.47917 20.9042 1.2875 20.7125C1.09583 20.5209 1 20.2834 1 20V18.2C1 17.65 1.14167 17.1334 1.425 16.65C1.70833 16.1667 2.1 15.8 2.6 15.55C3.45 15.1167 4.40833 14.75 5.475 14.45C6.54167 14.15 7.71667 14 9 14C10.2833 14 11.4583 14.15 12.525 14.45C13.5917 14.75 14.55 15.1167 15.4 15.55C15.9 15.8 16.2917 16.1667 16.575 16.65C16.8583 17.1334 17 17.65 17 18.2V20C17 20.2834 16.9042 20.5209 16.7125 20.7125C16.5208 20.9042 16.2833 21 16 21H2ZM3 19H15V18.2C15 18.0167 14.9542 17.85 14.8625 17.7C14.7708 17.55 14.65 17.4334 14.5 17.35C13.9 17.05 13.1292 16.75 12.1875 16.45C11.2458 16.15 10.1833 16 9 16C7.81667 16 6.75417 16.15 5.8125 16.45C4.87083 16.75 4.1 17.05 3.5 17.35C3.35 17.4334 3.22917 17.55 3.1375 17.7C3.04583 17.85 3 18.0167 3 18.2V19ZM9 11C9.55 11 10.0208 10.8042 10.4125 10.4125C10.8042 10.0209 11 9.55005 11 9.00005C11 8.45005 10.8042 7.97922 10.4125 7.58755C10.0208 7.19588 9.55 7.00005 9 7.00005C8.45 7.00005 7.97917 7.19588 7.5875 7.58755C7.19583 7.97922 7 8.45005 7 9.00005C7 9.55005 7.19583 10.0209 7.5875 10.4125C7.97917 10.8042 8.45 11 9 11Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'b3c0b97f3b5fc77d128bf70455a457935a1b02db' }, h("path", { key: '1e686d0855e819dd139c1e6c5aa6a7cbce7b6c36', d: "M22.3125 17.6459C22.0986 17.432 21.9868 17.1598 21.9771 16.8293C21.9673 16.4987 22.0694 16.1973 22.2833 15.9251C22.8861 15.1862 23.3576 14.355 23.6979 13.4313C24.0382 12.5077 24.2083 11.5307 24.2083 10.5001C24.2083 9.48899 24.0382 8.52649 23.6979 7.6126C23.3576 6.69871 22.8861 5.87232 22.2833 5.13343C22.0694 4.86121 21.9625 4.55982 21.9625 4.22926C21.9625 3.89871 22.0792 3.61676 22.3125 3.38343C22.5847 3.11121 22.9104 2.9751 23.2896 2.9751C23.6687 2.9751 23.975 3.11121 24.2083 3.38343C25.025 4.3751 25.6667 5.47371 26.1333 6.67926C26.6 7.88482 26.8333 9.15843 26.8333 10.5001C26.8333 11.8418 26.6 13.1154 26.1333 14.3209C25.6667 15.5265 25.025 16.6251 24.2083 17.6168C23.975 17.889 23.6687 18.03 23.2896 18.0397C22.9104 18.0494 22.5847 17.9182 22.3125 17.6459ZM18.55 13.8834C18.3361 13.6695 18.2146 13.3925 18.1854 13.0522C18.1562 12.7119 18.2389 12.3765 18.4333 12.0459C18.5694 11.8126 18.6715 11.5647 18.7396 11.3022C18.8076 11.0397 18.8417 10.7723 18.8417 10.5001C18.8417 10.2279 18.8076 9.96052 18.7396 9.69802C18.6715 9.43552 18.5694 9.1876 18.4333 8.95426C18.2389 8.62371 18.1562 8.28829 18.1854 7.94801C18.2146 7.60774 18.3361 7.33065 18.55 7.11676C18.8222 6.84454 19.1528 6.71329 19.5417 6.72301C19.9305 6.73274 20.2319 6.88343 20.4458 7.1751C20.7764 7.66121 21.0389 8.18135 21.2333 8.73551C21.4278 9.28968 21.525 9.87788 21.525 10.5001C21.525 11.1223 21.4278 11.7105 21.2333 12.2647C21.0389 12.8188 20.7764 13.339 20.4458 13.8251C20.2319 14.1168 19.9305 14.2675 19.5417 14.2772C19.1528 14.2869 18.8222 14.1557 18.55 13.8834ZM10.5 15.1668C9.21666 15.1668 8.11805 14.7098 7.20416 13.7959C6.29027 12.882 5.83332 11.7834 5.83332 10.5001C5.83332 9.21677 6.29027 8.11815 7.20416 7.20426C8.11805 6.29038 9.21666 5.83343 10.5 5.83343C11.7833 5.83343 12.8819 6.29038 13.7958 7.20426C14.7097 8.11815 15.1667 9.21677 15.1667 10.5001C15.1667 11.7834 14.7097 12.882 13.7958 13.7959C12.8819 14.7098 11.7833 15.1668 10.5 15.1668ZM2.33332 24.5001C2.00277 24.5001 1.72568 24.3883 1.50207 24.1647C1.27846 23.9411 1.16666 23.664 1.16666 23.3334V21.2334C1.16666 20.5918 1.33193 19.989 1.66249 19.4251C1.99305 18.8612 2.44999 18.4334 3.03332 18.1418C4.02499 17.6362 5.14305 17.2084 6.38749 16.8584C7.63193 16.5084 9.00277 16.3334 10.5 16.3334C11.9972 16.3334 13.368 16.5084 14.6125 16.8584C15.8569 17.2084 16.975 17.6362 17.9667 18.1418C18.55 18.4334 19.0069 18.8612 19.3375 19.4251C19.668 19.989 19.8333 20.5918 19.8333 21.2334V23.3334C19.8333 23.664 19.7215 23.9411 19.4979 24.1647C19.2743 24.3883 18.9972 24.5001 18.6667 24.5001H2.33332ZM3.49999 22.1668H17.5V21.2334C17.5 21.0195 17.4465 20.8251 17.3396 20.6501C17.2326 20.4751 17.0917 20.339 16.9167 20.2418C16.2167 19.8918 15.3174 19.5418 14.2187 19.1918C13.1201 18.8418 11.8805 18.6668 10.5 18.6668C9.11943 18.6668 7.87985 18.8418 6.78124 19.1918C5.68263 19.5418 4.78332 19.8918 4.08332 20.2418C3.90832 20.339 3.76735 20.4751 3.66041 20.6501C3.55346 20.8251 3.49999 21.0195 3.49999 21.2334V22.1668ZM10.5 12.8334C11.1417 12.8334 11.691 12.605 12.1479 12.148C12.6049 11.6911 12.8333 11.1418 12.8333 10.5001C12.8333 9.85843 12.6049 9.30913 12.1479 8.85218C11.691 8.39524 11.1417 8.16677 10.5 8.16677C9.85832 8.16677 9.30902 8.39524 8.85207 8.85218C8.39513 9.30913 8.16666 9.85843 8.16666 10.5001C8.16666 11.1418 8.39513 11.6911 8.85207 12.148C9.30902 12.605 9.85832 12.8334 10.5 12.8334Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-voice", {

package/dist/components/swirl-icon-volume-up.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 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 swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconVolumeUp$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconVolumeUp extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconVolumeUp$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconVolu
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'd7b7c96cc4daeccc3019fce55364d4b1e85c2695', "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: 'd0b41c3c4c23a07ff0a9df4afe9a17b71b2411ec' }, h("path", { key: '723e8dd2a65e66d3376cdfa070a1c09eec1d0a63', d: "M12.6667 7.98325C12.6667 7.06103 12.4222 6.21936 11.9333 5.45825C11.4444 4.69714 10.7889 4.1277 9.96667 3.74992C9.8 3.67214 9.67778 3.5527 9.6 3.39159C9.52222 3.23047 9.51111 3.06659 9.56667 2.89992C9.63333 2.72214 9.75278 2.59436 9.925 2.51659C10.0972 2.43881 10.2722 2.43881 10.45 2.51659C11.5278 2.99436 12.3889 3.72492 13.0333 4.70825C13.6778 5.69159 14 6.78325 14 7.98325C14 9.18325 13.6778 10.2749 13.0333 11.2583C12.3889 12.2416 11.5278 12.9721 10.45 13.4499C10.2722 13.5277 10.0972 13.5277 9.925 13.4499C9.75278 13.3721 9.63333 13.2444 9.56667 13.0666C9.51111 12.8999 9.52222 12.736 9.6 12.5749C9.67778 12.4138 9.8 12.2944 9.96667 12.2166C10.7889 11.8388 11.4444 11.2694 11.9333 10.5083C12.4222 9.74714 12.6667 8.90547 12.6667 7.98325ZM4.66667 9.99992H2.66667C2.47778 9.99992 2.31944 9.93603 2.19167 9.80825C2.06389 9.68047 2 9.52214 2 9.33325V6.66659C2 6.4777 2.06389 6.31936 2.19167 6.19159C2.31944 6.06381 2.47778 5.99992 2.66667 5.99992H4.66667L6.86667 3.79992C7.07778 3.58881 7.31944 3.54159 7.59167 3.65825C7.86389 3.77492 8 3.98325 8 4.28325V11.7166C8 12.0166 7.86389 12.2249 7.59167 12.3416C7.31944 12.4583 7.07778 12.411 6.86667 12.1999L4.66667 9.99992ZM11 7.99992C11 8.46659 10.8944 8.90825 10.6833 9.32492C10.4722 9.74159 10.1944 10.0833 9.85 10.3499C9.73889 10.4166 9.625 10.4194 9.50833 10.3583C9.39167 10.2971 9.33333 10.1999 9.33333 10.0666V5.89992C9.33333 5.76659 9.39167 5.66936 9.50833 5.60825C9.625 5.54714 9.73889 5.54992 9.85 5.61659C10.1944 5.89436 10.4722 6.24436 10.6833 6.66659C10.8944 7.08881 11 7.53325 11 7.99992ZM6.66667 5.89992L5.23333 7.33325H3.33333V8.66659H5.23333L6.66667 10.0999V5.89992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3d509a283bd1cf36d0100aeb8764c00fde362a72' }, h("path", { key: '981f06612f905ea09063b9171af1368129084936', d: "M19 11.975C19 10.5917 18.6333 9.32917 17.9 8.1875C17.1667 7.04583 16.1833 6.19167 14.95 5.625C14.7 5.50833 14.5167 5.32917 14.4 5.0875C14.2833 4.84583 14.2667 4.6 14.35 4.35C14.45 4.08333 14.6292 3.89167 14.8875 3.775C15.1458 3.65833 15.4083 3.65833 15.675 3.775C17.2917 4.49167 18.5833 5.5875 19.55 7.0625C20.5167 8.5375 21 10.175 21 11.975C21 13.775 20.5167 15.4125 19.55 16.8875C18.5833 18.3625 17.2917 19.4583 15.675 20.175C15.4083 20.2917 15.1458 20.2917 14.8875 20.175C14.6292 20.0583 14.45 19.8667 14.35 19.6C14.2667 19.35 14.2833 19.1042 14.4 18.8625C14.5167 18.6208 14.7 18.4417 14.95 18.325C16.1833 17.7583 17.1667 16.9042 17.9 15.7625C18.6333 14.6208 19 13.3583 19 11.975ZM7 15H4C3.71667 15 3.47917 14.9042 3.2875 14.7125C3.09583 14.5208 3 14.2833 3 14V10C3 9.71667 3.09583 9.47917 3.2875 9.2875C3.47917 9.09583 3.71667 9 4 9H7L10.3 5.7C10.6167 5.38333 10.9792 5.3125 11.3875 5.4875C11.7958 5.6625 12 5.975 12 6.425V17.575C12 18.025 11.7958 18.3375 11.3875 18.5125C10.9792 18.6875 10.6167 18.6167 10.3 18.3L7 15ZM16.5 12C16.5 12.7 16.3417 13.3625 16.025 13.9875C15.7083 14.6125 15.2917 15.125 14.775 15.525C14.6083 15.625 14.4375 15.6292 14.2625 15.5375C14.0875 15.4458 14 15.3 14 15.1V8.85C14 8.65 14.0875 8.50417 14.2625 8.4125C14.4375 8.32083 14.6083 8.325 14.775 8.425C15.2917 8.84167 15.7083 9.36667 16.025 10C16.3417 10.6333 16.5 11.3 16.5 12ZM10 8.85L7.85 11H5V13H7.85L10 15.15V8.85Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '9ce372c032570714b3665075e99bff21f5b44061' }, h("path", { key: '7ef0d68fa8271ca14476a9e4e0e2f3d0b8ca0bf5', d: "M22.1667 13.9708C22.1667 12.3569 21.7389 10.8839 20.8833 9.552C20.0278 8.22006 18.8806 7.22353 17.4417 6.56242C17.15 6.42631 16.9361 6.21728 16.8 5.93534C16.6639 5.65339 16.6444 5.36659 16.7417 5.07492C16.8583 4.76381 17.0674 4.5402 17.3688 4.40409C17.6701 4.26797 17.9764 4.26797 18.2875 4.40409C20.1736 5.2402 21.6806 6.51867 22.8083 8.2395C23.9361 9.96034 24.5 11.8708 24.5 13.9708C24.5 16.0708 23.9361 17.9812 22.8083 19.702C21.6806 21.4228 20.1736 22.7013 18.2875 23.5374C17.9764 23.6735 17.6701 23.6735 17.3688 23.5374C17.0674 23.4013 16.8583 23.1777 16.7417 22.8666C16.6444 22.5749 16.6639 22.2881 16.8 22.0062C16.9361 21.7242 17.15 21.5152 17.4417 21.3791C18.8806 20.718 20.0278 19.7214 20.8833 18.3895C21.7389 17.0576 22.1667 15.5846 22.1667 13.9708ZM8.16667 17.4999H4.66667C4.33611 17.4999 4.05903 17.3881 3.83542 17.1645C3.61181 16.9409 3.5 16.6638 3.5 16.3333V11.6666C3.5 11.336 3.61181 11.0589 3.83542 10.8353C4.05903 10.6117 4.33611 10.4999 4.66667 10.4999H8.16667L12.0167 6.64992C12.3861 6.28047 12.809 6.19784 13.2854 6.402C13.7618 6.60617 14 6.97075 14 7.49575V20.5041C14 21.0291 13.7618 21.3937 13.2854 21.5978C12.809 21.802 12.3861 21.7194 12.0167 21.3499L8.16667 17.4999ZM19.25 13.9999C19.25 14.8166 19.0653 15.5895 18.6958 16.3187C18.3264 17.0478 17.8403 17.6458 17.2375 18.1124C17.0431 18.2291 16.8438 18.2339 16.6396 18.127C16.4354 18.0201 16.3333 17.8499 16.3333 17.6166V10.3249C16.3333 10.0916 16.4354 9.92145 16.6396 9.8145C16.8438 9.70756 17.0431 9.71242 17.2375 9.82909C17.8403 10.3152 18.3264 10.9277 18.6958 11.6666C19.0653 12.4055 19.25 13.1833 19.25 13.9999ZM11.6667 10.3249L9.15833 12.8333H5.83333V15.1666H9.15833L11.6667 17.6749V10.3249Z", fill: "currentColor" })))));
+        return (h("svg", { key: '27aa3ceee2c9d017ea2d96d1a73384c5ffe33b6f', "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: '3053b648c5c252bf3a0014035a915c91638564aa' }, h("path", { key: '811a56a61dd0cd2ab4fa99f1771ab2b2d2ae657c', d: "M12.6667 7.98325C12.6667 7.06103 12.4222 6.21936 11.9333 5.45825C11.4444 4.69714 10.7889 4.1277 9.96667 3.74992C9.8 3.67214 9.67778 3.5527 9.6 3.39159C9.52222 3.23047 9.51111 3.06659 9.56667 2.89992C9.63333 2.72214 9.75278 2.59436 9.925 2.51659C10.0972 2.43881 10.2722 2.43881 10.45 2.51659C11.5278 2.99436 12.3889 3.72492 13.0333 4.70825C13.6778 5.69159 14 6.78325 14 7.98325C14 9.18325 13.6778 10.2749 13.0333 11.2583C12.3889 12.2416 11.5278 12.9721 10.45 13.4499C10.2722 13.5277 10.0972 13.5277 9.925 13.4499C9.75278 13.3721 9.63333 13.2444 9.56667 13.0666C9.51111 12.8999 9.52222 12.736 9.6 12.5749C9.67778 12.4138 9.8 12.2944 9.96667 12.2166C10.7889 11.8388 11.4444 11.2694 11.9333 10.5083C12.4222 9.74714 12.6667 8.90547 12.6667 7.98325ZM4.66667 9.99992H2.66667C2.47778 9.99992 2.31944 9.93603 2.19167 9.80825C2.06389 9.68047 2 9.52214 2 9.33325V6.66659C2 6.4777 2.06389 6.31936 2.19167 6.19159C2.31944 6.06381 2.47778 5.99992 2.66667 5.99992H4.66667L6.86667 3.79992C7.07778 3.58881 7.31944 3.54159 7.59167 3.65825C7.86389 3.77492 8 3.98325 8 4.28325V11.7166C8 12.0166 7.86389 12.2249 7.59167 12.3416C7.31944 12.4583 7.07778 12.411 6.86667 12.1999L4.66667 9.99992ZM11 7.99992C11 8.46659 10.8944 8.90825 10.6833 9.32492C10.4722 9.74159 10.1944 10.0833 9.85 10.3499C9.73889 10.4166 9.625 10.4194 9.50833 10.3583C9.39167 10.2971 9.33333 10.1999 9.33333 10.0666V5.89992C9.33333 5.76659 9.39167 5.66936 9.50833 5.60825C9.625 5.54714 9.73889 5.54992 9.85 5.61659C10.1944 5.89436 10.4722 6.24436 10.6833 6.66659C10.8944 7.08881 11 7.53325 11 7.99992ZM6.66667 5.89992L5.23333 7.33325H3.33333V8.66659H5.23333L6.66667 10.0999V5.89992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e183129dba62ce7e99f164996d1a28da9d04bc66' }, h("path", { key: 'dcbe29d394aeb5e2884133356ff767a411f40c21', d: "M19 11.975C19 10.5917 18.6333 9.32917 17.9 8.1875C17.1667 7.04583 16.1833 6.19167 14.95 5.625C14.7 5.50833 14.5167 5.32917 14.4 5.0875C14.2833 4.84583 14.2667 4.6 14.35 4.35C14.45 4.08333 14.6292 3.89167 14.8875 3.775C15.1458 3.65833 15.4083 3.65833 15.675 3.775C17.2917 4.49167 18.5833 5.5875 19.55 7.0625C20.5167 8.5375 21 10.175 21 11.975C21 13.775 20.5167 15.4125 19.55 16.8875C18.5833 18.3625 17.2917 19.4583 15.675 20.175C15.4083 20.2917 15.1458 20.2917 14.8875 20.175C14.6292 20.0583 14.45 19.8667 14.35 19.6C14.2667 19.35 14.2833 19.1042 14.4 18.8625C14.5167 18.6208 14.7 18.4417 14.95 18.325C16.1833 17.7583 17.1667 16.9042 17.9 15.7625C18.6333 14.6208 19 13.3583 19 11.975ZM7 15H4C3.71667 15 3.47917 14.9042 3.2875 14.7125C3.09583 14.5208 3 14.2833 3 14V10C3 9.71667 3.09583 9.47917 3.2875 9.2875C3.47917 9.09583 3.71667 9 4 9H7L10.3 5.7C10.6167 5.38333 10.9792 5.3125 11.3875 5.4875C11.7958 5.6625 12 5.975 12 6.425V17.575C12 18.025 11.7958 18.3375 11.3875 18.5125C10.9792 18.6875 10.6167 18.6167 10.3 18.3L7 15ZM16.5 12C16.5 12.7 16.3417 13.3625 16.025 13.9875C15.7083 14.6125 15.2917 15.125 14.775 15.525C14.6083 15.625 14.4375 15.6292 14.2625 15.5375C14.0875 15.4458 14 15.3 14 15.1V8.85C14 8.65 14.0875 8.50417 14.2625 8.4125C14.4375 8.32083 14.6083 8.325 14.775 8.425C15.2917 8.84167 15.7083 9.36667 16.025 10C16.3417 10.6333 16.5 11.3 16.5 12ZM10 8.85L7.85 11H5V13H7.85L10 15.15V8.85Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd6e0b750bfe71716c9582dadbd7f0202d07e6b21' }, h("path", { key: 'af9acd56d955bdd2789b1264c29e81f710d784e4', d: "M22.1667 13.9708C22.1667 12.3569 21.7389 10.8839 20.8833 9.552C20.0278 8.22006 18.8806 7.22353 17.4417 6.56242C17.15 6.42631 16.9361 6.21728 16.8 5.93534C16.6639 5.65339 16.6444 5.36659 16.7417 5.07492C16.8583 4.76381 17.0674 4.5402 17.3688 4.40409C17.6701 4.26797 17.9764 4.26797 18.2875 4.40409C20.1736 5.2402 21.6806 6.51867 22.8083 8.2395C23.9361 9.96034 24.5 11.8708 24.5 13.9708C24.5 16.0708 23.9361 17.9812 22.8083 19.702C21.6806 21.4228 20.1736 22.7013 18.2875 23.5374C17.9764 23.6735 17.6701 23.6735 17.3688 23.5374C17.0674 23.4013 16.8583 23.1777 16.7417 22.8666C16.6444 22.5749 16.6639 22.2881 16.8 22.0062C16.9361 21.7242 17.15 21.5152 17.4417 21.3791C18.8806 20.718 20.0278 19.7214 20.8833 18.3895C21.7389 17.0576 22.1667 15.5846 22.1667 13.9708ZM8.16667 17.4999H4.66667C4.33611 17.4999 4.05903 17.3881 3.83542 17.1645C3.61181 16.9409 3.5 16.6638 3.5 16.3333V11.6666C3.5 11.336 3.61181 11.0589 3.83542 10.8353C4.05903 10.6117 4.33611 10.4999 4.66667 10.4999H8.16667L12.0167 6.64992C12.3861 6.28047 12.809 6.19784 13.2854 6.402C13.7618 6.60617 14 6.97075 14 7.49575V20.5041C14 21.0291 13.7618 21.3937 13.2854 21.5978C12.809 21.802 12.3861 21.7194 12.0167 21.3499L8.16667 17.4999ZM19.25 13.9999C19.25 14.8166 19.0653 15.5895 18.6958 16.3187C18.3264 17.0478 17.8403 17.6458 17.2375 18.1124C17.0431 18.2291 16.8438 18.2339 16.6396 18.127C16.4354 18.0201 16.3333 17.8499 16.3333 17.6166V10.3249C16.3333 10.0916 16.4354 9.92145 16.6396 9.8145C16.8438 9.70756 17.0431 9.71242 17.2375 9.82909C17.8403 10.3152 18.3264 10.9277 18.6958 11.6666C19.0653 12.4055 19.25 13.1833 19.25 13.9999ZM11.6667 10.3249L9.15833 12.8333H5.83333V15.1666H9.15833L11.6667 17.6749V10.3249Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-volume-up", {

package/dist/components/swirl-icon-warning2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 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 swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconWarning = /*@__PURE__*/ proxyCustomElement(class SwirlIconWarning extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconWarning = /*@__PURE__*/ proxyCustomElement(class SwirlIconWarning
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '50925391bf6eaffdb2793fe0f1332e28b500e302', "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: '918c4fc26787d1f92c9ee3e5c0d534ff1fb2a0cf' }, h("path", { key: 'ae416a5c5908d4595d4cf9d255840218d391065f', d: "M1.81666 14C1.5611 14 1.37221 13.8889 1.24999 13.6667C1.12777 13.4444 1.12777 13.2222 1.24999 13L7.41666 2.33333C7.53888 2.11111 7.73333 2 7.99999 2C8.26666 2 8.4611 2.11111 8.58333 2.33333L14.75 13C14.8722 13.2222 14.8722 13.4444 14.75 13.6667C14.6278 13.8889 14.4389 14 14.1833 14H1.81666ZM7.99999 6.66667C7.8111 6.66667 7.65288 6.73044 7.52533 6.858C7.39733 6.986 7.33333 7.14444 7.33333 7.33333V9.33333C7.33333 9.52222 7.39733 9.68044 7.52533 9.808C7.65288 9.936 7.8111 10 7.99999 10C8.18888 10 8.34733 9.936 8.47533 9.808C8.60288 9.68044 8.66666 9.52222 8.66666 9.33333V7.33333C8.66666 7.14444 8.60288 6.986 8.47533 6.858C8.34733 6.73044 8.18888 6.66667 7.99999 6.66667ZM7.99999 12C8.18888 12 8.34733 11.936 8.47533 11.808C8.60288 11.6804 8.66666 11.5222 8.66666 11.3333C8.66666 11.1444 8.60288 10.9862 8.47533 10.8587C8.34733 10.7307 8.18888 10.6667 7.99999 10.6667C7.8111 10.6667 7.65288 10.7307 7.52533 10.8587C7.39733 10.9862 7.33333 11.1444 7.33333 11.3333C7.33333 11.5222 7.39733 11.6804 7.52533 11.808C7.65288 11.936 7.8111 12 7.99999 12ZM2.96666 12.6667H13.0333L7.99999 4L2.96666 12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '5c97de860c24b03f503ff13007a6c598b49ea3dc' }, h("path", { key: '26270a6dc433a992c68d04b64cab7ee624a5f413', d: "M2.72499 21C2.34165 21 2.05832 20.8333 1.87499 20.5C1.69165 20.1667 1.69165 19.8333 1.87499 19.5L11.125 3.5C11.3083 3.16667 11.6 3 12 3C12.4 3 12.6917 3.16667 12.875 3.5L22.125 19.5C22.3083 19.8333 22.3083 20.1667 22.125 20.5C21.9417 20.8333 21.6583 21 21.275 21H2.72499ZM12 10C11.7167 10 11.4793 10.0957 11.288 10.287C11.096 10.479 11 10.7167 11 11V14C11 14.2833 11.096 14.5207 11.288 14.712C11.4793 14.904 11.7167 15 12 15C12.2833 15 12.521 14.904 12.713 14.712C12.9043 14.5207 13 14.2833 13 14V11C13 10.7167 12.9043 10.479 12.713 10.287C12.521 10.0957 12.2833 10 12 10ZM12 18C12.2833 18 12.521 17.904 12.713 17.712C12.9043 17.5207 13 17.2833 13 17C13 16.7167 12.9043 16.4793 12.713 16.288C12.521 16.096 12.2833 16 12 16C11.7167 16 11.4793 16.096 11.288 16.288C11.096 16.4793 11 16.7167 11 17C11 17.2833 11.096 17.5207 11.288 17.712C11.4793 17.904 11.7167 18 12 18ZM4.44999 19H19.55L12 6L4.44999 19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '621dea119b503e50f14acdf0cb27959ffa787928' }, h("path", { key: '006e511c478962724acf673f6c628d201baafb55', d: "M3.17918 24.5C2.73196 24.5 2.40141 24.3056 2.18752 23.9167C1.97363 23.5278 1.97363 23.1389 2.18752 22.75L12.9792 4.08333C13.1931 3.69444 13.5333 3.5 14 3.5C14.4667 3.5 14.807 3.69444 15.0208 4.08333L25.8125 22.75C26.0264 23.1389 26.0264 23.5278 25.8125 23.9167C25.5986 24.3056 25.2681 24.5 24.8208 24.5H3.17918ZM14 11.6667C13.6695 11.6667 13.3926 11.7783 13.1693 12.0015C12.9453 12.2255 12.8333 12.5028 12.8333 12.8333V16.3333C12.8333 16.6639 12.9453 16.9408 13.1693 17.164C13.3926 17.388 13.6695 17.5 14 17.5C14.3306 17.5 14.6078 17.388 14.8318 17.164C15.0551 16.9408 15.1667 16.6639 15.1667 16.3333V12.8333C15.1667 12.5028 15.0551 12.2255 14.8318 12.0015C14.6078 11.7783 14.3306 11.6667 14 11.6667ZM14 21C14.3306 21 14.6078 20.888 14.8318 20.664C15.0551 20.4408 15.1667 20.1639 15.1667 19.8333C15.1667 19.5028 15.0551 19.2259 14.8318 19.0027C14.6078 18.7787 14.3306 18.6667 14 18.6667C13.6695 18.6667 13.3926 18.7787 13.1693 19.0027C12.9453 19.2259 12.8333 19.5028 12.8333 19.8333C12.8333 20.1639 12.9453 20.4408 13.1693 20.664C13.3926 20.888 13.6695 21 14 21ZM5.19168 22.1667H22.8083L14 7L5.19168 22.1667Z", fill: "currentColor" })))));
+        return (h("svg", { key: '8dc8180b1efd97e4b539e57cb129898640f981a8', "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: 'e2808132dc738b7c94da3028a8a24b0e98fc2a14' }, h("path", { key: 'f3ec89df60c15fa8d2983ee7370780083526e68b', d: "M1.81666 14C1.5611 14 1.37221 13.8889 1.24999 13.6667C1.12777 13.4444 1.12777 13.2222 1.24999 13L7.41666 2.33333C7.53888 2.11111 7.73333 2 7.99999 2C8.26666 2 8.4611 2.11111 8.58333 2.33333L14.75 13C14.8722 13.2222 14.8722 13.4444 14.75 13.6667C14.6278 13.8889 14.4389 14 14.1833 14H1.81666ZM7.99999 6.66667C7.8111 6.66667 7.65288 6.73044 7.52533 6.858C7.39733 6.986 7.33333 7.14444 7.33333 7.33333V9.33333C7.33333 9.52222 7.39733 9.68044 7.52533 9.808C7.65288 9.936 7.8111 10 7.99999 10C8.18888 10 8.34733 9.936 8.47533 9.808C8.60288 9.68044 8.66666 9.52222 8.66666 9.33333V7.33333C8.66666 7.14444 8.60288 6.986 8.47533 6.858C8.34733 6.73044 8.18888 6.66667 7.99999 6.66667ZM7.99999 12C8.18888 12 8.34733 11.936 8.47533 11.808C8.60288 11.6804 8.66666 11.5222 8.66666 11.3333C8.66666 11.1444 8.60288 10.9862 8.47533 10.8587C8.34733 10.7307 8.18888 10.6667 7.99999 10.6667C7.8111 10.6667 7.65288 10.7307 7.52533 10.8587C7.39733 10.9862 7.33333 11.1444 7.33333 11.3333C7.33333 11.5222 7.39733 11.6804 7.52533 11.808C7.65288 11.936 7.8111 12 7.99999 12ZM2.96666 12.6667H13.0333L7.99999 4L2.96666 12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '9c6ee45b962698b1f0d2682c4ab7e1192bf1711a' }, h("path", { key: 'f5fadf631756d1fd31c3b0ca42a8d0fb7f1b6d74', d: "M2.72499 21C2.34165 21 2.05832 20.8333 1.87499 20.5C1.69165 20.1667 1.69165 19.8333 1.87499 19.5L11.125 3.5C11.3083 3.16667 11.6 3 12 3C12.4 3 12.6917 3.16667 12.875 3.5L22.125 19.5C22.3083 19.8333 22.3083 20.1667 22.125 20.5C21.9417 20.8333 21.6583 21 21.275 21H2.72499ZM12 10C11.7167 10 11.4793 10.0957 11.288 10.287C11.096 10.479 11 10.7167 11 11V14C11 14.2833 11.096 14.5207 11.288 14.712C11.4793 14.904 11.7167 15 12 15C12.2833 15 12.521 14.904 12.713 14.712C12.9043 14.5207 13 14.2833 13 14V11C13 10.7167 12.9043 10.479 12.713 10.287C12.521 10.0957 12.2833 10 12 10ZM12 18C12.2833 18 12.521 17.904 12.713 17.712C12.9043 17.5207 13 17.2833 13 17C13 16.7167 12.9043 16.4793 12.713 16.288C12.521 16.096 12.2833 16 12 16C11.7167 16 11.4793 16.096 11.288 16.288C11.096 16.4793 11 16.7167 11 17C11 17.2833 11.096 17.5207 11.288 17.712C11.4793 17.904 11.7167 18 12 18ZM4.44999 19H19.55L12 6L4.44999 19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4097a807c5f5b9cb77a0193685f517cc48166c11' }, h("path", { key: '17fe81db33f68736699469f73981906a0366a66e', d: "M3.17918 24.5C2.73196 24.5 2.40141 24.3056 2.18752 23.9167C1.97363 23.5278 1.97363 23.1389 2.18752 22.75L12.9792 4.08333C13.1931 3.69444 13.5333 3.5 14 3.5C14.4667 3.5 14.807 3.69444 15.0208 4.08333L25.8125 22.75C26.0264 23.1389 26.0264 23.5278 25.8125 23.9167C25.5986 24.3056 25.2681 24.5 24.8208 24.5H3.17918ZM14 11.6667C13.6695 11.6667 13.3926 11.7783 13.1693 12.0015C12.9453 12.2255 12.8333 12.5028 12.8333 12.8333V16.3333C12.8333 16.6639 12.9453 16.9408 13.1693 17.164C13.3926 17.388 13.6695 17.5 14 17.5C14.3306 17.5 14.6078 17.388 14.8318 17.164C15.0551 16.9408 15.1667 16.6639 15.1667 16.3333V12.8333C15.1667 12.5028 15.0551 12.2255 14.8318 12.0015C14.6078 11.7783 14.3306 11.6667 14 11.6667ZM14 21C14.3306 21 14.6078 20.888 14.8318 20.664C15.0551 20.4408 15.1667 20.1639 15.1667 19.8333C15.1667 19.5028 15.0551 19.2259 14.8318 19.0027C14.6078 18.7787 14.3306 18.6667 14 18.6667C13.6695 18.6667 13.3926 18.7787 13.1693 19.0027C12.9453 19.2259 12.8333 19.5028 12.8333 19.8333C12.8333 20.1639 12.9453 20.4408 13.1693 20.664C13.3926 20.888 13.6695 21 14 21ZM5.19168 22.1667H22.8083L14 7L5.19168 22.1667Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-warning", {

package/dist/components/swirl-icon-web-asset-off.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 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 swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconWebAssetOff$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconWebAssetOff extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconWebAssetOff$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconW
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'd4c9927895598a39f01eebcacaa1ab8f0b6ff78b', "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: 'c4f108171298082d7b13a233e35d0ee6fa687748' }, h("path", { key: '01ef3aa882f7731f066bf92998ad71db96ef47a2', d: "M2.66668 13.3332C2.30001 13.3332 1.98612 13.2027 1.72501 12.9416C1.4639 12.6805 1.33335 12.3666 1.33335 11.9999V3.9999C1.33335 3.63324 1.4639 3.31935 1.72501 3.05824C1.98612 2.79712 2.30001 2.66657 2.66668 2.66657V4.56657L0.900012 2.7999C0.766679 2.66657 0.700012 2.50824 0.700012 2.3249C0.700012 2.14157 0.766679 1.98324 0.900012 1.8499C1.03335 1.71657 1.19168 1.6499 1.37501 1.6499C1.55835 1.6499 1.71668 1.71657 1.85001 1.8499L14.1167 14.1166C14.25 14.2499 14.3167 14.4055 14.3167 14.5832C14.3167 14.761 14.25 14.9166 14.1167 15.0499C13.9833 15.1832 13.825 15.2499 13.6417 15.2499C13.4583 15.2499 13.3 15.1832 13.1667 15.0499L11.4333 13.3332H2.66668ZM2.66668 11.9999H10.1L3.43335 5.33324H2.66668V11.9999ZM14.6667 3.9999V11.3332C14.6667 11.5555 14.5972 11.7221 14.4583 11.8332C14.3195 11.9443 14.1667 11.9999 14 11.9999C13.8333 11.9999 13.6806 11.9416 13.5417 11.8249C13.4028 11.7082 13.3333 11.5388 13.3333 11.3166V5.33324H7.78335C7.60557 5.33324 7.43612 5.2999 7.27501 5.23324C7.1139 5.16657 6.97223 5.07212 6.85001 4.9499L5.70001 3.7999C5.60001 3.68879 5.5389 3.57212 5.51668 3.4499C5.49446 3.32768 5.51112 3.20546 5.56668 3.08324C5.62223 2.96101 5.70001 2.86101 5.80001 2.78324C5.90001 2.70546 6.02779 2.66657 6.18335 2.66657H13.3333C13.7 2.66657 14.0139 2.79712 14.275 3.05824C14.5361 3.31935 14.6667 3.63324 14.6667 3.9999Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '38b797b27544399feec30b02143a6bb4bc22908a' }, h("path", { key: '0619fe63beb934f4aa22a5c1b6a64e002060b503', d: "M3.99999 20.0001C3.44999 20.0001 2.97915 19.8043 2.58749 19.4126C2.19582 19.0209 1.99999 18.5501 1.99999 18.0001V6.0001C1.99999 5.4501 2.19582 4.97926 2.58749 4.5876C2.97915 4.19593 3.44999 4.0001 3.99999 4.0001V6.8501L1.34999 4.2001C1.14999 4.0001 1.04999 3.7626 1.04999 3.4876C1.04999 3.2126 1.14999 2.9751 1.34999 2.7751C1.54999 2.5751 1.78749 2.4751 2.06249 2.4751C2.33749 2.4751 2.57499 2.5751 2.77499 2.7751L21.175 21.1751C21.375 21.3751 21.475 21.6084 21.475 21.8751C21.475 22.1418 21.375 22.3751 21.175 22.5751C20.975 22.7751 20.7375 22.8751 20.4625 22.8751C20.1875 22.8751 19.95 22.7751 19.75 22.5751L17.15 20.0001H3.99999ZM3.99999 18.0001H15.15L5.14999 8.0001H3.99999V18.0001ZM22 6.0001V17.0001C22 17.3334 21.8958 17.5834 21.6875 17.7501C21.4792 17.9168 21.25 18.0001 21 18.0001C20.75 18.0001 20.5208 17.9126 20.3125 17.7376C20.1042 17.5626 20 17.3084 20 16.9751V8.0001H11.675C11.4083 8.0001 11.1542 7.9501 10.9125 7.8501C10.6708 7.7501 10.4583 7.60843 10.275 7.4251L8.54999 5.7001C8.39999 5.53343 8.30832 5.35843 8.27499 5.1751C8.24165 4.99176 8.26665 4.80843 8.34999 4.6251C8.43332 4.44176 8.54999 4.29176 8.69999 4.1751C8.84999 4.05843 9.04165 4.0001 9.27499 4.0001H20C20.55 4.0001 21.0208 4.19593 21.4125 4.5876C21.8042 4.97926 22 5.4501 22 6.0001Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '0e84cd46c4bde0f51fd214f9563ae64a8af9c631' }, h("path", { key: '0b860132bfa00e6a927e11274bcc3007f6b305ad', d: "M4.66664 23.3335C4.02498 23.3335 3.47567 23.1051 3.01873 22.6481C2.56178 22.1912 2.33331 21.6419 2.33331 21.0002V7.0002C2.33331 6.35853 2.56178 5.80922 3.01873 5.35228C3.47567 4.89533 4.02498 4.66686 4.66664 4.66686V7.99186L1.57498 4.9002C1.34164 4.66686 1.22498 4.38978 1.22498 4.06895C1.22498 3.74811 1.34164 3.47103 1.57498 3.2377C1.80831 3.00436 2.08539 2.8877 2.40623 2.8877C2.72706 2.8877 3.00414 3.00436 3.23748 3.2377L24.7041 24.7044C24.9375 24.9377 25.0541 25.2099 25.0541 25.521C25.0541 25.8321 24.9375 26.1044 24.7041 26.3377C24.4708 26.571 24.1937 26.6877 23.8729 26.6877C23.5521 26.6877 23.275 26.571 23.0416 26.3377L20.0083 23.3335H4.66664ZM4.66664 21.0002H17.675L6.00831 9.33353H4.66664V21.0002ZM25.6666 7.0002V19.8335C25.6666 20.2224 25.5451 20.5141 25.3021 20.7085C25.059 20.903 24.7916 21.0002 24.5 21.0002C24.2083 21.0002 23.9409 20.8981 23.6979 20.6939C23.4548 20.4898 23.3333 20.1933 23.3333 19.8044V9.33353H13.6208C13.3097 9.33353 13.0132 9.2752 12.7312 9.15853C12.4493 9.04186 12.2014 8.87658 11.9875 8.66269L9.97498 6.6502C9.79998 6.45575 9.69303 6.25158 9.65414 6.0377C9.61525 5.82381 9.64442 5.60992 9.74164 5.39603C9.83887 5.18214 9.97498 5.00714 10.15 4.87103C10.325 4.73492 10.5486 4.66686 10.8208 4.66686H23.3333C23.975 4.66686 24.5243 4.89533 24.9812 5.35228C25.4382 5.80922 25.6666 6.35853 25.6666 7.0002Z", fill: "currentColor" })))));
+        return (h("svg", { key: '7f79d4e04176d334e54f79ed3ed2a4dee81e2252', "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: 'dbd2fe3c3ee297d457feb0f9d857987835fee44f' }, h("path", { key: 'b4538ccbe221afd81b082319426ef368be7db5a0', d: "M2.66668 13.3332C2.30001 13.3332 1.98612 13.2027 1.72501 12.9416C1.4639 12.6805 1.33335 12.3666 1.33335 11.9999V3.9999C1.33335 3.63324 1.4639 3.31935 1.72501 3.05824C1.98612 2.79712 2.30001 2.66657 2.66668 2.66657V4.56657L0.900012 2.7999C0.766679 2.66657 0.700012 2.50824 0.700012 2.3249C0.700012 2.14157 0.766679 1.98324 0.900012 1.8499C1.03335 1.71657 1.19168 1.6499 1.37501 1.6499C1.55835 1.6499 1.71668 1.71657 1.85001 1.8499L14.1167 14.1166C14.25 14.2499 14.3167 14.4055 14.3167 14.5832C14.3167 14.761 14.25 14.9166 14.1167 15.0499C13.9833 15.1832 13.825 15.2499 13.6417 15.2499C13.4583 15.2499 13.3 15.1832 13.1667 15.0499L11.4333 13.3332H2.66668ZM2.66668 11.9999H10.1L3.43335 5.33324H2.66668V11.9999ZM14.6667 3.9999V11.3332C14.6667 11.5555 14.5972 11.7221 14.4583 11.8332C14.3195 11.9443 14.1667 11.9999 14 11.9999C13.8333 11.9999 13.6806 11.9416 13.5417 11.8249C13.4028 11.7082 13.3333 11.5388 13.3333 11.3166V5.33324H7.78335C7.60557 5.33324 7.43612 5.2999 7.27501 5.23324C7.1139 5.16657 6.97223 5.07212 6.85001 4.9499L5.70001 3.7999C5.60001 3.68879 5.5389 3.57212 5.51668 3.4499C5.49446 3.32768 5.51112 3.20546 5.56668 3.08324C5.62223 2.96101 5.70001 2.86101 5.80001 2.78324C5.90001 2.70546 6.02779 2.66657 6.18335 2.66657H13.3333C13.7 2.66657 14.0139 2.79712 14.275 3.05824C14.5361 3.31935 14.6667 3.63324 14.6667 3.9999Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6a0f39f3019becf4766e0e0fda19e8b0c0ccb949' }, h("path", { key: 'ba7d071183a2ac4cb520f3c0533cc2e316835e47', d: "M3.99999 20.0001C3.44999 20.0001 2.97915 19.8043 2.58749 19.4126C2.19582 19.0209 1.99999 18.5501 1.99999 18.0001V6.0001C1.99999 5.4501 2.19582 4.97926 2.58749 4.5876C2.97915 4.19593 3.44999 4.0001 3.99999 4.0001V6.8501L1.34999 4.2001C1.14999 4.0001 1.04999 3.7626 1.04999 3.4876C1.04999 3.2126 1.14999 2.9751 1.34999 2.7751C1.54999 2.5751 1.78749 2.4751 2.06249 2.4751C2.33749 2.4751 2.57499 2.5751 2.77499 2.7751L21.175 21.1751C21.375 21.3751 21.475 21.6084 21.475 21.8751C21.475 22.1418 21.375 22.3751 21.175 22.5751C20.975 22.7751 20.7375 22.8751 20.4625 22.8751C20.1875 22.8751 19.95 22.7751 19.75 22.5751L17.15 20.0001H3.99999ZM3.99999 18.0001H15.15L5.14999 8.0001H3.99999V18.0001ZM22 6.0001V17.0001C22 17.3334 21.8958 17.5834 21.6875 17.7501C21.4792 17.9168 21.25 18.0001 21 18.0001C20.75 18.0001 20.5208 17.9126 20.3125 17.7376C20.1042 17.5626 20 17.3084 20 16.9751V8.0001H11.675C11.4083 8.0001 11.1542 7.9501 10.9125 7.8501C10.6708 7.7501 10.4583 7.60843 10.275 7.4251L8.54999 5.7001C8.39999 5.53343 8.30832 5.35843 8.27499 5.1751C8.24165 4.99176 8.26665 4.80843 8.34999 4.6251C8.43332 4.44176 8.54999 4.29176 8.69999 4.1751C8.84999 4.05843 9.04165 4.0001 9.27499 4.0001H20C20.55 4.0001 21.0208 4.19593 21.4125 4.5876C21.8042 4.97926 22 5.4501 22 6.0001Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '96f5fd8b077a9c3ef57e77ef66ac83a4a3f22ddb' }, h("path", { key: '5d78156a5ef7a2a4a8eb7c8c3499da26440cee3f', d: "M4.66664 23.3335C4.02498 23.3335 3.47567 23.1051 3.01873 22.6481C2.56178 22.1912 2.33331 21.6419 2.33331 21.0002V7.0002C2.33331 6.35853 2.56178 5.80922 3.01873 5.35228C3.47567 4.89533 4.02498 4.66686 4.66664 4.66686V7.99186L1.57498 4.9002C1.34164 4.66686 1.22498 4.38978 1.22498 4.06895C1.22498 3.74811 1.34164 3.47103 1.57498 3.2377C1.80831 3.00436 2.08539 2.8877 2.40623 2.8877C2.72706 2.8877 3.00414 3.00436 3.23748 3.2377L24.7041 24.7044C24.9375 24.9377 25.0541 25.2099 25.0541 25.521C25.0541 25.8321 24.9375 26.1044 24.7041 26.3377C24.4708 26.571 24.1937 26.6877 23.8729 26.6877C23.5521 26.6877 23.275 26.571 23.0416 26.3377L20.0083 23.3335H4.66664ZM4.66664 21.0002H17.675L6.00831 9.33353H4.66664V21.0002ZM25.6666 7.0002V19.8335C25.6666 20.2224 25.5451 20.5141 25.3021 20.7085C25.059 20.903 24.7916 21.0002 24.5 21.0002C24.2083 21.0002 23.9409 20.8981 23.6979 20.6939C23.4548 20.4898 23.3333 20.1933 23.3333 19.8044V9.33353H13.6208C13.3097 9.33353 13.0132 9.2752 12.7312 9.15853C12.4493 9.04186 12.2014 8.87658 11.9875 8.66269L9.97498 6.6502C9.79998 6.45575 9.69303 6.25158 9.65414 6.0377C9.61525 5.82381 9.64442 5.60992 9.74164 5.39603C9.83887 5.18214 9.97498 5.00714 10.15 4.87103C10.325 4.73492 10.5486 4.66686 10.8208 4.66686H23.3333C23.975 4.66686 24.5243 4.89533 24.9812 5.35228C25.4382 5.80922 25.6666 6.35853 25.6666 7.0002Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-web-asset-off", {

package/dist/components/swirl-icon-web-asset.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 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 swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconWebAsset$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconWebAsset extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconWebAsset$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconWebA
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '94206585de30a6bc09d796f5a866ba8eb8781831', "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: '88b341818b2301f72d7e3c77923d642e39251a38' }, h("path", { key: 'a995cd0c49a472f7e220119096467d5a1a5e6224', d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '1091a352249bb90a13f6e299fad23b75e0fe8103' }, h("path", { key: 'fb8e3b6354ebd4da5ed73b77406056c7a47e086e', d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '918d7e5c289eb23c137120624ccd4b310a07d40b' }, h("path", { key: '390ef925191f4c49f6257d039c745f494b70c128', d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })))));
+        return (h("svg", { key: '9853ef4e644d06c21be6bca48f2c19aaf2967518', "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: 'ef423b47fd86c07cada5f241b9e85d81ecfa8c2f' }, h("path", { key: 'c31c03655addc4df34858239668eb82d29a37373', d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd748863865da1c5290d68940e2e05d17e017e49f' }, h("path", { key: '8b1d4d8c9d8c79f1d182cf6c5bccb820350bdfc4', d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4fd976b4b55e4c5981cd5dbeffaaf247b5391a0b' }, h("path", { key: '34c77235394f1f5cc6aa4795e912427d05802f90', d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-web-asset", {

package/dist/components/swirl-icon-work.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 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 swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIconWork$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconWork extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconWork$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconWork ext
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '4939c2f0d2aff8ca4ea87d9e3d5152974d10aeba', "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: '0d04622d31d0f2c09241420afcfbf84735b39d59' }, h("path", { key: '153053af88969685e7ac02fbc62395bb3f4922bd', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'c502b9fa572c5f09db94cc7900d8a966c98ec982' }, h("path", { key: '414f759bfeb74fab231ec234d4721b44f6463ee0', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '173025c6da64c801fb0f94c0bd789626916a3d70' }, h("path", { key: '6aa62ba9d5eb934efaa32657db6620ac71e94e26', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
+        return (h("svg", { key: '44cf3d38f11ea3f33ec413c56969be7b05223267', "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: '2477c950e5fe00ce1685ee1a00a6c0d4c0802d87' }, h("path", { key: 'e479d58888734314d7f890610daaee01872c30b0', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3c4be080abe55faf34267c00751281435c2badec' }, h("path", { key: '82ee82969234cd386b08fee8e3cbc96cfd022409', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2b8fc16244d48abea4af54a9ae6d44523529e076' }, h("path", { key: 'c54069c13889f17083b3097680b7686f79867179', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-work", {

package/dist/components/swirl-icon2.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+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 swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued)}";
 const SwirlIcon = /*@__PURE__*/ proxyCustomElement(class SwirlIcon extends HTMLElement {
     constructor() {
@@ -8,16 +9,28 @@ const SwirlIcon = /*@__PURE__*/ proxyCustomElement(class SwirlIcon extends HTMLE
         this.__registerHost();
         this.__attachShadow();
         this.size = 24;
+        this.wrapperSize = "m";
     }
     render() {
         const Tag = `swirl-icon-${this.glyph}`;
-        return (h(Host, { key: 'abb8a9d727983cca95e5c9600a13f0f77d26223d' }, h(Tag, { key: 'd86673ee0436541dbf40f73d9361b3d1c5f4c414', color: this.color, size: this.size })));
+        const iconWrapperClassname = classNames("icon-wrapper", `icon-wrapper--size-${this.wrapperSize}`, `icon-wrapper--background-color-${this.wrapperColor}`);
+        const renderIcon = () => {
+            if (this.wrapperColor) {
+                return (h("div", { class: iconWrapperClassname }, h(Tag, { color: this.color, size: this.size })));
+            }
+            else {
+                return h(Tag, { color: this.color, size: this.size });
+            }
+        };
+        return h(Host, null, renderIcon());
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon", {
         "color": [1],
         "glyph": [1],
-        "size": [2]
+        "size": [2],
+        "wrapperColor": [1, "wrapper-color"],
+        "wrapperSize": [1, "wrapper-size"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/swirl-image-grid-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
 import { d as debounce } from './utils.js';
 import { d as defineCustomElement$5 } from './swirl-button2.js';
@@ -6,7 +6,7 @@ import { d as defineCustomElement$4 } from './swirl-icon-error2.js';
 import { d as defineCustomElement$3 } from './swirl-skeleton-box2.js';
 import { d as defineCustomElement$2 } from './swirl-visually-hidden2.js';
-const swirlImageGridItemCss = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{content:\"\";position:absolute;inset:0;border:0.125rem solid var(--s-focus-default);z-index:3}button.image-grid-item:focus-visible:after{content:\"\";position:absolute;inset:0;border:0.1875rem solid var(--s-background-default);z-index:2}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0;transition:opacity 0.3s ease-in}.image-grid-item--loaded .image-grid-item__image{opacity:1}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__gif-control-button{position:absolute;z-index:2;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);opacity:0;transition:opacity 0.2s}.image-grid-item:hover>.image-grid-item__gif-control-button,.image-grid-item:focus-within>.image-grid-item__gif-control-button,.image-grid-item--gif-paused>.image-grid-item__gif-control-button{opacity:1}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__skeleton{position:absolute;z-index:3;inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}";
+const swirlImageGridItemCss = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{position:absolute;z-index:3;border:0.125rem solid var(--s-focus-default);content:\"\";inset:0}button.image-grid-item:focus-visible:after{position:absolute;z-index:2;border:0.1875rem solid var(--s-background-default);content:\"\";inset:0}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item--has-watermark .image-grid-item__watermark{display:inline-flex}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;transition:opacity 0.3s ease-in;opacity:0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__watermark{position:absolute;z-index:1;bottom:var(--s-space-8);left:var(--s-space-8);display:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;pointer-events:none}.image-grid-item__watermark ::slotted(img){width:3rem;height:auto;pointer-events:none}.image-grid-item--loaded .image-grid-item__image{opacity:1}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__gif-control-button{position:absolute;z-index:2;top:50%;left:50%;transition:opacity 0.2s;transform:translate3d(-50%, -50%, 0);opacity:0}.image-grid-item:hover>.image-grid-item__gif-control-button,.image-grid-item:focus-within>.image-grid-item__gif-control-button,.image-grid-item--gif-paused>.image-grid-item__gif-control-button{opacity:1}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__skeleton{position:absolute;z-index:3;inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}";
 const SwirlImageGridItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlImageGridItem extends HTMLElement {
     constructor() {
@@ -132,20 +132,22 @@ const SwirlImageGridItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlImageGr
         const Tag = this.interactive ? "button" : "div";
         const showImage = this.gifPaused || this.loading !== "intersecting" || this.inViewport;
         const siblingCount = Math.min(this.el.parentElement?.children.length, 4) ?? 1;
+        const hasWatermark = !!this.el.querySelector('[slot="watermark"]');
         const className = classNames("image-grid-item", {
             "image-grid-item--has-error": this.error,
             "image-grid-item--has-overlay": this.overlay,
+            "image-grid-item--has-watermark": hasWatermark,
             "image-grid-item--loaded": this.loaded,
             "image-grid-item--gif-paused": this.gifPaused,
         });
-        return (h(Host, { key: 'c595a810db82a96ed51868460646d1d3d01d28a6', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'bac59ad6a06114cab19ab63ccecebdf89143abd0', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '050d0ed9ef48a86296e5fcf6a4c6dea9fd4a292b', class: "image-grid-item__background", style: {
+        return (h(Host, { key: '6f78b4fcda2555dd141fc1a940bc690f682fec0d', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '4eb11c8e027a3230762ab134d94a73d91b3c0a0a', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '8928ba72e119ca75b7b1cda9716a3030b139e57f', class: "image-grid-item__background", style: {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-button", { key: '3650d5d43f155faba65beac12431cf658d60af01', class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: true, hideLabel: true, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick })), this.loaded &&
+            } }), showImage ? (h(Fragment, null, h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc }), h("span", { class: "image-grid-item__watermark" }, h("slot", { name: "watermark" })))) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-button", { key: 'e6f6243cb3425fe3b3a50994d5672228d26642dd', class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: true, hideLabel: true, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick })), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: '29ef9266c4380482f411b02e1c15b2d10273cfec', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '88d1a20e899ea69ed70926d87986e89ed33f8b90', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: 'ae8b6d14556f8df8350d937c943ff915445ab92c', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '12a12b173baa67f099cca696733429d8f4cf8a7c', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'ff1543844f7c4dae09e03880e9517fb9fee96fd5', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: '510f48f5154b254bfe3075c30d6f799e38580807', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'fc850d7bc075bf9319dd441964842c39b53fa517', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: '7a75c54a25124bd92bad1e73921fbd4a78692bb8', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '3d632b7f5c138a98f079f68f650a7eef172e87ef', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '2977bdd085dc6e2cc107151ef53cf7dfa479a565', color: "critical" }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-image-grid.js CHANGED Viewed

@@ -56,7 +56,7 @@ const SwirlImageGrid$1 = /*@__PURE__*/ proxyCustomElement(class SwirlImageGrid e
                 ? `var(--s-border-radius-${this.borderRadius})`
                 : this.borderRadius,
         };
-        return (h(Host, { key: '90bb7f66862a60ec727b5ebf4e7a28395e12de99' }, h("div", { key: '855f747b8ba3c678c6d4bf5c2a8dda87e51477d6', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: '56a605da09875d68e2850ff528b7ddae2a121c96', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: '6582626348272ca1ed99c8bf55c3f4e2d7288548' }, h("div", { key: 'ff0f9c5c9f3e7a1cd595fb808cb09d0f3ae1b6dc', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: 'c906f6b9dba442254c4978b5cc2560481a076c5f', onSlotchange: this.updateItems }))));
     }
     get el() { return this; }
     static get style() { return swirlImageGridCss; }

package/dist/components/swirl-inline-error2.js CHANGED Viewed

@@ -37,7 +37,7 @@ const SwirlInlineError = /*@__PURE__*/ proxyCustomElement(class SwirlInlineError
     }
     render() {
         const className = classNames("inline-error", `inline-error--size-${this.size}`);
-        return (h(Host, { key: '1a26d04e450f9d9203768de9b17c77aa11e9c4d4' }, h("span", { key: '06a651a9326c6b8a96f512b325cfff79e6103b09', class: className, part: "inline-error" }, h("span", { key: '66773012fb6015b7502253c0c44320b78c4fdd4a', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '7f1d200e1db3fb43cef244fa65a016dc86cb7059' })), h("span", { key: '205d8d625e3cfac9a3fedadca9744cdfc2038e74', class: "inline-error__message" }, this.message))));
+        return (h(Host, { key: 'd6100cc745a58017fd2543410ab98ab48be5844c' }, h("span", { key: 'a68008e386cd15bdf2537814dcd4e4ec07ca9a64', class: className, part: "inline-error" }, h("span", { key: 'caa413768bfae16bf0312ea6be7b68eb39360b82', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '8622e9c70b57cefb007417a3385aec2771309bc4' })), h("span", { key: '22a4ed2c3e298d92a5ad8d341ef5a25e9f7785e3', class: "inline-error__message" }, this.message))));
     }
     static get style() { return swirlInlineErrorCss; }
 }, [1, "swirl-inline-error", {

package/dist/components/swirl-inline-notification.js CHANGED Viewed

@@ -19,7 +19,7 @@ const SwirlInlineNotification$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIn
     }
     render() {
         const className = classNames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: '624cfdfeccba7a8ec8cd92460cc63c0fbfd7f159' }, h("div", { key: '06c8a1bcb92582ccaf5944dddf470f3120afcfe4', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '7bc87d932d0944358b528a76d74b0c4571e48f80', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '209a44ffd66238a6602bea37373befa3d4b9dab1', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'e28da386c1ca7f215a4e36414bbcac46200b3b61', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '795f293517b43af8273edf5284c08190bb66314e', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '42b3904303fa8f79fdf1e62693d1a5ce69376f20', size: 20 }))), h("span", { key: 'e381a9d0642ea7f5c4c56d32502431bf5484d68f', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '767e9dae65ed20f7ce648746682d284bec674f96' }, this.heading))) || (h("swirl-text", { key: '0e515c99486185484514c3e40aaf24095d80d857', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '13f4bdd58f22067952d103688bbb8bc322b9392f' })))));
+        return (h(Host, { key: '4fbbe0336a2b551d30b5676767cb215be5ec1086' }, h("div", { key: '42e90190ce3d04e44376c1a101f1b7a6b11a57d4', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: 'a81d3675f8eec33f6531674ed0c5f4b159d453fc', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '7e4fd7ad61422bf962acbc86d706621ff6a03afc', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'ca05885c9bf8e79f94a16662c4f8e5e4e5fb6234', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '7f50c9dd6d6d859696d0a1613857546a4ab1134a', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '73e42ebeb81bfc229da77f97c222fcba078849b6', size: 20 }))), h("span", { key: 'bad0cc5c4dc5decbe92853816279915de41926af', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: 'fbb70b36818d7ed5d160552335efc7f14227bd6c' }, this.heading))) || (h("swirl-text", { key: 'd03514ab27a7d29ec3e2b84dc44044d74a001d72', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '057117c41cfbe0aa8b7adc717dd439fd6d77b53c' })))));
     }
     static get style() { return swirlInlineNotificationCss; }
 }, [1, "swirl-inline-notification", {

package/dist/components/swirl-inline-status.js CHANGED Viewed

@@ -40,7 +40,7 @@ const SwirlInlineStatus$1 = /*@__PURE__*/ proxyCustomElement(class SwirlInlineSt
     }
     render() {
         const className = classNames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: '6cb0e9b2fe64481f205cc6a37ea6fc4ad2dc7869' }, h("span", { key: 'de78170d84c278a5a4a12fd72b925b5e9893e986', class: className, part: "inline-status" }, this.icon && (h("span", { key: '0d6a8b993a0bb58b988b20cea18069ba39ca7c3b', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'd22a3fae40b2a15c8d95d8a957371fa170dbaaf0', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: 'ff5616886e0994abb012d5658f3f2d3d68460cf5' }, h("span", { key: '919858c337bcc7751f514b534c1a29bdf1aafead', class: className, part: "inline-status" }, this.icon && (h("span", { key: '48d08d40b208bc363255b1e356c2e74dc1070973', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '49f8ee83dd8193a19f7b3762cbafb1568eb4c196', class: "inline-status__message" }, this.message))));
     }
     static get style() { return swirlInlineStatusCss; }
 }, [1, "swirl-inline-status", {

package/dist/components/swirl-lightbox.js CHANGED Viewed

@@ -323,7 +323,7 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLightbox ext
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: '8348f1e83200851f5fd698cf2f5afe99b76a5d93' }, h("section", { key: 'a77447b5bc2afb3c5184c733ff5a3515ac24f7f0', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '2c51b174e63a85c2124a22bb52ad0fb99ae8b690', class: "lightbox__body", role: "document" }, h("header", { key: '438cea8894401d1882501c38f7650edf134b6d44', class: "lightbox__header" }, h("button", { key: '643e05c715998c51bc0ab97f25e1f1c1054b73ee', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '23f4e263cd5c2a4a5ad8d9571c3da10a8d61f68f' })), h("div", { key: '04ad1310c666465b24a0f242e5c7d48e548b7ccc', class: "lightbox__toolbar" }, h("slot", { key: '77971e2146c57bacfffc71f8c0817712af16f840', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '139f4aa1f3c6d429f5df8b5564a982f93e27c2d4', swirlPopover: this.menu }, h("button", { key: 'c4bd76747e6d03a14ab2006ec87124c0b862ee0c', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '076172ba40d1b7796c72c0e94b0df3d59d073b7e' }))))), h("div", { key: '7e815c216a1a8408cb385b60bb530b86f3c90ce7', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '61dc9cb33e759ffd5be3480a870acd14febcd653', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '46b6a75a81105084ec7902611e3659ec8bb1741a', onSlotchange: this.registerSlides }))), h("div", { key: '7fd96647a4f59d1b6cadab7440bde91a7f348b4a', class: "lightbox__controls" }, h("button", { key: '4fb8e64a27782ef8293879f22abe1e177694da4d', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '810039d98cfce2572abc8d4f7d45c25794c004da' })), h("button", { key: '9b9122d15499a6053e8217d4d846029d75426454', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '1f0717a2ccb93691a81ab74e08e1f6cc97a5c2fb' }))), showPagination && (h("span", { key: '0a6db480602015c028dea7d3bc2f3dfd48e89c0e', class: "lightbox__pagination" }, h("span", { key: 'f233de10340be19fc5311b204e803ee35766498c', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: 'b063481e917aba509b9219dce157bbe0c212631b', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'eeebdf9f8613a66b6933439e58d9e2ff87ef41b0' }, h("div", { key: 'd3b0c417866b3e3d7f36de1d7dcd27f517667147', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '7b31a7271d2b70d7a0ae51c828d94999c2dbf993', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '1a35a751d76477885981f15f95b359a48b95b367', alt: "", src: currentThumbnailUrl }))), h("div", { key: '883b35eb39aefc1116b2c068ce8bf7409fb710a6', class: "lightbox__file-info" }, h("swirl-text", { key: 'f45e1a1c04dac64314acaf3c8e9b60b5b204cb70', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: 'e862e58f1dbe620a4c7f34b111bd6e02d62073ec', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '9e769d89d931b05deb2d99fad29332624179c111' }), h("swirl-action-list", { key: '8a639a6c01149288f538c7f1059e0a136e0e4210' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'bf7d0df17a6bc90d41a0cc953569e44d5b076540', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '3fecea39fa58ebf493b85abdce835715127f5671', name: "menu-items" }))))))));
+        return (h(Host, { key: 'ef75b4eb3cc829becbd789742163f953cd83f5b7' }, h("section", { key: '1e365713f8e87f991e69c5b2da65042e4d3fb839', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '85ab681581a804cf881c7b931c043c01d9d4fe27', class: "lightbox__body", role: "document" }, h("header", { key: '10c85778490babd4087b1588febe701e2d580f64', class: "lightbox__header" }, h("button", { key: 'd5b371c036a20764b9f6de64c3f9fc35c2db8066', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '31c79feb2761ba63fbdd732a042897856ead188b' })), h("div", { key: 'f928cc5f01c029097f11f010fb41d152557bc6e2', class: "lightbox__toolbar" }, h("slot", { key: '7480fe40abb4fa98af04a1fd1f93713703c58560', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '0c10d16ce0e499a81943c6413537d53eb0e6427e', swirlPopover: this.menu }, h("button", { key: '303cf79c04c7bdd410bc616ffaddc14b4260583f', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'c3c8c96fe9c55b6973f3750d0d220db0aecc9c48' }))))), h("div", { key: '8527ff9c195f804f7f0106a01c9c9241d9a6bf11', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '50e3f4fa50aebfd5adb5c265324eb73a2431ff32', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '23255977f3c300956892070e575ef4195a8b25f2', onSlotchange: this.registerSlides }))), h("div", { key: '026576573ecb061047ff3f81611de3526c113dc3', class: "lightbox__controls" }, h("button", { key: '8242506d4556718850e73ee2099e3931fb24b2b4', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '420fd08f5d72ab799f96374d9226682362fbff36' })), h("button", { key: 'f6d46414dac0d0c2113417e01407762ef2806ec3', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '8b80217957846b81578ab48d91151032e85b4f30' }))), showPagination && (h("span", { key: '497de15959cf0077b53c586b63ba5db48127ddc2', class: "lightbox__pagination" }, h("span", { key: '6ec1a27ef9d8097b36521b8d522144dd91891977', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: 'bf1b718717d5ab4bb87baef6ec6a3e3eb5cfea81', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'c3499a938b69c684954d191b8b5a15931f295a45' }, h("div", { key: '6b0fb481a374a0c743c2d462ba57dadaf66d7bcc', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: 'b02e8225bd550bad76f431bcb46d5ba16de76e71', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: 'd7cd6bead11798e6f4bedd5dd93a28a550172b42', alt: "", src: currentThumbnailUrl }))), h("div", { key: '0ab54284d44ec93766aa17cbee79ef98511ee443', class: "lightbox__file-info" }, h("swirl-text", { key: '723dd3e0c3ef505952c97b17a14b3710fadfbe1f', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '85fb49d317b4121989893051e7c72b024f5e6af0', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'af46a4621eaac705e980b0cd5b6c301678eced52' }), h("swirl-action-list", { key: 'f1da71769d05c44b6d846b00549fc61c29c8b3cd' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '8a6011493fb89bdf9f9b2161101f50f5eaa715be', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '911995638aeabbd207609123112d99a3fb5ff818', name: "menu-items" }))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-link.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlLink$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLink extends HTM
     }
     render() {
         const className = classNames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '040ddaf3ab3c1c05fec6a4a39ffc4057c0014c0f' }, h("a", { key: 'f5b666c7d7e22871d44b1f30d67dd6bcb1933acf', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '7b3f93d93226611c4be6303ad0a63ec6ba9e7d76' }, h("a", { key: '602d68da308dca8c89ec2ad911844d2ac2bf36dd', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get style() { return swirlLinkCss; }
 }, [1, "swirl-link", {

package/dist/components/swirl-list.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlList extends HTM
         }
     }
     render() {
-        return (h(Host, { key: 'e4ed43d9a5f8be637f4b4f3676a850ce123f0f20' }, h("div", { key: '9716e9cb72a2bd53595f5158f6278901ccd5db81', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '0b15827f38552c4c1347a7235e4c3402e28cf3e9' }))));
+        return (h(Host, { key: '1b05002f07257a19cb8b7dbe5146a75ca74dc35e' }, h("div", { key: '8572911881fe27c0984c185723cdf305800cf38d', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '26b6336efe6b9c9adbf0fee1ff019c41b22c7198' }))));
     }
     static get style() { return swirlListCss; }
 }, [4, "swirl-list"]);

package/dist/components/swirl-menu-item.js CHANGED Viewed

@@ -114,9 +114,9 @@ const SwirlMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenuItem ext
         const className = classNames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '139ccf23dfe6d4717157dfe2287fc79214e4a65f' }, h("div", { key: '43a9ffd0aaff906c035bdce5453b8b0725786bf4', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: 'f432a3d6c0728f60b133d8a6b30382a1462fe5f6' }, h("div", { key: '96fba47400c39c63174049de7e5926c3884ee19f', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '74a541ddc373fbd790d2ecd155b39523408f587c', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '2991a43ac90ecef036f9f0e768ddd3acf6a85464', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-menu.js CHANGED Viewed

@@ -295,7 +295,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'e82f0ed6771d2a4e0a57d4d86ccdc12dcd55a140' }, h("div", { key: '41a2a9a44e01be2abae3215db54380c1217c14a4', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'b185a2e8fcd3bdcf927d944aa256fde86824e660', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '5343d6fba63e3a0c31f12a58ac95d7e3c9d5c224', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '24b268a706c41ccf67f42e286564a6d8978f37ea', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '24a7266f29ff496e3976979d8df62bdbeb935057', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '0e16bf442dd66fb50f40f28e168919d4f97d5e3c', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'c015629a25243719f85a32297774eef39febc19f', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '39f5b638d7097c9d8418e2319555c8266a44473e', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (h(Host, { key: '0ea5a1671a201ff7b5255d9d58994ac9a96a22ac' }, h("div", { key: '7304a4456d57b0e49519348a3ec0a4b3a6076242', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '6505d75217e7389c75fb2cf62c875a0d9e8d935f', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '7586440d7264816bbe7453ad75f369d4292e986f', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'ac016060748e138638098e7e356cbac33995668f', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '926f4868c930d9e24e7d4f33920df53fef88cbd0', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'ead796375d7165dee7b3ecc006fc3e54ba352aad', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '4af38ac7c9a1788fb6ba8c480e812eb0d850728c', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'd357b7078a37c5ea37ac24862bfb218c4bf895a5', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -306,7 +306,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'e9cd98c6be964be86a6b0e631e0d80514276a08e' })))));
+                    : undefined }, h("slot", { key: '8c701593ad02c6481813c2e0d3e1d1c4d22cf962' })))));
     }
     get el() { return this; }
     static get watchers() { return {