@getflip/swirl-components 0.189.0 → 0.191.0

package/dist/cjs/swirl-icon-chat-bubble.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconChatBubbleStyle0 = swirlIconCss;
 
 const SwirlIconChatBubble = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'e3a3b68b0368c4a8281115dd7c5775fe315859f1', "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: '12294a27686cf8a2277e39ab29525484344cf573' }, index.h("path", { key: '856999a0c67cb13a801a8b66e0a647f3b0284298', d: "M5.33331 10.6667H2.66665L2.66665 3.33333H13.3333V10.6667H6.78103L5.33331 12.1144V10.6667ZM13.3333 2H2.66665C1.93027 2 1.33331 2.59695 1.33331 3.33333V10.6667C1.33331 11.403 1.93027 12 2.66665 12H3.99998V13.7239C3.99998 14.3178 4.71807 14.6152 5.13805 14.1953L7.33331 12H13.3333C14.0697 12 14.6666 11.403 14.6666 10.6667V3.33333C14.6666 2.59695 14.0697 2 13.3333 2Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '93a57777acdb8f3e73ebe9ac0de3bbe56ef15030' }, index.h("path", { key: '1c3c6286ab3f9e886f566d3803880b678b6089d9', d: "M8 16H4L4 5H20V16H10.1716L8 18.1716V16ZM20 3H4C2.89543 3 2 3.89543 2 5V16C2 17.1046 2.89543 18 4 18H6V20.5858C6 21.4767 7.07714 21.9229 7.70711 21.2929L11 18H20C21.1046 18 22 17.1046 22 16V5C22 3.89543 21.1046 3 20 3Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'f3ffe29c5ba6ad986a9f8479fcbdf3db1ca19668' }, index.h("path", { key: 'c689a730bab2eda1ac9079d99f3183ac7eb97211', d: "M9.33331 18.6667H4.66665L4.66665 5.83333H23.3333V18.6667H11.8668L9.33331 21.2002V18.6667ZM23.3333 3.5H4.66665C3.37798 3.5 2.33331 4.54467 2.33331 5.83333V18.6667C2.33331 19.9553 3.37798 21 4.66665 21H6.99998V24.0168C6.99998 25.0561 8.25665 25.5767 8.9916 24.8417L12.8333 21H23.3333C24.622 21 25.6666 19.9553 25.6666 18.6667V5.83333C25.6666 4.54467 24.622 3.5 23.3333 3.5Z", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { d: "M5.33331 10.6667H2.66665L2.66665 3.33333H13.3333V10.6667H6.78103L5.33331 12.1144V10.6667ZM13.3333 2H2.66665C1.93027 2 1.33331 2.59695 1.33331 3.33333V10.6667C1.33331 11.403 1.93027 12 2.66665 12H3.99998V13.7239C3.99998 14.3178 4.71807 14.6152 5.13805 14.1953L7.33331 12H13.3333C14.0697 12 14.6666 11.403 14.6666 10.6667V3.33333C14.6666 2.59695 14.0697 2 13.3333 2Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M8 16H4L4 5H20V16H10.1716L8 18.1716V16ZM20 3H4C2.89543 3 2 3.89543 2 5V16C2 17.1046 2.89543 18 4 18H6V20.5858C6 21.4767 7.07714 21.9229 7.70711 21.2929L11 18H20C21.1046 18 22 17.1046 22 16V5C22 3.89543 21.1046 3 20 3Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M9.33331 18.6667H4.66665L4.66665 5.83333H23.3333V18.6667H11.8668L9.33331 21.2002V18.6667ZM23.3333 3.5H4.66665C3.37798 3.5 2.33331 4.54467 2.33331 5.83333V18.6667C2.33331 19.9553 3.37798 21 4.66665 21H6.99998V24.0168C6.99998 25.0561 8.25665 25.5767 8.9916 24.8417L12.8333 21H23.3333C24.622 21 25.6666 19.9553 25.6666 18.6667V5.83333C25.6666 4.54467 24.622 3.5 23.3333 3.5Z", fill: "currentColor" })))));
+  }
 };
-SwirlIconChatBubble.style = SwirlIconChatBubbleStyle0;
+SwirlIconChatBubble.style = swirlIconCss;
 
 exports.swirl_icon_chat_bubble = SwirlIconChatBubble;

package/dist/cjs/swirl-icon-chats-filled.cjs.entry.js

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconChatsFilledStyle0 = swirlIconCss;
 
 const SwirlIconChatsFilled = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '11f8cf4e8d948dea6c00eec1097d4dbc4d23bd12', "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: 'a6f3d68a6f728523f94f874186a8a67ecd3076b7' }, index.h("path", { key: '127de10c630c3a2d2f1afdbd74aff4e753bee5dd', d: "M14.6667 7.99992C14.6667 11.6818 11.6819 14.6666 8.00004 14.6666C6.91822 14.6666 5.89658 14.4089 4.99315 13.9516L1.96048 14.8709C1.45073 15.0254 0.974565 14.5492 1.12909 14.0395L2.04838 11.0068C1.59105 10.1034 1.33337 9.08174 1.33337 7.99992C1.33337 4.31802 4.31814 1.33325 8.00004 1.33325C11.6819 1.33325 14.6667 4.31802 14.6667 7.99992ZM5.00004 8.99992C5.55233 8.99992 6.00004 8.55221 6.00004 7.99992C6.00004 7.44764 5.55233 6.99992 5.00004 6.99992C4.44776 6.99992 4.00004 7.44764 4.00004 7.99992C4.00004 8.55221 4.44776 8.99992 5.00004 8.99992ZM9.00004 7.99992C9.00004 7.44764 8.55233 6.99992 8.00004 6.99992C7.44776 6.99992 7.00004 7.44764 7.00004 7.99992C7.00004 8.55221 7.44776 8.99992 8.00004 8.99992C8.55233 8.99992 9.00004 8.55221 9.00004 7.99992ZM11 8.99992C11.5523 8.99992 12 8.55221 12 7.99992C12 7.44764 11.5523 6.99992 11 6.99992C10.4478 6.99992 10 7.44764 10 7.99992C10 8.55221 10.4478 8.99992 11 8.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '6fa171ea808ab4caf9e5b6b4ad60feb1e5833e5e' }, index.h("path", { key: 'b6e417891811f8603f8c0e17f6ba9909f669d18c', d: "M22 12C22 17.5228 17.5228 22 12 22C10.3773 22 8.8448 21.6135 7.48966 20.9275L2.94066 22.3064C2.17603 22.5382 1.46179 21.824 1.69357 21.0593L3.07251 16.5103C2.38652 15.1552 2 13.6227 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM7.5 13.5C8.32843 13.5 9 12.8284 9 12C9 11.1716 8.32843 10.5 7.5 10.5C6.67157 10.5 6 11.1716 6 12C6 12.8284 6.67157 13.5 7.5 13.5ZM13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12ZM16.5 13.5C17.3284 13.5 18 12.8284 18 12C18 11.1716 17.3284 10.5 16.5 10.5C15.6716 10.5 15 11.1716 15 12C15 12.8284 15.6716 13.5 16.5 13.5Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '845f9eeefeb051299e508281364b24f4b3b3638a' }, index.h("path", { key: 'dca6c2d2016b0b04722e4b72fd774d7410e52b32', d: "M25.6667 13.9999C25.6667 20.4432 20.4434 25.6666 14 25.6666C12.1068 25.6666 10.319 25.2156 8.73798 24.4153L3.43082 26.0241C2.53875 26.2945 1.70546 25.4612 1.97587 24.5691L3.58464 19.262C2.78431 17.681 2.33337 15.8931 2.33337 13.9999C2.33337 7.5566 7.55672 2.33325 14 2.33325C20.4434 2.33325 25.6667 7.5566 25.6667 13.9999ZM8.75004 15.7499C9.71654 15.7499 10.5 14.9664 10.5 13.9999C10.5 13.0334 9.71654 12.2499 8.75004 12.2499C7.78354 12.2499 7.00004 13.0334 7.00004 13.9999C7.00004 14.9664 7.78354 15.7499 8.75004 15.7499ZM15.75 13.9999C15.75 13.0334 14.9665 12.2499 14 12.2499C13.0335 12.2499 12.25 13.0334 12.25 13.9999C12.25 14.9664 13.0335 15.7499 14 15.7499C14.9665 15.7499 15.75 14.9664 15.75 13.9999ZM19.25 15.7499C20.2165 15.7499 21 14.9664 21 13.9999C21 13.0334 20.2165 12.2499 19.25 12.2499C18.2835 12.2499 17.5 13.0334 17.5 13.9999C17.5 14.9664 18.2835 15.7499 19.25 15.7499Z", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { d: "M14.6667 7.99992C14.6667 11.6818 11.6819 14.6666 8.00004 14.6666C6.91822 14.6666 5.89658 14.4089 4.99315 13.9516L1.96048 14.8709C1.45073 15.0254 0.974565 14.5492 1.12909 14.0395L2.04838 11.0068C1.59105 10.1034 1.33337 9.08174 1.33337 7.99992C1.33337 4.31802 4.31814 1.33325 8.00004 1.33325C11.6819 1.33325 14.6667 4.31802 14.6667 7.99992ZM5.00004 8.99992C5.55233 8.99992 6.00004 8.55221 6.00004 7.99992C6.00004 7.44764 5.55233 6.99992 5.00004 6.99992C4.44776 6.99992 4.00004 7.44764 4.00004 7.99992C4.00004 8.55221 4.44776 8.99992 5.00004 8.99992ZM9.00004 7.99992C9.00004 7.44764 8.55233 6.99992 8.00004 6.99992C7.44776 6.99992 7.00004 7.44764 7.00004 7.99992C7.00004 8.55221 7.44776 8.99992 8.00004 8.99992C8.55233 8.99992 9.00004 8.55221 9.00004 7.99992ZM11 8.99992C11.5523 8.99992 12 8.55221 12 7.99992C12 7.44764 11.5523 6.99992 11 6.99992C10.4478 6.99992 10 7.44764 10 7.99992C10 8.55221 10.4478 8.99992 11 8.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("path", { d: "M22 12C22 17.5228 17.5228 22 12 22C10.3773 22 8.8448 21.6135 7.48966 20.9275L2.94066 22.3064C2.17603 22.5382 1.46179 21.824 1.69357 21.0593L3.07251 16.5103C2.38652 15.1552 2 13.6227 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM7.5 13.5C8.32843 13.5 9 12.8284 9 12C9 11.1716 8.32843 10.5 7.5 10.5C6.67157 10.5 6 11.1716 6 12C6 12.8284 6.67157 13.5 7.5 13.5ZM13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12ZM16.5 13.5C17.3284 13.5 18 12.8284 18 12C18 11.1716 17.3284 10.5 16.5 10.5C15.6716 10.5 15 11.1716 15 12C15 12.8284 15.6716 13.5 16.5 13.5Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("path", { d: "M25.6667 13.9999C25.6667 20.4432 20.4434 25.6666 14 25.6666C12.1068 25.6666 10.319 25.2156 8.73798 24.4153L3.43082 26.0241C2.53875 26.2945 1.70546 25.4612 1.97587 24.5691L3.58464 19.262C2.78431 17.681 2.33337 15.8931 2.33337 13.9999C2.33337 7.5566 7.55672 2.33325 14 2.33325C20.4434 2.33325 25.6667 7.5566 25.6667 13.9999ZM8.75004 15.7499C9.71654 15.7499 10.5 14.9664 10.5 13.9999C10.5 13.0334 9.71654 12.2499 8.75004 12.2499C7.78354 12.2499 7.00004 13.0334 7.00004 13.9999C7.00004 14.9664 7.78354 15.7499 8.75004 15.7499ZM15.75 13.9999C15.75 13.0334 14.9665 12.2499 14 12.2499C13.0335 12.2499 12.25 13.0334 12.25 13.9999C12.25 14.9664 13.0335 15.7499 14 15.7499C14.9665 15.7499 15.75 14.9664 15.75 13.9999ZM19.25 15.7499C20.2165 15.7499 21 14.9664 21 13.9999C21 13.0334 20.2165 12.2499 19.25 12.2499C18.2835 12.2499 17.5 13.0334 17.5 13.9999C17.5 14.9664 18.2835 15.7499 19.25 15.7499Z", fill: "currentColor" })))));
+  }
 };
-SwirlIconChatsFilled.style = SwirlIconChatsFilledStyle0;
+SwirlIconChatsFilled.style = swirlIconCss;
 
 exports.swirl_icon_chats_filled = SwirlIconChatsFilled;

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

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconChatsStyle0 = swirlIconCss;
 
 const SwirlIconChats = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '5e59587df313dbef3f32d335df83d8312a624aed', "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: '7a45a8a9abb9a960fbe4935c9140925aba1b43e1' }, index.h("path", { key: 'aad6d28d41be618c8fd77992f7ba45fae8dd79d3', 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: 'c28d187def02391651d3bbfe198cd0611b057f40', 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: '28a717f2ca21ea9085998628f03a0bba952ff189', 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: '28d4ed3ab75ec26f0f200e2219f43aaf17d8f6bd', 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: '852616641ba9881c70b3504eb59ad2357cef1b7e' }, index.h("path", { key: 'e8d26b8a8502c3333b300d8422e4acd76a4485fa', 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: 'c75699b3df2b822e6a08141e10729832c25b6808', 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: 'f6d0ce67bc0bb47d96d0bdc2d2a488e5abc072f4', 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: 'f17f83820abf23379042d0b8c5a121b31e3679ff', 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: 'a4a7f6c427724986b8fdc4cafbe541f2c3d0adc7' }, index.h("path", { key: '8061177b3aaefcb320f1a6d503612310189f2621', 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: 'c7093809bc20fd645d358af5757c1361e7047ced', 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: '14d9d19dac50908aab77fc18dae9b817d6090a7e', 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: 'baec959e8b1c5c1fcbb0e2979dc2a46d9f8983ec', 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" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { 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", { 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", { 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", { 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, null, index.h("path", { 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", { 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", { 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", { 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, null, index.h("path", { 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", { 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", { 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", { 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 = SwirlIconChatsStyle0;
+SwirlIconChats.style = swirlIconCss;
 
 exports.swirl_icon_chats = SwirlIconChats;

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

@@ -2,48 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
 
 const swirlIconCss$1 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconCheckCircleStyle0 = swirlIconCss$1;
 
 const SwirlIconCheckCircle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '12fe6454b415d2b49b0e307c744aafed0c19942a', "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: '057b43a584dcb9d68c8bb13ec0c3458f2ca1f063' }, index.h("path", { key: '1a8c9fdb17f4035ece0467d7295b6466789b13ac', 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: '6edb20ab85f25cd4d8a6ed97fc2cd7eb63286439' }, index.h("path", { key: 'e4d038563651a4bbc8a26c12a262d41a559b16eb', 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: '1ada66eabd84658a89059851986b0a854a6027b7' }, index.h("path", { key: 'fcf3ad3dc26b775e2e71ba4c8792e0463f77f52c', 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" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { 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, null, index.h("path", { 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, null, index.h("path", { 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 = SwirlIconCheckCircleStyle0;
+SwirlIconCheckCircle.style = swirlIconCss$1;
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconWarningStyle0 = swirlIconCss;
 
 const SwirlIconWarning = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '514f25b98caf3d2b2f0692ef651a63d58f5064da', "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: '4d095620f5cbb0efe051f99b229a9c0d1a15c8aa' }, index.h("path", { key: '927f504e0d8dc188c298dce784a25444b56e2322', 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: '4716e65b6b3e669dc021ab2a4431fa4159d83d92' }, index.h("path", { key: '0dce19e553196b7a0a1eb4550bb1a1e2abf16a80', 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: '63ddb810c6f17b574eb821f1eb6f0bff114ab0de' }, index.h("path", { key: 'b0aab2155a4825ae722943bc791538d44b86fb05', 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" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { 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, null, index.h("path", { 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, null, index.h("path", { 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 = SwirlIconWarningStyle0;
+SwirlIconWarning.style = swirlIconCss;
 
 exports.swirl_icon_check_circle = SwirlIconCheckCircle;
 exports.swirl_icon_warning = SwirlIconWarning;

package/dist/cjs/swirl-icon-check-small_3.cjs.entry.js

@@ -2,125 +2,122 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f6326e3b.js');
-const index$1 = require('./index-9f94303c.js');
-const utils = require('./utils-fc5855ec.js');
+const index = require('./index-1de6abbd.js');
+const index$1 = require('./index-2ddd0598.js');
+const utils = require('./utils-459fb5e9.js');
 const v4 = require('./v4-c23234d2.js');
 
 const swirlIconCss$1 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconCheckSmallStyle0 = swirlIconCss$1;
 
 const SwirlIconCheckSmall = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '5f3141669440a3c8c2403054744364b4d3edd72a', "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: '1feb7303df3380e73451045e18e5ecdfa388d521' }, index.h("path", { key: 'c56d04fd0d365a2f3a31ea9f4bfa3b2897fff8d0', "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: '8a591e8c08bc64a6bc21ac3392a25370635e9080' }, index.h("path", { key: 'eea14b88a2d77c5cae4c42cbcce81d795d5f9898', "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: 'da24a4ebf1e152c63b945919a212139981009ad1' }, index.h("path", { key: 'c524dd3cc1a764939145662402e62b1b809929a3', "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" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("path", { "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, null, index.h("path", { "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, null, index.h("path", { "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 = SwirlIconCheckSmallStyle0;
+SwirlIconCheckSmall.style = swirlIconCss$1;
 
 const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
-const SwirlIconDragHandleStyle0 = swirlIconCss;
 
 const SwirlIconDragHandle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.color = undefined;
-        this.size = 24;
-    }
-    render() {
-        const viewBoxSize = this.size === 20 ? 24 : this.size;
-        const styles = {
-            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
-        };
-        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '47a6be1166b1d8b0ead7ccba60000b5f2cb0df0e', "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: '3a2639e5e6d5c590f29c6e09b59f79305e5b161c' }, index.h("rect", { key: '747617799d3781241a53b2e4ea95c1d2e3157a19', x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: 'fd9de04e569fbd519d4de197840086c32d642ecf', x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: '09cbc4f293ac54ddd7cf2862e7a1d2bffa112cab', x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: '5e7115ac1900fc1deaa1c921845451e818098131', x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: '1567555687cf5c1430709d8b61dbc13ee1482a41', x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { key: '42b4087eb835cabdf8f3e07e97dcb79a4e7e4020', x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '956196f8cccd97f96449e700b41a5bfc71287211' }, index.h("rect", { key: '51b7613251688586478ca256c36bc7d2795152d5', x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: '12ef3c1bee3ccc117da3cb5605cb7d9003e143c5', x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: '3db728a6a9d6e5a0e208b96d5686e166e500609b', x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: 'eea7f15e80eaf92ec2346ae312abfdb884790ce0', x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: '4717f6c728b2cda022204c68483d8562882ee69e', x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { key: 'fbae8538d80f3d1a07920879dec3b9182ef532d0', x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'e75e92f2e490276ecb2119cbfa99f587912688e9' }, index.h("rect", { key: '993064cf419230d846844b525f556ba2e8501bed', x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: 'af42f2efcce2d835b27e5b1b4f767eda737cfd38', x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: 'bfb44f55ea99f5c3b970e7d94b2dc01e1ab851d8', x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: 'c6ffe9d0ff0543adfd5eecaf87b378ae5ebfc948', x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: '765de7587cb2073eb4c2c48480287f9b29bbf594', x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { key: '619884d30ea21ef1131e1f8bd6e0e0938a50e02a', x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.color = undefined;
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+    const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (index.h("svg", { "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, null, index.h("rect", { x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), index.h("rect", { x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, null, index.h("rect", { x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), index.h("rect", { x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, null, index.h("rect", { x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), index.h("rect", { x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })))));
+  }
 };
-SwirlIconDragHandle.style = SwirlIconDragHandleStyle0;
+SwirlIconDragHandle.style = swirlIconCss;
 
 const swirlOptionListItemCss = ".sc-swirl-option-list-item-h{position:relative;display:inline-flex;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-surface-overlay-default);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-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-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-surface-overlay-hovered)}@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-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    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-surface-overlay-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{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__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column}.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__icon.sc-swirl-option-list-item{display:inline-flex;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__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)}@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__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 SwirlOptionListItemStyle0 = swirlOptionListItemCss;
 
 const SwirlOptionListItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.toggleDrag = index.createEvent(this, "toggleDrag", 7);
-        this.desktopMediaQuery = utils.getDesktopMediaQuery();
-        this.id = v4.v4();
-        this.desktopMediaQueryHandler = (event) => {
-            this.forceIconProps(event.matches);
-            this.updateIconSize(event.matches);
-        };
-        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;
-        };
-        this.allowDrag = undefined;
-        this.context = "single-select";
-        this.description = undefined;
-        this.disabled = undefined;
-        this.dragging = undefined;
-        this.dragHandleDescription = "Press spacebar to toggle grab";
-        this.dragHandleLabel = "Move option";
-        this.icon = undefined;
-        this.label = undefined;
-        this.selected = false;
-        this.swirlAriaRole = "option";
-        this.value = undefined;
-        this.iconSize = 24;
-        this.focused = undefined;
-    }
-    componentDidLoad() {
-        this.forceIconProps(this.desktopMediaQuery.matches);
-        this.updateIconSize(this.desktopMediaQuery.matches);
-        this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
-    }
-    disconnectedCallback() {
-        this.desktopMediaQuery.removeEventListener?.("change", this.desktopMediaQueryHandler);
-    }
-    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 = String(this.selected);
-        const showCheckbox = this.context === "multi-select";
-        const showIcon = Boolean(this.icon) && this.context === "single-select";
-        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,
-        });
-        return (index.h(index.Host, { key: '6af2a937ae1777c19deddc585ab20550e7d8ecef' }, index.h("div", { key: '01dedcd7f5818b2e58f5e5d008494ae3bb04bd59', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
-                ? `option-list-item-${this.id}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.id}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.id}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (index.h("span", { key: '2e4f2dd67e53ef82efef70b7cb1fbbd9ebd97386', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), showCheckbox && (index.h("span", { key: 'ac51ea9dd6eea49c07a933ac2019be729a487bb5', class: "option-list-item__checkbox" }, index.h("span", { key: '9bf9f743412d738e13eb71f01862de8e767785df', class: "option-list-item__checkbox-box" }, this.selected && (index.h("swirl-icon-check-strong", { key: 'cbabc25bc2d9f2609be6737d4181aaca27be5f52', class: "option-list-item__checkbox-icon", size: 16 }))))), index.h("span", { key: '062073831315dec06c096be139a77702487c169a', class: "option-list-item__label-container" }, index.h("span", { key: 'f34d87455aba95f13e46a2f7d3aa5a1a3118dcc2', class: "option-list-item__label", id: `option-list-item-${this.id}-label`, part: "option-list-item__label" }, this.label), this.description && (index.h("span", { key: 'ffab030ed7846125144dcd43e3089042c052f8fd', class: "option-list-item__description", id: `option-list-item-${this.id}-description` }, this.description))), showSelectionIcon && (index.h("span", { key: '8db883830b443f4d9064f0e9dc61e128ef1f14ff', class: "option-list-item__selection-icon" }, index.h("swirl-icon-check-small", { key: 'c5a7748128deee6cbda77ad56c3775cbff484f04', size: this.iconSize })))), this.allowDrag && (index.h("button", { key: '056e3253996fc4f7315299dddda91594842b8662', "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: 'f847bd8ef746b9f50d5e18631e93d4843e50f258', size: this.iconSize })))));
-    }
-    get el() { return index.getElement(this); }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.toggleDrag = index.createEvent(this, "toggleDrag", 7);
+    this.desktopMediaQuery = utils.getDesktopMediaQuery();
+    this.id = v4.v4();
+    this.desktopMediaQueryHandler = (event) => {
+      this.forceIconProps(event.matches);
+      this.updateIconSize(event.matches);
+    };
+    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;
+    };
+    this.allowDrag = undefined;
+    this.context = "single-select";
+    this.description = undefined;
+    this.disabled = undefined;
+    this.dragging = undefined;
+    this.dragHandleDescription = "Press spacebar to toggle grab";
+    this.dragHandleLabel = "Move option";
+    this.icon = undefined;
+    this.label = undefined;
+    this.selected = false;
+    this.swirlAriaRole = "option";
+    this.value = undefined;
+    this.iconSize = 24;
+    this.focused = undefined;
+  }
+  componentDidLoad() {
+    this.forceIconProps(this.desktopMediaQuery.matches);
+    this.updateIconSize(this.desktopMediaQuery.matches);
+    this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+  }
+  disconnectedCallback() {
+    this.desktopMediaQuery.removeEventListener?.("change", this.desktopMediaQueryHandler);
+  }
+  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 = String(this.selected);
+    const showCheckbox = this.context === "multi-select";
+    const showIcon = Boolean(this.icon) && this.context === "single-select";
+    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,
+    });
+    return (index.h(index.Host, null, index.h("div", { "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        ? `option-list-item-${this.id}-description`
+        : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.id}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.id}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (index.h("span", { class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), showCheckbox && (index.h("span", { class: "option-list-item__checkbox" }, index.h("span", { class: "option-list-item__checkbox-box" }, this.selected && (index.h("swirl-icon-check-strong", { class: "option-list-item__checkbox-icon", size: 16 }))))), index.h("span", { class: "option-list-item__label-container" }, index.h("span", { class: "option-list-item__label", id: `option-list-item-${this.id}-label`, part: "option-list-item__label" }, this.label), this.description && (index.h("span", { class: "option-list-item__description", id: `option-list-item-${this.id}-description` }, this.description))), showSelectionIcon && (index.h("span", { class: "option-list-item__selection-icon" }, index.h("swirl-icon-check-small", { size: this.iconSize })))), this.allowDrag && (index.h("button", { "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", { size: this.iconSize })))));
+  }
+  get el() { return index.getElement(this); }
 };
-SwirlOptionListItem.style = SwirlOptionListItemStyle0;
+SwirlOptionListItem.style = swirlOptionListItemCss;
 
 exports.swirl_icon_check_small = SwirlIconCheckSmall;
 exports.swirl_icon_drag_handle = SwirlIconDragHandle;