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-ratio-four-to-three.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 SwirlIconRatioFourToThree$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioFourToThree extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRatioFourToThree$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'bb7e1d1b8a3434644312107ae421a3e503ca9331', "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: 'be292e046f9153c228068fc08ec50c0f8e0f143c' }, h("path", { key: 'd1166f0ceef1ee7e07a2e9a1c4fd93d293d9a1a6', d: "M3.33333 12.6668C2.96667 12.6668 2.65278 12.5363 2.39167 12.2752C2.13056 12.0141 2 11.7002 2 11.3335V4.66683C2 4.30016 2.13056 3.98627 2.39167 3.72516C2.65278 3.46405 2.96667 3.3335 3.33333 3.3335H12.6667C13.0333 3.3335 13.3472 3.46405 13.6083 3.72516C13.8694 3.98627 14 4.30016 14 4.66683V11.3335C14 11.7002 13.8694 12.0141 13.6083 12.2752C13.3472 12.5363 13.0333 12.6668 12.6667 12.6668H3.33333ZM3.33333 11.3335H12.6667V4.66683H3.33333V11.3335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f4f6b9e244f3d14cdc793968adebf64abbf86538' }, h("path", { key: '372d93e64935f5ce88b950213701458acd7e72db', d: "M5 19C4.45 19 3.97917 18.8042 3.5875 18.4125C3.19583 18.0208 3 17.55 3 17V7C3 6.45 3.19583 5.97917 3.5875 5.5875C3.97917 5.19583 4.45 5 5 5H19C19.55 5 20.0208 5.19583 20.4125 5.5875C20.8042 5.97917 21 6.45 21 7V17C21 17.55 20.8042 18.0208 20.4125 18.4125C20.0208 18.8042 19.55 19 19 19H5ZM5 17H19V7H5V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'c4397c9b95bae795c80e978557534a1c5f8b6262' }, h("path", { key: 'c70e7abb26344c690ab473ecbfe4528d80eefbe6', d: "M5.83333 22.1668C5.19167 22.1668 4.64236 21.9384 4.18542 21.4814C3.72847 21.0245 3.5 20.4752 3.5 19.8335V8.16683C3.5 7.52516 3.72847 6.97586 4.18542 6.51891C4.64236 6.06197 5.19167 5.8335 5.83333 5.8335H22.1667C22.8083 5.8335 23.3576 6.06197 23.8146 6.51891C24.2715 6.97586 24.5 7.52516 24.5 8.16683V19.8335C24.5 20.4752 24.2715 21.0245 23.8146 21.4814C23.3576 21.9384 22.8083 22.1668 22.1667 22.1668H5.83333ZM5.83333 19.8335H22.1667V8.16683H5.83333V19.8335Z", fill: "currentColor" })))));
+        return (h("svg", { key: '9ee175b600a0ac75a01afb63e6516b94409fb439', "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: 'bc6c0ab85d3d99965ca302632907bdf1c37b6ce5' }, h("path", { key: 'a6285c25d7ded5adefdc263c0e5151d3ca652f7b', d: "M3.33333 12.6668C2.96667 12.6668 2.65278 12.5363 2.39167 12.2752C2.13056 12.0141 2 11.7002 2 11.3335V4.66683C2 4.30016 2.13056 3.98627 2.39167 3.72516C2.65278 3.46405 2.96667 3.3335 3.33333 3.3335H12.6667C13.0333 3.3335 13.3472 3.46405 13.6083 3.72516C13.8694 3.98627 14 4.30016 14 4.66683V11.3335C14 11.7002 13.8694 12.0141 13.6083 12.2752C13.3472 12.5363 13.0333 12.6668 12.6667 12.6668H3.33333ZM3.33333 11.3335H12.6667V4.66683H3.33333V11.3335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'c413737bcc673442e674d5a97ad2319c48fa52cd' }, h("path", { key: '6391c91f7e8240c54fbfb7805e9f4a7109e60aed', d: "M5 19C4.45 19 3.97917 18.8042 3.5875 18.4125C3.19583 18.0208 3 17.55 3 17V7C3 6.45 3.19583 5.97917 3.5875 5.5875C3.97917 5.19583 4.45 5 5 5H19C19.55 5 20.0208 5.19583 20.4125 5.5875C20.8042 5.97917 21 6.45 21 7V17C21 17.55 20.8042 18.0208 20.4125 18.4125C20.0208 18.8042 19.55 19 19 19H5ZM5 17H19V7H5V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '0f121a9aadddadd7690fc8a012e72a1fedd57c50' }, h("path", { key: '8340ab8348f2eacfa67677f6d4fd8e6c5231cdcb', d: "M5.83333 22.1668C5.19167 22.1668 4.64236 21.9384 4.18542 21.4814C3.72847 21.0245 3.5 20.4752 3.5 19.8335V8.16683C3.5 7.52516 3.72847 6.97586 4.18542 6.51891C4.64236 6.06197 5.19167 5.8335 5.83333 5.8335H22.1667C22.8083 5.8335 23.3576 6.06197 23.8146 6.51891C24.2715 6.97586 24.5 7.52516 24.5 8.16683V19.8335C24.5 20.4752 24.2715 21.0245 23.8146 21.4814C23.3576 21.9384 22.8083 22.1668 22.1667 22.1668H5.83333ZM5.83333 19.8335H22.1667V8.16683H5.83333V19.8335Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-ratio-four-to-three", {

package/dist/components/swirl-icon-ratio-freeform.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 SwirlIconRatioFreeform$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioFreeform extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRatioFreeform$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIco
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '2b39b6a62f79071b3dd0de250e0c13b4bc8b4af6', "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: '5a383c77c5dcbaf54ab0a395db425806c3bf27a8' }, h("path", { key: '3a467ca73382e54718fe9194b103ca6e2054a5a8', d: "M3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V10H3.33333V12.6667H6V14H3.33333ZM10 14V12.6667H12.6667V10H14V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H10ZM2 6V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H6V3.33333H3.33333V6H2ZM12.6667 6V3.33333H10V2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V6H12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'a7d4e15b01d504d8eea14208fa2b814f2aabf486' }, h("path", { key: '029b3f15b758b7e02b2668a03d42ecac4e5e8a1a', d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V15H5V19H9V21H5ZM15 21V19H19V15H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H15ZM3 9V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H9V5H5V9H3ZM19 9V5H15V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V9H19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'a737be5bb12cae9ff9c0396bc30651a536d244a8' }, h("path", { key: '49c8956815a7fd0e8c996fa008eb8b4f7ad39113', d: "M5.83333 24.5C5.19167 24.5 4.64236 24.2715 4.18542 23.8146C3.72847 23.3576 3.5 22.8083 3.5 22.1667V17.5H5.83333V22.1667H10.5V24.5H5.83333ZM17.5 24.5V22.1667H22.1667V17.5H24.5V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H17.5ZM3.5 10.5V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H10.5V5.83333H5.83333V10.5H3.5ZM22.1667 10.5V5.83333H17.5V3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V10.5H22.1667Z", fill: "currentColor" })))));
+        return (h("svg", { key: '5669bf73da61cfdbd17bc02abcc749d3637d600c', "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: 'bfd6e54149391ddd010cc4ba3179b9b1d373b65e' }, h("path", { key: '4efc82534d59f3503b243bfb980697cc9712749e', d: "M3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V10H3.33333V12.6667H6V14H3.33333ZM10 14V12.6667H12.6667V10H14V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H10ZM2 6V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H6V3.33333H3.33333V6H2ZM12.6667 6V3.33333H10V2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V6H12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '615ec73fff9be095b040bbc2b9bdbf902cda051e' }, h("path", { key: '3d72dbf1d4b5d891c7acc9d63539bcfd9b7c7362', d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V15H5V19H9V21H5ZM15 21V19H19V15H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H15ZM3 9V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H9V5H5V9H3ZM19 9V5H15V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V9H19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '63091c21ddc821372cf14a491bb962574be861e3' }, h("path", { key: 'a41d30f4d3b9b67439365ddafccd0500b0e50e50', d: "M5.83333 24.5C5.19167 24.5 4.64236 24.2715 4.18542 23.8146C3.72847 23.3576 3.5 22.8083 3.5 22.1667V17.5H5.83333V22.1667H10.5V24.5H5.83333ZM17.5 24.5V22.1667H22.1667V17.5H24.5V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H17.5ZM3.5 10.5V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H10.5V5.83333H5.83333V10.5H3.5ZM22.1667 10.5V5.83333H17.5V3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V10.5H22.1667Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-ratio-freeform", {

package/dist/components/swirl-icon-ratio-sixteen-to-nine.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 SwirlIconRatioSixteenToNine$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioSixteenToNine extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRatioSixteenToNine$1 = /*@__PURE__*/ proxyCustomElement(class Swi
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '211e464cc5ebacc9551943e880bc6bb7a2aac49a', "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: '2acaae7ad9b79cc4c53b70959590756e012d59e9' }, h("path", { key: '6ee38964ceca525cca903f456fe48c066090f4bb', d: "M3.33333 11.3332C2.96667 11.3332 2.65278 11.2026 2.39167 10.9415C2.13056 10.6804 2 10.3665 2 9.99984V5.99984C2 5.63317 2.13056 5.31928 2.39167 5.05817C2.65278 4.79706 2.96667 4.6665 3.33333 4.6665H12.6667C13.0333 4.6665 13.3472 4.79706 13.6083 5.05817C13.8694 5.31928 14 5.63317 14 5.99984V9.99984C14 10.3665 13.8694 10.6804 13.6083 10.9415C13.3472 11.2026 13.0333 11.3332 12.6667 11.3332H3.33333ZM3.33333 9.99984H12.6667V5.99984H3.33333V9.99984Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e6b4dab17b93cb1436214d4af08462264ad958d3' }, h("path", { key: 'c8e6a17ef5d3cc9d3dbb2a2986d97bdfa15115dd', d: "M5 17C4.45 17 3.97917 16.8042 3.5875 16.4125C3.19583 16.0208 3 15.55 3 15V9C3 8.45 3.19583 7.97917 3.5875 7.5875C3.97917 7.19583 4.45 7 5 7H19C19.55 7 20.0208 7.19583 20.4125 7.5875C20.8042 7.97917 21 8.45 21 9V15C21 15.55 20.8042 16.0208 20.4125 16.4125C20.0208 16.8042 19.55 17 19 17H5ZM5 15H19V9H5V15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '5a4b60c9738fc58e12b632fd6cb26e98e049775c' }, h("path", { key: '38007f09e2df6e594f03fcc3d44d3f1d5469d6de', d: "M5.83333 19.8332C5.19167 19.8332 4.64236 19.6047 4.18542 19.1478C3.72847 18.6908 3.5 18.1415 3.5 17.4998V10.4998C3.5 9.85817 3.72847 9.30887 4.18542 8.85192C4.64236 8.39498 5.19167 8.1665 5.83333 8.1665H22.1667C22.8083 8.1665 23.3576 8.39498 23.8146 8.85192C24.2715 9.30887 24.5 9.85817 24.5 10.4998V17.4998C24.5 18.1415 24.2715 18.6908 23.8146 19.1478C23.3576 19.6047 22.8083 19.8332 22.1667 19.8332H5.83333ZM5.83333 17.4998H22.1667V10.4998H5.83333V17.4998Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'cd7b3a82b84f08bf769ab69ab24d2fa89c7403e0', "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: '9525f8d455e0bc91e6d1c03be313ee367f62ed52' }, h("path", { key: 'a1cce3979f7217ed62590089a9af02c18f807571', d: "M3.33333 11.3332C2.96667 11.3332 2.65278 11.2026 2.39167 10.9415C2.13056 10.6804 2 10.3665 2 9.99984V5.99984C2 5.63317 2.13056 5.31928 2.39167 5.05817C2.65278 4.79706 2.96667 4.6665 3.33333 4.6665H12.6667C13.0333 4.6665 13.3472 4.79706 13.6083 5.05817C13.8694 5.31928 14 5.63317 14 5.99984V9.99984C14 10.3665 13.8694 10.6804 13.6083 10.9415C13.3472 11.2026 13.0333 11.3332 12.6667 11.3332H3.33333ZM3.33333 9.99984H12.6667V5.99984H3.33333V9.99984Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6af7e8e06e1c7f71bc93ba7ff87bf04425902120' }, h("path", { key: '90c8f5e07f45bedb1ce8abc2c035eae24fa17634', d: "M5 17C4.45 17 3.97917 16.8042 3.5875 16.4125C3.19583 16.0208 3 15.55 3 15V9C3 8.45 3.19583 7.97917 3.5875 7.5875C3.97917 7.19583 4.45 7 5 7H19C19.55 7 20.0208 7.19583 20.4125 7.5875C20.8042 7.97917 21 8.45 21 9V15C21 15.55 20.8042 16.0208 20.4125 16.4125C20.0208 16.8042 19.55 17 19 17H5ZM5 15H19V9H5V15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '21df80527122a39fdca6bf0e155f6ee427626124' }, h("path", { key: 'a8669d18dd6c329fc79c1a397a0cab542c2c9900', d: "M5.83333 19.8332C5.19167 19.8332 4.64236 19.6047 4.18542 19.1478C3.72847 18.6908 3.5 18.1415 3.5 17.4998V10.4998C3.5 9.85817 3.72847 9.30887 4.18542 8.85192C4.64236 8.39498 5.19167 8.1665 5.83333 8.1665H22.1667C22.8083 8.1665 23.3576 8.39498 23.8146 8.85192C24.2715 9.30887 24.5 9.85817 24.5 10.4998V17.4998C24.5 18.1415 24.2715 18.6908 23.8146 19.1478C23.3576 19.6047 22.8083 19.8332 22.1667 19.8332H5.83333ZM5.83333 17.4998H22.1667V10.4998H5.83333V17.4998Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-ratio-sixteen-to-nine", {

package/dist/components/swirl-icon-ratio-square.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 SwirlIconRatioSquare$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioSquare extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRatioSquare$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconR
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '82bdd18bd1034d2040c737ef53209c6d79a54699', "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: '8c60d219e7976071015f7568e9e182d76beee317' }, h("path", { key: '784b30d2cc72c996959705e91904bf95cbbfc16f', d: "M3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H3.33333ZM3.33333 12.6667H12.6667V3.33333H3.33333V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '9de87e1bfa375fdf35c1229e660565e8d7bc852d' }, h("path", { key: '83633fdfce151273a18e7c84cd8fbbdc676a669d', d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'fa71ec19861d7a24693d65a1c85fefe50525901b' }, h("path", { key: 'acc9adaf3daa6e39edc73fe895708e09dc408654', d: "M5.83333 24.5C5.19167 24.5 4.64236 24.2715 4.18542 23.8146C3.72847 23.3576 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H5.83333ZM5.83333 22.1667H22.1667V5.83333H5.83333V22.1667Z", fill: "currentColor" })))));
+        return (h("svg", { key: '5e91cd35110fd1bc2c43220bcc19e8cd97675297', "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: 'f3864000c745815ff846677eeac87a2a35da4445' }, h("path", { key: 'f40731f1bb4efe3254258896390708870de8c180', d: "M3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H3.33333ZM3.33333 12.6667H12.6667V3.33333H3.33333V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '5bbf75ea688428853b5295827e14d983c9d74ba4' }, h("path", { key: 'e5abe10035302db229faaf801a3e76dd9521a0b2', d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '593ee57d7616b4baf4096ed2dc3f7e3238734579' }, h("path", { key: 'd704b52388f5f21b04e065f51e18eb2137a58b55', d: "M5.83333 24.5C5.19167 24.5 4.64236 24.2715 4.18542 23.8146C3.72847 23.3576 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H5.83333ZM5.83333 22.1667H22.1667V5.83333H5.83333V22.1667Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-ratio-square", {

package/dist/components/swirl-icon-ratio-three-to-four.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 SwirlIconRatioThreeToFour$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioThreeToFour extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRatioThreeToFour$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '0ea66e15bfeeb36914e3037ec87be918b2269b86', "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: '25cc38ceac38ec76c5aff6674f3c11a40acd5a0d' }, h("path", { key: 'bd32c7ad9ea62b79f4cdba6d5edeeb1901aa238a', d: "M11.9999 14.6668H3.9999C3.63323 14.6668 3.31934 14.5363 3.05823 14.2752C2.79712 14.0141 2.66656 13.7002 2.66656 13.3335V2.66683C2.66656 2.30016 2.79712 1.98627 3.05823 1.72516C3.31934 1.46405 3.63323 1.3335 3.9999 1.3335H11.9999C12.3666 1.3335 12.6805 1.46405 12.9416 1.72516C13.2027 1.98627 13.3332 2.30016 13.3332 2.66683V13.3335C13.3332 13.7002 13.2027 14.0141 12.9416 14.2752C12.6805 14.5363 12.3666 14.6668 11.9999 14.6668ZM3.9999 13.3335H11.9999V2.66683H3.9999V13.3335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd00b9bacb66b444aad2bae4522a48326fad4dcea' }, h("path", { key: 'd9ed6b03fc5b8334ea6efe36ff0ca4e85a0efa31', d: "M17.9999 22H5.99988C5.44988 22 4.97904 21.8042 4.58738 21.4125C4.19571 21.0208 3.99988 20.55 3.99988 20V4C3.99988 3.45 4.19571 2.97917 4.58738 2.5875C4.97904 2.19583 5.44988 2 5.99988 2H17.9999C18.5499 2 19.0207 2.19583 19.4124 2.5875C19.804 2.97917 19.9999 3.45 19.9999 4V20C19.9999 20.55 19.804 21.0208 19.4124 21.4125C19.0207 21.8042 18.5499 22 17.9999 22ZM5.99988 20H17.9999V4H5.99988V20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e371487b46873d95cbd293298992abd5d628f061' }, h("path", { key: 'cf4c0a2f9f690d39a09a2f2c07ade239b9577518', d: "M20.9998 25.6668H6.99984C6.35817 25.6668 5.80887 25.4384 5.35192 24.9814C4.89498 24.5245 4.6665 23.9752 4.6665 23.3335V4.66683C4.6665 4.02516 4.89498 3.47586 5.35192 3.01891C5.80887 2.56197 6.35817 2.3335 6.99984 2.3335H20.9998C21.6415 2.3335 22.1908 2.56197 22.6478 3.01891C23.1047 3.47586 23.3332 4.02516 23.3332 4.66683V23.3335C23.3332 23.9752 23.1047 24.5245 22.6478 24.9814C22.1908 25.4384 21.6415 25.6668 20.9998 25.6668ZM6.99984 23.3335H20.9998V4.66683H6.99984V23.3335Z", fill: "currentColor" })))));
+        return (h("svg", { key: '7555265fcc93a7d5f0dff2ebdabb0244e7193d0a', "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: '8e23b94068984ab35b70e7545414efeb0c17f5ad' }, h("path", { key: 'cfdcb41ddbfde12e3942df67dafe357dbf6e478d', d: "M11.9999 14.6668H3.9999C3.63323 14.6668 3.31934 14.5363 3.05823 14.2752C2.79712 14.0141 2.66656 13.7002 2.66656 13.3335V2.66683C2.66656 2.30016 2.79712 1.98627 3.05823 1.72516C3.31934 1.46405 3.63323 1.3335 3.9999 1.3335H11.9999C12.3666 1.3335 12.6805 1.46405 12.9416 1.72516C13.2027 1.98627 13.3332 2.30016 13.3332 2.66683V13.3335C13.3332 13.7002 13.2027 14.0141 12.9416 14.2752C12.6805 14.5363 12.3666 14.6668 11.9999 14.6668ZM3.9999 13.3335H11.9999V2.66683H3.9999V13.3335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '5c5b5ea87635476e56bc91e9f0385b6dfee4f258' }, h("path", { key: '449ea211cf00ee85862a9472cca55e25985b5c70', d: "M17.9999 22H5.99988C5.44988 22 4.97904 21.8042 4.58738 21.4125C4.19571 21.0208 3.99988 20.55 3.99988 20V4C3.99988 3.45 4.19571 2.97917 4.58738 2.5875C4.97904 2.19583 5.44988 2 5.99988 2H17.9999C18.5499 2 19.0207 2.19583 19.4124 2.5875C19.804 2.97917 19.9999 3.45 19.9999 4V20C19.9999 20.55 19.804 21.0208 19.4124 21.4125C19.0207 21.8042 18.5499 22 17.9999 22ZM5.99988 20H17.9999V4H5.99988V20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'f49c73317083b5fbcf72ee19eca48ce6e47c14e5' }, h("path", { key: '5239b15f5b72c81ce8077dd7a4443991b2a2b4e0', d: "M20.9998 25.6668H6.99984C6.35817 25.6668 5.80887 25.4384 5.35192 24.9814C4.89498 24.5245 4.6665 23.9752 4.6665 23.3335V4.66683C4.6665 4.02516 4.89498 3.47586 5.35192 3.01891C5.80887 2.56197 6.35817 2.3335 6.99984 2.3335H20.9998C21.6415 2.3335 22.1908 2.56197 22.6478 3.01891C23.1047 3.47586 23.3332 4.02516 23.3332 4.66683V23.3335C23.3332 23.9752 23.1047 24.5245 22.6478 24.9814C22.1908 25.4384 21.6415 25.6668 20.9998 25.6668ZM6.99984 23.3335H20.9998V4.66683H6.99984V23.3335Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-ratio-three-to-four", {

package/dist/components/swirl-icon-ratio-three-to-two.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 SwirlIconRatioThreeToTwo$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioThreeToTwo extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRatioThreeToTwo$1 = /*@__PURE__*/ proxyCustomElement(class SwirlI
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '09276eb53e7a9ed1a92e3f1d8982cb5e9b94311d', "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: '107b29f9eb07f5d4f956645a8c4c7a6b689028a5' }, h("path", { key: 'bd4b57e72baa66fc2892d8b49f3538871443ecde', d: "M3.33333 12C2.96667 12 2.65278 11.8694 2.39167 11.6083C2.13056 11.3472 2 11.0333 2 10.6667V5.33333C2 4.96667 2.13056 4.65278 2.39167 4.39167C2.65278 4.13056 2.96667 4 3.33333 4H12.6667C13.0333 4 13.3472 4.13056 13.6083 4.39167C13.8694 4.65278 14 4.96667 14 5.33333V10.6667C14 11.0333 13.8694 11.3472 13.6083 11.6083C13.3472 11.8694 13.0333 12 12.6667 12H3.33333ZM3.33333 10.6667H12.6667V5.33333H3.33333V10.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '71dce1e82e01cdd58f3e7281f59f89ed941cf72d' }, h("path", { key: '87fa2730ab7e13b43fcb9817e4ab6e8ef11b3e9a', d: "M5 18C4.45 18 3.97917 17.8042 3.5875 17.4125C3.19583 17.0208 3 16.55 3 16V8C3 7.45 3.19583 6.97917 3.5875 6.5875C3.97917 6.19583 4.45 6 5 6H19C19.55 6 20.0208 6.19583 20.4125 6.5875C20.8042 6.97917 21 7.45 21 8V16C21 16.55 20.8042 17.0208 20.4125 17.4125C20.0208 17.8042 19.55 18 19 18H5ZM5 16H19V8H5V16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'a42af49982223a929467105fb750fef67e40c0f8' }, h("path", { key: '0aa7b8294ddb7baeb22289f8c166846cf9dbc321', d: "M5.83333 21C5.19167 21 4.64236 20.7715 4.18542 20.3146C3.72847 19.8576 3.5 19.3083 3.5 18.6667V9.33333C3.5 8.69167 3.72847 8.14236 4.18542 7.68542C4.64236 7.22847 5.19167 7 5.83333 7H22.1667C22.8083 7 23.3576 7.22847 23.8146 7.68542C24.2715 8.14236 24.5 8.69167 24.5 9.33333V18.6667C24.5 19.3083 24.2715 19.8576 23.8146 20.3146C23.3576 20.7715 22.8083 21 22.1667 21H5.83333ZM5.83333 18.6667H22.1667V9.33333H5.83333V18.6667Z", fill: "currentColor" })))));
+        return (h("svg", { key: '0f93a20976f1f7071106637b4520d90b94c4db16', "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: '159437a9a07bfb051c897ea362dc53ca1e503f2b' }, h("path", { key: 'bc405380622b8da229a2cc632bdf8965ff6c8bff', d: "M3.33333 12C2.96667 12 2.65278 11.8694 2.39167 11.6083C2.13056 11.3472 2 11.0333 2 10.6667V5.33333C2 4.96667 2.13056 4.65278 2.39167 4.39167C2.65278 4.13056 2.96667 4 3.33333 4H12.6667C13.0333 4 13.3472 4.13056 13.6083 4.39167C13.8694 4.65278 14 4.96667 14 5.33333V10.6667C14 11.0333 13.8694 11.3472 13.6083 11.6083C13.3472 11.8694 13.0333 12 12.6667 12H3.33333ZM3.33333 10.6667H12.6667V5.33333H3.33333V10.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '96a177417a77939be84b2ae748a45a1cf4f18b4c' }, h("path", { key: '87ac54c8926dd842b46e8eaf0d528e9d55e8560c', d: "M5 18C4.45 18 3.97917 17.8042 3.5875 17.4125C3.19583 17.0208 3 16.55 3 16V8C3 7.45 3.19583 6.97917 3.5875 6.5875C3.97917 6.19583 4.45 6 5 6H19C19.55 6 20.0208 6.19583 20.4125 6.5875C20.8042 6.97917 21 7.45 21 8V16C21 16.55 20.8042 17.0208 20.4125 17.4125C20.0208 17.8042 19.55 18 19 18H5ZM5 16H19V8H5V16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '56c0d78c2410b789f4807090a5915f791bc59124' }, h("path", { key: '4dabf3c6d74e3eddf9073239e50a0b23ba4a2eb8', d: "M5.83333 21C5.19167 21 4.64236 20.7715 4.18542 20.3146C3.72847 19.8576 3.5 19.3083 3.5 18.6667V9.33333C3.5 8.69167 3.72847 8.14236 4.18542 7.68542C4.64236 7.22847 5.19167 7 5.83333 7H22.1667C22.8083 7 23.3576 7.22847 23.8146 7.68542C24.2715 8.14236 24.5 8.69167 24.5 9.33333V18.6667C24.5 19.3083 24.2715 19.8576 23.8146 20.3146C23.3576 20.7715 22.8083 21 22.1667 21H5.83333ZM5.83333 18.6667H22.1667V9.33333H5.83333V18.6667Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-ratio-three-to-two", {

package/dist/components/swirl-icon-recieved.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 SwirlIconRecieved$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRecieved extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRecieved$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconReci
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '197fcffa4132ef512429700ab6d7f0d707d5e196', "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: 'c4f22f63308a4b8c8cdf2b8417250ec1700b4909' }, h("path", { key: '82871c24ac70bfd9d0acde8af83e2d8597b85e00', d: "M1.16667 9.16662L3.2929 11.2928C3.68342 11.6834 4.31659 11.6834 4.70711 11.2928L10.5 5.49995C10.7761 5.22381 10.7761 4.7761 10.5 4.49995C10.2239 4.22381 9.77615 4.22381 9.5 4.49995L4 9.99995L2.16667 8.16662C1.89053 7.89048 1.44281 7.89048 1.16667 8.16662C0.890529 8.44276 0.890529 8.89048 1.16667 9.16662Z", fill: "currentColor" }), h("path", { key: '7006128f93f64d3180166a01ad55714f1a095ba9', d: "M8 9.33329L7 10.3333L7.95957 11.2928C8.35009 11.6834 8.98325 11.6834 9.37378 11.2928L15.1667 5.49995C15.4428 5.22381 15.4428 4.7761 15.1667 4.49995C14.8905 4.22381 14.4428 4.22381 14.1667 4.49995L8.66667 9.99995L8 9.33329Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3b228a0d030a02549613e674921b76b5297490c0' }, h("path", { key: 'ca244ab511dcfa916b1d9dfc5f79ff17968eb189', d: "M1.74999 13.75L4.93933 16.9393C5.52512 17.5251 6.47486 17.5251 7.06065 16.9393L15.75 8.24999C16.1642 7.83578 16.1642 7.1642 15.75 6.74999C15.3358 6.33578 14.6642 6.33578 14.25 6.74999L5.99999 15L3.24999 12.25C2.83578 11.8358 2.1642 11.8358 1.74999 12.25C1.33578 12.6642 1.33578 13.3358 1.74999 13.75Z", fill: "currentColor" }), h("path", { key: 'fd35a1b706f2a3565914e4cfb6f11d98f4d17547', d: "M12 14L10.5 15.5L11.9393 16.9393C12.5251 17.5251 13.4749 17.5251 14.0607 16.9393L22.75 8.24999C23.1642 7.83578 23.1642 7.1642 22.75 6.74999C22.3358 6.33578 21.6642 6.33578 21.25 6.74999L13 15L12 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'c07cd942af9f430a213d68e599cb822e2cd2d6e8' }, h("path", { key: '149e96b43c20bb3cea77db7c041fb491872580ae', d: "M2.04167 16.0417L5.76256 19.7626C6.44598 20.446 7.55402 20.446 8.23744 19.7626L18.375 9.62501C18.8583 9.14176 18.8583 8.35826 18.375 7.87501C17.8918 7.39176 17.1082 7.39176 16.625 7.87501L7 17.5L3.79167 14.2917C3.30842 13.8084 2.52492 13.8084 2.04167 14.2917C1.55842 14.7749 1.55842 15.5584 2.04167 16.0417Z", fill: "currentColor" }), h("path", { key: '53a13ccac1ba77f44c161f475ebb9aa7c4073e90', d: "M14 16.3333L12.25 18.0833L13.9292 19.7626C14.6126 20.446 15.7207 20.446 16.4041 19.7626L26.5417 9.62501C27.0249 9.14176 27.0249 8.35826 26.5417 7.87501C26.0584 7.39176 25.2749 7.39176 24.7917 7.87501L15.1667 17.5L14 16.3333Z", fill: "currentColor" })))));
+        return (h("svg", { key: '360ee9145294d7f4f974e534d25a36b5338ce58e', "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: '0afaa5d451680bd33551cb658960ff0b291b878d' }, h("path", { key: '478f78da92cb410503b9e69d1a8cc322a0454418', d: "M1.16667 9.16662L3.2929 11.2928C3.68342 11.6834 4.31659 11.6834 4.70711 11.2928L10.5 5.49995C10.7761 5.22381 10.7761 4.7761 10.5 4.49995C10.2239 4.22381 9.77615 4.22381 9.5 4.49995L4 9.99995L2.16667 8.16662C1.89053 7.89048 1.44281 7.89048 1.16667 8.16662C0.890529 8.44276 0.890529 8.89048 1.16667 9.16662Z", fill: "currentColor" }), h("path", { key: 'aaf98e0895b6cd7790a05f1774b3ee456968794e', d: "M8 9.33329L7 10.3333L7.95957 11.2928C8.35009 11.6834 8.98325 11.6834 9.37378 11.2928L15.1667 5.49995C15.4428 5.22381 15.4428 4.7761 15.1667 4.49995C14.8905 4.22381 14.4428 4.22381 14.1667 4.49995L8.66667 9.99995L8 9.33329Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4c7fa594337aa41d4ffd0832e815669fe8f1ced9' }, h("path", { key: '10d328cbee5c3e9ab02a017de5f69c6a3006368c', d: "M1.74999 13.75L4.93933 16.9393C5.52512 17.5251 6.47486 17.5251 7.06065 16.9393L15.75 8.24999C16.1642 7.83578 16.1642 7.1642 15.75 6.74999C15.3358 6.33578 14.6642 6.33578 14.25 6.74999L5.99999 15L3.24999 12.25C2.83578 11.8358 2.1642 11.8358 1.74999 12.25C1.33578 12.6642 1.33578 13.3358 1.74999 13.75Z", fill: "currentColor" }), h("path", { key: '9ae88defd8bc034970fdcb76df5f02594310af93', d: "M12 14L10.5 15.5L11.9393 16.9393C12.5251 17.5251 13.4749 17.5251 14.0607 16.9393L22.75 8.24999C23.1642 7.83578 23.1642 7.1642 22.75 6.74999C22.3358 6.33578 21.6642 6.33578 21.25 6.74999L13 15L12 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '303e48e7f2e8c9137f10fb48e5b1f87640b3df2e' }, h("path", { key: '42092286c6032359b920fa8cb28c0cfcc9a00a71', d: "M2.04167 16.0417L5.76256 19.7626C6.44598 20.446 7.55402 20.446 8.23744 19.7626L18.375 9.62501C18.8583 9.14176 18.8583 8.35826 18.375 7.87501C17.8918 7.39176 17.1082 7.39176 16.625 7.87501L7 17.5L3.79167 14.2917C3.30842 13.8084 2.52492 13.8084 2.04167 14.2917C1.55842 14.7749 1.55842 15.5584 2.04167 16.0417Z", fill: "currentColor" }), h("path", { key: 'bcbaa767bc5eef793b8e9128f285326187dca6ac', d: "M14 16.3333L12.25 18.0833L13.9292 19.7626C14.6126 20.446 15.7207 20.446 16.4041 19.7626L26.5417 9.62501C27.0249 9.14176 27.0249 8.35826 26.5417 7.87501C26.0584 7.39176 25.2749 7.39176 24.7917 7.87501L15.1667 17.5L14 16.3333Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-recieved", {

package/dist/components/swirl-icon-refresh.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 SwirlIconRefresh$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRefresh extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRefresh$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRefre
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'b71cea71631bde2bbf65b4dd99c83c9674c58515', "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: '84e68288748f35a061c09fce42ea0254daf33667' }, h("path", { key: 'ef5f86057a1248a91edaef5886c838b4427631d7', d: "M8 13.3337C6.51111 13.3337 5.25 12.817 4.21667 11.7837C3.18333 10.7503 2.66667 9.48921 2.66667 8.00033C2.66667 6.51144 3.18333 5.25033 4.21667 4.21699C5.25 3.18366 6.51111 2.66699 8 2.66699C8.76667 2.66699 9.5 2.82533 10.2 3.14199C10.9 3.45866 11.5 3.91144 12 4.50033V3.33366C12 3.14477 12.0639 2.98644 12.1917 2.85866C12.3194 2.73088 12.4778 2.66699 12.6667 2.66699C12.8556 2.66699 13.0139 2.73088 13.1417 2.85866C13.2694 2.98644 13.3333 3.14477 13.3333 3.33366V6.66699C13.3333 6.85588 13.2694 7.01421 13.1417 7.14199C13.0139 7.26977 12.8556 7.33366 12.6667 7.33366H9.33333C9.14445 7.33366 8.98611 7.26977 8.85833 7.14199C8.73056 7.01421 8.66667 6.85588 8.66667 6.66699C8.66667 6.4781 8.73056 6.31977 8.85833 6.19199C8.98611 6.06421 9.14445 6.00033 9.33333 6.00033H11.4667C11.1111 5.3781 10.625 4.88921 10.0083 4.53366C9.39167 4.1781 8.72222 4.00033 8 4.00033C6.88889 4.00033 5.94445 4.38921 5.16667 5.16699C4.38889 5.94477 4 6.88921 4 8.00033C4 9.11144 4.38889 10.0559 5.16667 10.8337C5.94445 11.6114 6.88889 12.0003 8 12.0003C8.75556 12.0003 9.44722 11.8087 10.075 11.4253C10.7028 11.042 11.1889 10.5281 11.5333 9.88366C11.6222 9.7281 11.7472 9.61977 11.9083 9.55866C12.0694 9.49755 12.2333 9.49477 12.4 9.55033C12.5778 9.60588 12.7056 9.72255 12.7833 9.90033C12.8611 10.0781 12.8556 10.2448 12.7667 10.4003C12.3111 11.2892 11.6611 12.0003 10.8167 12.5337C9.97222 13.067 9.03333 13.3337 8 13.3337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4a7e086e2a86a10a7355e1701f889db0a6562f26' }, h("path", { key: '061b285ff880212c34b97aa7712c38f80b32bff2', d: "M12 20C9.76667 20 7.875 19.225 6.325 17.675C4.775 16.125 4 14.2333 4 12C4 9.76667 4.775 7.875 6.325 6.325C7.875 4.775 9.76667 4 12 4C13.15 4 14.25 4.2375 15.3 4.7125C16.35 5.1875 17.25 5.86667 18 6.75V5C18 4.71667 18.0958 4.47917 18.2875 4.2875C18.4792 4.09583 18.7167 4 19 4C19.2833 4 19.5208 4.09583 19.7125 4.2875C19.9042 4.47917 20 4.71667 20 5V10C20 10.2833 19.9042 10.5208 19.7125 10.7125C19.5208 10.9042 19.2833 11 19 11H14C13.7167 11 13.4792 10.9042 13.2875 10.7125C13.0958 10.5208 13 10.2833 13 10C13 9.71667 13.0958 9.47917 13.2875 9.2875C13.4792 9.09583 13.7167 9 14 9H17.2C16.6667 8.06667 15.9375 7.33333 15.0125 6.8C14.0875 6.26667 13.0833 6 12 6C10.3333 6 8.91667 6.58333 7.75 7.75C6.58333 8.91667 6 10.3333 6 12C6 13.6667 6.58333 15.0833 7.75 16.25C8.91667 17.4167 10.3333 18 12 18C13.1333 18 14.1708 17.7125 15.1125 17.1375C16.0542 16.5625 16.7833 15.7917 17.3 14.825C17.4333 14.5917 17.6208 14.4292 17.8625 14.3375C18.1042 14.2458 18.35 14.2417 18.6 14.325C18.8667 14.4083 19.0583 14.5833 19.175 14.85C19.2917 15.1167 19.2833 15.3667 19.15 15.6C18.4667 16.9333 17.4917 18 16.225 18.8C14.9583 19.6 13.55 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '610acab612a695c85fd9f0291fab35210b03a711' }, h("path", { key: '2985be61fe846b96f5ce96162bb913bc1f7c69b9', d: "M14 23.3337C11.3944 23.3337 9.18751 22.4295 7.37917 20.6212C5.57084 18.8128 4.66667 16.6059 4.66667 14.0003C4.66667 11.3948 5.57084 9.18783 7.37917 7.37949C9.18751 5.57116 11.3944 4.66699 14 4.66699C15.3417 4.66699 16.625 4.94408 17.85 5.49824C19.075 6.05241 20.125 6.84477 21 7.87533V5.83366C21 5.5031 21.1118 5.22602 21.3354 5.00241C21.559 4.7788 21.8361 4.66699 22.1667 4.66699C22.4972 4.66699 22.7743 4.7788 22.9979 5.00241C23.2215 5.22602 23.3333 5.5031 23.3333 5.83366V11.667C23.3333 11.9975 23.2215 12.2746 22.9979 12.4982C22.7743 12.7219 22.4972 12.8337 22.1667 12.8337H16.3333C16.0028 12.8337 15.7257 12.7219 15.5021 12.4982C15.2785 12.2746 15.1667 11.9975 15.1667 11.667C15.1667 11.3364 15.2785 11.0594 15.5021 10.8357C15.7257 10.6121 16.0028 10.5003 16.3333 10.5003H20.0667C19.4445 9.41144 18.5938 8.55588 17.5146 7.93366C16.4354 7.31144 15.2639 7.00033 14 7.00033C12.0556 7.00033 10.4028 7.68088 9.04167 9.04199C7.68056 10.4031 7.00001 12.0559 7.00001 14.0003C7.00001 15.9448 7.68056 17.5975 9.04167 18.9587C10.4028 20.3198 12.0556 21.0003 14 21.0003C15.3222 21.0003 16.5326 20.6649 17.6313 19.9941C18.7299 19.3232 19.5806 18.4239 20.1833 17.2962C20.3389 17.0239 20.5576 16.8344 20.8396 16.7274C21.1215 16.6205 21.4083 16.6156 21.7 16.7128C22.0111 16.81 22.2347 17.0142 22.3708 17.3253C22.507 17.6364 22.4972 17.9281 22.3417 18.2003C21.5445 19.7559 20.407 21.0003 18.9292 21.9337C17.4514 22.867 15.8083 23.3337 14 23.3337Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'f8e51162b135ac1f040cf146b14ffc57cd041e0e', "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: 'c11ad1b166f28f199a30ea33629970539e24a865' }, h("path", { key: '79399ffe4009c9a268ebf28d8c973c89536c8d5b', d: "M8 13.3337C6.51111 13.3337 5.25 12.817 4.21667 11.7837C3.18333 10.7503 2.66667 9.48921 2.66667 8.00033C2.66667 6.51144 3.18333 5.25033 4.21667 4.21699C5.25 3.18366 6.51111 2.66699 8 2.66699C8.76667 2.66699 9.5 2.82533 10.2 3.14199C10.9 3.45866 11.5 3.91144 12 4.50033V3.33366C12 3.14477 12.0639 2.98644 12.1917 2.85866C12.3194 2.73088 12.4778 2.66699 12.6667 2.66699C12.8556 2.66699 13.0139 2.73088 13.1417 2.85866C13.2694 2.98644 13.3333 3.14477 13.3333 3.33366V6.66699C13.3333 6.85588 13.2694 7.01421 13.1417 7.14199C13.0139 7.26977 12.8556 7.33366 12.6667 7.33366H9.33333C9.14445 7.33366 8.98611 7.26977 8.85833 7.14199C8.73056 7.01421 8.66667 6.85588 8.66667 6.66699C8.66667 6.4781 8.73056 6.31977 8.85833 6.19199C8.98611 6.06421 9.14445 6.00033 9.33333 6.00033H11.4667C11.1111 5.3781 10.625 4.88921 10.0083 4.53366C9.39167 4.1781 8.72222 4.00033 8 4.00033C6.88889 4.00033 5.94445 4.38921 5.16667 5.16699C4.38889 5.94477 4 6.88921 4 8.00033C4 9.11144 4.38889 10.0559 5.16667 10.8337C5.94445 11.6114 6.88889 12.0003 8 12.0003C8.75556 12.0003 9.44722 11.8087 10.075 11.4253C10.7028 11.042 11.1889 10.5281 11.5333 9.88366C11.6222 9.7281 11.7472 9.61977 11.9083 9.55866C12.0694 9.49755 12.2333 9.49477 12.4 9.55033C12.5778 9.60588 12.7056 9.72255 12.7833 9.90033C12.8611 10.0781 12.8556 10.2448 12.7667 10.4003C12.3111 11.2892 11.6611 12.0003 10.8167 12.5337C9.97222 13.067 9.03333 13.3337 8 13.3337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '15695f54bddf37a76e6603cfbf339521ce0d92e8' }, h("path", { key: 'b66d2e1e4a0155d10839b8d6fa0679ad9bc95c89', d: "M12 20C9.76667 20 7.875 19.225 6.325 17.675C4.775 16.125 4 14.2333 4 12C4 9.76667 4.775 7.875 6.325 6.325C7.875 4.775 9.76667 4 12 4C13.15 4 14.25 4.2375 15.3 4.7125C16.35 5.1875 17.25 5.86667 18 6.75V5C18 4.71667 18.0958 4.47917 18.2875 4.2875C18.4792 4.09583 18.7167 4 19 4C19.2833 4 19.5208 4.09583 19.7125 4.2875C19.9042 4.47917 20 4.71667 20 5V10C20 10.2833 19.9042 10.5208 19.7125 10.7125C19.5208 10.9042 19.2833 11 19 11H14C13.7167 11 13.4792 10.9042 13.2875 10.7125C13.0958 10.5208 13 10.2833 13 10C13 9.71667 13.0958 9.47917 13.2875 9.2875C13.4792 9.09583 13.7167 9 14 9H17.2C16.6667 8.06667 15.9375 7.33333 15.0125 6.8C14.0875 6.26667 13.0833 6 12 6C10.3333 6 8.91667 6.58333 7.75 7.75C6.58333 8.91667 6 10.3333 6 12C6 13.6667 6.58333 15.0833 7.75 16.25C8.91667 17.4167 10.3333 18 12 18C13.1333 18 14.1708 17.7125 15.1125 17.1375C16.0542 16.5625 16.7833 15.7917 17.3 14.825C17.4333 14.5917 17.6208 14.4292 17.8625 14.3375C18.1042 14.2458 18.35 14.2417 18.6 14.325C18.8667 14.4083 19.0583 14.5833 19.175 14.85C19.2917 15.1167 19.2833 15.3667 19.15 15.6C18.4667 16.9333 17.4917 18 16.225 18.8C14.9583 19.6 13.55 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '54ea8824f92071b26d653be6a4ee4f834f706615' }, h("path", { key: '42a384f13531a947619330356aa22c8c12202910', d: "M14 23.3337C11.3944 23.3337 9.18751 22.4295 7.37917 20.6212C5.57084 18.8128 4.66667 16.6059 4.66667 14.0003C4.66667 11.3948 5.57084 9.18783 7.37917 7.37949C9.18751 5.57116 11.3944 4.66699 14 4.66699C15.3417 4.66699 16.625 4.94408 17.85 5.49824C19.075 6.05241 20.125 6.84477 21 7.87533V5.83366C21 5.5031 21.1118 5.22602 21.3354 5.00241C21.559 4.7788 21.8361 4.66699 22.1667 4.66699C22.4972 4.66699 22.7743 4.7788 22.9979 5.00241C23.2215 5.22602 23.3333 5.5031 23.3333 5.83366V11.667C23.3333 11.9975 23.2215 12.2746 22.9979 12.4982C22.7743 12.7219 22.4972 12.8337 22.1667 12.8337H16.3333C16.0028 12.8337 15.7257 12.7219 15.5021 12.4982C15.2785 12.2746 15.1667 11.9975 15.1667 11.667C15.1667 11.3364 15.2785 11.0594 15.5021 10.8357C15.7257 10.6121 16.0028 10.5003 16.3333 10.5003H20.0667C19.4445 9.41144 18.5938 8.55588 17.5146 7.93366C16.4354 7.31144 15.2639 7.00033 14 7.00033C12.0556 7.00033 10.4028 7.68088 9.04167 9.04199C7.68056 10.4031 7.00001 12.0559 7.00001 14.0003C7.00001 15.9448 7.68056 17.5975 9.04167 18.9587C10.4028 20.3198 12.0556 21.0003 14 21.0003C15.3222 21.0003 16.5326 20.6649 17.6313 19.9941C18.7299 19.3232 19.5806 18.4239 20.1833 17.2962C20.3389 17.0239 20.5576 16.8344 20.8396 16.7274C21.1215 16.6205 21.4083 16.6156 21.7 16.7128C22.0111 16.81 22.2347 17.0142 22.3708 17.3253C22.507 17.6364 22.4972 17.9281 22.3417 18.2003C21.5445 19.7559 20.407 21.0003 18.9292 21.9337C17.4514 22.867 15.8083 23.3337 14 23.3337Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-refresh", {

package/dist/components/swirl-icon-remove-circle.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 SwirlIconRemoveCircle$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRemoveCircle extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRemoveCircle$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIcon
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'd7252933b574afeeb6be0a44e808a3770cb294a1', "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: 'f7199933626fce297c3dad8d7079edeca203e41b' }, h("path", { key: 'eb8629f971dfabbdee2971ee4d0ab0b04c18ad51', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.39998 14.1418C6.21109 14.4918 7.07776 14.6668 7.99998 14.6668C8.9222 14.6668 9.78887 14.4918 10.6 14.1418C11.4111 13.7918 12.1166 13.3168 12.7166 12.7168C13.3166 12.1168 13.7916 11.4113 14.1416 10.6002C14.4916 9.78905 14.6666 8.92239 14.6666 8.00016C14.6666 7.07794 14.4916 6.21127 14.1416 5.40016C13.7916 4.58905 13.3166 3.8835 12.7166 3.2835C12.1166 2.6835 11.4111 2.2085 10.6 1.8585C9.78887 1.5085 8.9222 1.3335 7.99998 1.3335C7.07776 1.3335 6.21109 1.5085 5.39998 1.8585C4.58887 2.2085 3.88331 2.6835 3.28331 3.2835C2.68331 3.8835 2.20831 4.58905 1.85831 5.40016C1.50831 6.21127 1.33331 7.07794 1.33331 8.00016C1.33331 8.92239 1.50831 9.78905 1.85831 10.6002C2.20831 11.4113 2.68331 12.1168 3.28331 12.7168C3.88331 13.3168 4.58887 13.7918 5.39998 14.1418ZM5.33329 8.66683H10.6666C10.8555 8.66683 11.0138 8.60294 11.1416 8.47516C11.2694 8.34738 11.3333 8.18905 11.3333 8.00016C11.3333 7.81127 11.2694 7.65294 11.1416 7.52516C11.0138 7.39739 10.8555 7.3335 10.6666 7.3335H5.33329C5.1444 7.3335 4.98607 7.39739 4.85829 7.52516C4.73051 7.65294 4.66663 7.81127 4.66663 8.00016C4.66663 8.18905 4.73051 8.34738 4.85829 8.47516C4.98607 8.60294 5.1444 8.66683 5.33329 8.66683Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8b44ab9b66057c3e06fc104cc37483cde030ee27' }, h("path", { key: '519a2bb82f3cb1971eb52886312f0f34b4fa9fa2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.1 21.2125C9.31667 21.7375 10.6167 22 12 22C13.3833 22 14.6833 21.7375 15.9 21.2125C17.1167 20.6875 18.175 19.975 19.075 19.075C19.975 18.175 20.6875 17.1167 21.2125 15.9C21.7375 14.6833 22 13.3833 22 12C22 10.6167 21.7375 9.31667 21.2125 8.1C20.6875 6.88333 19.975 5.825 19.075 4.925C18.175 4.025 17.1167 3.3125 15.9 2.7875C14.6833 2.2625 13.3833 2 12 2C10.6167 2 9.31667 2.2625 8.1 2.7875C6.88333 3.3125 5.825 4.025 4.925 4.925C4.025 5.825 3.3125 6.88333 2.7875 8.1C2.2625 9.31667 2 10.6167 2 12C2 13.3833 2.2625 14.6833 2.7875 15.9C3.3125 17.1167 4.025 18.175 4.925 19.075C5.825 19.975 6.88333 20.6875 8.1 21.2125ZM16 13H8C7.71667 13 7.47917 12.9042 7.2875 12.7125C7.09583 12.5208 7 12.2833 7 12C7 11.7167 7.09583 11.4792 7.2875 11.2875C7.47917 11.0958 7.71667 11 8 11H16C16.2833 11 16.5208 11.0958 16.7125 11.2875C16.9042 11.4792 17 11.7167 17 12C17 12.2833 16.9042 12.5208 16.7125 12.7125C16.5208 12.9042 16.2833 13 16 13Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'a31f319bcd01e09cbbe09fee17e7fe6cbc4263d7' }, h("path", { key: '5708e258558216362d0ba535186ab1c817b37ffe', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.44998 24.7481C10.8694 25.3606 12.3861 25.6668 14 25.6668C15.6139 25.6668 17.1305 25.3606 18.55 24.7481C19.9694 24.1356 21.2041 23.3043 22.2541 22.2543C23.3041 21.2043 24.1354 19.9696 24.7479 18.5502C25.3604 17.1307 25.6666 15.6141 25.6666 14.0002C25.6666 12.3863 25.3604 10.8696 24.7479 9.45016C24.1354 8.03072 23.3041 6.796 22.2541 5.746C21.2041 4.696 19.9694 3.86475 18.55 3.25225C17.1305 2.63975 15.6139 2.3335 14 2.3335C12.3861 2.3335 10.8694 2.63975 9.44998 3.25225C8.03054 3.86475 6.79581 4.696 5.74581 5.746C4.69581 6.796 3.86456 8.03072 3.25206 9.45016C2.63956 10.8696 2.33331 12.3863 2.33331 14.0002C2.33331 15.6141 2.63956 17.1307 3.25206 18.5502C3.86456 19.9696 4.69581 21.2043 5.74581 22.2543C6.79581 23.3043 8.03054 24.1356 9.44998 24.7481ZM9.33329 15.1668H18.6666C18.9972 15.1668 19.2743 15.055 19.4979 14.8314C19.7215 14.6078 19.8333 14.3307 19.8333 14.0002C19.8333 13.6696 19.7215 13.3925 19.4979 13.1689C19.2743 12.9453 18.9972 12.8335 18.6666 12.8335H9.33329C9.00274 12.8335 8.72565 12.9453 8.50204 13.1689C8.27843 13.3925 8.16663 13.6696 8.16663 14.0002C8.16663 14.3307 8.27843 14.6078 8.50204 14.8314C8.72565 15.055 9.00274 15.1668 9.33329 15.1668Z", fill: "currentColor" })))));
+        return (h("svg", { key: '2337fd749eece42f9c483c1618e00078a8cf8837', "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: 'db7a5a7c5c761c556ca6b05b96ab4e2b4880fb9d' }, h("path", { key: '6035d973dd77a6b8a1c26a12e772e57c58ab6bc9', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.39998 14.1418C6.21109 14.4918 7.07776 14.6668 7.99998 14.6668C8.9222 14.6668 9.78887 14.4918 10.6 14.1418C11.4111 13.7918 12.1166 13.3168 12.7166 12.7168C13.3166 12.1168 13.7916 11.4113 14.1416 10.6002C14.4916 9.78905 14.6666 8.92239 14.6666 8.00016C14.6666 7.07794 14.4916 6.21127 14.1416 5.40016C13.7916 4.58905 13.3166 3.8835 12.7166 3.2835C12.1166 2.6835 11.4111 2.2085 10.6 1.8585C9.78887 1.5085 8.9222 1.3335 7.99998 1.3335C7.07776 1.3335 6.21109 1.5085 5.39998 1.8585C4.58887 2.2085 3.88331 2.6835 3.28331 3.2835C2.68331 3.8835 2.20831 4.58905 1.85831 5.40016C1.50831 6.21127 1.33331 7.07794 1.33331 8.00016C1.33331 8.92239 1.50831 9.78905 1.85831 10.6002C2.20831 11.4113 2.68331 12.1168 3.28331 12.7168C3.88331 13.3168 4.58887 13.7918 5.39998 14.1418ZM5.33329 8.66683H10.6666C10.8555 8.66683 11.0138 8.60294 11.1416 8.47516C11.2694 8.34738 11.3333 8.18905 11.3333 8.00016C11.3333 7.81127 11.2694 7.65294 11.1416 7.52516C11.0138 7.39739 10.8555 7.3335 10.6666 7.3335H5.33329C5.1444 7.3335 4.98607 7.39739 4.85829 7.52516C4.73051 7.65294 4.66663 7.81127 4.66663 8.00016C4.66663 8.18905 4.73051 8.34738 4.85829 8.47516C4.98607 8.60294 5.1444 8.66683 5.33329 8.66683Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'eafdb23de33283c06b145757469c1136a3abd5ef' }, h("path", { key: '1ed95972b6abdbdf26df9398aa3e378590d2144f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.1 21.2125C9.31667 21.7375 10.6167 22 12 22C13.3833 22 14.6833 21.7375 15.9 21.2125C17.1167 20.6875 18.175 19.975 19.075 19.075C19.975 18.175 20.6875 17.1167 21.2125 15.9C21.7375 14.6833 22 13.3833 22 12C22 10.6167 21.7375 9.31667 21.2125 8.1C20.6875 6.88333 19.975 5.825 19.075 4.925C18.175 4.025 17.1167 3.3125 15.9 2.7875C14.6833 2.2625 13.3833 2 12 2C10.6167 2 9.31667 2.2625 8.1 2.7875C6.88333 3.3125 5.825 4.025 4.925 4.925C4.025 5.825 3.3125 6.88333 2.7875 8.1C2.2625 9.31667 2 10.6167 2 12C2 13.3833 2.2625 14.6833 2.7875 15.9C3.3125 17.1167 4.025 18.175 4.925 19.075C5.825 19.975 6.88333 20.6875 8.1 21.2125ZM16 13H8C7.71667 13 7.47917 12.9042 7.2875 12.7125C7.09583 12.5208 7 12.2833 7 12C7 11.7167 7.09583 11.4792 7.2875 11.2875C7.47917 11.0958 7.71667 11 8 11H16C16.2833 11 16.5208 11.0958 16.7125 11.2875C16.9042 11.4792 17 11.7167 17 12C17 12.2833 16.9042 12.5208 16.7125 12.7125C16.5208 12.9042 16.2833 13 16 13Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd9eb78b9557436b655a73eabc72ee4422736a4b0' }, h("path", { key: 'b991e32faff8139b31e41951e4208d70e4404a33', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.44998 24.7481C10.8694 25.3606 12.3861 25.6668 14 25.6668C15.6139 25.6668 17.1305 25.3606 18.55 24.7481C19.9694 24.1356 21.2041 23.3043 22.2541 22.2543C23.3041 21.2043 24.1354 19.9696 24.7479 18.5502C25.3604 17.1307 25.6666 15.6141 25.6666 14.0002C25.6666 12.3863 25.3604 10.8696 24.7479 9.45016C24.1354 8.03072 23.3041 6.796 22.2541 5.746C21.2041 4.696 19.9694 3.86475 18.55 3.25225C17.1305 2.63975 15.6139 2.3335 14 2.3335C12.3861 2.3335 10.8694 2.63975 9.44998 3.25225C8.03054 3.86475 6.79581 4.696 5.74581 5.746C4.69581 6.796 3.86456 8.03072 3.25206 9.45016C2.63956 10.8696 2.33331 12.3863 2.33331 14.0002C2.33331 15.6141 2.63956 17.1307 3.25206 18.5502C3.86456 19.9696 4.69581 21.2043 5.74581 22.2543C6.79581 23.3043 8.03054 24.1356 9.44998 24.7481ZM9.33329 15.1668H18.6666C18.9972 15.1668 19.2743 15.055 19.4979 14.8314C19.7215 14.6078 19.8333 14.3307 19.8333 14.0002C19.8333 13.6696 19.7215 13.3925 19.4979 13.1689C19.2743 12.9453 18.9972 12.8335 18.6666 12.8335H9.33329C9.00274 12.8335 8.72565 12.9453 8.50204 13.1689C8.27843 13.3925 8.16663 13.6696 8.16663 14.0002C8.16663 14.3307 8.27843 14.6078 8.50204 14.8314C8.72565 15.055 9.00274 15.1668 9.33329 15.1668Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-remove-circle", {

package/dist/components/swirl-icon-remove-moderator.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 SwirlIconRemoveModerator$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRemoveModerator extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRemoveModerator$1 = /*@__PURE__*/ proxyCustomElement(class SwirlI
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '9e4a12417c747b86cd9fd01a08ba43da6f41cf25', "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: 'cd05ef211186654c547638c5da69110a4f0eedcf' }, h("path", { key: 'ee9f4324d825f77d5a77955b55e1dc86ca9ed8da', d: "M12.5667 10.6998L11.5667 9.66644C11.7 9.31088 11.8056 8.94144 11.8833 8.55811C11.9611 8.17477 12 7.78866 12 7.39977V4.24977L8.00001 2.74977L5.56668 3.66644L4.53334 2.63311L7.53334 1.51644C7.6889 1.46088 7.84445 1.43311 8.00001 1.43311C8.15556 1.43311 8.31112 1.46088 8.46668 1.51644L12.4667 3.01644C12.7222 3.11644 12.9306 3.27755 13.0917 3.49977C13.2528 3.72199 13.3333 3.97199 13.3333 4.24977V7.39977C13.3333 7.96644 13.2695 8.52755 13.1417 9.08311C13.0139 9.63866 12.8222 10.1775 12.5667 10.6998ZM8.00001 14.5998C7.95556 14.5998 7.81668 14.5775 7.58334 14.5331C6.08334 14.0331 4.8889 13.1081 4.00001 11.7581C3.11112 10.4081 2.66667 8.95533 2.66667 7.39977V4.53311L1.40001 3.26644C1.27779 3.14422 1.21667 2.98866 1.21667 2.79977C1.21667 2.61088 1.27779 2.45533 1.40001 2.33311C1.52223 2.21088 1.67779 2.14977 1.86667 2.14977C2.05556 2.14977 2.21112 2.21088 2.33334 2.33311L13.6667 13.6664C13.7889 13.7887 13.85 13.9442 13.85 14.1331C13.85 14.322 13.7889 14.4775 13.6667 14.5998C13.5445 14.722 13.3889 14.7831 13.2 14.7831C13.0111 14.7831 12.8556 14.722 12.7333 14.5998L11.0333 12.8998C10.6667 13.2887 10.2639 13.6164 9.82501 13.8831C9.38612 14.1498 8.91668 14.3664 8.41668 14.5331C8.35001 14.5553 8.28334 14.572 8.21668 14.5831C8.15001 14.5942 8.07779 14.5998 8.00001 14.5998ZM8.00001 13.2664C8.3889 13.1442 8.76112 12.972 9.11668 12.7498C9.47223 12.5275 9.80001 12.2664 10.1 11.9664L4.00001 5.86644V7.39977C4.00001 8.74422 4.37779 9.96644 5.13334 11.0664C5.8889 12.1664 6.84445 12.8998 8.00001 13.2664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'aca714d7db7a95788b03c53a19fb4ee9ed033525' }, h("path", { key: '88d3dc8af0dec1f13b3b5b7c76fc39e6c3c857e0', d: "M18.85 16.0499L17.35 14.4999C17.55 13.9666 17.7083 13.4124 17.825 12.8374C17.9417 12.2624 18 11.6832 18 11.0999V6.3749L12 4.1249L8.35001 5.4999L6.80001 3.9499L11.3 2.2749C11.5333 2.19157 11.7667 2.1499 12 2.1499C12.2333 2.1499 12.4667 2.19157 12.7 2.2749L18.7 4.5249C19.0833 4.6749 19.3958 4.91657 19.6375 5.2499C19.8792 5.58324 20 5.95824 20 6.3749V11.0999C20 11.9499 19.9042 12.7916 19.7125 13.6249C19.5208 14.4582 19.2333 15.2666 18.85 16.0499ZM12 21.8999C11.9333 21.8999 11.725 21.8666 11.375 21.7999C9.12501 21.0499 7.33335 19.6624 6.00001 17.6374C4.66668 15.6124 4.00001 13.4332 4.00001 11.0999V6.7999L2.10001 4.8999C1.91668 4.71657 1.82501 4.48324 1.82501 4.1999C1.82501 3.91657 1.91668 3.68324 2.10001 3.4999C2.28335 3.31657 2.51668 3.2249 2.80001 3.2249C3.08335 3.2249 3.31668 3.31657 3.50001 3.4999L20.5 20.4999C20.6833 20.6832 20.775 20.9166 20.775 21.1999C20.775 21.4832 20.6833 21.7166 20.5 21.8999C20.3167 22.0832 20.0833 22.1749 19.8 22.1749C19.5167 22.1749 19.2833 22.0832 19.1 21.8999L16.55 19.3499C16 19.9332 15.3958 20.4249 14.7375 20.8249C14.0792 21.2249 13.375 21.5499 12.625 21.7999C12.525 21.8332 12.425 21.8582 12.325 21.8749C12.225 21.8916 12.1167 21.8999 12 21.8999ZM12 19.8999C12.5833 19.7166 13.1417 19.4582 13.675 19.1249C14.2083 18.7916 14.7 18.3999 15.15 17.9499L6.00001 8.7999V11.0999C6.00001 13.1166 6.56668 14.9499 7.70001 16.5999C8.83335 18.2499 10.2667 19.3499 12 19.8999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e5c69044781c39a70ebd59b90247e3e9da50f8d2' }, h("path", { key: '79cf3b5cf4ccd90ea5b396ca94545dbbe9c284e5', d: "M21.9917 18.725L20.2417 16.9166C20.475 16.2944 20.6597 15.6479 20.7958 14.9771C20.9319 14.3062 21 13.6305 21 12.95V7.43747L14 4.81247L9.74165 6.41663L7.93332 4.6083L13.1833 2.65413C13.4555 2.55691 13.7278 2.5083 14 2.5083C14.2722 2.5083 14.5444 2.55691 14.8167 2.65413L21.8167 5.27913C22.2639 5.45413 22.6285 5.73608 22.9104 6.12497C23.1923 6.51386 23.3333 6.95136 23.3333 7.43747V12.95C23.3333 13.9416 23.2215 14.9236 22.9979 15.8958C22.7743 16.868 22.4389 17.8111 21.9917 18.725ZM14 25.55C13.9222 25.55 13.6792 25.5111 13.2708 25.4333C10.6458 24.5583 8.55554 22.9395 6.99998 20.577C5.44443 18.2145 4.66665 15.6722 4.66665 12.95V7.9333L2.44998 5.71663C2.23609 5.50275 2.12915 5.23052 2.12915 4.89997C2.12915 4.56941 2.23609 4.29719 2.44998 4.0833C2.66387 3.86941 2.93609 3.76247 3.26665 3.76247C3.59721 3.76247 3.86943 3.86941 4.08332 4.0833L23.9167 23.9166C24.1305 24.1305 24.2375 24.4027 24.2375 24.7333C24.2375 25.0639 24.1305 25.3361 23.9167 25.55C23.7028 25.7639 23.4305 25.8708 23.1 25.8708C22.7694 25.8708 22.4972 25.7639 22.2833 25.55L19.3083 22.575C18.6667 23.2555 17.9618 23.8291 17.1937 24.2958C16.4257 24.7625 15.6042 25.1416 14.7292 25.4333C14.6125 25.4722 14.4958 25.5014 14.3792 25.5208C14.2625 25.5402 14.1361 25.55 14 25.55ZM14 23.2166C14.6805 23.0027 15.3319 22.7014 15.9542 22.3125C16.5764 21.9236 17.15 21.4666 17.675 20.9416L6.99998 10.2666V12.95C6.99998 15.3027 7.66109 17.4416 8.98332 19.3666C10.3055 21.2916 11.9778 22.575 14 23.2166Z", fill: "currentColor" })))));
+        return (h("svg", { key: '4233c578ecd399fd6160e633ea522d2a07e1d783', "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: '4bb8572bba6e79dbe8d879e5a7b42fbcbcfdf9ce' }, h("path", { key: '4b5474340f8f815742df3d4bc3eca7528f50bce8', d: "M12.5667 10.6998L11.5667 9.66644C11.7 9.31088 11.8056 8.94144 11.8833 8.55811C11.9611 8.17477 12 7.78866 12 7.39977V4.24977L8.00001 2.74977L5.56668 3.66644L4.53334 2.63311L7.53334 1.51644C7.6889 1.46088 7.84445 1.43311 8.00001 1.43311C8.15556 1.43311 8.31112 1.46088 8.46668 1.51644L12.4667 3.01644C12.7222 3.11644 12.9306 3.27755 13.0917 3.49977C13.2528 3.72199 13.3333 3.97199 13.3333 4.24977V7.39977C13.3333 7.96644 13.2695 8.52755 13.1417 9.08311C13.0139 9.63866 12.8222 10.1775 12.5667 10.6998ZM8.00001 14.5998C7.95556 14.5998 7.81668 14.5775 7.58334 14.5331C6.08334 14.0331 4.8889 13.1081 4.00001 11.7581C3.11112 10.4081 2.66667 8.95533 2.66667 7.39977V4.53311L1.40001 3.26644C1.27779 3.14422 1.21667 2.98866 1.21667 2.79977C1.21667 2.61088 1.27779 2.45533 1.40001 2.33311C1.52223 2.21088 1.67779 2.14977 1.86667 2.14977C2.05556 2.14977 2.21112 2.21088 2.33334 2.33311L13.6667 13.6664C13.7889 13.7887 13.85 13.9442 13.85 14.1331C13.85 14.322 13.7889 14.4775 13.6667 14.5998C13.5445 14.722 13.3889 14.7831 13.2 14.7831C13.0111 14.7831 12.8556 14.722 12.7333 14.5998L11.0333 12.8998C10.6667 13.2887 10.2639 13.6164 9.82501 13.8831C9.38612 14.1498 8.91668 14.3664 8.41668 14.5331C8.35001 14.5553 8.28334 14.572 8.21668 14.5831C8.15001 14.5942 8.07779 14.5998 8.00001 14.5998ZM8.00001 13.2664C8.3889 13.1442 8.76112 12.972 9.11668 12.7498C9.47223 12.5275 9.80001 12.2664 10.1 11.9664L4.00001 5.86644V7.39977C4.00001 8.74422 4.37779 9.96644 5.13334 11.0664C5.8889 12.1664 6.84445 12.8998 8.00001 13.2664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '2372843b4c59655f6f5a36f8a44c2efb6fdf564c' }, h("path", { key: 'fe4c0b728ed7c48e44b2a4f3a4a54372bc0fe430', d: "M18.85 16.0499L17.35 14.4999C17.55 13.9666 17.7083 13.4124 17.825 12.8374C17.9417 12.2624 18 11.6832 18 11.0999V6.3749L12 4.1249L8.35001 5.4999L6.80001 3.9499L11.3 2.2749C11.5333 2.19157 11.7667 2.1499 12 2.1499C12.2333 2.1499 12.4667 2.19157 12.7 2.2749L18.7 4.5249C19.0833 4.6749 19.3958 4.91657 19.6375 5.2499C19.8792 5.58324 20 5.95824 20 6.3749V11.0999C20 11.9499 19.9042 12.7916 19.7125 13.6249C19.5208 14.4582 19.2333 15.2666 18.85 16.0499ZM12 21.8999C11.9333 21.8999 11.725 21.8666 11.375 21.7999C9.12501 21.0499 7.33335 19.6624 6.00001 17.6374C4.66668 15.6124 4.00001 13.4332 4.00001 11.0999V6.7999L2.10001 4.8999C1.91668 4.71657 1.82501 4.48324 1.82501 4.1999C1.82501 3.91657 1.91668 3.68324 2.10001 3.4999C2.28335 3.31657 2.51668 3.2249 2.80001 3.2249C3.08335 3.2249 3.31668 3.31657 3.50001 3.4999L20.5 20.4999C20.6833 20.6832 20.775 20.9166 20.775 21.1999C20.775 21.4832 20.6833 21.7166 20.5 21.8999C20.3167 22.0832 20.0833 22.1749 19.8 22.1749C19.5167 22.1749 19.2833 22.0832 19.1 21.8999L16.55 19.3499C16 19.9332 15.3958 20.4249 14.7375 20.8249C14.0792 21.2249 13.375 21.5499 12.625 21.7999C12.525 21.8332 12.425 21.8582 12.325 21.8749C12.225 21.8916 12.1167 21.8999 12 21.8999ZM12 19.8999C12.5833 19.7166 13.1417 19.4582 13.675 19.1249C14.2083 18.7916 14.7 18.3999 15.15 17.9499L6.00001 8.7999V11.0999C6.00001 13.1166 6.56668 14.9499 7.70001 16.5999C8.83335 18.2499 10.2667 19.3499 12 19.8999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '8610815d8abe9b3918c4bdbb2051673a26e4c117' }, h("path", { key: '98417a8efa7f091b1a89d55ce6a376dae08413ee', d: "M21.9917 18.725L20.2417 16.9166C20.475 16.2944 20.6597 15.6479 20.7958 14.9771C20.9319 14.3062 21 13.6305 21 12.95V7.43747L14 4.81247L9.74165 6.41663L7.93332 4.6083L13.1833 2.65413C13.4555 2.55691 13.7278 2.5083 14 2.5083C14.2722 2.5083 14.5444 2.55691 14.8167 2.65413L21.8167 5.27913C22.2639 5.45413 22.6285 5.73608 22.9104 6.12497C23.1923 6.51386 23.3333 6.95136 23.3333 7.43747V12.95C23.3333 13.9416 23.2215 14.9236 22.9979 15.8958C22.7743 16.868 22.4389 17.8111 21.9917 18.725ZM14 25.55C13.9222 25.55 13.6792 25.5111 13.2708 25.4333C10.6458 24.5583 8.55554 22.9395 6.99998 20.577C5.44443 18.2145 4.66665 15.6722 4.66665 12.95V7.9333L2.44998 5.71663C2.23609 5.50275 2.12915 5.23052 2.12915 4.89997C2.12915 4.56941 2.23609 4.29719 2.44998 4.0833C2.66387 3.86941 2.93609 3.76247 3.26665 3.76247C3.59721 3.76247 3.86943 3.86941 4.08332 4.0833L23.9167 23.9166C24.1305 24.1305 24.2375 24.4027 24.2375 24.7333C24.2375 25.0639 24.1305 25.3361 23.9167 25.55C23.7028 25.7639 23.4305 25.8708 23.1 25.8708C22.7694 25.8708 22.4972 25.7639 22.2833 25.55L19.3083 22.575C18.6667 23.2555 17.9618 23.8291 17.1937 24.2958C16.4257 24.7625 15.6042 25.1416 14.7292 25.4333C14.6125 25.4722 14.4958 25.5014 14.3792 25.5208C14.2625 25.5402 14.1361 25.55 14 25.55ZM14 23.2166C14.6805 23.0027 15.3319 22.7014 15.9542 22.3125C16.5764 21.9236 17.15 21.4666 17.675 20.9416L6.99998 10.2666V12.95C6.99998 15.3027 7.66109 17.4416 8.98332 19.3666C10.3055 21.2916 11.9778 22.575 14 23.2166Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-remove-moderator", {

package/dist/components/swirl-icon-remove2.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 SwirlIconRemove = /*@__PURE__*/ proxyCustomElement(class SwirlIconRemove extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRemove = /*@__PURE__*/ proxyCustomElement(class SwirlIconRemove 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: '1e3360218f6dcd95e19d57ffa09b4d51ce741c61', "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: '5189edf39b0081342a3a670953aa4bf811193e84' }, h("path", { key: '8000f3498fb057c1890ab0cb6547e88814af9511', d: "M4 8.76661C3.78889 8.76661 3.60844 8.6915 3.45866 8.54128C3.30844 8.3915 3.23333 8.21105 3.23333 7.99994C3.23333 7.78883 3.30844 7.60839 3.45866 7.45861C3.60844 7.30839 3.78889 7.23328 4 7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H4Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '1e1658ca1f10cc542c4cdb8f5b00c7fc01d43eb6' }, h("path", { key: '61625f1fc1d6d2549472b5e8bb2de14f71bec3a7', d: "M6 13.15C5.68333 13.15 5.41267 13.0373 5.188 12.812C4.96267 12.5873 4.85 12.3166 4.85 12C4.85 11.6833 4.96267 11.4126 5.188 11.188C5.41267 10.9626 5.68333 10.85 6 10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ef76ba8b630b4c9f1f8c1f6e4eaff0d2d39eec7b' }, h("path", { key: '05c35b96cfd26245cef417084a28345aa254c638', d: "M7 15.3417C6.63056 15.3417 6.31478 15.2102 6.05267 14.9473C5.78978 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78978 13.3148 6.05267 13.0527C6.31478 12.7898 6.63056 12.6583 7 12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H7Z", fill: "currentColor" })))));
+        return (h("svg", { key: '13f280642a9d37711ba64dfa2e15814c34bdeef9', "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: '4ddcb1082b4472ad8945d3ee4e0a2bad828b6221' }, h("path", { key: '77ff014c7bb6818ad2515a45b2b5242d932eb04e', d: "M4 8.76661C3.78889 8.76661 3.60844 8.6915 3.45866 8.54128C3.30844 8.3915 3.23333 8.21105 3.23333 7.99994C3.23333 7.78883 3.30844 7.60839 3.45866 7.45861C3.60844 7.30839 3.78889 7.23328 4 7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H4Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'a84eeb9dd9fc843917f10a3bde92e9d6c4d5e470' }, h("path", { key: '11ed98748ed363bcd50e9e7e5bfe803b7d62d7fe', d: "M6 13.15C5.68333 13.15 5.41267 13.0373 5.188 12.812C4.96267 12.5873 4.85 12.3166 4.85 12C4.85 11.6833 4.96267 11.4126 5.188 11.188C5.41267 10.9626 5.68333 10.85 6 10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'de5096dc6c1cbc4b1a4e04df7b86b4b3f19ae4b1' }, h("path", { key: '0cdaec18b51357b65df86952eb1fa6189a9257df', d: "M7 15.3417C6.63056 15.3417 6.31478 15.2102 6.05267 14.9473C5.78978 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78978 13.3148 6.05267 13.0527C6.31478 12.7898 6.63056 12.6583 7 12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H7Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-remove", {

package/dist/components/swirl-icon-reply.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 SwirlIconReply$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconReply extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconReply$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconReply 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: '8eb612153b04c33d3c84c55f9d3ab173ea622773', "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: '9596d67fb55322ae56ac07c9dc2dd442f63afa7a' }, h("path", { key: 'cfc5274c2db34fcb7b704a594375d74c3f20659f', d: "M6.66665 9.66993L6.66665 12.1154L2.55227 8.00284L6.66665 3.88659V6.33661H7.99998C11.0779 6.33661 13.6145 8.65419 13.9599 11.6395C12.2959 10.4028 10.2327 9.66995 7.99999 9.66994L6.66665 9.66993ZM9.33332 11.1052C11.1982 11.3932 12.8668 12.2756 14.1394 13.5529C14.5246 13.9395 15.206 13.8097 15.2747 13.2683C15.3134 12.9632 15.3333 12.6522 15.3333 12.3366C15.3333 8.28652 12.0501 5.00327 7.99998 5.00327V3.08159C7.99998 2.19058 6.92261 1.74446 6.29271 2.37465L1.60924 7.06025C1.08866 7.58107 1.08885 8.42528 1.60967 8.94587L6.29304 13.6271C6.92307 14.2568 7.99998 13.8106 7.99998 12.9198L7.99998 11.0033H8.00232C8.45493 11.0034 8.89943 11.0382 9.33332 11.1052Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'fff86fdbe4ae0fcf602204d49e2b38ac9cd45de6' }, h("path", { key: '084a7d629b82a2bbb20790c1887567b86fe4c2a4', d: "M9.99994 14.5049L9.99994 18.173L3.82837 12.0043L9.99994 5.82989V9.50491H11.9999C16.6168 9.50491 20.4217 12.9813 20.9398 17.4592C18.4439 15.6043 15.3491 14.5049 12 14.5049L9.99994 14.5049ZM13.9999 16.6578C16.7972 17.0898 19.3001 18.4135 21.2091 20.3294C21.7869 20.9093 22.809 20.7146 22.912 19.9025C22.97 19.4448 22.9999 18.9783 22.9999 18.5049C22.9999 12.4298 18.0751 7.50491 11.9999 7.50491V4.62239C11.9999 3.28587 10.3839 2.61669 9.43904 3.56197L2.41383 10.5904C1.63296 11.3716 1.63325 12.6379 2.41448 13.4188L9.43952 20.4407C10.3846 21.3853 11.9999 20.7159 11.9999 19.3798L11.9999 16.5049H12.0034C12.6824 16.5051 13.3491 16.5573 13.9999 16.6578Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'af271dfd2af58987dcc3929789bae6a20274af0d' }, h("path", { key: 'bd388b6918c307660a75711bea390402becbfea6', d: "M11.6666 16.9225L11.6666 21.202L4.46645 14.0051L11.6666 6.80166V11.0892H14C19.3863 11.0892 23.8253 15.1449 24.4298 20.3692C21.5179 18.2051 17.9073 16.9225 14 16.9225L11.6666 16.9225ZM16.3333 19.4342C19.5968 19.9382 22.5169 21.4825 24.7439 23.7177C25.4181 24.3943 26.6106 24.1672 26.7307 23.2197C26.7984 22.6857 26.8333 22.1415 26.8333 21.5892C26.8333 14.5015 21.0876 8.75585 14 8.75585V5.39291C14 3.83364 12.1146 3.05293 11.0122 4.15576L2.81616 12.3556C1.90514 13.267 1.90548 14.7444 2.81691 15.6554L11.0128 23.8475C12.1154 24.9496 14 24.1687 14 22.6098L14 19.2558H14.004C14.7961 19.2561 15.574 19.317 16.3333 19.4342Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'd8f98d249659e26279d568c34888d553e61bf1d9', "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: 'b51b5bcbe0eb1e67ed17dd9ab8e6aeb5d8679c42' }, h("path", { key: 'f9b036dab0ae61d3bc654b2d4d50e92685667fbe', d: "M6.66665 9.66993L6.66665 12.1154L2.55227 8.00284L6.66665 3.88659V6.33661H7.99998C11.0779 6.33661 13.6145 8.65419 13.9599 11.6395C12.2959 10.4028 10.2327 9.66995 7.99999 9.66994L6.66665 9.66993ZM9.33332 11.1052C11.1982 11.3932 12.8668 12.2756 14.1394 13.5529C14.5246 13.9395 15.206 13.8097 15.2747 13.2683C15.3134 12.9632 15.3333 12.6522 15.3333 12.3366C15.3333 8.28652 12.0501 5.00327 7.99998 5.00327V3.08159C7.99998 2.19058 6.92261 1.74446 6.29271 2.37465L1.60924 7.06025C1.08866 7.58107 1.08885 8.42528 1.60967 8.94587L6.29304 13.6271C6.92307 14.2568 7.99998 13.8106 7.99998 12.9198L7.99998 11.0033H8.00232C8.45493 11.0034 8.89943 11.0382 9.33332 11.1052Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '06f8bc26f71462057977a112fe861fd2604b9e52' }, h("path", { key: 'fc856bc14d92ceb9a7aaa8a3e39780dabf828bae', d: "M9.99994 14.5049L9.99994 18.173L3.82837 12.0043L9.99994 5.82989V9.50491H11.9999C16.6168 9.50491 20.4217 12.9813 20.9398 17.4592C18.4439 15.6043 15.3491 14.5049 12 14.5049L9.99994 14.5049ZM13.9999 16.6578C16.7972 17.0898 19.3001 18.4135 21.2091 20.3294C21.7869 20.9093 22.809 20.7146 22.912 19.9025C22.97 19.4448 22.9999 18.9783 22.9999 18.5049C22.9999 12.4298 18.0751 7.50491 11.9999 7.50491V4.62239C11.9999 3.28587 10.3839 2.61669 9.43904 3.56197L2.41383 10.5904C1.63296 11.3716 1.63325 12.6379 2.41448 13.4188L9.43952 20.4407C10.3846 21.3853 11.9999 20.7159 11.9999 19.3798L11.9999 16.5049H12.0034C12.6824 16.5051 13.3491 16.5573 13.9999 16.6578Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '5d27e8b881ace501b6fbd51e55d60e1ac9e0ec63' }, h("path", { key: '197a2244703491665158c1ba0c050546efb7017a', d: "M11.6666 16.9225L11.6666 21.202L4.46645 14.0051L11.6666 6.80166V11.0892H14C19.3863 11.0892 23.8253 15.1449 24.4298 20.3692C21.5179 18.2051 17.9073 16.9225 14 16.9225L11.6666 16.9225ZM16.3333 19.4342C19.5968 19.9382 22.5169 21.4825 24.7439 23.7177C25.4181 24.3943 26.6106 24.1672 26.7307 23.2197C26.7984 22.6857 26.8333 22.1415 26.8333 21.5892C26.8333 14.5015 21.0876 8.75585 14 8.75585V5.39291C14 3.83364 12.1146 3.05293 11.0122 4.15576L2.81616 12.3556C1.90514 13.267 1.90548 14.7444 2.81691 15.6554L11.0128 23.8475C12.1154 24.9496 14 24.1687 14 22.6098L14 19.2558H14.004C14.7961 19.2561 15.574 19.317 16.3333 19.4342Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-reply", {

package/dist/components/swirl-icon-report.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 SwirlIconReport$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconReport extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconReport$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconReport
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'c85eef0c53770e33b0095fcc32ddd31717040377', "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: '448a57e4929bdbb8013d249d103ba638b57f48e8' }, h("path", { key: '2c9b8abb2086855512b260ab1b137bd63a986e47', d: "M3.99998 14.0001C3.81109 14.0001 3.65276 13.9362 3.52498 13.8084C3.3972 13.6806 3.33331 13.5223 3.33331 13.3334V3.33341C3.33331 3.14453 3.3972 2.98619 3.52498 2.85841C3.65276 2.73064 3.81109 2.66675 3.99998 2.66675H8.78331C8.93887 2.66675 9.07776 2.71675 9.19998 2.81675C9.3222 2.91675 9.39998 3.04453 9.43331 3.20008L9.59998 4.00008H12.6666C12.8555 4.00008 13.0139 4.06397 13.1416 4.19175C13.2694 4.31953 13.3333 4.47786 13.3333 4.66675V10.0001C13.3333 10.189 13.2694 10.3473 13.1416 10.4751C13.0139 10.6029 12.8555 10.6667 12.6666 10.6667H9.21665C9.06109 10.6667 8.9222 10.6167 8.79998 10.5167C8.67776 10.4167 8.59998 10.289 8.56665 10.1334L8.39998 9.33341H4.66665V13.3334C4.66665 13.5223 4.60276 13.6806 4.47498 13.8084C4.3472 13.9362 4.18887 14.0001 3.99998 14.0001ZM9.76665 9.33341H12V5.33341H8.49998L8.23331 4.00008H4.66665V8.00008H9.49998L9.76665 9.33341Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4514e80414d96b7119961ed7ee19c421acda9277' }, h("path", { key: '864ad4f0ea0cf25f9d09bca3b1e5aabdcade9e97', d: "M6 21C5.71667 21 5.47917 20.9042 5.2875 20.7125C5.09583 20.5208 5 20.2833 5 20V5C5 4.71667 5.09583 4.47917 5.2875 4.2875C5.47917 4.09583 5.71667 4 6 4H13.175C13.4083 4 13.6167 4.075 13.8 4.225C13.9833 4.375 14.1 4.56667 14.15 4.8L14.4 6H19C19.2833 6 19.5208 6.09583 19.7125 6.2875C19.9042 6.47917 20 6.71667 20 7V15C20 15.2833 19.9042 15.5208 19.7125 15.7125C19.5208 15.9042 19.2833 16 19 16H13.825C13.5917 16 13.3833 15.925 13.2 15.775C13.0167 15.625 12.9 15.4333 12.85 15.2L12.6 14H7V20C7 20.2833 6.90417 20.5208 6.7125 20.7125C6.52083 20.9042 6.28333 21 6 21ZM14.65 14H18V8H12.75L12.35 6H7V12H14.25L14.65 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ff1ce8ebe799f15a9e9ab3292de1d4644043fbe2' }, h("path", { key: 'c4337dc176027d9544eb4f1dff3d6645bc3e194f', d: "M6.99998 24.5001C6.66942 24.5001 6.39234 24.3883 6.16873 24.1647C5.94512 23.9411 5.83331 23.664 5.83331 23.3334V5.83341C5.83331 5.50286 5.94512 5.22578 6.16873 5.00216C6.39234 4.77855 6.66942 4.66675 6.99998 4.66675H15.3708C15.643 4.66675 15.8861 4.75425 16.1 4.92925C16.3139 5.10425 16.45 5.32786 16.5083 5.60008L16.8 7.00008H22.1666C22.4972 7.00008 22.7743 7.11189 22.9979 7.3355C23.2215 7.55911 23.3333 7.83619 23.3333 8.16675V17.5001C23.3333 17.8306 23.2215 18.1077 22.9979 18.3313C22.7743 18.5549 22.4972 18.6667 22.1666 18.6667H16.1291C15.8569 18.6667 15.6139 18.5792 15.4 18.4042C15.1861 18.2292 15.05 18.0056 14.9916 17.7334L14.7 16.3334H8.16665V23.3334C8.16665 23.664 8.05484 23.9411 7.83123 24.1647C7.60762 24.3883 7.33054 24.5001 6.99998 24.5001ZM17.0916 16.3334H21V9.33342H14.875L14.4083 7.00008H8.16665V14.0001H16.625L17.0916 16.3334Z", fill: "currentColor" })))));
+        return (h("svg", { key: '81453af6242fc66470a7005d676a3be45a73b2f4', "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: '74aaf84717a1c5946f30d7dbecc7ab99bf147ed2' }, h("path", { key: 'c4a2edb8503b51c36f0aecde45f4ff240f303cce', d: "M3.99998 14.0001C3.81109 14.0001 3.65276 13.9362 3.52498 13.8084C3.3972 13.6806 3.33331 13.5223 3.33331 13.3334V3.33341C3.33331 3.14453 3.3972 2.98619 3.52498 2.85841C3.65276 2.73064 3.81109 2.66675 3.99998 2.66675H8.78331C8.93887 2.66675 9.07776 2.71675 9.19998 2.81675C9.3222 2.91675 9.39998 3.04453 9.43331 3.20008L9.59998 4.00008H12.6666C12.8555 4.00008 13.0139 4.06397 13.1416 4.19175C13.2694 4.31953 13.3333 4.47786 13.3333 4.66675V10.0001C13.3333 10.189 13.2694 10.3473 13.1416 10.4751C13.0139 10.6029 12.8555 10.6667 12.6666 10.6667H9.21665C9.06109 10.6667 8.9222 10.6167 8.79998 10.5167C8.67776 10.4167 8.59998 10.289 8.56665 10.1334L8.39998 9.33341H4.66665V13.3334C4.66665 13.5223 4.60276 13.6806 4.47498 13.8084C4.3472 13.9362 4.18887 14.0001 3.99998 14.0001ZM9.76665 9.33341H12V5.33341H8.49998L8.23331 4.00008H4.66665V8.00008H9.49998L9.76665 9.33341Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8262fd365bbf882b6fe071c8fc628d5af2855dc4' }, h("path", { key: 'fc7f43947a2063e780f760dd79915a2c4cbeeefa', d: "M6 21C5.71667 21 5.47917 20.9042 5.2875 20.7125C5.09583 20.5208 5 20.2833 5 20V5C5 4.71667 5.09583 4.47917 5.2875 4.2875C5.47917 4.09583 5.71667 4 6 4H13.175C13.4083 4 13.6167 4.075 13.8 4.225C13.9833 4.375 14.1 4.56667 14.15 4.8L14.4 6H19C19.2833 6 19.5208 6.09583 19.7125 6.2875C19.9042 6.47917 20 6.71667 20 7V15C20 15.2833 19.9042 15.5208 19.7125 15.7125C19.5208 15.9042 19.2833 16 19 16H13.825C13.5917 16 13.3833 15.925 13.2 15.775C13.0167 15.625 12.9 15.4333 12.85 15.2L12.6 14H7V20C7 20.2833 6.90417 20.5208 6.7125 20.7125C6.52083 20.9042 6.28333 21 6 21ZM14.65 14H18V8H12.75L12.35 6H7V12H14.25L14.65 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '6f62db4556e5e374cfacacd39d5d7ef36e0f01d6' }, h("path", { key: '3f2d17ee0ef234fa88a92d45b0f83a0e4799c5df', d: "M6.99998 24.5001C6.66942 24.5001 6.39234 24.3883 6.16873 24.1647C5.94512 23.9411 5.83331 23.664 5.83331 23.3334V5.83341C5.83331 5.50286 5.94512 5.22578 6.16873 5.00216C6.39234 4.77855 6.66942 4.66675 6.99998 4.66675H15.3708C15.643 4.66675 15.8861 4.75425 16.1 4.92925C16.3139 5.10425 16.45 5.32786 16.5083 5.60008L16.8 7.00008H22.1666C22.4972 7.00008 22.7743 7.11189 22.9979 7.3355C23.2215 7.55911 23.3333 7.83619 23.3333 8.16675V17.5001C23.3333 17.8306 23.2215 18.1077 22.9979 18.3313C22.7743 18.5549 22.4972 18.6667 22.1666 18.6667H16.1291C15.8569 18.6667 15.6139 18.5792 15.4 18.4042C15.1861 18.2292 15.05 18.0056 14.9916 17.7334L14.7 16.3334H8.16665V23.3334C8.16665 23.664 8.05484 23.9411 7.83123 24.1647C7.60762 24.3883 7.33054 24.5001 6.99998 24.5001ZM17.0916 16.3334H21V9.33342H14.875L14.4083 7.00008H8.16665V14.0001H16.625L17.0916 16.3334Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-report", {

package/dist/components/swirl-icon-roadmap.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 SwirlIconRoadmap$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRoadmap extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRoadmap$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRoadm
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '17df7291185a7de75365f0df8a8801aa061c2b89', "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: '498fccc8020911031f26d03d19a9efc4a812e732' }, h("path", { key: 'e1b9c8f585e7f2588a638d93193593ecbd4b1680', d: "M2.66663 3.66667C2.66663 3.11439 3.11434 2.66667 3.66663 2.66667H6.99996C7.55224 2.66667 7.99996 3.11439 7.99996 3.66667C7.99996 4.21896 7.55224 4.66667 6.99996 4.66667H3.66663C3.11434 4.66667 2.66663 4.21896 2.66663 3.66667Z", fill: "currentColor" }), h("path", { key: '6b53baaf76047e6b7b267f8fcb3899366d4449ae', d: "M2.66663 12.3333C2.66663 11.7811 3.11434 11.3333 3.66663 11.3333H5.66663C6.21891 11.3333 6.66663 11.7811 6.66663 12.3333C6.66663 12.8856 6.21891 13.3333 5.66663 13.3333H3.66663C3.11434 13.3333 2.66663 12.8856 2.66663 12.3333Z", fill: "currentColor" }), h("path", { key: 'd7d51db7cf1130dfb18c80186e31b23f4abb6a2d', d: "M5.33329 8.00001C5.33329 7.44772 5.78101 7.00001 6.33329 7.00001H12.3333C12.8856 7.00001 13.3333 7.44772 13.3333 8.00001C13.3333 8.55229 12.8856 9.00001 12.3333 9.00001H6.33329C5.78101 9.00001 5.33329 8.55229 5.33329 8.00001Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b9fd453b1b8f9afa69342f7001984f46d3593339' }, h("path", { key: '843084e6b798b5747ba988c7a35f19780d045369', d: "M4 5.5C4 4.67157 4.67157 4 5.5 4H10.5C11.3284 4 12 4.67157 12 5.5C12 6.32843 11.3284 7 10.5 7H5.5C4.67157 7 4 6.32843 4 5.5Z", fill: "currentColor" }), h("path", { key: 'aeb03c2d5c4a43c52c78f11cc07889b3d7015c96', d: "M4 18.5C4 17.6716 4.67157 17 5.5 17H8.5C9.32843 17 10 17.6716 10 18.5C10 19.3284 9.32843 20 8.5 20H5.5C4.67157 20 4 19.3284 4 18.5Z", fill: "currentColor" }), h("path", { key: 'ceb4bad808e7edaf6b574c65d94dc2680064ebf8', d: "M8 12C8 11.1716 8.67157 10.5 9.5 10.5H18.5C19.3284 10.5 20 11.1716 20 12C20 12.8284 19.3284 13.5 18.5 13.5H9.5C8.67157 13.5 8 12.8284 8 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '9e4b99b23065cbb97fb658e744b2e051f432fb15' }, h("path", { key: 'f155e9a7fdae2a85f6f132042d9dcb771fc5e73b', d: "M4.66663 6.41667C4.66663 5.45017 5.45013 4.66667 6.41663 4.66667H12.25C13.2165 4.66667 14 5.45017 14 6.41667C14 7.38317 13.2165 8.16667 12.25 8.16667H6.41663C5.45013 8.16667 4.66663 7.38317 4.66663 6.41667Z", fill: "currentColor" }), h("path", { key: '5155c6bf05698e4126bcfe3c80325f8ca157a19c', d: "M4.66663 21.5833C4.66663 20.6168 5.45013 19.8333 6.41663 19.8333H9.91663C10.8831 19.8333 11.6666 20.6168 11.6666 21.5833C11.6666 22.5498 10.8831 23.3333 9.91663 23.3333H6.41663C5.45013 23.3333 4.66663 22.5498 4.66663 21.5833Z", fill: "currentColor" }), h("path", { key: '30c7fec52c47ac4688ca5273f62fca16bf457caa', d: "M9.33329 14C9.33329 13.0335 10.1168 12.25 11.0833 12.25H21.5833C22.5498 12.25 23.3333 13.0335 23.3333 14C23.3333 14.9665 22.5498 15.75 21.5833 15.75H11.0833C10.1168 15.75 9.33329 14.9665 9.33329 14Z", fill: "currentColor" })))));
+        return (h("svg", { key: '9f27b2bed81fa2015e62b25f13db9d741b766784', "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: '84a600b9e076a1c3f4de78de1bc7edb4eefa227c' }, h("path", { key: 'c0555f2ba899a48f7c60119590dc1b2c4fd69674', d: "M2.66663 3.66667C2.66663 3.11439 3.11434 2.66667 3.66663 2.66667H6.99996C7.55224 2.66667 7.99996 3.11439 7.99996 3.66667C7.99996 4.21896 7.55224 4.66667 6.99996 4.66667H3.66663C3.11434 4.66667 2.66663 4.21896 2.66663 3.66667Z", fill: "currentColor" }), h("path", { key: 'e0af9bfad5a17ddbee1fbd74d643b8225e0abe7c', d: "M2.66663 12.3333C2.66663 11.7811 3.11434 11.3333 3.66663 11.3333H5.66663C6.21891 11.3333 6.66663 11.7811 6.66663 12.3333C6.66663 12.8856 6.21891 13.3333 5.66663 13.3333H3.66663C3.11434 13.3333 2.66663 12.8856 2.66663 12.3333Z", fill: "currentColor" }), h("path", { key: '4371a40af4f2c97a28c0bc8115fe4d3ab989ef24', d: "M5.33329 8.00001C5.33329 7.44772 5.78101 7.00001 6.33329 7.00001H12.3333C12.8856 7.00001 13.3333 7.44772 13.3333 8.00001C13.3333 8.55229 12.8856 9.00001 12.3333 9.00001H6.33329C5.78101 9.00001 5.33329 8.55229 5.33329 8.00001Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '72d31a30788e88219f0c7d320a1fbff0ae9b2d4f' }, h("path", { key: 'f421443fe49f0f9982c6d61141d4346bcc542319', d: "M4 5.5C4 4.67157 4.67157 4 5.5 4H10.5C11.3284 4 12 4.67157 12 5.5C12 6.32843 11.3284 7 10.5 7H5.5C4.67157 7 4 6.32843 4 5.5Z", fill: "currentColor" }), h("path", { key: 'b4c7e52df7afc9b83c55cb3e4a8a038044e4e961', d: "M4 18.5C4 17.6716 4.67157 17 5.5 17H8.5C9.32843 17 10 17.6716 10 18.5C10 19.3284 9.32843 20 8.5 20H5.5C4.67157 20 4 19.3284 4 18.5Z", fill: "currentColor" }), h("path", { key: '1d704f383f605b14d88d7288696d394012150cdc', d: "M8 12C8 11.1716 8.67157 10.5 9.5 10.5H18.5C19.3284 10.5 20 11.1716 20 12C20 12.8284 19.3284 13.5 18.5 13.5H9.5C8.67157 13.5 8 12.8284 8 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1c52e80fdb9288844313a2caa6ebedb153669f10' }, h("path", { key: '860f6bebc9c6e3b63b444fdba81853ccf0fb7dcb', d: "M4.66663 6.41667C4.66663 5.45017 5.45013 4.66667 6.41663 4.66667H12.25C13.2165 4.66667 14 5.45017 14 6.41667C14 7.38317 13.2165 8.16667 12.25 8.16667H6.41663C5.45013 8.16667 4.66663 7.38317 4.66663 6.41667Z", fill: "currentColor" }), h("path", { key: '31bc547bbc88ca5bb315b0c8f9fb2ffe3e5ae04b', d: "M4.66663 21.5833C4.66663 20.6168 5.45013 19.8333 6.41663 19.8333H9.91663C10.8831 19.8333 11.6666 20.6168 11.6666 21.5833C11.6666 22.5498 10.8831 23.3333 9.91663 23.3333H6.41663C5.45013 23.3333 4.66663 22.5498 4.66663 21.5833Z", fill: "currentColor" }), h("path", { key: '6f4a090446cc2e01b4bf239a8c4884aeba383a55', d: "M9.33329 14C9.33329 13.0335 10.1168 12.25 11.0833 12.25H21.5833C22.5498 12.25 23.3333 13.0335 23.3333 14C23.3333 14.9665 22.5498 15.75 21.5833 15.75H11.0833C10.1168 15.75 9.33329 14.9665 9.33329 14Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-roadmap", {

package/dist/components/swirl-icon-rotate-left.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 SwirlIconRotateLeft$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRotateLeft extends HTMLElement {
     constructor() {
@@ -16,7 +16,7 @@ const SwirlIconRotateLeft$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRo
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'fe0b02f9934b0c391d5b1ab7451608138a2569f4', "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: 'bc26ad49dbcf22e8eb22fe97467f54cd2832c488' }, h("path", { key: 'f65d674c74b0a08bf168195a63f8bc14482d9367', d: "M8.66668 14.6664C8.25557 14.6664 7.85279 14.6247 7.45835 14.5414C7.0639 14.458 6.67779 14.3386 6.30001 14.183C6.13335 14.1164 6.02223 13.9969 5.96668 13.8247C5.91112 13.6525 5.91668 13.483 5.98335 13.3164C6.05001 13.1497 6.16668 13.0303 6.33335 12.958C6.50001 12.8858 6.66668 12.8886 6.83335 12.9664C7.12223 13.0886 7.41946 13.1803 7.72501 13.2414C8.03057 13.3025 8.34446 13.333 8.66668 13.333C9.96668 13.333 11.0695 12.8803 11.975 11.9747C12.8806 11.0692 13.3333 9.96637 13.3333 8.66637C13.3333 7.36637 12.8778 6.2636 11.9667 5.35804C11.0556 4.45249 9.95001 3.99971 8.65001 3.99971H8.53335L9.13335 4.59971C9.25557 4.72193 9.31668 4.87749 9.31668 5.06637C9.31668 5.25526 9.25557 5.41082 9.13335 5.53304C9.01112 5.65526 8.85557 5.71637 8.66668 5.71637C8.47779 5.71637 8.32223 5.65526 8.20001 5.53304L6.46668 3.79971C6.41112 3.74415 6.36668 3.67471 6.33335 3.59137C6.30001 3.50804 6.28335 3.42193 6.28335 3.33304C6.28335 3.24415 6.30001 3.15804 6.33335 3.07471C6.36668 2.99137 6.41112 2.92193 6.46668 2.86637L8.20001 1.13304C8.32223 1.01082 8.47779 0.949707 8.66668 0.949707C8.85557 0.949707 9.01112 1.01082 9.13335 1.13304C9.25557 1.25526 9.31668 1.41082 9.31668 1.59971C9.31668 1.7886 9.25557 1.94415 9.13335 2.06637L8.53335 2.66637H8.65001C10.3167 2.66637 11.7361 3.24971 12.9083 4.41637C14.0806 5.58304 14.6667 6.99971 14.6667 8.66637C14.6667 10.333 14.0833 11.7497 12.9167 12.9164C11.75 14.083 10.3333 14.6664 8.66668 14.6664ZM4.66668 12.383C4.57779 12.383 4.49446 12.3692 4.41668 12.3414C4.3389 12.3136 4.26668 12.2664 4.20001 12.1997L1.13335 9.13304C1.06668 9.06637 1.01946 8.99415 0.991679 8.91637C0.963901 8.8386 0.950012 8.75526 0.950012 8.66637C0.950012 8.57748 0.963901 8.49415 0.991679 8.41637C1.01946 8.3386 1.06668 8.26637 1.13335 8.19971L4.20001 5.13304C4.26668 5.06637 4.3389 5.01915 4.41668 4.99137C4.49446 4.9636 4.57779 4.94971 4.66668 4.94971C4.75557 4.94971 4.8389 4.9636 4.91668 4.99137C4.99446 5.01915 5.06668 5.06637 5.13335 5.13304L8.20001 8.19971C8.26668 8.26637 8.3139 8.3386 8.34168 8.41637C8.36946 8.49415 8.38335 8.57748 8.38335 8.66637C8.38335 8.75526 8.36946 8.8386 8.34168 8.91637C8.3139 8.99415 8.26668 9.06637 8.20001 9.13304L5.13335 12.1997C5.06668 12.2664 4.99446 12.3136 4.91668 12.3414C4.8389 12.3692 4.75557 12.383 4.66668 12.383ZM4.66668 10.7664L6.76668 8.66637L4.66668 6.56637L2.56668 8.66637L4.66668 10.7664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '5539c0f746550f817c5fdb75b627c698135b94bb' }, h("path", { key: 'fb66f5c520929e7f8892b53a036e7df57a5e5009', d: "M13 21.9998C12.3833 21.9998 11.7792 21.9373 11.1875 21.8123C10.5958 21.6873 10.0167 21.5081 9.44999 21.2748C9.19999 21.1748 9.03332 20.9956 8.94999 20.7373C8.86665 20.479 8.87499 20.2248 8.97499 19.9748C9.07499 19.7248 9.24999 19.5456 9.49999 19.4373C9.74999 19.329 9.99999 19.3331 10.25 19.4498C10.6833 19.6331 11.1292 19.7706 11.5875 19.8623C12.0458 19.954 12.5167 19.9998 13 19.9998C14.95 19.9998 16.6042 19.3206 17.9625 17.9623C19.3208 16.604 20 14.9498 20 12.9998C20 11.0498 19.3167 9.39564 17.95 8.0373C16.5833 6.67897 14.925 5.9998 12.975 5.9998H12.8L13.7 6.8998C13.8833 7.08314 13.975 7.31647 13.975 7.5998C13.975 7.88314 13.8833 8.11647 13.7 8.2998C13.5167 8.48314 13.2833 8.5748 13 8.5748C12.7167 8.5748 12.4833 8.48314 12.3 8.2998L9.69999 5.6998C9.61666 5.61647 9.54999 5.5123 9.49999 5.3873C9.44999 5.2623 9.42499 5.13314 9.42499 4.9998C9.42499 4.86647 9.44999 4.7373 9.49999 4.6123C9.54999 4.4873 9.61666 4.38314 9.69999 4.2998L12.3 1.6998C12.4833 1.51647 12.7167 1.4248 13 1.4248C13.2833 1.4248 13.5167 1.51647 13.7 1.6998C13.8833 1.88314 13.975 2.11647 13.975 2.3998C13.975 2.68314 13.8833 2.91647 13.7 3.0998L12.8 3.9998H12.975C15.475 3.9998 17.6042 4.8748 19.3625 6.6248C21.1208 8.3748 22 10.4998 22 12.9998C22 15.4998 21.125 17.6248 19.375 19.3748C17.625 21.1248 15.5 21.9998 13 21.9998ZM6.99999 18.5748C6.86665 18.5748 6.74165 18.554 6.62499 18.5123C6.50832 18.4706 6.39999 18.3998 6.29999 18.2998L1.69999 13.6998C1.59999 13.5998 1.52915 13.4915 1.48749 13.3748C1.44582 13.2581 1.42499 13.1331 1.42499 12.9998C1.42499 12.8665 1.44582 12.7415 1.48749 12.6248C1.52915 12.5081 1.59999 12.3998 1.69999 12.2998L6.29999 7.6998C6.39999 7.5998 6.50832 7.52897 6.62499 7.4873C6.74165 7.44564 6.86665 7.4248 6.99999 7.4248C7.13332 7.4248 7.25832 7.44564 7.37499 7.4873C7.49165 7.52897 7.59999 7.5998 7.69999 7.6998L12.3 12.2998C12.4 12.3998 12.4708 12.5081 12.5125 12.6248C12.5542 12.7415 12.575 12.8665 12.575 12.9998C12.575 13.1331 12.5542 13.2581 12.5125 13.3748C12.4708 13.4915 12.4 13.5998 12.3 13.6998L7.69999 18.2998C7.59999 18.3998 7.49165 18.4706 7.37499 18.5123C7.25832 18.554 7.13332 18.5748 6.99999 18.5748ZM6.99999 16.1498L10.15 12.9998L6.99999 9.8498L3.84999 12.9998L6.99999 16.1498Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '6c5746d49e4833ac36873e148c87190c1253d011' }, h("path", { key: '99002250b29129564e935085354995376085cc50', d: "M15.1666 25.6663C14.4472 25.6663 13.7423 25.5934 13.0521 25.4475C12.3618 25.3017 11.6861 25.0927 11.025 24.8204C10.7333 24.7038 10.5389 24.4947 10.4416 24.1934C10.3444 23.892 10.3541 23.5954 10.4708 23.3038C10.5875 23.0121 10.7916 22.8031 11.0833 22.6767C11.375 22.5503 11.6666 22.5552 11.9583 22.6913C12.4639 22.9052 12.984 23.0656 13.5187 23.1725C14.0534 23.2795 14.6028 23.3329 15.1666 23.3329C17.4416 23.3329 19.3715 22.5406 20.9562 20.9559C22.5409 19.3711 23.3333 17.4413 23.3333 15.1663C23.3333 12.8913 22.5361 10.9614 20.9416 9.37669C19.3472 7.79197 17.4125 6.99961 15.1375 6.99961H14.9333L15.9833 8.04961C16.1972 8.2635 16.3041 8.53572 16.3041 8.86628C16.3041 9.19683 16.1972 9.46905 15.9833 9.68294C15.7694 9.89683 15.4972 10.0038 15.1666 10.0038C14.8361 10.0038 14.5639 9.89683 14.35 9.68294L11.3166 6.64961C11.2194 6.55239 11.1416 6.43086 11.0833 6.28503C11.025 6.13919 10.9958 5.9885 10.9958 5.83294C10.9958 5.67739 11.025 5.52669 11.0833 5.38086C11.1416 5.23503 11.2194 5.1135 11.3166 5.01628L14.35 1.98294C14.5639 1.76905 14.8361 1.66211 15.1666 1.66211C15.4972 1.66211 15.7694 1.76905 15.9833 1.98294C16.1972 2.19683 16.3041 2.46905 16.3041 2.79961C16.3041 3.13016 16.1972 3.40239 15.9833 3.61628L14.9333 4.66628H15.1375C18.0541 4.66628 20.5382 5.68711 22.5896 7.72878C24.6409 9.77044 25.6666 12.2496 25.6666 15.1663C25.6666 18.0829 24.6458 20.5621 22.6041 22.6038C20.5625 24.6454 18.0833 25.6663 15.1666 25.6663ZM8.16664 21.6704C8.01109 21.6704 7.86525 21.6461 7.72914 21.5975C7.59303 21.5489 7.46664 21.4663 7.34998 21.3496L1.98331 15.9829C1.86664 15.8663 1.784 15.7399 1.73539 15.6038C1.68678 15.4677 1.66248 15.3218 1.66248 15.1663C1.66248 15.0107 1.68678 14.8649 1.73539 14.7288C1.784 14.5927 1.86664 14.4663 1.98331 14.3496L7.34998 8.98294C7.46664 8.86628 7.59303 8.78364 7.72914 8.73503C7.86525 8.68641 8.01109 8.66211 8.16664 8.66211C8.3222 8.66211 8.46803 8.68641 8.60414 8.73503C8.74025 8.78364 8.86664 8.86628 8.98331 8.98294L14.35 14.3496C14.4666 14.4663 14.5493 14.5927 14.5979 14.7288C14.6465 14.8649 14.6708 15.0107 14.6708 15.1663C14.6708 15.3218 14.6465 15.4677 14.5979 15.6038C14.5493 15.7399 14.4666 15.8663 14.35 15.9829L8.98331 21.3496C8.86664 21.4663 8.74025 21.5489 8.60414 21.5975C8.46803 21.6461 8.3222 21.6704 8.16664 21.6704ZM8.16664 18.8413L11.8416 15.1663L8.16664 11.4913L4.49164 15.1663L8.16664 18.8413Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'c8a17de34263ff2a8ce44f5caf15c0fb80b6d4e6', "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: 'e60c12a06dab3e2ba6ee0a9e63ee44394d81e489' }, h("path", { key: '43689b6570683dbb81b0e5e0e9fd1824f47f2314', d: "M8.66668 14.6664C8.25557 14.6664 7.85279 14.6247 7.45835 14.5414C7.0639 14.458 6.67779 14.3386 6.30001 14.183C6.13335 14.1164 6.02223 13.9969 5.96668 13.8247C5.91112 13.6525 5.91668 13.483 5.98335 13.3164C6.05001 13.1497 6.16668 13.0303 6.33335 12.958C6.50001 12.8858 6.66668 12.8886 6.83335 12.9664C7.12223 13.0886 7.41946 13.1803 7.72501 13.2414C8.03057 13.3025 8.34446 13.333 8.66668 13.333C9.96668 13.333 11.0695 12.8803 11.975 11.9747C12.8806 11.0692 13.3333 9.96637 13.3333 8.66637C13.3333 7.36637 12.8778 6.2636 11.9667 5.35804C11.0556 4.45249 9.95001 3.99971 8.65001 3.99971H8.53335L9.13335 4.59971C9.25557 4.72193 9.31668 4.87749 9.31668 5.06637C9.31668 5.25526 9.25557 5.41082 9.13335 5.53304C9.01112 5.65526 8.85557 5.71637 8.66668 5.71637C8.47779 5.71637 8.32223 5.65526 8.20001 5.53304L6.46668 3.79971C6.41112 3.74415 6.36668 3.67471 6.33335 3.59137C6.30001 3.50804 6.28335 3.42193 6.28335 3.33304C6.28335 3.24415 6.30001 3.15804 6.33335 3.07471C6.36668 2.99137 6.41112 2.92193 6.46668 2.86637L8.20001 1.13304C8.32223 1.01082 8.47779 0.949707 8.66668 0.949707C8.85557 0.949707 9.01112 1.01082 9.13335 1.13304C9.25557 1.25526 9.31668 1.41082 9.31668 1.59971C9.31668 1.7886 9.25557 1.94415 9.13335 2.06637L8.53335 2.66637H8.65001C10.3167 2.66637 11.7361 3.24971 12.9083 4.41637C14.0806 5.58304 14.6667 6.99971 14.6667 8.66637C14.6667 10.333 14.0833 11.7497 12.9167 12.9164C11.75 14.083 10.3333 14.6664 8.66668 14.6664ZM4.66668 12.383C4.57779 12.383 4.49446 12.3692 4.41668 12.3414C4.3389 12.3136 4.26668 12.2664 4.20001 12.1997L1.13335 9.13304C1.06668 9.06637 1.01946 8.99415 0.991679 8.91637C0.963901 8.8386 0.950012 8.75526 0.950012 8.66637C0.950012 8.57748 0.963901 8.49415 0.991679 8.41637C1.01946 8.3386 1.06668 8.26637 1.13335 8.19971L4.20001 5.13304C4.26668 5.06637 4.3389 5.01915 4.41668 4.99137C4.49446 4.9636 4.57779 4.94971 4.66668 4.94971C4.75557 4.94971 4.8389 4.9636 4.91668 4.99137C4.99446 5.01915 5.06668 5.06637 5.13335 5.13304L8.20001 8.19971C8.26668 8.26637 8.3139 8.3386 8.34168 8.41637C8.36946 8.49415 8.38335 8.57748 8.38335 8.66637C8.38335 8.75526 8.36946 8.8386 8.34168 8.91637C8.3139 8.99415 8.26668 9.06637 8.20001 9.13304L5.13335 12.1997C5.06668 12.2664 4.99446 12.3136 4.91668 12.3414C4.8389 12.3692 4.75557 12.383 4.66668 12.383ZM4.66668 10.7664L6.76668 8.66637L4.66668 6.56637L2.56668 8.66637L4.66668 10.7664Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'ae4bc9e52755a522b23a65ec5d6852923ca594a4' }, h("path", { key: '8f9b7004a98381540465dac3b0697e2c513ec201', d: "M13 21.9998C12.3833 21.9998 11.7792 21.9373 11.1875 21.8123C10.5958 21.6873 10.0167 21.5081 9.44999 21.2748C9.19999 21.1748 9.03332 20.9956 8.94999 20.7373C8.86665 20.479 8.87499 20.2248 8.97499 19.9748C9.07499 19.7248 9.24999 19.5456 9.49999 19.4373C9.74999 19.329 9.99999 19.3331 10.25 19.4498C10.6833 19.6331 11.1292 19.7706 11.5875 19.8623C12.0458 19.954 12.5167 19.9998 13 19.9998C14.95 19.9998 16.6042 19.3206 17.9625 17.9623C19.3208 16.604 20 14.9498 20 12.9998C20 11.0498 19.3167 9.39564 17.95 8.0373C16.5833 6.67897 14.925 5.9998 12.975 5.9998H12.8L13.7 6.8998C13.8833 7.08314 13.975 7.31647 13.975 7.5998C13.975 7.88314 13.8833 8.11647 13.7 8.2998C13.5167 8.48314 13.2833 8.5748 13 8.5748C12.7167 8.5748 12.4833 8.48314 12.3 8.2998L9.69999 5.6998C9.61666 5.61647 9.54999 5.5123 9.49999 5.3873C9.44999 5.2623 9.42499 5.13314 9.42499 4.9998C9.42499 4.86647 9.44999 4.7373 9.49999 4.6123C9.54999 4.4873 9.61666 4.38314 9.69999 4.2998L12.3 1.6998C12.4833 1.51647 12.7167 1.4248 13 1.4248C13.2833 1.4248 13.5167 1.51647 13.7 1.6998C13.8833 1.88314 13.975 2.11647 13.975 2.3998C13.975 2.68314 13.8833 2.91647 13.7 3.0998L12.8 3.9998H12.975C15.475 3.9998 17.6042 4.8748 19.3625 6.6248C21.1208 8.3748 22 10.4998 22 12.9998C22 15.4998 21.125 17.6248 19.375 19.3748C17.625 21.1248 15.5 21.9998 13 21.9998ZM6.99999 18.5748C6.86665 18.5748 6.74165 18.554 6.62499 18.5123C6.50832 18.4706 6.39999 18.3998 6.29999 18.2998L1.69999 13.6998C1.59999 13.5998 1.52915 13.4915 1.48749 13.3748C1.44582 13.2581 1.42499 13.1331 1.42499 12.9998C1.42499 12.8665 1.44582 12.7415 1.48749 12.6248C1.52915 12.5081 1.59999 12.3998 1.69999 12.2998L6.29999 7.6998C6.39999 7.5998 6.50832 7.52897 6.62499 7.4873C6.74165 7.44564 6.86665 7.4248 6.99999 7.4248C7.13332 7.4248 7.25832 7.44564 7.37499 7.4873C7.49165 7.52897 7.59999 7.5998 7.69999 7.6998L12.3 12.2998C12.4 12.3998 12.4708 12.5081 12.5125 12.6248C12.5542 12.7415 12.575 12.8665 12.575 12.9998C12.575 13.1331 12.5542 13.2581 12.5125 13.3748C12.4708 13.4915 12.4 13.5998 12.3 13.6998L7.69999 18.2998C7.59999 18.3998 7.49165 18.4706 7.37499 18.5123C7.25832 18.554 7.13332 18.5748 6.99999 18.5748ZM6.99999 16.1498L10.15 12.9998L6.99999 9.8498L3.84999 12.9998L6.99999 16.1498Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '03b505735e92672a9299dd99d68873e0517c744b' }, h("path", { key: 'f48b6b68a783feb45c947e970f9b24a2e11ab0ab', d: "M15.1666 25.6663C14.4472 25.6663 13.7423 25.5934 13.0521 25.4475C12.3618 25.3017 11.6861 25.0927 11.025 24.8204C10.7333 24.7038 10.5389 24.4947 10.4416 24.1934C10.3444 23.892 10.3541 23.5954 10.4708 23.3038C10.5875 23.0121 10.7916 22.8031 11.0833 22.6767C11.375 22.5503 11.6666 22.5552 11.9583 22.6913C12.4639 22.9052 12.984 23.0656 13.5187 23.1725C14.0534 23.2795 14.6028 23.3329 15.1666 23.3329C17.4416 23.3329 19.3715 22.5406 20.9562 20.9559C22.5409 19.3711 23.3333 17.4413 23.3333 15.1663C23.3333 12.8913 22.5361 10.9614 20.9416 9.37669C19.3472 7.79197 17.4125 6.99961 15.1375 6.99961H14.9333L15.9833 8.04961C16.1972 8.2635 16.3041 8.53572 16.3041 8.86628C16.3041 9.19683 16.1972 9.46905 15.9833 9.68294C15.7694 9.89683 15.4972 10.0038 15.1666 10.0038C14.8361 10.0038 14.5639 9.89683 14.35 9.68294L11.3166 6.64961C11.2194 6.55239 11.1416 6.43086 11.0833 6.28503C11.025 6.13919 10.9958 5.9885 10.9958 5.83294C10.9958 5.67739 11.025 5.52669 11.0833 5.38086C11.1416 5.23503 11.2194 5.1135 11.3166 5.01628L14.35 1.98294C14.5639 1.76905 14.8361 1.66211 15.1666 1.66211C15.4972 1.66211 15.7694 1.76905 15.9833 1.98294C16.1972 2.19683 16.3041 2.46905 16.3041 2.79961C16.3041 3.13016 16.1972 3.40239 15.9833 3.61628L14.9333 4.66628H15.1375C18.0541 4.66628 20.5382 5.68711 22.5896 7.72878C24.6409 9.77044 25.6666 12.2496 25.6666 15.1663C25.6666 18.0829 24.6458 20.5621 22.6041 22.6038C20.5625 24.6454 18.0833 25.6663 15.1666 25.6663ZM8.16664 21.6704C8.01109 21.6704 7.86525 21.6461 7.72914 21.5975C7.59303 21.5489 7.46664 21.4663 7.34998 21.3496L1.98331 15.9829C1.86664 15.8663 1.784 15.7399 1.73539 15.6038C1.68678 15.4677 1.66248 15.3218 1.66248 15.1663C1.66248 15.0107 1.68678 14.8649 1.73539 14.7288C1.784 14.5927 1.86664 14.4663 1.98331 14.3496L7.34998 8.98294C7.46664 8.86628 7.59303 8.78364 7.72914 8.73503C7.86525 8.68641 8.01109 8.66211 8.16664 8.66211C8.3222 8.66211 8.46803 8.68641 8.60414 8.73503C8.74025 8.78364 8.86664 8.86628 8.98331 8.98294L14.35 14.3496C14.4666 14.4663 14.5493 14.5927 14.5979 14.7288C14.6465 14.8649 14.6708 15.0107 14.6708 15.1663C14.6708 15.3218 14.6465 15.4677 14.5979 15.6038C14.5493 15.7399 14.4666 15.8663 14.35 15.9829L8.98331 21.3496C8.86664 21.4663 8.74025 21.5489 8.60414 21.5975C8.46803 21.6461 8.3222 21.6704 8.16664 21.6704ZM8.16664 18.8413L11.8416 15.1663L8.16664 11.4913L4.49164 15.1663L8.16664 18.8413Z", fill: "currentColor" })))));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon-rotate-left", {