@getflip/swirl-components 0.363.6 → 0.364.0

package/dist/esm/swirl-accordion-item.entry.js

@@ -59,7 +59,7 @@ const SwirlAccordionItem = class {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '140186d77dedf25334b975668382e442664ecc61' }, h("div", { key: 'fcfeb3e6bbe1bd5cf26ff17ed2c00c290f9c1f25', class: className }, h(HeadingTag, { key: '70de4f5a2e68fb4b3df574ce749ac469c4a89b92', class: "accordion-item__heading" }, h("button", { key: '598bf04f92bc1fb94253aba1122c731bb98a3670', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '9a2199333edf327c8aa86a5e22207b661e33d5c3', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '5e57bcf299f4a784cd17e29c9ebaa78111b2c280', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '4cb086eda6d58addda26c47b54d42cce5989fe77', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'd2ed36ed6bf5e819e19bfb0c679868dc6cc4d923', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '0bcc167c67f0e3d7dc9e94b0cb4f30267badb86c', glyph: "expand-more", size: 20 }))))), h("div", { key: 'f8f14164ed9f64cbf60bdcda85cc5f0feefb0ad4', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '30c54870dda4bf4682f48373426c336cc7b0b862' })))));
+        return (h(Host, { key: 'bf24d1cae76ed824c925b80adb2ac6b5be606023' }, h("div", { key: '9f3dc67e8a670f451cba083d416461aa4ac16749', class: className }, h(HeadingTag, { key: '170838a1750fb89568500f70a93f91de36f41d5b', class: "accordion-item__heading" }, h("button", { key: 'c18a4cbe335f688a94c61ed1802f7a0978d74771', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: 'da8e2e070591c3ff0de1face3c62a91c5ff19731', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '0bcfac9c58151f160b2bece95475d104d3dbfb05', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '701edfe1826e393845316e3815454de002b9ad94', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '3b76c29e09f641025af072622ef05f8acc37f9e3', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '952a2755bb44491e2b9155fd22d1817feed7ecf4', glyph: "expand-more", size: 20 }))))), h("div", { key: '6332cee85a9630c0280e72518ace7ad41cbbb368', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'b506d4b57c138cc18722b34320155599b472e70b' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-accordion.entry.js

@@ -43,7 +43,7 @@ const SwirlAccordion = class {
         });
     }
     render() {
-        return (h(Host, { key: '1eb1645da55f8f7b733355ab42ca0b454a21df88' }, h("slot", { key: '94f43327f431616f052b029da3e65e9ff477e396' })));
+        return (h(Host, { key: '7889025b9ea75254eaabfcf488ec883378c01e5c' }, h("slot", { key: '3cd0eb5227421066116b06fac1d2e6ed488d03d5' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-action-list-section.entry.js

@@ -10,7 +10,7 @@ const SwirlActionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '7bfa42bf3f2b323e10062a5f936b67cb72cce922' }, this.hasSeparator && (h("swirl-separator", { key: 'cfc8583b332a13653d5956a45461d362af20baa8', spacing: this.separatorSpacing })), h("div", { key: 'b35da16e174668393122c764d9d9036729267a7e', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '6b8774ffb9c32c9804d73f6dbbc69874bebb1b82', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'e18cc67c6c8e18af98ca93e82eeb8fc542e988d8', spacing: this.spacing, align: "stretch" }, h("slot", { key: '64ef602444e47871b115792f4128cd8ecf050390' })))));
+        return (h(Host, { key: '511a8b83e8c4f68e029406b60669253570bcc48d' }, this.hasSeparator && (h("swirl-separator", { key: '42b740aaa40bc5dbe03da925c702f4bbe613817b', spacing: this.separatorSpacing })), h("div", { key: '66e3818e57a2b506174a39ba81f52d2228da8e6b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'a1bdb4cdf8bb9849ccab3656f9eb8b88ffe4b132', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'c964cd1d0d54201e7c977e16a4dbb84cc0d5d359', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'b3d173498c5b9c8f16b9d95e60230bdb8bce3110' })))));
     }
 };
 SwirlActionListSection.style = swirlActionListSectionCss;

package/dist/esm/swirl-action-list_2.entry.js

@@ -92,7 +92,7 @@ const SwirlActionList = class {
         });
     }
     render() {
-        return (h(Host, { key: 'fc7ebb5df8998a9192107106120ad70711590d03' }, h("div", { key: 'be2231e59e4d062ac79780ddc250e6337a74f39d', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '98324ce031be7c0666e1c0f425718f9ebc86d7e6', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '0dd1f57febfea783b0e1dee429104b12d4819a10' }, h("div", { key: '85865f3e4611208d541134b51fbd8725a0dabc5b', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: 'e39aefd6e63c0f0bf43d75a50314773ea1996312', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-app-icon.entry.js

@@ -34,7 +34,7 @@ const SwirlAppIcon = class {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'f70423e5cbaf2d6ebf7e051a18ebb9ea3d9c3218' }, h("span", { key: '6a7332c2bcdfef2d4c80c1703f6c8e6d21b0e0d5', class: className }, showImage && (h("img", { key: '58720fe3b1feb0575f8a0d6b872b45d4eec57806', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '1cededc1291b27d73c25d01163736e17cf296243', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '0678d24af53e36995ce49232513940672f1623fe' }, h("span", { key: 'a2e2fef78199d7d91d25c55591ad7dfd7136d036', class: className }, showImage && (h("img", { key: '7005b6b43b9215c96a4a04944d2ac25d2536f9b3', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '0d1539585d6e4d278b9f24c4db68728d9e3f89d9', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = swirlAppIconCss;

package/dist/esm/swirl-app-layout_5.entry.js

@@ -357,7 +357,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '012ddb1c912baadace65e570840076b47a2b3e2a' }, h("div", { key: '8b4adbc596e43e6a9a8fc7d7209085eb971124ab', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'df891850a32dd7708f4a47bef09386650b3d7eca', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'e6fe758cb3a40aaa44783e3bda10541cfe29599c', class: "empty-state__slotted-illustration" }, h("slot", { key: '7a809c9387bb976966877c01cb7be376f1a9772a', name: "illustration" })), h("div", { key: '8304a2871ffe33baf473b946cec6dc3ad559ce1b', class: "empty-state__body" }, h("swirl-stack", { key: 'bcf7f760e2b4833059bdc76c00882596a89bb973', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '1135f136f92074824d7e5691d06a1fb735bc74ee', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '320ae9005a9e0e627b0a02d99c2be7d1cd7d82d1', class: "empty-state__content" }, h("swirl-text", { key: '2b1373ea276326316da2c84f99ad7df73750e355', align: "center", color: "subdued" }, h("slot", { key: '882b1551d512776d29c7b14c8cfc77014c09ca7e' })))), h("div", { key: '390f8200cef094b3d19aefb50a040a3fa8f1bbdb', class: "empty-state__controls" }, h("slot", { key: '9da9474dfbdaeca4be918e3ba33d66d18f8e1e43', name: "controls" }))))));
+        return (h(Host, { key: '962fdad80a6b26240fa1ded1834844e28725ba01' }, h("div", { key: 'd59c16d1b2a0d5344bf8038f6ebef9e3bd2638f9', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '4183c7c226ab6feac338625758c646b07f5eeb8c', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '64cda3edba54e111b03e0418f7001d30bbffe03d', class: "empty-state__slotted-illustration" }, h("slot", { key: 'a02e0d981c89d42386ed52fa909eff0364a8a88a', name: "illustration" })), h("div", { key: 'a53f7dce159bd3f01b1107b9617e72582aff332e', class: "empty-state__body" }, h("swirl-stack", { key: '1e844ad3c87217dc5cb5e704b5077a4c4c4bb169', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'd2a6ed48d70f5f15c5ba5f000192a255dc2d541a', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '1e5bb76e0d2f40d86446f0f8661a1a43cdc0e07e', class: "empty-state__content" }, h("swirl-text", { key: '7e83491f90cdff42336f60d533f998223326128d', align: "center", color: "subdued" }, h("slot", { key: '4fd7ef450e7525054874f364fc3798b2d4b14a7a' })))), h("div", { key: '48dde402dad5763d3376d53574717d2205ed198d', class: "empty-state__controls" }, h("slot", { key: '128e24b7e8c7f596e080d8ea47f0be199902298e', name: "controls" }))))));
     }
     get el() { return getElement(this); }
 };
@@ -376,7 +376,7 @@ const SwirlIconFolderShared = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '52fe577136ec4995067be80eca31b8825e2a7371', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'c10a082d8408400178a767ca89eb6fb0e0094f1f' }, h("path", { key: '5a1b2dc67090aaa14a1c1d50ba2b73ec42793df4', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '86c74743f3b0d2f5209ec8e1212f38a5c2f05d7d' }, h("path", { key: '10adbb01c1db965e0ead2a65d946051658c29585', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '17591dbed68fb1cae3f061e0931709b703985dc2' }, h("path", { key: '812bfadcc494faee73cc428a31906206dd902cb6', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'e157f20a52f78b668c004a4161a88b1999df987a', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '11696651e7bb3d6183465c4cb81b0283b6f073c6' }, h("path", { key: '874857d9cb321345c1d5edff4eb7bd23e7f7b93c', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '93f9924570d3f50e2043eb11cd920dd4ce76daa3' }, h("path", { key: '549c6e9b53418009e6c292d3729349b6e9f073d8', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '86d2ccea683ac42e23e547c3980d33961744d7b0' }, h("path", { key: '770029d06dde4946c50344e67a014f043edbb745', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
     }
 };
 SwirlIconFolderShared.style = swirlIconCss;
@@ -634,7 +634,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (h(Host, { key: 'c75f0ba1985a00ac6dbc67289a6b4810c37be961', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '90494b940f1e6c1293d60c04458822c99c0fb2ba', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'f33276012374609326842e3d638c21d0f556a0d9', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '46a26973aaa57dff81309f36c62bdaf457f0c1e2', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '5270fb4d8807d1818369b3afde14ea0cb5ccf20b' })))));
+        return (h(Host, { key: 'cebcef9bd2b4f9c9bdb07eb60b1455fe961506fe', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '3ec608204ed57e938706be802f55e69a1de4e042', role: "alert" }, this.assistiveText), h("swirl-box", { key: '1264ea92a2dc6dad647e917dd90267e52b175345', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: 'e1ce6259ade426672a4bbcf873e8072eda93a167', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: 'd8c26a1e3dbaaa405caaafb74d4de11632a26bbe' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -779,7 +779,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '6c76f75792d6dc74bd6f5b8344f73b71a15a578b', role: hostRole }, h("div", { key: '7a0f9adcc65b2e078cf1e92a824e7b3b32ca8171', class: className, role: containerRole }, h(Tag, { key: '64293b307dae26d1bd82ac527542ae97875d38af', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '2fce8f7495ab34f3cb7b1ea111b5724ebdbc928c', class: "resource-list-item__media" }, h("slot", { key: '6d9931d51a481119e6987169d2f524978047e171', name: "media" }))), h("span", { key: 'dcccc9fa94a5455345d8922427ab5ba53c6d5f1e', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '412c03a02bef3fa75a331829f8af7ae69fba82c6', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '67f45dd519ad32d53b1e85b68679795a4ba44dc8', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '9f5ab5eeed07720b961522a1ef1af3cadeda86dd', class: "resource-list-item__meta" }, h("span", { key: '61e080794fec67e333baebe4c0260bcaf0a2ba6e', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'f696df19b5525800aac6bd38e04772294c1dfc00', class: "resource-list-item__badges" }, h("slot", { key: 'e52d5675e77b9d9dd4733471b18e79114cc7d579', name: "badges" }))))), this.selectable && (h("span", { key: '328bf9f77fb257ce7babfb6e2c2bdf00eb79a09f', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '89b630fa4ef44df45ae92c1b8d8e59c46fb508e6', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'a739f4cd3d40556246756e9aa7191e1cae75308c' }))))), h("span", { key: '7016fecfdb6f9d773ab341b9d659480fa8dda230', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '9e6b697833a71e8878f7aca8bf466f8be91426bb', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'f876ed787b3771ccf3ea25a919a57d57bfd85c07', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '194c091ff2a129be9061f2908092d48327ebc8e7', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '928ccc6af654fe763af660b030071f65f28275e1', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '34e494f339aea261ec37330f315c20336324f29e', size: this.iconSize })))));
+        return (h(Host, { key: '99d705af69a7d7457da693a1c5c67706f6635845', role: hostRole }, h("div", { key: 'a59c5927cae5448c3917a2af8387b50dcd2d3ef4', class: className, role: containerRole }, h(Tag, { key: 'b3e5fac4c8925d3a06a26b7d0b79aa58e3def37f', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'ec4113d40664af96c8c8dbeec32501b1f57c0f21', class: "resource-list-item__media" }, h("slot", { key: 'c4d9601f58a3f128cf88254a2d5bde98c36d1628', name: "media" }))), h("span", { key: '6ae242f557e807b2ef95c2b6d775151eae4b4d47', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'd7489459160e4dfebc38d3f1ab637ff7ec0a2096', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'ae91a04a4916ca91e50984da265e4a94d08ef4c3', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '4188d689a7330f8ab41534becf9059258eb571d9', class: "resource-list-item__meta" }, h("span", { key: '5a63a90a5478728f57611efed228919b856e0ecf', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '04fb7f9e250e2772cbf78567d74a5496fd96897b', class: "resource-list-item__badges" }, h("slot", { key: '950c710d8150ba65f67becb2a072aa241fc0109f', name: "badges" }))))), this.selectable && (h("span", { key: '1d5e33c7003f06937bd11c3d1e3a2e8b2751b43e', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '0518fad3b25324d5f4b4b32bcc5ed84bbdef7542', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '5578df09145bd0c8a66a7a3f97fbdbaf15edee11' }))))), h("span", { key: '35605bfc79aa8f8653d9f109af0741247ef7d555', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'c3771a13badc88d14e856c3f5391ff904420c2c4', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '351458c498c327220f1b55c8b5a3b27038c5bfeb', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '8ad88ba909010c7ab1fc300cbd52d533bf8eae19', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: 'e26acb5a079ec58706794f89d742e6aad3448203', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '128042b80216937f197dd36ca5f055fcacf23150', size: this.iconSize })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-avatar-group.entry.js

@@ -25,7 +25,7 @@ const SwirlAvatarGroup = class {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: 'f17874f56ac78e25750d455dc5adeb08141e13f9' }, h("div", { key: '01325fd700a357838683f7dabc9b6269e6ad000b', class: className, role: "group" }, h("slot", { key: '9cb31e7eb07d87e8333273134021cd1a82665512' }), this.badge && (h("span", { key: '549f3533b3aa413fde00af14ff68e99698145af3', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '3d323ce2f50de15cda4630897705da5446856e20' }, h("div", { key: '49b71c1a65716a95d9885ae16cb6fb18422cdbfc', class: className, role: "group" }, h("slot", { key: 'c5176ddecea970fae882e6eb7b7c5d9c2462561b' }), this.badge && (h("span", { key: '6de3511f5027ae3eb6abedfa053bf6504538b808', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
 SwirlAvatarGroup.style = swirlAvatarGroupCss;

package/dist/esm/swirl-carousel-slide.entry.js

@@ -12,11 +12,11 @@ const SwirlCarouselSlide = class {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'a13a0d3f14e4da4520497ec73c3f5376f304d9da', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '6b0a900b2a8c73fd92c45f79b13ee8090455581f', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, h("slot", { key: '3957b6fe93fd41b426c10f76fd74d7c77716da0e' })));
+            }, tabIndex: 0 }, h("slot", { key: '5ff3a989f4eb4a17b08024b08e4eeaa5d809f336' })));
     }
 };
 SwirlCarouselSlide.style = swirlCarouselSlideCss;

package/dist/esm/swirl-checkbox.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CWOhMVtL.js';
 import { c as classnames } from './index-orsBiyT_.js';
 
-const swirlCheckboxCss = ".sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),\n      0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display: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)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox: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)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
+const swirlCheckboxCss = ".sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer;flex-grow:1}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),\n      0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display: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)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox: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)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);align-items:flex-start;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label-container.sc-swirl-checkbox{padding-top:var(--s-space-2)}}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 
 const SwirlCheckbox = class {
     constructor(hostRef) {

package/dist/esm/swirl-color-input.entry.js

@@ -444,11 +444,11 @@ const SwirlColorInput = class {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '838e1a09ef9ad9d82601c0ee9ad8038bd56a4612' }, h("div", { key: 'f4d945f1fe8a59e88eddd8a138704800799a7bde', class: className }, h("input", { key: '19e865d95352f64718c8760421c48517e269e2df', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '8f93a120b41c7fdf6e07041583e8f316997b56eb', swirlPopover: this.pickerId }, h("button", { key: '86479c97ecdfa8e5aa513aeaecfca10481b8071a', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '06442d64beb2fbd63d6b57dd06385739f62c678c' }, h("div", { key: '04156a847fe4dd071d58f5f1203ed63ad13dd3aa', class: className }, h("input", { key: 'fbc8643bc5aec60c89ff4c0ba0dea3ecc60ca635', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '77c784240913faa8092c4de8456d0e69527acd84', swirlPopover: this.pickerId }, h("button", { key: 'e30a2c1979f56861788ceece1e0fe1141f496873', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: 'ac56511df4157711ea089b5e71b9e8b621b582f8', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '7acc5cc2bf262debb52e20a4d6707346eb3f7e83', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '9752896cb0cb4cdc54fc5bb4c1ea50569959aad2', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'f13ae51925a2667f7f64a97fe39b13de6f9ce7e7', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '2fd33ab39b57e21dcb8fec555e31e32400b85d76', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '2c4ca5d20a15345f61a008ec81ef6864a21869f3', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]