@duetds/components 8.6.9 → 8.7.1

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

@@ -1,12 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7b0b6925.js';
-import { i as inheritGlobalTheme } from './p-a58bd561.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-0178c1f7.js';
+import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { b as isEscapeKey } from './p-785686e3.js';
-import { d as defineCustomElement$2 } from './p-493f8393.js';
+import { d as defineCustomElement$2 } from './p-222d5824.js';
 
 const duetToolbarDropdownCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-toolbar-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128);text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(0, 41, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-dropdown .items{position:absolute;top:93%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:8px;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button:hover{color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}.duet-toolbar-dropdown.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}.duet-toolbar-dropdown.negative button.open{color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}.duet-toolbar-dropdown.negative button duet-icon{color:rgb(205, 229, 241)}.duet-toolbar-dropdown.duet-theme-turva.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.duet-theme-turva.negative button:hover{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.open{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon{color:rgb(244, 207, 214)}";
+const DuetToolbarDropdownStyle0 = duetToolbarDropdownCss;
 
 const DuetToolbarDropdown$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbarDropdown extends H {
     constructor() {
@@ -57,21 +58,21 @@ const DuetToolbarDropdown$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbar
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { role: "listitem" }, h("div", { class: {
+        return (h(Host, { key: 'b1ab90e367e74581bb2bbbbab3efca4befdb65af', role: "listitem" }, h("div", { key: '8f911bb057a0b128bca7d7fe7d9c864fe0123f6a', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { 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: '250463f2bc27b86116406c9cc94ac3a0b2ad3dad', 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", { theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '79bc60e4e8e87082abce55cb552bf6ec5653bf13', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '58325e1fe660100b8e5bfb0406b039dbe6dd12a2', class: "label" }, h("slot", { key: '0e268220c2af6cbe5336502e28f4b1bd2231fda4', name: "label" }), h("duet-icon", { key: '29849c94518deae5dd1be0f1e16aff39f380aad1', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'e3b7ce6dbf6f1c38a9859f90b91ec3036a458b8a', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", null)))));
+            } }, h("slot", { key: 'c864869cbf3ac102fc2f72966bec15e294e68fd6' })))));
     }
     get element() { return this; }
-    static get style() { return duetToolbarDropdownCss; }
+    static get style() { return DuetToolbarDropdownStyle0; }
 }, [1, "duet-toolbar-dropdown", {
         "theme": [1025],
         "variation": [1025],

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

@@ -1,11 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7b0b6925.js';
-import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { d as defineCustomElement$2 } from './p-493f8393.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-0178c1f7.js';
+import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
+import { d as defineCustomElement$2 } from './p-222d5824.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, 77, 128);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[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-toolbar-item.negative{color:rgb(255, 255, 255)}.duet-toolbar-item.negative[aria-expanded=true]{background:rgba(0, 41, 77, 0.2)}.duet-toolbar-item.negative duet-icon{color:rgb(205, 229, 241)}.duet-toolbar-item.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-toolbar-item.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-item.duet-theme-turva.negative[aria-expanded=true]{background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.duet-theme-turva.negative duet-icon{color:rgb(244, 207, 214)}.duet-toolbar-item:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-item:hover.negative{color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}.duet-toolbar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-item:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.active{color:rgb(0, 41, 77)}.duet-toolbar-item.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.active.negative::after{display:none}.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.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}";
+const DuetToolbarItemStyle0 = duetToolbarItemCss;
 
 const DuetToolbarItem$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbarItem extends H {
     constructor() {
@@ -41,18 +42,18 @@ const DuetToolbarItem$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbarItem
     render() {
         const TagName = this.url ? "a" : "button";
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { role: "listitem" }, h(TagName, { ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '3e9682df2c32801eb6fe762073f655878533b2e9', role: "listitem" }, h(TagName, { key: 'bdc5ace05432994caa73e7262221cd8090b6f635', ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (h("duet-icon", { size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", null), this.trailingIcon && (h("duet-icon", { class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (h("duet-icon", { key: '8c263b1162d7042f9e0a128d7bc301ce3642bd22', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '4e3476e70043cf9f4abe7e317f2d59ade87e40e5' }), this.trailingIcon && (h("duet-icon", { key: '0d0effa4d7022a1737bf0cc9f7ec5c6931f11cc5', class: {
                 "trailing-icon": true,
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
             }, theme: this.theme, name: this.trailingIcon, margin: "none", size: this.trailingIcon === "action-arrow-down-small" ? "xxx-small" : "x-small", color: "currentColor" })))));
     }
     get element() { return this; }
-    static get style() { return duetToolbarItemCss; }
+    static get style() { return DuetToolbarItemStyle0; }
 }, [1, "duet-toolbar-item", {
         "theme": [1025],
         "variation": [1025],

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

@@ -1,11 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7b0b6925.js';
-import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { d as defineCustomElement$2 } from './p-493f8393.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-0178c1f7.js';
+import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
+import { d as defineCustomElement$2 } from './p-222d5824.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, 77, 128);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(205, 229, 241)}.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(244, 207, 214)}.duet-toolbar-link:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(0, 41, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.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(0, 41, 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;
 
 const DuetToolbarLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbarLink extends H {
     constructor() {
@@ -31,15 +32,15 @@ const DuetToolbarLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbarLink
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { role: "listitem" }, h("a", { class: {
+        return (h(Host, { key: '0b1b75540b0e76392ccc42744e179a500cd3d7ad', role: "listitem" }, h("a", { key: 'f010c63eaddd157e787951cea81ced2d0ab61957', 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", { size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", null))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'f6a372c0c34607f1a8e87dd710c371e61e356e2e', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '341984fa0638ea8b79c0ff55a679d673a34b6376' }))));
     }
     get element() { return this; }
-    static get style() { return duetToolbarLinkCss; }
+    static get style() { return DuetToolbarLinkStyle0; }
 }, [1, "duet-toolbar-link", {
         "theme": [1025],
         "variation": [1025],

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

@@ -1,10 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7b0b6925.js';
-import { i as inheritGlobalTheme } from './p-a58bd561.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-0178c1f7.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(225, 227, 230)}.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.negative{background:rgb(0, 119, 179)}.duet-toolbar.negative .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(228, 228, 230)}.duet-toolbar.duet-theme-turva.negative{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.negative .container{border-bottom:0}";
+const DuetToolbarStyle0 = duetToolbarCss;
 
 const DuetToolbar$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbar extends H {
     constructor() {
@@ -27,10 +28,10 @@ const DuetToolbar$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbar extends
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "default";
-        return (h(Host, null, h("nav", { class: { "duet-toolbar": true, "duet-theme-turva": this.theme === "turva", [variation]: true }, "aria-label": this.accessibleLabel }, h("div", { class: "container" }, h("div", { class: "list", role: "list" }, h("slot", { name: "left" })), h("div", { class: "list", role: "list" }, h("slot", { name: "right" }))))));
+        return (h(Host, { key: 'ca4c2dd159af6a75a64fd4559da9c58fa889abab' }, h("nav", { key: 'b895cd71a3eb9c5c5b1e6057b81571e64d5059dc', class: { "duet-toolbar": true, "duet-theme-turva": this.theme === "turva", [variation]: true }, "aria-label": this.accessibleLabel }, h("div", { key: 'ac696254f9a32fd837a9e3484d08e70648880ca2', class: "container" }, h("div", { key: 'a37926ca410b7d7cc8c78418511d8c5d05338d8d', class: "list", role: "list" }, h("slot", { key: '37bef6b5d253fe695bcf4bcfa9d277b616b7b98d', name: "left" })), h("div", { key: '3b42c69dc892c874ab6a2d737a50bc8fff4c730c', class: "list", role: "list" }, h("slot", { key: 'a1b11f4b740034718086be5efecf2353ca2389a5', name: "right" }))))));
     }
     get element() { return this; }
-    static get style() { return duetToolbarCss; }
+    static get style() { return DuetToolbarStyle0; }
 }, [1, "duet-toolbar", {
         "theme": [1025],
         "variation": [1025],

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-db050a49.js';
+import { D as DuetTooltipButton$1, d as defineCustomElement$1 } from './p-95c3b618.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-1957643a.js';
+import { D as DuetTooltipPopup$1, d as defineCustomElement$1 } from './p-4af37889.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-d37c28c4.js';
+import { D as DuetTooltip$1, d as defineCustomElement$1 } from './p-60263446.js';
 
 const DuetTooltip = DuetTooltip$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,16 +1,17 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment } from './p-7b0b6925.js';
+import { p as proxyCustomElement, H, h, F as Fragment } from './p-0178c1f7.js';
 import { i as sizeHeader } from './p-67ef919e.js';
-import { i as inheritGlobalTheme } from './p-a58bd561.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-785686e3.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-2e36d5bf.js';
-import { d as defineCustomElement$3 } from './p-493f8393.js';
-import { d as defineCustomElement$2 } from './p-3669efe2.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-44837462.js';
+import { d as defineCustomElement$3 } from './p-222d5824.js';
+import { d as defineCustomElement$2 } from './p-e0c7447c.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(0, 41, 77);visibility:hidden;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);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, 245, 247);border-color:rgb(228, 228, 230)}.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(225, 227, 230)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(228, 228, 230)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(0, 41, 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;
 
 const topOffset = parseFloat(sizeHeader) * 2 * 16; // convert rem -> px
 const DuetTray$1 = /*@__PURE__*/ proxyCustomElement(class DuetTray extends H {
@@ -91,17 +92,17 @@ const DuetTray$1 = /*@__PURE__*/ proxyCustomElement(class DuetTray extends H {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { class: {
+        return (h("div", { key: 'd886cb2bdb30f527fc0cbcdc7dfdc037b7957445', 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", { class: "duet-tray-default-content", role: "status" }, h("slot", null)), this.hasAdditionalContent && (h(Fragment, null, h("button", { "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", { name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", null, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { class: "duet-tray-expandable-content" }, h("slot", { name: "additional" })))))));
+            } }, h("div", { key: '4dd01b50a8b2a1193f482ff2d6ac8faad8844598', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '3b394a2c46dd52ace13372c021386695537e45a2' })), this.hasAdditionalContent && (h(Fragment, { key: 'e1ae4eb82fddc625d018fc625050095693a0cb39' }, h("button", { key: '64946a1df75ff28b45edaeb6989365b78fa18a01', "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: '15a329f00635b0a11dbcbfaab77c075006b4368d', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: 'b8a54bd169d936630907459d979f5f3d812e234f' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'b70a810a085e145d87d016daf31481e720cff3be', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '06a8e71c2b515c185e842f8d98c1bbb7a8d77248', class: "duet-tray-expandable-content" }, h("slot", { key: 'a4110b6fc431f61dafec49fddcefa9802b28bcc8', name: "additional" })))))));
     }
     get element() { return this; }
-    static get style() { return duetTrayCss; }
+    static get style() { return DuetTrayStyle0; }
 }, [1, "duet-tray", {
         "language": [1025],
         "accessibleCloseLabelDefaults": [1, "accessible-close-label-default"],

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-c99bddba.js';
+import { D as DuetUploadAriaStatus$1, d as defineCustomElement$1 } from './p-4beff602.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-2af5e0df.js';
+import { D as DuetUploadItem$1, d as defineCustomElement$1 } from './p-bae7deca.js';
 
 const DuetUploadItem = DuetUploadItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,31 +1,31 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, F as Fragment, d as Host } from './p-7b0b6925.js';
-import { i as inheritGlobalTheme } from './p-a58bd561.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, F as Fragment, d as Host } from './p-0178c1f7.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-2e36d5bf.js';
+import { g as getLocaleString, s as sanitizeString } from './p-44837462.js';
 import { p as parsePossibleJSON } from './p-0e052642.js';
-import { g as getError, d as defineCustomElement$3, a as getI18nError } from './p-2af5e0df.js';
-import { h } from './p-33937fd7.js';
-import { d as defineCustomElement$j } from './p-2329d234.js';
-import { d as defineCustomElement$i } from './p-c5e0f02e.js';
-import { d as defineCustomElement$h } from './p-78209aab.js';
-import { d as defineCustomElement$g } from './p-813731c9.js';
-import { d as defineCustomElement$f } from './p-b5a6f5f9.js';
-import { d as defineCustomElement$e } from './p-5eecfef8.js';
-import { d as defineCustomElement$d } from './p-ff1270a4.js';
-import { d as defineCustomElement$c } from './p-098dceeb.js';
-import { d as defineCustomElement$b } from './p-493f8393.js';
-import { d as defineCustomElement$a } from './p-3cf82739.js';
-import { d as defineCustomElement$9 } from './p-8cb65ba1.js';
-import { d as defineCustomElement$8 } from './p-e6d523be.js';
-import { d as defineCustomElement$7 } from './p-b40ce3f5.js';
-import { d as defineCustomElement$6 } from './p-a8e03f99.js';
-import { d as defineCustomElement$5 } from './p-4d30ade6.js';
-import { d as defineCustomElement$4 } from './p-c99bddba.js';
-import { d as defineCustomElement$2 } from './p-3669efe2.js';
+import { g as getError, a as getI18nError, d as defineCustomElement$3 } from './p-bae7deca.js';
+import { h } from './p-2f281743.js';
+import { d as defineCustomElement$j } from './p-9e08f3d1.js';
+import { d as defineCustomElement$i } from './p-5b0cb66f.js';
+import { d as defineCustomElement$h } from './p-1c8b0160.js';
+import { d as defineCustomElement$g } from './p-efe437a1.js';
+import { d as defineCustomElement$f } from './p-f296759e.js';
+import { d as defineCustomElement$e } from './p-c61b3f44.js';
+import { d as defineCustomElement$d } from './p-bba3d126.js';
+import { d as defineCustomElement$c } from './p-c4cd2644.js';
+import { d as defineCustomElement$b } from './p-222d5824.js';
+import { d as defineCustomElement$a } from './p-6dfa516f.js';
+import { d as defineCustomElement$9 } from './p-6283825d.js';
+import { d as defineCustomElement$8 } from './p-2f934066.js';
+import { d as defineCustomElement$7 } from './p-718dcff0.js';
+import { d as defineCustomElement$6 } from './p-2765da13.js';
+import { d as defineCustomElement$5 } from './p-ce849bf1.js';
+import { d as defineCustomElement$4 } from './p-4beff602.js';
+import { d as defineCustomElement$2 } from './p-e0c7447c.js';
 
 const errorCodes = [
 	{
@@ -334,6 +334,7 @@ const makeXhrRequest = ({ payload, options, onFailure, onSuccess, onProgress })
 };
 
 const duetUploadCss = "*,*::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}::slotted([slot=header]){margin-bottom:16px}::slotted([slot=fileheader]){margin:16px 0 0 0}::slotted([slot=filefooter]){margin-top:16px}::slotted([slot=uploadfooter]){margin-top:20px}.duet-upload{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-upload-item-size{font-size:0.75rem;font-weight:400}.duet-upload-filelist{margin-bottom:25px}.duet-upload-filelist-empty{display:flex;align-items:center;justify-content:center;width:100%;height:75px;margin:0 auto;font-size:1rem;font-weight:400;background-color:rgb(245, 248, 250)}.duet-upload-filelist-empty-label{font-size:1rem;font-weight:400}.duet-upload-editable-table-header-hidden{display:none}.duet-upload-editable-table tbody .duet-upload-editable-table-data{padding:0 !important;border:0}.duet-upload-editable-table duet-editable-table tfoot,.duet-upload-editable-table duet-editable-table thead{display:none}.duet-upload-editable-table duet-editable-table .duet-editable-table-content{padding-right:0 !important;padding-left:0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td{padding:1rem 0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td:last-child{padding-right:0 !important}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending{position:relative}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-progress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-progress{position:absolute;bottom:0;width:100%}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-action-button::part(button),.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-action-button::part(button){border:0}duet-paragraph::part(duet-paragraph){word-break:break-word}duet-editable-table tfoot{display:none}.upload-bottom-caption{margin-top:12px;margin-bottom:16px;line-height:1.4rem}.items-header{display:none;flex-direction:row;margin-bottom:0}@media (min-width: 36em){.items-header{display:flex}}.items-header:not(:last-child),.items-header:not(:first-child){margin-top:12px}.items-header .category-header{width:35%}.items-header .filename-header{width:65%}.items-header .filename-header.no-category{width:100%}.upload-item-row{display:flex;flex-direction:column;gap:16px;align-content:center;align-items:center;padding:16px 0 16px 0;border-bottom:1px solid rgb(225, 227, 230)}@media (min-width: 36em){.upload-item-row{flex-direction:row;gap:10px}}.upload-item-row .item-categories{width:100%}@media (min-width: 36em){.upload-item-row .item-categories{width:35%}}.upload-item-row .item-name{position:relative;bottom:2px;width:100%;text-align:left}@media (min-width: 36em){.upload-item-row .item-name{width:50%}.upload-item-row .item-name.no-category{width:85%}}.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:block}@media (min-width: 36em){.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:none}}.upload-item-row .item-actions{width:100%;margin-left:-8px;text-align:left}@media (min-width: 36em){.upload-item-row .item-actions{width:15%;padding-top:0;margin-left:auto;text-align:right}}.upload-item-row .duet-upload-item-name duet-icon{position:relative;top:4px}.upload-item-row .duet-upload-item-name duet-progress{display:block;margin-top:16px}";
+const DuetUploadStyle0 = duetUploadCss;
 
 const DuetUpload$1 = /*@__PURE__*/ proxyCustomElement(class DuetUpload extends H {
     constructor() {
@@ -1079,10 +1080,10 @@ const DuetUpload$1 = /*@__PURE__*/ proxyCustomElement(class DuetUpload extends H
             this.externalUploadButton.accessibleLabel = caption;
         }
         // @ts-ignore
-        return (h$1(Host, { class: { "duet-m-0": this.margin === "none" } }, h$1("duet-fieldset", { "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label, caption: !this.captionOnBottom ? caption : undefined }, h$1("slot", { name: "header" }), !this.files.size && (h$1("duet-empty-state", { id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h$1("duet-paragraph", { margin: "none" }, this.fileListEmpty))), !!this.files.size && h$1("slot", { name: "fileheader" }), !!this.files.size && (h$1("duet-upload-aria-status", { 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", { name: "filefooter" }), h$1("slot", { name: "uploadfooter" }), this.captionOnBottom && (h$1("duet-caption", { margin: "none", size: "small" }, h$1("div", { class: "upload-bottom-caption" }, caption))), h$1("slot", { name: "afterfooter" }), !this.hideButton && (h$1(Fragment, null, h$1("duet-spacer", { size: "large" }), h$1("duet-button", { id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel, "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: 'fbb23e4c7dafe25f609164ab839dfe2b773e4656', class: { "duet-m-0": this.margin === "none" } }, h$1("duet-fieldset", { key: '06b9887702d76107263650313313f1a9d0da18e1', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label, caption: !this.captionOnBottom ? caption : undefined }, h$1("slot", { key: '09d08704944030cfcf9577d1e9ff5743530cb087', name: "header" }), !this.files.size && (h$1("duet-empty-state", { key: '9455c1f4ec1c6f23ec1d005aa6aa1f0c902ea6d5', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h$1("duet-paragraph", { key: '33c49028d666ce29fd441817062f5fce1d5d87df', margin: "none" }, this.fileListEmpty))), !!this.files.size && h$1("slot", { key: 'ec41dfe1c379d717f4514d819118e8484feadc61', name: "fileheader" }), !!this.files.size && (h$1("duet-upload-aria-status", { key: 'ba56e1700f6254c05f0aeebded23eb071c2712a8', 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: 'c751122858e240739f4a439b89f9ff7f7603ee65', name: "filefooter" }), h$1("slot", { key: '44add8b2fd77cb942db72bd83cad90cab6e3b83a', name: "uploadfooter" }), this.captionOnBottom && (h$1("duet-caption", { key: 'b788d8ba602fe61da7ff8c06509ea0521027082f', margin: "none", size: "small" }, h$1("div", { key: '905be51cf09c625bd19737b9fa28c85f7911a2a4', class: "upload-bottom-caption" }, caption))), h$1("slot", { key: '2da304d7094152a7c38607af3d74d5d8b076c711', name: "afterfooter" }), !this.hideButton && (h$1(Fragment, { key: '74cc919f60e229c4fa1f7f8f4472c2d5cd731a6c' }, h$1("duet-spacer", { key: 'f60c7893de953a3551e5f0b826bc34510e205d42', size: "large" }), h$1("duet-button", { key: '20792f561a4a6b35ea120d6f24d5e6e49e366c7a', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel, "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, null, h$1("duet-spacer", { size: "medium" }), h$1("duet-alert", { 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", { "aria-hidden": "true" }, h$1("input", { ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h$1(Fragment, { key: 'dd237b355a77db2eb3c3a6bea07eae884ffce4ca' }, h$1("duet-spacer", { key: '0ecfd226ae4a1b30e1a3598848327c9e7d1d6cce', size: "medium" }), h$1("duet-alert", { key: '45e1d585869c782cd624d6c6c8bf93e819944980', 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: '3783514ca6994a7cabf2f2027c7a61f8147e633a', "aria-hidden": "true" }, h$1("input", { key: '6e79027a037da18e89b2dbebdb6ce3d750d11c3b', 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,
@@ -1266,7 +1267,7 @@ const DuetUpload$1 = /*@__PURE__*/ proxyCustomElement(class DuetUpload extends H
     static get watchers() { return {
         "valid": ["watchValidHandler"]
     }; }
-    static get style() { return duetUploadCss; }
+    static get style() { return DuetUploadStyle0; }
 }, [1, "duet-upload", {
         "accessibleActiveDescendant": [1, "accessible-active-descendant"],
         "accessibleDescribedBy": [1, "accessible-described-by"],

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-3669efe2.js';
+import { D as DuetVisuallyHidden$1, d as defineCustomElement$1 } from './p-e0c7447c.js';
 
 const DuetVisuallyHidden = DuetVisuallyHidden$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-7b0b6925.js';
+import './p-2f281743.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-0178c1f7.js';
 
 const setupLoggers = () => {
     {