@duetds/components 9.1.1 → 9.1.2

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

@@ -55,10 +55,16 @@
   justify-content: center;
   height: 100%;
 }
-.duet-toolbar.negative {
+.duet-toolbar.primary {
   background: rgb(0, 119, 179);
 }
-.duet-toolbar.negative .container {
+.duet-toolbar.primary .container {
+  border-bottom: 0;
+}
+.duet-toolbar.secondary {
+  background: rgb(8, 42, 77);
+}
+.duet-toolbar.secondary .container {
   border-bottom: 0;
 }
 .duet-toolbar.duet-theme-turva {
@@ -67,9 +73,9 @@
 .duet-toolbar.duet-theme-turva .container {
   border-bottom: 1px solid rgb(228, 228, 230);
 }
-.duet-toolbar.duet-theme-turva.negative {
+.duet-toolbar.duet-theme-turva.primary {
   background: rgb(198, 12, 48);
 }
-.duet-toolbar.duet-theme-turva.negative .container {
+.duet-toolbar.duet-theme-turva.primary .container {
   border-bottom: 0;
 }

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

@@ -24,12 +24,18 @@ export class DuetToolbar {
      * Always the last one in the class.
      */
     render() {
-        const variation = this.variation === "negative" ? "negative" : "default";
-        return (h(Host, { key: '7600688d2b7f3cf63474d71705af2630a04c9a5a' }, h("nav", { key: '9673ecc614b00413b228099aa0ca4ceec4260f0a', class: {
+        const variation = this.variation === "primary" ||
+            this.variation === "negative" ||
+            (this.theme === "turva" && this.variation === "secondary")
+            ? "primary"
+            : this.variation === "secondary"
+                ? "secondary"
+                : "default";
+        return (h(Host, { key: 'eefe1ccb55e157002c987d984645204ef1180dbe' }, h("nav", { key: '62efd79c042a659c4bbee9f62a61d22218c4e79b', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '60381599cb6eaedc773a667047a8893e96f3047b', class: "container" }, h("div", { key: 'c88cbc1def0dac05211916d6e8d9d0e4dd973abd', class: "list", role: "list" }, h("slot", { key: '4baa8024e241ff80607839bcb74a3b37cc00f82e', name: "left" })), h("div", { key: '89e025134ac6b299d17a839b128b1e9d4cebd0db', class: "list", role: "list" }, h("slot", { key: '382e9e3033e9c1034d10d72a8d441b1e249b93b4', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '45c6853e0ddbbd7d4e108dcd1a953cb3ec56f0e8', class: "container" }, h("div", { key: 'a842d519cb078cba8b4aca675ff55d3b2320e303', class: "list", role: "list" }, h("slot", { key: '7d034eb78a40ca22aeb9a6450d0fb70d418d03d9', name: "left" })), h("div", { key: '94a6e0def0e7d556721247f576605dc2fa0ccf1f', class: "list", role: "list" }, h("slot", { key: '3c7c48e9959fa7fc27577c89723f72d022c0a663', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }
@@ -73,15 +79,15 @@ export class DuetToolbar {
                 "type": "string",
                 "mutable": true,
                 "complexType": {
-                    "original": "\"default\" | \"negative\"",
-                    "resolved": "\"default\" | \"negative\"",
+                    "original": "\"default\" | \"primary\" | \"negative\" | \"secondary\"",
+                    "resolved": "\"default\" | \"negative\" | \"primary\" | \"secondary\"",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Variation."
+                    "text": "Variation. Secondary is not supported for Turva theme. Negative is deprecated."
                 },
                 "attribute": "variation",
                 "reflect": false,

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

@@ -50,18 +50,18 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'a03134ac9fe7d5f02b65f2e2d971ba2ae2917151', role: "listitem" }, h("div", { key: 'cdba6c57b783cf33ebb02779c157841d1f3a7069', class: {
+        return (h(Host, { key: 'c896db9b3ac2a4d10e400e67b7f31b6ecacb3737', role: "listitem" }, h("div", { key: '7f55d5535230767d71071a62c58f6754e8cafc1f', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: '6e9e598d0b050543edf965afa4a039329225bf30', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
+            } }, h("button", { key: 'ce96d8220ea871a3ab72bf615107174f6c0802e8', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
                 active: this.active,
                 open: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '994ca2b6041ac20bcf181d0a508d9af0544a49b9', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '1f5e46c63cc1de968f174d6d86319ee0d934089c', class: "label" }, h("slot", { key: 'e9f8b3231e608fb37d152cced5288b66f4ac4035', name: "label" }), h("duet-icon", { key: '131452437b2bdca148bff41a245be592715af9c0', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '868b963973203d0d10ce080b273d28a569d5d8c2', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '11582ddf116e08da6aa3ba54ccc2db6e4a395abb', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '74d8a298238f17ab10bc16d0073aeb0104699047', class: "label" }, h("slot", { key: '8df1bb703f76b2ef0460055c037bcfc4e842d10b', name: "label" }), h("duet-icon", { key: 'acfa3f2f7862089008f8d8b2eba95bb6dfef3aa0', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '718e2a52bf0c3579a1094991f83f2b9fd6e8491c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '1e6a4a1d661c39acf3c7a66fbf3c3532b897df6b' })))));
+            } }, h("slot", { key: 'ececcbe7ad87bdc55995ce8db36d464f47fefbf9' })))));
     }
     static get is() { return "duet-toolbar-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,11 +31,11 @@ export class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4af2710f36e24283c22b8c18882e2ffbd9087470' }, h("a", { key: '14042423bfb55754bf44164fade567d2cdd05362', class: {
+        return (h(Host, { key: 'd363a198149fd9a4c08eb181eaa1056d18c0898a' }, h("a", { key: '99aad91124922259990a94a28be6e94622eea6c5', class: {
                 "duet-toolbar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '045f0d9fb5cc474dcac7444658549fa290ba6243', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: 'b8383c9956ddbe65a5c6f5b94f267f3dc09aa27a', class: "label" }, h("slot", { key: '7ba816b6a70ed2cdcccdb91d166212c5b9f0770d' })), this.active && (h("duet-icon", { key: '0cfcee7e092007e149e6aac61a285f15e9abd39d', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '8eb9410146ab81b0cf902afb892e67f693a10be3', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '780d2b204def16a761608214698d0486905e7c3f', class: "label" }, h("slot", { key: 'bd1aba77300442cf2d08d04221e8b7a44c93d168' })), this.active && (h("duet-icon", { key: '26f6d4384f221713f8dc3b58945a77cecd2b746d', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,55 +51,71 @@
 .duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate {
   transform: rotate(180deg);
 }
-.duet-toolbar-item.negative {
+.duet-toolbar-item.primary, .duet-toolbar-item.secondary {
   color: rgb(255, 255, 255);
 }
-.duet-toolbar-item.negative[aria-expanded=true] {
+.duet-toolbar-item.primary[aria-expanded=true], .duet-toolbar-item.secondary[aria-expanded=true] {
   background: rgba(0, 41, 77, 0.2);
 }
-.duet-toolbar-item.negative duet-icon {
+.duet-toolbar-item.primary duet-icon, .duet-toolbar-item.secondary duet-icon {
   color: rgb(205, 229, 241);
 }
+.duet-toolbar-item.primary[aria-expanded=true] {
+  background: rgba(0, 41, 77, 0.2);
+}
+.duet-toolbar-item.secondary[aria-expanded=true] {
+  background: rgb(3, 56, 102);
+}
 .duet-toolbar-item.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";
   color: rgb(23, 28, 58);
 }
-.duet-toolbar-item.duet-theme-turva.negative {
+.duet-toolbar-item.duet-theme-turva.primary {
   color: rgb(255, 255, 255);
 }
-.duet-toolbar-item.duet-theme-turva.negative[aria-expanded=true] {
+.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true] {
   background: rgba(23, 28, 58, 0.2);
 }
-.duet-toolbar-item.duet-theme-turva.negative duet-icon {
+.duet-toolbar-item.duet-theme-turva.primary duet-icon {
   color: rgb(244, 207, 214);
 }
 .duet-toolbar-item:hover {
   color: rgb(0, 41, 77);
   background: rgb(243, 249, 252);
 }
-.duet-toolbar-item:hover.negative {
+.duet-toolbar-item:hover.primary, .duet-toolbar-item:hover.secondary {
   color: rgb(255, 255, 255);
+}
+.duet-toolbar-item:hover.primary {
   background: rgba(0, 41, 77, 0.2);
 }
+.duet-toolbar-item:hover.secondary {
+  background: rgb(3, 56, 102);
+}
 .duet-toolbar-item:hover.duet-theme-turva {
   color: rgb(23, 28, 58);
   background: rgb(245, 245, 247);
 }
-.duet-toolbar-item:hover.duet-theme-turva.negative {
+.duet-toolbar-item:hover.duet-theme-turva.primary {
   color: rgb(255, 255, 255);
   background: rgba(23, 28, 58, 0.2);
 }
 .duet-toolbar-item.active {
   color: rgb(0, 41, 77);
 }
-.duet-toolbar-item.active.negative {
+.duet-toolbar-item.active.primary, .duet-toolbar-item.active.secondary {
   font-weight: 600;
   color: rgb(255, 255, 255);
-  background: rgba(23, 28, 58, 0.2);
 }
-.duet-toolbar-item.active.negative::after {
+.duet-toolbar-item.active.primary::after, .duet-toolbar-item.active.secondary::after {
   display: none;
 }
+.duet-toolbar-item.active.primary {
+  background: rgba(0, 41, 77, 0.2);
+}
+.duet-toolbar-item.active.secondary {
+  background: rgb(3, 56, 102);
+}
 .duet-toolbar-item.active::after {
   position: absolute;
   top: auto;
@@ -122,7 +138,7 @@
 .duet-toolbar-item.active.duet-theme-turva::after {
   background: rgb(198, 12, 48);
 }
-.duet-toolbar-item.active.duet-theme-turva.negative {
+.duet-toolbar-item.active.duet-theme-turva.primary {
   color: rgb(255, 255, 255);
   background: rgba(23, 28, 58, 0.2);
 }

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

@@ -33,13 +33,19 @@ export class DuetToolbarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '11516108db5173962d464b171bda937ea1ee8a04', role: "listitem" }, h(TagName, { key: 'd96f7785b4b44b47427e42feaf67d421ec87b749', ref: element => (this.itemElement = element), class: {
+        const variation = this.variation === "primary" ||
+            this.variation === "negative" ||
+            (this.theme === "turva" && this.variation === "secondary")
+            ? "primary"
+            : this.variation === "secondary"
+                ? "secondary"
+                : "default";
+        return (h(Host, { key: 'be0a9608c45623e976d79e193f6f4255fad2812d', role: "listitem" }, h(TagName, { key: 'baeb9d0e203b2fc97983530d798121d4df7e9b7b', 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.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (h("duet-icon", { key: 'c8626052490a913781ed6584838b02d83155927c', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '5fbfcb6f90f3b361703c90848a164ca181fcc5b1' }), this.trailingIcon && (h("duet-icon", { key: 'eba6c7cb4e69d84bb484a7914b1a4846abadd5b8', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (h("duet-icon", { key: 'c77109ca570f1c6da5e3aef5a71a3c708d8962e9', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'e020d036269f7847cbd20c879c4d2267f312f6e3' }), this.trailingIcon && (h("duet-icon", { key: '00d90da73a2063c9990fd93f4aa0c613a7d0f52f', class: {
                 "trailing-icon": true,
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
             }, theme: this.theme, name: this.trailingIcon, margin: "none", size: this.trailingIcon === "action-arrow-down-small" ? "xxx-small" : "x-small", color: "currentColor" })))));
@@ -86,15 +92,15 @@ export class DuetToolbarItem {
                 "type": "string",
                 "mutable": true,
                 "complexType": {
-                    "original": "\"default\" | \"negative\"",
-                    "resolved": "\"default\" | \"negative\"",
+                    "original": "\"default\" | \"primary\" | \"negative\" | \"secondary\"",
+                    "resolved": "\"default\" | \"negative\" | \"primary\" | \"secondary\"",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Variation."
+                    "text": "Variation. Secondary is not supported for Turva theme. Negative is deprecated."
                 },
                 "attribute": "variation",
                 "reflect": false,

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: '7f5f647cab17b662b98eefc40871e9bbb1ea60ed', role: "listitem" }, h("a", { key: '0e23a4045370b6706ed875e15b6ae161127ad4b9', class: {
+        return (h(Host, { key: '258aa71d94e0e3959eef224ab891ceb4db3886ad', role: "listitem" }, h("a", { key: 'e3557495157f9c6212582f47cf027f1f8389d7e9', 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: '6945770c58a55dd974722d2966e26033f6417c6b', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '00cb434641f8e9399f667b5c2e772fe93e3f087c' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '28195a63fb2020c70155284152086fa6fd4be0a1', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '85fdc84a09716bf992dbb7325b9677ed74fec706' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,11 +38,11 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '409d3704a983f806173cea73c03d981054e3c6de' }, h("button", { key: '426df6b2d139b2fc0bebcdafb1e8ab3d1633bd92', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (h(Host, { key: '4be97c3001005d18be45efe72c3b80bab321580f' }, h("button", { key: '610f35f05d9c3caac636aa3d32dfda78df0a41be', 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",
-            } }, h("svg", { key: 'b7b5ed8d8cb3979f81938d3261c7049816e82062', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6b3d544f0f09ee64b358e6a8e9f1cc7a0dcdd8c9', 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: '1578bebdcebb5186e29c5f026a825616199dd007', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '7c8e34396e670e46b2640a507e24653fbf3485db', 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)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
+            } }, h("svg", { key: 'c8c4071751aaed98f301674b9dd26d5e1ed67033', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'beb7762d011e678668b723c8c362ad6fe09a7e71', 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: '2e18209c0945b8bbed7132d7c58e6987d195f936', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '0d2299a6de3f42d32be3268c9efeca24fea9f7b4', 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)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }

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: '0505ed0cbdfc2184bce129841b824d49f8001687' }, h("div", { key: 'fb29acd88d0b6f76e85fa8f86323c689e76a92bc', class: {
+        return (h(Host, { key: '5937d404a3288b6afe2b9c8e1d47147e96eef933' }, h("div", { key: 'bc2694a70963dabcaddce627d1abfe51dc36ebac', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '8c7134490cd4755b81c13f3315253046859c06b8', moveFocusTo: this.buttonEl }), h("div", { key: 'b7029cf387be46aa709fe235e3423a96e9708373', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: 'ee542792786783f96d8c642effad47b783d75795' })), h("div", { key: '025ac152bd807712198087beefd28ed6367ba4e9', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '6a7cf9e5e0e8041bb85296ccba14590e4ae160e5', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '32c2c7ea24b5fb24aff18e59e3e22068dd7cd275', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '20f6fcf5664b69ed51d6e181db1b0cc579e4b18f', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '503b472571ac81e165ae397c126a7596764d8316' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '3f291c5fcf7128f5f4ed13a0f870018f8f2e66e7', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '461ee4e709c80fae34d04f2bba0fd60e6305f594', moveFocusTo: this.buttonEl }), h("div", { key: '47e8f609387722060e93fc37558a219c2bad2ed6', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '64350c3d73d2560711890254d8be979f07c27f1b' })), h("div", { key: '0544215577fd0b4e6be97eadcbad8f58114ffb38', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '1076a224b4a4f9d455271245e7bd879689a96bf4', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'bf275bd1c1597e42ab29ce57338a37e8ff534bfc', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'e06529abd6465f5e65f57f85ba2392c1df82d59f', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '43cabf152e52e237b886642e66a30875973fac6f' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '47ef9a81ce996efe8d52d06f36799c5a4f3b26cc', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }

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: 'ae9c60e60a3726b586a877b713a636af350cdda8', class: {
+        return (h("div", { key: '422e3ef16e6442e5e64ddeb7cf159aba8480bb0c', 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: '8a8a2962dc7b033e4012197784bd17eb6e02077d', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '9066cb6a1a302871c8ceb810d5cb8a41d7309735' })), this.hasAdditionalContent && (h(Fragment, { key: '3b030ad2a029e5b2fe98ed81266363631cb33d54' }, h("button", { key: 'ae7c2f4461b852b81a211dda393d0282c677193c', "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: 'ac1a683905579c10d002075527eb35c76e10d63e', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '5af7e2f5309b52a853a83829030de0d654df2e3d' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '4dd0e99ace8bd247803f5cec969e73b64d93ea93', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'cabe5e2ae0f180ef813e9bb5456054393853e1ef', class: "duet-tray-expandable-content" }, h("slot", { key: '58a36416006744197c5429c39ad7e296acdb0a12', name: "additional" })))))));
+            } }, h("div", { key: '2a123be4ba03f0ca7097365d9d28501f3e55dfb1', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '170a493490fc917470b22039d4d9205c4925ad48' })), this.hasAdditionalContent && (h(Fragment, { key: '398d11e06e1f271c565170e15ecb307741e1d9c5' }, h("button", { key: 'ee94b64530befedfd2d8388fd4ad18d49f32e1f3', "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: 'af7c543c625487955c4c06b3904ace9e0042bcc1', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '4800b309084526993db20f4e98b9ecd45e6831d0' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '7cd6e21a5665066901ea37827c47e5569bc9ff5e', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'a8912419d82f6acb7eb4e8c4de5a3b083ab059cb', class: "duet-tray-expandable-content" }, h("slot", { key: '9de06515af6bd91e8b82b45e7dfec1ead9b8092d', 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: '47088845ecb4eb7b0b6376abfb76fe4853e232ce', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '9174acaf5e4bb74a2a5e934f9472a8e0f81a00ab', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '33c273073b711205849af1b8747129df8f5a49aa', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '72e0b98ecb18243ace50165a56c54d4a5a1e80b6', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'f399240107a2d820d694464eb17f1f8f15d416d3', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '9fd58a29bf405ee57f265ae9203a841d227ad7fa', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '29e911f2f7c2a58972849fdff257bff29796b155', 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: '77c8c91b540940b1600438ef9ab90405ad74207a', name: "filefooter" }), h("slot", { key: '73fedfcd5c0da1b67641be714862cd53a538f1da', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: 'd3fcc02af5d23c9a5c63711aa7bf2c9007dd3c5c', margin: "none", size: "small" }, h("div", { key: '056115def027445826519a3835ad986b94034a19', class: "upload-bottom-caption" }, caption))), h("slot", { key: '441f7001a92cd16da7057dfd3322e69c889634ca', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'aeea5d8e263240e60e80626b60278cd69293d086' }, h("duet-spacer", { key: 'a5c3d8ad58100315f810e9eba30b4a7f807e35cd', size: "large" }), h("duet-button", { key: '5bd13f62f6eba606e15bd0906d4a128b2766ec62', 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: '1fffd7c0a260c23f1c330eb08b9fdfc30f37a9a1', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: 'e197c24d5a1632aaaac794a4e1d77907966e03a0', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '4b8f19faef9a6ddf6985f4a6d74fa53f5b495c41', name: "header" }), !this.files.size && (h("duet-empty-state", { key: 'c85f948d069554ecd23262b6aafa29a2ea9fccc3', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'ba5bc112450715996ddc1eecc729285319f9297b', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: 'b76d9a2f51f0bd1439acd7cb30a238cead9ffe1f', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '568e8e06757a0e08e14716e69861e3f233cbf2c4', 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: '534c6bd31b64a7e3352b4ab57d9c2d74f8b585b5', name: "filefooter" }), h("slot", { key: '53d1caf7a4725aae80ed9734db2a9ca76888128d', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: 'dbf302852c9f56952e4c510a73884f6aa57c63bb', margin: "none", size: "small" }, h("div", { key: '5c042c4a5ec8ba2338e5f59f41829a0bf09def86', class: "upload-bottom-caption" }, caption))), h("slot", { key: '3a882d40064790a16af1f6b503da0dc281df31db', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '7d15d7e6e7fff5286c4b39506ab45d4afb1a46b0' }, h("duet-spacer", { key: '9c10df439e588302c1d9141cd74e06b55a13aacc', size: "large" }), h("duet-button", { key: '32abaa4a27ad8ff0833fec5df3eb84c91a53571b', 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: 'fdd3f06419a9c8437ddb1d962351059e93def138' }, h("duet-spacer", { key: 'e2c3381bd500af7106ff5588f94c506c5822ad20', size: "medium" }), h("duet-alert", { key: '0c263312767097ef7a49ccced847b8e152a389bd', 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: '7911b165d5356494f0b0226780bc2661631f0cb0', "aria-hidden": "true" }, h("input", { key: '1731f7a716bc198465165d1e9cda99619e3a691f', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '714dc5703ac4d5e3238fca2691c2608f40a8c381' }, h("duet-spacer", { key: '532a4bee3077d383db9ef6f7968593e09c1cf503', size: "medium" }), h("duet-alert", { key: 'd233e8abac003d1e9cea525b7ec2868fe5365cd8', 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: 'd7291fd3058c60bc3799b54c936ae85135c9f855', "aria-hidden": "true" }, h("input", { key: '8b8cf4a76f5da959a5ab9b15bf6c6fa0fd8b594d', 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: 'd864d9d774a1124e36b83d555a8f660ee1ae37f5', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '4fc569791044395e69a60205f69d9fd423f59e17' }, this.statusMessage)));
+        return (h(Host, { key: '86d09688da162133dae76983bbfc285abf03ec4b', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '22fb5bc7a884e3d9b63f68b6720cdf9550418082' }, 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: '4533ec72c2292fab5f0e61d2190d171f70db89cd', class: {
+        return (h("div", { key: 'fb59de9f051f5c07b1725da1567d02e2263b9b23', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: 'dd80cae48395c2b36a5182849099b99dc9c77d87', class: "item-categories" }, h("duet-heading", { key: '2215960ba1fcfd9ae42f801dc6ee518f598de992', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '5d864dc3005e9ffb3a264dbe31e11772832039eb', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: 'd54592fef74ce524b41811a4f15b8403728f256f', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '18d338783bd27afaf5aa610e92fa2f930618bdbe', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: '2992abb219ae6b03030e64abdf45a6f20af9bfcb', class: "item-categories" }, h("duet-heading", { key: 'c51d5ed86bab23762341d97ec487eaca59d55bc7', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: 'edecc00f4e1983952dedd91843caf0f33ccb27b4', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '0d4193a3f169ab02c5231348d42611519c5fcd36', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: 'c252b1fa3e6c563dde5bb737d033189554b5f291', 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) }));
         }))));
     }
@@ -312,7 +312,7 @@ export class DuetUploadItem {
                         "EventEmitter": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::EventEmitter"
+                            "id": "node_modules::EventEmitter"
                         },
                         "DuetUploadEvent": {
                             "location": "import",

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: 'b07c17d0129eeb4ce43a2c4719da212c177bfb70', class: "duet-visually-hidden" }, h("slot", { key: '58b55523cd8c6385686fe910d42bc17eff2bfca8' })));
+        return (h(Host, { key: '1a63587b9972cddb552468bea28f8146b8d302df', class: "duet-visually-hidden" }, h("slot", { key: 'a3e8c6847caa94f67d82569bc769a6397ccc8c56' })));
     }
     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-5d15bc28.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-9635880c.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-7a4e27a2.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-39b4be25.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-7ecba39f.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-c77f9e4d.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-c25a991b.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-926dfd0d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { h } from './p-8764aea1.js';
-import { h as hasSlot, c as checkNamedSlotElement } from './p-fc9b988f.js';
+import { h } from './p-bc933201.js';
+import { h as hasSlot, c as checkNamedSlotElement } from './p-c5df07b9.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-fac41d14.js';
-import { d as defineCustomElement$3 } from './p-fa97c257.js';
-import { d as defineCustomElement$2 } from './p-8027f9ce.js';
+import { d as defineCustomElement$3 } from './p-bec25ec5.js';
+import { d as defineCustomElement$2 } from './p-7a8eda34.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,

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-c25a991b.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-785686e3.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-317b4bb8.js';
-import { d as defineCustomElement$3 } from './p-8027f9ce.js';
-import { d as defineCustomElement$2 } from './p-d656dd95.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-69f6a6aa.js';
+import { d as defineCustomElement$3 } from './p-7a8eda34.js';
+import { d as defineCustomElement$2 } from './p-f43704a4.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: '18c37fc7d84fbfe09c1eb285e16388ec70e9a307', role: "listitem" }, h("div", { key: 'efc47db8c7eb8f922c361ac9399196a7af3be21d', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '108f30568f7f84babd579658721f1c0448288ebc', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: 'b03774c0f0d44955355121d6e235882edda6838c', class: {
+        return (h(Host, { key: '469447515096cfa85132eb550ed925b796a87b6b', role: "listitem" }, h("div", { key: '0b264055e49b6603b803bea06f4450e937b1a424', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '0a175a06d4230eeace901b741ba9a08f2947a3ba', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '501dd186b46c158775b992863689014d4b520927', 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: '085844d9dce555398be1e6889151600d54eb65f7', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: '0746ad63079cbce6f54f7be5b2679a786d711ee0', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: 'd0f45ff3fa075427e14b90ef6eb06ebc1c03ddc7' })))));
+            h("duet-icon", { key: 'a7993d28976f091a7f8291378990dea66413be57', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: '966433c4f0ec2c663dfeff67b8b70ae913d6a5e8', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: 'b98f199af76f8596bb8d06af9dc277c89ed03870' })))));
     }
     get element() { return this; }
     static get style() { return DuetBreadcrumbStyle0; }

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c25a991b.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getLocaleString } from './p-317b4bb8.js';
+import { g as getLocaleString } from './p-69f6a6aa.js';
 import { g as getColorByName } from './p-fac41d14.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(0, 41, 77);background:rgb(243, 249, 252)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 77, 128)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(225, 227, 230)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(148, 9, 37)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(0, 41, 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}";
@@ -54,11 +54,11 @@ const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumbs
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: '4d20f1547e8f5acfe24d4fdd0796467ff5d04a14' }, h("nav", { key: '65d6e31df9eb90f7e27b6855ba4e650541aa9eb0', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: '8a9b4d9db25877fedbb9bbbc6a7f3c70ddc972f8' }, h("nav", { key: 'c66a5b2ab26e65aea1d4cb624c5fd5e57b165d0e', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: 'e4956646791760eb37fc77028654e75792a256e2', class: "container" }, h("div", { key: '9dc16ff656071b0a10317a1b03c92d7b7dd92605', role: "list", class: "list", style: { color } }, h("slot", { key: 'ac9ef52d9eeb061225106b00ee60d7ca2b50dbd2' })), h("div", { key: '747853c441c9c296c4e03aafbe6483dfa31fb7c4', class: "bottom-border bottom-border--container" })), h("div", { key: 'fc9a3ab33eb29633aff8623257c81c49185b9e90', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: '23194ac8d39fcc089a5f16689fdf31f6f5bbd630', class: "container" }, h("div", { key: '924ce340d38e919201c361c402b5b2ee7d25f6d2', role: "list", class: "list", style: { color } }, h("slot", { key: '0fbdd33ff72667c2cd845f407a85719349a70eab' })), h("div", { key: '11493cfc88623feebae218352c8f9530a3c2456c', class: "bottom-border bottom-border--container" })), h("div", { key: 'd5f962874148aab37813f688ba5ff77bddb30533', 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-bcc759f6.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-11d8af72.js';
 
 const DuetButton = DuetButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c25a991b.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { h as hasSlot, c as checkNamedSlotElement } from './p-fc9b988f.js';
-import { d as defineCustomElement$2 } from './p-8027f9ce.js';
+import { h as hasSlot, c as checkNamedSlotElement } from './p-c5df07b9.js';
+import { d as defineCustomElement$2 } from './p-7a8eda34.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(0, 41, 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(0, 41, 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}";
 const DuetCalloutStyle0 = duetCalloutCss;
@@ -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: '534b9127054974a33efcc47a7d689a1e957195a7' }, h("div", { key: 'a3eb6e2b17742b28bbf72d99bb824616fdf197ee', class: {
+        return (h(Host, { key: 'f15d0650bf33e9ca7f1ce28065ff46f9ec08066d' }, h("div", { key: 'ee7e16c113b6a5229be9cbe4e6f52972b0403a4d', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: 'ddb010bf709a04037d03a9e0864f6a91b061490a', class: "container" }, h("duet-icon", { key: 'b520dbf68afa65865b562c053a06ae7907056260', 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: '6c2f2ec722f53f2bebce2d455147b4decad9d243' }, h("slot", { key: '59ce6c30c39155fec448114fd25752585d95c87d' })), this.hasAuthorSlot && (h("figcaption", { key: 'b6599f6f3bff3b855dae865e6b03fc977d161137', class: "author" }, h("span", { key: '57a9fcc581eb85f634819905d57cb52e865ea4a3' }, "\u2014 "), h("slot", { key: '3338c10206046d6a0410c95e69d353e1ce52dd79', name: "author" })))))));
+            } }, h("figure", { key: 'b1209eb4a81b1c71e016f311cb8143e8358fb70f', class: "container" }, h("duet-icon", { key: 'ca683a906622a8c8225b07176b1ee19df3dcbe6d', 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: 'e9198af97b7db83a4c6fbe60f65ed1122cb9b398' }, h("slot", { key: '378ba5f182620048730e714c00d4433d9bd684ff' })), this.hasAuthorSlot && (h("figcaption", { key: 'b170bece235f975d0a0139d5c0bdc0571c782146', class: "author" }, h("span", { key: '7917d19b5a7d199798346250719da6618b31107c' }, "\u2014 "), h("slot", { key: 'be8a7f6bfee1c152a8cc79978d0163d299fe52d8', 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-78c42188.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-3caf29d6.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;