@duetds/components 10.7.0 → 10.8.0

package/lib/esm/duet-toolbar.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-D4MpGrUR.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CdcBxXLd.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
 
 const duetToolbarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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(251, 225, 209)}.duet-toolbar.duet-theme-turva.primary{background:rgb(230, 23, 64)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}";
 
@@ -36,11 +36,11 @@ const DuetToolbar = class {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: 'a4427ddcb41378eb22a7ef7f077c9fdf1d290880' }, h("nav", { key: '255a4f21a692c5a1231d619f33a73bfece27de9c', class: {
+        return (h(Host, { key: 'a37f1935a900c25d98ec68adf41051ba262b8382' }, h("nav", { key: '2902f5f92017c5d24c9d402f1e15a987e015ee39', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: 'ac3f72269798fe1d29734ed2848149b1f3197815', class: "container" }, h("div", { key: '01fd28d4455b94221b7664475f7f8d948851b1ae', class: "list", role: "list" }, h("slot", { key: '51d7c5144022b4d1e580a9d33e9fff683e06e537', name: "left" })), h("div", { key: '2fd278a57422a9751f84a4faedbb26cfd8a6095c', class: "list", role: "list" }, h("slot", { key: '0e7197b5ed23a575b00e3c5dca361da1b1dfbfb0', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '83f64d72ba0fb5f452c002eaf87c5fe549665730', class: "container" }, h("div", { key: '81ca721a0ef1c7f5251611645bb4bd1bad34c154', class: "list", role: "list" }, h("slot", { key: '67dc75314e0816f603cd8a377641f353d809f35d', name: "left" })), h("div", { key: 'd4d812cb4a537406f4bd1763df1ecb1dbcc4c36d', class: "list", role: "list" }, h("slot", { key: 'fd698d64dcd063a8aac4d85a89100a35108ae52d', name: "right" }))))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-tooltip-button_2.entry.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-D4MpGrUR.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-CdcBxXLd.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-BaefVzkx.js';
-import { F as FocusGuard } from './focus-utils-id9x3opi.js';
+import { F as FocusGuard } from './focus-utils-BwoMMpkj.js';
 import { T as Teleport } from './teleport-CxwkvTlZ.js';
 
-const duetTooltipButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button.duet-tooltip-button-in-badge{width:16px;min-width:16px;height:16px;color:inherit}.duet-tooltip-button.duet-tooltip-button-in-badge:focus{outline:0 !important}.duet-tooltip-button.duet-tooltip-button-in-badge svg{width:12px;height:12px}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;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.25;vertical-align:top;text-align:left;white-space:normal}.duet-theme-turva.duet-tooltip-button{color:rgb(230, 23, 64)}.duet-theme-turva.duet-tooltip-button:hover{color:rgb(230, 23, 64)}.duet-theme-turva.duet-tooltip-button.duet-tooltip-button-in-badge{color:inherit}.duet-theme-turva .duet-tooltip-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}";
+const duetTooltipButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button.duet-tooltip-button-in-badge{width:16px;min-width:16px;height:16px;color:inherit}.duet-tooltip-button.duet-tooltip-button-in-badge:focus{outline:0 !important}.duet-tooltip-button.duet-tooltip-button-in-badge svg{width:12px;height:12px}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;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.25;vertical-align:top;text-align:left;white-space:normal}.duet-theme-turva.duet-tooltip-button{color:rgb(230, 23, 64)}.duet-theme-turva.duet-tooltip-button:hover{color:rgb(230, 23, 64)}.duet-theme-turva.duet-tooltip-button.duet-tooltip-button-in-badge{color:inherit}.duet-theme-turva.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-theme-turva.duet-tooltip-button.duet-tooltip-button-negative:hover{color:rgb(255, 255, 255)}.duet-theme-turva .duet-tooltip-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}";
 
 const DuetTooltipButton = class {
     constructor(hostRef) {
@@ -39,14 +39,14 @@ const DuetTooltipButton = class {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = h("duet-visually-hidden", { key: 'a1f134eb2b35ec5fa474cec67587058e0cf9aad1' }, this.accessibleLabel);
-        return (h(Host, { key: '5f14833c83030b15a1f9377e2dd3a4fcfe9551fe' }, h("button", { key: '330df985e0ade31c2dbdba3b7d0149742c77b02d', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        const visuallyHidden = h("duet-visually-hidden", { key: '635d9f636534191031bbefe82d1efe3bb0ca1be3' }, this.accessibleLabel);
+        return (h(Host, { key: 'f4ac65122f13177047aeb77c0861d58738546509' }, h("button", { key: 'e6b356569faeb652df1aa80feb023ab4cff1e621', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
                 "duet-tooltip-button-in-badge": this.inBadge,
-            } }, h("svg", { key: 'f2d13cb590a885f19398aa5668d3bff5fbdcd5de', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3f7d2c195567d326319cd30f84c3b62aab028f30', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '393be8809c4fa503e1638a5b424a6f55d1c4358a', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '92977962b50e4f53fa9d2b3f3df9febae0f70256', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
+            } }, h("svg", { key: '78594fe2105d48e470ea27e1c776e3be260d05a3', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '889a195a1409d4bc11fee456c8bedd3cc9c9f104', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '6b321e4d4880ac85bf1c4a4cdbb9578cd8ed3637', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '1a13066394a6acb5b62cf8fae650a79104b91a21', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
     }
     get element() { return getElement(this); }
 };
@@ -96,14 +96,14 @@ const DuetTooltipPopup = class {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: '678752dd505719576a22fb62106bb57ea1b6854a' }, h("div", { key: 'fc85219c32e7013c66aa895c96e0da3141e8dfca', class: {
+        return (h(Host, { key: '778391de6847a5b7b639a09443e9dec0621a8796' }, h("div", { key: '9b0d4cb9978cf2d304de748b9a87828379ea12b1', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '4b35fea7062e07b744028e60d97f0093e1f1630f', moveFocusTo: this.buttonEl }), h("div", { key: '7ca1e5455df1d7759f3b885ea6e3b2ef65b4ad25', ref: element => (this.contentEl = element), class: {
+            } }, h(FocusGuard, { key: '71184f23e8382d5825458029532f2a405f218110', moveFocusTo: this.buttonEl }), h("div", { key: 'a401f946fc3c88268557b0ce35eae3d839179ee6', ref: element => (this.contentEl = element), class: {
                 "duet-tooltip-content-area": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, tabindex: -1, id: this.tooltipId }, h("slot", { key: 'e9ca64614c0b10767772a29260a50a1ad3c98638' })), h("div", { key: '672fb0df64ac13f3b6608738bca0310ee679f663', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '8c7013f5eeb4d74ab615abb0cc08c4de67555fa8', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '691ad59b5485fe06bec6f2716f833f096c3a4339', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '33e72bd58a21e087218081bd41f2dc5a678569fa', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '6c331c361ff9e653466ac2e1b99531f1d0eb7ec4' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '8c3297577babe082e650f8e75b2713fac2a2c377', moveFocusTo: this.contentEl }))));
+            }, tabindex: -1, id: this.tooltipId }, h("slot", { key: '26863da248c5b4a88ccc62322feb440cd3b0c1b0' })), h("div", { key: 'cd0499889d2a77c78accd98e43c779d094763621', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: 'cec22b52e115faf80fc4fe5e718194adc703b186', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'e94d9ea886d69e78317113bd1cbdee3b4c384b5e', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'cb959efca9b977153343d3f1fc94eed0b08c71d6', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '7ddb28ae6bac6673c73b92378d2298746f2f2631' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '707fc931ad2d467dc590b8752b939d8a854af30c', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-tooltip.entry.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-D4MpGrUR.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CdcBxXLd.js';
 import { m as media_query_medium, a as media_query_large } from './tokens-Ce9HQd35.js';
-import { M, z, f as flip, s as shift, a as arrow, o as offset } from './floating-ui.dom.browser.min-B_NkY9T0.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
+import { M, z, f as flip, s as shift, a as arrow, o as offset } from './floating-ui.dom.browser.min-BQTM1aqo.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { a as isEscapeKey } from './keyboard-utils-BaefVzkx.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-DTyUbpD-.js';
-import { b as cloneDefaultSlotContent } from './slot-utils-BhEk4zKY.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-C-lpMyP9.js';
+import { b as cloneDefaultSlotContent } from './slot-utils-BSS0Em_Z.js';
 import './string-utils-C6E9F6QT.js';
 
 const duetTooltipCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button{position:relative}duet-tooltip-popup{position:absolute}";

package/lib/esm/duet-tray.entry.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-D4MpGrUR.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-CdcBxXLd.js';
 import { s as sizeHeader } from './tokens.module-kkZE1C6Z.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-BaefVzkx.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-DTyUbpD-.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-C-lpMyP9.js';
 import './string-utils-C6E9F6QT.js';
 
 const duetTrayCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;visibility:hidden;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);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;transform:translateY(-4rem);transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray:focus,:host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.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;visibility:hidden;width:calc(100% + 46px);max-height:0;overflow-y:auto;scrollbar-width:none;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{visibility:visible;max-height:500px;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.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}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray-button:focus,:host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:active{box-shadow:none;opacity:0.75}.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, 42, 59);background:rgb(253, 247, 242);border-color:rgb(251, 225, 209)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(251, 225, 209)}.duet-theme-turva .duet-tray-button{color:rgb(23, 42, 59)}";
@@ -130,14 +130,14 @@ const DuetTray = class {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '0838308a751d5bd344d9dcf549972c164bc486d3', class: {
+        return (h("div", { key: 'fd50cc2b8b3ef5655eea859837b7d777e643ed8b', 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: '53974066f858b18963305b8765ae22d268a46df3', class: "duet-tray-default-content", role: "status" }, h("slot", { key: 'be7397d2f73ae4147ca097c7567c4fe10b59b2e8' })), this.hasAdditionalContent && (h(Fragment, { key: 'c698de98aa274785a9287095f9a2b19a1e3707a4' }, h("button", { key: '7b0a76ccba8af4c2e3851cbbbf9dd3e2de73a674', "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: 'abf622b92b58b146b03f6717670dc1bd6de3c1fd', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '3d191e5254f83b0500fd3d15f6ff578efa264da7' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'd82fa1ac499869d855de59b7855e2375fd811b80', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '62b911579dc9e0013bd7e57f1ba4f77098cc7b33', class: "duet-tray-expandable-content" }, h("slot", { key: 'c16585065375ed05c264abd6b15c0f02482d9c81', name: "additional" })))))));
+            } }, h("div", { key: '6f4920fc46ec9ca16fffde76491332f8c4347ca1', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '86015d1b7a5c5f2fa233def31e8f827d7d087e16' })), this.hasAdditionalContent && (h(Fragment, { key: '8a60cf5da72a7a7c5fe879a616d71c82381c4585' }, h("button", { key: 'b1276c9c3c7758191345196f93f17edbae8b1b0f', "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: '24fcfa99098667d6e75caaa51e77032cf8dc9ad1', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '423a4e0bc8d2ca2984f406f2f392f88bd9602dc2' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '8f3e1506edebd49b0c7f867bdc4aa109ed8f0f2e', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'd904e8635cc16b23ce73280b6df8db7254f4256e', class: "duet-tray-expandable-content" }, h("slot", { key: 'e18df7f7b85e8d19c5910c76b026535a5d478dd7', name: "additional" })))))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-upload-aria-status.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-D4MpGrUR.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CdcBxXLd.js';
 
 const DuetUploadAriaStatus = class {
     constructor(hostRef) {
@@ -83,7 +83,7 @@ const DuetUploadAriaStatus = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '9c5fda7baf87f2da5f17457f7cef35de49d7e9ba', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '46fa9e08ae5a48ae3033846cb67e0c57f319d51e' }, this.statusMessage)));
+        return (h(Host, { key: '4fca4f32ff28bded94b942cc2b8f148e0d95fd29', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '5af42f3e8747936597131b1bcca491dfd3e244bb' }, this.statusMessage)));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/lib/esm/duet-upload-item.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement } from './index-D4MpGrUR.js';
-import { i as inheritGlobalTheme } from './themeable-component-B_d7Klmd.js';
-import { g as getLocaleString } from './language-utils-DTyUbpD-.js';
-import { g as getI18nError } from './errorcodes.utils-KA3z1KuW.js';
+import { r as registerInstance, h, g as getElement } from './index-CdcBxXLd.js';
+import { i as inheritGlobalTheme } from './themeable-component-DQtSOD4i.js';
+import { g as getLocaleString } from './language-utils-C-lpMyP9.js';
+import { g as getI18nError } from './errorcodes.utils-0XnfYFAn.js';
 import './string-utils-C6E9F6QT.js';
 
 const formatBytes = (bytes, decimals = 2) => {
@@ -84,9 +84,9 @@ const DuetUploadItem = class {
         const { uid, meta, item } = this.data;
         const Badges = meta && meta.badges ? (h("span", null, meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
         const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (h("div", { key: '1e8a7b12404ac8539c77b5a1b93c062e3f586464', class: {
+        return (h("div", { key: 'c2b1fa02e7a76fcbdd4007dffed433137c10e7fe', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: '362a940d6d61fb4bceb8f994cc1fac5bc1d9d0fb', class: "item-categories" }, h("duet-heading", { key: '57d3573e6094316e98327ff4ddf7782ff624e6bb', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '7e7bd71276e64ff416542e1ebf0db39659d863ef', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '8647031137125b3d66db9ea1d29237eb9d4a782a', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: 'a5f5fd7dfe122082e97378b9cae8f0196a99b5e8', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: '5dcff0e0c23116550d6a6f45329bf4d4a0e2fa8f', class: "item-categories" }, h("duet-heading", { key: '1f2ead94635bc38a7d2aadb863d8f98d63cb1afc', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: 'e018839c73a7e879b643560f026c9a0a7ceb8181', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '128801bc7d77a9b0f8e6d116306d9cd0c4ec8a6c', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '18a62c6ba81fc952b6aa0b397e6287460abb2b39', class: "item-actions" }, this.actions.map(actionItem => {
             return (h("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${getLocaleString(actionItem.label)} `, accessibleTitle: this.getActionButtonTitle(actionItem), ref: button => (this.actionButton = button) }));
         }))));
     }

package/lib/esm/duet-visually-hidden.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-D4MpGrUR.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CdcBxXLd.js';
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}";
 
@@ -14,7 +14,7 @@ const DuetVisuallyHidden = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '29e733429b9aa2454e094a667e28c97eeb489d9e', class: "duet-visually-hidden" }, h("slot", { key: '73596a3d050b4f00d6a3261070811062a91a2519' })));
+        return (h(Host, { key: '3b08520661ce7817a247cdc1574d2e17934a7e17', class: "duet-visually-hidden" }, h("slot", { key: 'fb9e14e593da0a47c7946ed385c3cbd711dc2ce7' })));
     }
     get element() { return getElement(this); }
 };