npm - @getflip/swirl-components - Versions diffs - 0.452.1 → 0.453.0 - Mend

@getflip/swirl-components 0.452.1 → 0.453.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 (2853) hide show

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-BH-xCNGW.js');
+var index = require('./index-CnaJlT6Y.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%}.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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
 const SwirlIconChats = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const SwirlIconChats = class {
         return (index.h("svg", { key: '1a64792921e6380a8d0d05069f68adc2ea0cac24', "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: '36a49743e8d8c1bc612866098296cfc092591c3e' }, index.h("path", { key: 'b714f7b3c64ed0466e9f91e604b8bfefe30c9743', d: "M3.47953 10.8818L3.23798 10.4046C2.87298 9.68358 2.66671 8.86777 2.66671 7.99992C2.66671 5.0544 5.05452 2.66659 8.00004 2.66659C10.9456 2.66659 13.3334 5.0544 13.3334 7.99992C13.3334 10.9454 10.9456 13.3333 8.00004 13.3333C7.13219 13.3333 6.31638 13.127 5.59535 12.762L5.11818 12.5204L2.76673 13.2332L3.47953 10.8818ZM2.04838 11.0068L1.12909 14.0395C0.974565 14.5492 1.45073 15.0254 1.96048 14.8709L4.99315 13.9516C5.89658 14.4089 6.91822 14.6666 8.00004 14.6666C11.6819 14.6666 14.6667 11.6818 14.6667 7.99992C14.6667 4.31802 11.6819 1.33325 8.00004 1.33325C4.31814 1.33325 1.33337 4.31802 1.33337 7.99992C1.33337 9.08174 1.59105 10.1034 2.04838 11.0068Z", fill: "currentColor" }), index.h("path", { key: '7b0487d1e4752406563509e0282d7aca8a1f37d2', d: "M6.00004 7.99992C6.00004 8.55221 5.55233 8.99992 5.00004 8.99992C4.44776 8.99992 4.00004 8.55221 4.00004 7.99992C4.00004 7.44764 4.44776 6.99992 5.00004 6.99992C5.55233 6.99992 6.00004 7.44764 6.00004 7.99992Z", fill: "currentColor" }), index.h("path", { key: '1ccfbcd79781340ce3659a43fe25c97400e645d8', d: "M9.00004 7.99992C9.00004 8.55221 8.55233 8.99992 8.00004 8.99992C7.44776 8.99992 7.00004 8.55221 7.00004 7.99992C7.00004 7.44764 7.44776 6.99992 8.00004 6.99992C8.55233 6.99992 9.00004 7.44764 9.00004 7.99992Z", fill: "currentColor" }), index.h("path", { key: '1221358773ce11eaf6324a19e1f3d1cdc77fdd57', d: "M12 7.99992C12 8.55221 11.5523 8.99992 11 8.99992C10.4478 8.99992 10 8.55221 10 7.99992C10 7.44764 10.4478 6.99992 11 6.99992C11.5523 6.99992 12 7.44764 12 7.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '8fa8aae1107dac56887022dff614d53d4bd07017' }, index.h("path", { key: 'df22892ffb1a7f148810c4c1c0549c9b341df361', d: "M5.21923 16.3228L4.85691 15.607C4.30941 14.5255 4 13.3018 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C10.6982 20 9.47451 19.6906 8.39296 19.1431L7.67721 18.7808L4.15004 19.85L5.21923 16.3228ZM3.07251 16.5103L1.69357 21.0593C1.46179 21.824 2.17603 22.5382 2.94066 22.3064L7.48966 20.9275C8.8448 21.6135 10.3773 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.6227 2.38652 15.1552 3.07251 16.5103Z", fill: "currentColor" }), index.h("path", { key: '099401896f50bec8818259ef7a3ccb1503bd6127', d: "M9 12C9 12.8284 8.32843 13.5 7.5 13.5C6.67157 13.5 6 12.8284 6 12C6 11.1716 6.67157 10.5 7.5 10.5C8.32843 10.5 9 11.1716 9 12Z", fill: "currentColor" }), index.h("path", { key: 'b008955e4552df4386c2413ff008e56852b98e02', d: "M13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12Z", fill: "currentColor" }), index.h("path", { key: 'd6e71bf2fa65868722c46fccca234e420b2d2e7a', d: "M18 12C18 12.8284 17.3284 13.5 16.5 13.5C15.6716 13.5 15 12.8284 15 12C15 11.1716 15.6716 10.5 16.5 10.5C17.3284 10.5 18 11.1716 18 12Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '74428be8bfee8fcc27a9a42085f661ddde60bfb7' }, index.h("path", { key: '9cf2fcbffd5750f954a44ea54ced6a31f1c4797f', d: "M6.08915 19.0432L5.66643 18.2081C5.02768 16.9463 4.66671 15.5187 4.66671 13.9999C4.66671 8.84526 8.84538 4.66659 14 4.66659C19.1547 4.66659 23.3334 8.84526 23.3334 13.9999C23.3334 19.1546 19.1547 23.3333 14 23.3333C12.4813 23.3333 11.0536 22.9723 9.79182 22.3335L8.95678 21.9108L4.84175 23.1582L6.08915 19.0432ZM3.58464 19.262L1.97587 24.5691C1.70546 25.4612 2.53875 26.2945 3.43082 26.0241L8.73798 24.4153C10.319 25.2156 12.1068 25.6666 14 25.6666C20.4434 25.6666 25.6667 20.4432 25.6667 13.9999C25.6667 7.5566 20.4434 2.33325 14 2.33325C7.55672 2.33325 2.33337 7.5566 2.33337 13.9999C2.33337 15.8931 2.78431 17.681 3.58464 19.262Z", fill: "currentColor" }), index.h("path", { key: '1e3d29702eb7db9a00f989240aa3593d6f2c35d5', d: "M10.5 13.9999C10.5 14.9664 9.71654 15.7499 8.75004 15.7499C7.78354 15.7499 7.00004 14.9664 7.00004 13.9999C7.00004 13.0334 7.78354 12.2499 8.75004 12.2499C9.71654 12.2499 10.5 13.0334 10.5 13.9999Z", fill: "currentColor" }), index.h("path", { key: '05add2637ecfe5cdd40b8e30c464b9f1d99b33b5', d: "M15.75 13.9999C15.75 14.9664 14.9665 15.7499 14 15.7499C13.0335 15.7499 12.25 14.9664 12.25 13.9999C12.25 13.0334 13.0335 12.2499 14 12.2499C14.9665 12.2499 15.75 13.0334 15.75 13.9999Z", fill: "currentColor" }), index.h("path", { key: '933ce87548dfa0ecd002957e1bc1089fac570f81', d: "M21 13.9999C21 14.9664 20.2165 15.7499 19.25 15.7499C18.2835 15.7499 17.5 14.9664 17.5 13.9999C17.5 13.0334 18.2835 12.2499 19.25 12.2499C20.2165 12.2499 21 13.0334 21 13.9999Z", fill: "currentColor" })))));
     }
 };
-SwirlIconChats.style = swirlIconCss;
+SwirlIconChats.style = swirlIconCss();
 exports.swirl_icon_chats = SwirlIconChats;

package/dist/cjs/swirl-icon-check-circle-filled.cjs.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-BH-xCNGW.js');
+var index = require('./index-CnaJlT6Y.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%}.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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
 const SwirlIconCheckCircleFilled = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const SwirlIconCheckCircleFilled = class {
         return (index.h("svg", { key: '85e74aa18bd492207a361e6d191d84f7fa2ef19d', "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: 'b16544ebb57c1168142e665c360ef4714e8079b2' }, index.h("path", { key: '826dd404bcc9ab2e109973f6da9f4ac7cc927270', d: "M7.06634 9.20065L5.63301 7.76732C5.51079 7.6451 5.35523 7.58398 5.16634 7.58398C4.97745 7.58398 4.8219 7.6451 4.69967 7.76732C4.57745 7.88954 4.51634 8.0451 4.51634 8.23398C4.51634 8.42287 4.57745 8.57843 4.69967 8.70065L6.59967 10.6007C6.73301 10.734 6.88856 10.8007 7.06634 10.8007C7.24412 10.8007 7.39967 10.734 7.53301 10.6007L11.2997 6.83398C11.4219 6.71176 11.483 6.55621 11.483 6.36732C11.483 6.17843 11.4219 6.02287 11.2997 5.90065C11.1775 5.77843 11.0219 5.71732 10.833 5.71732C10.6441 5.71732 10.4886 5.77843 10.3663 5.90065L7.06634 9.20065ZM7.99967 14.6673C7.07745 14.6673 6.21079 14.4923 5.39967 14.1423C4.58856 13.7923 3.88301 13.3173 3.28301 12.7173C2.68301 12.1173 2.20801 11.4118 1.85801 10.6007C1.50801 9.78954 1.33301 8.92287 1.33301 8.00065C1.33301 7.07843 1.50801 6.21176 1.85801 5.40065C2.20801 4.58954 2.68301 3.88398 3.28301 3.28398C3.88301 2.68398 4.58856 2.20898 5.39967 1.85898C6.21079 1.50898 7.07745 1.33398 7.99967 1.33398C8.9219 1.33398 9.78856 1.50898 10.5997 1.85898C11.4108 2.20898 12.1163 2.68398 12.7163 3.28398C13.3163 3.88398 13.7913 4.58954 14.1413 5.40065C14.4913 6.21176 14.6663 7.07843 14.6663 8.00065C14.6663 8.92287 14.4913 9.78954 14.1413 10.6007C13.7913 11.4118 13.3163 12.1173 12.7163 12.7173C12.1163 13.3173 11.4108 13.7923 10.5997 14.1423C9.78856 14.4923 8.9219 14.6673 7.99967 14.6673Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'b471d0f9081999f70ce0f627d6438925670ab71a' }, index.h("path", { key: '07c31d7963592f9c6eaa489d90f81c12ade6af59', d: "M10.6 13.8L8.45 11.65C8.26667 11.4667 8.03333 11.375 7.75 11.375C7.46667 11.375 7.23333 11.4667 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.1 16.1 10.3333 16.2 10.6 16.2C10.8667 16.2 11.1 16.1 11.3 15.9L16.95 10.25C17.1333 10.0667 17.225 9.83333 17.225 9.55C17.225 9.26667 17.1333 9.03333 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'eb600b6b75c25f8632ae96563961f8cb8d95cb07' }, index.h("path", { key: '8f04f9ec6ab566401f9f8c804db6477e9ebe2786', d: "M12.3663 16.1007L9.85801 13.5923C9.64412 13.3784 9.3719 13.2715 9.04134 13.2715C8.71079 13.2715 8.43856 13.3784 8.22467 13.5923C8.01079 13.8062 7.90384 14.0784 7.90384 14.409C7.90384 14.7395 8.01079 15.0118 8.22467 15.2257L11.5497 18.5507C11.783 18.784 12.0552 18.9007 12.3663 18.9007C12.6775 18.9007 12.9497 18.784 13.183 18.5507L19.7747 11.959C19.9886 11.7451 20.0955 11.4729 20.0955 11.1423C20.0955 10.8118 19.9886 10.5395 19.7747 10.3257C19.5608 10.1118 19.2886 10.0048 18.958 10.0048C18.6275 10.0048 18.3552 10.1118 18.1413 10.3257L12.3663 16.1007ZM13.9997 25.6673C12.3858 25.6673 10.8691 25.3611 9.44967 24.7486C8.03023 24.1361 6.79551 23.3048 5.74551 22.2548C4.69551 21.2048 3.86426 19.9701 3.25176 18.5507C2.63926 17.1312 2.33301 15.6145 2.33301 14.0007C2.33301 12.3868 2.63926 10.8701 3.25176 9.45065C3.86426 8.03121 4.69551 6.79648 5.74551 5.74648C6.79551 4.69648 8.03023 3.86523 9.44967 3.25273C10.8691 2.64023 12.3858 2.33398 13.9997 2.33398C15.6136 2.33398 17.1302 2.64023 18.5497 3.25273C19.9691 3.86523 21.2038 4.69648 22.2538 5.74648C23.3038 6.79648 24.1351 8.03121 24.7476 9.45065C25.3601 10.8701 25.6663 12.3868 25.6663 14.0007C25.6663 15.6145 25.3601 17.1312 24.7476 18.5507C24.1351 19.9701 23.3038 21.2048 22.2538 22.2548C21.2038 23.3048 19.9691 24.1361 18.5497 24.7486C17.1302 25.3611 15.6136 25.6673 13.9997 25.6673Z", fill: "currentColor" })))));
     }
 };
-SwirlIconCheckCircleFilled.style = swirlIconCss;
+SwirlIconCheckCircleFilled.style = swirlIconCss();
 exports.swirl_icon_check_circle_filled = SwirlIconCheckCircleFilled;

package/dist/cjs/swirl-icon-check-circle_2.cjs.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-BH-xCNGW.js');
+var index = require('./index-CnaJlT6Y.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%}.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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
 const SwirlIconCheckCircle = class {
     constructor(hostRef) {
@@ -19,9 +19,9 @@ const SwirlIconCheckCircle = class {
         return (index.h("svg", { key: 'c9111a51181a25bc91dbb7217cf93c7cdf6d647a', "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: '7c26d77081ed79e0eb795ccab2be2ad8f7cc3d33' }, index.h("path", { key: '8ed6863ad96ac21764503e186acbf17e68e3df57', d: "M7.06665 9.20004L5.61665 7.75004C5.49442 7.62782 5.34176 7.5696 5.15865 7.57537C4.97509 7.58071 4.8222 7.64448 4.69998 7.76671C4.57776 7.88893 4.51665 8.04448 4.51665 8.23337C4.51665 8.42226 4.57776 8.57782 4.69998 8.70004L6.59998 10.6C6.7222 10.7223 6.87776 10.7834 7.06665 10.7834C7.25554 10.7834 7.41109 10.7223 7.53331 10.6L11.3166 6.81671C11.4389 6.69449 11.4973 6.5416 11.492 6.35804C11.4862 6.17493 11.4222 6.02226 11.3 5.90004C11.1778 5.77782 11.0222 5.71671 10.8333 5.71671C10.6444 5.71671 10.4889 5.77782 10.3666 5.90004L7.06665 9.20004ZM7.99998 14.6667C7.07776 14.6667 6.21109 14.4916 5.39998 14.1414C4.58887 13.7916 3.88331 13.3167 3.28331 12.7167C2.68331 12.1167 2.20842 11.4112 1.85865 10.6C1.50842 9.78893 1.33331 8.92226 1.33331 8.00004C1.33331 7.07782 1.50842 6.21115 1.85865 5.40004C2.20842 4.58893 2.68331 3.88337 3.28331 3.28337C3.88331 2.68337 4.58887 2.20826 5.39998 1.85804C6.21109 1.50826 7.07776 1.33337 7.99998 1.33337C8.9222 1.33337 9.78887 1.50826 10.6 1.85804C11.4111 2.20826 12.1166 2.68337 12.7166 3.28337C13.3166 3.88337 13.7915 4.58893 14.1413 5.40004C14.4915 6.21115 14.6666 7.07782 14.6666 8.00004C14.6666 8.92226 14.4915 9.78893 14.1413 10.6C13.7915 11.4112 13.3166 12.1167 12.7166 12.7167C12.1166 13.3167 11.4111 13.7916 10.6 14.1414C9.78887 14.4916 8.9222 14.6667 7.99998 14.6667ZM7.99998 13.3334C9.47776 13.3334 10.7362 12.814 11.7753 11.7754C12.814 10.7363 13.3333 9.47782 13.3333 8.00004C13.3333 6.52226 12.814 5.26382 11.7753 4.22471C10.7362 3.18604 9.47776 2.66671 7.99998 2.66671C6.5222 2.66671 5.26398 3.18604 4.22531 4.22471C3.1862 5.26382 2.66665 6.52226 2.66665 8.00004C2.66665 9.47782 3.1862 10.7363 4.22531 11.7754C5.26398 12.814 6.5222 13.3334 7.99998 13.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '6c43b2a8792a4b26c920bddae1d206f47c9dcb30' }, index.h("path", { key: '785c64c8778734549ad0645c6e9f0924937b0486', d: "M10.6 13.8L8.425 11.625C8.24167 11.4417 8.01267 11.3543 7.738 11.363C7.46267 11.371 7.23333 11.4667 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.0833 16.0833 10.3167 16.175 10.6 16.175C10.8833 16.175 11.1167 16.0833 11.3 15.9L16.975 10.225C17.1583 10.0417 17.246 9.81233 17.238 9.537C17.2293 9.26233 17.1333 9.03333 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C14.2167 20 16.1043 19.221 17.663 17.663C19.221 16.1043 20 14.2167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 14.2167 4.77933 16.1043 6.338 17.663C7.896 19.221 9.78333 20 12 20Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '26557d1d81a292863339a04ef7781d3ee99617f4' }, index.h("path", { key: 'e5faa561c550aa3919d2b930d872da4b8a9d7295', d: "M12.3666 16.1L9.82915 13.5625C9.61526 13.3487 9.34809 13.2468 9.02765 13.2569C8.70642 13.2662 8.43887 13.3778 8.22498 13.5917C8.01109 13.8056 7.90415 14.0778 7.90415 14.4084C7.90415 14.7389 8.01109 15.0112 8.22498 15.225L11.55 18.55C11.7639 18.7639 12.0361 18.8709 12.3666 18.8709C12.6972 18.8709 12.9694 18.7639 13.1833 18.55L19.8041 11.9292C20.018 11.7153 20.1203 11.4478 20.111 11.1265C20.1009 10.8061 19.9889 10.5389 19.775 10.325C19.5611 10.1112 19.2889 10.0042 18.9583 10.0042C18.6278 10.0042 18.3555 10.1112 18.1416 10.325L12.3666 16.1ZM14 25.6667C12.3861 25.6667 10.8694 25.3603 9.44998 24.7474C8.03054 24.1353 6.79581 23.3042 5.74581 22.2542C4.69581 21.2042 3.86476 19.9695 3.25265 18.55C2.63976 17.1306 2.33331 15.6139 2.33331 14C2.33331 12.3862 2.63976 10.8695 3.25265 9.45004C3.86476 8.0306 4.69581 6.79587 5.74581 5.74587C6.79581 4.69587 8.03054 3.86443 9.44998 3.25154C10.8694 2.63943 12.3861 2.33337 14 2.33337C15.6139 2.33337 17.1305 2.63943 18.55 3.25154C19.9694 3.86443 21.2041 4.69587 22.2541 5.74587C23.3041 6.79587 24.1352 8.0306 24.7473 9.45004C25.3602 10.8695 25.6666 12.3862 25.6666 14C25.6666 15.6139 25.3602 17.1306 24.7473 18.55C24.1352 19.9695 23.3041 21.2042 22.2541 22.2542C21.2041 23.3042 19.9694 24.1353 18.55 24.7474C17.1305 25.3603 15.6139 25.6667 14 25.6667ZM14 23.3334C16.5861 23.3334 18.7884 22.4245 20.6068 20.6069C22.4245 18.7884 23.3333 16.5862 23.3333 14C23.3333 11.4139 22.4245 9.21165 20.6068 7.39321C18.7884 5.57554 16.5861 4.66671 14 4.66671C11.4139 4.66671 9.21198 5.57554 7.39431 7.39321C5.57587 9.21165 4.66665 11.4139 4.66665 14C4.66665 16.5862 5.57587 18.7884 7.39431 20.6069C9.21198 22.4245 11.4139 23.3334 14 23.3334Z", fill: "currentColor" })))));
     }
 };
-SwirlIconCheckCircle.style = swirlIconCss$1;
+SwirlIconCheckCircle.style = swirlIconCss$1();
-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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
 const SwirlIconWarning = class {
     constructor(hostRef) {
@@ -37,7 +37,7 @@ const SwirlIconWarning = class {
         return (index.h("svg", { key: '5f2b54aa9042bb1e6b73cb141dbcc3ef04d668b0', "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: '0650cf680ef02f3cc8958d361e52770e6aae4fc5' }, index.h("path", { key: '61eb33a29cdf4420955fd37b386196be1c72f908', d: "M1.81666 14C1.5611 14 1.37221 13.8889 1.24999 13.6667C1.12777 13.4444 1.12777 13.2222 1.24999 13L7.41666 2.33333C7.53888 2.11111 7.73333 2 7.99999 2C8.26666 2 8.4611 2.11111 8.58333 2.33333L14.75 13C14.8722 13.2222 14.8722 13.4444 14.75 13.6667C14.6278 13.8889 14.4389 14 14.1833 14H1.81666ZM7.99999 6.66667C7.8111 6.66667 7.65288 6.73044 7.52533 6.858C7.39733 6.986 7.33333 7.14444 7.33333 7.33333V9.33333C7.33333 9.52222 7.39733 9.68044 7.52533 9.808C7.65288 9.936 7.8111 10 7.99999 10C8.18888 10 8.34733 9.936 8.47533 9.808C8.60288 9.68044 8.66666 9.52222 8.66666 9.33333V7.33333C8.66666 7.14444 8.60288 6.986 8.47533 6.858C8.34733 6.73044 8.18888 6.66667 7.99999 6.66667ZM7.99999 12C8.18888 12 8.34733 11.936 8.47533 11.808C8.60288 11.6804 8.66666 11.5222 8.66666 11.3333C8.66666 11.1444 8.60288 10.9862 8.47533 10.8587C8.34733 10.7307 8.18888 10.6667 7.99999 10.6667C7.8111 10.6667 7.65288 10.7307 7.52533 10.8587C7.39733 10.9862 7.33333 11.1444 7.33333 11.3333C7.33333 11.5222 7.39733 11.6804 7.52533 11.808C7.65288 11.936 7.8111 12 7.99999 12ZM2.96666 12.6667H13.0333L7.99999 4L2.96666 12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '05d4c1b0cbafd24bc6aae26d7c829afd9779f584' }, index.h("path", { key: '95fa5ac28632af6e4b5127162d7939775fad117f', d: "M2.72499 21C2.34165 21 2.05832 20.8333 1.87499 20.5C1.69165 20.1667 1.69165 19.8333 1.87499 19.5L11.125 3.5C11.3083 3.16667 11.6 3 12 3C12.4 3 12.6917 3.16667 12.875 3.5L22.125 19.5C22.3083 19.8333 22.3083 20.1667 22.125 20.5C21.9417 20.8333 21.6583 21 21.275 21H2.72499ZM12 10C11.7167 10 11.4793 10.0957 11.288 10.287C11.096 10.479 11 10.7167 11 11V14C11 14.2833 11.096 14.5207 11.288 14.712C11.4793 14.904 11.7167 15 12 15C12.2833 15 12.521 14.904 12.713 14.712C12.9043 14.5207 13 14.2833 13 14V11C13 10.7167 12.9043 10.479 12.713 10.287C12.521 10.0957 12.2833 10 12 10ZM12 18C12.2833 18 12.521 17.904 12.713 17.712C12.9043 17.5207 13 17.2833 13 17C13 16.7167 12.9043 16.4793 12.713 16.288C12.521 16.096 12.2833 16 12 16C11.7167 16 11.4793 16.096 11.288 16.288C11.096 16.4793 11 16.7167 11 17C11 17.2833 11.096 17.5207 11.288 17.712C11.4793 17.904 11.7167 18 12 18ZM4.44999 19H19.55L12 6L4.44999 19Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '91bfaa8380923a48893f6d21cff4c7fc8a9a1dbd' }, index.h("path", { key: 'c15605fe46ab331a5860e23f04c0838132d200bf', d: "M3.17918 24.5C2.73196 24.5 2.40141 24.3056 2.18752 23.9167C1.97363 23.5278 1.97363 23.1389 2.18752 22.75L12.9792 4.08333C13.1931 3.69444 13.5333 3.5 14 3.5C14.4667 3.5 14.807 3.69444 15.0208 4.08333L25.8125 22.75C26.0264 23.1389 26.0264 23.5278 25.8125 23.9167C25.5986 24.3056 25.2681 24.5 24.8208 24.5H3.17918ZM14 11.6667C13.6695 11.6667 13.3926 11.7783 13.1693 12.0015C12.9453 12.2255 12.8333 12.5028 12.8333 12.8333V16.3333C12.8333 16.6639 12.9453 16.9408 13.1693 17.164C13.3926 17.388 13.6695 17.5 14 17.5C14.3306 17.5 14.6078 17.388 14.8318 17.164C15.0551 16.9408 15.1667 16.6639 15.1667 16.3333V12.8333C15.1667 12.5028 15.0551 12.2255 14.8318 12.0015C14.6078 11.7783 14.3306 11.6667 14 11.6667ZM14 21C14.3306 21 14.6078 20.888 14.8318 20.664C15.0551 20.4408 15.1667 20.1639 15.1667 19.8333C15.1667 19.5028 15.0551 19.2259 14.8318 19.0027C14.6078 18.7787 14.3306 18.6667 14 18.6667C13.6695 18.6667 13.3926 18.7787 13.1693 19.0027C12.9453 19.2259 12.8333 19.5028 12.8333 19.8333C12.8333 20.1639 12.9453 20.4408 13.1693 20.664C13.3926 20.888 13.6695 21 14 21ZM5.19168 22.1667H22.8083L14 7L5.19168 22.1667Z", fill: "currentColor" })))));
     }
 };
-SwirlIconWarning.style = swirlIconCss;
+SwirlIconWarning.style = swirlIconCss();
 exports.swirl_icon_check_circle = SwirlIconCheckCircle;
 exports.swirl_icon_warning = SwirlIconWarning;

package/dist/cjs/swirl-icon-check-small_2.cjs.entry.js ADDED Viewed

@@ -0,0 +1,97 @@
+'use strict';
+var index = require('./index-CnaJlT6Y.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var mediaQuery_service = require('./media-query.service-B8u-DqoO.js');
+var v4 = require('./v4-Bq3ldsQe.js');
+require('./utils-UfZG-xPD.js');
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
+const SwirlIconCheckSmall = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: '0d352fbc7041c77473283f98e3e7d36efe332818', "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: '9cdbddde13e541b9b569e174e897263f666ce5b4' }, index.h("path", { key: 'c87584e6315bb328e2b2be3d0bc70aaf74c809c4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '98c74b9bf8bf6cdaa994b7ca804515ca3a4f6c04' }, index.h("path", { key: 'd4ce376b5d26fe7d3c11706f738167066d55e0dd', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'b70c806320560b6b9d8ce3c82599cca12e4514f4' }, index.h("path", { key: '36eb1ccf3dc689bc5ae24a0813d8a5cda5d6a39b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", fill: "currentColor" })))));
+    }
+};
+SwirlIconCheckSmall.style = swirlIconCss();
+const swirlOptionListItemCss = () => `.sc-swirl-option-list-item-h{position:relative;display:block;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item--drag.sc-swirl-option-list-item-h{border-radius:var(--s-border-radius-s);background-color:var(--s-translucent-medium-pressed)}.option-list-item.sc-swirl-option-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);border-radius:var(--s-border-radius-sm);align-items:center;background-color:transparent;cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-translucent-low-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-translucent-low-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-translucent-low-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-translucent-low-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),     0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-translucent-low-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item,.option-list-item--indeterminate.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item--disabled.option-list-item--indeterminate.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);color:var(--s-text-on-status);background-color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{filter:grayscale(100%)}.option-list-item--show-avatar.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{display:inline-flex}.option-list-item__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column;overflow:hidden}.option-list-item__label-container.sc-swirl-option-list-item>*.sc-swirl-option-list-item{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-subdued);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__description.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__avatar.sc-swirl-option-list-item{display:none;flex-shrink:0}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__icon.sc-swirl-option-list-item{width:1.25rem;height:1.25rem}}.option-list-item__icon-badge.sc-swirl-option-list-item{position:absolute;display:grid;bottom:0;right:0}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__checkbox-indeterminate-icon.sc-swirl-option-list-item{position:relative;width:100%;height:100%}.option-list-item__checkbox-indeterminate-icon.sc-swirl-option-list-item:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`;
+const SwirlOptionListItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.toggleDrag = index.createEvent(this, "toggleDrag", 7);
+        this.context = "single-select";
+        this.dragHandleDescription = "Press spacebar to toggle grab";
+        this.dragHandleLabel = "Move option";
+        this.selected = false;
+        this.indeterminate = false;
+        this.swirlAriaRole = "option";
+        this.truncateLabel = true;
+        this.iconSize = 24;
+        this.elementId = v4.v4();
+        this.mediaQueryUnsubscribe = () => { };
+        this.onDragHandleKeyDown = (event) => {
+            if (event.code === "Space" || event.code === "Enter") {
+                event.preventDefault();
+                this.toggleDrag.emit(this.el);
+            }
+        };
+        this.onBlur = () => {
+            this.focused = false;
+        };
+        this.onFocus = () => {
+            this.focused = true;
+        };
+    }
+    componentDidLoad() {
+        this.mediaQueryUnsubscribe = mediaQuery_service.DesktopMediaQuery.subscribe((isDesktop) => {
+            this.forceIconProps(isDesktop);
+            this.updateIconSize(isDesktop);
+        });
+    }
+    disconnectedCallback() {
+        this.mediaQueryUnsubscribe();
+    }
+    forceIconProps(smallIcon) {
+        const icon = this.iconEl?.children[0];
+        icon?.setAttribute("size", smallIcon ? "20" : "24");
+    }
+    updateIconSize(smallIcon) {
+        this.iconSize = smallIcon ? 20 : 24;
+    }
+    render() {
+        const ariaDisabled = this.disabled ? "true" : undefined;
+        const ariaSelected = this.indeterminate ? undefined : String(this.selected);
+        const showCheckbox = this.context === "multi-select";
+        const showIcon = Boolean(this.icon) && this.context === "single-select";
+        const showIconBadge = Boolean(this.iconBadge);
+        const showAvatar = this.el.querySelector('[slot="avatar"]');
+        const showSelectionIcon = this.selected && this.context === "single-select";
+        const className = index$1.classnames("option-list-item", `option-list-item--context-${this.context}`, {
+            "option-list-item--disabled": this.disabled,
+            "option-list-item--draggable": this.allowDrag,
+            "option-list-item--dragging": this.dragging,
+            "option-list-item--selected": this.selected,
+            "option-list-item--indeterminate": this.indeterminate && !this.selected,
+            "option-list-item--show-avatar": showAvatar,
+        });
+        return (index.h(index.Host, { key: '02293f18ce711fb24b8532295aa9f4d45c566911' }, index.h("div", { key: 'be835093d1496611cef54f6f13181fcbbb7f25aa', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+                ? `option-list-item-${this.elementId}-description`
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (index.h("span", { key: 'c7614742890b1fa5fa222abe974dcd4fa8c6143f', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (index.h("span", { key: '2cd49bbbd6e3aa241353d6aeb7ed333f78a4ef41', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (index.h("span", { key: '4b7a643317890b7c3654ddf8d383ad0973d711c0', class: "option-list-item__checkbox" }, index.h("span", { key: '161766550f0a605e216462f21be8557dc9fb6270', class: "option-list-item__checkbox-box" }, this.selected && (index.h("swirl-icon-check-strong", { key: '228a74fac821ff162735251eac9f2a362a217781', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (index.h("span", { key: 'e0d51eb5acf821389633983b5aa3135b1cba0759', class: "option-list-item__checkbox-indeterminate-icon" }))))), index.h("span", { key: '2ba67d47820c475856f4457c28eb001f3a8f9c7b', class: "option-list-item__avatar" }, index.h("slot", { key: '08e0c07e70dc02d14c38da601e8b8f9e460dfa11', name: "avatar" })), index.h("span", { key: 'c1694cef10bbcc06e3a9516f2af83e0b56d899fa', class: "option-list-item__label-container" }, index.h("span", { key: 'a412d45d82f1977841e9dc9289f1c81f34afc370', class: "option-list-item__label", style: { whiteSpace: this.truncateLabel ? "nowrap" : "normal" }, id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (index.h("span", { key: '9efb7fe4f60764c801b837c901cb3a95c5c5ee91', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (index.h("span", { key: '921a292fbe56875283f25066e78724a5ddc10389', class: "option-list-item__selection-icon" }, index.h("swirl-icon-check-small", { key: '6eea4a17b52637f1d486cbf4963f890ce2a2ed8c', size: this.iconSize })))), this.allowDrag && (index.h("button", { key: '36dc3c233448ab5c7dc67c60bb703904e4cb3777', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'cadc1a84934ba28d6a89854b1c5214e89e2737c9', size: this.iconSize })))));
+    }
+    get el() { return index.getElement(this); }
+};
+SwirlOptionListItem.style = swirlOptionListItemCss();
+exports.swirl_icon_check_small = SwirlIconCheckSmall;
+exports.swirl_option_list_item = SwirlOptionListItem;

package/dist/cjs/swirl-icon-check-strong_2.cjs.entry.js ADDED Viewed

@@ -0,0 +1,43 @@
+'use strict';
+var index = require('./index-CnaJlT6Y.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%}.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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
+const SwirlIconCheckStrong = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: '1d2031c0507ec159cc2d1cfef1a8e16fb414059d', "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: 'd08bd940c0a668f528d986333687fd93ee1caa37' }, index.h("path", { key: 'b8d8af6884aba78a675cfcb185e6f5d24aa8a9ca', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '8f3ef4491f030a56fc5c5211402b762ebf3e7a32' }, index.h("path", { key: '708ea013929b7efd343d7a0a8465a285a5bb6be4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'c236c0a27b3b345a0509d92a111bbdc433fd2e82' }, index.h("path", { key: '80701abcf6ae7e0d221f1120a95c61d48cff7405', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })))));
+    }
+};
+SwirlIconCheckStrong.style = swirlIconCss$1();
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
+const SwirlIconDragHandle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: 'f26a6f8b605a02c81293ffc75b9104269b3ba8ea', "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: '099001a5183fb31a62ab6d83f2879041ce906251' }, index.h("rect", { key: '99395845593757109d8812d8c03c0adf8f5d0a25', x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: 'dcbca2cc251dedc9b4a78854488f213d06c61f93', x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: 'e012d7d31b914826cdfd25b0b7f8a8745f7e00b2', x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: '31073ef7f09f939efa14aaf4b0ac92d2e68954da', x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: 'e0a79fd3f92cf971b54bff03f3a984d7524286bf', x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: 'e90def6c7880d5a7cdffa251a9da71ca6fc653f9', x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '135c46505ee8899b694a9d6e3ae3c9c0316739a0' }, index.h("rect", { key: 'f5530050aecc27b3c4aa329faff1c82f8370496a', x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: '6027cee8deb6ace6aec4f01a8a40da48d88f5b81', x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: '90f3543d31f5b0680bb13cfe97ed3922177c970d', x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: '729383720f1556df5d3fd9dcea5e3ae21adc7907', x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: 'b48539200a9206afbac5549cebf3fe9e5365fc99', x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: 'f53a76e83ba3059c763a3b141f391b1e7d084998', x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '037e347b477507c593936b987a7301ca9b052834' }, index.h("rect", { key: 'db244131c067719951d77f0786ba45bbaa8f9193', x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: '523b5450bedbe6abf63331c073af65958ad9c86a', x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: '592932047fa842ef9bb5c2905e5cb0c792b0ab29', x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: 'c1d66f9b97fe1adee16a9ad476d19b39ab701f49', x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: '05918a8701f8199b37dfbd07cc454eb31e7f9678', x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: 'c9a532104c7c756095094568040bc97097581cb7', x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })))));
+    }
+};
+SwirlIconDragHandle.style = swirlIconCss();
+exports.swirl_icon_check_strong = SwirlIconCheckStrong;
+exports.swirl_icon_drag_handle = SwirlIconDragHandle;

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-BH-xCNGW.js');
+var index = require('./index-CnaJlT6Y.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%}.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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
 const SwirlIconCheck = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const SwirlIconCheck = class {
         return (index.h("svg", { key: '5f35f0cb2a14b45c54ecdd4cd8e0dd46e1f49a7e', "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: '6182a0fc0a64e7b1086939f3938dceda8bbe45e7' }, index.h("path", { key: 'b9a4e9781ebe5b9116070574794e2398b1e35aa1', d: "M6.36666 11.8166C6.26666 11.8166 6.17222 11.8 6.08333 11.7666C5.99444 11.7333 5.91111 11.6777 5.83333 11.6L2.96666 8.73329C2.82222 8.58885 2.75289 8.40818 2.75866 8.19129C2.764 7.97485 2.83889 7.7944 2.98333 7.64996C3.12778 7.50551 3.30844 7.43329 3.52533 7.43329C3.74178 7.43329 3.91666 7.50551 4.05 7.64996L6.36666 9.96663L11.95 4.38329C12.0833 4.23885 12.2611 4.16663 12.4833 4.16663C12.7056 4.16663 12.8889 4.23885 13.0333 4.38329C13.1667 4.52774 13.2333 4.70818 13.2333 4.92463C13.2333 5.14151 13.1667 5.32218 13.0333 5.46663L6.9 11.6C6.82222 11.6777 6.73889 11.7333 6.65 11.7666C6.56111 11.8 6.46667 11.8166 6.36666 11.8166V11.8166Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '6fe00bcb50192b7f9307bc1603ba2ef1b477e1cc' }, index.h("path", { key: 'f21ccd84ef42679c63cb31607e79db3d68513264', d: "M9.55001 17.725C9.40001 17.725 9.25835 17.7 9.12501 17.65C8.99168 17.6 8.86668 17.5167 8.75001 17.4L4.45001 13.1C4.23335 12.8833 4.12935 12.6123 4.13801 12.287C4.14601 11.9623 4.25835 11.6917 4.47501 11.475C4.69168 11.2583 4.96268 11.15 5.28801 11.15C5.61268 11.15 5.87501 11.2583 6.07501 11.475L9.55001 14.95L17.925 6.575C18.125 6.35833 18.3917 6.25 18.725 6.25C19.0583 6.25 19.3333 6.35833 19.55 6.575C19.75 6.79167 19.85 7.06233 19.85 7.387C19.85 7.71233 19.75 7.98333 19.55 8.2L10.35 17.4C10.2333 17.5167 10.1083 17.6 9.97501 17.65C9.84168 17.7 9.70001 17.725 9.55001 17.725Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'ad67aa43b3deda77a310da88a1c7a8b6e4a491b1' }, index.h("path", { key: '687477e2f37a2a3ba7addfdbcb0955ac4a706d7d', d: "M11.1417 20.6791C10.9667 20.6791 10.8014 20.65 10.6458 20.5916C10.4903 20.5333 10.3444 20.4361 10.2083 20.3L5.19167 15.2833C4.93889 15.0305 4.81756 14.7143 4.82767 14.3348C4.837 13.956 4.96806 13.6402 5.22084 13.3875C5.47362 13.1347 5.78978 13.0083 6.16934 13.0083C6.54812 13.0083 6.85417 13.1347 7.0875 13.3875L11.1417 17.4416L20.9125 7.67079C21.1458 7.41801 21.457 7.29163 21.8458 7.29163C22.2347 7.29163 22.5556 7.41801 22.8083 7.67079C23.0417 7.92357 23.1583 8.23935 23.1583 8.61813C23.1583 8.99768 23.0417 9.31385 22.8083 9.56663L12.075 20.3C11.9389 20.4361 11.7931 20.5333 11.6375 20.5916C11.4819 20.65 11.3167 20.6791 11.1417 20.6791V20.6791Z", fill: "currentColor" })))));
     }
 };
-SwirlIconCheck.style = swirlIconCss;
+SwirlIconCheck.style = swirlIconCss();
 exports.swirl_icon_check = SwirlIconCheck;

package/dist/cjs/swirl-icon-checkbox-filled.cjs.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-BH-xCNGW.js');
+var index = require('./index-CnaJlT6Y.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%}.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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
 const SwirlIconCheckboxFilled = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const SwirlIconCheckboxFilled = class {
         return (index.h("svg", { key: 'c811a4d2b6aa329a5854aacf5216e509a021373f', "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: 'f2f6bda83607adc6bcf2492698100eca1ea3b10e' }, index.h("path", { key: 'c0cd92913d251798b563453115037ce5026a2532', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 1.33337C13.4728 1.33337 14.6667 2.52728 14.6667 4.00004V12C14.6667 13.4728 13.4728 14.6667 12 14.6667H4.00004C2.52728 14.6667 1.33337 13.4728 1.33337 12V4.00004C1.33337 2.52728 2.52728 1.33337 4.00004 1.33337H12ZM10.8334 5.71684C10.6445 5.71684 10.4888 5.77759 10.3666 5.89978L7.06645 9.19991L5.61658 7.75004C5.4944 7.62789 5.3419 7.56982 5.15889 7.57556C4.97534 7.58089 4.82213 7.64475 4.69991 7.76697C4.57788 7.88911 4.51702 8.04444 4.51697 8.23311C4.51697 8.42194 4.57777 8.57771 4.69991 8.69991L6.6003 10.6003C6.72242 10.7223 6.87782 10.7832 7.06645 10.7832C7.25522 10.7832 7.41105 10.7224 7.53324 10.6003L11.3164 6.81645C11.4386 6.69425 11.4975 6.54162 11.4922 6.35811C11.4864 6.175 11.4224 6.022 11.3002 5.89978C11.178 5.7776 11.0222 5.71684 10.8334 5.71684Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '6d8209c8e05893ead9f30f12f4801ca605a722a1' }, index.h("path", { key: '73400532f5afe7fddc7b893a310fda8c97ff23c9', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM16.25 8.5752C15.9667 8.5752 15.7331 8.66632 15.5498 8.84961L10.5996 13.7998L8.4248 11.625C8.24154 11.4418 8.0128 11.3547 7.73828 11.3633C7.46295 11.3713 7.23314 11.4671 7.0498 11.6504C6.86677 11.8336 6.77546 12.0666 6.77539 12.3496C6.77539 12.6328 6.86659 12.8665 7.0498 13.0498L9.90039 15.9004C10.0836 16.0834 10.3167 16.1747 10.5996 16.1748C10.8828 16.1748 11.1165 16.0835 11.2998 15.9004L16.9746 10.2246C17.1579 10.0413 17.2462 9.81237 17.2383 9.53711C17.2296 9.26244 17.1335 9.03294 16.9502 8.84961C16.7669 8.66633 16.5333 8.5752 16.25 8.5752Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'bf223229780f3b03b85d1426f7ac6cc500c0db13' }, index.h("path", { key: '21b652ed43fc1d75a443a53035a3bc61a1bbcc74', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 2.33337C23.5774 2.33337 25.6667 4.42271 25.6667 7.00004V21C25.6667 23.5774 23.5774 25.6667 21 25.6667H7.00004C4.42271 25.6667 2.33337 23.5774 2.33337 21V7.00004C2.33337 4.42271 4.42271 2.33337 7.00004 2.33337H21ZM18.9584 10.0044C18.6279 10.0044 18.3554 10.1108 18.1415 10.3246L12.3663 16.0998L9.82898 13.5625C9.61517 13.3488 9.3483 13.2472 9.02804 13.2572C8.70681 13.2665 8.4387 13.3783 8.22481 13.5922C8.01127 13.8059 7.90475 14.0777 7.90466 14.4079C7.90466 14.7384 8.01107 15.011 8.22481 15.2248L11.5505 18.5505C11.7642 18.764 12.0362 18.8705 12.3663 18.8706C12.6966 18.8706 12.9693 18.7641 13.1831 18.5505L19.8038 11.9288C20.0176 11.7149 20.1207 11.4478 20.1114 11.1267C20.1013 10.8062 19.9892 10.5385 19.7753 10.3246C19.5614 10.1108 19.2889 10.0044 18.9584 10.0044Z", fill: "currentColor" })))));
     }
 };
-SwirlIconCheckboxFilled.style = swirlIconCss;
+SwirlIconCheckboxFilled.style = swirlIconCss();
 exports.swirl_icon_checkbox_filled = SwirlIconCheckboxFilled;

package/dist/cjs/swirl-icon-chevron-left.cjs.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-BH-xCNGW.js');
+var index = require('./index-CnaJlT6Y.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%}.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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
 const SwirlIconChevronLeft = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const SwirlIconChevronLeft = class {
         return (index.h("svg", { key: '413fffada7b81385162e6d0b5c2d037f32bad73b', "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: 'cc262355ff75acac3a1af60a49999e982d38e7b0' }, index.h("path", { key: '25789403c6bf8e83013c91ca24618f70baec6f85', d: "M8.8 11.6L5.73333 8.53335C5.65555 8.45557 5.6 8.37224 5.56666 8.28335C5.53333 8.19446 5.51666 8.10002 5.51666 8.00002C5.51666 7.90002 5.53333 7.80557 5.56666 7.71668C5.6 7.62779 5.65555 7.54446 5.73333 7.46668L8.8 4.40002C8.94444 4.25557 9.12222 4.18335 9.33333 4.18335C9.54444 4.18335 9.72222 4.25557 9.86666 4.40002C10.0111 4.54446 10.0833 4.72224 10.0833 4.93335C10.0833 5.14446 10.0111 5.32224 9.86666 5.46668L7.33333 8.00002L9.86666 10.5333C10.0111 10.6778 10.0833 10.8556 10.0833 11.0667C10.0833 11.2778 10.0111 11.4556 9.86666 11.6C9.72222 11.7445 9.54444 11.8167 9.33333 11.8167C9.12222 11.8167 8.94444 11.7445 8.8 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'e494ac7da97811f31d46d4ffad56af40895778e5' }, index.h("path", { key: '20d11143e6dfe3a73c28686885ce5b8022218786', d: "M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '310336750bf826620fa6858f8c636519e95a6ad7' }, index.h("path", { key: '1204bd07467abd790427f8b805b7d750fcb3b1b8', d: "M15.4 20.3L10.0333 14.9333C9.89723 14.7972 9.80001 14.6514 9.74168 14.4958C9.68334 14.3402 9.65417 14.175 9.65417 14C9.65417 13.825 9.68334 13.6597 9.74168 13.5041C9.80001 13.3486 9.89723 13.2027 10.0333 13.0666L15.4 7.69997C15.6528 7.44719 15.9639 7.3208 16.3333 7.3208C16.7028 7.3208 17.0139 7.44719 17.2667 7.69997C17.5195 7.95275 17.6458 8.26386 17.6458 8.6333C17.6458 9.00275 17.5195 9.31386 17.2667 9.56663L12.8333 14L17.2667 18.4333C17.5195 18.6861 17.6458 18.9972 17.6458 19.3666C17.6458 19.7361 17.5195 20.0472 17.2667 20.3C17.0139 20.5527 16.7028 20.6791 16.3333 20.6791C15.9639 20.6791 15.6528 20.5527 15.4 20.3V20.3Z", fill: "currentColor" })))));
     }
 };
-SwirlIconChevronLeft.style = swirlIconCss;
+SwirlIconChevronLeft.style = swirlIconCss();
 exports.swirl_icon_chevron_left = SwirlIconChevronLeft;

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-BH-xCNGW.js');
+var index = require('./index-CnaJlT6Y.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%}.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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
 const SwirlIconChevronRight = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const SwirlIconChevronRight = class {
         return (index.h("svg", { key: '1b86ea8c071c3040e70580a496b96c7dc826df29', "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: '75bf011900f56ca23a6696f1a0fa0a21e92528e8' }, index.h("path", { key: '18dee6b32e361239e6fc3a71389be0b9c2c7d758', d: "M5.73333 11.6C5.58889 11.4556 5.51666 11.2778 5.51666 11.0667C5.51666 10.8556 5.58889 10.6778 5.73333 10.5333L8.26666 8.00002L5.73333 5.46668C5.58889 5.32224 5.51666 5.14446 5.51666 4.93335C5.51666 4.72224 5.58889 4.54446 5.73333 4.40002C5.87777 4.25557 6.05555 4.18335 6.26666 4.18335C6.47777 4.18335 6.65555 4.25557 6.8 4.40002L9.86666 7.46668C9.94444 7.54446 10 7.62779 10.0333 7.71668C10.0667 7.80557 10.0833 7.90002 10.0833 8.00002C10.0833 8.10002 10.0667 8.19446 10.0333 8.28335C10 8.37224 9.94444 8.45557 9.86666 8.53335L6.8 11.6C6.65555 11.7445 6.47777 11.8167 6.26666 11.8167C6.05555 11.8167 5.87777 11.7445 5.73333 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'b49239d2a9f0eecd7efd98914210577f7cba38c3' }, index.h("path", { key: 'de2c6658e1e3c549fbd8e0b1271b6bb13e15252b', d: "M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '533e24593d3168b0f5686aeeec8d909ea65edd53' }, index.h("path", { key: '2934ee78c9453c58d294e440e48bda2278205672', d: "M10.0333 20.3C9.78056 20.0472 9.65417 19.7361 9.65417 19.3666C9.65417 18.9972 9.78056 18.6861 10.0333 18.4333L14.4667 14L10.0333 9.56663C9.78056 9.31386 9.65417 9.00275 9.65417 8.6333C9.65417 8.26386 9.78056 7.95275 10.0333 7.69997C10.2861 7.44719 10.5972 7.3208 10.9667 7.3208C11.3361 7.3208 11.6472 7.44719 11.9 7.69997L17.2667 13.0666C17.4028 13.2027 17.5 13.3486 17.5583 13.5041C17.6167 13.6597 17.6458 13.825 17.6458 14C17.6458 14.175 17.6167 14.3402 17.5583 14.4958C17.5 14.6514 17.4028 14.7972 17.2667 14.9333L11.9 20.3C11.6472 20.5527 11.3361 20.6791 10.9667 20.6791C10.5972 20.6791 10.2861 20.5527 10.0333 20.3V20.3Z", fill: "currentColor" })))));
     }
 };
-SwirlIconChevronRight.style = swirlIconCss;
+SwirlIconChevronRight.style = swirlIconCss();
 exports.swirl_icon_chevron_right = SwirlIconChevronRight;

package/dist/cjs/swirl-icon-close-fullscreen.cjs.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-BH-xCNGW.js');
+var index = require('./index-CnaJlT6Y.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%}.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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
 const SwirlIconCloseFullscreen = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const SwirlIconCloseFullscreen = class {
         return (index.h("svg", { key: '1a14b1117dbcba1dbc786917e9d269a4de9ed851', "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: '55d9a46bfbb88e19196a93c242ab24ec8bcb4711' }, index.h("path", { key: 'd49d934ab2f0558b1029ecc899dbee6809fcfbd0', d: "M6.66666 10.2662L2.73333 14.1995C2.61111 14.3218 2.45555 14.3829 2.26666 14.3829C2.07778 14.3829 1.92222 14.3218 1.8 14.1995C1.67778 14.0773 1.61666 13.9218 1.61666 13.7329C1.61666 13.544 1.67778 13.3884 1.8 13.2662L5.73333 9.33288H3.33333C3.14444 9.33288 2.98611 9.26899 2.85833 9.14121C2.73055 9.01343 2.66666 8.8551 2.66666 8.66621C2.66666 8.47732 2.73055 8.31899 2.85833 8.19121C2.98611 8.06343 3.14444 7.99954 3.33333 7.99954H7.33333C7.52222 7.99954 7.68055 8.06343 7.80833 8.19121C7.93611 8.31899 8 8.47732 8 8.66621V12.6662C8 12.8551 7.93611 13.0134 7.80833 13.1412C7.68055 13.269 7.52222 13.3329 7.33333 13.3329C7.14444 13.3329 6.98611 13.269 6.85833 13.1412C6.73055 13.0134 6.66666 12.8551 6.66666 12.6662V10.2662ZM10.2667 6.66621H12.6667C12.8556 6.66621 13.0139 6.7301 13.1417 6.85788C13.2694 6.98565 13.3333 7.14399 13.3333 7.33288C13.3333 7.52177 13.2694 7.6801 13.1417 7.80788C13.0139 7.93566 12.8556 7.99954 12.6667 7.99954H8.66666C8.47778 7.99954 8.31944 7.93566 8.19166 7.80788C8.06389 7.6801 8 7.52177 8 7.33288V3.33288C8 3.14399 8.06389 2.98566 8.19166 2.85788C8.31944 2.7301 8.47778 2.66621 8.66666 2.66621C8.85555 2.66621 9.01389 2.7301 9.14166 2.85788C9.26944 2.98566 9.33333 3.14399 9.33333 3.33288V5.73288L13.2667 1.79954C13.3889 1.67732 13.5444 1.61621 13.7333 1.61621C13.9222 1.61621 14.0778 1.67732 14.2 1.79954C14.3222 1.92177 14.3833 2.07732 14.3833 2.26621C14.3833 2.4551 14.3222 2.61066 14.2 2.73288L10.2667 6.66621Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'e7417e396233ffb49bee59bf6d4a7aa590fc0c0f' }, index.h("path", { key: 'ae4b399805de35fa4a60649512893df5a8410dfb', d: "M10 15.3998L4.1 21.2998C3.91667 21.4831 3.68334 21.5748 3.4 21.5748C3.11667 21.5748 2.88334 21.4831 2.7 21.2998C2.51667 21.1165 2.425 20.8831 2.425 20.5998C2.425 20.3165 2.51667 20.0831 2.7 19.8998L8.6 13.9998H5C4.71667 13.9998 4.47917 13.904 4.2875 13.7123C4.09584 13.5206 4 13.2831 4 12.9998C4 12.7165 4.09584 12.479 4.2875 12.2873C4.47917 12.0956 4.71667 11.9998 5 11.9998H11C11.2833 11.9998 11.5208 12.0956 11.7125 12.2873C11.9042 12.479 12 12.7165 12 12.9998V18.9998C12 19.2831 11.9042 19.5206 11.7125 19.7123C11.5208 19.904 11.2833 19.9998 11 19.9998C10.7167 19.9998 10.4792 19.904 10.2875 19.7123C10.0958 19.5206 10 19.2831 10 18.9998V15.3998ZM15.4 9.9998H19C19.2833 9.9998 19.5208 10.0956 19.7125 10.2873C19.9042 10.479 20 10.7165 20 10.9998C20 11.2831 19.9042 11.5206 19.7125 11.7123C19.5208 11.904 19.2833 11.9998 19 11.9998H13C12.7167 11.9998 12.4792 11.904 12.2875 11.7123C12.0958 11.5206 12 11.2831 12 10.9998V4.9998C12 4.71647 12.0958 4.47897 12.2875 4.2873C12.4792 4.09564 12.7167 3.9998 13 3.9998C13.2833 3.9998 13.5208 4.09564 13.7125 4.2873C13.9042 4.47897 14 4.71647 14 4.9998V8.5998L19.9 2.6998C20.0833 2.51647 20.3167 2.4248 20.6 2.4248C20.8833 2.4248 21.1167 2.51647 21.3 2.6998C21.4833 2.88314 21.575 3.11647 21.575 3.3998C21.575 3.68314 21.4833 3.91647 21.3 4.0998L15.4 9.9998Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '246fdda7274d158db1ce8feb45fa5e0c4d171e13' }, index.h("path", { key: '36c652e56b68b0f5a651394c2ba96f19d12ae3da', d: "M11.6667 17.9666L4.78333 24.8499C4.56944 25.0638 4.29722 25.1708 3.96666 25.1708C3.63611 25.1708 3.36388 25.0638 3.15 24.8499C2.93611 24.636 2.82916 24.3638 2.82916 24.0333C2.82916 23.7027 2.93611 23.4305 3.15 23.2166L10.0333 16.3333H5.83333C5.50277 16.3333 5.22569 16.2215 5.00208 15.9979C4.77847 15.7742 4.66666 15.4972 4.66666 15.1666C4.66666 14.836 4.77847 14.559 5.00208 14.3354C5.22569 14.1117 5.50277 13.9999 5.83333 13.9999H12.8333C13.1639 13.9999 13.441 14.1117 13.6646 14.3354C13.8882 14.559 14 14.836 14 15.1666V22.1666C14 22.4972 13.8882 22.7742 13.6646 22.9979C13.441 23.2215 13.1639 23.3333 12.8333 23.3333C12.5028 23.3333 12.2257 23.2215 12.0021 22.9979C11.7785 22.7742 11.6667 22.4972 11.6667 22.1666V17.9666ZM17.9667 11.6666H22.1667C22.4972 11.6666 22.7743 11.7784 22.9979 12.002C23.2215 12.2256 23.3333 12.5027 23.3333 12.8333C23.3333 13.1638 23.2215 13.4409 22.9979 13.6645C22.7743 13.8881 22.4972 13.9999 22.1667 13.9999H15.1667C14.8361 13.9999 14.559 13.8881 14.3354 13.6645C14.1118 13.4409 14 13.1638 14 12.8333V5.83327C14 5.50271 14.1118 5.22563 14.3354 5.00202C14.559 4.77841 14.8361 4.6666 15.1667 4.6666C15.4972 4.6666 15.7743 4.77841 15.9979 5.00202C16.2215 5.22563 16.3333 5.50271 16.3333 5.83327V10.0333L23.2167 3.14993C23.4306 2.93605 23.7028 2.8291 24.0333 2.8291C24.3639 2.8291 24.6361 2.93605 24.85 3.14993C25.0639 3.36382 25.1708 3.63605 25.1708 3.9666C25.1708 4.29716 25.0639 4.56938 24.85 4.78327L17.9667 11.6666Z", fill: "currentColor" })))));
     }
 };
-SwirlIconCloseFullscreen.style = swirlIconCss;
+SwirlIconCloseFullscreen.style = swirlIconCss();
 exports.swirl_icon_close_fullscreen = SwirlIconCloseFullscreen;

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-BH-xCNGW.js');
+var index = require('./index-CnaJlT6Y.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%}.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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
 const SwirlIconCloseSmall = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const SwirlIconCloseSmall = class {
         return (index.h("svg", { key: '2bf6702eec8261532005d7b3e1d42e1594243676', "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: 'a8bb0fdddf145dad71461017c85121aa2c993d58' }, index.h("path", { key: 'c0abde3c3f1ea4e5b569cb7f3001c09200538e68', d: "M7.99999 9.06671L5.33326 11.7333C5.18882 11.8778 5.01104 11.95 4.79993 11.95C4.58882 11.95 4.41104 11.8778 4.26659 11.7333C4.12215 11.5889 4.04993 11.4111 4.04993 11.2C4.04993 10.9889 4.12215 10.8111 4.26659 10.6666L6.93332 8.00005L4.26672 5.33338C4.12228 5.18894 4.05006 5.01116 4.05006 4.80005C4.05006 4.58894 4.12228 4.41116 4.26672 4.26672C4.41117 4.12227 4.58895 4.05005 4.80006 4.05005C5.01117 4.05005 5.18895 4.12227 5.33339 4.26672L7.99999 6.93338L10.6666 4.26678C10.811 4.12234 10.9888 4.05011 11.1999 4.05011C11.411 4.05011 11.5888 4.12234 11.7333 4.26678C11.8777 4.41122 11.9499 4.589 11.9499 4.80011C11.9499 5.01122 11.8777 5.189 11.7333 5.33345L9.06666 8.00005L11.7335 10.6666C11.8779 10.8111 11.9501 10.9889 11.9501 11.2C11.9501 11.4111 11.8779 11.5889 11.7335 11.7333C11.589 11.8778 11.4112 11.95 11.2001 11.95C10.989 11.95 10.8112 11.8778 10.6668 11.7333L7.99999 9.06671Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'e5f567f7fb266489073868134d4f48941e499fa0' }, index.h("path", { key: '43ecbef34c12ee4ba384e6654b2f0f0c9618e124', d: "M12 13.5999L7.99989 17.5998C7.78322 17.8165 7.51656 17.9248 7.19989 17.9248C6.88322 17.9248 6.61656 17.8165 6.39989 17.5998C6.18322 17.3832 6.07489 17.1165 6.07489 16.7998C6.07489 16.4832 6.18322 16.2165 6.39989 15.9998L10.4 11.9999L6.40008 7.99995C6.18342 7.78328 6.07509 7.51662 6.07509 7.19995C6.07509 6.88328 6.18342 6.61662 6.40008 6.39995C6.61675 6.18328 6.88342 6.07495 7.20009 6.07495C7.51675 6.07495 7.78342 6.18328 8.00008 6.39995L12 10.3999L15.9999 6.40005C16.2166 6.18338 16.4832 6.07505 16.7999 6.07505C17.1166 6.07505 17.3832 6.18338 17.5999 6.40005C17.8166 6.61671 17.9249 6.88338 17.9249 7.20005C17.9249 7.51671 17.8166 7.78338 17.5999 8.00005L13.6 11.9999L17.6002 15.9998C17.8168 16.2165 17.9252 16.4832 17.9252 16.7998C17.9252 17.1165 17.8168 17.3832 17.6002 17.5998C17.3835 17.8165 17.1168 17.9248 16.8002 17.9248C16.4835 17.9248 16.2168 17.8165 16.0002 17.5998L12 13.5999Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'e783f6b534590b819b1d5a783b2e333997857574' }, index.h("path", { key: 'a8e9348db39b6a93b55318d4c5f6d72f7d7fef76', d: "M14 15.8667L9.33324 20.5332C9.08046 20.786 8.76935 20.9124 8.3999 20.9124C8.03046 20.9124 7.71935 20.786 7.46657 20.5332C7.21379 20.2805 7.0874 19.9694 7.0874 19.5999C7.0874 19.2305 7.21379 18.9193 7.46657 18.6666L12.1333 14L7.4668 9.33336C7.21402 9.08058 7.08763 8.76947 7.08763 8.40002C7.08763 8.03058 7.21402 7.71947 7.4668 7.46669C7.71957 7.21391 8.03069 7.08752 8.40013 7.08752C8.76957 7.08752 9.08069 7.21391 9.33346 7.46669L14 12.1334L18.6666 7.4668C18.9193 7.21403 19.2305 7.08764 19.5999 7.08764C19.9693 7.08764 20.2805 7.21403 20.5332 7.4668C20.786 7.71958 20.9124 8.03069 20.9124 8.40014C20.9124 8.76958 20.786 9.08069 20.5332 9.33347L15.8667 14L20.5336 18.6666C20.7864 18.9193 20.9127 19.2305 20.9127 19.5999C20.9127 19.9694 20.7864 20.2805 20.5336 20.5332C20.2808 20.786 19.9697 20.9124 19.6002 20.9124C19.2308 20.9124 18.9197 20.786 18.6669 20.5332L14 15.8667Z", fill: "currentColor" })))));
     }
 };
-SwirlIconCloseSmall.style = swirlIconCss;
+SwirlIconCloseSmall.style = swirlIconCss();
 exports.swirl_icon_close_small = SwirlIconCloseSmall;

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-BH-xCNGW.js');
+var index = require('./index-CnaJlT6Y.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%}.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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}";
+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--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}`;
 const SwirlIconClose = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const SwirlIconClose = class {
         return (index.h("svg", { key: '64fcd5167aa681488f82cb90006b4235c16f4ded', "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: '6cb990140274fc2548615c964458a7e6fd04169c' }, index.h("path", { key: 'd64d28a8b3f729bfa86e2deca9e0cf44db423555', d: "M8 9.06672L4.8 12.2667C4.65555 12.4112 4.47777 12.4834 4.26666 12.4834C4.05555 12.4834 3.87777 12.4112 3.73333 12.2667C3.58888 12.1223 3.51666 11.9445 3.51666 11.7334C3.51666 11.5223 3.58888 11.3445 3.73333 11.2001L6.93333 8.00006L3.73333 4.80006C3.58888 4.65561 3.51666 4.47783 3.51666 4.26672C3.51666 4.05561 3.58888 3.87783 3.73333 3.73339C3.87777 3.58895 4.05555 3.51672 4.26666 3.51672C4.47777 3.51672 4.65555 3.58895 4.8 3.73339L8 6.93339L11.2 3.73339C11.3444 3.58895 11.5222 3.51672 11.7333 3.51672C11.9444 3.51672 12.1222 3.58895 12.2667 3.73339C12.4111 3.87783 12.4833 4.05561 12.4833 4.26672C12.4833 4.47783 12.4111 4.65561 12.2667 4.80006L9.06666 8.00006L12.2667 11.2001C12.4111 11.3445 12.4833 11.5223 12.4833 11.7334C12.4833 11.9445 12.4111 12.1223 12.2667 12.2667C12.1222 12.4112 11.9444 12.4834 11.7333 12.4834C11.5222 12.4834 11.3444 12.4112 11.2 12.2667L8 9.06672Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '4bcc60e6b6be808cb5454108317c8ff284b08faf' }, index.h("path", { key: 'bf6a0c8212fa0573c60afa0930a5fb8b27578089', d: "M12 13.6L7.19999 18.4C6.98333 18.6167 6.71666 18.725 6.39999 18.725C6.08333 18.725 5.81666 18.6167 5.59999 18.4C5.38333 18.1834 5.27499 17.9167 5.27499 17.6C5.27499 17.2834 5.38333 17.0167 5.59999 16.8L10.4 12L5.59999 7.20002C5.38333 6.98336 5.27499 6.71669 5.27499 6.40002C5.27499 6.08336 5.38333 5.81669 5.59999 5.60002C5.81666 5.38336 6.08333 5.27502 6.39999 5.27502C6.71666 5.27502 6.98333 5.38336 7.19999 5.60002L12 10.4L16.8 5.60002C17.0167 5.38336 17.2833 5.27502 17.6 5.27502C17.9167 5.27502 18.1833 5.38336 18.4 5.60002C18.6167 5.81669 18.725 6.08336 18.725 6.40002C18.725 6.71669 18.6167 6.98336 18.4 7.20002L13.6 12L18.4 16.8C18.6167 17.0167 18.725 17.2834 18.725 17.6C18.725 17.9167 18.6167 18.1834 18.4 18.4C18.1833 18.6167 17.9167 18.725 17.6 18.725C17.2833 18.725 17.0167 18.6167 16.8 18.4L12 13.6Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '1cb25bddfc514079598b822a822396b18e030b3f' }, index.h("path", { key: '85009339c80bbd19ad675aaa442fd329ae052f4d', d: "M14 15.8667L8.40001 21.4667C8.14723 21.7195 7.83612 21.8458 7.46667 21.8458C7.09723 21.8458 6.78612 21.7195 6.53334 21.4667C6.28056 21.2139 6.15417 20.9028 6.15417 20.5333C6.15417 20.1639 6.28056 19.8528 6.53334 19.6L12.1333 14L6.53334 8.40001C6.28056 8.14723 6.15417 7.83612 6.15417 7.46667C6.15417 7.09723 6.28056 6.78612 6.53334 6.53334C6.78612 6.28056 7.09723 6.15417 7.46667 6.15417C7.83612 6.15417 8.14723 6.28056 8.40001 6.53334L14 12.1333L19.6 6.53334C19.8528 6.28056 20.1639 6.15417 20.5333 6.15417C20.9028 6.15417 21.2139 6.28056 21.4667 6.53334C21.7195 6.78612 21.8458 7.09723 21.8458 7.46667C21.8458 7.83612 21.7195 8.14723 21.4667 8.40001L15.8667 14L21.4667 19.6C21.7195 19.8528 21.8458 20.1639 21.8458 20.5333C21.8458 20.9028 21.7195 21.2139 21.4667 21.4667C21.2139 21.7195 20.9028 21.8458 20.5333 21.8458C20.1639 21.8458 19.8528 21.7195 19.6 21.4667L14 15.8667Z", fill: "currentColor" })))));
     }
 };
-SwirlIconClose.style = swirlIconCss;
+SwirlIconClose.style = swirlIconCss();
 exports.swirl_icon_close = SwirlIconClose;