@duetds/components 9.2.1 → 9.2.2

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-940c081d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-e48e0ceb.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { f as isEscapeKey } from './keyboard-utils-439bcc8b.js';
 
@@ -55,18 +55,18 @@ const DuetToolbarDropdown = class {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'a87f29715ddfbb33697cebfc796d4591cb191fd0', role: "listitem" }, h("div", { key: '54e757dfaaf70e32127e489812c35fca8e28e419', class: {
+        return (h(Host, { key: 'd43fd569731d6dc4a0bb5244105d0dd14ed7bc88', role: "listitem" }, h("div", { key: '5ca1536d28a1eac21dcbe812503fffbf872c86a2', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: '99e3e9be8b769b763bcb3efd37545b9d728b8ff5', 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: '2efdeb725e1699d458e1fe38973700bce864b002', 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: '599a1cd0847b63c55946e5c89f6fc1b4761dcb8a', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: 'fa9597c1dfb9c171a75b6f235ab433d2d4d86f07', class: "label" }, h("slot", { key: '9a262fb001663204c6aece7bdd7971b3f0d44c9e', name: "label" }), h("duet-icon", { key: '85728bfc749f8b5c9e310196d07a7cc587a17285', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '36d0896d802c6c2507e6a06ef3bc099684fefd64', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'b717e79696bdb53c18e48144620f6dd705512c92', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '702072ed8713a9be42822e7965844d7ac6e5119e', class: "label" }, h("slot", { key: 'e821052ac4c40880b7ed145ea270efc790b33156', name: "label" }), h("duet-icon", { key: 'ba6322e41b4d25e9750209b9a65fb284e517e8ce', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '702e4f974c7fbc1305c202662b5df4a3b921be78', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '7bfbe40de83bf7a95b773592d1c7ef0e15610197' })))));
+            } }, h("slot", { key: '71cc065f8c834a36224d881edee359b7c8c1c657' })))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-940c081d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-e48e0ceb.js';
 import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-af765cad.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { g as getAccessibleLinkLabel } from './a11y-utils-92930863.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-b0c1eb01.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-72de56f9.js';
 import './string-utils-192eb3c8.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 .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)}";
@@ -62,12 +62,12 @@ const DuetToolbarItem = class {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: 'c651741671154cd0e5851a6d6600c2eb96185740', role: "listitem" }, h(TagName, { key: 'dfc4397a8bd132f3a56accb84109c1bc5b0edc71', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '83f80d7e668d1177d5f9d0e836bdfb1e3acf7871', role: "listitem" }, h(TagName, { key: '850c973bb8f9558ab4253454f2687afac75e41dd', 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("duet-icon", { key: 'd770fb6252e01cfbfdf8c30810dc88f95eb6cc3c', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '4efe99a166b4078028022fbdd23ce8bbf32c6bdc' }), (this.trailingIcon || this.external) && (h("duet-icon", { key: '4a7f60fa0e412e2254dea5462de15f80fcdd4494', 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("duet-icon", { key: '9aa6189b20be3fd6906aadc63e97842d78fe5f71', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'e7d6bd17b81c8222d598747f64f306d7d0735b4b' }), (this.trailingIcon || this.external) && (h("duet-icon", { key: '4bc521b1a39492b49c2685687279b699be209305', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-940c081d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-e48e0ceb.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.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)}";
@@ -29,12 +29,12 @@ const DuetToolbarLink = class {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '6a66cea74140b5db01202d0f1ca06072b9c3dbd4', role: "listitem" }, h("a", { key: '7d494df416a0720defd5159669b2c85fb8a5f448', class: {
+        return (h(Host, { key: 'aabe5d2605c9a03e071001a702185a1466c83613', role: "listitem" }, h("a", { key: '78a079007a827d89ad01fef55594c77b81a2ed0f', 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: 'f6a26cd3099dd843e09a2473ecdf99e63b55a80f', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '14f9e21db7f199f4c09fd9838162b44f28c685e4' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '408a6a6bc5bff16d4d4793ce23e34c7d7c295009', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '8c8479842b94400a142de9e1b571e68a1405c04d' }))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-940c081d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-e48e0ceb.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.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}";
@@ -32,11 +32,11 @@ const DuetToolbar = class {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: 'e95670de6988cb19be58405e1a22503cde2b90bd' }, h("nav", { key: 'fc7d9f781f8a67c70f21ebb83468561457454a38', class: {
+        return (h(Host, { key: 'f755504caccff50555f478c9de6cf384e624cb3b' }, h("nav", { key: '1e261ae52e6c364e3ed7f3bb524f37da5a4f276e', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '98f5defda0a4174974b55128d7e6ab8875191e56', class: "container" }, h("div", { key: '00664089bfde8ff43b913744e098108b4f8a7b38', class: "list", role: "list" }, h("slot", { key: '2e5832a886df8fd2b97b6f3af6eb77ac76ca8fa4', name: "left" })), h("div", { key: '84fcc0c995aadaccea6d64e286d1fd5b112b89a7', class: "list", role: "list" }, h("slot", { key: 'c9bb0646272666f709b96546d3b43221c85bba83', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '50bfcdb065a530ced06715d880523406eaa58218', class: "container" }, h("div", { key: 'a1cf4a216b6305cd40bf86c17344b756d297b7a4', class: "list", role: "list" }, h("slot", { key: 'a0ca3b6d619470916a39fc71bc8fa9e9dbd931fe', name: "left" })), h("div", { key: '9b6649d061d2815641f8270d02f92fbad4680c4e', class: "list", role: "list" }, h("slot", { key: '2925618229a35ae1c92c2cf712449dde5e43c73a', name: "right" }))))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-940c081d.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-e48e0ceb.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-439bcc8b.js';
-import { F as FocusGuard } from './focus-utils-5147573d.js';
+import { F as FocusGuard } from './focus-utils-8f735598.js';
 import { T as Teleport } from './teleport-546f382d.js';
 
 const duetTooltipButtonCss = "*,*::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}.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.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.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;text-align:left;white-space:normal;vertical-align:top}.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\"}";
@@ -41,11 +41,11 @@ const DuetTooltipButton = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4a3bc0a7387a6ee9301370fcddd4cbea3d3744d3' }, h("button", { key: '4b215f11753fe4b67089ee0c4719657f9d67e44e', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (h(Host, { key: '360bc435fef7b15aa942d401e90445ed308649f0' }, h("button", { key: '0caa0a28506e68c0e70dd723177dccbb01654d70', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("svg", { key: 'bb183d86de565800c0b7b406f95ae2fa1ee14d4f', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0d71e87e5bfdefc8464e9a42d8868e24d4c17476', 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: '092e34189723e7c5e88f442927af839bc0426d17', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '193b5f7f361c9ae2b1718fc2b5a6f479075b263a', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
+            } }, h("svg", { key: '6efc80b2caaa461f37a50eed0db34d9021d2e9cd', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ff0015bdd563f7974c9e017947da732e9f3486d8', 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: '3dc766b793c4a4bf697f9f78b9f742c6f9c1e1ab', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'd5c64375ff914fd586b9c0a54458c2498cc7b0dc', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
     }
     get element() { return getElement(this); }
 };
@@ -96,11 +96,11 @@ const DuetTooltipPopup = class {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: 'ac8f27a96fb59b93219859633b8735e75a4794ed' }, h("div", { key: 'b7741f367063c54bb1134f83ed7939980d8c29d7', class: {
+        return (h(Host, { key: '9343f1579c908ded68ce8100b7fd2b3564627607' }, h("div", { key: '5fe8a03ff3fdb177498bc623aeb8f852b81b22b2', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: 'a04dc03abb6ae1d05fd884de1a39ca071ca77821', moveFocusTo: this.buttonEl }), h("div", { key: '3a035e3a4c49a924e7e269722e1f8831e1539cb8', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '47cf71c973ee05e2f6aac639493932edb87430a0' })), h("div", { key: '538cfc3ac931bf93d3bae72c43667294efff7451', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '7ca7a0576ca1b6e51c71dcffb555cd09be0232d6', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '413c242ac217f365afb66390b80bdbba76417985', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '4c676f3c7b717ba5c885750f1a3695d2f8033efb', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '2491f3bb82311d5e1353690ca70c63a50a447d3d' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'c9d63b7a36d1bdec4efbd032adee2895dd7ae88b', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '99bd903d13fedaef62d858ec84716a86b68fec81', moveFocusTo: this.buttonEl }), h("div", { key: '03e42cf23c0116034b2632c49073d59674c36401', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '4c1aa1b66580eba27c55b6dd6f2f2a2207992937' })), h("div", { key: '00572971db0f698532d313358b0061f1663886d7', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '369a932964660a82b4e30a479059dddd14bc944b', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '0aa05fa0c54d83a82b8b0ec77d72e80976dddaae', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '7d951071b8525d3d29e5949b1643067ed83f4f7c', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'c4c392ec261bd9f0f63a8f94acba93e697afe580' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'e3a763bc0c245f43d9bf128064be5d3140f20f3b', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-940c081d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-e48e0ceb.js';
 import { m as media_query_medium, a as media_query_large } from './tokens-84fb2357.js';
 import { c as computePosition, f as flip, s as shift, a as arrow, b as autoUpdate } from './floating-ui.dom.esm-ebc91b33.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { f as isEscapeKey } from './keyboard-utils-439bcc8b.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-b0c1eb01.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-72de56f9.js';
 import './string-utils-192eb3c8.js';
 
 const duetTooltipCss = "*.sc-duet-tooltip,*.sc-duet-tooltip::after,*.sc-duet-tooltip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-tooltip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button.sc-duet-tooltip{position:relative}duet-tooltip-popup.sc-duet-tooltip{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-940c081d.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-e48e0ceb.js';
 import { s as sizeHeader } from './tokens.module-216c2ae9.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-439bcc8b.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-b0c1eb01.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-72de56f9.js';
 import './string-utils-192eb3c8.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}";
@@ -89,14 +89,14 @@ const DuetTray = class {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '76b2b1dcdb1e7ee3e0ed2213ef57fceb3d74ec15', class: {
+        return (h("div", { key: 'eab25fd81da57e62376472de7a34ad172a3d87c1', 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: 'fb8f019e8f54c8927712994cbacf8cd40f97df89', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '5b176c13e53472201ff96c30790176f829045c77' })), this.hasAdditionalContent && (h(Fragment, { key: 'd75916a5a44ad90ebc4d8b3e4d3bf5d236e16183' }, h("button", { key: '1acd1f45b0413fdd57e3896f770c60f8902777e7', "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: 'a6e538aff35d301ec697e0c07af106e470596365', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: 'cf583e12a76876d5296f9834efd860708bf494ed' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '7b17f4c9b0e80e150b71e6b5cc9af3e776147753', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '7832b0ebcbd578137e640581b810ffe9eb179b9b', class: "duet-tray-expandable-content" }, h("slot", { key: '20e79a071bd511e3b6dbd26cafe897d50eb5257d', name: "additional" })))))));
+            } }, h("div", { key: '00287ee0f266c18d7dc48f60959255f87df76aee', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '35204c591845b32d4cad662e924241b5902a0d85' })), this.hasAdditionalContent && (h(Fragment, { key: '5497fec464c742440e94f7984cc990c11f23e800' }, h("button", { key: 'c3e8b4a826f65a3d4dd7a63ff4e6d14a954c9737', "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: '2a888d94001aa2480386b4102d292a8ecd0b946c', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '629834fc0172c6a9c297cf35395a3ab91f25ee91' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'c50912636246e98dd25201bfc97658c9c64942f3', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'e14080be01b6df9842d241511d58690bba33ecb0', class: "duet-tray-expandable-content" }, h("slot", { key: 'e8143dd8dd7f6e187efd4c186747edd7808cfa11', 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-940c081d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-e48e0ceb.js';
 
 const DuetUploadAriaStatus = class {
     constructor(hostRef) {
@@ -62,7 +62,7 @@ const DuetUploadAriaStatus = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '54219bf80b49085192ad6679322a4dbeee895828', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '611c6211f06a2a1484fc68317f911cfc5d671abd' }, this.statusMessage)));
+        return (h(Host, { key: '2fd79b79b74b8fd911a981f350412fddba3a9679', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'bb7599e22a9e9f4bd188829e2b5b4a69455c3fd3' }, 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-940c081d.js';
+import { r as registerInstance, h, g as getElement } from './index-e48e0ceb.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
-import { g as getLocaleString } from './language-utils-b0c1eb01.js';
-import { a as getI18nError } from './errorcodes.utils-953f4d47.js';
+import { g as getLocaleString } from './language-utils-72de56f9.js';
+import { a as getI18nError } from './errorcodes.utils-a305e00b.js';
 import './string-utils-192eb3c8.js';
 
 const formatBytes = (bytes, decimals = 2) => {
@@ -92,9 +92,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: '1f218828b275a4e375e1abc5bdfc07efd523cc65', class: {
+        return (h("div", { key: '3bd049f474c0e5ae36c863e12c83f420338f2120', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: '658d56994cf4d0ba61795e1acb9fe240af8ff721', class: "item-categories" }, h("duet-heading", { key: '43c031580760f22c5e947204718a95d7dd04d344', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '1c1a0d54400f909928885b373f98b250bd06cec0', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '4255fa3f11831fc197e8f757bb4fbb6261592ead', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '5195ccc35498ad7538d7aba059262d4704d600a8', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: 'cabbda342b80dc26a8742b8c68f6f3ae836a78e5', class: "item-categories" }, h("duet-heading", { key: '9d9f798db399bf1c277b1a1b2699c15a8f8aff7d', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: 'e01fab2744f4cafdadb2defd3fd3da9262cdad68', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: 'e9f12029fc48fa148169a7e962fa42c4a4acd05c', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '61536d97451f6b2be7a7cf2c616860d9f31fb174', 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-940c081d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-e48e0ceb.js';
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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}";
 const DuetVisuallyHiddenStyle0 = duetVisuallyHiddenCss;
@@ -15,7 +15,7 @@ const DuetVisuallyHidden = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '46842b0272fd13e72381c3688fb9fb8caf2ac677', class: "duet-visually-hidden" }, h("slot", { key: '605e24ace98edce4bba2f121aa8c6f55a46d8360' })));
+        return (h(Host, { key: '13d60912c55f88d08d11e927bb6adcc95533e5af', class: "duet-visually-hidden" }, h("slot", { key: 'fdcee4888ca24e39e6aff1ce477fe8c97fd275ea' })));
     }
     get element() { return getElement(this); }
 };