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/cjs/swirl-icon-arrow-back_5.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-31zRgX-7.js');
 var index$1 = require('./index-DcAhLZUH.js');
-const swirlIconCss$4 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss$4 = ":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 SwirlIconArrowBack = class {
     constructor(hostRef) {
@@ -16,12 +16,12 @@ const SwirlIconArrowBack = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '6896322ddc907da547a8755d3c57257c2b69d01b', "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 && (index.h(index.Fragment, { key: 'ab47839e08cd29853f6bbcbb68e659c27053e7ce' }, index.h("path", { key: '1fd446580d38e461b9c6be3eac462d8ee9794aa0', d: "M9.50758 13.1114L4.83311 8.45076C4.77762 8.38603 4.73601 8.31668 4.70827 8.2427C4.68053 8.16872 4.66666 8.09012 4.66666 8.00689C4.66666 7.92367 4.68053 7.84507 4.70827 7.77109C4.73601 7.69711 4.77762 7.62776 4.83311 7.56303L9.50758 2.88856C9.65553 2.7406 9.83826 2.66663 10.0558 2.66663C10.2729 2.66663 10.4554 2.74523 10.6034 2.90243C10.7606 3.05039 10.8392 3.2283 10.8392 3.43618C10.8392 3.64443 10.7606 3.82715 10.6034 3.98435L6.58083 8.00689L10.6034 12.0294C10.7513 12.1774 10.8253 12.3553 10.8253 12.5632C10.8253 12.7714 10.7467 12.9542 10.5895 13.1114C10.4415 13.2593 10.2634 13.3333 10.0552 13.3333C9.84732 13.3333 9.66478 13.2593 9.50758 13.1114V13.1114Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '5cdc7ab266bda9437ff3dca16a7a8b644e95c6da' }, index.h("path", { key: '30e5af0c633a722f10cd162da715c42e32d0d360', d: "M14.2614 19.6671L7.24967 12.6762C7.16645 12.5791 7.10403 12.4751 7.06242 12.3641C7.02081 12.2531 7 12.1352 7 12.0104C7 11.8856 7.02081 11.7677 7.06242 11.6567C7.10403 11.5457 7.16645 11.4417 7.24967 11.3446L14.2614 4.3329C14.4833 4.11097 14.7574 4 15.0836 4C15.4093 4 15.6831 4.1179 15.9051 4.35371C16.1409 4.57564 16.2588 4.84251 16.2588 5.15433C16.2588 5.4667 16.1409 5.74079 15.9051 5.97659L9.87126 12.0104L15.9051 18.0442C16.127 18.2661 16.238 18.533 16.238 18.8448C16.238 19.1572 16.1201 19.4313 15.8843 19.6671C15.6623 19.889 15.3952 20 15.0828 20C14.771 20 14.4972 19.889 14.2614 19.6671Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '9c077bf74cbaf53169d077b0301f63be4daecade' }, index.h("path", { key: 'e1f1db0d278055250a7f86d67c45c6d077d4344a', d: "M16.6383 22.9449L8.45794 14.7889C8.36085 14.6756 8.28803 14.5542 8.23948 14.4248C8.19093 14.2953 8.16666 14.1577 8.16666 14.0121C8.16666 13.8665 8.19093 13.7289 8.23948 13.5994C8.28803 13.47 8.36085 13.3486 8.45794 13.2353L16.6383 5.05501C16.8972 4.79609 17.217 4.66663 17.5976 4.66663C17.9775 4.66663 18.297 4.80418 18.5559 5.07928C18.831 5.33821 18.9686 5.64956 18.9686 6.01334C18.9686 6.37778 18.831 6.69755 18.5559 6.97265L11.5165 14.0121L18.5559 21.0515C18.8148 21.3105 18.9443 21.6218 18.9443 21.9856C18.9443 22.35 18.8067 22.6698 18.5316 22.9449C18.2727 23.2038 17.961 23.3333 17.5966 23.3333C17.2328 23.3333 16.9134 23.2038 16.6383 22.9449V22.9449Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: 'b2b1d58ceb9a676e4ec0b2bbe7bef598b2e2daaf', "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 && (index.h(index.Fragment, { key: 'e44f469ff8efe4008104cfae06ed7e6c9a8adbe8' }, index.h("path", { key: '232b1a3375c91f11faa58dd09e99532d12fa70ce', d: "M9.50758 13.1114L4.83311 8.45076C4.77762 8.38603 4.73601 8.31668 4.70827 8.2427C4.68053 8.16872 4.66666 8.09012 4.66666 8.00689C4.66666 7.92367 4.68053 7.84507 4.70827 7.77109C4.73601 7.69711 4.77762 7.62776 4.83311 7.56303L9.50758 2.88856C9.65553 2.7406 9.83826 2.66663 10.0558 2.66663C10.2729 2.66663 10.4554 2.74523 10.6034 2.90243C10.7606 3.05039 10.8392 3.2283 10.8392 3.43618C10.8392 3.64443 10.7606 3.82715 10.6034 3.98435L6.58083 8.00689L10.6034 12.0294C10.7513 12.1774 10.8253 12.3553 10.8253 12.5632C10.8253 12.7714 10.7467 12.9542 10.5895 13.1114C10.4415 13.2593 10.2634 13.3333 10.0552 13.3333C9.84732 13.3333 9.66478 13.2593 9.50758 13.1114V13.1114Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'a8cb91234bbbb7504d3918b690f8fbc4818aadc1' }, index.h("path", { key: '3e31e606f72970d1ba410af349ef78ef8a61de1b', d: "M14.2614 19.6671L7.24967 12.6762C7.16645 12.5791 7.10403 12.4751 7.06242 12.3641C7.02081 12.2531 7 12.1352 7 12.0104C7 11.8856 7.02081 11.7677 7.06242 11.6567C7.10403 11.5457 7.16645 11.4417 7.24967 11.3446L14.2614 4.3329C14.4833 4.11097 14.7574 4 15.0836 4C15.4093 4 15.6831 4.1179 15.9051 4.35371C16.1409 4.57564 16.2588 4.84251 16.2588 5.15433C16.2588 5.4667 16.1409 5.74079 15.9051 5.97659L9.87126 12.0104L15.9051 18.0442C16.127 18.2661 16.238 18.533 16.238 18.8448C16.238 19.1572 16.1201 19.4313 15.8843 19.6671C15.6623 19.889 15.3952 20 15.0828 20C14.771 20 14.4972 19.889 14.2614 19.6671Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'c3c2b99530b9037896234f8b3e9099719f0d425c' }, index.h("path", { key: '66643bfcf1add96d9b54b0716d0397033206dd81', d: "M16.6383 22.9449L8.45794 14.7889C8.36085 14.6756 8.28803 14.5542 8.23948 14.4248C8.19093 14.2953 8.16666 14.1577 8.16666 14.0121C8.16666 13.8665 8.19093 13.7289 8.23948 13.5994C8.28803 13.47 8.36085 13.3486 8.45794 13.2353L16.6383 5.05501C16.8972 4.79609 17.217 4.66663 17.5976 4.66663C17.9775 4.66663 18.297 4.80418 18.5559 5.07928C18.831 5.33821 18.9686 5.64956 18.9686 6.01334C18.9686 6.37778 18.831 6.69755 18.5559 6.97265L11.5165 14.0121L18.5559 21.0515C18.8148 21.3105 18.9443 21.6218 18.9443 21.9856C18.9443 22.35 18.8067 22.6698 18.5316 22.9449C18.2727 23.2038 17.961 23.3333 17.5966 23.3333C17.2328 23.3333 16.9134 23.2038 16.6383 22.9449V22.9449Z", fill: "currentColor" })))));
     }
 };
 SwirlIconArrowBack.style = swirlIconCss$4;
-const swirlIconCss$3 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss$3 = ":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 SwirlIconArrowForward = class {
     constructor(hostRef) {
@@ -34,12 +34,12 @@ const SwirlIconArrowForward = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '65306225059754cbe7742cf914da1499513543ee', "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 && (index.h(index.Fragment, { key: '2a76d31da07cecb4774ecaee1b78f9422b57f3d1' }, index.h("path", { key: 'ee16e407898581e7bfaea553ee57bf9d2e3e7198', d: "M6.4916 13.1114L11.1661 8.45076C11.2216 8.38603 11.2632 8.31668 11.2909 8.2427C11.3187 8.16872 11.3325 8.09012 11.3325 8.00689C11.3325 7.92367 11.3187 7.84507 11.2909 7.77109C11.2632 7.69711 11.2216 7.62776 11.1661 7.56303L6.4916 2.88856C6.34365 2.7406 6.16092 2.66663 5.94343 2.66663C5.7263 2.66663 5.54376 2.74523 5.39581 2.90243C5.2386 3.05039 5.16 3.2283 5.16 3.43618C5.16 3.64443 5.2386 3.82715 5.39581 3.98435L9.41835 8.00689L5.39581 12.0294C5.24785 12.1774 5.17387 12.3553 5.17387 12.5632C5.17387 12.7714 5.25248 12.9542 5.40968 13.1114C5.55763 13.2593 5.73574 13.3333 5.94398 13.3333C6.15186 13.3333 6.3344 13.2593 6.4916 13.1114Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '341294fc6f1b4e1041003b7048b0a71d6acb7741' }, index.h("path", { key: 'ccbd637d5e0af3420bf9e96894fffe06b3152397', d: "M9.73739 19.6671L16.7491 12.6762C16.8323 12.5791 16.8947 12.4751 16.9363 12.3641C16.978 12.2531 16.9988 12.1352 16.9988 12.0104C16.9988 11.8856 16.978 11.7677 16.9363 11.6567C16.8947 11.5457 16.8323 11.4417 16.7491 11.3446L9.73739 4.3329C9.51546 4.11097 9.24137 4 8.91513 4C8.58944 4 8.31563 4.1179 8.0937 4.35371C7.85789 4.57564 7.73999 4.84251 7.73999 5.15433C7.73999 5.4667 7.85789 5.74079 8.0937 5.97659L14.1275 12.0104L8.0937 18.0442C7.87176 18.2661 7.7608 18.533 7.7608 18.8448C7.7608 19.1572 7.8787 19.4313 8.1145 19.6671C8.33643 19.889 8.60359 20 8.91596 20C9.22778 20 9.50159 19.889 9.73739 19.6671Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '817f70091d7c6da7d7573911c37b098c655a5159' }, index.h("path", { key: 'c9fd0c4424d767c5061ac71d024e479b21f7bb96', d: "M11.3603 22.9449L19.5406 14.7889C19.6377 14.6756 19.7105 14.5542 19.7591 14.4248C19.8076 14.2953 19.8319 14.1577 19.8319 14.0121C19.8319 13.8665 19.8076 13.7289 19.7591 13.5994C19.7105 13.47 19.6377 13.3486 19.5406 13.2353L11.3603 5.05501C11.1014 4.79609 10.7816 4.66663 10.401 4.66663C10.021 4.66663 9.70158 4.80418 9.44266 5.07928C9.16755 5.33821 9.03 5.64956 9.03 6.01334C9.03 6.37778 9.16755 6.69755 9.44266 6.97265L16.4821 14.0121L9.44266 21.0515C9.18373 21.3105 9.05427 21.6218 9.05427 21.9856C9.05427 22.35 9.19182 22.6698 9.46693 22.9449C9.72585 23.2038 10.0375 23.3333 10.402 23.3333C10.7657 23.3333 11.0852 23.2038 11.3603 22.9449Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '8709f0610255ec5cd595af460ed363fbe09b0399', "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 && (index.h(index.Fragment, { key: 'aaf51c506a290e186c47e8a4c6d97699b334757f' }, index.h("path", { key: '9f6b1c1c31e9efe0c2bf4c5cf91b43dc5d4df1e5', d: "M6.4916 13.1114L11.1661 8.45076C11.2216 8.38603 11.2632 8.31668 11.2909 8.2427C11.3187 8.16872 11.3325 8.09012 11.3325 8.00689C11.3325 7.92367 11.3187 7.84507 11.2909 7.77109C11.2632 7.69711 11.2216 7.62776 11.1661 7.56303L6.4916 2.88856C6.34365 2.7406 6.16092 2.66663 5.94343 2.66663C5.7263 2.66663 5.54376 2.74523 5.39581 2.90243C5.2386 3.05039 5.16 3.2283 5.16 3.43618C5.16 3.64443 5.2386 3.82715 5.39581 3.98435L9.41835 8.00689L5.39581 12.0294C5.24785 12.1774 5.17387 12.3553 5.17387 12.5632C5.17387 12.7714 5.25248 12.9542 5.40968 13.1114C5.55763 13.2593 5.73574 13.3333 5.94398 13.3333C6.15186 13.3333 6.3344 13.2593 6.4916 13.1114Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '20cddebe7340989784d2a9fb952184a10bacbb2b' }, index.h("path", { key: 'de829daa0932e722717216b7b537cadc22fd5b32', d: "M9.73739 19.6671L16.7491 12.6762C16.8323 12.5791 16.8947 12.4751 16.9363 12.3641C16.978 12.2531 16.9988 12.1352 16.9988 12.0104C16.9988 11.8856 16.978 11.7677 16.9363 11.6567C16.8947 11.5457 16.8323 11.4417 16.7491 11.3446L9.73739 4.3329C9.51546 4.11097 9.24137 4 8.91513 4C8.58944 4 8.31563 4.1179 8.0937 4.35371C7.85789 4.57564 7.73999 4.84251 7.73999 5.15433C7.73999 5.4667 7.85789 5.74079 8.0937 5.97659L14.1275 12.0104L8.0937 18.0442C7.87176 18.2661 7.7608 18.533 7.7608 18.8448C7.7608 19.1572 7.8787 19.4313 8.1145 19.6671C8.33643 19.889 8.60359 20 8.91596 20C9.22778 20 9.50159 19.889 9.73739 19.6671Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '7d469fc0e0e94cc45dc41867dca22c8fe0dd3b4c' }, index.h("path", { key: '49115a8eeb6aae180b630d693b756677521df806', d: "M11.3603 22.9449L19.5406 14.7889C19.6377 14.6756 19.7105 14.5542 19.7591 14.4248C19.8076 14.2953 19.8319 14.1577 19.8319 14.0121C19.8319 13.8665 19.8076 13.7289 19.7591 13.5994C19.7105 13.47 19.6377 13.3486 19.5406 13.2353L11.3603 5.05501C11.1014 4.79609 10.7816 4.66663 10.401 4.66663C10.021 4.66663 9.70158 4.80418 9.44266 5.07928C9.16755 5.33821 9.03 5.64956 9.03 6.01334C9.03 6.37778 9.16755 6.69755 9.44266 6.97265L16.4821 14.0121L9.44266 21.0515C9.18373 21.3105 9.05427 21.6218 9.05427 21.9856C9.05427 22.35 9.19182 22.6698 9.46693 22.9449C9.72585 23.2038 10.0375 23.3333 10.402 23.3333C10.7657 23.3333 11.0852 23.2038 11.3603 22.9449Z", fill: "currentColor" })))));
     }
 };
 SwirlIconArrowForward.style = swirlIconCss$3;
-const swirlIconCss$2 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss$2 = ":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 SwirlIconDockLeftCollapse = class {
     constructor(hostRef) {
@@ -52,12 +52,12 @@ const SwirlIconDockLeftCollapse = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'e692292bf92f38fc33867f47008c4f00bf8ec942', "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 && (index.h(index.Fragment, { key: '9f1fe497939c481c1c82374d1a6ac0befa4da3d1' }, index.h("path", { key: '2212b022010380df985ae9e212641cbdf81e0be4', d: "M11 9.86667V6.13333C11 5.97778 10.9333 5.87222 10.8 5.81667C10.6667 5.76111 10.5444 5.78889 10.4333 5.9L8.8 7.53333C8.66667 7.66667 8.6 7.82222 8.6 8C8.6 8.17778 8.66667 8.33333 8.8 8.46667L10.4333 10.1C10.5444 10.2111 10.6667 10.2389 10.8 10.1833C10.9333 10.1278 11 10.0222 11 9.86667ZM3.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.33333ZM5.33333 12.6667V3.33333H3.33333V12.6667H5.33333ZM6.66667 12.6667H12.6667V3.33333H6.66667V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'a730fde7ba1ac8ab31163e15519ac94a3c349518' }, index.h("path", { key: '89372937936f489086d2b738693e5103b553baf3', d: "M16.5 14.8V9.2C16.5 8.96667 16.4 8.80833 16.2 8.725C16 8.64167 15.8167 8.68333 15.65 8.85L13.2 11.3C13 11.5 12.9 11.7333 12.9 12C12.9 12.2667 13 12.5 13.2 12.7L15.65 15.15C15.8167 15.3167 16 15.3583 16.2 15.275C16.4 15.1917 16.5 15.0333 16.5 14.8ZM5 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 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '03355a3dd7e0915506d76d2bc0fe4f84176f16fe' }, index.h("path", { key: '0d1ffef5b82d1fad0c5a15e22360c365259cd316', d: "M19.25 17.2667V10.7333C19.25 10.4611 19.1333 10.2764 18.9 10.1792C18.6667 10.0819 18.4528 10.1306 18.2583 10.325L15.4 13.1833C15.1667 13.4167 15.05 13.6889 15.05 14C15.05 14.3111 15.1667 14.5833 15.4 14.8167L18.2583 17.675C18.4528 17.8694 18.6667 17.9181 18.9 17.8208C19.1333 17.7236 19.25 17.5389 19.25 17.2667ZM5.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.83333ZM9.33333 22.1667V5.83333H5.83333V22.1667H9.33333ZM11.6667 22.1667H22.1667V5.83333H11.6667V22.1667Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: 'acb9a0dfa80f9b0af4190e5a543342beae6a1181', "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 && (index.h(index.Fragment, { key: '02092cb1774d5e7745d28d06e6a0565ef513e703' }, index.h("path", { key: '1b451c0b34e0035d9cfd7c0f5a06dbe4f9b98280', d: "M11 9.86667V6.13333C11 5.97778 10.9333 5.87222 10.8 5.81667C10.6667 5.76111 10.5444 5.78889 10.4333 5.9L8.8 7.53333C8.66667 7.66667 8.6 7.82222 8.6 8C8.6 8.17778 8.66667 8.33333 8.8 8.46667L10.4333 10.1C10.5444 10.2111 10.6667 10.2389 10.8 10.1833C10.9333 10.1278 11 10.0222 11 9.86667ZM3.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.33333ZM5.33333 12.6667V3.33333H3.33333V12.6667H5.33333ZM6.66667 12.6667H12.6667V3.33333H6.66667V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '31d9ab12198a4ddf2f5d85f7fd5516559e042e86' }, index.h("path", { key: '427fbc00557a636b2fbf7a2ed39dccae575ef948', d: "M16.5 14.8V9.2C16.5 8.96667 16.4 8.80833 16.2 8.725C16 8.64167 15.8167 8.68333 15.65 8.85L13.2 11.3C13 11.5 12.9 11.7333 12.9 12C12.9 12.2667 13 12.5 13.2 12.7L15.65 15.15C15.8167 15.3167 16 15.3583 16.2 15.275C16.4 15.1917 16.5 15.0333 16.5 14.8ZM5 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 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '27298ea8c6f5b3294e8c9d77a77b11f8f6b0503b' }, index.h("path", { key: '2ddf053f673e8ee660e5e5792da248df3d2e15f7', d: "M19.25 17.2667V10.7333C19.25 10.4611 19.1333 10.2764 18.9 10.1792C18.6667 10.0819 18.4528 10.1306 18.2583 10.325L15.4 13.1833C15.1667 13.4167 15.05 13.6889 15.05 14C15.05 14.3111 15.1667 14.5833 15.4 14.8167L18.2583 17.675C18.4528 17.8694 18.6667 17.9181 18.9 17.8208C19.1333 17.7236 19.25 17.5389 19.25 17.2667ZM5.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.83333ZM9.33333 22.1667V5.83333H5.83333V22.1667H9.33333ZM11.6667 22.1667H22.1667V5.83333H11.6667V22.1667Z", fill: "currentColor" })))));
     }
 };
 SwirlIconDockLeftCollapse.style = swirlIconCss$2;
-const swirlIconCss$1 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss$1 = ":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 SwirlIconDockLeftExpand = class {
     constructor(hostRef) {
@@ -70,12 +70,12 @@ const SwirlIconDockLeftExpand = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '9a0aee3ad03e7c9c5612cd63b78c57f8df5e1b86', "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 && (index.h(index.Fragment, { key: '0c4dcaae58761ad3b6d41be58f49c11ee88d636b' }, index.h("path", { key: 'f769d0ccdb4931d1fc8ce15536deff1fa35d27b0', d: "M8.33333 6.13333V9.86667C8.33333 10.0222 8.4 10.1278 8.53333 10.1833C8.66667 10.2389 8.78889 10.2111 8.9 10.1L10.5333 8.46667C10.6667 8.33333 10.7333 8.17778 10.7333 8C10.7333 7.82222 10.6667 7.66667 10.5333 7.53333L8.9 5.9C8.78889 5.78889 8.66667 5.76111 8.53333 5.81667C8.4 5.87222 8.33333 5.97778 8.33333 6.13333ZM3.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.33333ZM5.33333 12.6667V3.33333H3.33333V12.6667H5.33333ZM6.66667 12.6667H12.6667V3.33333H6.66667V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '292b6d4b8b6c9c233ab53313d7cfcb9d23339546' }, index.h("path", { key: 'dcb0d330514e579b7c812637a8bb3122597b15b8', d: "M12.5 9.2V14.8C12.5 15.0333 12.6 15.1917 12.8 15.275C13 15.3583 13.1833 15.3167 13.35 15.15L15.8 12.7C16 12.5 16.1 12.2667 16.1 12C16.1 11.7333 16 11.5 15.8 11.3L13.35 8.85C13.1833 8.68333 13 8.64167 12.8 8.725C12.6 8.80833 12.5 8.96667 12.5 9.2ZM5 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 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '7346818d28eaaf781e28a281a11376e72475eb97' }, index.h("path", { key: 'df6caaef6a9fcc336736ff88f8ae8b0c660c88fd', d: "M14.5833 10.7333V17.2667C14.5833 17.5389 14.7 17.7236 14.9333 17.8208C15.1667 17.9181 15.3806 17.8694 15.575 17.675L18.4333 14.8167C18.6667 14.5833 18.7833 14.3111 18.7833 14C18.7833 13.6889 18.6667 13.4167 18.4333 13.1833L15.575 10.325C15.3806 10.1306 15.1667 10.0819 14.9333 10.1792C14.7 10.2764 14.5833 10.4611 14.5833 10.7333ZM5.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.83333ZM9.33333 22.1667V5.83333H5.83333V22.1667H9.33333ZM11.6667 22.1667H22.1667V5.83333H11.6667V22.1667Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '88457ffa608e18d3e37ae07a19aa0b894c0f944c', "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 && (index.h(index.Fragment, { key: '9f80db15f8712d20466ce9aa04de5472ac384eaa' }, index.h("path", { key: 'd0a622352fa14a5dfbdfcf9058cd84a529824e19', d: "M8.33333 6.13333V9.86667C8.33333 10.0222 8.4 10.1278 8.53333 10.1833C8.66667 10.2389 8.78889 10.2111 8.9 10.1L10.5333 8.46667C10.6667 8.33333 10.7333 8.17778 10.7333 8C10.7333 7.82222 10.6667 7.66667 10.5333 7.53333L8.9 5.9C8.78889 5.78889 8.66667 5.76111 8.53333 5.81667C8.4 5.87222 8.33333 5.97778 8.33333 6.13333ZM3.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.33333ZM5.33333 12.6667V3.33333H3.33333V12.6667H5.33333ZM6.66667 12.6667H12.6667V3.33333H6.66667V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'dd9c208bbb4d4341c16ef58f70b55ec996fa9922' }, index.h("path", { key: '8751a5a17c73fae6c26cb2c39ef26c2bc4ad008f', d: "M12.5 9.2V14.8C12.5 15.0333 12.6 15.1917 12.8 15.275C13 15.3583 13.1833 15.3167 13.35 15.15L15.8 12.7C16 12.5 16.1 12.2667 16.1 12C16.1 11.7333 16 11.5 15.8 11.3L13.35 8.85C13.1833 8.68333 13 8.64167 12.8 8.725C12.6 8.80833 12.5 8.96667 12.5 9.2ZM5 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 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '66344f1cda9317c8757112d68ba77ee1e38c5951' }, index.h("path", { key: 'cd5befa0d8b469c1f6f38ecb1aed0b9a0ea2eb39', d: "M14.5833 10.7333V17.2667C14.5833 17.5389 14.7 17.7236 14.9333 17.8208C15.1667 17.9181 15.3806 17.8694 15.575 17.675L18.4333 14.8167C18.6667 14.5833 18.7833 14.3111 18.7833 14C18.7833 13.6889 18.6667 13.4167 18.4333 13.1833L15.575 10.325C15.3806 10.1306 15.1667 10.0819 14.9333 10.1792C14.7 10.2764 14.5833 10.4611 14.5833 10.7333ZM5.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.83333ZM9.33333 22.1667V5.83333H5.83333V22.1667H9.33333ZM11.6667 22.1667H22.1667V5.83333H11.6667V22.1667Z", fill: "currentColor" })))));
     }
 };
 SwirlIconDockLeftExpand.style = swirlIconCss$1;
-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 SwirlIconDoubleArrowLeft = class {
     constructor(hostRef) {
@@ -88,7 +88,7 @@ const SwirlIconDoubleArrowLeft = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '4607994e85a7e38e8a6f5a083259fcf15c7648f3', "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 && (index.h(index.Fragment, { key: '83143fc926185048ffd5624c97a4170f374f3169' }, index.h("path", { key: '4d218c1ae479c11575f3cb302f2cf7c1db14b8f8', d: "M10.9833 11.5378L7.91667 8.47112C7.85 8.40445 7.80289 8.33223 7.77534 8.25445C7.74734 8.17667 7.73334 8.09334 7.73334 8.00445C7.73334 7.91556 7.74734 7.83223 7.77534 7.75445C7.80289 7.67667 7.85 7.60445 7.91667 7.53778L10.9833 4.47112C11.1056 4.34889 11.2582 4.28489 11.4413 4.27912C11.6249 4.27378 11.7833 4.33778 11.9167 4.47112C12.0389 4.59334 12.1 4.74889 12.1 4.93778C12.1 5.12667 12.0389 5.28223 11.9167 5.40445L9.33334 8.00445L11.9167 10.6044C12.0389 10.7267 12.1027 10.8793 12.108 11.0624C12.1138 11.246 12.05 11.4044 11.9167 11.5378C11.7944 11.66 11.6389 11.7211 11.45 11.7211C11.2611 11.7211 11.1056 11.66 10.9833 11.5378ZM6.58334 11.5378L3.51667 8.47112C3.45 8.40445 3.40289 8.33223 3.37534 8.25445C3.34734 8.17667 3.33334 8.09334 3.33334 8.00445C3.33334 7.91556 3.34734 7.83223 3.37534 7.75445C3.40289 7.67667 3.45 7.60445 3.51667 7.53778L6.58334 4.47112C6.70556 4.34889 6.85845 4.28489 7.042 4.27912C7.22511 4.27378 7.38334 4.33778 7.51667 4.47112C7.63889 4.59334 7.7 4.74889 7.7 4.93778C7.7 5.12667 7.63889 5.28223 7.51667 5.40445L4.93334 8.00445L7.51667 10.6044C7.63889 10.7267 7.70289 10.8793 7.70867 11.0624C7.714 11.246 7.65 11.4044 7.51667 11.5378C7.39445 11.66 7.23889 11.7211 7.05 11.7211C6.86111 11.7211 6.70556 11.66 6.58334 11.5378Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'd9d65b417f8df1fb72ad14bc80c2592957dc7506' }, index.h("path", { key: '588f311b9774453deba7f91daab28e95193eabd4', d: "M16.475 17.3067L11.875 12.7067C11.775 12.6067 11.7043 12.4983 11.663 12.3817C11.621 12.265 11.6 12.14 11.6 12.0067C11.6 11.8733 11.621 11.7483 11.663 11.6317C11.7043 11.515 11.775 11.4067 11.875 11.3067L16.475 6.70667C16.6583 6.52334 16.8873 6.42734 17.162 6.41867C17.4373 6.41067 17.675 6.50667 17.875 6.70667C18.0583 6.89001 18.15 7.12334 18.15 7.40667C18.15 7.69001 18.0583 7.92334 17.875 8.10667L14 12.0067L17.875 15.9067C18.0583 16.09 18.154 16.319 18.162 16.5937C18.1707 16.869 18.075 17.1067 17.875 17.3067C17.6917 17.49 17.4583 17.5817 17.175 17.5817C16.8917 17.5817 16.6583 17.49 16.475 17.3067ZM9.875 17.3067L5.275 12.7067C5.175 12.6067 5.10433 12.4983 5.063 12.3817C5.021 12.265 5 12.14 5 12.0067C5 11.8733 5.021 11.7483 5.063 11.6317C5.10433 11.515 5.175 11.4067 5.275 11.3067L9.875 6.70667C10.0583 6.52334 10.2877 6.42734 10.563 6.41867C10.8377 6.41067 11.075 6.50667 11.275 6.70667C11.4583 6.89001 11.55 7.12334 11.55 7.40667C11.55 7.69001 11.4583 7.92334 11.275 8.10667L7.4 12.0067L11.275 15.9067C11.4583 16.09 11.5543 16.319 11.563 16.5937C11.571 16.869 11.475 17.1067 11.275 17.3067C11.0917 17.49 10.8583 17.5817 10.575 17.5817C10.2917 17.5817 10.0583 17.49 9.875 17.3067Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'dc88c09f5552ee0ddf118168d0402ff3b7661b8b' }, index.h("path", { key: '3dc4b72ca1e8f8fe18547083af656c8bb5c1af07', d: "M19.2208 20.191L13.8542 14.8243C13.7375 14.7077 13.6551 14.5813 13.6068 14.4452C13.5578 14.3091 13.5333 14.1632 13.5333 14.0077C13.5333 13.8521 13.5578 13.7063 13.6068 13.5702C13.6551 13.4341 13.7375 13.3077 13.8542 13.191L19.2208 7.82433C19.4347 7.61044 19.7019 7.49844 20.0223 7.48833C20.3436 7.479 20.6208 7.591 20.8542 7.82433C21.0681 8.03822 21.175 8.31044 21.175 8.641C21.175 8.97155 21.0681 9.24378 20.8542 9.45766L16.3333 14.0077L20.8542 18.5577C21.0681 18.7716 21.1797 19.0387 21.189 19.3592C21.1991 19.6804 21.0875 19.9577 20.8542 20.191C20.6403 20.4049 20.3681 20.5118 20.0375 20.5118C19.7069 20.5118 19.4347 20.4049 19.2208 20.191ZM11.5208 20.191L6.15417 14.8243C6.0375 14.7077 5.95506 14.5813 5.90684 14.4452C5.85784 14.3091 5.83334 14.1632 5.83334 14.0077C5.83334 13.8521 5.85784 13.7063 5.90684 13.5702C5.95506 13.4341 6.0375 13.3077 6.15417 13.191L11.5208 7.82433C11.7347 7.61044 12.0023 7.49844 12.3235 7.48833C12.6439 7.479 12.9208 7.591 13.1542 7.82433C13.3681 8.03822 13.475 8.31044 13.475 8.641C13.475 8.97155 13.3681 9.24378 13.1542 9.45766L8.63334 14.0077L13.1542 18.5577C13.3681 18.7716 13.4801 19.0387 13.4902 19.3592C13.4995 19.6804 13.3875 19.9577 13.1542 20.191C12.9403 20.4049 12.6681 20.5118 12.3375 20.5118C12.0069 20.5118 11.7347 20.4049 11.5208 20.191Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '425e981156989cd84aea18c9c817d9ad85983315', "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 && (index.h(index.Fragment, { key: 'ffcf32e86ea25db9498f8da72f23366367a733c2' }, index.h("path", { key: '2787ede110426bf99359a20ab1b69623bf4755eb', d: "M10.9833 11.5378L7.91667 8.47112C7.85 8.40445 7.80289 8.33223 7.77534 8.25445C7.74734 8.17667 7.73334 8.09334 7.73334 8.00445C7.73334 7.91556 7.74734 7.83223 7.77534 7.75445C7.80289 7.67667 7.85 7.60445 7.91667 7.53778L10.9833 4.47112C11.1056 4.34889 11.2582 4.28489 11.4413 4.27912C11.6249 4.27378 11.7833 4.33778 11.9167 4.47112C12.0389 4.59334 12.1 4.74889 12.1 4.93778C12.1 5.12667 12.0389 5.28223 11.9167 5.40445L9.33334 8.00445L11.9167 10.6044C12.0389 10.7267 12.1027 10.8793 12.108 11.0624C12.1138 11.246 12.05 11.4044 11.9167 11.5378C11.7944 11.66 11.6389 11.7211 11.45 11.7211C11.2611 11.7211 11.1056 11.66 10.9833 11.5378ZM6.58334 11.5378L3.51667 8.47112C3.45 8.40445 3.40289 8.33223 3.37534 8.25445C3.34734 8.17667 3.33334 8.09334 3.33334 8.00445C3.33334 7.91556 3.34734 7.83223 3.37534 7.75445C3.40289 7.67667 3.45 7.60445 3.51667 7.53778L6.58334 4.47112C6.70556 4.34889 6.85845 4.28489 7.042 4.27912C7.22511 4.27378 7.38334 4.33778 7.51667 4.47112C7.63889 4.59334 7.7 4.74889 7.7 4.93778C7.7 5.12667 7.63889 5.28223 7.51667 5.40445L4.93334 8.00445L7.51667 10.6044C7.63889 10.7267 7.70289 10.8793 7.70867 11.0624C7.714 11.246 7.65 11.4044 7.51667 11.5378C7.39445 11.66 7.23889 11.7211 7.05 11.7211C6.86111 11.7211 6.70556 11.66 6.58334 11.5378Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'e4b3d0ae6bcf054ec46cced86a2fbed06db8077c' }, index.h("path", { key: '5515d0ef0a2ddb92a857bb41d55c809d5126a986', d: "M16.475 17.3067L11.875 12.7067C11.775 12.6067 11.7043 12.4983 11.663 12.3817C11.621 12.265 11.6 12.14 11.6 12.0067C11.6 11.8733 11.621 11.7483 11.663 11.6317C11.7043 11.515 11.775 11.4067 11.875 11.3067L16.475 6.70667C16.6583 6.52334 16.8873 6.42734 17.162 6.41867C17.4373 6.41067 17.675 6.50667 17.875 6.70667C18.0583 6.89001 18.15 7.12334 18.15 7.40667C18.15 7.69001 18.0583 7.92334 17.875 8.10667L14 12.0067L17.875 15.9067C18.0583 16.09 18.154 16.319 18.162 16.5937C18.1707 16.869 18.075 17.1067 17.875 17.3067C17.6917 17.49 17.4583 17.5817 17.175 17.5817C16.8917 17.5817 16.6583 17.49 16.475 17.3067ZM9.875 17.3067L5.275 12.7067C5.175 12.6067 5.10433 12.4983 5.063 12.3817C5.021 12.265 5 12.14 5 12.0067C5 11.8733 5.021 11.7483 5.063 11.6317C5.10433 11.515 5.175 11.4067 5.275 11.3067L9.875 6.70667C10.0583 6.52334 10.2877 6.42734 10.563 6.41867C10.8377 6.41067 11.075 6.50667 11.275 6.70667C11.4583 6.89001 11.55 7.12334 11.55 7.40667C11.55 7.69001 11.4583 7.92334 11.275 8.10667L7.4 12.0067L11.275 15.9067C11.4583 16.09 11.5543 16.319 11.563 16.5937C11.571 16.869 11.475 17.1067 11.275 17.3067C11.0917 17.49 10.8583 17.5817 10.575 17.5817C10.2917 17.5817 10.0583 17.49 9.875 17.3067Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'a34208b622b403f4ae865fa6c3d1125dd2655f15' }, index.h("path", { key: '39822bd4d6c206a3af23b4dd904f3bef543c7580', d: "M19.2208 20.191L13.8542 14.8243C13.7375 14.7077 13.6551 14.5813 13.6068 14.4452C13.5578 14.3091 13.5333 14.1632 13.5333 14.0077C13.5333 13.8521 13.5578 13.7063 13.6068 13.5702C13.6551 13.4341 13.7375 13.3077 13.8542 13.191L19.2208 7.82433C19.4347 7.61044 19.7019 7.49844 20.0223 7.48833C20.3436 7.479 20.6208 7.591 20.8542 7.82433C21.0681 8.03822 21.175 8.31044 21.175 8.641C21.175 8.97155 21.0681 9.24378 20.8542 9.45766L16.3333 14.0077L20.8542 18.5577C21.0681 18.7716 21.1797 19.0387 21.189 19.3592C21.1991 19.6804 21.0875 19.9577 20.8542 20.191C20.6403 20.4049 20.3681 20.5118 20.0375 20.5118C19.7069 20.5118 19.4347 20.4049 19.2208 20.191ZM11.5208 20.191L6.15417 14.8243C6.0375 14.7077 5.95506 14.5813 5.90684 14.4452C5.85784 14.3091 5.83334 14.1632 5.83334 14.0077C5.83334 13.8521 5.85784 13.7063 5.90684 13.5702C5.95506 13.4341 6.0375 13.3077 6.15417 13.191L11.5208 7.82433C11.7347 7.61044 12.0023 7.49844 12.3235 7.48833C12.6439 7.479 12.9208 7.591 13.1542 7.82433C13.3681 8.03822 13.475 8.31044 13.475 8.641C13.475 8.97155 13.3681 9.24378 13.1542 9.45766L8.63334 14.0077L13.1542 18.5577C13.3681 18.7716 13.4801 19.0387 13.4902 19.3592C13.4995 19.6804 13.3875 19.9577 13.1542 20.191C12.9403 20.4049 12.6681 20.5118 12.3375 20.5118C12.0069 20.5118 11.7347 20.4049 11.5208 20.191Z", fill: "currentColor" })))));
     }
 };
 SwirlIconDoubleArrowLeft.style = swirlIconCss;

package/dist/cjs/swirl-icon-arrow-downward_2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-31zRgX-7.js');
 var index$1 = require('./index-DcAhLZUH.js');
-const swirlIconCss$1 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss$1 = ":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 SwirlIconArrowDownward = class {
     constructor(hostRef) {
@@ -16,12 +16,12 @@ const SwirlIconArrowDownward = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '756c0d048b590e5231c08c6c87c27490552c7360', "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 && (index.h(index.Fragment, { key: 'fac43c50c2422c4ba760af7e755797fbb4f798d6' }, index.h("path", { key: '465c173221a7ac0649e13b8261f9fe87f9ad19dd', d: "M8 13.0501C7.91111 13.0501 7.82778 13.0361 7.75 13.0081C7.67222 12.9805 7.6 12.9334 7.53333 12.8667L3.13333 8.46675C3 8.33341 2.93333 8.17497 2.93333 7.99141C2.93333 7.8083 3 7.65008 3.13333 7.51675C3.26667 7.38341 3.42222 7.31675 3.6 7.31675C3.77778 7.31675 3.93333 7.38341 4.06667 7.51675L7.33333 10.7834V3.31675C7.33333 3.12786 7.39733 2.9723 7.52533 2.85008C7.65289 2.72786 7.81111 2.66675 8 2.66675C8.18889 2.66675 8.34733 2.73053 8.47533 2.85808C8.60289 2.98608 8.66667 3.14453 8.66667 3.33341V10.7834L11.9333 7.51675C12.0667 7.38341 12.2222 7.31675 12.4 7.31675C12.5778 7.31675 12.7333 7.38341 12.8667 7.51675C13 7.65008 13.0667 7.8083 13.0667 7.99141C13.0667 8.17497 13 8.33341 12.8667 8.46675L8.46667 12.8667C8.4 12.9334 8.32778 12.9805 8.25 13.0081C8.17222 13.0361 8.08889 13.0501 8 13.0501Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '954e548fd4d569b6e660b8a6b90d5da3910ed3ef' }, index.h("path", { key: '6beca9a4c537bc650581e5de86bbc3fdd4c7a93c', d: "M12 19.575C11.8667 19.575 11.7417 19.554 11.625 19.512C11.5083 19.4707 11.4 19.4 11.3 19.3L4.7 12.7C4.5 12.5 4.4 12.2623 4.4 11.987C4.4 11.7123 4.5 11.475 4.7 11.275C4.9 11.075 5.13333 10.975 5.4 10.975C5.66667 10.975 5.9 11.075 6.1 11.275L11 16.175V4.975C11 4.69167 11.096 4.45833 11.288 4.275C11.4793 4.09167 11.7167 4 12 4C12.2833 4 12.521 4.09567 12.713 4.287C12.9043 4.479 13 4.71667 13 5V16.175L17.9 11.275C18.1 11.075 18.3333 10.975 18.6 10.975C18.8667 10.975 19.1 11.075 19.3 11.275C19.5 11.475 19.6 11.7123 19.6 11.987C19.6 12.2623 19.5 12.5 19.3 12.7L12.7 19.3C12.6 19.4 12.4917 19.4707 12.375 19.512C12.2583 19.554 12.1333 19.575 12 19.575Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'ebd39e2f2f28cf1c67e75bba4551f073d6f82a0f' }, index.h("path", { key: '56ec2897c44de2a559ef71c827ecc156d55a2253', d: "M14 22.8376C13.8444 22.8376 13.6986 22.8131 13.5625 22.7641C13.4264 22.7159 13.3 22.6334 13.1833 22.5167L5.48333 14.8167C5.25 14.5834 5.13333 14.3061 5.13333 13.9849C5.13333 13.6645 5.25 13.3876 5.48333 13.1542C5.71666 12.9209 5.98889 12.8042 6.3 12.8042C6.61111 12.8042 6.88333 12.9209 7.11666 13.1542L12.8333 18.8709V5.80425C12.8333 5.47369 12.9453 5.20147 13.1693 4.98758C13.3926 4.77369 13.6694 4.66675 14 4.66675C14.3306 4.66675 14.6078 4.77836 14.8318 5.00158C15.0551 5.22558 15.1667 5.50286 15.1667 5.83341V18.8709L20.8833 13.1542C21.1167 12.9209 21.3889 12.8042 21.7 12.8042C22.0111 12.8042 22.2833 12.9209 22.5167 13.1542C22.75 13.3876 22.8667 13.6645 22.8667 13.9849C22.8667 14.3061 22.75 14.5834 22.5167 14.8167L14.8167 22.5167C14.7 22.6334 14.5736 22.7159 14.4375 22.7641C14.3014 22.8131 14.1556 22.8376 14 22.8376Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '388bc73faf7609d62f54cd4a3d77f0b4a0be8e30', "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 && (index.h(index.Fragment, { key: '12145678f23a5fb9bf6420b4ea1485626f5b2f8f' }, index.h("path", { key: 'e7ae65848df410e6edf6a360b4acebab50faa4a9', d: "M8 13.0501C7.91111 13.0501 7.82778 13.0361 7.75 13.0081C7.67222 12.9805 7.6 12.9334 7.53333 12.8667L3.13333 8.46675C3 8.33341 2.93333 8.17497 2.93333 7.99141C2.93333 7.8083 3 7.65008 3.13333 7.51675C3.26667 7.38341 3.42222 7.31675 3.6 7.31675C3.77778 7.31675 3.93333 7.38341 4.06667 7.51675L7.33333 10.7834V3.31675C7.33333 3.12786 7.39733 2.9723 7.52533 2.85008C7.65289 2.72786 7.81111 2.66675 8 2.66675C8.18889 2.66675 8.34733 2.73053 8.47533 2.85808C8.60289 2.98608 8.66667 3.14453 8.66667 3.33341V10.7834L11.9333 7.51675C12.0667 7.38341 12.2222 7.31675 12.4 7.31675C12.5778 7.31675 12.7333 7.38341 12.8667 7.51675C13 7.65008 13.0667 7.8083 13.0667 7.99141C13.0667 8.17497 13 8.33341 12.8667 8.46675L8.46667 12.8667C8.4 12.9334 8.32778 12.9805 8.25 13.0081C8.17222 13.0361 8.08889 13.0501 8 13.0501Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '97750d0ab54463e4e8c9d52120f49db6d49fc04d' }, index.h("path", { key: '9043cfa248c4bc64ce1e9a8d5869b7e1574c7334', d: "M12 19.575C11.8667 19.575 11.7417 19.554 11.625 19.512C11.5083 19.4707 11.4 19.4 11.3 19.3L4.7 12.7C4.5 12.5 4.4 12.2623 4.4 11.987C4.4 11.7123 4.5 11.475 4.7 11.275C4.9 11.075 5.13333 10.975 5.4 10.975C5.66667 10.975 5.9 11.075 6.1 11.275L11 16.175V4.975C11 4.69167 11.096 4.45833 11.288 4.275C11.4793 4.09167 11.7167 4 12 4C12.2833 4 12.521 4.09567 12.713 4.287C12.9043 4.479 13 4.71667 13 5V16.175L17.9 11.275C18.1 11.075 18.3333 10.975 18.6 10.975C18.8667 10.975 19.1 11.075 19.3 11.275C19.5 11.475 19.6 11.7123 19.6 11.987C19.6 12.2623 19.5 12.5 19.3 12.7L12.7 19.3C12.6 19.4 12.4917 19.4707 12.375 19.512C12.2583 19.554 12.1333 19.575 12 19.575Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '6ab09f1e8ad939e520972ea55418c8f1f8d183f4' }, index.h("path", { key: '3e971b6cc1d1d1c50bf2e6c4710455dbd5f64fef', d: "M14 22.8376C13.8444 22.8376 13.6986 22.8131 13.5625 22.7641C13.4264 22.7159 13.3 22.6334 13.1833 22.5167L5.48333 14.8167C5.25 14.5834 5.13333 14.3061 5.13333 13.9849C5.13333 13.6645 5.25 13.3876 5.48333 13.1542C5.71666 12.9209 5.98889 12.8042 6.3 12.8042C6.61111 12.8042 6.88333 12.9209 7.11666 13.1542L12.8333 18.8709V5.80425C12.8333 5.47369 12.9453 5.20147 13.1693 4.98758C13.3926 4.77369 13.6694 4.66675 14 4.66675C14.3306 4.66675 14.6078 4.77836 14.8318 5.00158C15.0551 5.22558 15.1667 5.50286 15.1667 5.83341V18.8709L20.8833 13.1542C21.1167 12.9209 21.3889 12.8042 21.7 12.8042C22.0111 12.8042 22.2833 12.9209 22.5167 13.1542C22.75 13.3876 22.8667 13.6645 22.8667 13.9849C22.8667 14.3061 22.75 14.5834 22.5167 14.8167L14.8167 22.5167C14.7 22.6334 14.5736 22.7159 14.4375 22.7641C14.3014 22.8131 14.1556 22.8376 14 22.8376Z", fill: "currentColor" })))));
     }
 };
 SwirlIconArrowDownward.style = swirlIconCss$1;
-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 SwirlIconArrowUpward = class {
     constructor(hostRef) {
@@ -34,7 +34,7 @@ const SwirlIconArrowUpward = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'cda1d41622eb3762f02a853d60c210c9c95f624c', "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 && (index.h(index.Fragment, { key: 'd3a21a1bc10cffdc25a451c530a625fcf2dca372' }, index.h("path", { key: 'f1aab5417482fd9500e78af72b77df9d62c17c1f', d: "M8 13.3333C7.81111 13.3333 7.65289 13.2693 7.52533 13.1413C7.39733 13.0137 7.33333 12.8555 7.33333 12.6666V5.21662L4.08333 8.46662C3.95 8.59995 3.79156 8.66662 3.608 8.66662C3.42489 8.66662 3.26667 8.59995 3.13333 8.46662C3 8.33328 2.93333 8.17773 2.93333 7.99995C2.93333 7.82217 3 7.66662 3.13333 7.53328L7.53333 3.13328C7.6 3.06662 7.67222 3.01928 7.75 2.99128C7.82778 2.96373 7.91111 2.94995 8 2.94995C8.08889 2.94995 8.17511 2.96373 8.25867 2.99128C8.34178 3.01928 8.41111 3.06662 8.46667 3.13328L12.8667 7.53328C13 7.66662 13.0667 7.82217 13.0667 7.99995C13.0667 8.17773 13 8.33328 12.8667 8.46662C12.7333 8.59995 12.5749 8.66662 12.3913 8.66662C12.2082 8.66662 12.05 8.59995 11.9167 8.46662L8.66667 5.21662V12.6666C8.66667 12.8555 8.60289 13.0137 8.47533 13.1413C8.34733 13.2693 8.18889 13.3333 8 13.3333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '830827aab29d689a76c1bb76df9b3a4ff88febd4' }, index.h("path", { key: '68a76d1b2eb7dd4b23c5356afc7739f6c88ea7f1', d: "M12 20C11.7167 20 11.4793 19.904 11.288 19.712C11.096 19.5207 11 19.2834 11 19V7.82505L6.125 12.7C5.925 12.9 5.68733 13 5.412 13C5.13733 13 4.9 12.9 4.7 12.7C4.5 12.5 4.4 12.2667 4.4 12C4.4 11.7334 4.5 11.5 4.7 11.3L11.3 4.70005C11.4 4.60005 11.5083 4.52905 11.625 4.48705C11.7417 4.44572 11.8667 4.42505 12 4.42505C12.1333 4.42505 12.2627 4.44572 12.388 4.48705C12.5127 4.52905 12.6167 4.60005 12.7 4.70005L19.3 11.3C19.5 11.5 19.6 11.7334 19.6 12C19.6 12.2667 19.5 12.5 19.3 12.7C19.1 12.9 18.8623 13 18.587 13C18.3123 13 18.075 12.9 17.875 12.7L13 7.82505V19C13 19.2834 12.9043 19.5207 12.713 19.712C12.521 19.904 12.2833 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '4e5cb8167a6c14f7ca021c86b6b734a69680d526' }, index.h("path", { key: '9a466073da3da9f529e4af857c413f27ad7c0aea', d: "M14 23.3334C13.6694 23.3334 13.3926 23.2214 13.1693 22.9974C12.9453 22.7742 12.8333 22.4973 12.8333 22.1668V9.12926L7.14583 14.8168C6.9125 15.0501 6.63522 15.1668 6.314 15.1668C5.99355 15.1668 5.71666 15.0501 5.48333 14.8168C5.25 14.5834 5.13333 14.3112 5.13333 14.0001C5.13333 13.689 5.25 13.4168 5.48333 13.1834L13.1833 5.48343C13.3 5.36676 13.4264 5.28393 13.5625 5.23493C13.6986 5.18671 13.8444 5.1626 14 5.1626C14.1556 5.1626 14.3064 5.18671 14.4527 5.23493C14.5981 5.28393 14.7194 5.36676 14.8167 5.48343L22.5167 13.1834C22.75 13.4168 22.8667 13.689 22.8667 14.0001C22.8667 14.3112 22.75 14.5834 22.5167 14.8168C22.2833 15.0501 22.0061 15.1668 21.6848 15.1668C21.3644 15.1668 21.0875 15.0501 20.8542 14.8168L15.1667 9.12926V22.1668C15.1667 22.4973 15.0551 22.7742 14.8318 22.9974C14.6078 23.2214 14.3306 23.3334 14 23.3334Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: 'c24cfd91a6b26dfa0a79314a196d96bc3c53f55f', "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 && (index.h(index.Fragment, { key: '522e31fd24f1925d923e7d563bfa19d195b264b0' }, index.h("path", { key: 'a67009376c7a46b256579c5f1ee2c15a1fccd0a3', d: "M8 13.3333C7.81111 13.3333 7.65289 13.2693 7.52533 13.1413C7.39733 13.0137 7.33333 12.8555 7.33333 12.6666V5.21662L4.08333 8.46662C3.95 8.59995 3.79156 8.66662 3.608 8.66662C3.42489 8.66662 3.26667 8.59995 3.13333 8.46662C3 8.33328 2.93333 8.17773 2.93333 7.99995C2.93333 7.82217 3 7.66662 3.13333 7.53328L7.53333 3.13328C7.6 3.06662 7.67222 3.01928 7.75 2.99128C7.82778 2.96373 7.91111 2.94995 8 2.94995C8.08889 2.94995 8.17511 2.96373 8.25867 2.99128C8.34178 3.01928 8.41111 3.06662 8.46667 3.13328L12.8667 7.53328C13 7.66662 13.0667 7.82217 13.0667 7.99995C13.0667 8.17773 13 8.33328 12.8667 8.46662C12.7333 8.59995 12.5749 8.66662 12.3913 8.66662C12.2082 8.66662 12.05 8.59995 11.9167 8.46662L8.66667 5.21662V12.6666C8.66667 12.8555 8.60289 13.0137 8.47533 13.1413C8.34733 13.2693 8.18889 13.3333 8 13.3333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '09fbe83f910ebcd0384d4c3a38583dd92ea2c587' }, index.h("path", { key: 'a8b24e4b2902ad94374277e4c1baddb86faee1e9', d: "M12 20C11.7167 20 11.4793 19.904 11.288 19.712C11.096 19.5207 11 19.2834 11 19V7.82505L6.125 12.7C5.925 12.9 5.68733 13 5.412 13C5.13733 13 4.9 12.9 4.7 12.7C4.5 12.5 4.4 12.2667 4.4 12C4.4 11.7334 4.5 11.5 4.7 11.3L11.3 4.70005C11.4 4.60005 11.5083 4.52905 11.625 4.48705C11.7417 4.44572 11.8667 4.42505 12 4.42505C12.1333 4.42505 12.2627 4.44572 12.388 4.48705C12.5127 4.52905 12.6167 4.60005 12.7 4.70005L19.3 11.3C19.5 11.5 19.6 11.7334 19.6 12C19.6 12.2667 19.5 12.5 19.3 12.7C19.1 12.9 18.8623 13 18.587 13C18.3123 13 18.075 12.9 17.875 12.7L13 7.82505V19C13 19.2834 12.9043 19.5207 12.713 19.712C12.521 19.904 12.2833 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'c7c4b2808114a5fae636e98345cbb64a7cecdc86' }, index.h("path", { key: 'eb79cb7f632461eca90d9b0b387d4e0a9a1ecde8', d: "M14 23.3334C13.6694 23.3334 13.3926 23.2214 13.1693 22.9974C12.9453 22.7742 12.8333 22.4973 12.8333 22.1668V9.12926L7.14583 14.8168C6.9125 15.0501 6.63522 15.1668 6.314 15.1668C5.99355 15.1668 5.71666 15.0501 5.48333 14.8168C5.25 14.5834 5.13333 14.3112 5.13333 14.0001C5.13333 13.689 5.25 13.4168 5.48333 13.1834L13.1833 5.48343C13.3 5.36676 13.4264 5.28393 13.5625 5.23493C13.6986 5.18671 13.8444 5.1626 14 5.1626C14.1556 5.1626 14.3064 5.18671 14.4527 5.23493C14.5981 5.28393 14.7194 5.36676 14.8167 5.48343L22.5167 13.1834C22.75 13.4168 22.8667 13.689 22.8667 14.0001C22.8667 14.3112 22.75 14.5834 22.5167 14.8168C22.2833 15.0501 22.0061 15.1668 21.6848 15.1668C21.3644 15.1668 21.0875 15.0501 20.8542 14.8168L15.1667 9.12926V22.1668C15.1667 22.4973 15.0551 22.7742 14.8318 22.9974C14.6078 23.2214 14.3306 23.3334 14 23.3334Z", fill: "currentColor" })))));
     }
 };
 SwirlIconArrowUpward.style = swirlIconCss;

package/dist/cjs/swirl-icon-arrow-left_4.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-31zRgX-7.js');
 var index$1 = require('./index-DcAhLZUH.js');
-const swirlIconCss$2 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss$2 = ":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 SwirlIconArrowLeft = class {
     constructor(hostRef) {
@@ -16,12 +16,12 @@ const SwirlIconArrowLeft = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'ed490a258d1bbb7be680466252c7a1da45d3a26f', "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 && (index.h(index.Fragment, { key: 'b8a46c28988c995e1d81cd73e7fc35fdefe14075' }, index.h("path", { key: '9347a4e094eb17696426f232c8cc156e9ca8cd11', d: "M7.15 12.8666L2.81667 8.53327C2.73889 8.45549 2.68333 8.37216 2.65 8.28327C2.61667 8.19438 2.6 8.09993 2.6 7.99993C2.6 7.89993 2.61667 7.80549 2.65 7.7166C2.68333 7.62771 2.73889 7.54438 2.81667 7.4666L7.15 3.13327C7.29444 2.99993 7.46955 2.93038 7.67533 2.9246C7.88066 2.91927 8.06111 2.98882 8.21666 3.13327C8.37222 3.27771 8.45289 3.45549 8.45867 3.6666C8.464 3.87771 8.38889 4.05549 8.23333 4.19993L5.2 7.23327H12.3167C12.5278 7.23327 12.7084 7.30838 12.8587 7.4586C13.0084 7.60838 13.0833 7.78882 13.0833 7.99993C13.0833 8.21105 13.0084 8.39149 12.8587 8.54127C12.7084 8.69149 12.5278 8.7666 12.3167 8.7666H5.2L8.23333 11.7999C8.37778 11.9333 8.45289 12.1084 8.45867 12.3253C8.464 12.5417 8.38889 12.7222 8.23333 12.8666C8.08889 13.011 7.91111 13.0833 7.7 13.0833C7.48889 13.0833 7.30555 13.011 7.15 12.8666V12.8666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '58aa948aa5c80e2e6e40448a27811e94b10a9279' }, index.h("path", { key: 'ef3ad612d51302bb0614881a0d3f30486f7ffe45', d: "M10.725 19.2999L4.225 12.7999C4.10833 12.6832 4.025 12.5582 3.975 12.4249C3.925 12.2916 3.9 12.1499 3.9 11.9999C3.9 11.8499 3.925 11.7082 3.975 11.5749C4.025 11.4416 4.10833 11.3166 4.225 11.1999L10.725 4.6999C10.9417 4.4999 11.2043 4.39557 11.513 4.3869C11.821 4.3789 12.0917 4.48323 12.325 4.6999C12.5583 4.91657 12.6793 5.18324 12.688 5.4999C12.696 5.81657 12.5833 6.08324 12.35 6.2999L7.8 10.8499H18.475C18.7917 10.8499 19.0627 10.9626 19.288 11.1879C19.5127 11.4126 19.625 11.6832 19.625 11.9999C19.625 12.3166 19.5127 12.5872 19.288 12.8119C19.0627 13.0372 18.7917 13.1499 18.475 13.1499H7.8L12.35 17.6999C12.5667 17.8999 12.6793 18.1626 12.688 18.4879C12.696 18.8126 12.5833 19.0832 12.35 19.2999C12.1333 19.5166 11.8667 19.6249 11.55 19.6249C11.2333 19.6249 10.9583 19.5166 10.725 19.2999V19.2999Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'ad632fdf006597676f1d0b4126f42e7867151363' }, index.h("path", { key: '43d0c88aee891fb57165613d6b83458afbc3834b', d: "M12.5125 22.5167L4.92917 14.9333C4.79306 14.7972 4.69584 14.6514 4.6375 14.4958C4.57917 14.3403 4.55 14.175 4.55 14C4.55 13.825 4.57917 13.6597 4.6375 13.5042C4.69584 13.3486 4.79306 13.2028 4.92917 13.0667L12.5125 5.48334C12.7653 5.25001 13.0717 5.12829 13.4318 5.11817C13.7912 5.10884 14.1069 5.23056 14.3792 5.48334C14.6514 5.73612 14.7926 6.04723 14.8027 6.41667C14.812 6.78612 14.6806 7.09723 14.4083 7.35001L9.1 12.6583H21.5542C21.9236 12.6583 22.2398 12.7898 22.5027 13.0527C22.7648 13.3148 22.8958 13.6306 22.8958 14C22.8958 14.3695 22.7648 14.6852 22.5027 14.9473C22.2398 15.2102 21.9236 15.3417 21.5542 15.3417H9.1L14.4083 20.65C14.6611 20.8833 14.7926 21.1898 14.8027 21.5693C14.812 21.9481 14.6806 22.2639 14.4083 22.5167C14.1556 22.7695 13.8444 22.8958 13.475 22.8958C13.1056 22.8958 12.7847 22.7695 12.5125 22.5167V22.5167Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '4d3f078c87ea99f1d4168be64f576bb840e94094', "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 && (index.h(index.Fragment, { key: '9bbbf8df763b38c4d12b8f295e2f2c5c199682a0' }, index.h("path", { key: '51276a703f9b3d10d5a2399ea5729f71b615183b', d: "M7.15 12.8666L2.81667 8.53327C2.73889 8.45549 2.68333 8.37216 2.65 8.28327C2.61667 8.19438 2.6 8.09993 2.6 7.99993C2.6 7.89993 2.61667 7.80549 2.65 7.7166C2.68333 7.62771 2.73889 7.54438 2.81667 7.4666L7.15 3.13327C7.29444 2.99993 7.46955 2.93038 7.67533 2.9246C7.88066 2.91927 8.06111 2.98882 8.21666 3.13327C8.37222 3.27771 8.45289 3.45549 8.45867 3.6666C8.464 3.87771 8.38889 4.05549 8.23333 4.19993L5.2 7.23327H12.3167C12.5278 7.23327 12.7084 7.30838 12.8587 7.4586C13.0084 7.60838 13.0833 7.78882 13.0833 7.99993C13.0833 8.21105 13.0084 8.39149 12.8587 8.54127C12.7084 8.69149 12.5278 8.7666 12.3167 8.7666H5.2L8.23333 11.7999C8.37778 11.9333 8.45289 12.1084 8.45867 12.3253C8.464 12.5417 8.38889 12.7222 8.23333 12.8666C8.08889 13.011 7.91111 13.0833 7.7 13.0833C7.48889 13.0833 7.30555 13.011 7.15 12.8666V12.8666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '3843a0c276675b006cb218fb4a3c6435467f010d' }, index.h("path", { key: 'e7350a4594eff25c1d7b054f3223437ffcc188f6', d: "M10.725 19.2999L4.225 12.7999C4.10833 12.6832 4.025 12.5582 3.975 12.4249C3.925 12.2916 3.9 12.1499 3.9 11.9999C3.9 11.8499 3.925 11.7082 3.975 11.5749C4.025 11.4416 4.10833 11.3166 4.225 11.1999L10.725 4.6999C10.9417 4.4999 11.2043 4.39557 11.513 4.3869C11.821 4.3789 12.0917 4.48323 12.325 4.6999C12.5583 4.91657 12.6793 5.18324 12.688 5.4999C12.696 5.81657 12.5833 6.08324 12.35 6.2999L7.8 10.8499H18.475C18.7917 10.8499 19.0627 10.9626 19.288 11.1879C19.5127 11.4126 19.625 11.6832 19.625 11.9999C19.625 12.3166 19.5127 12.5872 19.288 12.8119C19.0627 13.0372 18.7917 13.1499 18.475 13.1499H7.8L12.35 17.6999C12.5667 17.8999 12.6793 18.1626 12.688 18.4879C12.696 18.8126 12.5833 19.0832 12.35 19.2999C12.1333 19.5166 11.8667 19.6249 11.55 19.6249C11.2333 19.6249 10.9583 19.5166 10.725 19.2999V19.2999Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '528b88422f21045f9dc2444d045a6ce02b3080fb' }, index.h("path", { key: 'd2ef3cf18bac0d9554a894cd2cbed5ee5eb304e8', d: "M12.5125 22.5167L4.92917 14.9333C4.79306 14.7972 4.69584 14.6514 4.6375 14.4958C4.57917 14.3403 4.55 14.175 4.55 14C4.55 13.825 4.57917 13.6597 4.6375 13.5042C4.69584 13.3486 4.79306 13.2028 4.92917 13.0667L12.5125 5.48334C12.7653 5.25001 13.0717 5.12829 13.4318 5.11817C13.7912 5.10884 14.1069 5.23056 14.3792 5.48334C14.6514 5.73612 14.7926 6.04723 14.8027 6.41667C14.812 6.78612 14.6806 7.09723 14.4083 7.35001L9.1 12.6583H21.5542C21.9236 12.6583 22.2398 12.7898 22.5027 13.0527C22.7648 13.3148 22.8958 13.6306 22.8958 14C22.8958 14.3695 22.7648 14.6852 22.5027 14.9473C22.2398 15.2102 21.9236 15.3417 21.5542 15.3417H9.1L14.4083 20.65C14.6611 20.8833 14.7926 21.1898 14.8027 21.5693C14.812 21.9481 14.6806 22.2639 14.4083 22.5167C14.1556 22.7695 13.8444 22.8958 13.475 22.8958C13.1056 22.8958 12.7847 22.7695 12.5125 22.5167V22.5167Z", fill: "currentColor" })))));
     }
 };
 SwirlIconArrowLeft.style = swirlIconCss$2;
-const swirlIconCss$1 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+const swirlIconCss$1 = ":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 SwirlIconArrowRight = class {
     constructor(hostRef) {
@@ -34,12 +34,12 @@ const SwirlIconArrowRight = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '5cd1f407774a44ec3912c6b69df5e4a0a81afa66', "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 && (index.h(index.Fragment, { key: '1462b1a863f06323291ff5df8175c31fac018677' }, index.h("path", { key: 'bda1f81ddb7bc804a4739da8d7733aea42a63e51', d: "M7.46667 12.8667C7.32222 12.7222 7.24733 12.5445 7.242 12.3333C7.23622 12.1222 7.30555 11.9445 7.45 11.8L10.4833 8.76668H3.36667C3.15555 8.76668 2.97511 8.69157 2.82533 8.54135C2.67511 8.39157 2.6 8.21113 2.6 8.00002C2.6 7.7889 2.67511 7.60846 2.82533 7.45868C2.97511 7.30846 3.15555 7.23335 3.36667 7.23335H10.4833L7.45 4.20002C7.30555 4.05557 7.23622 3.87779 7.242 3.66668C7.24733 3.45557 7.32222 3.27779 7.46667 3.13335C7.61111 3.00002 7.78889 2.93335 8 2.93335C8.21111 2.93335 8.38889 3.00002 8.53333 3.13335L12.8667 7.46668C12.9444 7.53335 13 7.61379 13.0333 7.70802C13.0667 7.80268 13.0833 7.90002 13.0833 8.00002C13.0833 8.10002 13.0667 8.19446 13.0333 8.28335C13 8.37224 12.9444 8.45557 12.8667 8.53335L8.53333 12.8667C8.38889 13.0111 8.21111 13.0807 8 13.0753C7.78889 13.0696 7.61111 13 7.46667 12.8667V12.8667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '21e8f71dd11277283648ffc0ce96c805d59b7f6f' }, index.h("path", { key: '018cc6eb09203fda6a1d0600bde1220d12dbb0f7', d: "M11.2 19.2999C10.9833 19.0832 10.871 18.8166 10.863 18.4999C10.8543 18.1832 10.9583 17.9166 11.175 17.6999L15.725 13.1499H5.05C4.73333 13.1499 4.46267 13.0372 4.238 12.8119C4.01267 12.5872 3.9 12.3166 3.9 11.9999C3.9 11.6832 4.01267 11.4126 4.238 11.1879C4.46267 10.9626 4.73333 10.8499 5.05 10.8499H15.725L11.175 6.2999C10.9583 6.08324 10.8543 5.81657 10.863 5.4999C10.871 5.18324 10.9833 4.91657 11.2 4.6999C11.4167 4.4999 11.6833 4.3999 12 4.3999C12.3167 4.3999 12.5833 4.4999 12.8 4.6999L19.3 11.1999C19.4167 11.2999 19.5 11.4206 19.55 11.5619C19.6 11.7039 19.625 11.8499 19.625 11.9999C19.625 12.1499 19.6 12.2916 19.55 12.4249C19.5 12.5582 19.4167 12.6832 19.3 12.7999L12.8 19.2999C12.5833 19.5166 12.3167 19.6209 12 19.6129C11.6833 19.6042 11.4167 19.4999 11.2 19.2999V19.2999Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '5a0c817f0f8712e39cf935d95f7bb8eb2843c707' }, index.h("path", { key: 'bfa29019e589432db83bddec2c1a97707a70e258', d: "M13.0667 22.5166C12.8139 22.2639 12.6828 21.9527 12.6735 21.5833C12.6634 21.2139 12.7847 20.9027 13.0375 20.65L18.3458 15.3416H5.89167C5.52223 15.3416 5.20645 15.2102 4.94434 14.9473C4.68145 14.6852 4.55 14.3694 4.55 14C4.55 13.6305 4.68145 13.3147 4.94434 13.0526C5.20645 12.7897 5.52223 12.6583 5.89167 12.6583H18.3458L13.0375 7.34997C12.7847 7.09719 12.6634 6.78608 12.6735 6.41663C12.6828 6.04719 12.8139 5.73608 13.0667 5.4833C13.3194 5.24997 13.6306 5.1333 14 5.1333C14.3694 5.1333 14.6806 5.24997 14.9333 5.4833L22.5167 13.0666C22.6528 13.1833 22.75 13.3241 22.8083 13.489C22.8667 13.6546 22.8958 13.825 22.8958 14C22.8958 14.175 22.8667 14.3402 22.8083 14.4958C22.75 14.6514 22.6528 14.7972 22.5167 14.9333L14.9333 22.5166C14.6806 22.7694 14.3694 22.8911 14 22.8818C13.6306 22.8717 13.3194 22.75 13.0667 22.5166V22.5166Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: 'f821589b5e3bb88f5bea93f83874814c46ad8c29', "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 && (index.h(index.Fragment, { key: 'c28dc916d6f53e12997aeac7e33854a0b0955e2e' }, index.h("path", { key: '2e3df468625860cd4fa09935ebcdc5f7bb0da056', d: "M7.46667 12.8667C7.32222 12.7222 7.24733 12.5445 7.242 12.3333C7.23622 12.1222 7.30555 11.9445 7.45 11.8L10.4833 8.76668H3.36667C3.15555 8.76668 2.97511 8.69157 2.82533 8.54135C2.67511 8.39157 2.6 8.21113 2.6 8.00002C2.6 7.7889 2.67511 7.60846 2.82533 7.45868C2.97511 7.30846 3.15555 7.23335 3.36667 7.23335H10.4833L7.45 4.20002C7.30555 4.05557 7.23622 3.87779 7.242 3.66668C7.24733 3.45557 7.32222 3.27779 7.46667 3.13335C7.61111 3.00002 7.78889 2.93335 8 2.93335C8.21111 2.93335 8.38889 3.00002 8.53333 3.13335L12.8667 7.46668C12.9444 7.53335 13 7.61379 13.0333 7.70802C13.0667 7.80268 13.0833 7.90002 13.0833 8.00002C13.0833 8.10002 13.0667 8.19446 13.0333 8.28335C13 8.37224 12.9444 8.45557 12.8667 8.53335L8.53333 12.8667C8.38889 13.0111 8.21111 13.0807 8 13.0753C7.78889 13.0696 7.61111 13 7.46667 12.8667V12.8667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '8e81fddfc2e4540693327189d5c88080f540cb6a' }, index.h("path", { key: '2e478b782df74829c9e9600514d758601d4cfb29', d: "M11.2 19.2999C10.9833 19.0832 10.871 18.8166 10.863 18.4999C10.8543 18.1832 10.9583 17.9166 11.175 17.6999L15.725 13.1499H5.05C4.73333 13.1499 4.46267 13.0372 4.238 12.8119C4.01267 12.5872 3.9 12.3166 3.9 11.9999C3.9 11.6832 4.01267 11.4126 4.238 11.1879C4.46267 10.9626 4.73333 10.8499 5.05 10.8499H15.725L11.175 6.2999C10.9583 6.08324 10.8543 5.81657 10.863 5.4999C10.871 5.18324 10.9833 4.91657 11.2 4.6999C11.4167 4.4999 11.6833 4.3999 12 4.3999C12.3167 4.3999 12.5833 4.4999 12.8 4.6999L19.3 11.1999C19.4167 11.2999 19.5 11.4206 19.55 11.5619C19.6 11.7039 19.625 11.8499 19.625 11.9999C19.625 12.1499 19.6 12.2916 19.55 12.4249C19.5 12.5582 19.4167 12.6832 19.3 12.7999L12.8 19.2999C12.5833 19.5166 12.3167 19.6209 12 19.6129C11.6833 19.6042 11.4167 19.4999 11.2 19.2999V19.2999Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '5ca145b2d3e61b64f6e7bf2600b85383d8ab8869' }, index.h("path", { key: 'eb71cb81c427954587ba1fde372383bf87a2b1b3', d: "M13.0667 22.5166C12.8139 22.2639 12.6828 21.9527 12.6735 21.5833C12.6634 21.2139 12.7847 20.9027 13.0375 20.65L18.3458 15.3416H5.89167C5.52223 15.3416 5.20645 15.2102 4.94434 14.9473C4.68145 14.6852 4.55 14.3694 4.55 14C4.55 13.6305 4.68145 13.3147 4.94434 13.0526C5.20645 12.7897 5.52223 12.6583 5.89167 12.6583H18.3458L13.0375 7.34997C12.7847 7.09719 12.6634 6.78608 12.6735 6.41663C12.6828 6.04719 12.8139 5.73608 13.0667 5.4833C13.3194 5.24997 13.6306 5.1333 14 5.1333C14.3694 5.1333 14.6806 5.24997 14.9333 5.4833L22.5167 13.0666C22.6528 13.1833 22.75 13.3241 22.8083 13.489C22.8667 13.6546 22.8958 13.825 22.8958 14C22.8958 14.175 22.8667 14.3402 22.8083 14.4958C22.75 14.6514 22.6528 14.7972 22.5167 14.9333L14.9333 22.5166C14.6806 22.7694 14.3694 22.8911 14 22.8818C13.6306 22.8717 13.3194 22.75 13.0667 22.5166V22.5166Z", fill: "currentColor" })))));
     }
 };
 SwirlIconArrowRight.style = swirlIconCss$1;
-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 SwirlIconMoreVertikal = class {
     constructor(hostRef) {
@@ -52,7 +52,7 @@ const SwirlIconMoreVertikal = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'bf802b109d26645c714520fa0013e522733633b5', "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 && (index.h(index.Fragment, { key: '032d5bebbec17ce049d6e91c4730b6cd56c6d3aa' }, index.h("path", { key: '6a9cf6aa79357f6eafc2d14fc66a5c9c9d7f548a', d: "M8.00001 13.5167C7.62223 13.5167 7.29445 13.3807 7.01667 13.1087C6.73889 12.8362 6.60001 12.5056 6.60001 12.1167C6.60001 11.7389 6.73889 11.4138 7.01667 11.1413C7.29445 10.8693 7.62223 10.7333 8.00001 10.7333C8.3889 10.7333 8.71956 10.8693 8.99201 11.1413C9.26401 11.4138 9.40001 11.7389 9.40001 12.1167C9.40001 12.5056 9.26401 12.8362 8.99201 13.1087C8.71956 13.3807 8.3889 13.5167 8.00001 13.5167ZM8.00001 9.4C7.62223 9.4 7.29445 9.26112 7.01667 8.98334C6.73889 8.70556 6.60001 8.37778 6.60001 8C6.60001 7.61112 6.73889 7.28045 7.01667 7.008C7.29445 6.736 7.62223 6.6 8.00001 6.6C8.3889 6.6 8.71956 6.736 8.99201 7.008C9.26401 7.28045 9.40001 7.61112 9.40001 8C9.40001 8.37778 9.26401 8.70556 8.99201 8.98334C8.71956 9.26112 8.3889 9.4 8.00001 9.4V9.4ZM8.00001 5.26667C7.62223 5.26667 7.29445 5.13045 7.01667 4.858C6.73889 4.586 6.60001 4.26112 6.60001 3.88334C6.60001 3.49445 6.73889 3.16378 7.01667 2.89134C7.29445 2.61934 7.62223 2.48334 8.00001 2.48334C8.3889 2.48334 8.71956 2.61934 8.99201 2.89134C9.26401 3.16378 9.40001 3.49445 9.40001 3.88334C9.40001 4.26112 9.26401 4.586 8.99201 4.858C8.71956 5.13045 8.3889 5.26667 8.00001 5.26667V5.26667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '2fbe22ca902612d265cd5e681b21874358614467' }, index.h("path", { key: 'cc965707c8887257a9da9217f5b8bd931119ec69', d: "M12 20.275C11.4333 20.275 10.9417 20.071 10.525 19.663C10.1083 19.2543 9.89999 18.7583 9.89999 18.175C9.89999 17.6083 10.1083 17.1206 10.525 16.712C10.9417 16.304 11.4333 16.1 12 16.1C12.5833 16.1 13.0793 16.304 13.488 16.712C13.896 17.1206 14.1 17.6083 14.1 18.175C14.1 18.7583 13.896 19.2543 13.488 19.663C13.0793 20.071 12.5833 20.275 12 20.275ZM12 14.1C11.4333 14.1 10.9417 13.8916 10.525 13.475C10.1083 13.0583 9.89999 12.5666 9.89999 12C9.89999 11.4166 10.1083 10.9206 10.525 10.512C10.9417 10.104 11.4333 9.89998 12 9.89998C12.5833 9.89998 13.0793 10.104 13.488 10.512C13.896 10.9206 14.1 11.4166 14.1 12C14.1 12.5666 13.896 13.0583 13.488 13.475C13.0793 13.8916 12.5833 14.1 12 14.1ZM12 7.89998C11.4333 7.89998 10.9417 7.69564 10.525 7.28698C10.1083 6.87898 9.89999 6.39164 9.89999 5.82498C9.89999 5.24164 10.1083 4.74564 10.525 4.33698C10.9417 3.92898 11.4333 3.72498 12 3.72498C12.5833 3.72498 13.0793 3.92898 13.488 4.33698C13.896 4.74564 14.1 5.24164 14.1 5.82498C14.1 6.39164 13.896 6.87898 13.488 7.28698C13.0793 7.69564 12.5833 7.89998 12 7.89998Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '7ae8ad926c49d9335bc3913ed9a30d86b7dabb2a' }, index.h("path", { key: '8729a052b60303ea7881e09558c5765617aa6932', d: "M14 23.6542C13.3389 23.6542 12.7653 23.4162 12.2792 22.9402C11.793 22.4634 11.55 21.8847 11.55 21.2042C11.55 20.543 11.793 19.9741 12.2792 19.4973C12.7653 19.0213 13.3389 18.7833 14 18.7833C14.6805 18.7833 15.2592 19.0213 15.736 19.4973C16.212 19.9741 16.45 20.543 16.45 21.2042C16.45 21.8847 16.212 22.4634 15.736 22.9402C15.2592 23.4162 14.6805 23.6542 14 23.6542ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45V16.45ZM14 9.21666C13.3389 9.21666 12.7653 8.97827 12.2792 8.50149C11.793 8.02549 11.55 7.45694 11.55 6.79583C11.55 6.11527 11.793 5.5366 12.2792 5.05983C12.7653 4.58383 13.3389 4.34583 14 4.34583C14.6805 4.34583 15.2592 4.58383 15.736 5.05983C16.212 5.5366 16.45 6.11527 16.45 6.79583C16.45 7.45694 16.212 8.02549 15.736 8.50149C15.2592 8.97827 14.6805 9.21666 14 9.21666V9.21666Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '5bbc3ccc3fa80c8768bab9b13233053eccb98716', "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 && (index.h(index.Fragment, { key: '0d454e121159800be672d8e6f265a9ced5e6b3bf' }, index.h("path", { key: 'cf2d372ea2f1aba151002f392b7a36a3ab22c0b3', d: "M8.00001 13.5167C7.62223 13.5167 7.29445 13.3807 7.01667 13.1087C6.73889 12.8362 6.60001 12.5056 6.60001 12.1167C6.60001 11.7389 6.73889 11.4138 7.01667 11.1413C7.29445 10.8693 7.62223 10.7333 8.00001 10.7333C8.3889 10.7333 8.71956 10.8693 8.99201 11.1413C9.26401 11.4138 9.40001 11.7389 9.40001 12.1167C9.40001 12.5056 9.26401 12.8362 8.99201 13.1087C8.71956 13.3807 8.3889 13.5167 8.00001 13.5167ZM8.00001 9.4C7.62223 9.4 7.29445 9.26112 7.01667 8.98334C6.73889 8.70556 6.60001 8.37778 6.60001 8C6.60001 7.61112 6.73889 7.28045 7.01667 7.008C7.29445 6.736 7.62223 6.6 8.00001 6.6C8.3889 6.6 8.71956 6.736 8.99201 7.008C9.26401 7.28045 9.40001 7.61112 9.40001 8C9.40001 8.37778 9.26401 8.70556 8.99201 8.98334C8.71956 9.26112 8.3889 9.4 8.00001 9.4V9.4ZM8.00001 5.26667C7.62223 5.26667 7.29445 5.13045 7.01667 4.858C6.73889 4.586 6.60001 4.26112 6.60001 3.88334C6.60001 3.49445 6.73889 3.16378 7.01667 2.89134C7.29445 2.61934 7.62223 2.48334 8.00001 2.48334C8.3889 2.48334 8.71956 2.61934 8.99201 2.89134C9.26401 3.16378 9.40001 3.49445 9.40001 3.88334C9.40001 4.26112 9.26401 4.586 8.99201 4.858C8.71956 5.13045 8.3889 5.26667 8.00001 5.26667V5.26667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '7c4a72a7973e8c3baa7829c65d53525ba483a0f1' }, index.h("path", { key: '34ba02d5599cdc962e5be77e12c44de5ebe7ad0c', d: "M12 20.275C11.4333 20.275 10.9417 20.071 10.525 19.663C10.1083 19.2543 9.89999 18.7583 9.89999 18.175C9.89999 17.6083 10.1083 17.1206 10.525 16.712C10.9417 16.304 11.4333 16.1 12 16.1C12.5833 16.1 13.0793 16.304 13.488 16.712C13.896 17.1206 14.1 17.6083 14.1 18.175C14.1 18.7583 13.896 19.2543 13.488 19.663C13.0793 20.071 12.5833 20.275 12 20.275ZM12 14.1C11.4333 14.1 10.9417 13.8916 10.525 13.475C10.1083 13.0583 9.89999 12.5666 9.89999 12C9.89999 11.4166 10.1083 10.9206 10.525 10.512C10.9417 10.104 11.4333 9.89998 12 9.89998C12.5833 9.89998 13.0793 10.104 13.488 10.512C13.896 10.9206 14.1 11.4166 14.1 12C14.1 12.5666 13.896 13.0583 13.488 13.475C13.0793 13.8916 12.5833 14.1 12 14.1ZM12 7.89998C11.4333 7.89998 10.9417 7.69564 10.525 7.28698C10.1083 6.87898 9.89999 6.39164 9.89999 5.82498C9.89999 5.24164 10.1083 4.74564 10.525 4.33698C10.9417 3.92898 11.4333 3.72498 12 3.72498C12.5833 3.72498 13.0793 3.92898 13.488 4.33698C13.896 4.74564 14.1 5.24164 14.1 5.82498C14.1 6.39164 13.896 6.87898 13.488 7.28698C13.0793 7.69564 12.5833 7.89998 12 7.89998Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'd1f533eb817e085c7e1209e9e7ed7f8b3cd965db' }, index.h("path", { key: 'f30077691a830abc075853bbfb3316c3f3ded62c', d: "M14 23.6542C13.3389 23.6542 12.7653 23.4162 12.2792 22.9402C11.793 22.4634 11.55 21.8847 11.55 21.2042C11.55 20.543 11.793 19.9741 12.2792 19.4973C12.7653 19.0213 13.3389 18.7833 14 18.7833C14.6805 18.7833 15.2592 19.0213 15.736 19.4973C16.212 19.9741 16.45 20.543 16.45 21.2042C16.45 21.8847 16.212 22.4634 15.736 22.9402C15.2592 23.4162 14.6805 23.6542 14 23.6542ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45V16.45ZM14 9.21666C13.3389 9.21666 12.7653 8.97827 12.2792 8.50149C11.793 8.02549 11.55 7.45694 11.55 6.79583C11.55 6.11527 11.793 5.5366 12.2792 5.05983C12.7653 4.58383 13.3389 4.34583 14 4.34583C14.6805 4.34583 15.2592 4.58383 15.736 5.05983C16.212 5.5366 16.45 6.11527 16.45 6.79583C16.45 7.45694 16.212 8.02549 15.736 8.50149C15.2592 8.97827 14.6805 9.21666 14 9.21666V9.21666Z", fill: "currentColor" })))));
     }
 };
 SwirlIconMoreVertikal.style = swirlIconCss;
@@ -85,7 +85,7 @@ const SwirlThumbnail = class {
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (index.h(index.Host, { key: '3545b248fde36b1d127a0630cec3cecd45084d81' }, index.h("span", { key: 'a658cb627ad7f6e66e4d96d28431eb86e46a04d7', class: className, role: "group" }, index.h(ImageWrapper, { key: '006319ae923bb315143d18ae485f21d6b82dcb82', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, index.h("img", { key: 'b10d7bb5ac401faedaebb13ff63efed486f6577c', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (index.h("span", { key: '0136b7032f9b20f1ab7239ec571b1f634705b183', class: "thumbnail__progress-indicator" }, index.h("swirl-progress-indicator", { key: 'a50e4f6e2e0eb6f1f41c2f846fa1883a904d1671', label: this.progressLabel, value: this.progress }))), showButtonGroup && (index.h("swirl-button-group", { key: '2477bb687307e2167dc4005e46fd56ee393497e3', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (index.h("span", { key: 'ebb5fb96bebb157f06a742515d9e98eeea1e6571' }, index.h("swirl-button", { key: 'c335bd576fb8664fd4d45ab3ae9b0f97ce99a130', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (index.h("span", { key: '3df296ec9f310309d17e53b4868d3f844ef9fcf1' }, index.h("swirl-button", { key: 'b34c70f969d794844d14a5031f96497dd58e88d8', hideLabel: true, icon: "<swirl-icon-delete></swirl-icon-delete>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (index.h("span", { key: 'c65d48def8ed423dc9b48a32612684a86defcd99', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (index.h(index.Host, { key: '7a8719f5c32335bcd15002ac1fb47a7556ecfcf7' }, index.h("span", { key: 'b374ba2c29c40152b1f10b26f4339f65cd9e6092', class: className, role: "group" }, index.h(ImageWrapper, { key: '3ac01a037b8f8560a3f9d9de023072acb602d941', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, index.h("img", { key: 'e93f0482d6f4c06ee0447625c329f01a15b3ed30', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (index.h("span", { key: '61ae8c2a51b9eb94a46b15ea35d47e3172533efb', class: "thumbnail__progress-indicator" }, index.h("swirl-progress-indicator", { key: 'ce079ef6a7ab93a57fbe68517db765194540b779', label: this.progressLabel, value: this.progress }))), showButtonGroup && (index.h("swirl-button-group", { key: 'b6a761dd0e4cc365d6d2e759f6da463c08ed408d', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (index.h("span", { key: '758ba46318594feae85b0bb03fd8e53ce34e52b9' }, index.h("swirl-button", { key: 'fd073b1293b4b303dc223e1ca4f8d2d75515c12e', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (index.h("span", { key: 'cc757df37d2c46e4fc8bf5784b5579788952ada0' }, index.h("swirl-button", { key: 'd47f6237fd992fbcb3f89fee15a5dfd2755c36de', hideLabel: true, icon: "<swirl-icon-delete></swirl-icon-delete>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (index.h("span", { key: 'd1bf88f72609b9518366e04f742ac70d894d6602', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
 };
 SwirlThumbnail.style = swirlThumbnailCss;

package/dist/cjs/swirl-icon-arrow-right-small.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-31zRgX-7.js');
 var index$1 = require('./index-DcAhLZUH.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 SwirlIconArrowRightSmall = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const SwirlIconArrowRightSmall = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'cffcbe62c4183d754593d092db63db9ad582357b', "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 && (index.h(index.Fragment, { key: 'e72ecd438a74871e22b3087404c26ca495166e52' }, index.h("path", { key: 'f1ff76ed19cba533d805b06a29f9f2a1debb6d89', d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '316dbc5d2291811e595e221833d86614fce753fa' }, index.h("path", { key: 'bdd8442a4e4d26b99399a592885fff256147cb28', d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '93625a7394fb324978fa4de4664eb79064b9a22a' }, index.h("path", { key: '0dc5552b53ef27cabd02c0d9c288053f004d5083', d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '464c31dcadad93a22c8262f648904e4c1a275979', "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 && (index.h(index.Fragment, { key: '35d05157ea6aa1add1e34f8e29f52c95e939a3dc' }, index.h("path", { key: 'edb323eba18ec541a07102cf851132ac4ee5f1cf', d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '74c65bef03457ffcb32c074f4163838ee903939e' }, index.h("path", { key: '4981375158ec4fe84e63b74b9942fb3029cb6c28', d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '5cc0f2b746180cd074ba2a6bad153d07993fa161' }, index.h("path", { key: '80b7656faa20d7a343070f2ed2fffc012a5c65a3', d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })))));
     }
 };
 SwirlIconArrowRightSmall.style = swirlIconCss;

package/dist/cjs/swirl-icon-aspect-ratio.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-31zRgX-7.js');
 var index$1 = require('./index-DcAhLZUH.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 SwirlIconAspectRatio = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const SwirlIconAspectRatio = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'e1c1f9e733abcd3a421c60b3caccec6ce7dafd71', "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 && (index.h(index.Fragment, { key: '868be565ccc402e17daca8aa5817d686768eaabe' }, index.h("path", { key: 'f5c8d5cb3e047d07d9563db969aae71853a210d9', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14 3.99984C14 3.26346 13.403 2.6665 12.6667 2.6665H3.33333C2.59695 2.6665 2 3.26346 2 3.99984V11.9998C2 12.7362 2.59695 13.3332 3.33333 13.3332H12.6667C13.403 13.3332 14 12.7362 14 11.9998V3.99984ZM12.6667 3.99984H3.33333L3.33333 11.9998H4.66667V6.6665C4.66667 5.93012 5.26362 5.33317 6 5.33317H12.6667V3.99984ZM8.66667 11.9998H12.6667V6.6665H8.66667V11.9998ZM7.33333 6.6665H6V11.9998H7.33333V6.6665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'faa9dd3ec4168f5ac6042f6018962ed9056c5c4f' }, index.h("path", { key: '0eb9710067b06fa2e9e088873338b6d248959348', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 6C21 4.89543 20.1046 4 19 4H5C3.89543 4 3 4.89543 3 6V18C3 19.1046 3.89543 20 5 20H19C20.1046 20 21 19.1046 21 18V6ZM19 6H5L5 18H7V10C7 8.89543 7.89543 8 9 8H19V6ZM13 18H19V10H13V18ZM11 10H9V18H11V10Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'c124316b7951bc318003cba2cd7b9233102388ac' }, index.h("path", { key: '4d88f9ca7cefb43a4ca56068644368679637c8e7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M24.5 6.99984C24.5 5.71117 23.4553 4.6665 22.1667 4.6665H5.83333C4.54467 4.6665 3.5 5.71117 3.5 6.99984V20.9998C3.5 22.2885 4.54467 23.3332 5.83333 23.3332H22.1667C23.4553 23.3332 24.5 22.2885 24.5 20.9998V6.99984ZM22.1667 6.99984H5.83333L5.83333 20.9998H8.16667V11.6665C8.16667 10.3778 9.21134 9.33317 10.5 9.33317H22.1667V6.99984ZM15.1667 20.9998H22.1667V11.6665H15.1667V20.9998ZM12.8333 11.6665H10.5V20.9998H12.8333V11.6665Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: 'bd29b7e0557406be3671798d01df8531524116e8', "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 && (index.h(index.Fragment, { key: '883967fb6a6430f283af84967967b66a847bd3cd' }, index.h("path", { key: '1cc1f5109eefc605ada613eaf4c5ad78d3fa3bf1', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14 3.99984C14 3.26346 13.403 2.6665 12.6667 2.6665H3.33333C2.59695 2.6665 2 3.26346 2 3.99984V11.9998C2 12.7362 2.59695 13.3332 3.33333 13.3332H12.6667C13.403 13.3332 14 12.7362 14 11.9998V3.99984ZM12.6667 3.99984H3.33333L3.33333 11.9998H4.66667V6.6665C4.66667 5.93012 5.26362 5.33317 6 5.33317H12.6667V3.99984ZM8.66667 11.9998H12.6667V6.6665H8.66667V11.9998ZM7.33333 6.6665H6V11.9998H7.33333V6.6665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'ea6b50690bc7267452aa098ab2fea78c9835c6e5' }, index.h("path", { key: '7f40823e461523f5e4733787348aa906747fa2eb', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 6C21 4.89543 20.1046 4 19 4H5C3.89543 4 3 4.89543 3 6V18C3 19.1046 3.89543 20 5 20H19C20.1046 20 21 19.1046 21 18V6ZM19 6H5L5 18H7V10C7 8.89543 7.89543 8 9 8H19V6ZM13 18H19V10H13V18ZM11 10H9V18H11V10Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '6b99eb498711b20ce16e843bf4d6cbca1ec87c70' }, index.h("path", { key: '70dc75b6de0997b1f8d59261444ed3ccc8e56a71', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M24.5 6.99984C24.5 5.71117 23.4553 4.6665 22.1667 4.6665H5.83333C4.54467 4.6665 3.5 5.71117 3.5 6.99984V20.9998C3.5 22.2885 4.54467 23.3332 5.83333 23.3332H22.1667C23.4553 23.3332 24.5 22.2885 24.5 20.9998V6.99984ZM22.1667 6.99984H5.83333L5.83333 20.9998H8.16667V11.6665C8.16667 10.3778 9.21134 9.33317 10.5 9.33317H22.1667V6.99984ZM15.1667 20.9998H22.1667V11.6665H15.1667V20.9998ZM12.8333 11.6665H10.5V20.9998H12.8333V11.6665Z", fill: "currentColor" })))));
     }
 };
 SwirlIconAspectRatio.style = swirlIconCss;