@getflip/swirl-components 0.527.0 → 0.529.0

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-work.js

@@ -7,7 +7,7 @@ export class SwirlSymbolWork {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'b23c2a00840b95facd0c92751180d7783e209f04', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'ec14a36ac12de64f8b5bbce7f22198b4eb1e4a29' }, h("path", { key: '0a380361d3e946b3969cf4c44768cee05f4fd50f', d: "M20 6H16V4C16.0009 3.73709 15.9498 3.47661 15.8496 3.23354C15.7495 2.99047 15.6022 2.76962 15.4163 2.58372C15.2304 2.39782 15.0095 2.25054 14.7665 2.15035C14.5234 2.05017 14.2629 1.99907 14 2H10C9.73709 1.99907 9.47661 2.05017 9.23354 2.15035C8.99047 2.25054 8.76962 2.39782 8.58372 2.58372C8.39782 2.76962 8.25054 2.99047 8.15035 3.23354C8.05017 3.47661 7.99907 3.73709 8 4V6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15107C2.99296 6.25147 2.77287 6.39892 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.2346C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.73709 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76962 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15035C20.5234 6.05017 20.2629 5.99907 20 6ZM14 6H10V4H14V6Z", fill: "currentColor" }))));
+        return (h("svg", { key: '1d92eccbf1bf18b3b66f1c504e6de99c324fdcfb', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '0cbd2dc71a4341ef3209fe37eeb061a86d1f582f' }, h("path", { key: '459e23513aed875599a233d7b4fbba350ed9aec5', d: "M20 6H16V4C16.0009 3.73709 15.9498 3.47661 15.8496 3.23354C15.7495 2.99047 15.6022 2.76962 15.4163 2.58372C15.2304 2.39782 15.0095 2.25054 14.7665 2.15035C14.5234 2.05017 14.2629 1.99907 14 2H10C9.73709 1.99907 9.47661 2.05017 9.23354 2.15035C8.99047 2.25054 8.76962 2.39782 8.58372 2.58372C8.39782 2.76962 8.25054 2.99047 8.15035 3.23354C8.05017 3.47661 7.99907 3.73709 8 4V6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15107C2.99296 6.25147 2.77287 6.39892 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.2346C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.73709 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76962 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15035C20.5234 6.05017 20.2629 5.99907 20 6ZM14 6H10V4H14V6Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-work"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-xing.js

@@ -7,7 +7,7 @@ export class SwirlSymbolXing {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '687fc32e5362634f958548cc262124bc1a5ef239', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'eba482bf0385a1c6bca776e53654063461e028c9' }, h("path", { key: '23a0a050522ad1cfb2fe3c20384d901da71df931', d: "M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z", fill: "currentColor" }))));
+        return (h("svg", { key: '86171e74cdfab99767e1a50d15cc47618d7c0f69', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '1254eeaeac5e4b87d35185dfa0b4f59923a11127' }, h("path", { key: '2f0fbd5519f458ac9996c5b4708e9999ed80f537', d: "M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-xing"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-youtube.js

@@ -7,7 +7,7 @@ export class SwirlSymbolYoutube {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '283a30508fa3f08ad71a55ab6c35efe8109afb6f', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '0af27ae6eb98a906772e447f2a8b7fc259ebe8a4' }, h("path", { key: '87b73e06fe60de7cad2658465af49daa51082ff8', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
+        return (h("svg", { key: '196151963c26198bb31f069b51c4bf2600296403', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '0bc1d378a6f133093d7eca81c161a69e25594448' }, h("path", { key: '4bbce2b30c4b2a51860010125696b15986d92182', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-youtube"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class SwirlTab {
     }
     render() {
         const className = classnames("tab", { "tab--active": this.active });
-        return (h(Host, { key: 'fde4f20eb0090df7b2ecf6c9b4c2f396773b8ca5', "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: '8a81fccbb75f28831f0ad460e0ce9da732463e95' })));
+        return (h(Host, { key: 'fa4be95c04f4e1576d9723598bc3c6082c6180b5', "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: '0a12aff1172585ac7ee31801d13ee1e47009a7e4' })));
     }
     static get is() { return "swirl-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,7 +55,7 @@ export class SwirlTabBar {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: '5bb40343763ee6ad52e369a3150322987a2c52d6' }, h("div", { key: 'b8b3829ab28e34dbb212eb724a35656cda80cd89', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: '32c72009b361c8a8073eca893363e3604586a278' }, h("div", { key: 'd351e22d18126c350c962168743c8bbce8ffe73f', "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

@@ -495,7 +495,7 @@ export class SwirlTable {
             "table--show-empty-state": this.empty && !this.loading,
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: '58cb39e970718c947af8fb05e49327f69ce52406' }, h("div", { key: 'ccc4d4c35f16a0250bca6473848ec928a20d69f1', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '984ee69c68a1f7ede7c68d11e08ab87677c75d8c' }, h("span", { key: '7a27389724c8c0d877c79af23589b637e44d5669', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: 'd17f542eac55c6da592fc2ab12d838e30ef318e6', 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: 'dd983c262ce853828b3040c9f97c510c769662e3', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '031594755193d7ca2e0f8624afd79ec38ac0dec7' }, h("div", { key: '7b76523681ef767eb7a5805cc45da2259d6b9ce5', id: "caption" }, this.caption))), h("div", { key: 'ac6f9ffa3703cbadb12b7384e8f897c5af9d0bc1', role: "rowgroup" }, h("div", { key: '5263be7e317340491ee5890a1a2e5d25fcba06d5', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '3171ffdd4027b3f32d2d2b110f55209c8bdc5e7e', name: "columns" }))), h("div", { key: '32c054e3e9f63439efb8f9cf9633f5b628a789e0', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '2f5b748c60f91dbe4df98d0f18b367f8292100d0', name: "rows" }), h("div", { key: 'b51e7e34b4d4e1c4044f9480a0a115393064d221', class: "table__empty-row", role: "row" }, h("div", { key: '1cb8061bef8a30965ea023b31dd0fcfac0276f26', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: 'e512da95e312bb19dca9b36e0092a0001810eda7', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: 'ab17ca80ff8a609d5eaa4addee7d3358791bc11d', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '16d0611e24b24ee9f79cc38e0095a67672d74c2e' }, h("div", { key: 'aec12bf6d94bef63f68acfaf028658254d01f181', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '0af23c204985e8578aee552beff188f5e599275f' }, h("span", { key: '0f4bcc195d7bd265c028b70604ba74b1531e3c25', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '77e6c52ecbf5e81d268b9c49364cbe166e8ba45e', 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: '21156e4f5d0a98c1c11cdab2c8d812833d1af031', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'deea452f4a44ffaf0f8472e0ba07446f555de0c2' }, h("div", { key: 'e0f7da4bf4009659451e3890827861a64045d740', id: "caption" }, this.caption))), h("div", { key: 'ce3b91d7709fb0b607cf3b4fa48f5d118d04ac4f', role: "rowgroup" }, h("div", { key: '15c9d000b9d69eedc6ca1285a9dcfa20ca2bec02', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '31f61474ba47292819e5fbaf655817ed28a03434', name: "columns" }))), h("div", { key: '2d5e8fab1af067c1eb59ad84db517113cc6935e3', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '47f0b034e0412de19194c87bf2dd1eea524af173', name: "rows" }), h("div", { key: '4b97574c5c5919c35fd5a9ce48a4b4dbb24d9518', class: "table__empty-row", role: "row" }, h("div", { key: 'e8d44d595d30450512ad57defb3c61fd77f2040a', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: '6551e8e625520b44e608a41e67d58e65a06c20d2', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: '7689d667f7574ddd4dfa3ad54d05906e1822c035', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     static get is() { return "swirl-table"; }
     static get encapsulation() { return "scoped"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlTableCell {
     render() {
-        return (h(Host, { key: '376aa5537bac87759a7dad7af262765cfa4752ac', class: "table-cell", role: "cell" }, h("slot", { key: '38c526ad9e884eeddf125c4c56938fe688086458' })));
+        return (h(Host, { key: 'fa51cd98e95e18244664faf44ccc0ff1f620a6f8', class: "table-cell", role: "cell" }, h("slot", { key: '11b2a3a45a0c477c32766b757d71383b05fe5da1' })));
     }
     static get is() { return "swirl-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,7 +25,7 @@ export class SwirlTableColumn {
             "table-column--sunken": variant === "sunken",
             "table-column--raised": variant === "raised",
         });
-        return (h(Host, { key: '56a69546db8dbd5233fff55c16a7f56c27c6322d', "aria-sort": this.sort, class: className, role: "columnheader", style: styles }, h("span", { key: '53af8c45f85e1ab805f95c77022483850ca4dfeb' }, h("slot", { key: '8817e0f568482f3b5c8ce027149a082c25097a70' })), this.sortable && (h("span", { key: '100e907905c4df26c1eec5300d8cbbe6ddf5e888', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '3c0b6ef134b06d4add186e5c761759aa64c9ea8d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '441cacfb5b3c1e9f58f2820f3aa2d17332a9c6e2', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '2b7440d3ae12872c302ae06a4f36ead38bef8b0f', "aria-sort": this.sort, class: className, role: "columnheader", style: styles }, h("span", { key: '4d824001b9ac246a40bba86c7159011af93516e6' }, h("slot", { key: '48446b51eb87e04a960ac86d14aa834c3d7c3e1c' })), this.sortable && (h("span", { key: '8cc98224f729be792b446b8e4b9343d8caa1a0b9', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '2707182822a2e1fadac9cf66792160c10e114570', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'b3fb438c01016dd2bad18ad564d00db89806db2d', "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-table-row/swirl-table-row.js

@@ -13,7 +13,7 @@ export class SwirlTableRow {
         const className = classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: '8df34c7d4a408b374af773e56cf352edd90283f9', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'b81af0f6b1e61c19b3105718537f1cf4d4465c49' })));
+        return (h(Host, { key: '1279b8d8e418107ba06fe356de96d13b3b9df3cd', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '34daf488bc7842c1c30ff934ec4118fc6f9a1e57' })));
     }
     static get is() { return "swirl-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,10 +38,10 @@ export class SwirlTableRowGroup {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: '2543cc89da2d65c1d93d0972b9af5dbd693d14c2', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'a401729393978ea625a83b8b21bfa69e98732392', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '6572cf49979be8a263d7a495ac01e1f9b34a30fe', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: '8b9860004e7a0cc30133520968efa4d27fd218bc', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '30dd307a1c5e7989c105c535f208efe3769c7a81', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'f60193f010f0329775a4378868b60ed98d518f9c', content: this.tooltip, position: "top" }, h("swirl-icon-info", { key: '9e05a508e7abde495145cd05d16dea83c4119966', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'c5a71149ed8b7da4e3809c1ced58cad56ceea7a5', class: {
+        return (h(Host, { key: '87755f75f396e375a7b3cbd1f92e8c1e51726f80', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'fc87602f1b57e0ce8b1af29a714395efe205931c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '6c0ce0556f2f659ffb714b3e10509809566712cd', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: 'bf0ffdf3b3357b0e4244a3ee7530c192886f8721', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '06a167fb85e62b92bab3cc1a343f649f02343667', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '3b4b12fb215328a8a01b2616e50ab8deed79b5cb', content: this.tooltip, position: "top" }, h("swirl-icon-info", { key: 'df4c7b2c0f40b4838a349f2ea94dc26298b731da', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'bab0e7f1177cd07e11c23f31aa197cce82de1772', class: {
                 "table-row-group__rows-container": true,
                 "table-row-group__rows-container--is-hidden": this.isVisible,
-            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '675823a60feb4e7c147c679a4ea644971bd4c49f' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: 'b4740d76d77f732b09223afa3d00a3cb72efa7d0' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -74,7 +74,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: '5106b9ffa7cf3f624e41ef1ab6a0399f9b5038d4' }, h("div", { key: '991b692064949e04cec4484baad7d9f30d1c2f89', class: "tabs" }, h("swirl-tab-bar", { key: 'aac17d88f1ecce6e86176d67642bf4c2e5ff0064', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: '0dae860036fa83febc712e2d833f0dfc793124cd' })));
+        return (h(Host, { key: 'ce48e6eb94f9417f1b6e39ab30b5a6ba808de688' }, h("div", { key: '4ca8acf095c37c31f36a312ad9cd540b759c6987', class: "tabs" }, h("swirl-tab-bar", { key: 'd676323d74d149e64e718d7916ebaa42183bd9d8', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'cc1b08248e7f0f467e205e0a29f9a20c7244bdee' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

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

@@ -40,7 +40,7 @@ export class SwirlTag {
             "tag--hide-label": this.hideLabel,
             "tag--interactive": this.interactive,
         });
-        return (h(Host, { key: '9637cdd4b1ad7b0dccb5c04a0ddefd8ee2325f7a' }, h(Tag, { key: '99dc3fb14fd345e4275bb8442be97fd254080c30', class: className, onClick: this.interactive ? this.onClick : undefined, part: "tag", tabIndex: this.interactive && this.el.ariaHidden === "true" ? -1 : undefined, type: this.interactive ? "button" : undefined }, this.icon && (h("span", { key: 'ee15018f6a8aa37397f235e7e10c32a567cc63d7', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !this.hideLabel ? (h("span", { class: "tag__label" }, this.label)) : (h("swirl-visually-hidden", null, this.label)), this.removable && (h("button", { key: '63fe4e28921608f31474a7a2698193b83cd065e9', "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: '51d9a82d4a1632c4b990e14ff170d14eeb3c2b45', size: 16 }))))));
+        return (h(Host, { key: '4ab5d9f7112162a8f3f2c6dbc3237dc3830ddb1b' }, h(Tag, { key: 'd690e8a0eb95291c61e04587230a235ad0c725f2', class: className, onClick: this.interactive ? this.onClick : undefined, part: "tag", tabIndex: this.interactive && this.el.ariaHidden === "true" ? -1 : undefined, type: this.interactive ? "button" : undefined }, this.icon && (h("span", { key: '19968e5bbef6e80830378a2c7f993cd89e332163', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !this.hideLabel ? (h("span", { class: "tag__label" }, this.label)) : (h("swirl-visually-hidden", null, this.label)), this.removable && (h("button", { key: 'f72194eaf3563457c2b51979186e55a710f0d7f5', "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: 'fc7194c146a8a94af6e501158ccfb49bb35c295a', 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: '8c79f4a91d37994ec7688132382e020621f584ca' }, h(Tag, { key: '7bac3b2004139bdc062db6e516bddf988aa176d4', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'cec08d6960f5e0acbceff329d3dba01b08f3eeff' }))));
+        return (h(Host, { key: '7876251f346121249f38d006c3d8a4ad7fa37327' }, h(Tag, { key: '62331a315bd3203bc9bd4f79709dd0f373fc44df', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '15e6057c97796a810d718c0b7d88c95af6453c3e' }))));
     }
     static get is() { return "swirl-text"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-text-input/swirl-text-input.css

@@ -161,10 +161,12 @@
   }
 
 .text-input__input::-moz-placeholder {
+    color: var(--swirl-input-placeholder-color);
     font-size: var(--swirl-text-input-placeholder-size);
   }
 
 .text-input__input::placeholder {
+    color: var(--swirl-input-placeholder-color);
     font-size: var(--swirl-text-input-placeholder-size);
   }
 

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

@@ -144,7 +144,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'c387cacc7ca580b2aa53a16002b42f163f06c640' }, h("slot", { key: '186dbdd4bb1edb766ff23234b87843cea2af4e39' })));
+        return (h(Host, { key: '930a9abf852ccc69aa23bd6efcdfdcd76426e2e8' }, h("slot", { key: '12f762f3bdba1fd9ac719d6a7e9899e4e3c0d4e6' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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

@@ -71,16 +71,16 @@ export class SwirlThumbnail {
             "thumbnail--interactive": this.interactive,
             "thumbnail--uploading-bar": isUploading && !isCompact,
         });
-        const imageWrapper = (h(ImageWrapper, { key: 'd50b4e0b417c12a91785081aa4f1bc352a7fbdbb', class: "thumbnail__image-wrapper", onClick: useThumbnailAsPopoverTrigger ? undefined : this.thumbnailClick.emit, style: isImageWrapperButton && this.cursor !== "pointer"
+        const imageWrapper = (h(ImageWrapper, { key: 'ea3f0c67da5935a39ab476559594d7604303746e', class: "thumbnail__image-wrapper", onClick: useThumbnailAsPopoverTrigger ? undefined : this.thumbnailClick.emit, style: isImageWrapperButton && this.cursor !== "pointer"
                 ? { cursor: this.cursor }
-                : undefined, type: isImageWrapperButton ? "button" : undefined }, h("img", { key: 'd350d5d2d8cfe9b5f1ab6278841729442a87c243', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
-        return (h(Host, { key: '54f03d81a80c38e07c937b9b40785e28cb71dbf4' }, h("span", { key: '32dfe5c663c42aa077640ef489aa817e234b4dc9', class: className, role: "group" }, useThumbnailAsPopoverTrigger ? (h("swirl-popover-trigger", { ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, imageWrapper)) : (imageWrapper), showUploadingOverlay && (h("span", { key: '0586adab6fc12da2602934d75b4c4d23415a76b5', class: isCompact
+                : undefined, type: isImageWrapperButton ? "button" : undefined }, h("img", { key: 'd140c9450394aeb51ba1f2e13a1bb73e7de0d6cc', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
+        return (h(Host, { key: 'c120e25611076bc68c6e26f92ec3a7ba9f3c33b9' }, h("span", { key: '09e46d5cca60f68a26443c7ded24d2db291f444a', class: className, role: "group" }, useThumbnailAsPopoverTrigger ? (h("swirl-popover-trigger", { ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, imageWrapper)) : (imageWrapper), showUploadingOverlay && (h("span", { key: 'ba91ae07e4c98811f65ecf89d6d0cdbd436a5a0d', class: isCompact
                 ? "thumbnail__uploading-overlay"
-                : "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '7b1835785ff99555249f39d15871b64579ed6e89', label: this.progressLabel, size: isCompact ? "s" : undefined, value: this.progress, variant: isCompact ? "circle" : undefined }))), showError && (h("span", { key: '8ca48915a313d0df60dcba89f01ea4d6af22f21b', class: "thumbnail__error" }, h("swirl-icon-error", { key: '09fc738d4235cbb592944d6af402aee514d44a6d', color: "critical" }))), showSegmentedGroup && (h("swirl-button-group", { key: '9d445d293dcda14f627afc905120849487400008', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '38bca3e45a6236e8e9dbb9e4a4b1d3d1a627e2ca' }, h("swirl-button", { key: 'a2de3116c2521ce02957a93eecb7f0551ead16ac', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, variant: "on-image" }))), showRemoveButton && (h("span", { key: '9f8ecc729770e0adf0d83280a1548b01a15bef02' }, h("swirl-button", { key: 'eee5fcf95f6c8e26c70dc320d44287fc44d6d45f', hideLabel: true, icon: this.removeButtonIcon, label: this.removeButtonLabel, onClick: this.removeThumbnail.emit, variant: "on-image" }))))), (showCompactEditButton || showCompactRemoveButton) && (h("span", { key: '1d4d9b1e99af884fdf526da7431f546c9aa827f8', class: "thumbnail__compact-action" }, h("button", { key: '66c6a07bef62f0c4cd3e865b364f768328e22f28', "aria-label": showCompactEditButton
+                : "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '1388cb3399939b1fe9029c5fb26f898d894f61f8', label: this.progressLabel, size: isCompact ? "s" : undefined, value: this.progress, variant: isCompact ? "circle" : undefined }))), showError && (h("span", { key: '9e8c53138b170c7d06f51bf79f8e66bab468ab59', class: "thumbnail__error" }, h("swirl-icon-error", { key: '88d70f137ed892f81eb367ec708b5ca5ccdba8ad', color: "critical" }))), showSegmentedGroup && (h("swirl-button-group", { key: '3948b9f02f14a92674334cf193ff42c3a5161f3c', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '1a12677f382b5b5e08210750ad3708db6be661fa' }, h("swirl-button", { key: '518c80493af5aa711307b4307dbea0136db56b3d', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, variant: "on-image" }))), showRemoveButton && (h("span", { key: '8c06c3dc5cb9f2898c4cc525ce4caa8a9e2286da' }, h("swirl-button", { key: '341ec503f6844d056658fe3e1ca55fb15e65f7f3', hideLabel: true, icon: this.removeButtonIcon, label: this.removeButtonLabel, onClick: this.removeThumbnail.emit, variant: "on-image" }))))), (showCompactEditButton || showCompactRemoveButton) && (h("span", { key: 'e748fb32c09ed85fe897d8408f43d075d23cd1ea', class: "thumbnail__compact-action" }, h("button", { key: '8d995e22627953e71cf7161d19d2625e87602c5d', "aria-label": showCompactEditButton
                 ? this.editButtonLabel
-                : this.removeButtonLabel, class: "thumbnail__compact-button", onClick: showCompactEditButton ? this.edit.emit : this.removeThumbnail.emit, type: "button" }, h("span", { key: '2e838262052add7aabb11362818cd66a4f8bd535', innerHTML: showCompactEditButton
+                : this.removeButtonLabel, class: "thumbnail__compact-button", onClick: showCompactEditButton ? this.edit.emit : this.removeThumbnail.emit, type: "button" }, h("span", { key: 'e6f8cfea63ed922e8fc4d38f0e4b22d7e79ab9b3', innerHTML: showCompactEditButton
                 ? this.editButtonIcon
-                : this.removeButtonIcon, ref: (el) => el?.children[0]?.setAttribute("size", "20") })))), showCompactMenu && (h("span", { key: 'b7e45d53381fe810725277da63bcb647551cb40c', class: "thumbnail__compact-action" }, h("swirl-popover-trigger", { key: '23cd2ab225e6fe94d803b700740727ea120274eb', ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, h("button", { key: 'f8a3ce47abf0a45d07cfc7303b015524f4512ed4', "aria-label": this.menuButtonLabel, class: "thumbnail__compact-button", type: "button" }, h("swirl-icon-more-horizontal", { key: '44a5108bc4afaec1c8e7e16271962d38e2cfbd4e', size: 20 }))))), showPopover && (h("swirl-popover", { key: '3b788c0311598d6c1c12fba4337917f547b69e96', label: this.menuButtonLabel, placement: "bottom-end", padded: false, ref: (el) => (this.popoverEl = el) }, h("swirl-action-list", { key: 'dd4943d4efd8e4fc4ed8b78317660958e2d83429' }, showOpenAction && (h("swirl-action-list-item", { key: '6f57197aa0f150bda2991874d59988a6778cb900', icon: this.openButtonIcon, label: this.openButtonLabel, onClick: this.onOpenClick })), showEditButton && (h("swirl-action-list-item", { key: '528938dd6f5f652aa41cc1f8390dcc00c36f0df6', icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.onEditClick })), showRemoveButton && (h("swirl-action-list-item", { key: '6f09fc77ec6b9f5a16e67c829c637db3369621c6', icon: this.removeButtonIcon, intent: "critical", label: this.removeButtonLabel, onClick: this.onRemoveClick }))))), showTimestamp && !hideTimestampForUploading && (h("span", { key: '8197352041a662f49fa290cbe3455d6ab13769fa', class: "thumbnail__timestamp" }, this.timestamp)))));
+                : this.removeButtonIcon, ref: (el) => el?.children[0]?.setAttribute("size", "20") })))), showCompactMenu && (h("span", { key: 'fd299281ea1712b3e2115c95d6d7eaf469e60074', class: "thumbnail__compact-action" }, h("swirl-popover-trigger", { key: '2bd27ee0e23bfe766646f2d0b1cffce9cb773c04', ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, h("button", { key: 'fee1b3be46212144f0ae707fc49a2ee1307a9b51', "aria-label": this.menuButtonLabel, class: "thumbnail__compact-button", type: "button" }, h("swirl-icon-more-horizontal", { key: '4a5bb72248b527fd87c84eedcf2a5f07d372aec6', size: 20 }))))), showPopover && (h("swirl-popover", { key: '67eb40b06977471d708abde705a62f9908de6e5d', label: this.menuButtonLabel, placement: "bottom-end", padded: false, ref: (el) => (this.popoverEl = el) }, h("swirl-action-list", { key: '68739c8265a07020bee47b07d75626fc3ea4002c' }, showOpenAction && (h("swirl-action-list-item", { key: 'd05c24d87a7c868eb9982ae46ddf168d261b54c5', icon: this.openButtonIcon, label: this.openButtonLabel, onClick: this.onOpenClick })), showEditButton && (h("swirl-action-list-item", { key: '8d30a6b23750f91b24bb6901b267586486e1d9ab', icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.onEditClick })), showRemoveButton && (h("swirl-action-list-item", { key: 'c3ea0265ccdcf808a18f5dd3f70ba59a20d600e0', icon: this.removeButtonIcon, intent: "critical", label: this.removeButtonLabel, onClick: this.onRemoveClick }))))), showTimestamp && !hideTimestampForUploading && (h("span", { key: '09656507322fe691fde8edbe7b91844417094118', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-time-input/swirl-time-input.css

@@ -27,6 +27,20 @@
   }
     }
 
+/*
+   * swirl-form-control's inline mode shows the label in place of a
+   * placeholder, so the input's own default placeholder ("hh:mm") must
+   * never render on top of it, including while focused and still empty.
+   */
+
+.time-input--inline .time-input__input::-moz-placeholder {
+    color: transparent;
+  }
+
+.time-input--inline .time-input__input::placeholder {
+    color: transparent;
+  }
+
 .time-input__input {
   display: inline-flex;
   width: calc(100% - 1.25rem - var(--s-space-8));
@@ -50,6 +64,14 @@
     background-color: transparent;
   }
 
+.time-input__input::-moz-placeholder {
+    color: var(--swirl-input-placeholder-color);
+  }
+
+.time-input__input::placeholder {
+    color: var(--swirl-input-placeholder-color);
+  }
+
 @media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
 
 .time-input__input {

package/dist/collection/components/swirl-time-input/swirl-time-input.js

@@ -161,7 +161,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'd1cc36a177a7d1a13d568e33399f6cdb7cc18ab6' }, h("div", { key: 'af03135976e9447b1124d96bbfd77e39a89ba5f4', class: className }, h("input", { key: 'ea008e9cec090d08a1903ba83e7a1a2a4bc79859', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), h("span", { key: '0f7a80e78293b62ccf7ab832eba62503f26661ff', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'b60097a2a20cf5aa045994529f13afb06263da2b', size: this.iconSize })))));
+        return (h(Host, { key: '03269e02cc3844ce5fdff0f241d7e2909ba872d1' }, h("div", { key: '9ad986344a8dba125c90a097691f8994cfeef83a', class: className }, h("input", { key: '0be66d3884528f751f52c6d6139262c8c7d0e210', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), h("span", { key: 'ef2448fe0d8113cc8f1842b014708f5f09963848', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '1acd26fc236a5c4343621660b4422eb925e37acd', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

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}`, `toast--action-position-${this.actionPosition}`);
-        return (h(Host, { key: '3bbeac633acfcf8ea9b34e6c5f382a2d5d167028' }, h("div", { key: '0d226caf4d8480b5e18a7a68909978038eb1599b', class: className }, this.icon && (h("span", { key: 'c023f0441a86a60f96e3246cff2f975c2d66341f', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'b37440cbb7031cdb39c5ab7ae70b3cc12f25cfef', class: "toast__content-container" }, h("span", { key: '65b785499a57274ac73205a88dcae45d0d30e89c', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'ccdef3c6f38cb2bd88bd9876710594b5e009b8f8' })), this.actionLabel && (h("swirl-button", { key: '05ea1a525aafdd29bc8174ef9f590e48ce92ef2a', class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" }))), h("button", { key: '71ff41b6b3715cf7b0c1bb3947120414094f8a87', "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: '67e4c3b781bd29ccc031a9019de8d4774713a0de', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: 'a0dbc188ced5c5d3eb2e00d21de97143376db128' }, h("div", { key: 'da67352733995b8a1465ea6e25b9aef8b75a17ae', class: className }, this.icon && (h("span", { key: 'd1bc5730cf21bbaaf6009fb046f79cb5e3f51c0d', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'dfe6ece5012fe401682e8b5e8577c93136079a7f', class: "toast__content-container" }, h("span", { key: '7dc75ae7db7f0b7c45008fec3cd5cc09edd2d556', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'e5e916620ba3eef875e59d80016b5dba96de4a8f' })), this.actionLabel && (h("swirl-button", { key: '3c59c9fa99cb7e95693a7d221e74222ae51bb0c6', class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" }))), h("button", { key: '2e201c2e26339b1cec7f0c700d1269a24e577459', "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: '34291adb75cc028bc19c1a1f4a2eae09bb4bc211', 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

@@ -115,7 +115,7 @@ export class SwirlToastProvider {
         this.popoverEl.showPopover();
     }
     render() {
-        return (h(Host, { key: '3b3254340783d824a13f6fce1bed7c784376d5f4', role: "status" }, h("swirl-stack", { key: 'e27363486128cfde2ecf5d20277bfe5974d1df4d', class: "toast-provider__stack", part: "toast-provider__stack", popover: "manual", spacing: "12", align: "center", ref: (el) => (this.popoverEl = el) }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'beae26cc9bad4bf02620821d99e96e30699c2374', role: "status" }, h("swirl-stack", { key: '9a97642ff7a29441893a66e0dcbbd0e84c27d738', class: "toast-provider__stack", part: "toast-provider__stack", popover: "manual", spacing: "12", align: "center", ref: (el) => (this.popoverEl = el) }, this.toasts.map((toast) => {
             const props = {
                 ...toast,
                 content: undefined,

package/dist/collection/components/swirl-toggle-button/swirl-toggle-button.js

@@ -13,7 +13,7 @@ export class SwirlToggleButton {
             "button--pressed": this.isPressed,
         });
         const ariaLabel = this.hideLabel ? this.label : undefined;
-        return (h("button", { key: '1d7f06fe533453dbfe319075fdecab44b961af74', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'fc44847f482647f3597269143ae83da2fbc5c2db', class: "button__icon", glyph: this.icon })), !this.hideLabel && h("span", { key: 'ffa330ac2bb7d048e8a8c69ffd098b7856f548d8', class: "button__label" }, this.label)));
+        return (h("button", { key: 'd042a67631b4cdb38c05d56475fbe02d0eb3f8b9', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'db69dbaec3eb165113ec213ea0395cdc75b4ec78', class: "button__icon", glyph: this.icon })), !this.hideLabel && h("span", { key: 'e23c7ebbb93f2b215fda4553d7c56e1112e086a6', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toggle-group/swirl-toggle-group.js

@@ -55,7 +55,7 @@ export class SwirlToggleGroup {
         const className = classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (h("swirl-stack", { key: '4fa4b23584713d39e50d9ca826f04a65a33662b8', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'f23d802cb7e3a45edc5a422ea1c7b8f0336755dd', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: 'dd9c485230f0bda3bdf4e109c1f3a5527db46511', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '3390e52462e88e3de01868f493bd9c9a3f770fed', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,7 +66,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '4976e353b8df6e70c241293dbba084b376677257' }, h("swirl-stack", { key: 'd145282f484e033a68dbaa4a78aa5fa0133334ee', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: this.spacing, wrap: true }, h("slot", { key: 'a1511560b214686ed229c09e54d0a79393e6f230' }))));
+        return (h(Host, { key: '73b1af3aced583df7489fed5d8fd87269b71958f' }, h("swirl-stack", { key: '53acf3a4c4dcdb67004ce0c685fbce11709a36ad', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: this.spacing, wrap: true }, h("slot", { key: '602437b7f5529bae90be0203362223527b56644c' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -152,7 +152,7 @@ export class SwirlTooltip {
         const className = classnames("tooltip", `tooltip--actual-placement-${this.actualPosition?.placement}`, `tooltip--intent-${this.intent}`, {
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'f72d398e8b0ffe35e6736a98e0c93322df8cc321', onKeydown: this.onKeydown }, h("span", { key: '823d22387edc37f4d9f62ca80171d425984fcbd8', class: className }, h("span", { key: '73ff0e71b320b369abd810083917cc810aa12bb3', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, h("slot", { key: '360acfdbee9418dffc4928e8f51d4a1a16f636f2' })), h("span", { key: 'da84c0c6a7837f53009bfcdef577319ba4980d50', class: "tooltip__popper", popover: "manual", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '1b5bb2034b315b49c7e1caf68fc73f21b3968b0e', onKeydown: this.onKeydown }, h("span", { key: '7f7a5ee5634cac2d8652f826f0614be1dc994e7a', class: className }, h("span", { key: 'c4ac19e50a3ca991f4e5a814eb2a71bb828a9e32', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, h("slot", { key: '4069069595ed74c9613b7bf0c449f33c13c847ea' })), h("span", { key: '76557a31870e9dddad8ca80d9a2010fd3b294f45', class: "tooltip__popper", popover: "manual", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -160,7 +160,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 maxWidth: this.maxWidth,
-            } }, this.visible && (h("span", { key: 'dea2834878343f30975c8f57b3d4359b6384931b', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '85aae2745219a97e1dd1b130b9b4ffbbd8493e4d', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'ed1aefbd28a10881c5b4a057b65b5e47eebda92b', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '16d4d3661053aaa6c315d66cbabf3074c24c43d8', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '52e85ff11eca8e56a135991ed20d0815e9520681', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '3a21f9cd678bedeb8fc4abbba91b1f0b94dfa9cd', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlTreeNavigation {
     render() {
-        return (h(Host, { key: '69456adefd23bf636a3df9437087211cba63f71d' }, h("ul", { key: '482166a957596e7dd69840a284eb3868b173a342', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '2203db0c03dadac8d16995ee98e2706b06b3697f' }))));
+        return (h(Host, { key: '1756239bfc5fab4f3def49144ec30439694d4a5d' }, h("ul", { key: 'fe78ce76b508d531aa2e5797ac845e0b7dd1b81b', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '0a375b7c1c28d8f57708e1afb777eab6595c8180' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,12 +89,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": this.hasCustomIcon || Boolean(this.icon),
         });
-        return (h(Host, { key: 'f734a6d8fe9ee94e4e1f4146ec15fff3d571fc80', role: "none" }, h("li", { key: '95959e6031174ba1708c13d8daa585ddae85faca', class: {
+        return (h(Host, { key: '6d04d1fc0e6819e60b244d1a97cf59645f6dfc4c', role: "none" }, h("li", { key: '37643532d0a7c47b697d76f56563442bab3d4221', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '26c194ad12d296f72033324c5084c29196866733', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '1403b580945410fd0affc7b934e8168394f57fae', class: "tree-navigation-item__content" }, this.hasCustomIcon && (h("span", { key: '65c9dd7c6f2f8fa60dbe17387fa95c670f418c10', class: "tree-navigation-item__icon", "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }, h("slot", { key: '0f204a6b8e6ce299151fc6dbded82972c99756a8', name: "custom-icon" }))), !this.hasCustomIcon && this.icon && (h("swirl-icon", { key: 'd862a978877c752e6b70b23471a66d2e4615eb27', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '40fc819ae4404bf7d51a74464dfb650ccf770c38', class: "tree-navigation-item__label" }, h("span", { key: '4b25ab30a63b363fbd4042a7684e9e8f743aee00', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '7aac93ca23021514007d56d986c40eb62423f285', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'd947b119831e6047e9c286d0df27e3e14c063393', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'a66a2b326845d1e6b89288fa879d4f7a852a5257', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'e48dc82646e567b650a22551307931d337fb7dd2', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (h("swirl-tag", { key: '168d31b91c9ba9d63ab5fe9f4ac591bd11ae0e23', class: "tree-navigation-item__is-new-tag", intent: "default", label: this.markAsNewLabel, size: "s", variant: "strong" })))), this.hasChildren && (h("ul", { key: 'ee9b538b189b730ef5182ccf7e17bce10218c7f4', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: 'adbe093a15b901129308a06fa0ccfedf3674ba8e', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '6ddb2a23bc8dc9637f8dccb10128c7a0870df063', class: "tree-navigation-item__content" }, this.hasCustomIcon && (h("span", { key: '1e65d7b714bd820c65cafc084a27b8866638e5a5', class: "tree-navigation-item__icon", "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }, h("slot", { key: '2de72cec64618eebd76bb875e7ec47437c914451', name: "custom-icon" }))), !this.hasCustomIcon && this.icon && (h("swirl-icon", { key: 'd289b9f071225c9b4497705cb17073abc5d96016', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'c96eecc41c80e738e198a4527b58b9f3a58493f8', class: "tree-navigation-item__label" }, h("span", { key: '4c4cb13be4c983c596bff3b6ea9a76a5ca92f381', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '9c1c732ac8a47957ad8ec9928a2f1f9b5a4ccb53', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '5671db4c4058ea7de2ef38a7a98120e76945c45a', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'cf70881946cbe2e9461a3f8658531fa8da38b29d', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '48a2f2feaadae653b73fc75d48e555dc6562ee89', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (h("swirl-tag", { key: '23f80de14a664a0e5b843d500facc91c98fe5979', class: "tree-navigation-item__is-new-tag", intent: "default", label: this.markAsNewLabel, size: "s", variant: "strong" })))), this.hasChildren && (h("ul", { key: 'b7092ab4bf21bc671f50613046e2c85dd5738560', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: '5ae1f92bb4043a69905d5145e1f0c1060b709839' }))))));
+            } }, h("slot", { key: '79b8086a9af0f89eab06d3785492564afeab2396' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -327,7 +327,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: '1d51b6b1613a1fa0b3baaa440df453cc04704a51' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '76f99e5f1150e434597f15742efc73b3ccf7da3c' }, h("span", { key: '198d943911f2b18286ba27770004f24686a8f547', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '9448e6968f5efa9161290b1f28e1653735b4036c', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'f186329a04387c0b3c2985d71af88d0ed5127473', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '5cfc3b36fe7ce8ddfda89b39a72aadc62239d4c3' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '1ebe624d048e836971b37e34e4cea99be25f2d15' }, h("span", { key: '4c6e51b98e51ec6fab26407298fc4287960d11b3', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'bd4285e2e0304766a3a7e250f9f57bfc8707292b', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'facf43a35b5c6844e642d88cbe69315efbb42731', 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

@@ -339,17 +339,17 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '799801188a287a9840062e11839a8110d0277867', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'a9d7dc43950f0a5669bebe1e987b53ff7c5bfbe9', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'c3c306c46d1d0e72bc15aa3d4c269bd991ed8685', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (h(Host, { key: '9e57ca8623777df2e68db5e4f124368a54832608', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: '79b39acfba6751039df7ebc3f3990fbb3fb390a2', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'fc013a6e3954aaa59b656cd8104e43a08942cdf4', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, this.expandable && semantics === "tree" && (h("span", { key: '128894c54b9787b2f68f696573007dd76ed9ed81', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '6b478f02e5f99cf10a160d1dad12b229f9b9acd6' }, expanded ? (h("swirl-icon", { glyph: expandedGlyph, onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon", { glyph: collapsedGlyph, onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'cf47f80489f16b33adcaf8ddcbd240a95f282cc8' }, h("span", { key: '59dca8b68dedf4989335060594556ee9eb153478', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'a72f38444e3c9eed91004452a87f6371309b2f87', class: "tree-view-item__label" }, this.label), h("span", { key: 'c9129679a11ebc44e1cad10b05d68eff7a41e076', class: "tree-view-item__tags" }, h("slot", { key: '98b912755ab5b46f46cc1417cf15205ab23539b1', name: "tags" }))), h("ul", { key: 'ac38c0a6fb60eebc8ff41546e1da4384b223d0a0', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, this.expandable && semantics === "tree" && (h("span", { key: 'ca705b472ae4456b5421401d016ff4596dcf50b5', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'e09b8eb77f06ffbb3456e7dc0ca38d22aaa3dd90' }, expanded ? (h("swirl-icon", { glyph: expandedGlyph, onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon", { glyph: collapsedGlyph, onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'b026d8f8d6322cf651da6b9522f6f9d84aec6da7' }, h("span", { key: '96163824f4dc898a03b2903e547dbb388ad60fbb', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'e64e31989a236550a135dea4d4d35576c5116a21', class: "tree-view-item__label" }, this.label), h("span", { key: 'e1743f64d0f5179fbe4b1cc2ca53844e0a3219a9', class: "tree-view-item__tags" }, h("slot", { key: 'fe73b932340858a097d35c6a4aa43a14c859b6e0', name: "tags" }))), h("ul", { key: '44953abc396948b111671a6e7a18aecd44ba8da5', "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: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '2fe60b3526dc2dcab583e326b02235e1e0b1bac6' })))));
+            } }, h("slot", { key: '601a5749bbada2f74550cd132908be74a0b14b58' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

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

@@ -4,7 +4,7 @@ export class SwirlVideoThumbnail {
         this.durationLabel = "Duration";
     }
     render() {
-        return (h(Host, { key: 'a1a76891aa14b43307a71d295fdf2bbddb5c3dfc' }, h("button", { key: '665f50ea2bd428cb7d5c4120528ecd9ee9531027', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'b765b946190b1245ad0defcd83ad2eae06fd12b3', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'db55ef4f4bd2a28b8700c27c655ab8d82333bf03', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'db7b928f7e0cdf7aa55d0b5103039b1d3d6381b7' }, this.durationLabel), this.duration)), h("svg", { key: 'f42741d0979eac89f6124e96b448c26c982b6158', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1918cda26000f56974f475326eb57e242f45855f', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (h(Host, { key: '6c02073e887cbf548aa646eedc927b88d03fe176' }, h("button", { key: '5047ca49f91983d46eb8fc85befe4d678a839f27', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'e768d83e1693b58a9423605bf4940a549b397fd6', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '02b7cef25d2e7f246a7be6f2f7cdd25f1d162596', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '33402d85462c87af1dc80ed4d813ea1860c49375' }, this.durationLabel), this.duration)), h("svg", { key: 'df28b5052f846ed5ef8383e227dd24a3c3e00343', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f31c15025d8907f1a93708144d556dd0bdd5e14b', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get is() { return "swirl-video-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: '1aa0aafdb301c13bc0170570b577345108d5e1eb' }, h("slot", { key: '958190a2e3194845c994b58024b25d8b5ed02f1e' })));
+        return (h(Host, { key: '11fc2e4fc5366a70d631cbdd6b50e876968611d5' }, h("slot", { key: 'fd6303cb46dcd96e2a88f79d31c4954226bd65a6' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }