@getflip/swirl-components 0.308.0 → 0.309.1

package/dist/collection/components/swirl-radio/swirl-radio.js

@@ -37,7 +37,7 @@ export class SwirlRadio {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '100c690d5b8866e9e599b27b7238e8c2ca96508c', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'ee6153fcd7b9ad8550e56684a7f8dec21f7de261', class: className, htmlFor: this.inputId }, h("span", { key: 'b731768b4d62070c5251de30874632f42335e77b', class: "radio__control" }, h("swirl-visually-hidden", { key: '79f31821d7a0f4a8f344a1fb51f8c62dd67d3eca' }, h("input", { key: 'd6efeabda48e1924cd2cecd60aea7ac4e0c36fa0', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: 'c753f129d8506eef1046c9f69b7bc81c87105ee1', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '745de19a1dfa1075cfb221681dfb05cbd0ec13ec', class: "radio__label-container" }, this.label && (h("span", { key: 'b437c9ad4119f380f5631f7969f3337945bedd9d', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'f44d34f76b7319c33c3011c6ff42cc2c8a5776fa', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '486983643077d2c94989693b83ca972156a28694', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'd0e68635aa7c7169f763255c0ebe7176282aa335', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'ecc529474f53c66deaefcfa989c35c8fece31b8c', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '1416580b5086d669c956b47ea68a729ff3e4470b', class: className, htmlFor: this.inputId }, h("span", { key: '9d2cbfaea6a972d778258746ff272bfa653c6013', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f0a0ec302a9e56aa958834e917d356e0421b8227' }, h("input", { key: 'b1fe45596defabf0b335c044436d358e38bdc58f', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: 'a9c68842a7e405b11f61e40b3ae31ebd591f0b09', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '73f46e14cd815a756573ca2cec1a99aeaf4a8335', class: "radio__label-container" }, this.label && (h("span", { key: 'f7fcec30c7a707eee1b5316b7fdc9fc4c27ccdab', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '503b33d790a25dace98c0799f14d0a146f40995b', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '075e9047be5b42286c02a6a210c31b8ccc467fa4', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'e4988cd411b219965b544bdfb63c535eae7af3a1', class: "radio__description", innerHTML: this.description }))))));
     }
     static get is() { return "swirl-radio"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-resource-list/swirl-resource-list.js

@@ -254,7 +254,7 @@ export class SwirlResourceList {
         });
     }
     render() {
-        return (h(Host, { key: '9cdbf7e982b7fad16ddde568da0ffd8cd229afbe', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'c673f945e917844046c6d97df7ae74750b27ffd8', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'd0db754c2f51e535a5f17cc6c25478fcbe7c6c52', 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: 'b63e230dcf9fd95576034611ae088f0768d4c300', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '6fda1e77604a0ac9fac43aa95937d1274926dd36' })))));
+        return (h(Host, { key: '49ea535f5acb9fc68e3ae1f7136b8dc6380d17d9', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'cc24d6e02aa79b0b0747892880b25dd3c7eaab16', role: "alert" }, this.assistiveText), h("swirl-box", { key: '0b7168d12e7c114cc05a572c95cc8b1d62a01130', 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: '98e4699a1280896d410219ba9438083abb502963', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '0239aabdc15dd9088a2bdc47f25a7d5ebce551ef' })))));
     }
     static get is() { return "swirl-resource-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-resource-list-item/swirl-resource-list-item.js

@@ -156,7 +156,7 @@ export class SwirlResourceListItem {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: 'dba563ccfce21fd0bdf87f8f970c6c368de5a384', role: "row" }, h("div", { key: '0fa0e2578e7f6b8bf6500f84389fba8a483bb80d', class: className, role: "gridcell" }, h(Tag, { key: '9ecc89bed26925125740c4c02673dbe9fa4feaa3', "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 && (h("span", { key: '01c7349268e6fdb135a6a41fcf29522b8a112863', class: "resource-list-item__media" }, h("slot", { key: 'd6aa58d73f26c54536f79ff5e4b1db14e270cb7d', name: "media" }))), h("span", { key: 'd240bf48129aebffc4d5135697547bf1b41bb7b2', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '9e87098fd6738cf2a3e158bff7f281ae6d49b366', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '25483b5b986d8f2c7a72b27fd06d0a33938f7a65', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '372eb1b0e328dfaef3ace6320d7a937354f63860', class: "resource-list-item__meta" }, h("span", { key: '9f90bbb431c0aa25609467a865b503236ab9a2f5', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '45ab81e3d6a8203ec69e857f74e9498023ea63d3', class: "resource-list-item__badges" }, h("slot", { key: 'd1afdb5262dbc03f14159912072e9c3ef4a21c4d', name: "badges" }))))), this.selectable && (h("span", { key: '4a26342beaf34ffbb3e3210b76c44a55991a44eb', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '460cb54db0405975abfc082f82673db8c4c21282', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '9afc4ea48861dab4a7e7f3cdad3268d07d27a04c' }))))), h("span", { key: '83eaca909478d7105b04ec659465519ca8c17353', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '648105d5982c765f38ad6b9d8ca6dfcb55d06e57', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '520fd38947f92c9e2f0a0fc3806e6d3ac925d3ad', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '24c0513133f9bbcd1fb349ea224731a8551cede5', "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: 'caff3db0cabeb8f08ead65294dd67cd45d42433d', "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: '3ff4db283081cc1d2da46cac766463b4e9170132', size: this.iconSize })))));
+        return (h(Host, { key: '3bc3fa72a1abff66fb5c3651fa9014588ac55056', role: "row" }, h("div", { key: 'bc5b097590569b20c6e3c12dc81579d1106b3154', class: className, role: "gridcell" }, h(Tag, { key: 'ebf3bbd3e7e43bb7eca43a08bd871e8e2bbbfe43', "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 && (h("span", { key: 'ba3f13bf18694ab2196e4a39f75c9c0f63aa8300', class: "resource-list-item__media" }, h("slot", { key: 'a984289394867903e6c6de0c4857df6c38af7abf', name: "media" }))), h("span", { key: 'eae163ca5e7872144ed2f88ad0ffb9c2ead37c30', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'ecf7765c077159faf1c635581f969f3ab854eacd', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '117cc94c6884e001b38c86255e8bdf80adc8b409', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '6ce54162920cffd718c2099537290e9e2e64af9a', class: "resource-list-item__meta" }, h("span", { key: '9021d55561a83a5b17bacf80a6c4efeeede0e1ad', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'f6c795ac584af2d38573167b3b3673d56867c8c1', class: "resource-list-item__badges" }, h("slot", { key: '7804eb9c844ef7320af6d0081590c343953058a2', name: "badges" }))))), this.selectable && (h("span", { key: '436f7ec288c6c934155dd063671a536a826b0ba9', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'cd29d807d629d145c65aac56105da892daa9ad92', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'de2514fbb35ec904896ccb0cf80b71f7722657eb' }))))), h("span", { key: '2a446937a24714758d4fc89c690189f0dd7b7ea8', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'f6edad002358c9c080c8da9c2f27bd6d33e30351', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '4b1b5cfb61c208bd0c3858356c69c7618d8c8e89', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'db5c75794ec64e4ee42ef72017da4265536981f5', "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: '2902462ef1a182de4887a97aabb68b8d98533410', "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: '8596f6557cdb8699b6f06b79e40170a166879b94', size: this.iconSize })))));
     }
     static get is() { return "swirl-resource-list-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-search/swirl-search.js

@@ -64,7 +64,7 @@ export class SwirlSearch {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: 'e5d45423d19b42859c37d8723f6c4761d01f5e1a' }, h("span", { key: 'bf261308994baa1c9f8947807b4f0bb7855aa5b2', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '8ecb35bf454180c88fce44401df3e7b0a5490c59', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '19c729319bbe35fdea7e6f9cc6e88ccf8228f23c', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '4941521c2884c3013140a361bbe45d49ceb8465a', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'a40f27990e564f238f0b826103f3b2274931699a' }))))));
+        return (h(Host, { key: 'a7859b9a8a23a03beec4af7ec219d9a95fba1f6c' }, h("span", { key: '0d9cbb82a89da665b9948c981ea58fe3b68b32ed', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '5ae31832e0eb44154c24b1b80f3f6bb05a9ad1fe', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '71f71fb17ce330b0b0c98c202986e89182007086', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '74678e90f90c46c438d15862aefc783f20fc698c', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'dcbc20c37c468c2d243373721fa5ca5868026c48' }))))));
     }
     static get is() { return "swirl-search"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-shell-navigation-item/swirl-shell-navigation-item.js

@@ -31,7 +31,7 @@ export class SwirlShellNavigationItem {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: 'e311f694f92a065cefac4485d49dd6718ecc83d1' }, h("swirl-tooltip", { key: '956d11bd7d650e3b5dc7744f7caf633f390cc7bc', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: '98bb1935f8da901a28d4147d2bef3351981524ce', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: 'fe5b80378cde4ba899b55171003a1191e0958a92', class: "shell-navigation-item__icon" }, h("slot", { key: '1ade7c3a1137b411e6e4ca2caf1b13cf5733f872', name: "icon" })), !this.hideLabel ? (h("span", { class: labelClassNames }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: '687078dc61fe9a0ab9472a7bffb342fc10d81c53', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
+        return (h(Host, { key: 'bd32bf0201b49b02c662883c7076db2089e67735' }, h("swirl-tooltip", { key: 'be244fc09bb9bdc2f6007c8c8ab6e6ffcb2fb0ba', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'ae7ec6c81a060514a60ae806c0c5add495865c3c', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: '9d7ffd440141773960fe472ef569dfc27284ac2a', class: "shell-navigation-item__icon" }, h("slot", { key: 'e26f718fb90678c20d26ae2bffb100d2b88b2ba4', name: "icon" })), !this.hideLabel ? (h("span", { class: labelClassNames }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: '30c17677a3e3a6bfe24e2ef5f481fd3a4075db74', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }

package/dist/collection/components/swirl-skeleton-box/swirl-skeleton-box.js

@@ -10,11 +10,11 @@ export class SwirlSkeletonBox {
     }
     render() {
         const className = classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (h(Host, { key: 'b899b5ef048af5a93a7253b86679d44545c00ee8', style: {
+        return (h(Host, { key: '65d4be69fbcae91b62c472cb157bf29fb5e0b873', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: 'b2b008b9f7dfb91cfb6d38badd1cc6f70b0f6ec8', class: className, style: {
+            } }, h("div", { key: '91a41ef2bf817f89f32acd7437066165a60afbaa', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill" && this.borderRadius !== "none"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/collection/components/swirl-skeleton-text/swirl-skeleton-text.js

@@ -9,7 +9,7 @@ export class SwirlSkeletonText {
     render() {
         const className = classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (h(Host, { key: '576de2c61c6b78efcb91a422cd0f43c3a97ffec1' }, h("div", { key: '758c258e1b71d648b5cf919912af7d33da6f74c2', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: 'cd382b0534a13aaf2d0ddde24de0513a3209612d' }, h("div", { key: '58da9cea7cdb232a076234c96e3e948c47822120', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
     }
     static get is() { return "swirl-skeleton-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-spinner/swirl-spinner.js

@@ -7,7 +7,7 @@ export class SwirlSpinner {
     }
     render() {
         const className = classnames("spinner", `spinner--size-${this.size}`);
-        return (h(Host, { key: 'b9b3d207892ecdee2d4cffd2b12bc38396b2bff2' }, h("span", { key: 'a66acbd9b7b479031676f2f1b1c93cf9abd5d81f', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: 'f7bc60060287bd5eae77c0f6cf14a5cc2489ffbd', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '3073dd49257a07cb6221af55c4e72495311a460f', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '809d7b43a0134aa2aee312b07d987db37b067e07', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: '838ff1a126e9ed31c03dc4e5bab70cc9a51bbf64' }, h("span", { key: 'e80e6f333fa8574fef772dfc7e6ec9528d3650fa', class: "spinner__label" }, this.label))))));
+        return (h(Host, { key: '2680fb6d083299db29bdcd643c48c841c4ce7b1a' }, h("span", { key: 'a8f9ceff28d842348dccd8f6886c020736623534', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: 'af4756184bf6bf92a8237f39f8e7c26f8a5c66c1', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '6f858a953c396b6ca15155cf1613293e45e97cf1', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '72542dadb2fb146ab157c2f62e2106237a67d855', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: 'abd6d4b2686927b236917a8101a3b422572dc39f' }, h("span", { key: 'f0dcf3869ea6f855a9ad0668f8b9b2b0c655f904', class: "spinner__label" }, this.label))))));
     }
     static get is() { return "swirl-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-status-indicator/swirl-status-indicator.js

@@ -7,7 +7,7 @@ export class SwirlStatusIndicator {
     }
     render() {
         const className = classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: 'd8b3a19ec64383becc9ff78cdcbbae1181481bf9' }, h("div", { key: '563db4438d3768ef4b4fa71d42bd1b832d6bb104', class: className }, h("span", { key: '15cd61b247ee6c23654bc8dab8b3ebcde8d302e6', class: "status-indicator__dot" }), h("span", { key: '7d23027bbbfda5a314918d8b5cbc32da7941f3f7', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: 'a7dafdd558077fbf887a921d7f94ae65cfe31461' }, h("div", { key: '8b1558f6315817f049bb285dc68b091643033c9f', class: className }, h("span", { key: '98817ade75457993cfd1f0ee28e5700d0bbf728b', class: "status-indicator__dot" }), h("span", { key: '4a41cffe5dddac9b01f6a9593595dd14cfd0ce54', class: "status-indicator__label" }, this.label))));
     }
     static get is() { return "swirl-status-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-switch/swirl-switch.js

@@ -31,9 +31,9 @@ export class SwirlSwitch {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (h(Host, { key: '8f255bccd4bc88951c9834b9f8be1c145ef8090c' }, h("label", { key: '97d8c29ba3e97195ba83c99d5e16c5a2c7aa2c33', class: className, htmlFor: this.inputId }, h("span", { key: '69360f3f113c17fc10eba9b943c299da3faae3d7', class: "switch__control" }, h("swirl-visually-hidden", { key: '9f977c34ae2c8b2f70e21e14b93bb3447c92e846' }, h("input", { key: '4772b2843ff727c7abb2b54fa1dadda40e2ca459', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (h(Host, { key: '357e35c0bd06c8d76a2263859913d076be428298' }, h("label", { key: '94f5c0efcce7ae8559159fc9f644c8a04c5f37b6', class: className, htmlFor: this.inputId }, h("span", { key: 'b6d8a72aefb12ed57914ff6f3ea6dbf1fbe8c3e5', class: "switch__control" }, h("swirl-visually-hidden", { key: 'a13db6c9deb3a1f8b363ecb57149e0cc4f0a74dc' }, h("input", { key: '6efe6d28ea975048a53a8a80644e21d501731f61', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
                 ? this.swirlAriaLabel
-                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '5d4d5dd10ca480c3b863c7b862614b019d48eaea', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: '54858bc0abd9a3ef7f6db6b2641efdb637ab47da', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'db5bed1cb25def8b8a3751afd0179dc7ad6a2df3' }, this.swirlAriaLabel || this.label)))));
+                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '5009c77351d1c5ecf902249c9e22fefeb6faf2b0', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: '29782f272dc929f6776b0833db27d604c8496236', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '36d2bc8c61fa4d8e6d587367bc43b8ec4899d38c' }, this.swirlAriaLabel || this.label)))));
     }
     static get is() { return "swirl-switch"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-tab/swirl-tab.js

@@ -10,7 +10,7 @@ export class SwirlTab {
     }
     render() {
         const className = classnames("tab", { "tab--active": this.active });
-        return (h(Host, { key: '2037d2cac5f6cc280e9b220deb201de3d1a3c7cc', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '2ec2d7b8afc11b96148c77c350a6c3edf928fa03' })));
+        return (h(Host, { key: 'b08defd1b30ac10da3384b85eecd617631e285ef', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: 'd5fd5e59ff4a68d580448908b72f15efdb94c0a7' })));
     }
     static get is() { return "swirl-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.js

@@ -60,7 +60,7 @@ export class SwirlTabBar {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: 'de865241359c2bf741201641d4e06f3278daae08' }, h("div", { key: 'e9a6266e4130a650b231d97e197b22672caa1818', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: '6066d102ed7194ff5612974ad34f4bd4e2762bcf' }, h("div", { key: '9cd1f5b63a9f5ceb8b1a5039e6667f4c6ca4d6e0', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

package/dist/collection/components/swirl-table/swirl-table.js

@@ -464,7 +464,7 @@ export class SwirlTable {
         const className = classNames("table", {
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: '09b174be606c7544afc1a0350c34647f250e2887' }, h("div", { key: 'c7b8511b628e624344a194729d51be68c8af9549', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'b9a1b656ad1e2fd141f79de2908ae67e8e620b74' }, h("span", { key: '66c94d304dd33f5442a79d68e549e32d6402a693', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: 'a689ca32427b7d052000fb43e73829d56ebd367a', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: '3bc369fd48ef45777b1b5ce58b6f1c17dd5fd722', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '71092e275836c8b76ae38284c2432756d72fee3e' }, h("div", { key: 'dc9ec137ceee0f1a08f888bd88457bc59fb3a201', id: "caption" }, this.caption))), h("div", { key: '418110d409e637bf9701df1d9a40154db35105f6', role: "rowgroup" }, h("div", { key: '8640b794b24888c60889f53994fe693e239b831b', class: "table__header", role: "row" }, h("slot", { key: '5f7d6d8389c03c4380fe7409e174c3796d1cd4ab', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: 'ad304251fc78b54d92d0fcf99a26710df2ce65fc', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: 'd6a34472226e07bd6677c1b41befcff1a6ea164f', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '0487f619a217e2b960e268843dc29276f05be8f0', class: "table__empty-row", role: "row" }, h("div", { key: 'a9eefa63d3bb2dc9a6ae6eb00ae124ed7aae133c', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: '541b0683037dcade368dae9133727e015fb53d90', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '1447881d1efde84e8841c6d1aff531f7bb024a5a' }, h("div", { key: 'dbdc20d96a32973be23fda71e84ea1ce07955b5b', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'a3fcfa3c03a4fdf24b5fa6d014b3d7236472d873' }, h("span", { key: '7c2ce1663e664c58f16342efff083079c8deb040', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '98e64f304653ea45e912a261077a2e39db3c7caf', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: 'e7a7e24ae63747c6bb0cd3418207fdb4bc65ef82', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '4537f9b33fae4531eb8a10e0bc136c2cea949423' }, h("div", { key: '060dc5318ffe71018a4e6bde3e51cce04769d857', id: "caption" }, this.caption))), h("div", { key: '61598f2ba60d9def94e0a7c30a24e3108c67fc93', role: "rowgroup" }, h("div", { key: '6fc736dce4c2c50b2fc815b6065123cd9927462c', class: "table__header", role: "row" }, h("slot", { key: '4519fee7ab6b45db0f93ffc0921350a1c27b036c', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: 'c4e8834e738d66abcefca20e22b52e2bc0b68d50', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '1df1d994c3f4f305bd3c6cdddb25fe6c28e560df', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '87b06f67bf19a91337bd05964aa9435327c366aa', class: "table__empty-row", role: "row" }, h("div", { key: '734d97aad4b8b7235e113f1d470ac8fa5ec7a1d9', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'b50a849e4fab6a8fdc100eb5db793fd2cb3aaa77', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     static get is() { return "swirl-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-table-column/swirl-table-column.js

@@ -22,7 +22,7 @@ export class SwirlTableColumn {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: 'a1cdd0846167d4e5a7e188e325bf9daeaefd1fed', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '2d6ffd6e1b6f34e597192593ea78de45955c93a2' }, h("slot", { key: '5496b4565c15a2ad927442c58f1a4de0e6dde751' })), this.sortable && (h("span", { key: 'fc76394a478d475590acb7c6f9e79791a688adf2', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '16820ff3a99a76a458ecc8c60c4e77fff34c01f8', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '6abe392ce6894e4229f7cfa6f0ee59525a7e1d17', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '12be8a43ebd5ff73f602be1e7d338e52ed37bf10', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '89ad09b2d1f03c5c7aed571bd841b4450bd3ad57' }, h("slot", { key: '4cb26535828152ec646c8cfaa5c75258c44f830b' })), this.sortable && (h("span", { key: '46bddd37f5de890dcbb1deeefe99a5fe64a1d270', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: 'd66664df0691719fd3732748da6974ced8292106', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '213168a8d1c74d8979b778bc7a1d8f689d9a3655', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     static get is() { return "swirl-table-column"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tag/swirl-tag.js

@@ -36,7 +36,7 @@ export class SwirlTag {
     }
     render() {
         const className = classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: '2f782fbec8529dff11436335f22d05aea0b3d277' }, h("span", { key: 'a28edcd74329b5ad41a841ea34cf64f5c0a0a3e1', class: className, part: "tag" }, this.icon && (h("span", { key: '8e6dd0047b2edc52a9ab0188c8670f229b68426d', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '7d3d017a67ee0b9381b202270bcd79c942047d48', class: "tag__label" }, this.label), this.removable && (h("button", { key: '926527e24d7343df1699d70c8c83680e41a4770a', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '4eae3d68adee266f586863bbe24cd777fec05a58', size: 16 }))))));
+        return (h(Host, { key: 'c9e0165b4ce7e54da1e0d8c019c23be5adf36e27' }, h("span", { key: '0748b03da59a2462b21032c8433ba7b5ee780098', class: className, part: "tag" }, this.icon && (h("span", { key: 'd837bc4fd0095f6c926287e89b1ad511e49cc32e', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '92387e9fc623f0b2be18509173b51d1e8e90f4c5', class: "tag__label" }, this.label), this.removable && (h("button", { key: '8784ddebf3f2b6b5d053ddc1c0780e3127e55028', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'da4ca93cd44e44cad789ba517fdec6ffb97ed96d', size: 16 }))))));
     }
     static get is() { return "swirl-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-text/swirl-text.js

@@ -54,7 +54,7 @@ export class SwirlText {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '588cf8450abc88e10fbcb5c4fdfd0fe2bc9dce8e' }, h(Tag, { key: '9f273ae090606167af8df32bc75a745f75d9fe39', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'dfe2e1e0d982b56f1fe8d15f26ee47912451e41f' }))));
+        return (h(Host, { key: '83e1fa2f130305615c7f3b5d0dd2c43be0678f4b' }, h(Tag, { key: 'e0722bc8f2d6546b2c67e5e3fa468bfad24d7823', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '1b0adbcb9aa029c05cfd9063a0721608ffbe3a1e' }))));
     }
     static get is() { return "swirl-text"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-thumbnail/swirl-thumbnail.js

@@ -29,7 +29,7 @@ export class SwirlThumbnail {
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '70d633293daa4727d056ff5593b06b42594741b3' }, h("span", { key: 'c917b6b73e7fe6d08edccce0df7e1ebe82d218bf', class: className, role: "group" }, h(ImageWrapper, { key: 'e2d58b6056d30281f5657074c0a51233746c8885', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '5c314bb57e29f3d68b6fe4a8acbcbc6133291a4d', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '2d2c1750282ed590bf5169d4d63f221de1621493', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'f4c966802e5fb8366e1d4b8a9dec56e409959000', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '9156cad0374725faa52c354aa84ee2ecef0c8e7a', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'fa5be31b495940d4114cecc9ec3d44db33e71b45' }, h("swirl-button", { key: 'cbbb4413b629fb5ee8f15325ea253900e023ce3c', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '57da319cce44eee3da58adf844f42c9d8d2c8114' }, h("swirl-button", { key: 'a8c27973d55760d9425e08192c7844900b9d515c', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '0ae403f7ad922e331cc32311336cbd7208cf5b62', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '93eb2159e915846817927346703c83a53f3843a2' }, h("span", { key: '46416900bb5be26f94349e779da20311c73fb99f', class: className, role: "group" }, h(ImageWrapper, { key: '30d8702c676215d64551d33a19d9c03c827b1a53', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'a2d5700bcb9c7ca134b4a74bb717ac1d3c0616b5', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'd5933f9e53855458805c293b1768d0cc9f8ae8c9', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'e7e90168d3df4a458966064176255b57abc149dc', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '85ec89d577b90c7e0c279372b1a1aa9e06609895', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '3c11a2245507ff1881e22ab0a36a948c8c7427b3' }, h("swirl-button", { key: '346a643cb09ce5cac3722dde9e0c7d25c4135fa0', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '50a9abceddfc76775a93469ffac69b5bf62ca16b' }, h("swirl-button", { key: '9222ce4a0e8bf2a49a8c6c1d51b04f38fda44809', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '1e6efaf133b81792778dee7346b594cabac766c8', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toast/swirl-toast.js

@@ -53,7 +53,7 @@ export class SwirlToast {
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: 'e6378b3539a37a6350557437d8855082dc92b0d1' }, h("div", { key: '6e383b3f4c4b3d9dec61823f1e06f2efcc2a7cb3', class: className }, this.icon && (h("span", { key: '1da6e96a78e1c110e45257e2bf8255c20a78d7a9', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '4e3a6f3889ef8f8ed991554bef7dacf907dd7317', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'e0c7861f7cd3e018c4aff3013b43e334c68be2c7' })), h("button", { key: '53e9d286e244006efa9967265edab176ff22fd7a', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: 'e5ac25bf77586d6ddfdae077d0e820dde9f57c3f', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '4e10fb63fb1be2e0ee05b35f4d6e40c5dff1e1ab' }, h("div", { key: '9b0a40561f9d22078f18e0ec648ec98a4ff26eeb', class: className }, this.icon && (h("span", { key: '8ec71ba2f631cd0c92f5082512064a68324ea85c', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'aa25c8b4b915f399ebc3ee43c8b43af31e74f4ee', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '51b7fd7dd4a5ba1cf323c7535e3efdcd05fbbf9e' })), h("button", { key: '68dd43b53a9a600db3c0380b0432221746d9fca3', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: 'b1eae00996c672014fc04ddef4f3a3f79408ccbf', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get is() { return "swirl-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toast-provider/swirl-toast-provider.js

@@ -49,7 +49,7 @@ export class SwirlToastProvider {
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: 'bed74179178a76ee81b8cc99f00a0eacc6e65b38', role: "status" }, h("swirl-stack", { key: '432034316e9e070b3be979bcc1f064ac62e414a1', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '1d56b15f712d5700eedf795fdd056f23829084e1', role: "status" }, h("swirl-stack", { key: '1b0caf3ba9b0a659f8584bdae98c9c390c70d6c5', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/collection/components/swirl-toolbar/swirl-toolbar.js

@@ -66,7 +66,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '81fa47de9bb8693b6eafb6e3bce5e0fc4b8cac1a' }, h("swirl-stack", { key: 'c73865391642535344946625b368891bb5d68153', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '5cf3d0a4b92756bb7aee03fea5d80ca3870b0ef7' }))));
+        return (h(Host, { key: '30b6d8f6f1839d8f1e6f230004d956b08833c72a' }, h("swirl-stack", { key: '9e3ff8f6292c3078f70bb08dc484bc3b164165cc', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '8655dd29f8f179f46f0a7fcf3ed496b674787590' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tooltip/swirl-tooltip.js

@@ -110,7 +110,7 @@ export class SwirlTooltip {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: '0a7e33b01ce2677d7d5d5ba8eb19fa6f87bfbb89', onKeydown: this.onKeydown }, h("span", { key: 'b6ae12ef412da3f7e9aadb80504897feb717f598', class: className }, h("span", { key: '8cc43a0ff22d82156725def8b69778d48953fa0d', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '3ec1c0b5d64b1db5f7fa7785157a0288c6e23b7d' })), h("span", { key: 'd52c1d0de7fa4196b5e606156b6c7acc2ef91484', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: 'f31fd2aa5375d28837f288d8ebe183a731cf8fb4', onKeydown: this.onKeydown }, h("span", { key: '941bd6dfebb68021f54a76a46cfc70cb56bf11a8', class: className }, h("span", { key: 'b609d1874e7d8fd6fe5012e50bd207c5f62a4105', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'a5c4cad650b61caa840a48cdb2b5a6a4caaf4ba0' })), h("span", { key: '33817affedade39695357af7be30c49b10aefe64', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -118,7 +118,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'eb70f7d5a40b3ad57d6d440352a69b71885e49dc', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '0ff4ec684f32d9dcb9db6da1b847acb899b9a1aa', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '8ebbf0e179465a476203f35504715220a816b431', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'e06042a958d0b44b0fdc265bb8cfd604238c62bd', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '39c15558c4e5913c3027ef8b39fd233cc1083199', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'b01230c6d816f50db3c50fa1d2fd05cce4ffbe72', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/collection/components/swirl-tree-view/swirl-tree-view.js

@@ -321,7 +321,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: 'fb8d4895d37cc0e06b72cc278f83a70719604b99' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'b71aee2c203ea29c975a5d5e10c8b3f9e0adfdfe' }, h("span", { key: '3e3fec89b78cf756eaac54112e0322b04ecfdec9', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'cf797589426c10f03c61aaac92a6ec38c58ed451', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '8a6033ea8c15e2ca5929d19a08fe325d4dd5f33b', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '439479abe7637e30013e1e052e158245d0243ca4' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '242fc0be8404eb8a3f4d322d019af88d043fb424' }, h("span", { key: '805333a7d57cdf977fb30cd7cf27fcdfea651b74', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'e8204ae95e46ab629de5d814578134fee52a0a87', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '1867ad4bb8916ca3b5caf36ad51bb623c221a4cf', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-tree-view-item/swirl-tree-view-item.js

@@ -323,13 +323,13 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '41d20f1600cf454930a6b5c3f9015484ad3444e2', id: this.itemId, role: "none" }, h("li", { key: '50893313cff01f2b631731643cbca4df13483e83', class: className, role: "none" }, h("a", { key: '80300bce973b614c4ec28df291a6d1770590db71', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '40214998f6dcb971f98180d435f8e25e3044438c', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '3aec21f677d64c57dbfe3719aa1dcb73ce04715c', size: 20 }))), this.expandable && (h("span", { key: '051975e396b9cbaa379ddbea9fd56e73c3b026d1', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '39e552987eead89174c0db2f6a069d53e13e3f3a' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '854ef9036f6c1e8c46cc32f63c48d3606f9d651b' }, h("span", { key: 'a120297ef20a63aab2131da4ee3062aa46283f07', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '0f62e8b9000ab3b894ca411ce077ffcdd5fe71a6', class: "tree-view-item__label" }, this.label), h("span", { key: 'e8a782b652b8dbd13265895de2c8d2cae49cf104', class: "tree-view-item__tags" }, h("slot", { key: '5d997a72f3513a1edc127a56d911d4ff70a5829a', name: "tags" }))), h("ul", { key: '823a2819c181b6582c2a4410ca8d8d097c32c399', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: 'b7a9a348e6aea87330021e1d4bd6c23bce87196a', id: this.itemId, role: "none" }, h("li", { key: 'f63bf1e904992c75614073b14c239ceb837c0d86', class: className, role: "none" }, h("a", { key: 'a3eed8176cf650199ff47beecc9ab3db72cd2317', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: 'b92d3dc5e256553dcc489f40969a75797ed850fc', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '758de6c0e75c5c7d342ff6c8bddfc34178ec4b99', size: 20 }))), this.expandable && (h("span", { key: '38ea673596ef76945ccb548a9573ddc76c8aa12f', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'e12035858cd3f23d9edbd70df6f39360cacd21b7' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '08399862cbc5ea59de04939af5e768e059e7881e' }, h("span", { key: 'c14a6f49ff5ab0a1a004e6e6e350386b858666a9', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '7062600b06dcb6b1a91b034656450bd3776d9d23', class: "tree-view-item__label" }, this.label), h("span", { key: 'e6d7ab95934e1eddf8dec2563f41085a5bf562eb', class: "tree-view-item__tags" }, h("slot", { key: 'f59e1293462306863b1d8f72b4a431c605f6a1d7', name: "tags" }))), h("ul", { key: '3b032c7783b94f607f998a139592f6132de40e9b', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '08d2f0a4b7e33b50b6f6907a3c1c5fce5a4fbd1e' })))));
+            } }, h("slot", { key: 'e53c108764aa69c9f588447b658a22fe13db3bd8' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {