@duetds/components 10.3.1 → 10.5.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-DrqQiRTn.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-B2cboDWM.js';
+import { i as inheritGlobalTheme } from './themeable-component-BBi3552X.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: '11cac89e811d6b909196be87f12ddf03fabc3880' }, h("nav", { key: '811f12c8c160dc6ca955cee1c442289e5be2ca87', class: {
+        return (h(Host, { key: '61e98006169a65d7bbb6625d7451f91f668e35c0' }, h("nav", { key: '82ab3b6e4e0c48b63a0fd35070954c2a5a20a354', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '386f1bc773de6027405dd241f7bf55c247e253da', class: "container" }, h("div", { key: '628fa593433c532ea8ba5e2ff728dfbbd03fa2c5', class: "list", role: "list" }, h("slot", { key: '99a06c1b2878c7ebc0bf9dbca19922fc35c96999', name: "left" })), h("div", { key: '88cf5b6bf106290b9aee832917ffe0cba4de8a56', class: "list", role: "list" }, h("slot", { key: '7cfe53a79d3f81b4a42c6661261698da60aa11df', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '8e5732502152fea0b6440dde585f097993cab4ae', class: "container" }, h("div", { key: 'cfbafa235559cb745df699aa2525ec9b0b0e71cf', class: "list", role: "list" }, h("slot", { key: 'cdf08194cf629b6b753f660c3450dfc0528b78a4', name: "left" })), h("div", { key: '7138e57d143210886eb9b7cdd29e836f35011700', class: "list", role: "list" }, h("slot", { key: '08a8dcaa7bc56cffdf52f5fc5f043b6e44e4efff', 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-DrqQiRTn.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-B2cboDWM.js';
+import { i as inheritGlobalTheme } from './themeable-component-BBi3552X.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-Db8rvjPI.js';
-import { F as FocusGuard } from './focus-utils-YZ2ticmM.js';
+import { F as FocusGuard } from './focus-utils-CFswdkeD.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-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-tooltip-button.duet-theme-turva{color:rgb(230, 23, 64)}.duet-tooltip-button.duet-theme-turva:hover{color:rgb(230, 23, 64)}.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-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) {
@@ -15,6 +15,7 @@ const DuetTooltipButton = class {
         this.label = "";
         this.theme = "";
         this.negative = false;
+        this.inBadge = false;
     }
     /**
      * Component lifecycle events.
@@ -38,19 +39,20 @@ const DuetTooltipButton = class {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = h("duet-visually-hidden", { key: '70a82f2c22f0f4f4550e15b1e7ec8c526e3c122e' }, this.accessibleLabel);
-        return (h(Host, { key: '19556e89ed879d642f95db9e14dfe6350af14858' }, h("button", { key: '2b2fab3108b3575da91c00ad81a763d776476b28', 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: 'ded762f4e7856c8f1c4d095463a406e98f7b82f0' }, this.accessibleLabel);
+        return (h(Host, { key: '6711d2a89b2dc210baf333a0c0023e78b7d5697f' }, h("button", { key: '1d9e860f68303cbe9f78df1b29643d27d266168c', 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,
-            } }, h("svg", { key: 'b665bf9fc4f777eed4e4e152c394adce11fc4f4e', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2f25f9fefa3c82c6f182507c79d3a9cf904fa009', 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: '2b0bea40ebef849a5faf6958f2d6da457180eaa1', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '44744f79a997b131473388d0e02347277d04c42e', 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))));
+                "duet-tooltip-button-in-badge": this.inBadge,
+            } }, h("svg", { key: 'c9891f25e887b6d7a7a4abac4df3a70e4ddf384a', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9bd8e387ee6d5a371c80a5f2804661463b044875', 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: '438bd9ee6f284ee38e3dab022b945fce9f1623ed', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '210feefcda3be6b66e077942f3e55129a2492277', 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); }
 };
 DuetTooltipButton.style = duetTooltipButtonCss;
 
-const duetTooltipPopupCss = "*,*::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:absolute;z-index:950}.duet-tooltip{position:relative;visibility:hidden;width:282px;min-height:48px;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(8, 42, 77);background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transform-origin:100% 100%;transition:300ms ease}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:\"\"}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:\"\"}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%}.duet-tooltip-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-tooltip-close{color:rgb(23, 42, 59)}.duet-theme-turva.duet-tooltip.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);border-color:rgb(212, 221, 226);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-theme-turva.duet-tooltip .arrow-container.top::before,.duet-theme-turva.duet-tooltip .arrow-container.top-start::before,.duet-theme-turva.duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(212, 221, 226)}.duet-theme-turva.duet-tooltip .arrow-container.bottom::before,.duet-theme-turva.duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva.duet-tooltip .arrow-container.bottom-end::before{border-bottom:11px solid rgb(212, 221, 226)}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 221, 226)}.duet-theme-turva .duet-tooltip-close{color:rgb(23, 42, 59)}";
+const duetTooltipPopupCss = "*,*::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:absolute;z-index:950}.duet-tooltip{position:relative;visibility:hidden;width:282px;min-height:48px;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(8, 42, 77);background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transform-origin:100% 100%;transition:300ms ease}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-21px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:\"\"}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:\"\"}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%}.duet-tooltip-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-tooltip-close{color:rgb(23, 42, 59)}.duet-theme-turva.duet-tooltip.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);border-color:rgb(212, 221, 226);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-theme-turva.duet-tooltip .arrow-container.top::before,.duet-theme-turva.duet-tooltip .arrow-container.top-start::before,.duet-theme-turva.duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(212, 221, 226)}.duet-theme-turva.duet-tooltip .arrow-container.bottom::before,.duet-theme-turva.duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva.duet-tooltip .arrow-container.bottom-end::before{border-bottom:11px solid rgb(212, 221, 226)}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 221, 226)}.duet-theme-turva .duet-tooltip-close{color:rgb(23, 42, 59)}";
 
 const DuetTooltipPopup = class {
     constructor(hostRef) {
@@ -94,14 +96,14 @@ const DuetTooltipPopup = class {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: 'cf44855d08d69141e629987f9ba2fdccdcdc21d7' }, h("div", { key: 'bf7580b8ecdf58b6c93c3c21cbb362234cc699b4', class: {
+        return (h(Host, { key: '29d3de91254dc1a869484f580648311e15f56b30' }, h("div", { key: '662564b5f5fc5f057084ca43fbe0d5d63fa2dc9f', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '6f5a516e23035e8e0b9c2951ef4a10243b564d17', moveFocusTo: this.buttonEl }), h("div", { key: '3d1031a521b8085ee786692f678a599fe7c02512', ref: element => (this.contentEl = element), class: {
+            } }, h(FocusGuard, { key: '92e046c9658d3e58aa005493211c2e80b7f6d4e9', moveFocusTo: this.buttonEl }), h("div", { key: '13dec9440e718fa77cb153d95cc85767b363b560', 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: 'f40fff5023fe51f2413b7a2cc3fd4fcae353502e' })), h("div", { key: 'e549848c426e3056c540a3b7aa808f05416bb5b3', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '21e7fddb4ee364c03887c4238dfe3d23beb97ac3', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'fbef02a023d8b1943a812811e574c9953dce843e', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '7b4b8aaac8a97ede79cb3390f2e85159dbc0e61f', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '9fd02bc99e3fdb9791575525da12a2998d40334a' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '794b71cceb911fbcfdf27110c0d08bd5da230944', moveFocusTo: this.contentEl }))));
+            }, tabindex: -1, id: this.tooltipId }, h("slot", { key: '2b64af48cdfa6caeed19a5f2d013b46d99e4bfde' })), h("div", { key: '77032302c1bef1d1b58194dfae5cc3f4e53a2bd4', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '5cf2ad060245b552eacc2cb4baf7d23bd167fefa', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'd2c072d73e9c1830d9dda8cbdddcabb926741a58', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '3139344fdf52410ea53e3fd84fc2c464c446e696', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '45770929e752f3292cfb55a302c4bbb788ae7d52' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'b88bd4a634b78548fb910db91e2b3263cb7e5bd2', 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-DrqQiRTn.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-B2cboDWM.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 } from './floating-ui.dom.browser.min-B_NkY9T0.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.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-BBi3552X.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { a as isEscapeKey } from './keyboard-utils-Db8rvjPI.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-BEG0cFmw.js';
-import { b as cloneDefaultSlotContent } from './slot-utils-Dzrezpl3.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-C4M4ASkT.js';
+import { b as cloneDefaultSlotContent } from './slot-utils--sNK1DNn.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}";
@@ -168,9 +168,13 @@ const DuetTooltip = class {
                 // Not closing via this.closeTooltip() as it calls this.updatePlacement() causing an infinite loop
                 this.active = false;
             }
-            const position = await M(this.buttonEl, this.popupElement, {
+            const middleware = [flip(), shift({ padding: 5 }), arrow({ element: this.arrowEl })];
+            if (this.badgeElement) {
+                middleware.unshift(offset(10));
+            }
+            const position = await M(this.badgeElement || this.buttonEl, this.popupElement, {
                 placement,
-                middleware: [flip(), shift({ padding: 5 }), arrow({ element: this.arrowEl })],
+                middleware,
             });
             this.tooltipY = position.y;
             this.tooltipX = position.x;
@@ -178,6 +182,12 @@ const DuetTooltip = class {
             this.arrowY = (_a = position.middlewareData.arrow) === null || _a === void 0 ? void 0 : _a.y;
             this.arrowX = (_b = position.middlewareData.arrow) === null || _b === void 0 ? void 0 : _b.x;
         };
+        this.badgeClick = (ev) => {
+            if (ev.composedPath().includes(this.buttonEl)) {
+                return;
+            }
+            this.buttonEl.click();
+        };
     }
     /**
      * Component lifecycle events.
@@ -218,9 +228,16 @@ const DuetTooltip = class {
             cloneDefaultSlotContent(this.element, this.popupElement);
             this.firstRender = false;
         }
+        if (this.badgeElement) {
+            this.badgeElement.removeEventListener("click", this.badgeClick);
+            this.badgeElement.addEventListener("click", this.badgeClick);
+        }
     }
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
+        if (this.badgeElement) {
+            this.badgeElement.removeEventListener("click", this.badgeClick);
+        }
     }
     handleDocumentClick(e) {
         if (!this.active) {
@@ -272,7 +289,7 @@ const DuetTooltip = class {
         return (h(Host, { style: tooltipStyles }, h("duet-tooltip-button", { ref: element => (this.buttonEl = element), active: this.buttonActive, tooltipId: this.tooltipId, label: this.label, accessibleLabel: (this.accessibleInputLabel && `${this.accessibleInputLabel}, ${this.accessibleLabel}`) ||
                 (this.accessibleAboutLabel &&
                     `${this.accessibleLabel} ${this.aboutString[this.language]} ${this.accessibleAboutLabel}`) ||
-                this.accessibleLabel, onClick: this.toggleOpen, theme: this.theme, negative: this.negative }), h("duet-tooltip-popup", { ref: element => (this.popupElement = element), active: this.active, hidden: this.hidePopUp, tooltipId: this.tooltipId, arrowStyles: arrowStyles, style: positionStyles, placement: this.placement, accessibleCloseLabel: this.accessibleCloseLabel, theme: this.theme }, h("slot", null))));
+                this.accessibleLabel, onClick: this.toggleOpen, theme: this.theme, negative: this.negative, "in-badge": !!this.badgeElement }), h("duet-tooltip-popup", { ref: element => (this.popupElement = element), active: this.active, hidden: this.hidePopUp, tooltipId: this.tooltipId, arrowStyles: arrowStyles, style: positionStyles, placement: this.placement, accessibleCloseLabel: this.accessibleCloseLabel, theme: this.theme }, h("slot", null))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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-DrqQiRTn.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-B2cboDWM.js';
 import { s as sizeHeader } from './tokens.module-DEzE2U5T.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { i as inheritGlobalTheme } from './themeable-component-BBi3552X.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-Db8rvjPI.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-BEG0cFmw.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-C4M4ASkT.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: '4feb3ea8d6067ec6d82c6eaf9225fe6728bd4acc', class: {
+        return (h("div", { key: '62e6d87f9a5ff9a959bd15fea1a0b6d4f2f78018', 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: 'c51904bcc9f3d0297da08c32952be7ea690bafc8', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '52e8b11bdf354f65b34fb1d6d2facbf636a01758' })), this.hasAdditionalContent && (h(Fragment, { key: '86e6560df02094fcc7b7df9146c34c47923d89eb' }, h("button", { key: '000c5472ff2f7f1a0ffe6e796817a51fcaecd856', "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: '02489a52896b40ce4916a3b6dfcdd40d36212251', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '866528d950899fe557f6023f8f9ca79e9545fd15' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'c3400e3dda10617ffd45395e46247ef88a2157a8', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'f2176a2e171dfae93254cba98d31e13855c3b0e5', class: "duet-tray-expandable-content" }, h("slot", { key: '21d7e1276815c885a9832fcdb87ffbd96fe8a03c', name: "additional" })))))));
+            } }, h("div", { key: 'f1c78227de8998333acf857905e95c6d6be25937', class: "duet-tray-default-content", role: "status" }, h("slot", { key: 'd7748f81620cd98c5a8b35a18e344302d756a0a0' })), this.hasAdditionalContent && (h(Fragment, { key: 'f87597291a46075ceda6d114fe67ffa1df52870b' }, h("button", { key: '2886b0325718e16d0c904fa327ceb3d8c318d7bf', "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: 'afe046c5fc6baf22268fe063cd0c6d2bd0e661ea', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '44c04a86d76063ef62ecd3544f25a09a1d6901dc' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '89aa1e7d332a1d8aa649eaff0c798bfaf6349964', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'ad9f9814c60e70a8a19a0872d3006fcdd4d36f62', class: "duet-tray-expandable-content" }, h("slot", { key: 'd319a5002fb41dbd3f7d036c881a064a5f2dd832', 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-DrqQiRTn.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-B2cboDWM.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: '2084d67e27f201170cb0915e97235481a8f42ff6', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'f774f8926c1f2500866e4b50781cf83a1263b0c2' }, this.statusMessage)));
+        return (h(Host, { key: '8da58752d98bfb8c52ddcd1d48112711fd2ea5c6', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '78ecb9ee37907bdbdb174bf58b75af88b2edfbd1' }, 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-DrqQiRTn.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
-import { g as getLocaleString } from './language-utils-BEG0cFmw.js';
-import { g as getI18nError } from './errorcodes.utils-C6zptXiM.js';
+import { r as registerInstance, h, g as getElement } from './index-B2cboDWM.js';
+import { i as inheritGlobalTheme } from './themeable-component-BBi3552X.js';
+import { g as getLocaleString } from './language-utils-C4M4ASkT.js';
+import { g as getI18nError } from './errorcodes.utils-DuFCu_27.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: 'a4236da565d327c0745c1d0838cb8521c9aeacd2', class: {
+        return (h("div", { key: '6ce0c4b0b64b9726755ba74c037759bfa90d0a1a', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: 'ded27f92a61d2f8e793c6132eefce939935f4560', class: "item-categories" }, h("duet-heading", { key: '945bf9ec37ef6aa7abfec637e991ec9fa531e998', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: 'f1bddfee393d02f814bc46ff678ca6ecfffde402', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '40831fd68ebd159d9c1ed6fa01c1563b25842f92', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '36bb6e40d039ff13d87b6499a27db274a4ad47a9', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: 'a54b15975dfb0b72019838f7b77009c974b9e4bf', class: "item-categories" }, h("duet-heading", { key: '1f71cfd6a0573e176e7874fa14005afc36d7a885', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '5788235ef6265f08adbc17020fccb8fa8ba5bb77', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '43235e4073c7cb9c3b81c9efd2c58c3938c5503c', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '5d69daba599aec48c4a98ca0f1543a9dbbead4b3', 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-DrqQiRTn.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-B2cboDWM.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: '2ac2536c5fb762954d328da1080105d92292c8b4', class: "duet-visually-hidden" }, h("slot", { key: '4f58c2bdca5f9d629586174be225448f22662155' })));
+        return (h(Host, { key: 'ef47dba78565c8af97e21ac63b93ca377c20f0dc', class: "duet-visually-hidden" }, h("slot", { key: '228e005804125169d172ba680bed0f6955aa13a0' })));
     }
     get element() { return getElement(this); }
 };