@duetds/components 9.3.2 → 9.4.0

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

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
-import { d as defineCustomElement$2 } from './p-f8c8174f.js';
+import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
+import { d as defineCustomElement$2 } from './p-2b22f87f.js';
 
 const duetToggleCss = "*.sc-duet-toggle,*.sc-duet-toggle::after,*.sc-duet-toggle::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-toggle-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-toggle-h:last-child,.sc-duet-toggle-h:last-of-type{margin-right:0 !important}.duet-m-0.sc-duet-toggle-h{margin:0 !important}duet-label.sc-duet-toggle{display:block !important;width:100% !important}.duet-side-label.sc-duet-toggle{display:flex;gap:12px;align-items:center}.duet-side-label.sc-duet-toggle duet-label.sc-duet-toggle{width:auto !important}.duet-reverse-label.sc-duet-toggle{flex-direction:row-reverse}.duet-switch.sc-duet-toggle{position:relative;display:block;width:48px;height:28px}.duet-switch.sc-duet-toggle input.sc-duet-toggle{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(198, 12, 48)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle{cursor:default}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#bfcbd2}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#c7c9cf}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#80bbd9}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#e38698}.user-is-tabbing.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-toggle-h .duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-slider.sc-duet-toggle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider.sc-duet-toggle::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:\"\";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle{background-color:rgb(143, 147, 158)}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}";
 const DuetToggleStyle0 = duetToggleCss;

package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { b as isEscapeKey } from './p-ca700701.js';
-import { d as defineCustomElement$2 } from './p-167f1cfd.js';
+import { b as isEscapeKey } from './p-8db11326.js';
+import { d as defineCustomElement$2 } from './p-7ff2883f.js';
 
 const duetToolbarDropdownLinkCss = "*,*::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;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-toolbar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-dropdown-link.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-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}";
 const DuetToolbarDropdownLinkStyle0 = duetToolbarDropdownLinkCss;
@@ -39,11 +39,11 @@ const DuetToolbarDropdownLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetToo
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '42a33532d4dd0b3e6e4bf2869dd22a781748ef15' }, h("a", { key: 'a6012ec3add1d4cd1e4e02b13928f743cfddd43a', class: {
+        return (h(Host, { key: '6d0acb25371f7ba29bd7d704652468fc8f468919' }, h("a", { key: '57cb4cb5d070bffe6bec22b4e2cfe89c9ef60c42', 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: '37a8b94728da8a7e0567053295df19e0b0b76896', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '030a9c1d1143302973f2588aa426a949df0ed3c8', class: "label" }, h("slot", { key: '23aaf52fc62cf20248e88138fcc4fd780dbba8d0' })), this.active && (h("duet-icon", { key: '23ed4c8db968d6f3ed6a25a0591bb157e93f5135', 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: '2ea6d01bca873e3a404643caed491464eff38e79', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: 'c602605a04e30bca8cdfabbf6258fd9c96c2fc2f', class: "label" }, h("slot", { key: 'b8c818584bb0bca390b299377a0a33c91770b3d1' })), this.active && (h("duet-icon", { key: '59301d160c207f3b04992609b29c714c5add7361', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return this; }
     static get style() { return DuetToolbarDropdownLinkStyle0; }

package/lib/dist-custom-elements/duet-toolbar-dropdown.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { b as isEscapeKey } from './p-ca700701.js';
-import { d as defineCustomElement$2 } from './p-167f1cfd.js';
+import { b as isEscapeKey } from './p-8db11326.js';
+import { d as defineCustomElement$2 } from './p-7ff2883f.js';
 
 const duetToolbarDropdownCss = "*,*::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;height:100%}.duet-toolbar-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(8, 42, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-dropdown .items{position:absolute;top:93%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:8px;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{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-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button:hover{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.open{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-dropdown.duet-theme-turva.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.duet-theme-turva.negative button:hover{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.open{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon{color:rgb(255, 185, 190)}";
 const DuetToolbarDropdownStyle0 = duetToolbarDropdownCss;
@@ -58,18 +58,18 @@ const DuetToolbarDropdown$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbar
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'dae4918c82360d9da61fa1d20762123860af33d3', role: "listitem" }, h("div", { key: '8f3edc8779f3fee050c5c725510a8536c8a255d0', class: {
+        return (h(Host, { key: '8fbd3b46ad171ee7b574657c43ab4b407013d69d', role: "listitem" }, h("div", { key: '165f7588d2a312cf1634787769dfbec7fb2fc9b0', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: 'cd6b86c7556c3763f0b892e9dea91147727a7277', 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: '294a5b99afacd0b5b60fd6401b137a9bb9d12ec0', 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: 'b4764264253075f8605b024099dc7c3a3dadb834', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: 'af3de973879ed184c4260dc2e73796a055b68793', class: "label" }, h("slot", { key: '04d1eddf51a06bbf1577e26c247d7f4cf8a7f186', name: "label" }), h("duet-icon", { key: '1a71a8f3df871d0b776f0c8774388ff9361c60fe', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '0efef11353d0f91d685e5515e4c1f29ec5ad6173', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '459f1498c922214c00c2ba2262c7ccd04667cb35', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '07a73618ab9564ed67182f485396666ac047f0e0', class: "label" }, h("slot", { key: '58150ae58e28c2c5632aadfda2f448e7af2ec279', name: "label" }), h("duet-icon", { key: 'eccfdad69e2d56ffc7758dcd76b080636b40bd6e', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '3c9a55859599ac5c6588df392d5da459498aff39', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'ce8f9025a95a337ba2035d68060a644bc621bb8a' })))));
+            } }, h("slot", { key: '29bd581d23c750855f88f5c86d47b9cac49085ff' })))));
     }
     get element() { return this; }
     static get style() { return DuetToolbarDropdownStyle0; }

package/lib/dist-custom-elements/duet-toolbar-item.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getAccessibleLinkLabel } from './p-1e3171d9.js';
 import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$2 } from './p-167f1cfd.js';
+import { d as defineCustomElement$2 } from './p-7ff2883f.js';
 
 const duetToolbarItemCss = "*,*::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;height:100%}.duet-toolbar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-toolbar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-item:focus.primary{box-shadow:0 0 0 4px rgba(8, 42, 77, 0.3), 0 0 0 1px #033866}.duet-theme-turva .duet-toolbar-item:focus.primary,.duet-toolbar-item:focus.primary.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-item .duet-toolbar-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-toolbar-item .duet-toolbar-icon .duet-toolbar-badge{position:absolute;top:0;left:11px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-toolbar-item .duet-toolbar-icon .duet-toolbar-badge{background:rgb(247, 178, 40)}.duet-toolbar-item .trailing-icon{width:16px;height:16px}.duet-toolbar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-toolbar-item .external-icon{width:10px;height:10px}.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-toolbar-item.primary,.duet-toolbar-item.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item.primary[aria-expanded=true],.duet-toolbar-item.secondary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.primary duet-icon,.duet-toolbar-item.secondary duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-item.primary[aria-expanded=true]{background:rgba(8, 42, 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.primary{color:rgb(255, 255, 255)}.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.duet-theme-turva.primary duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-item:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-item:hover.primary,.duet-toolbar-item:hover.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item:hover.primary{background:rgba(8, 42, 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, 247, 250)}.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(8, 42, 77)}.duet-toolbar-item.active.primary,.duet-toolbar-item.active.secondary{font-weight:600;color:rgb(255, 255, 255)}.duet-toolbar-item.active.primary::after,.duet-toolbar-item.active.secondary::after{display:none}.duet-toolbar-item.active.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.active.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-item.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}";
 const DuetToolbarItemStyle0 = duetToolbarItemCss;
@@ -65,17 +65,17 @@ const DuetToolbarItem$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbarItem
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: 'e0782009ac1abad8319168aa9e8b682bc15ead67', role: "listitem" }, h(TagName, { key: '51cc267333667a6890a860864253ca7f9b0b6ef7', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: 'fb158728efc0bdd81c51f1d460075fb44285a8a1', role: "listitem" }, h(TagName, { key: '96916988666e74411d5cb7b047b6223e11b3c84e', 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: 'f1d7d394586be43d8e9713a4d2ab713c32a8cc2b', class: "duet-toolbar-icon" }, h("duet-icon", { key: '1c7f6a96fb5f8ecdd8cbb724e153509f29601e25', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '4bc879287df60720eae32b88bf0f1dd855d11ecc', class: "duet-toolbar-badge" }))), h("slot", { key: 'aaaa897c0f2d1e094c797100b622e921e4762434' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '8d4bcd35f65ec3899d3c568f978426521b9a30a8', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'a20bef22ae5d20b2717cf5df267495eb32bd08eb', 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: 'e78b1d52ea395b96e1d08fd76fa8f79038d25165', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'd17013e6997e2b39349287e65497bb8d4c44ba21', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: 'a64289c5923a1bf0e7caac725c3c73b0774b2f37', class: "duet-toolbar-badge" }))), h("slot", { key: '9f998077db9c78e6a8e9638a45b93f77b93de320' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '09f85c3d0046e30b20f7f819f2bc7e21ef6b4b24', class: "duet-toolbar-icon" }, h("duet-icon", { key: '9794cce5544abb7000ab9e608aa44333b62c0495', 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 ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'd2f473835ff5183bd96a8e1c775b5fe866cad355', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'f6a86fcdb6f02444ced9aa44a346bbb61557cb80', class: "duet-toolbar-badge" }))))));
     }
     get element() { return this; }
     static get style() { return DuetToolbarItemStyle0; }

package/lib/dist-custom-elements/duet-toolbar-link.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$2 } from './p-167f1cfd.js';
+import { d as defineCustomElement$2 } from './p-7ff2883f.js';
 
 const duetToolbarLinkCss = "*,*::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;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap}.duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-link.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-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-link:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active{color:rgb(8, 42, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}";
 const DuetToolbarLinkStyle0 = duetToolbarLinkCss;
@@ -32,12 +32,12 @@ const DuetToolbarLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbarLink
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'c0474aff0b8baba6eb146018d612c23236d18cf8', role: "listitem" }, h("a", { key: '59afb14e71531de7cd605e7afaa754ad5dd9d4bd', 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: '6403402c9fa39bcd5c64c008393114ae37acb748', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'a507f84b3eabc3954eab980e01407b5de2e6a09f' }))));
+            }, 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' }))));
     }
     get element() { return this; }
     static get style() { return DuetToolbarLinkStyle0; }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 
 const duetToolbarCss = "*,*::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;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.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{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}";
@@ -34,11 +34,11 @@ const DuetToolbar$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbar extends
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '73a1a1a48a93a92a6f133b3e314538594905f0b3' }, h("nav", { key: '1d5c122d89e33742f392eade29e07fba67a0c94d', class: {
+        return (h(Host, { key: '562a3b82275cd77dc7f90d6c53776923965415e0' }, h("nav", { key: '074728e56d1f75a560331c1a4a8f12cea3343aa8', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '009d685a22843ea975f1390f30c0e0f0d2b86cdc', class: "container" }, h("div", { key: '38d682f6662b41dec2fd29e6a6ef58beff217d5f', class: "list", role: "list" }, h("slot", { key: '490ffd492b38a3a3f61a7b0d5022edc90ca60cbd', name: "left" })), h("div", { key: 'cd6a3ec4a6f8fcd6a88575893a58e4cc98d62728', class: "list", role: "list" }, h("slot", { key: '2a02055c44765e717c1cba43c7c41d82f6ef6ea2', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'f2379c6e218e998c32f8b8a808d3ba1a9fc0602c', class: "container" }, h("div", { key: '6a7a09168fc5ad7f0b8fac5019fca192d800a4dc', class: "list", role: "list" }, h("slot", { key: '45621a40c7ecdb2e834ea94b6e72eeb434113b8f', name: "left" })), h("div", { key: '32c6e4b3e88e5a5226d9d6a33d93dfe16079335c', class: "list", role: "list" }, h("slot", { key: '75e255dcc244d524f02921fc033d9e07789f8e00', name: "right" }))))));
     }
     get element() { return this; }
     static get style() { return DuetToolbarStyle0; }

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

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

package/lib/dist-custom-elements/duet-tooltip-popup.js

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

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

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

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, F as Fragment } from './p-7a8ebdb7.js';
 import { j as sizeHeader } from './p-4c179c1e.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
+import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$3 } from './p-167f1cfd.js';
-import { d as defineCustomElement$2 } from './p-18a780a8.js';
+import { d as defineCustomElement$3 } from './p-7ff2883f.js';
+import { d as defineCustomElement$2 } from './p-8756bed2.js';
 
 const duetTrayCss = "*,*::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%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);visibility:hidden;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.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);background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(222, 224, 228)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}";
 const DuetTrayStyle0 = duetTrayCss;
@@ -92,14 +92,14 @@ const DuetTray$1 = /*@__PURE__*/ proxyCustomElement(class DuetTray extends H {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '727088b9a85be66d826cd9381de5f8d123861cd5', 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: 'd47f6cd20617c0c772a16f52f7fd1d0b6539afb6', class: "duet-tray-default-content", role: "status" }, h("slot", { key: 'c51d083b38c433b1013f39e0a3090796ae5b0388' })), this.hasAdditionalContent && (h(Fragment, { key: '1268398435755fff9fa43abc2c5ffd748aa2ab41' }, h("button", { key: '02822a01f20f55a95978e7a396624a18b86a663b', "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: 'de0f600be8f32c6603d65d8a40fe5ffe25bf65f0', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '6d9aaf8a8630048c66ef52d6fd45f9122067f4e2' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'd3c9fd10adf089cc50f9187529a38c605b341b2d', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '59bcb373997df5fccc7431f42a3b097f00fa3ba9', class: "duet-tray-expandable-content" }, h("slot", { key: '111104943aa5e4dc6a6a025bd20f07e06b6f7972', 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" })))))));
     }
     get element() { return this; }
     static get style() { return DuetTrayStyle0; }

package/lib/dist-custom-elements/duet-upload-aria-status.js

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

package/lib/dist-custom-elements/duet-upload-item.js

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

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

@@ -1,31 +1,31 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, F as Fragment, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, F as Fragment, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { d as debounce } from './p-9e371678.js';
 import { g as getLocaleString, s as sanitizeString } from './p-35375593.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
-import { g as getError, a as getI18nError, d as defineCustomElement$3 } from './p-962142a6.js';
+import { g as getError, a as getI18nError, d as defineCustomElement$3 } from './p-e867abf5.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$j } from './p-9fb49035.js';
-import { d as defineCustomElement$i } from './p-7623dd11.js';
-import { d as defineCustomElement$h } from './p-8e60819a.js';
-import { d as defineCustomElement$g } from './p-c90eb69a.js';
-import { d as defineCustomElement$f } from './p-5d23c028.js';
-import { d as defineCustomElement$e } from './p-afe17ede.js';
-import { d as defineCustomElement$d } from './p-ac901dbf.js';
-import { d as defineCustomElement$c } from './p-396dec0e.js';
-import { d as defineCustomElement$b } from './p-167f1cfd.js';
-import { d as defineCustomElement$a } from './p-d5f00f7a.js';
-import { d as defineCustomElement$9 } from './p-712259e0.js';
-import { d as defineCustomElement$8 } from './p-c5dd5195.js';
-import { d as defineCustomElement$7 } from './p-33d21ff2.js';
-import { d as defineCustomElement$6 } from './p-25ea4a16.js';
-import { d as defineCustomElement$5 } from './p-7302dad1.js';
-import { d as defineCustomElement$4 } from './p-00371426.js';
-import { d as defineCustomElement$2 } from './p-18a780a8.js';
+import { d as defineCustomElement$j } from './p-137df5b8.js';
+import { d as defineCustomElement$i } from './p-c93eb05d.js';
+import { d as defineCustomElement$h } from './p-d98c8b50.js';
+import { d as defineCustomElement$g } from './p-9b617d26.js';
+import { d as defineCustomElement$f } from './p-958921e7.js';
+import { d as defineCustomElement$e } from './p-779bb3cb.js';
+import { d as defineCustomElement$d } from './p-12cf5e61.js';
+import { d as defineCustomElement$c } from './p-a40c2591.js';
+import { d as defineCustomElement$b } from './p-7ff2883f.js';
+import { d as defineCustomElement$a } from './p-ef22eef0.js';
+import { d as defineCustomElement$9 } from './p-2de672fa.js';
+import { d as defineCustomElement$8 } from './p-ab6edc77.js';
+import { d as defineCustomElement$7 } from './p-379ead88.js';
+import { d as defineCustomElement$6 } from './p-74a62a18.js';
+import { d as defineCustomElement$5 } from './p-ea9b9b2f.js';
+import { d as defineCustomElement$4 } from './p-09815b2b.js';
+import { d as defineCustomElement$2 } from './p-8756bed2.js';
 
 const errorCodes = [
 	{
@@ -1080,10 +1080,10 @@ const DuetUpload$1 = /*@__PURE__*/ proxyCustomElement(class DuetUpload extends H
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h$1(Host, { key: '34dabb707733d49a37d7665b2ce21dac3cb69b99', class: { "duet-m-0": this.margin === "none" } }, h$1("duet-fieldset", { key: '53da3e1d39ae3d0a72ea1e836ed84a7ed5505745', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h$1("slot", { key: '50da1a23f5016f0666627e8455e072cfa5b96ca7', name: "header" }), !this.files.size && (h$1("duet-empty-state", { key: '6895fe8edf7ed8eec62bb4f141222ec699cbb00f', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h$1("duet-paragraph", { key: '01b14bc9aef86e1044a9d4ebf56017068b10df4b', margin: "none" }, this.fileListEmpty))), !!this.files.size && h$1("slot", { key: '2c3b18a000bfeb370a6fc83a23fa5b534cd09b43', name: "fileheader" }), !!this.files.size && (h$1("duet-upload-aria-status", { key: '3b143bdded7b1feddd54867d6d4b2ed4e2d915cf', 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$1("slot", { key: '85599b8ce8e5b05c80c5c3e5276356c7324bdef3', name: "filefooter" }), h$1("slot", { key: '425f33860900e6110a625c5c4c7da8bcc1313053', name: "uploadfooter" }), this.captionOnBottom && (h$1("duet-caption", { key: '881d401f134a7e3c412cd1f01bed6117f96bbc19', margin: "none", size: "small" }, h$1("div", { key: '5e498fd2880ec86684cf3da9690b139ad05fd97f', class: "upload-bottom-caption" }, caption))), h$1("slot", { key: 'a05a45a3f7efc7d767db95eeb75a5da261b08edb', name: "afterfooter" }), !this.hideButton && (h$1(Fragment, { key: '0d0ff9d5fad94af744e9632125af447fd7144fd0' }, h$1("duet-spacer", { key: 'fed503af8f9301defa2f2d8f29385e28fa1a8716', size: "large" }), h$1("duet-button", { key: '7a4f79bf0df839531c714f39202900a25d339612', 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$1(Host, { key: '7f8970727b44bee3669b221659dd1f5a72df4ee2', class: { "duet-m-0": this.margin === "none" } }, h$1("duet-fieldset", { key: '074fc7ec948f6d0ab5c89c7d2d3d3ec3358343f4', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h$1("slot", { key: '84797a77942534e80a641d8a2ce9badef0e77937', name: "header" }), !this.files.size && (h$1("duet-empty-state", { key: '224610821155dae048fd126b8d517486fa6efd38', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h$1("duet-paragraph", { key: '6d01352482dd687520dd26d8d7c0d3863b61d4a4', margin: "none" }, this.fileListEmpty))), !!this.files.size && h$1("slot", { key: '328346632314eb8a8d0ae41de9761a488fc0bc1c', name: "fileheader" }), !!this.files.size && (h$1("duet-upload-aria-status", { key: 'cab1390fc0ff3a6eb197be8e7ea16d719c2b6dc4', 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$1("slot", { key: '26051e329900efc2b29e6d8ebb6b2f1184ec547c', name: "filefooter" }), h$1("slot", { key: 'c9018b5e95065813d29ee08ce924794e1ee476ff', name: "uploadfooter" }), this.captionOnBottom && (h$1("duet-caption", { key: '8fffcc2935df87ccfa5bd89d3df773b9810d2f63', margin: "none", size: "small" }, h$1("div", { key: '17c320b6eeefbd2b5f047b77eb613aa4e912cbdb', class: "upload-bottom-caption" }, caption))), h$1("slot", { key: 'ada6f8c46784788c5900ad5a6dddfebed8a70e39', name: "afterfooter" }), !this.hideButton && (h$1(Fragment, { key: 'f352401910296a33c56ef5bb2e3f0b7e4be0594a' }, h$1("duet-spacer", { key: 'ae4ae0b0490a4e88dab0a7319fd2dde20f05e400', size: "large" }), h$1("duet-button", { key: 'ded36c705e15f44936844d057962cb731d47941c', 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$1(Fragment, { key: 'e649c65801873ad2a2bfa16b63b6f83249f0212b' }, h$1("duet-spacer", { key: 'da7ebf591d35cf11d0ecbb52246bf3e84feb711d', size: "medium" }), h$1("duet-alert", { key: 'e8fdb5af79535f54f65dcf0bebb0ffe5865dc699', 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$1("duet-visually-hidden", { key: '145eb761bd1a288de31527f8cfd1006deb6c2f4d', "aria-hidden": "true" }, h$1("input", { key: '38490151c6483827901990610b2a17ced63c27f6', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h$1(Fragment, { key: '385520d7dc48477cea039a0c71f1bcd5e1730cca' }, h$1("duet-spacer", { key: '79ea5d94a4eda84e3f8328a2ac1e42890e0bbde2', size: "medium" }), h$1("duet-alert", { key: '33e5de19e511439a04deeb8478e167558946c4a7', 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$1("duet-visually-hidden", { key: '2fc08bb48c1f47113399c63fd1a81dcef85fc0cf', "aria-hidden": "true" }, h$1("input", { key: '81268132202065717f2e21b1f8dc4ef3e2173394', 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/dist-custom-elements/duet-visually-hidden.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetVisuallyHidden$1, d as defineCustomElement$1 } from './p-18a780a8.js';
+import { D as DuetVisuallyHidden$1, d as defineCustomElement$1 } from './p-8756bed2.js';
 
 const DuetVisuallyHidden = DuetVisuallyHidden$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/index.js

@@ -2,7 +2,7 @@
  * Built with Duet Design System
  */
 import './p-993aea39.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-e7a9cd6f.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-7a8ebdb7.js';
 
 const setupLoggers = () => {
     {

package/lib/dist-custom-elements/{p-00371426.js → p-09815b2b.js}

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
-import { d as defineCustomElement$1 } from './p-18a780a8.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
+import { d as defineCustomElement$1 } from './p-8756bed2.js';
 
 const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class DuetUploadAriaStatus extends H {
     constructor() {
@@ -65,7 +65,7 @@ const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class DuetUploadAr
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'b39f90588bbf94f860b3a3353f8cc7748d74df25', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'b61dbf75e645b8f17ae6a72bc9304d068d3218f2' }, 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)));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-a5e5d630.js → p-0c770b66.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 import { i as sizeNavigation, j as sizeHeader } from './p-4c179c1e.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { d as debounce } from './p-9e371678.js';
@@ -102,7 +102,7 @@ const DuetTable = /*@__PURE__*/ proxyCustomElement(class DuetTable extends H {
         });
     }
     render() {
-        return (h(Host, { key: 'e378254253a226b9edcee4bd3a64283ad15673b2', class: {
+        return (h(Host, { key: '26ab3b66d99bdff07554198125e8867b84051c9f', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -111,7 +111,7 @@ const DuetTable = /*@__PURE__*/ proxyCustomElement(class DuetTable extends H {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: 'b338423743800018d8f1b19ae20ca8c0a4bd5c36' })));
+            } }, h("slot", { key: '1df61c45d1faa92385e24949ff773ec71852e0a5' })));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-6feba7bb.js → p-0f108a55.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 
 const duetListItemCss = "*,*::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;flex-direction:column;display:flex;width:100%;overflow:visible;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;overflow-wrap:break-word}:host dt{font-weight:600}.duet-theme-turva :host dt{font-weight:700}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}:host(.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)}:host(.duet-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 247, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(222, 224, 228)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}";
 const DuetListItemStyle0 = duetListItemCss;
@@ -19,14 +19,14 @@ const DuetListItem = /*@__PURE__*/ proxyCustomElement(class DuetListItem extends
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4d92cde8114cd83fd9d52008a16ce57a934eeb4f', class: {
+        return (h(Host, { key: '22e6cfe329bfdf6f2f1c374bbf9bf9ab79241c52', class: {
                 "duet-no-stacking": !this.responsive,
                 "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
                 "duet-list-item-breakpoint-small": this.breakpoint === "small",
                 "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
                 "duet-list-item-breakpoint-large": this.breakpoint === "large",
                 "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
-            } }, h("dt", { key: '58c9679805f2a50dbf3c847157d0a1799feaeeed' }, h("slot", { key: '2f167529b2c16e01e0430267dfe564ad8d9aed6c', name: "label" })), h("dd", { key: '11b92167d9b42d5e5d97b1e056ecc08a25aa1f6e' }, h("slot", { key: '7bb89dc78c1a571df7d27a285435d7c596d3d6f8', name: "value" }))));
+            } }, h("dt", { key: 'ac210602fa781f3a400b0268c29612b3feda2882' }, h("slot", { key: '3e79d41cc7272db352845896debfd271df16fb70', name: "label" })), h("dd", { key: '441336e69ff97fb2b7b94e19ce909b7936bc9519' }, h("slot", { key: '884a75fd16b595aaf8ca7aeaec1d345e2760e4b4', name: "value" }))));
     }
     static get style() { return DuetListItemStyle0; }
 }, [1, "duet-list-item", {

package/lib/dist-custom-elements/{p-ac901dbf.js → p-12cf5e61.js}

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { h as hasSlot } from './p-f21662ea.js';
-import { d as defineCustomElement$1 } from './p-5d23c028.js';
+import { d as defineCustomElement$1 } from './p-958921e7.js';
 
 const duetFieldsetCss = "*,*::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;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{position:relative;width:100%;min-width:0;border:0}fieldset legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-legend-wrapper{position:relative;display:block;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\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;background:transparent}.duet-legend-wrapper.duet-legend-compact:not(.duet-legend-has-caption){line-height:1.25}.duet-theme-turva .duet-legend-wrapper{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-fieldset-label{margin-bottom:12px !important;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}.duet-legend-has-tooltip .duet-fieldset-label{padding-right:36px}@media (min-width: 48em){.duet-legend-has-tooltip .duet-fieldset-label{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-theme-turva .duet-fieldset-help{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(214, 28, 82)}::slotted(duet-tooltip){position:absolute;top:4px;right:0}@media (min-width: 48em){::slotted(duet-tooltip){position:relative;right:auto}}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 const DuetFieldsetStyle0 = duetFieldsetCss;
@@ -43,20 +43,20 @@ const DuetFieldset = /*@__PURE__*/ proxyCustomElement(class DuetFieldset extends
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '0458c4e50d24da4af3af8113caa38616adc77760', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '22fb700f4f1d215ef9d4606fbb43c69557d12798', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: '157a9e3785dd0d5d73a7e5e2de69f367a89542a4', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '99df4bd364f76865e2faff62363fd808a48721e5', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("legend", { key: 'e765ac7a4130bfb53598e8338c717049998d6c5d', id: this.labelId }, h(this.labelHeadingLevel, { key: '186f844695e29b7a9473c1bd8288ba1b6f703e06' }, this.label), this.caption && h("span", { key: '6f427b409fe6e0867a43dac1df4d7ebf713f7276' }, this.caption)), h("div", { key: '5de6480a2da4fad61741586dea079cf527331cf3', class: {
+            } }, h("legend", { key: '068d96c7fc93e8ce64c9e22dd1bcbfe160d34920', id: this.labelId }, h(this.labelHeadingLevel, { key: 'e7cdb11c3979b3cdeebd80b7dc856b97ad037207' }, this.label), this.caption && h("span", { key: '80e0de6c351bc8450455812b961a08c43f0bdf92' }, this.caption)), h("div", { key: 'db529ad1162564e990f7ccbb03fedf4735507c83', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, h("div", { key: '2737a9a315e1ca8718f7a27d18c494226a7f1ff3', class: "duet-fieldset-label" }, h("span", { key: '659b075a7859fd6dc81bb37654cc4ad7c26afaf0', "aria-hidden": "true" }, this.label), h("slot", { key: '6a1a329c16e4700c8bd13495208a50f3cd9f3caf', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: 'ace3d407eb37d5bdf1e138d3f83ade490557d2d9', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '3512ec5c46a20001a2cacdc2d5ab666c56bd41ae', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '974c3c4d2c83f771727d0fa4e5a570b8afa356b2' }), h("span", { key: 'c51b519da01660363f7f05108a2ffb6c0df0df43', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '7393b6770d0b0033df71fc98b44ca2e2e24b1577' }, this.error)))));
+            } }, h("div", { key: 'a0cc74b7472ca06a305a45924c8e39c945b05243', class: "duet-fieldset-label" }, h("span", { key: '46f40ac902b5e8d166f6673f538b93d7b4126426', "aria-hidden": "true" }, this.label), h("slot", { key: '328d6c4b910ee12d2a3219f863fff82f9df10bb3', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '7ba9fbacf0b68889efe22cb4859b5bd1da3a2667', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '0e83f76e722791658c7c05ac99c9ba8affb52d95', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '81e9a395cd365be7ded540edd8eb68c83a9cc6a0' }), h("span", { key: '007112c1b89077612e5478a1d71ecdbf62ad2b36', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'f93d85eb2d47ac6261a6a3cf1367f22c09656f92' }, this.error)))));
     }
     get element() { return this; }
     static get style() { return DuetFieldsetStyle0; }