@duetds/components 9.11.0 → 9.12.1

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.css

@@ -183,26 +183,26 @@
 }
 
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:not(.primary) {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true] {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 42, 59, 0.2);
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover {
-  background: rgb(253, 247, 242);
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover:not(.primary) {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover.primary {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 42, 59, 0.2);
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva:not(.primary) {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva.primary {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 42, 59, 0.2);
 }

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js

@@ -57,17 +57,17 @@ export class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '739c2313d8b63e3725b695fbdc032bac89c316fa', role: "listitem" }, h(TagName, { key: 'adadd54d4932700168ef04c2a3fe2efa6d729fed', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: 'bf46329025604d972bc34c639050486fc750317c', role: "listitem" }, h(TagName, { key: '59a86221efe05afb386de7931b5b814430c49b55', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: '5b2dcab3c68a2d6526a08a30790e832ddde7bdfc', class: "duet-toolbar-icon" }, h("duet-icon", { key: '2fa1bdcb503a163afc13ce04435bc5b4f3d0812d', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '37644ec13cf2d7f181d329e3161f8dcb821e8f84', class: "duet-toolbar-badge" }))), h("slot", { key: 'ebebde75a3b70abf77687fb373cbf6c58629a77f' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '4517b4864aa9bf22e980a04697099afa8c7a0127', class: "duet-toolbar-icon" }, h("duet-icon", { key: '31654bcff2b54ddf04576ffd6fdc39ec4c0558c2', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: '15effba3bcf065aac1a18f203bd77710bd0fed94', class: "duet-toolbar-icon" }, h("duet-icon", { key: '698910e1228fc84ad5965edfec7a1fdb01b23ebb', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '44247cd65d2a6338d0e141646d5cccd5f175cf39', class: "duet-toolbar-badge" }))), h("slot", { key: 'a5f6209331d7e76536565dcdebfe59fdac76e7a0' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: 'a42fb7d0db4dbbfec1b8d23f67f111497c4a858d', class: "duet-toolbar-icon" }, h("duet-icon", { key: '70974166f99d7a31629b685f355fa57610f7f766', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: '3ffbd0f767d4b2978ba457eaa7ce079460c90733', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'ca9569dbfee6d37092b1c410bb3668ff0092f9ac', class: "duet-toolbar-badge" }))))));
     }
     static get is() { return "duet-toolbar-item"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.css

@@ -118,25 +118,25 @@
 }
 
 :host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
   background: transparent;
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover {
-  color: rgb(35, 46, 61);
-  background: rgb(253, 247, 242);
+  color: #172a3b;
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 42, 59, 0.2);
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.active.negative {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 42, 59, 0.2);
 }
 :host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative {
-  background: rgba(35, 46, 61, 0.2);
+  background: rgba(23, 42, 59, 0.2);
 }

package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js

@@ -24,12 +24,12 @@ export class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'b086076220eb09a4386d98a7c217a3bc384161f3', role: "listitem" }, h("a", { key: 'cae9f90b0646095039213af747294886a5c3ea89', class: {
+        return (h(Host, { key: '2d795b9691d8e662c306d83b74cdc36efeb8e8b4', role: "listitem" }, h("a", { key: '0f9b847c98d54e2a027b6b02e08eb95c40e71bba', class: {
                 "duet-toolbar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'cb28bc1e5a00ef1b0d2da61d3775ba587ab4f82d', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'f38a92c1ab6aaee7bb0ad107f838f7e69cc94aeb' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '32d964043e7ee301921032c18c565dc678cd8479', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '61e8c6e21293fbc114219864b3149a68ba5185b6' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-button.css

@@ -93,8 +93,8 @@
 }
 
 :host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }

package/lib/collection/components/duet-tooltip/duet-tooltip-button.js

@@ -39,13 +39,13 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = h("duet-visually-hidden", { key: 'b7177813a08a37ad9f907b83e6c9f9d36674d0d5' }, this.accessibleLabel);
-        return (h(Host, { key: '81aa419e92f4bb96c54f796f09eb6a8232bf2f6c' }, h("button", { key: '086e45aadaf28e4be700984b80ee58362dac0ff0', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        const visuallyHidden = h("duet-visually-hidden", { key: '2555b42d14b1184bd5676cc67868b1a9cdfbd822' }, this.accessibleLabel);
+        return (h(Host, { key: 'b65ee76b5e10b58cc10295bd81c97c965961c38e' }, h("button", { key: 'ae7df09813547331f52c1e5144edb1fbf2481f56', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
-            } }, h("svg", { key: '82acf06ffb29ff597454ef1f13560464b6350ef0', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bb515e9d28f639f8c3ab77f9c81008bcf49fe806', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: 'b47502c71c9460c6f52de0dd9cd8abd82d8de932', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'f1f85e9ebba06a5ee52ff59f67d245fdff51db2a', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
+            } }, h("svg", { key: '1ceed24d0753b41eb6ef88431d28b07586add533', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '46e6ab90def78612c5dbfae9680d55aea26bd505', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '57104a7bdbd3337ad0229bc787566caa8e56e897', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'bd15c659076d50f436d1334d201520826deb9ff7', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-popup.css

@@ -185,26 +185,26 @@
 }
 
 :host(.duet-theme-turva2) .duet-tooltip {
-  color: rgb(35, 46, 61);
-  border-color: rgb(248, 229, 217);
+  color: #172a3b;
+  border-color: #d4dde2;
 }
 :host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva {
-  color: rgb(35, 46, 61);
-  border-color: rgb(248, 229, 217);
+  color: #172a3b;
+  border-color: #d4dde2;
 }
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.top::before,
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-start::before,
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-end::before {
-  border-top: 11px solid rgb(248, 229, 217);
+  border-top: 11px solid #d4dde2;
 }
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom::before,
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-start::before,
 :host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-end::before {
-  border-bottom: 11px solid rgb(248, 229, 217);
+  border-bottom: 11px solid #d4dde2;
 }
 :host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb {
-  background: rgb(248, 229, 217);
+  background: #d4dde2;
 }
 :host(.duet-theme-turva2) .duet-tooltip-close:focus {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }

package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js

@@ -53,11 +53,11 @@ export class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: '383346120579b833a923a200b2baa089ba7a2d53' }, h("div", { key: 'c343c21aed1f1df35aba06270e5919061f7df658', class: {
+        return (h(Host, { key: '4afc9d8a5713f3f924775a572121129900d2803f' }, h("div", { key: '4078e38f6a7d8a941b4ab13b96e05a7c1bf1189b', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '01441bf589bcca42220f4cd54a124a7b52121510', moveFocusTo: this.buttonEl }), h("div", { key: 'ef36a407f268353dc2e4159e23c42fd5c7c58c0f', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: '4ba34c2b74a0a50b20fb489a849c7c95d464b015' })), h("div", { key: '3aad2e15e52d6867bb7e30542a00155cc7c38599', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '0ba437ba797e919ecb322c17deb246424f6ab725', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '48986cb318998bdca1e2f3ff972dc4f7c4ec833c', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'c4c0c635134152ef2cefbbc1600ddbc962dce627', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'c45294776d3286453d53d237070dbfed05a92a4e' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '22c7b63f2d3cfdc7e83af658828dcb2b07f16c04', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: 'ac4b85a9665b93f4dbfd985d753dbf9da029592d', moveFocusTo: this.buttonEl }), h("div", { key: '8b0df4aac716b54347179d8162858ddedb7b1aad', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: '01dd262d096caf24adcdbc441da6653babf5479b' })), h("div", { key: '0ea44ba7343535cb66ad68f35883de3d02947873', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '9678162aa8df92e7331615269d85ba54a4a11351', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'c5bdfbd938a2b7f3afbe62c97dcf3b08162248b8', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'b717c5104b68dbd37f98ade061215676be4074f6', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'f8fac7d9a9a0e5e1cb0e2da4e94aaf0e0e4eb088' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '940e103aaa832d480b9ba76c1bae9c35f5703ee6', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip.js

@@ -66,6 +66,12 @@ export class DuetTooltip {
             else if (this.direction === "right") {
                 placement = "top-start";
             }
+            // Especially if button is in collapsible choice, it may become hidden with popup still open, as
+            // click event propagation is stopped
+            if (this.active && !this.buttonEl.offsetParent) {
+                // Not closing via this.closeTooltip() as it calls this.updatePlacement() causing an infinite loop
+                this.active = false;
+            }
             const position = await computePosition(this.buttonEl, this.popupElement, {
                 placement,
                 middleware: [flip(), shift({ padding: 5 }), arrow({ element: this.arrowEl })],

package/lib/collection/components/duet-tray/duet-tray.css

@@ -176,13 +176,13 @@
 }
 
 :host(.duet-theme-turva2) .duet-tray.duet-theme-turva {
-  color: rgb(35, 46, 61);
-  background: rgb(253, 247, 242);
-  border-color: rgb(248, 229, 217);
+  color: #172a3b;
+  background: #fdf7f2;
+  border-color: #fbe1d1;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-tray-expandable-content {
-  border-color: rgb(248, 229, 217);
+  border-color: #fbe1d1;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-tray-button {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }

package/lib/collection/components/duet-tray/duet-tray.js

@@ -87,14 +87,14 @@ export class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'c32d9f03e188e98c61a067c9f822b3d9b732214d', class: {
+        return (h("div", { key: 'bf6e81e920b108bb0c1240e8c0f089378dc41d5a', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, h("div", { key: 'b2f375bf341985eddbd1f73a9f8bcca91e71f471', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '7ec7a250a70f0f88b4bd90b7aee8c49ea983043c' })), this.hasAdditionalContent && (h(Fragment, { key: '29f065277adfc340b084a3284dbf1d2a5c04e66d' }, h("button", { key: '1fe5fe56b9c5e6ae23af803a04550eab6de54d26', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: 'e11330501cf37fa81130a6f253839054c8c1e7cc', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: 'a7d1e403085e07dddeb510ff5d9a86fe8a22c78f' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '2bf5d16ab90c9d778e77e8e179dcaf8abbd7518c', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'c0a5a2cbbdda1c5b06b178f360be5cb5028d1894', class: "duet-tray-expandable-content" }, h("slot", { key: 'dade24ff919c36eced0bad87e43f38a256501bbb', name: "additional" })))))));
+            } }, h("div", { key: 'fe8e75d6af91e1674787158fe991825ebc2bcce4', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '5a841acf673365109d5d23d99aef671104ec2b3a' })), this.hasAdditionalContent && (h(Fragment, { key: '4ed1e0b7510573c770b2a21cc3f43cf4898d7373' }, h("button", { key: '4cb4fa89cd3c7c89687650e96849d60c6680c41e', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: '9b4e5f2fb96f99ec712b2bd8971f9725c72ae51d', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '4c49492147f864a874bf548f7d974db8512d3845' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '862a3afbc81a6051679710072344c7dbfe4f46c7', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'df95bc59dce98a608be748801748bfcf57eeb27f', class: "duet-tray-expandable-content" }, h("slot", { key: '4dd97cf777ef09ccbbdf61a5bd79f3405bf9d4cd', name: "additional" })))))));
     }
     static get is() { return "duet-tray"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload/duet-upload.js

@@ -753,10 +753,10 @@ export class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h(Host, { key: '3289ebfcf7be2cb204e3109f4bd774c023c1311b', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: 'd7df1dc6a9f7d71d9f2dc5cfea209bae0767111e', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '0cc5766408e69476d186039cce9325df4a0cea3d', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '8441562b8677278cadc9f054163de15716507753', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'd077aa4e3663bf9faca0ba05ec2dce5ba4666286', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: 'e70ef44d5bc02d5e0eefdd0cdd34ebc6323cd85a', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '16b0035978c73e97c5148ba569a318b2736f53e2', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: 'f500f8ede694b648fc115e2c9c0a575958c39bbb', name: "filefooter" }), h("slot", { key: '1ee35a65d6b56561a9c17f5a6dea294826eca780', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '37e7c183776e7103f0e68cf130fce9cdf0215055', margin: "none", size: "small" }, h("div", { key: '66ae65e6cadb22b5373cb54019885615facb8ea0', class: "upload-bottom-caption" }, caption))), h("slot", { key: '2e8ef445f7637398102d0be1547e27081c9ecf2d', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '0449ef097df354a51990e2694ce270b43e0920f4' }, h("duet-spacer", { key: '76fcd53d37a524972a778bd974d156eb03a9aba6', size: "large" }), h("duet-button", { key: '4cd5efca2ac98ee8ea478e9a7269a5d2e702b7ef', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h(Host, { key: 'f9ee10da87fd3355fcdd111de9f144c0d7c2b166', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '5a6c4b3035d050ce23a552a1c41979faa0c17cb0', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '432dc470d2efd214fe1d88d543c38f406a4e780a', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '52b0aab8690ef9199d1608041674a372e9a791c9', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '3b47a899fea671720085c8d3355cb7aa7b30189b', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '6e6d3af2664ebbbf73e244ef4693d7603d72da66', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '2ab9e83fb0412a27c031b264b9a677c2ec7c2595', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: 'd545f2932dc0c960ea21bafa8ba7ee2bfa592143', name: "filefooter" }), h("slot", { key: '50e7c76f552cecf4d61d629a51fd6b96777fb648', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '98e1b98cb84e96aa7cb4a974273c7fbf9d81db53', margin: "none", size: "small" }, h("div", { key: '422397c62df67cfac2908473e490429b6ce35188', class: "upload-bottom-caption" }, caption))), h("slot", { key: 'f62ca6af83cae8a0ad4c4ed2236c34b0aebf5e82', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'f9827fd2d5057ebe8a9206b9ae367e14382ea6b2' }, h("duet-spacer", { key: '726f7fe1442e5beaf238abda4f7b4b984f673230', size: "large" }), h("duet-button", { key: '72a8245cb718d0a29f7ffe155688bed7e118ce2d', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '2f4db6f88150427eb99c623c1404f0556848a3e2' }, h("duet-spacer", { key: 'd9a182225a80cf3b31272bc3f45db3ae7f8456a2', size: "medium" }), h("duet-alert", { key: '8d2209357e096a6c47fe1465d8ca66d900c8935b', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '4be261bd112017729973d2def23f9b384d11b556', "aria-hidden": "true" }, h("input", { key: '03b8b40bd9488b6de5091aa5ae46e4d146732f17', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '9b42acb8206cd9db5b01b839dc458f5be93d2c30' }, h("duet-spacer", { key: '8010d59d3fda9775fcfaac799a1d7923c36ca280', size: "medium" }), h("duet-alert", { key: 'd78bb705dbfee5d5f3d161f030680effa67c5ca7', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '37ab8ffec8b318cea26e2d538ab0653949211fb4', "aria-hidden": "true" }, h("input", { key: '195d6bf7e5360d3f10c3fc149927c9f911f11bf0', ref: input => {
                 this.nativeInput = input;
             }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
                 "duet-upload": true,

package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js

@@ -64,7 +64,7 @@ export class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '6103e8e2440fd8f218c74edc3e2596250b409a44', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '62c48599fbae0deb08fbf07cee0d31ceb98070be' }, this.statusMessage)));
+        return (h(Host, { key: '9685e13fa1fc7c234bb0e0c1f54badc3fd1b06bc', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'aeb1d5dcd04a29bb048877305ff3f836c401b62e' }, this.statusMessage)));
     }
     static get is() { return "duet-upload-aria-status"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload-item/duet-upload-item.js

@@ -80,9 +80,9 @@ export class DuetUploadItem {
         const { uid, meta, item } = this.data;
         const Badges = meta && meta.badges ? (h("span", null, meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
         const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (h("div", { key: 'b14fdbb2f16400a53a4269659df8ebf3e1cfec92', class: {
+        return (h("div", { key: '47b3f6734e4ec029b85e75707475f33cb344fe99', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: '65d197165ef566a815bfeccdfc85d21bceb92b1f', class: "item-categories" }, h("duet-heading", { key: 'a7d319c7697fbee37136fde75512a21d1ee7c7f7', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: 'ac4044e19bcd895ebbaf36ebfc0df98e8adf89d1', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '393e8d136d8feff8cc906eaa8717da986e79ecac', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: 'd5e95656970dbdb409b2334025380b8e91350a7d', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: '9f3245fc9798dd7ee33f3effd527cba287b2f0f9', class: "item-categories" }, h("duet-heading", { key: '4d6390d907e4f0be74cf5f6d0024b7e2cfde3b4d', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '78328ed91fcd4ea4388444334f2dab84f84667be', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '74ecff305108fc3131f5c0b38c1473420053378e', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '39b5f7cdc1a411c5aa933b3248f103835c272359', class: "item-actions" }, this.actions.map(actionItem => {
             return (h("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${getLocaleString(actionItem.label)} `, accessibleTitle: this.getActionButtonTitle(actionItem), ref: button => (this.actionButton = button) }));
         }))));
     }

package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js

@@ -8,7 +8,7 @@ export class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '81729e236a3e09d14d3277ea9b94888f01399635', class: "duet-visually-hidden" }, h("slot", { key: '3bb4693405e983049a265d5da7dbe012116aab45' })));
+        return (h(Host, { key: '114de21c2185f7ab3139c4013b977553a92c188d', class: "duet-visually-hidden" }, h("slot", { key: '51e6369be89e6cf0b6db34475754e25f82dc5eef' })));
     }
     static get is() { return "duet-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

package/lib/dist-custom-elements/duet-action-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-a3276bf8.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-7e303b62.js';
 
 const DuetActionButton = DuetActionButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-alert.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-ae60aedc.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-f0814752.js';
 
 const DuetAlert = DuetAlert$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-badge.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-15f4e6e6.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-de9060f8.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-banner.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-bc935fa9.js';
-import { i as inheritGlobalTheme } from './p-347269f4.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-aa47d8c8.js';
+import { i as inheritGlobalTheme } from './p-6f57e174.js';
 import { h } from './p-993aea39.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-77260ba8.js';
-import { d as defineCustomElement$3 } from './p-d9e0ed3d.js';
-import { d as defineCustomElement$2 } from './p-eafb360c.js';
+import { d as defineCustomElement$3 } from './p-ec27d97c.js';
+import { d as defineCustomElement$2 } from './p-e43cba09.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,
@@ -102,14 +102,14 @@ const DuetBanner$1 = /*@__PURE__*/ proxyCustomElement(class DuetBanner extends H
             img: { src: this.image, alt: "", loading: "lazy", class: "image", role: "presentation" },
             sources: parsePossibleJSON(this.sources),
         };
-        return (h$1(Host, { key: '0af3739adf8f70478714148e8c932e6c26034be1', class: { "duet-m-0": this.margin === "none" } }, h$1("aside", { key: '912afc7d42b05ef67242da0d0038e7b1892e420c', class: {
+        return (h$1(Host, { key: 'd279b27f54fba40d358a850d94118a0caa571737', class: { "duet-m-0": this.margin === "none" } }, h$1("aside", { key: 'fa270dd8231b5b22d2c0157105df3171fd56f450', class: {
                 "duet-banner": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.currentSize]: true,
                 "size-medium": this.size === "medium" || this.size === "large",
                 "size-large": this.size === "large",
                 "no-image": !this.image,
-            }, style: bannerStyles }, h$1("div", { key: '4213a9062ef79c32430faf2230b896cdcf686fab', class: "visual" }, h$1("div", { key: '28cc855a769f28823c4501268ac578dc00d177be', class: "image-container" }, this.image && h$1(DuetPicture, Object.assign({ key: 'ef1257956d87c2dd2e40a309d784cf92680ff193' }, pictureSource))), 1 > 2  , h$1("div", { key: 'c21b74c5b8af201787e8c502cab1fe5e7c6f11d5', style: bannerStyles, class: "brand-shape" })), h$1("div", { key: '8f2a9fa44b18a35442b056f6d52d73a3804dc536', class: "content" }, this.hasHeadingSlot && (h$1("div", { key: '7003386020f8944006ea5c7f8479aef1908f4773', class: "heading" }, h$1("duet-heading", { key: '3bb18ccbae1989efaaf587de4985e01aa50db691', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, h$1("span", { key: 'b32d9f049c16b5521ad96d823c6d2325c6a80b98' }, h$1("slot", { key: '83c445eca1d63aa91847fbe090eb8afdaec130d7', name: "heading" }))))), this.hasDescriptionSlot && (h$1("div", { key: '2a885bb4ddd277b9a56e00addc82784c469dcdfa', class: "description", style: { color } }, h$1("slot", { key: 'f79f7fdb5137692c0ffa3fa2dd6044f9f5a1f799', name: "description" }))), this.hasActionSlot && (h$1("div", { key: '21306ab0e66e7a6c5830df04387c89af2b01cfe8', class: "action" }, h$1("slot", { key: '7f9c1b80831ae7e2baa3e89ff91bd2802b4c4fb9', name: "action" })))))));
+            }, style: bannerStyles }, h$1("div", { key: 'c3cbef43ed49f67f5c429692c0d673f65341cbf8', class: "visual" }, h$1("div", { key: '6e1defb61acf399734e5843f100d17a467acc52c', class: "image-container" }, this.image && h$1(DuetPicture, Object.assign({ key: '9b8cf3946c557db548bf9e4a63a9f77e1a528eca' }, pictureSource))), 1 > 2  , h$1("div", { key: 'de431601a73be43d79f29e7e4cc4e943ae00e545', style: bannerStyles, class: "brand-shape" })), h$1("div", { key: '50f7a5fc5f4ade0905bc272e29e7d0c4912c1020', class: "content" }, this.hasHeadingSlot && (h$1("div", { key: '73cd6a4f3f4022f897df0ce57a2316043f403dba', class: "heading" }, h$1("duet-heading", { key: '1d7d47b81255653206534bb228d11e8eee154c2c', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, h$1("span", { key: 'f340c4b1e80fdd5a64ed8d61512879b290662b37' }, h$1("slot", { key: '2041e9d5b57a5adb5a325e4bf2052cece9d59d83', name: "heading" }))))), this.hasDescriptionSlot && (h$1("div", { key: '77bee71dfd8d16749a238336fb0ca182dc6da387', class: "description", style: { color } }, h$1("slot", { key: 'bc10b7a951bf3ca738bb2214d4f78a2258f373d3', name: "description" }))), this.hasActionSlot && (h$1("div", { key: 'c842a4bd1a20ff10617c0df53b0491e897de4371', class: "action" }, h$1("slot", { key: 'a17d57f164e2973eb0bdaa8902b93eaafdc3b96e', name: "action" })))))));
     }
     get element() { return this; }
     static get style() { return DuetBannerStyle0; }

package/lib/dist-custom-elements/duet-breadcrumb.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-bc935fa9.js';
-import { i as inheritGlobalTheme } from './p-347269f4.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-aa47d8c8.js';
+import { i as inheritGlobalTheme } from './p-6f57e174.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-d9b2e80e.js';
-import { d as defineCustomElement$3 } from './p-eafb360c.js';
-import { d as defineCustomElement$2 } from './p-1139f384.js';
+import { d as defineCustomElement$3 } from './p-e43cba09.js';
+import { d as defineCustomElement$2 } from './p-8d1c675d.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 
@@ -52,14 +52,14 @@ const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumb e
      */
     render() {
         var _a;
-        return (h(Host, { key: 'fb8525d8da1761cf7ec289bf2ebcdab006edcbaa', role: "listitem" }, h("div", { key: 'a2a3cf5e15c5ccb962c0da35ae1c4b9efab68590', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'bbf4f84cae4467ae42f85af283947d23f8649a64', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: 'e89ba01440a8d69033de4710b1c943c211c07e5e', class: {
+        return (h(Host, { key: 'ce25afc85f4fa959a8cd88cb591acd42d7f87393', role: "listitem" }, h("div", { key: 'b5f4ade11f8e37a327bbff935d3e8a26576172a1', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'cc5cbba9db41480fdff5cb004d0c4cb48b880f06', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: 'aaaad9dcf15ece43018bd7e86dadde054a2611e7', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            h("duet-icon", { key: '93d11f8f8eb831623d0157b205ed0b0745804ccb', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: 'fe74c144a1765dd1fe1de6d463892fa7470651fe', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: '5ad471b0521af2799e4ac7a5934d02e77e6be8d5' })))));
+            h("duet-icon", { key: '202c5d7994e69890df18e81a4ac135625cd24692', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: '022297392a31667e83c17cad6eace74e45155b19', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: '560aac88866a6ffd52def55072a66c42b723d43d' })))));
     }
     get element() { return this; }
     static get style() { return DuetBreadcrumbStyle0; }

package/lib/dist-custom-elements/duet-breadcrumbs.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-bc935fa9.js';
-import { i as inheritGlobalTheme } from './p-347269f4.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-aa47d8c8.js';
+import { i as inheritGlobalTheme } from './p-6f57e174.js';
 import { g as getLocaleString } from './p-d9b2e80e.js';
 import { g as getColorByName } from './p-77260ba8.js';
 
-const duetBreadcrumbsCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 75, 129)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(212, 223, 229)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(8, 42, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header{color:rgb(35, 46, 61);background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.footer{background:rgb(197, 29, 65)}";
+const duetBreadcrumbsCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 75, 129)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(212, 223, 229)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(8, 42, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.footer{background:#e61740}";
 const DuetBreadcrumbsStyle0 = duetBreadcrumbsCss;
 
 const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumbs extends H {
@@ -54,11 +54,11 @@ const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumbs
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: 'e40c7f2324bab83282f93d08c7543a6fbda0cd62' }, h("nav", { key: 'f399d4b1f69708cefacb29ea6360cd6dfabc0c28', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: 'c18c1b190d84d59e7640e129fe8500d5b1ee0f44' }, h("nav", { key: 'd09579ff6e9fcf5dd2d1f6f7175a7a7287b1426b', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: 'ce6966271f4abef55194c0a47a3b4a0b7ceb652f', class: "container" }, h("div", { key: 'd6ddbc6527ff4de43ab048479a66959ce6a79f77', role: "list", class: "list", style: { color } }, h("slot", { key: '7e18d5f338e0313e997f6796208328fa841649f6' })), h("div", { key: 'c2cd24eb1795af2aad5b56a9497a579346b3e4c9', class: "bottom-border bottom-border--container" })), h("div", { key: '97fc1ae51d8e3d2063d79f07b875920725bb5e1e', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: 'f39b499a378334d1c88882b51e5a15fe5cc5988b', class: "container" }, h("div", { key: 'b602c47a4ad8328e19b3c90be514c89fe2a9d2cf', role: "list", class: "list", style: { color } }, h("slot", { key: 'e8ffb9bd6a302954230e50e8c09bbfa3463dc0ee' })), h("div", { key: 'd41150f4444aafeeab50b12fa7c7d5a7e6ea62d4', class: "bottom-border bottom-border--container" })), h("div", { key: 'fc8d3ef9763c6bba056964997db9c6da733c0836', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return this; }
     static get style() { return DuetBreadcrumbsStyle0; }

package/lib/dist-custom-elements/duet-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetButton$1, d as defineCustomElement$1 } from './p-543f99f3.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-b5858313.js';
 
 const DuetButton = DuetButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-callout.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-bc935fa9.js';
-import { i as inheritGlobalTheme } from './p-347269f4.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-aa47d8c8.js';
+import { i as inheritGlobalTheme } from './p-6f57e174.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$2 } from './p-eafb360c.js';
+import { d as defineCustomElement$2 } from './p-e43cba09.js';
 
-const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}:host(.duet-theme-turva2) .duet-callout.duet-theme-turva .author,:host(.duet-theme-turva2) .duet-callout.duet-theme-turva blockquote{color:rgb(35, 46, 61)}";
+const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}:host(.duet-theme-turva2) .duet-callout.duet-theme-turva .author,:host(.duet-theme-turva2) .duet-callout.duet-theme-turva blockquote{color:#172a3b}";
 const DuetCalloutStyle0 = duetCalloutCss;
 
 const DuetCallout$1 = /*@__PURE__*/ proxyCustomElement(class DuetCallout extends H {
@@ -35,11 +35,11 @@ const DuetCallout$1 = /*@__PURE__*/ proxyCustomElement(class DuetCallout extends
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (h(Host, { key: '6ff31c274248d365aca970c4e45121be580da7af' }, h("div", { key: '322bdf154b041ab1ec721021f668e52371fee91f', class: {
+        return (h(Host, { key: 'c91e41e1945e8f27494b91fd35f647cb5ffb8dbb' }, h("div", { key: '298b7e17c53fe0866f0d2b03faa4f5c748346515', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: '40790b7c44b4ee3a34a71d6ef0beb37b6fd6a4d2', class: "container" }, h("duet-icon", { key: 'bb56fef27123e9067f797d2cda9efad69cbbceb5', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: 'f8c76a1ea16947bafb7831897f8f07fb45112668' }, h("slot", { key: '513d3b47def761dfd445d5d0302266b8dbbeb0fd' })), this.hasAuthorSlot && (h("figcaption", { key: 'b10664d604f41b24b0665e4c408408b2bc55c3fc', class: "author" }, h("span", { key: '080d91a9e3496544dbcdec79aa4d5ea0f5736f32' }, "\u2014 "), h("slot", { key: 'b6f21e38600829d5cae75b6f1987796abb0dbd16', name: "author" })))))));
+            } }, h("figure", { key: '4f2662755dcfe69e2a163ec28266379e75b1884b', class: "container" }, h("duet-icon", { key: '7af2e8622e0d5a324ec7b4cc7bf255448f9f15e7', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: '3c5f18fd30f32f27142ae7cec979a632184530b5' }, h("slot", { key: '44fe2d6d2f35d14e511c0541166c6812cabde651' })), this.hasAuthorSlot && (h("figcaption", { key: '8f2b94861c1b3f5b8344913be3cdf595df30ce86', class: "author" }, h("span", { key: 'cd37d73f30038b88c30757f7829d871d0e339e6e' }, "\u2014 "), h("slot", { key: '1ac4d4a157377339c864a540bef83e6c6d5ac588', name: "author" })))))));
     }
     get element() { return this; }
     static get style() { return DuetCalloutStyle0; }

package/lib/dist-custom-elements/duet-caption.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-4c285b52.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-06ac6648.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;