@duetds/components 9.6.0 → 9.7.0

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-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-81505f0b.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-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-8c022d66.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: '6006981bbe12b3ba52c5b64cc4dbbf56cb89d20d', role: "listitem" }, h(TagName, { key: 'dccb47e7d45c5431c95d833c655afbb377091a29', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '4c676c7e5ec6deadf4f2ccfeb1212a329ad31a83', role: "listitem" }, h(TagName, { key: 'ae93e8f9dc15663f92819a9612446f78fe8d3b6b', 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: '8d2a6e7db72c879d85828176c3f6d0f664cfa6d5', class: "duet-toolbar-icon" }, h("duet-icon", { key: '05ce2994ada9dc5ac426d2e0fbcb290577dcd2d3', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: 'd37c9510203aaa2feeda9cf3bc4ce9880101583f', class: "duet-toolbar-badge" }))), h("slot", { key: 'c28585b19736c23de1daa80b25d829e8fb6491c2' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '5309c36fd0748017a5ded878adc33fd3eaed2fdf', class: "duet-toolbar-icon" }, h("duet-icon", { key: '572e9b11ac0797903d6ab6d254edc9d0603a0e02', 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: '0cbcd4f6525dfb5a0d1406a0a1e35931e6288bdd', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'c25a832e644474f8bb338a0b7f62d21ae58f5269', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '508ccd1988d068dc636aad97b374a3601b74b507', class: "duet-toolbar-badge" }))), h("slot", { key: 'ebba43c92305fc7ebbb6196d8892690eb1df3562' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '188c7bb368121e35d75a66a970782c180d349d80', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'bd851ec1bd852a90739eb790bc7a4853110d48c7', 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: '2228717501481b13be34349f12311f3329af402f', 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: '433ab564808774541b59ca860b34b0f6e9d8c422', 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-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-81505f0b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-8c022d66.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: '7843fe58da1337938aa7fb73c0c81ddb805a9f92', role: "listitem" }, h("a", { key: 'e2c1597e22c5d117c6bd64c3f00791d27198c73f', class: {
+        return (h(Host, { key: 'e5423c219a30144ea3b3e40ba6aa83ebda9f2b24', role: "listitem" }, h("a", { key: 'f517898e695b37ef3037e7c217d70c135f4d0030', 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: '9bcea69c2922012673110e3e4867938933b4307a', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '8e882ffd51420318b7c4d7de8da3687a8060109c' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '2d36bd6a40eadf4167c8fe7560c6bba4f2199cac', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '930758dcbadf30a2808bcc19c4787a4279aafa67' }))));
     }
     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-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-81505f0b.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: 'ce7e215da00ab7e0c4ee44d345058b6cedfd97c3' }, h("nav", { key: '28e2379d5a370a8ac54f1cbe2b5f5d15b2c9ece1', class: {
+        return (h(Host, { key: '5d1928ecfa31b291fb49392ed2a925b7c44f874c' }, h("nav", { key: '77ed3f9e5d74496b37eb2d2cae82ed1b1bf41a27', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: 'e75d86f9144c7a0b92b3d2c29684aff4d7812b8f', class: "container" }, h("div", { key: 'c903459f70976aef11eeb6437c45d3281e7d3e5f', class: "list", role: "list" }, h("slot", { key: '07dd3705deb345be533ba680110e4ea42b2e5703', name: "left" })), h("div", { key: '894e41752fde9eba03ab57bf625379dcbfbdb991', class: "list", role: "list" }, h("slot", { key: '5284d9d25dc6a5237b49e880dda1c97a7ff4fd56', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '2dee9cb750eeff0f3503f7cc6089e099121846bf', class: "container" }, h("div", { key: 'a2ce0113b8f5449a6e9444d2c7f7f236ef1453c7', class: "list", role: "list" }, h("slot", { key: '0cb2afde21b99b45b1c77342373646c30bc4a596', name: "left" })), h("div", { key: 'fd0b99b6894243e88baff62fdc90afb219f098ea', class: "list", role: "list" }, h("slot", { key: '3a923f1f78fedb5a60d267d1631a4c2bd2fa62c0', 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-e2468742.js';
+import { D as DuetTooltipButton$1, d as defineCustomElement$1 } from './p-d6ce295d.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-7da00182.js';
+import { D as DuetTooltipPopup$1, d as defineCustomElement$1 } from './p-bda6f3f9.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-0e2c29a0.js';
+import { D as DuetTooltip$1, d as defineCustomElement$1 } from './p-55d85326.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-c084f5f2.js';
+import { p as proxyCustomElement, H, h, F as Fragment } from './p-81505f0b.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-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-dff748c3.js';
-import { d as defineCustomElement$2 } from './p-86431925.js';
+import { d as defineCustomElement$3 } from './p-8c022d66.js';
+import { d as defineCustomElement$2 } from './p-cf873d23.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: 'c2508659c69f7e3f5e1b555b0dc37a3188c4f151', class: {
+        return (h("div", { key: '4eadeeff8f0c1a1047ece3ce7074bbe330b27304', 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: 'a3449743f08e5a1495f737b817fefaaa494fa762', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '520cb0e7c9b137bae2f835d7af23a51a9ca8b0f8' })), this.hasAdditionalContent && (h(Fragment, { key: 'a0de63994ded68047b9d247288cf5484d0d8246b' }, h("button", { key: '2f14d184ff8d74aa2f8a59ae10a9148025e85ff3', "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: 'f03b487931227a4845bfe88612bb7c4c28b59305', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '813046c76b75b6c1178a3ef2d8fe2a562fc88fe0' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'aa343225a55400505524640d6625101f7ad97f43', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'ece52eb12d7070065a572697e7d02d09af685b05', class: "duet-tray-expandable-content" }, h("slot", { key: '2ed25ae66ccab231c4fd7a33db4e0e02eaa63e16', name: "additional" })))))));
+            } }, h("div", { key: '7fc02b5732546c8f7b90fb6cde20a3113c1e1e27', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '35394a91f0596c48bc44fcb27b9981dc2fe1c669' })), this.hasAdditionalContent && (h(Fragment, { key: 'a202a321ce7400dc6fb261ea98e2c3d7f4224fe1' }, h("button", { key: 'ef99d0253c90ccbbba2cd35803dc1cf8b8b5bcb6', "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: '56ae22d34327fe1cc19dd4cfb1fdca4ab3b8f583', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '1cc8e44778131120961b882dee53268530f7a73a' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '1f258521cc9fc825c60c8392ac3a8a8b63f3f2b6', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '5def2cf12a83a28a4e8331134ba05c2d918316b0', class: "duet-tray-expandable-content" }, h("slot", { key: '3c08dcd0fc017f732f8ad8681e59a886eb2be346', 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-24de14ac.js';
+import { D as DuetUploadAriaStatus$1, d as defineCustomElement$1 } from './p-99a2aeb6.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-e88ea44e.js';
+import { D as DuetUploadItem$1, d as defineCustomElement$1 } from './p-6c6dbfe6.js';
 
 const DuetUploadItem = DuetUploadItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,32 +1,32 @@
 /*!
  * 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-c084f5f2.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, F as Fragment, d as Host } from './p-81505f0b.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-e88ea44e.js';
+import { g as getError, a as getI18nError, d as defineCustomElement$3 } from './p-6c6dbfe6.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$k } from './p-f22589a4.js';
-import { d as defineCustomElement$j } from './p-71d24b1e.js';
-import { d as defineCustomElement$i } from './p-5554d38b.js';
-import { d as defineCustomElement$h } from './p-1399c239.js';
-import { d as defineCustomElement$g } from './p-a839bb27.js';
-import { d as defineCustomElement$f } from './p-a202083e.js';
-import { d as defineCustomElement$e } from './p-1ee62209.js';
-import { d as defineCustomElement$d } from './p-eff24429.js';
-import { d as defineCustomElement$c } from './p-dff748c3.js';
-import { d as defineCustomElement$b } from './p-cfa9907a.js';
-import { d as defineCustomElement$a } from './p-b7e56baf.js';
-import { d as defineCustomElement$9 } from './p-c45170b0.js';
-import { d as defineCustomElement$8 } from './p-17b1f88c.js';
-import { d as defineCustomElement$7 } from './p-4e00e010.js';
-import { d as defineCustomElement$6 } from './p-c18fe324.js';
-import { d as defineCustomElement$5 } from './p-83dee022.js';
-import { d as defineCustomElement$4 } from './p-24de14ac.js';
-import { d as defineCustomElement$2 } from './p-86431925.js';
+import { d as defineCustomElement$k } from './p-1d3954cb.js';
+import { d as defineCustomElement$j } from './p-6f0f0340.js';
+import { d as defineCustomElement$i } from './p-25c3394c.js';
+import { d as defineCustomElement$h } from './p-9091f589.js';
+import { d as defineCustomElement$g } from './p-78076fd7.js';
+import { d as defineCustomElement$f } from './p-eb167bf0.js';
+import { d as defineCustomElement$e } from './p-2a7ecb51.js';
+import { d as defineCustomElement$d } from './p-e0fa87f3.js';
+import { d as defineCustomElement$c } from './p-8c022d66.js';
+import { d as defineCustomElement$b } from './p-fe23c57b.js';
+import { d as defineCustomElement$a } from './p-9d87ca15.js';
+import { d as defineCustomElement$9 } from './p-ec479ece.js';
+import { d as defineCustomElement$8 } from './p-86162600.js';
+import { d as defineCustomElement$7 } from './p-9760ce0e.js';
+import { d as defineCustomElement$6 } from './p-c6b96452.js';
+import { d as defineCustomElement$5 } from './p-59f0edd5.js';
+import { d as defineCustomElement$4 } from './p-99a2aeb6.js';
+import { d as defineCustomElement$2 } from './p-cf873d23.js';
 
 const errorCodes = [
 	{
@@ -1081,10 +1081,10 @@ const DuetUpload$1 = /*@__PURE__*/ proxyCustomElement(class DuetUpload extends H
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h$1(Host, { key: 'cec11d488b4820e9d16dbfd5ab406c4288c7fac2', class: { "duet-m-0": this.margin === "none" } }, h$1("duet-fieldset", { key: '7efebf69cae1bc1beabd798114406fae520fdbff', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h$1("slot", { key: '2720ff45fb2c97851f52d67d1092164bd25d7545', name: "header" }), !this.files.size && (h$1("duet-empty-state", { key: 'c3414992894eeb5ff160b2312f4865fe54f8ac57', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h$1("duet-paragraph", { key: '9644f9ffe9efc3af270ff60608fe465232baa032', margin: "none" }, this.fileListEmpty))), !!this.files.size && h$1("slot", { key: 'dac437e1fba3344a7df3ecc1d731bed42ac7c2ed', name: "fileheader" }), !!this.files.size && (h$1("duet-upload-aria-status", { key: '2455855ab853c1e6c292db98f215704ae4fb7a64', 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: '372f3beaa27878715e5991e48c049c4c3642d12b', name: "filefooter" }), h$1("slot", { key: '2a49079f36665f770a45fcf6e07977ec504e862d', name: "uploadfooter" }), this.captionOnBottom && (h$1("duet-caption", { key: 'ab17d295466974186cf6f0c11c81a11b26c1c152', margin: "none", size: "small" }, h$1("div", { key: '168660295f3bcfc0d436dd68a37540bd7b96ad67', class: "upload-bottom-caption" }, caption))), h$1("slot", { key: '84eaa151e87caf6615be2436f1cd60a11a71f20f', name: "afterfooter" }), !this.hideButton && (h$1(Fragment, { key: 'c421959e6d716f48d55c541b54d5b029e9261c20' }, h$1("duet-spacer", { key: 'e62873017acd4badc3101b18a56784eae19cbea8', size: "large" }), h$1("duet-button", { key: 'c8894de342e9ea51ede106a0ca0400c614576d43', 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: '3289ebfcf7be2cb204e3109f4bd774c023c1311b', class: { "duet-m-0": this.margin === "none" } }, h$1("duet-fieldset", { key: 'd7df1dc6a9f7d71d9f2dc5cfea209bae0767111e', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h$1("slot", { key: '0cc5766408e69476d186039cce9325df4a0cea3d', name: "header" }), !this.files.size && (h$1("duet-empty-state", { key: '8441562b8677278cadc9f054163de15716507753', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h$1("duet-paragraph", { key: 'd077aa4e3663bf9faca0ba05ec2dce5ba4666286', margin: "none" }, this.fileListEmpty))), !!this.files.size && h$1("slot", { key: 'e70ef44d5bc02d5e0eefdd0cdd34ebc6323cd85a', name: "fileheader" }), !!this.files.size && (h$1("duet-upload-aria-status", { key: '16b0035978c73e97c5148ba569a318b2736f53e2', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h$1("slot", { key: 'f500f8ede694b648fc115e2c9c0a575958c39bbb', name: "filefooter" }), h$1("slot", { key: '1ee35a65d6b56561a9c17f5a6dea294826eca780', name: "uploadfooter" }), this.captionOnBottom && (h$1("duet-caption", { key: '37e7c183776e7103f0e68cf130fce9cdf0215055', margin: "none", size: "small" }, h$1("div", { key: '66ae65e6cadb22b5373cb54019885615facb8ea0', class: "upload-bottom-caption" }, caption))), h$1("slot", { key: '2e8ef445f7637398102d0be1547e27081c9ecf2d', name: "afterfooter" }), !this.hideButton && (h$1(Fragment, { key: '0449ef097df354a51990e2694ce270b43e0920f4' }, h$1("duet-spacer", { key: '76fcd53d37a524972a778bd974d156eb03a9aba6', size: "large" }), h$1("duet-button", { key: '4cd5efca2ac98ee8ea478e9a7269a5d2e702b7ef', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (h$1(Fragment, { key: 'd0ad0e0fdcca436bc1362f3f85ded3312daee717' }, h$1("duet-spacer", { key: 'e799c51bdceded00756c53d2136b0e3ce1f97b55', size: "medium" }), h$1("duet-alert", { key: '444141c26982844f3d15a1cf3e3745948bf3d3a8', 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: 'febd550badcba99140209922fcaa84e140aafaed', "aria-hidden": "true" }, h$1("input", { key: '0f78eaf89f80196287c11b3f5ac7728f03c5ee3c', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h$1(Fragment, { key: '2f4db6f88150427eb99c623c1404f0556848a3e2' }, h$1("duet-spacer", { key: 'd9a182225a80cf3b31272bc3f45db3ae7f8456a2', size: "medium" }), h$1("duet-alert", { key: '8d2209357e096a6c47fe1465d8ca66d900c8935b', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h$1("duet-visually-hidden", { key: '4be261bd112017729973d2def23f9b384d11b556', "aria-hidden": "true" }, h$1("input", { key: '03b8b40bd9488b6de5091aa5ae46e4d146732f17', 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-86431925.js';
+import { D as DuetVisuallyHidden$1, d as defineCustomElement$1 } from './p-cf873d23.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-c084f5f2.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-81505f0b.js';
 
 const setupLoggers = () => {
     {

package/lib/dist-custom-elements/{p-8799d4ad.js → p-03ab6108.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h } from './p-81505f0b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getColorByName } from './p-6e022235.js';
 
@@ -29,7 +29,7 @@ const DuetDivider = /*@__PURE__*/ proxyCustomElement(class DuetDivider extends H
      */
     render() {
         const background = getColorByName(this.color);
-        return (h("div", { key: '068f4f4bf6e6c0b8fbe92a5eddd74db01aed9f87', class: {
+        return (h("div", { key: '6f7070cd1039fa6f21a079e0d3c6b3682678ad91', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,

package/lib/dist-custom-elements/{p-84a626a1.js → p-1a622e52.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-81505f0b.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: '76d5b17d941f8b7e1bf96cc00aa33776355ddd19', class: {
+        return (h(Host, { key: '27ca97cd0ab8838a914fad68c44307707b13c646', 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: '1d1896e37d20ab522cb702084b4ec425054ca09a' })));
+            } }, h("slot", { key: 'ef1fc8226a4cbf04cac71ba4e5a9968791806281' })));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-f22589a4.js → p-1d3954cb.js}

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-81505f0b.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 { i as isKeyboardClick } from './p-8db11326.js';
 import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './p-6e022235.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
-import { d as defineCustomElement$1 } from './p-86431925.js';
+import { d as defineCustomElement$2 } from './p-8c022d66.js';
+import { d as defineCustomElement$1 } from './p-cf873d23.js';
 
 const duetActionButtonCss = "*,*::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:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}";
 const DuetActionButtonStyle0 = duetActionButtonCss;

package/lib/dist-custom-elements/{p-97505489.js → p-1dd720f0.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-81505f0b.js';
 import { f as formSearch } from './p-d004da5f.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
@@ -9,15 +9,15 @@ import { c as cleanValue, r as resetCursor } from './p-df7874f9.js';
 import { b as isEscapeKey, c as isEnterKey, h as isBackspaceKey, j as isArrowLeftKey, k as isArrowRightKey } from './p-8db11326.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
 import { c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$9 } from './p-1399c239.js';
-import { d as defineCustomElement$8 } from './p-a839bb27.js';
-import { d as defineCustomElement$7 } from './p-dff748c3.js';
-import { d as defineCustomElement$6 } from './p-7a5af4ef.js';
-import { d as defineCustomElement$5 } from './p-c18fe324.js';
-import { d as defineCustomElement$4 } from './p-0e2c29a0.js';
-import { d as defineCustomElement$3 } from './p-e2468742.js';
-import { d as defineCustomElement$2 } from './p-7da00182.js';
-import { d as defineCustomElement$1 } from './p-86431925.js';
+import { d as defineCustomElement$9 } from './p-9091f589.js';
+import { d as defineCustomElement$8 } from './p-78076fd7.js';
+import { d as defineCustomElement$7 } from './p-8c022d66.js';
+import { d as defineCustomElement$6 } from './p-f5c940d5.js';
+import { d as defineCustomElement$5 } from './p-c6b96452.js';
+import { d as defineCustomElement$4 } from './p-55d85326.js';
+import { d as defineCustomElement$3 } from './p-d6ce295d.js';
+import { d as defineCustomElement$2 } from './p-bda6f3f9.js';
+import { d as defineCustomElement$1 } from './p-cf873d23.js';
 
 var formEmail={"title":"form-email","tags":"form email","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z\"/></svg>"};
 

package/lib/dist-custom-elements/{p-88624802.js → p-1f125fa8.js}

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-81505f0b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, a as getElementsFromDefaultSlot } from './p-f21662ea.js';
-import { d as defineCustomElement$4 } from './p-1399c239.js';
-import { d as defineCustomElement$3 } from './p-dff748c3.js';
-import { d as defineCustomElement$2 } from './p-c18fe324.js';
-import { d as defineCustomElement$1 } from './p-86431925.js';
+import { d as defineCustomElement$4 } from './p-9091f589.js';
+import { d as defineCustomElement$3 } from './p-8c022d66.js';
+import { d as defineCustomElement$2 } from './p-c6b96452.js';
+import { d as defineCustomElement$1 } from './p-cf873d23.js';
 
 const duetScrollableCss = "*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:210;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items .duet-scrollable-list.duet-scrollable-stretch{width:100%}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
 const DuetScrollableStyle0 = duetScrollableCss;
@@ -149,12 +149,10 @@ const DuetScrollable = /*@__PURE__*/ proxyCustomElement(class DuetScrollable ext
         else if (container.scrollLeft > 0) {
             this.scrollPaneAtStart = false;
         }
-        if (container.clientWidth + container.scrollLeft + this.getOverlayWidth() >= container.scrollWidth) {
-            this.scrollPaneAtEnd = true;
-        }
-        else if (container.clientWidth + container.scrollLeft + this.getOverlayWidth() < container.scrollWidth) {
-            this.scrollPaneAtEnd = false;
-        }
+        // Round both values to handle sub-pixel precision issues
+        const visibleContentWidth = Math.round(container.clientWidth + container.scrollLeft + this.getOverlayWidth());
+        const totalContentWidth = Math.round(container.scrollWidth);
+        this.scrollPaneAtEnd = visibleContentWidth >= totalContentWidth;
     }
     scrollToElement(index = this.currentIndex, inline) {
         const elements = this.getScrollPaneElements();
@@ -201,12 +199,7 @@ const DuetScrollable = /*@__PURE__*/ proxyCustomElement(class DuetScrollable ext
         this.scrollToElement(last + 1, "center");
     }
     getOverlayWidth() {
-        // This is a hot-fix for the duet-tab-group component not
-        // working properly with turva theme. This should be properly fixed in the future.
-        if (this.buttonPosition === "absolute") {
-            return this.theme === "turva" ? 1 : 0;
-        }
-        return 10;
+        return this.buttonPosition === "absolute" ? 0 : 10;
     }
     renderButton(direction) {
         const arrowColor = this.theme === "turva" ? "color-primary-darker-turva" : "color-primary";
@@ -242,18 +235,18 @@ const DuetScrollable = /*@__PURE__*/ proxyCustomElement(class DuetScrollable ext
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'a6b6c47b76b51d36baeb7c17ea49d02072804518', class: {
+        return (h(Host, { key: '13b04f9678d2d876b3813ff3be4400c6d3cb8706', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: 'f02b7eb92b641ae95f75c65b1770b70f0f0b4395', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '5459a8a656904d8cf5930623b0590b533055be36', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: '361db712df5cd053b2893967d4197dad92c51ea7', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: 'fab8fa79977d5437808b2ba76887954563f8c83d', name: "collapse-button-label" })))), h("div", { key: 'd4a34094350602896f3c3af6f9170d6285cb2af1', class: {
+            } }, h("duet-button", { key: '0e1a7e9dd6e442d653ce8dbdc19831b3299d47c5', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '8c534bbeea9b0f15915958ae3947ca479a141a07', name: "collapse-button-label" })))), h("div", { key: '333736ff3035d3ba6e12b6f73c38fad12af6ec6a', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), h("div", { key: '06a9edfb77eac6cf1435811b6f1981abbd91adf4', class: {
+            } }, this.buttons && this.renderButton("left"), h("div", { key: '78c52fc83f55f4e9ab7bd9a3d12ec2c7a88f2e3f', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
@@ -261,7 +254,7 @@ const DuetScrollable = /*@__PURE__*/ proxyCustomElement(class DuetScrollable ext
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
                 [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
                 "duet-scrollable-stretch": this.stretch,
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '890f6a6957b1e9aaf3cb16fff1cda5f4e3b0da00' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '95205e7b789573b3f5bfa2e542d81e2068968e93' })), this.buttons && this.renderButton("right"))));
     }
     get element() { return this; }
     static get watchers() { return {