@getflip/swirl-components 0.326.0 → 0.327.0

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

@@ -42,7 +42,7 @@ const SwirlAppIcon = class {
         const className = index$1.classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (index.h(index.Host, { key: '90f9007428de57708504bf15c29b30909f7d6b42' }, index.h("span", { key: '7119b43222a0a224268ffb6ef5debc804f7bb3d9', class: className }, showImage && (index.h("img", { key: '1b8421ed21164b5c921733903a5cc4f3102d0c0e', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '41c6eddecff32a689d81feb4d3ba9df4ff420b0b', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (index.h(index.Host, { key: '687598f6730d46ae81728932bc626cb9f7dab002' }, index.h("span", { key: 'c84b9d81819b4ee664fe3b1ef6b833e84ac96dbe', class: className }, showImage && (index.h("img", { key: '3cebf8dfa8585d8b3d9df4db73650e88c3a24e93', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '8f1cda723ec8cb528b7a8a4da29434463d44766e', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = SwirlAppIconStyle0;

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

@@ -383,7 +383,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (index.h(index.Host, { key: '94c0183213827a9e385891a8efaebf09a1373b41' }, index.h("div", { key: 'df6358b2d51045996b4db5f7d439cdac982a0ea1', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: 'afe293f061b57a8e3ef32d1a563ea0a50504d1a2', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: '681f5893da0f9885f77335593aee396a256533eb', class: "empty-state__slotted-illustration" }, index.h("slot", { key: '09e0673a2b78059361be72881a0e974bbf080b85', name: "illustration" })), index.h("div", { key: 'dd54e6476baebaeeec075cbe453bcf3e998f6bd0', class: "empty-state__body" }, index.h("swirl-stack", { key: 'ad8fb7ddfda397fc19b55aa975baf78a4764b70e', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: '243990d5402bfb9b02cd511300d5276ffb0ba54b', align: "center", as: "p", level: 4, text: this.heading })), index.h("div", { key: '1bb06393c28e20e43f80e9e1c9af44e0bc7f10f2', class: "empty-state__content" }, index.h("swirl-text", { key: 'cfa49896324f7a7065724129e0b2eb40308c2a94', align: "center", color: "subdued" }, index.h("slot", { key: '6f27905a027ffa3da097026119034902dcbacb00' })))), index.h("div", { key: '566a23490090c0c9c1e3bc6431a76219d34727fa', class: "empty-state__controls" }, index.h("slot", { key: '13e163bd884866127c76c5742faeb55c128d29e4', name: "controls" }))))));
+        return (index.h(index.Host, { key: 'd492f980162681d028fddbfc0702103e39fb5c9e' }, index.h("div", { key: '3738d75cc93289814fe50de864de7475393ef7e7', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: '4c789bcc7d04ba70098db2b3b9006ec46a842344', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: '4a360a4d518876324af007493786f1c5dc88ec6a', class: "empty-state__slotted-illustration" }, index.h("slot", { key: 'f9a3c6afe5a05f0bd3a22cd0c725c622745e2c5c', name: "illustration" })), index.h("div", { key: '8ad9daf10e0316f473e0ff393e4d45eb88f6e81e', class: "empty-state__body" }, index.h("swirl-stack", { key: '736c51dc686dac21f196fe3669b7ba4ec85d9fe2', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: '29423d8796c2ef34a15c6eab62d8b7f08b00c120', align: "center", as: "p", level: 4, text: this.heading })), index.h("div", { key: '4999458b184eba988c54c3fab4c0635a7faeba19', class: "empty-state__content" }, index.h("swirl-text", { key: '9ef144c1435b9beb62a532b1c293a6f18d57be98', align: "center", color: "subdued" }, index.h("slot", { key: '20528c4236d29ccbad305f94f3cfa99129cbb91f' })))), index.h("div", { key: '9e6e201033b4a3e083e14b28320395772406c6dc', class: "empty-state__controls" }, index.h("slot", { key: '2b0313d12d7786f1b3224330eeaace14b30a4f29', name: "controls" }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -404,7 +404,7 @@ const SwirlIconFolderShared = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '079d0039fad5cb1145c82b202b662930c901e3ff', "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: '696de13cb26325cddf83d39d9051eb48d62e4259' }, index.h("path", { key: '1f31ea8ff183764c0236520bb63cc76de954ad5d', 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) && (index.h(index.Fragment, { key: 'd5c3e25c461ad3b2dde0fea400b246d18e7b60ab' }, index.h("path", { key: '4e23a03d5e01c3d0e0242135a0c8e791d4e55230', 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 && (index.h(index.Fragment, { key: 'edf539c6db756ea51538cc2f9f52ecb0cff9336d' }, index.h("path", { key: '71bd4284c6d588073d558f254953c53b2471c61a', 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 (index.h("svg", { key: '2aca7a3e3dadd9c0fff3efcb5f26b25b11dbb4bc', "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: '2baf2c2da2fc53d531dc239781e05f948412897a' }, index.h("path", { key: 'dc15a1a7d677a215e2c1e40ab0455e8e0414ddcd', 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) && (index.h(index.Fragment, { key: 'e1213097160f156732afcfb441703282e161a987' }, index.h("path", { key: '791b74736cc01357a400bad1da0fedfa213929b7', 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 && (index.h(index.Fragment, { key: '98d665c469b48861b1fcdebb31609e697bf733d8' }, index.h("path", { key: '9f2ca91561d0402e5aeaa8038cd6843bcb294a50', 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 = SwirlIconFolderSharedStyle0;
@@ -667,7 +667,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '2e533a477f7ee05e19973808f07f5e5869c59220', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: '4b75c2fcc83e451d1da08ffef245ccddc02d421b', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: 'e3efe4e1b82cd3bbe83d568a20347175e025a11b', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: '3b9d4f761c8d790c513b963197ec220eeaa8455d', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, index.h("slot", { key: '8418a6f13a24317aedd0c408c50e6c921ceef5c3' })))));
+        return (index.h(index.Host, { key: '5448bca29d649a700b2ac2facf72f505660cf0dc', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: 'e422fac574b92aacea59635078906e46d3a8d588', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '24ca364643f0d57ebb04300427ce805b8d951865', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: '065270327ec17c41eb8762da1690019c1f984274', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, index.h("slot", { key: '74498fe31f2bdf496e3453f17e7ecd36df099cc8' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -831,7 +831,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (index.h(index.Host, { key: 'bfb0bd7d6d15856f14518cdd626c40dcb2eb78f3', role: "row" }, index.h("div", { key: '4489a4452594e6d3b99f4c4a980e89f464c35d38', class: className, role: "gridcell" }, index.h(Tag, { key: '25556f093a70d65789ed83eb51e6c97f8c4f9e1c', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", 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 && (index.h("span", { key: 'ebec2a582ff80ba6af9e30d1eaa2423398c92c40', class: "resource-list-item__media" }, index.h("slot", { key: '48f6959f85a00e70a8f49e9e07bc9618d0cb1159', name: "media" }))), index.h("span", { key: '8b3c9f913676f3b0cdc2a053c824f28c8f03faf8', class: "resource-list-item__label-container", style: labelContainerStyles }, index.h("span", { key: 'ab72e18c3843286724eb7bb2a9b7fb2a5c4dd159', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (index.h("span", { key: 'ee9405cb46da67633280e37c718ece7f5f78e504', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (index.h("span", { key: 'd548b8ecc1067390903ad67a5c8c3e028b2f8130', class: "resource-list-item__meta" }, index.h("span", { key: 'c2e924c99d8a259d681d6f185377b668d33a19cd', class: "resource-list-item__meta-text" }, this.meta), index.h("span", { key: 'ee319cd05ba53bddcb25fde8f350a60a34469146', class: "resource-list-item__badges" }, index.h("slot", { key: '0de74a753a1d5c244909238ab77366fafc6a84e5', name: "badges" }))))), this.selectable && (index.h("span", { key: 'b5fab0360c74249ea743d5ec162c6a45f5fe2be3', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: 'b5819da58152f00eb869623318cffd7ff1ae684f', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '9e84afe4b45f0eecceea46b6f23673a30ebf72d3' }))))), index.h("span", { key: '178627f4d126a48e9f2b98218735902321594efd', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, index.h("slot", { key: 'c3e8c355eeecb886b97a8cc7c35b5a22d1191764', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '1da96bd1bcc3fef40db960ad169443319cbc052d', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: '0932be7ca64755cd8e1d4172a8bbd187f6efbe34', "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 && (index.h("button", { key: 'd1ea880ee0adcb6b90f791dfa39fc65282c32c13', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: '78b7aae4fd568f82fbf717a6ae0285f70219bebd', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '51070214010bb6f42b11d1451d711523908dcd24', role: "row" }, index.h("div", { key: '58da33a690ad26cc6cb613f7c3a120cc27c14168', class: className, role: "gridcell" }, index.h(Tag, { key: '4733c36969976407c76a0852e7b688005d829467', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", 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 && (index.h("span", { key: '43feb905ed747fb0f3dce03c9bb0906e807f4cc9', class: "resource-list-item__media" }, index.h("slot", { key: '8bf74e8f11becef18f95a50ee78af293176e3c74', name: "media" }))), index.h("span", { key: 'b74ee63857ae512b974e9732d73ff2c7eb070ef6', class: "resource-list-item__label-container", style: labelContainerStyles }, index.h("span", { key: '7271335be0863add557483c3819bc61f0bcf3eee', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (index.h("span", { key: '4ddca66a33fcbe50927e3af38c6d1bea2ed67887', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (index.h("span", { key: '540c9ad85c13187700ff1607d59afc80d90529ac', class: "resource-list-item__meta" }, index.h("span", { key: 'cb31b8cebf261df69ebb90989e0ec0fbc3c267ee', class: "resource-list-item__meta-text" }, this.meta), index.h("span", { key: '57d467dfc1dff7d17e93aa0e03f1760054d85de9', class: "resource-list-item__badges" }, index.h("slot", { key: '18ea4383798222c2aea1dac37464b65133143604', name: "badges" }))))), this.selectable && (index.h("span", { key: 'aa967cf2216cd148edca930425ecbda013413850', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '3cc2777fbf3850ba756ed88e0ad4ae29e4caf32c', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '61a80c63ef99e3b530c3cc231a1abada0f1940fc' }))))), index.h("span", { key: 'eaaf028e6c729fc7093d355ebc6c31bc2d4a8696', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, index.h("slot", { key: 'f988fee1daed088fb4fb56a5ab262f6e8815d4f7', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '170cc8abf345cbfeeb3d86a77ad4ba081465ee4d', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'b33497fd10358229f0125497dda088c1d0c3ee6b', "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 && (index.h("button", { key: '1caaaf86725af4eb4215453453ab724c5777f035', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'eb0b87432675feb37a2f6d8de9f6228e9e921b6e', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-autocomplete.cjs.entry.js

@@ -210,17 +210,17 @@ const SwirlAutocomplete = class {
         const className = index$1.classnames("autocomplete", {
             "autocomplete--inactive": !this.active,
         });
-        return (index.h(index.Host, { key: '58eeefcb57a5715a133f49b6cc147862402fda63' }, index.h("div", { key: '7dc51102fd166c185a5f6927b13e001eba0399d8', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
+        return (index.h(index.Host, { key: '36f37cea5fdd7151673aa5c8ad30f652a1769609' }, index.h("div", { key: 'f1457ce0ea13ea7a769cd1de3eb3bf4cf2b9549b', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
             Array.isArray(this.value) &&
-            this.value.length > 0 && (index.h("div", { key: 'cdf129384b1551bf4a5dab9a95fb2a62c4f2538d', class: "autocomplete__multi-select-tags" }, index.h("swirl-stack", { key: '4cf38354d4c4a5cea92f37bfaa6a6f9adc81834f', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
+            this.value.length > 0 && (index.h("div", { key: '7b5b831a06dd7270386f857d198178a92e118580', class: "autocomplete__multi-select-tags" }, index.h("swirl-stack", { key: 'c5bf0b5bf1252f9bd8368917a27d9927e3b2c7c0', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
             return (index.h("swirl-tag", { key: item.id, label: item.label,
                 // eslint-disable-next-line react/jsx-no-bind
                 onRemove: () => this.onRemoveValue(item.id), removable: !this.disabled }));
-        })))), index.h("swirl-text-input", { key: '615bcb83a20ddf04af8e452a6f0c5bbccc957c0a', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), index.h("div", { key: 'a7b788178aa3d66047833cd8b349d3c402901b7f', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
+        })))), index.h("swirl-text-input", { key: 'f41ec2b57444ff45d75e039dad609d7b2ebf6d17', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), index.h("div", { key: 'a940d9511351d965da89de983885eb0d8819f977', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 width: `${this.inputEl?.getBoundingClientRect().width + 32}px`,
-            } }, this.loading && (index.h("div", { key: 'd4c81fd79ce26e5929ab0cf9f271d855c96c0b41', class: "autocomplete__spinner" }, index.h("swirl-spinner", { key: '3931c2a99a601c738dbb33112a70a62183e1a455' }))), this.suggestions.length > 0 && (index.h("swirl-option-list", { key: 'acf7cfc83b7ed1f3900196e35b8b3e7e533fc029', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (index.h("swirl-option-list-item", { selected: Array.isArray(this.value)
+            } }, this.loading && (index.h("div", { key: 'bdcc2ec3441fa97915ac8d1ed4348a0c59101708', class: "autocomplete__spinner" }, index.h("swirl-spinner", { key: '08a8eeb925fcc515f76ae0d7edae2c5fc01f409f' }))), this.suggestions.length > 0 && (index.h("swirl-option-list", { key: '79b71e2f6aaabef56558d95229dc24ee26cb4056', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (index.h("swirl-option-list-item", { selected: Array.isArray(this.value)
                 ? this.value.some((item) => item.id === suggestion.id)
                 : this.value?.id === suggestion.id, key: suggestion.id, disabled: suggestion.disabled, label: suggestion.label, value: suggestion.id })))))))));
     }

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

@@ -31,7 +31,7 @@ const SwirlAvatarGroup = class {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = index$1.classnames("avatar-group__badge");
-        return (index.h(index.Host, { key: '76e85ac1f2499bddae35aea6e1ce1281294a707a' }, index.h("div", { key: 'a2763cdee26628d8b3926af85302cc0d74a1ee60', class: className, role: "group" }, index.h("slot", { key: '1e15e3f8e2b36912a3f4e834e6f24a8e4bc0bc09' }), this.badge && (index.h("span", { key: 'd6c7e9e98de8e5191f17dccfe7e662c05314dc85', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (index.h(index.Host, { key: '07eb2c5f8ba50e042e64de92826fc16f8b939047' }, index.h("div", { key: 'eb4a5992625dd8a8d8f98d04c14868b3456fbb9a', class: className, role: "group" }, index.h("slot", { key: 'fd0f28ae05bf30f5ac973163c7aefd62c66e2837' }), this.badge && (index.h("span", { key: '955b59bb5425971a699380a933dea336873525c2', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
 SwirlAvatarGroup.style = SwirlAvatarGroupStyle0;

package/dist/cjs/swirl-avatar.cjs.entry.js

@@ -128,7 +128,7 @@ const SwirlAvatar = class {
         });
         const badgeClassName = index$1.classnames("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
         const toolClassName = index$1.classnames("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-        return (index.h(index.Host, { key: '3c36f09dcdb6b1f6f56e3dbfb7a673e77b3ef6f9', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, index.h("span", { key: '21057a05d374a8803a8c28b9a5ff133146a5806f', class: className, part: "avatar" }, showImage && (index.h("span", { key: '99c45973ba401b828bb140a5d61bfd9929340033', class: "avatar__image" }, index.h("img", { key: '95ad28f353923ceb60205f36086784c733ef461b', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (index.h("span", { key: '66de0845df06e63d53d6dc86223aff7da3a46bb7', class: "avatar__initials" }, index.h("span", { key: '28ca37f08266223e3ecfa461eb4c100a4b3adc41' }, this.initials))), showIcon && index.h("span", { key: '404230c35d5a1272ef94ae82a56391832904183f', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (index.h("span", { key: '90677bfa3d90d817357ced9087ccadf18644ff10', class: "avatar__icon" }, index.h("swirl-icon-person", { key: 'ddc8abcba3e8679aa16786cde144ce1fc2238460' }))), showBadge && (index.h("span", { key: '49a10edded6458c1eba7590e355a77e9d35e921f', class: badgeClassName, innerHTML: this.badge })), index.h("span", { key: '267f7ed319a57f571bf0d5d9b26877ce8ac69e9c', class: toolClassName }, index.h("slot", { key: '07f809b1dd6d911428daaddb626f75b7cf6ec40a', name: "tool" }))), this.showLabel && (index.h("span", { key: '5bfdcf03b6afedc2778009c898a3cde10c1959b3', "aria-hidden": true, class: "avatar__label" }, this.label))));
+        return (index.h(index.Host, { key: 'a6c4c3e0d9c306ff28c1a80dc52546228fca1eba', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, index.h("span", { key: '94f4224fca18e1e0a13f220f17ff16e3857d48d9', class: className, part: "avatar" }, showImage && (index.h("span", { key: '86584ed6e4bdd4e5eb8e74141ca9ef52a65e3657', class: "avatar__image" }, index.h("img", { key: '1db3a58ab870ae4832d0585b97f6a5ad04879e26', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (index.h("span", { key: '2e98b96482f0eb8b42a60307f8c67f1f20c67a7b', class: "avatar__initials" }, index.h("span", { key: '889baa8fe8289cd53091d916c4e8c618a5ef55e2' }, this.initials))), showIcon && index.h("span", { key: '9b33d1c1064a2fd990dbc457aa40462a4409383c', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (index.h("span", { key: 'b30ec094c0b0b69239bbc248d458c7fe7c615dbd', class: "avatar__icon" }, index.h("swirl-icon-person", { key: '24ba56fd170f85ec0a3172d5d2340496c168e2d6' }))), showBadge && (index.h("span", { key: 'f80ab2dd833ef93dbaa1f4f34fcf4698577ddc70', class: badgeClassName, innerHTML: this.badge })), index.h("span", { key: '11ed60620a61049c67e9145019702ba961efeee8', class: toolClassName }, index.h("slot", { key: '0cbeaab4de7d5be5baae9144a89340f4135b76d9', name: "tool" }))), this.showLabel && (index.h("span", { key: 'dcb6182cc688f2a8fde5ef1701bf0e928d3a6280', "aria-hidden": true, class: "avatar__label" }, this.label))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-badge.cjs.entry.js

@@ -21,7 +21,7 @@ const SwirlBadge = class {
         const className = index$1.classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (index.h(index.Host, { key: 'c938981e31370bb4416c224c132ac00fe4b60f45', role: "status" }, index.h("span", { key: '16cdacb8ab5e87a5258899f963640ab788e4a4e3', class: className, part: "badge" }, this.icon && index.h("span", { key: '69281f42c7ce44c57619886b2796b6bcd01f5267', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (index.h("span", { class: "badge__label" }, this.label)) : (index.h(index.Fragment, null, this.icon === undefined && (index.h("span", { class: "badge__label" }, "\u00A0")), index.h("swirl-visually-hidden", null, this.label))))));
+        return (index.h(index.Host, { key: 'd5da40b81526b3b205e8250b20efb829ecf2a3d5', role: "status" }, index.h("span", { key: '450074bef0b5751fa7608c159c7fc0cd10952358', class: className, part: "badge" }, this.icon && index.h("span", { key: 'e9f0f37242ad3e2bd513915311632fae41256d49', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (index.h("span", { class: "badge__label" }, this.label)) : (index.h(index.Fragment, null, this.icon === undefined && (index.h("span", { class: "badge__label" }, "\u00A0")), index.h("swirl-visually-hidden", null, this.label))))));
     }
 };
 SwirlBadge.style = SwirlBadgeStyle0;

package/dist/cjs/swirl-banner.cjs.entry.js

@@ -64,7 +64,7 @@ const SwirlBanner = class {
         const className = index$1.classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (index.h(index.Host, { key: 'be4bdebb17f5f9611c21c9eded65510ce2cf8427' }, index.h("div", { key: '2153f4b7cc6565e5a525f1131ce48b74ee2ebc7a', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("div", { key: '010865c0f43d00bfff18d7c510f48b191bb5b025', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (index.h("span", { key: 'e33800d612c9bf594e3db60acf599357b0851383', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '03e082a2db918623b06b1487fd2bdfc6f270e08e', class: "banner__text" }, this.content)), showControls && (index.h("div", { key: 'a2041ef90d239380260e150581b7b06ed5dbc4b2', class: "banner__controls" }, this.actionLabel && (index.h("button", { key: 'c8a469c6d1ac12a9ba66fc1b3a4fdf252aeb8c52', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (index.h("button", { key: 'a49e1ac3a5188b0344794fd93f7d5d56f3a520d1', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, index.h("swirl-icon-close", { key: '95f2d21a48eeb6c5cc845d1dc674502ed89a0467' }))))))));
+        return (index.h(index.Host, { key: '99250db7c15c3766f334835f30ffd56f0324a376' }, index.h("div", { key: 'd375cfcf81f60a07d9c2fea7723ba39485a53606', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("div", { key: '19d3d110506ed8937b427bc33345b33a07ba9947', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (index.h("span", { key: 'b5e388649193c97484dc10454e42996eaf4ac8e5', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '0a4471d71e533825f9f4956342a0e0e0e551db60', class: "banner__text" }, this.content)), showControls && (index.h("div", { key: '0065a44d9a2cc0eebd09c69a410c8eaa13a43c6c', class: "banner__controls" }, this.actionLabel && (index.h("button", { key: '9ddd441512126904853025979a7128ec1a8de0be', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (index.h("button", { key: '7bcafc0d0a32b34c00e012bad3dcfcbb01254cab', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, index.h("swirl-icon-close", { key: '3d21dac0ac18b5f99c9426233d46664dda149f72' }))))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/swirl-box.cjs.entry.js

@@ -123,7 +123,7 @@ const SwirlBox = class {
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (index.h(index.Host, { key: '3fe66bb155b98d59e332ccc874be031a02f75ca4', class: className, onScroll: this.onScroll, style: styles }, index.h("slot", { key: '48f27e0dd192e68a9605d97e3a685a2c89ec5cb0' })));
+        return (index.h(index.Host, { key: '9eb887b775004a6c938285b4713f7d42a76d63c4', class: className, onScroll: this.onScroll, style: styles }, index.h("slot", { key: '801d75966176bee2182fa524131d230e2ec273f5' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-button-group.cjs.entry.js

@@ -22,11 +22,11 @@ const SwirlButtonGroup = class {
         const className = index$1.classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (index.h(index.Host, { key: '3ba97e21adc41e84cc00510846c4afa0908a0346' }, index.h("swirl-stack", { key: '68274c5d09b125086e29a2c47351f66d1f2b6bc4', align: this.orientation === "vertical" && this.stretch
+        return (index.h(index.Host, { key: '62fdc66541bdbcc2d9ae974ff53feff7d4699651' }, index.h("swirl-stack", { key: '7227deb457a14162fe12dfae41c19a013b388253', align: this.orientation === "vertical" && this.stretch
                 ? "stretch"
                 : "start", class: className, justify: this.orientation === "horizontal" && this.stretch
                 ? "stretch"
-                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, index.h("slot", { key: '8116255c942708969132eab81ef8ecaeb2a29ff7' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, index.h("slot", { key: 'fdb01addb654c8f56dacf6a1ad2bb661a452ed0c' }))));
     }
 };
 SwirlButtonGroup.style = SwirlButtonGroupStyle0;

package/dist/cjs/swirl-button.cjs.entry.js

@@ -102,9 +102,9 @@ const SwirlButton = class {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: 'ec50c354c4a6047647366a6f628c6a77cd8c35e4', style: { pointerEvents: this.disabled ? "none" : "" } }, index.h(Tag, { key: 'b6b6e9d6e4720258779a90c2f07c4c034d7addb9', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
+        return (index.h(index.Host, { key: 'd6d3ce3dc37e1baae931a9889310d2b95d1e2a1c', style: { pointerEvents: this.disabled ? "none" : "" } }, index.h(Tag, { key: 'ddf5437dfcd007cd797e8c02b1755faaca0af7cb', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
                 ? { fontSize: "inherit", lineHeight: "inherit" }
-                : {} }, Boolean(this.icon) && (index.h("span", { key: 'd3d978cff96c7d1fcab00e7fae34b11cbb5c1ffd', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (index.h("span", { key: 'b233c5fc5ca4f89a90f7f7cdd7a8e8c34d1d4e64', class: "button__icon", ref: (el) => (this.iconEl = el) }, index.h("slot", { key: 'b5af0649f15c349eeacde2bbe6730ded1d7c6719', name: "icon" }))), !hideLabel && index.h("span", { key: '6652f55e0d2cce9dc6897d7eb26db48493b70b8c', class: "button__label" }, this.label), hasTag && (index.h("span", { key: '82ea4f82b99e3966081feeb88aada27dd90fef4c', class: "button__tag" }, index.h("slot", { key: 'a0e3276c4f51787f5970852cc4620056ea6bb539', name: "tag" }))))));
+                : {} }, Boolean(this.icon) && (index.h("span", { key: 'db012c0296c21362c90ba800a16f96292b745717', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (index.h("span", { key: 'f62b2479f0a236cc3bd49e636436c9b8ac86d59f', class: "button__icon", ref: (el) => (this.iconEl = el) }, index.h("slot", { key: 'c0e02250891e12f1f61fe6838da9d398f1d51119', name: "icon" }))), !hideLabel && index.h("span", { key: '6d08f04545e0227873c57731bfe5c62726a28ee2', class: "button__label" }, this.label), hasTag && (index.h("span", { key: 'dba345465a93e5bba27c72878db5830316ddb84b', class: "button__tag" }, index.h("slot", { key: '267c787320f98ffc06a1393660c0a6dd4bc75c74', name: "tag" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-card.cjs.entry.js

@@ -93,9 +93,9 @@ const SwirlCard = class {
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (index.h(index.Host, { key: '8960d67072f02f102f00b69b0967dae41ea7d5ab', styles: { height: this.height } }, index.h(Tag, { key: 'f2dff01ee8d98b008a190f2176f9899cc2889e91', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (index.h(index.Host, { key: '478f476dd1540d6717515b98275f8b844869fd7c', styles: { height: this.height } }, index.h(Tag, { key: '8e92bef0024a98a95b4ee57b14fc8f6774646279', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, index.h("div", { key: 'd151fb7e77abc0b37185600cf2ba35ed15e35444', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, index.h("slot", { key: 'b67664c6c62d9d7eae24f1b8391b9e647d833efb', name: "image" })), index.h("div", { key: '64eb79d9e82e3b05511c1ab484c948add6742055', class: "card__floating-controls" }, index.h("slot", { key: '7888a5a6f28f883fa9b704230c728a89f055e12d', name: "floating-controls" })), index.h("div", { key: '309ddc2116d9638419800863b42edc1f7cc1a831', class: "card__body", style: bodyStyles }, index.h("div", { key: '134cc12bafee8ff048b081e765804a2240da5d0c', class: "card__content" }, index.h("slot", { key: '47af946472d86c3afc9672ded29b858551a76757', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, index.h("div", { key: '31c2805728761dfcb0c52a40ca35dde8db717395', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, index.h("slot", { key: 'acad13c8d0ae94025b38efdceb3f57c08c46e1ea', name: "image" })), index.h("div", { key: 'acb6863ba75f792b6b63d345d21a5501d2606ae9', class: "card__floating-controls" }, index.h("slot", { key: '4ea72ed42dfb59b4e2d6a756084a51731811ac8f', name: "floating-controls" })), index.h("div", { key: '58ec0bd8db851413e5f00bc7f68fe0c7c180ebdc', class: "card__body", style: bodyStyles }, index.h("div", { key: '8cca2590d51f405927f0632abe25e63e681e7175', class: "card__content" }, index.h("slot", { key: '012022e6119ae081a3fac9edade9c8f8789635ad', name: "content" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -20,11 +20,11 @@ const SwirlCarouselSlide = class {
         const className = index$1.classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (index.h(index.Host, { key: 'e75b302d0c27d9571444d6019cc2295ab86413f1', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (index.h(index.Host, { key: '9bc4985739dc192b039b2dea6524e1d561b89c80', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, index.h("slot", { key: '63794dea8f1ab9790b135a39eb9f84e004e4e349' })));
+            }, tabIndex: 0 }, index.h("slot", { key: '42d69c816388c933e8e7529e5eed0a7e8a65ffd9' })));
     }
 };
 SwirlCarouselSlide.style = SwirlCarouselSlideStyle0;

package/dist/cjs/swirl-carousel.cjs.entry.js

@@ -169,7 +169,7 @@ const SwirlCarousel = class {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (index.h(index.Host, { key: '1e26fcf73b92609c88ed3f702fe53e750e26f6da', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, index.h("div", { key: '02e7684b10d536d75a1590dfa162315307b01118', class: className }, this.isScrollable && !this.isAtStart && (index.h("swirl-button", { key: '0becf4dd5a8184cc3e25738bca97c266cee87a4d', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (index.h("swirl-button", { key: '08fe60febb3c9cc4c0c5747126277586d7f24e6e', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), index.h("div", { key: 'b421a6ef4b4c1870aefbb0e54d785811cfa701d9', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: 'e46a799bf218fd0ceeb4baa718c9d975e82f377a', onSlotchange: this.onSlotChange })))));
+        return (index.h(index.Host, { key: '455ff284d8c95ca37ebbfaa3efeccfa0a4eced53', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, index.h("div", { key: '576af4479a93ed30ac2ca67b4d32f3559f075125', class: className }, this.isScrollable && !this.isAtStart && (index.h("swirl-button", { key: 'e32e058989e1d95e36d97b58b8da8deebd9a8468', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (index.h("swirl-button", { key: '8544229fe77186f043315fbc50e463ebc84197bf', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), index.h("div", { key: 'ccccbc484f6ae31f2bf63782005bc994b42d325a', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: 'bbff9ce6b8c0e05002cf85d3955fb72acb309a87', onSlotchange: this.onSlotChange })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -55,7 +55,7 @@ const SwirlCheckbox = class {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: 'cf3e5aa42775aac75e4f08499cf762cb35687864', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '098d2d0509e46a530c5cb5a034d1512fb82a20eb', class: className, htmlFor: this.inputId }, index.h("span", { key: '6d6dbf85fc99f5b16e23b9b3884ccd3cf1e95baa', class: "checkbox__control" }, index.h("swirl-visually-hidden", { key: '6bfe18790ed2a36783eb27f5df531cf702440b8b' }, index.h("input", { key: 'd25db1141a3603555a2c8ce4636d0c31f11404cc', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), index.h("span", { key: '5a7ee20a4c27974aa85cab4c6fc4df6fe3e047f5', "aria-hidden": "true", class: "checkbox__box" }, index.h("span", { key: '2b90e1b1c1af1b5abbcc2da9cd92a6f8771da9b5', class: "checkbox__icon" }, checked && index.h("swirl-icon-check-strong", { key: '69f89ef7f9af74d6478cdcd1f45f0dc0e40779b9' }), indeterminate && (index.h("span", { key: 'abb3beb0868e23cca2dfd7b766ccb3e982453096', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (index.h("span", { key: '63519992e86d671a9b877d6b4efc5774faee8086', class: "checkbox__label-container" }, this.label && index.h("span", { key: 'c82b989c165ecf22b03c9ed046d52532bfed30e7', class: "checkbox__label" }, this.label), this.description && (index.h("span", { key: '7359cd851c8c410fc4ee8762922a21adaa6058f0', class: "checkbox__description" }, this.description)))))));
+        return (index.h(index.Host, { key: '678ea990bd9fe0d3db3c48372a7a34d48dff2d00', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '7034996fb426722179792d3a0c47804d137d530e', class: className, htmlFor: this.inputId }, index.h("span", { key: 'ca8596a7dd921f8ef3a7e60ed0d7c164eb94d4bc', class: "checkbox__control" }, index.h("swirl-visually-hidden", { key: '3ec6ced18278385e8e5fe4c84938cdd80397782f' }, index.h("input", { key: '83ceed4941de2152204ba4cc7ab207a4523ffef3', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), index.h("span", { key: '254e1a71e83e67415e571b9ae63076954e8a4f66', "aria-hidden": "true", class: "checkbox__box" }, index.h("span", { key: 'ec1004329eb2c8f074e7bb79deeb44b33e129841', class: "checkbox__icon" }, checked && index.h("swirl-icon-check-strong", { key: 'c0bc328e436dfac5309f5bc1410492edbf5396ed' }), indeterminate && (index.h("span", { key: '04c1f9c3bcd98ccb85671dec4616e1da03100789', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (index.h("span", { key: '51f607d635ce44a09a936f9809e7a3d439d9a981', class: "checkbox__label-container" }, this.label && index.h("span", { key: 'fc52f9ab78dc555ce4cad9f2f6e31720c84059eb', class: "checkbox__label" }, this.label), this.description && (index.h("span", { key: 'e1e07e745fea0d5be76ae92f463c5908172c8772', class: "checkbox__description" }, this.description)))))));
     }
 };
 SwirlCheckbox.style = SwirlCheckboxStyle0;

package/dist/cjs/swirl-chip.cjs.entry.js

@@ -57,7 +57,7 @@ const SwirlChip = class {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (index.h(index.Host, { key: 'f560cdad4c3f0c55b3d2ac10b19fbac5b20b5d18' }, index.h(Tag, { key: 'fb294108ab4910ee09840ceaf5eb350fb3eb5132', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, index.h("span", { key: '197c45a751c28a376183f620498f9576e5b2cf21', class: "chip__inner" }, showAvatar && (index.h("span", { key: '4810eaa36a411443ff8ac2d68638ae2a2e42b198', class: "chip__avatar" }, index.h("slot", { key: '9c1cfca4b04eebd73a9145c5771eb16e9314e787', name: "avatar" }))), showIcon && (index.h("span", { key: '99b902e7815b01e79a8c6347585a5ef6fc6c3e14', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'b7e7de490429f25f45348e2746bcd75be8be811c', class: "chip__label" }, this.label)), this.progress !== undefined && (index.h("span", { key: 'ff6870b703c8c087dc3b728fb1dde0455aea9026', class: "chip__progress-indicator" }, index.h("swirl-progress-indicator", { key: '4813ebd472d8c60cfe7de1330133915deb42cf24', label: this.progressBarLabel, value: this.progress })))), this.removable && (index.h("button", { key: '160475d7e28c3446a06066915c2b62ba1ef95905', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, index.h("swirl-icon-close", { key: 'e5c5ee4dada04ae33650ac748dce5f4b02791976', size: 20 })))));
+        return (index.h(index.Host, { key: '67ed7962107673d2b27886cbc6b22c451335ba4b' }, index.h(Tag, { key: 'ee65c5950ec0eb61037282966e60c47d113ecd4f', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, index.h("span", { key: '7a2fea34626f32eb01f09424ee77e663e03a4815', class: "chip__inner" }, showAvatar && (index.h("span", { key: 'ceacda3a0a82ab42a0eeb9016eef8d50fed975d5', class: "chip__avatar" }, index.h("slot", { key: 'f16326da71143e85dd6601038f6c22eaefab8e8b', name: "avatar" }))), showIcon && (index.h("span", { key: '9e2b3f42b74c210d2a6a4485f7ea2e4e81b9b442', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '7c51f843fabc323d4564f1af9baf978c262fec5d', class: "chip__label" }, this.label)), this.progress !== undefined && (index.h("span", { key: 'c1a1eb80d19f17af33532025e5130d624defba32', class: "chip__progress-indicator" }, index.h("swirl-progress-indicator", { key: 'aac475d0b313f0844511d6eb0b718e135013450e', label: this.progressBarLabel, value: this.progress })))), this.removable && (index.h("button", { key: 'f5da3e24bdc9b3c05ad2385250dea4472125765c', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, index.h("swirl-icon-close", { key: 'ed9878871eb6aa8755ee47fe7a44d06a55e39929', size: 20 })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -458,11 +458,11 @@ const SwirlColorInput = class {
         const className = index$1.classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '84cc3e16101043574dd4d30f7903ce92b034309c' }, index.h("div", { key: '439383e3e3384bcd255bec502a2df0dd5be1a661', class: className }, index.h("input", { key: '59edc6b99c9cb8cfecbb4d672584a37edcbad943', "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 }), index.h("swirl-popover-trigger", { key: 'f5f6ae99f40c8bc2dd565fa2114cc5aeb795ecae', swirlPopover: this.pickerId }, index.h("button", { key: 'aef319ab0793cc4882632d73a73ca38f9484a1ec', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (index.h(index.Host, { key: 'db984e1d6f60cd74d1b5b0b64d441e9d87e5198c' }, index.h("div", { key: 'b68c0b8c7c5e426959e2bcd9c6f0ecf79d8ad92b', class: className }, index.h("input", { key: '20a8d4adab4ce97069423829f8882c6ebff51b48', "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 }), index.h("swirl-popover-trigger", { key: '3e3b890953d2f6a86491ee68f8968b81b4c152ae', swirlPopover: this.pickerId }, index.h("button", { key: '0a962dde3571d8b59fcb333fe944faa545f29616', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), index.h("swirl-popover", { key: '948eb8d67e9497014133f4bf757d5a5c900ff83d', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: 'c6987312e10639e16573f8129fae48aa71b2d734', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: 'f182577c4d61d00aabb8547fa02c809ee8959243', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), index.h("swirl-popover", { key: '7549e1eeb25e478176999aba5fd22f8d1f7d9238', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '25ab3e99d518d2fb443ced81d7929d385e576dfe', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: 'ff1ad9a924e424c438d1784f8be2b6afaf939ae4', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/cjs/swirl-columns.cjs.entry.js

@@ -14,10 +14,10 @@ const SwirlColumns = class {
         this.spacing = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'eeb714d1d037de69f98c4bbab2ea398902676b75' }, index.h("div", { key: '4a858237059b5dc3f2bc6876dd409e9ad6411a0d', class: "columns", style: {
+        return (index.h(index.Host, { key: 'ce1826ac58a146237bb04b85f2d9ac93acfcb2db' }, index.h("div", { key: 'bfd1b19b96669e972b6e9afe9e5c2fe60a49c934', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, index.h("slot", { key: 'f96512da44488cbffd69d57b065c6609bdebdb45' }))));
+            } }, index.h("slot", { key: '3e3f34b8aeb09057a17645bfca47cc4ade17cda2' }))));
     }
 };
 SwirlColumns.style = SwirlColumnsStyle0;