@duetds/components 9.2.1 → 9.2.2

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

@@ -1,23 +1,23 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1149a5f1.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-18f83d4e.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { c as cleanValue } from './p-df7874f9.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-69f6a6aa.js';
-import { c as checkNamedSlotElement } from './p-c5df07b9.js';
-import { d as defineCustomElement$a } from './p-791ee647.js';
-import { d as defineCustomElement$9 } from './p-6fdef72e.js';
-import { d as defineCustomElement$8 } from './p-28807fbd.js';
-import { d as defineCustomElement$7 } from './p-3883514c.js';
-import { d as defineCustomElement$6 } from './p-1cea02c6.js';
-import { d as defineCustomElement$5 } from './p-95fb5b4b.js';
-import { d as defineCustomElement$4 } from './p-be13a7a6.js';
-import { d as defineCustomElement$3 } from './p-55989a50.js';
-import { d as defineCustomElement$2 } from './p-d551ba52.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-317b4bb8.js';
+import { c as checkNamedSlotElement } from './p-fc9b988f.js';
+import { d as defineCustomElement$a } from './p-2e45b8be.js';
+import { d as defineCustomElement$9 } from './p-c47b67df.js';
+import { d as defineCustomElement$8 } from './p-fe4f9c1d.js';
+import { d as defineCustomElement$7 } from './p-91faf1b9.js';
+import { d as defineCustomElement$6 } from './p-073ee906.js';
+import { d as defineCustomElement$5 } from './p-3c10a825.js';
+import { d as defineCustomElement$4 } from './p-ef70e2c7.js';
+import { d as defineCustomElement$3 } from './p-3882c4af.js';
+import { d as defineCustomElement$2 } from './p-16251bb2.js';
 
-const duetTextareaCss = "*,*::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;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;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;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva .duet-textarea{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);border-color:rgb(143, 147, 158)}.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva .duet-textarea[disabled]{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled]::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva .duet-textarea[disabled]::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled]:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help{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;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.duet-theme-turva .duet-textarea-help{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(143, 147, 158)}.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-label-hidden duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count{display:block;margin:8px 0 0 auto}";
+const duetTextareaCss = "*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;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;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{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);border-color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{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(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}";
 const DuetTextareaStyle0 = duetTextareaCss;
 
 const CharacterCount = ({ value, maxlength, label, theme }) => {
@@ -33,7 +33,6 @@ const DuetTextarea$1 = /*@__PURE__*/ proxyCustomElement(class DuetTextarea exten
     constructor() {
         super();
         this.__registerHost();
-        this.__attachShadow();
         this.duetInput = createEvent(this, "duetInput", 7);
         this.duetChange = createEvent(this, "duetChange", 7);
         this.duetBlur = createEvent(this, "duetBlur", 7);
@@ -180,17 +179,17 @@ const DuetTextarea$1 = /*@__PURE__*/ proxyCustomElement(class DuetTextarea exten
      */
     render() {
         const identifier = this.identifier || this.textareaId;
-        return (h(Host, { key: '6822e915557cb26cc7ef9e11686a3c6ebb68ea47', class: {
+        return (h(Host, { class: {
                 "duet-m-0": this.margin === "none",
                 "duet-has-counter": this.counter && !this.error,
                 "duet-expand": this.expand,
-            } }, h("div", { key: 'bc4115c13d819ace2c3093540184535b8e4a1b92', class: {
+            } }, h("div", { class: {
                 "duet-textarea-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-label-hidden": this.labelHidden,
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            } }, h("duet-label", { key: '9580bdfabe29364106b37d5d96662bd92834b547', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '6561c8b34741071590fbdc1e181e19d27c72f5ac', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: '096527c36bf9a86ea5516855968793509041f7f2', name: "tooltip" }), this.caption && (h("duet-caption", { key: '200ff13988a66c86df15d0a4aa2cc5d0933e4e94', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), h("div", { key: 'bb6e02a2b4e56a4b1b0b02ba69e57037703f8c1a', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: '5a4e1130618afea793977101bb96aa48b0966a89', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), h("textarea", { key: '8931951754cb4d340020d1b03630d0c5887dcabc', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), h("duet-grid", { key: '11f6951c2dfa29e83f31ccaeac2f5dc878bc948b', alignment: "stretch" }, h("duet-grid-item", { key: 'e85f9341efb0b3adc42239559525c901b2bafb3f', margin: "none", fill: true }, h("div", { key: '17ac589c05fb30ff82c8e05470ae4af763144b04', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'daa212a3cc4e868d5b63c0663e0cddb69c46e273' }, this.error))), h("duet-grid-item", { key: '393879358311c8ae3c6cb33d996fc4ea5b918aec', margin: "none", class: "duet-character-count-caption" }, this.counter && (h(CharacterCount, { key: 'f201904c256266056855907d84c013a84c3c123c', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (h("duet-visually-hidden", { key: '634bed29f451d4d2a03835ebcf228a790cc92d0c', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
+            } }, h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { name: "tooltip" }), this.caption && (h("duet-caption", { id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), h("div", { class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), h("textarea", { onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), h("duet-grid", { alignment: "stretch" }, h("duet-grid-item", { margin: "none", fill: true }, h("div", { class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", null, this.error))), h("duet-grid-item", { margin: "none", class: "duet-character-count-caption" }, this.counter && (h(CharacterCount, { theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (h("duet-visually-hidden", { class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
                 this.hiddenCounterLabel = el;
             } })))));
     }
@@ -199,7 +198,7 @@ const DuetTextarea$1 = /*@__PURE__*/ proxyCustomElement(class DuetTextarea exten
         "disallowPattern": ["disallowedPatternChange"]
     }; }
     static get style() { return DuetTextareaStyle0; }
-}, [1, "duet-textarea", {
+}, [6, "duet-textarea", {
         "margin": [1],
         "accessibleActiveDescendant": [1, "accessible-active-descendant"],
         "accessibleAutocomplete": [1, "accessible-autocomplete"],

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

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1149a5f1.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-18f83d4e.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-ca700701.js';
-import { d as defineCustomElement$2 } from './p-1cea02c6.js';
+import { d as defineCustomElement$2 } from './p-073ee906.js';
 
 const duetToggleCss = "*.sc-duet-toggle,*.sc-duet-toggle::after,*.sc-duet-toggle::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-toggle-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-toggle-h:last-child,.sc-duet-toggle-h:last-of-type{margin-right:0 !important}.duet-m-0.sc-duet-toggle-h{margin:0 !important}duet-label.sc-duet-toggle{display:block !important;width:100% !important}.duet-side-label.sc-duet-toggle{display:flex;gap:12px;align-items:center}.duet-side-label.sc-duet-toggle duet-label.sc-duet-toggle{width:auto !important}.duet-reverse-label.sc-duet-toggle{flex-direction:row-reverse}.duet-switch.sc-duet-toggle{position:relative;display:block;width:48px;height:28px}.duet-switch.sc-duet-toggle input.sc-duet-toggle{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}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(198, 12, 48)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle{cursor:default}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#bfcbd2}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#c7c9cf}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#80bbd9}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#e38698}.user-is-tabbing.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-toggle-h .duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-slider.sc-duet-toggle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider.sc-duet-toggle::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:\"\";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle{background-color:rgb(143, 147, 158)}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}";
 const DuetToggleStyle0 = duetToggleCss;

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1149a5f1.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-18f83d4e.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { b as isEscapeKey } from './p-ca700701.js';
-import { d as defineCustomElement$2 } from './p-3883514c.js';
+import { d as defineCustomElement$2 } from './p-91faf1b9.js';
 
 const duetToolbarDropdownLinkCss = "*,*::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;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;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);text-align:center;text-decoration:none}.duet-toolbar-dropdown-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-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-dropdown-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-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}";
 const DuetToolbarDropdownLinkStyle0 = duetToolbarDropdownLinkCss;
@@ -39,11 +39,11 @@ const DuetToolbarDropdownLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetToo
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'a33846447e336d9ba1744b64e256fb6144ecf56d' }, h("a", { key: '8613597d4c4e5de513169f87e426effcf7e1ab68', class: {
+        return (h(Host, { key: 'ccfbeb7db46523d362f93d465201f2822d4663a7' }, h("a", { key: '9626df46ad17d4e77ea6f67eacdfcea61f7e2737', class: {
                 "duet-toolbar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: 'e0dc39be130d8cc14a336595098adfec4e2dd74e', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '1dad6713a1f65d274269cdd3475a5e83b6a4ac18', class: "label" }, h("slot", { key: '017e8fe9eec10b313263ba4007c4d10dcef17e8e' })), this.active && (h("duet-icon", { key: '09386e5b6f037069a71777127c4f1b40bf818791', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: 'f7669f90d9803ec830e0173132ee626a61f8f955', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '9a31e23862c3bee1f980f3c4d14905dbe360020b', class: "label" }, h("slot", { key: '63da45ba2b705145b779d6aab4d2be28b68c509b' })), this.active && (h("duet-icon", { key: '17822abef02ddca26ee57961e735957f17691655', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return this; }
     static get style() { return DuetToolbarDropdownLinkStyle0; }

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1149a5f1.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-18f83d4e.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { b as isEscapeKey } from './p-ca700701.js';
-import { d as defineCustomElement$2 } from './p-3883514c.js';
+import { d as defineCustomElement$2 } from './p-91faf1b9.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, 75, 129);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(8, 42, 77);background:rgb(240, 247, 250)}.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(8, 42, 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(8, 42, 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, 247, 250)}.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(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.open{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button duet-icon{color:rgb(198, 225, 238)}.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(255, 185, 190)}";
 const DuetToolbarDropdownStyle0 = duetToolbarDropdownCss;
@@ -58,18 +58,18 @@ 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, { 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 this; }
     static get style() { return DuetToolbarDropdownStyle0; }

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

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1149a5f1.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-18f83d4e.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getAccessibleLinkLabel } from './p-f0cc5629.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-69f6a6aa.js';
-import { d as defineCustomElement$2 } from './p-3883514c.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-317b4bb8.js';
+import { d as defineCustomElement$2 } from './p-91faf1b9.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)}";
 const DuetToolbarItemStyle0 = duetToolbarItemCss;
@@ -64,12 +64,12 @@ const DuetToolbarItem$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbarItem
             : 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/dist-custom-elements/duet-toolbar-link.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1149a5f1.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-18f83d4e.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$2 } from './p-3883514c.js';
+import { d as defineCustomElement$2 } from './p-91faf1b9.js';
 
 const duetToolbarLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap}.duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-link:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active{color:rgb(8, 42, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}";
 const DuetToolbarLinkStyle0 = duetToolbarLinkCss;
@@ -32,12 +32,12 @@ const DuetToolbarLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbarLink
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '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 this; }
     static get style() { return DuetToolbarLinkStyle0; }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1149a5f1.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-18f83d4e.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 
 const duetToolbarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}";
@@ -34,11 +34,11 @@ const DuetToolbar$1 = /*@__PURE__*/ proxyCustomElement(class DuetToolbar extends
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '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 this; }
     static get style() { return DuetToolbarStyle0; }

package/lib/dist-custom-elements/duet-tooltip-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetTooltipButton$1, d as defineCustomElement$1 } from './p-be13a7a6.js';
+import { D as DuetTooltipButton$1, d as defineCustomElement$1 } from './p-ef70e2c7.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-55989a50.js';
+import { D as DuetTooltipPopup$1, d as defineCustomElement$1 } from './p-3882c4af.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-95fb5b4b.js';
+import { D as DuetTooltip$1, d as defineCustomElement$1 } from './p-3c10a825.js';
 
 const DuetTooltip = DuetTooltip$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment } from './p-1149a5f1.js';
+import { p as proxyCustomElement, H, h, F as Fragment } from './p-18f83d4e.js';
 import { i as sizeHeader } from './p-0e77715d.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-ca700701.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-69f6a6aa.js';
-import { d as defineCustomElement$3 } from './p-3883514c.js';
-import { d as defineCustomElement$2 } from './p-d551ba52.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-317b4bb8.js';
+import { d as defineCustomElement$3 } from './p-91faf1b9.js';
+import { d as defineCustomElement$2 } from './p-16251bb2.js';
 
 const duetTrayCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);visibility:hidden;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(222, 224, 228)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}";
 const DuetTrayStyle0 = duetTrayCss;
@@ -92,14 +92,14 @@ const DuetTray$1 = /*@__PURE__*/ proxyCustomElement(class DuetTray extends H {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '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 this; }
     static get style() { return DuetTrayStyle0; }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetUploadAriaStatus$1, d as defineCustomElement$1 } from './p-1cf7db2a.js';
+import { D as DuetUploadAriaStatus$1, d as defineCustomElement$1 } from './p-d53fce96.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-aa53a402.js';
+import { D as DuetUploadItem$1, d as defineCustomElement$1 } from './p-02438b26.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-1149a5f1.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, F as Fragment, d as Host } from './p-18f83d4e.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-69f6a6aa.js';
+import { g as getLocaleString, s as sanitizeString } from './p-317b4bb8.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
-import { g as getError, a as getI18nError, d as defineCustomElement$3 } from './p-aa53a402.js';
-import { h } from './p-bc933201.js';
-import { d as defineCustomElement$j } from './p-0cf30970.js';
-import { d as defineCustomElement$i } from './p-3d136f5c.js';
-import { d as defineCustomElement$h } from './p-c8e032e9.js';
-import { d as defineCustomElement$g } from './p-a89ea763.js';
-import { d as defineCustomElement$f } from './p-791ee647.js';
-import { d as defineCustomElement$e } from './p-c43f0450.js';
-import { d as defineCustomElement$d } from './p-14903ee8.js';
-import { d as defineCustomElement$c } from './p-e8594dcd.js';
-import { d as defineCustomElement$b } from './p-3883514c.js';
-import { d as defineCustomElement$a } from './p-55342fcd.js';
-import { d as defineCustomElement$9 } from './p-f1a4011f.js';
-import { d as defineCustomElement$8 } from './p-a407fdb5.js';
-import { d as defineCustomElement$7 } from './p-2cc77e29.js';
-import { d as defineCustomElement$6 } from './p-e685687b.js';
-import { d as defineCustomElement$5 } from './p-29c84284.js';
-import { d as defineCustomElement$4 } from './p-1cf7db2a.js';
-import { d as defineCustomElement$2 } from './p-d551ba52.js';
+import { g as getError, a as getI18nError, d as defineCustomElement$3 } from './p-02438b26.js';
+import { h } from './p-8764aea1.js';
+import { d as defineCustomElement$j } from './p-f515b36d.js';
+import { d as defineCustomElement$i } from './p-953d804b.js';
+import { d as defineCustomElement$h } from './p-e774b5ee.js';
+import { d as defineCustomElement$g } from './p-8f05d29d.js';
+import { d as defineCustomElement$f } from './p-2e45b8be.js';
+import { d as defineCustomElement$e } from './p-730cc2f3.js';
+import { d as defineCustomElement$d } from './p-dab711d2.js';
+import { d as defineCustomElement$c } from './p-c96e337d.js';
+import { d as defineCustomElement$b } from './p-91faf1b9.js';
+import { d as defineCustomElement$a } from './p-f0dad941.js';
+import { d as defineCustomElement$9 } from './p-04e23d1d.js';
+import { d as defineCustomElement$8 } from './p-03f58276.js';
+import { d as defineCustomElement$7 } from './p-38f16dbf.js';
+import { d as defineCustomElement$6 } from './p-a96a809b.js';
+import { d as defineCustomElement$5 } from './p-f7720c96.js';
+import { d as defineCustomElement$4 } from './p-d53fce96.js';
+import { d as defineCustomElement$2 } from './p-16251bb2.js';
 
 const errorCodes = [
 	{
@@ -1080,10 +1080,10 @@ const DuetUpload$1 = /*@__PURE__*/ proxyCustomElement(class DuetUpload extends H
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h$1(Host, { key: '1cf963112372b0839905ebd303f16cfae5aa5917', class: { "duet-m-0": this.margin === "none" } }, h$1("duet-fieldset", { key: '35564b78c8b82f58b93f9a7460399f57967e19bf', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h$1("slot", { key: 'faf369cde5952486b48923f2c913e4c049d156f6', name: "header" }), !this.files.size && (h$1("duet-empty-state", { key: 'e472abcf75d492b1c4cb7a9b59cbe67b23d318f6', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h$1("duet-paragraph", { key: '421fac3a1916616bb493ba375f9b3d23e2a61fd0', margin: "none" }, this.fileListEmpty))), !!this.files.size && h$1("slot", { key: '18b91ef0ca261cb796b9a03f2409c7172da19a82', name: "fileheader" }), !!this.files.size && (h$1("duet-upload-aria-status", { key: '080c19a8966ab4943ef3ed1698b475ecc44c346e', 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: '7c1f27c8b8536a6112d6a1746812b80b672fbd96', name: "filefooter" }), h$1("slot", { key: 'd5889f6e90bc40cc6031cbfb99c3f28e80fced37', name: "uploadfooter" }), this.captionOnBottom && (h$1("duet-caption", { key: 'b4c43409de0dbfe70dd43939dea8c733493348cf', margin: "none", size: "small" }, h$1("div", { key: 'f5c70becb6e99a87a9059885ca2bfc3748e0df10', class: "upload-bottom-caption" }, caption))), h$1("slot", { key: '01adfecfb33b057497a73c43c2c7caaab1c4a9e2', name: "afterfooter" }), !this.hideButton && (h$1(Fragment, { key: '601403192ed82f9b3508e62ab701daab90c313d2' }, h$1("duet-spacer", { key: 'b387500c9d551a371d1c2e01a5ccfdeb130826e8', size: "large" }), h$1("duet-button", { key: '681d70016955aeaaf21fbea4edf92fd7c28ccec0', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h$1(Host, { key: '44b4a9f8f0e99182d1db74ed7e2fb3237d90ed71', class: { "duet-m-0": this.margin === "none" } }, h$1("duet-fieldset", { key: '2231a57d1b606059e90c7406f24258d4b844cbe0', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h$1("slot", { key: 'bb0e091ee3d4c96715018d1fc836d6cd5f938c75', name: "header" }), !this.files.size && (h$1("duet-empty-state", { key: 'd988bc2f8b6a4efc418a65b3ee575095b97ae06a', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h$1("duet-paragraph", { key: 'b274a3b81132a5119c47bd365bbdd77f08280c17', margin: "none" }, this.fileListEmpty))), !!this.files.size && h$1("slot", { key: '5a2377d31360af5cbdae90130677853613899ec5', name: "fileheader" }), !!this.files.size && (h$1("duet-upload-aria-status", { key: '6fe002a8a312e6e067321c07e0b50ed786fd8dc3', 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: '730c164e68660c49ce18f8fec5d8f184a640bcd9', name: "filefooter" }), h$1("slot", { key: '303c2be9f728196dc157cd29a39a926ca9951a88', name: "uploadfooter" }), this.captionOnBottom && (h$1("duet-caption", { key: 'd0e088aa37d8b789b3dc4efa9e070c74746877d0', margin: "none", size: "small" }, h$1("div", { key: 'e3ab58aaacb792a297bcc56154073c9289dd1c32', class: "upload-bottom-caption" }, caption))), h$1("slot", { key: '5a6d988ce4deff649f20207813758e023eb3d817', name: "afterfooter" }), !this.hideButton && (h$1(Fragment, { key: '86a890e223fb900e2420ea45564f8c4c484ddc8a' }, h$1("duet-spacer", { key: 'fdf03610301bb1368fb28db909a35e10320df054', size: "large" }), h$1("duet-button", { key: 'be03dc2d96b961dc22d63bf0bf4e1128e4c813d4', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (h$1(Fragment, { key: '0d1fa3fccf78c8af90c14195219c988a5d53b161' }, h$1("duet-spacer", { key: '7602cb47424ab7b5ed19654956b4235691e97f91', size: "medium" }), h$1("duet-alert", { key: '54a5be1c79fc490445d3f9fb36efa0c113d619d0', 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: '78a670de5fef020407da2b18bd07d6b056c818ed', "aria-hidden": "true" }, h$1("input", { key: '04ce3da566f26a64f42a30eba51914031ad1dcc9', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h$1(Fragment, { key: '86937ba57803f4ca6379dcab097cf0d08d0962d7' }, h$1("duet-spacer", { key: '64e72354abfe4dad9e6c1d430e89900b38c50dec', size: "medium" }), h$1("duet-alert", { key: '02be9578a9bf4afdcda8ff3a9d280525a39e430c', 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: '619dec515fc6147867da776c79f883d54a2ba9d3', "aria-hidden": "true" }, h$1("input", { key: '8e13ce6903fa6218b0e56035416dcddd154317a2', ref: input => {
                 this.nativeInput = input;
             }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
                 "duet-upload": true,

package/lib/dist-custom-elements/duet-visually-hidden.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetVisuallyHidden$1, d as defineCustomElement$1 } from './p-d551ba52.js';
+import { D as DuetVisuallyHidden$1, d as defineCustomElement$1 } from './p-16251bb2.js';
 
 const DuetVisuallyHidden = DuetVisuallyHidden$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import './p-bc933201.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-1149a5f1.js';
+import './p-8764aea1.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-18f83d4e.js';
 
 const setupLoggers = () => {
     {

package/lib/dist-custom-elements/{p-aa53a402.js → p-02438b26.js}

@@ -1,19 +1,19 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-1149a5f1.js';
+import { p as proxyCustomElement, H, h } from './p-18f83d4e.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getLocaleString } from './p-69f6a6aa.js';
+import { g as getLocaleString } from './p-317b4bb8.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
-import { d as defineCustomElement$9 } from './p-0cf30970.js';
-import { d as defineCustomElement$8 } from './p-c8e032e9.js';
-import { d as defineCustomElement$7 } from './p-e8594dcd.js';
-import { d as defineCustomElement$6 } from './p-3883514c.js';
-import { d as defineCustomElement$5 } from './p-55342fcd.js';
-import { d as defineCustomElement$4 } from './p-f1a4011f.js';
-import { d as defineCustomElement$3 } from './p-a407fdb5.js';
-import { d as defineCustomElement$2 } from './p-e685687b.js';
-import { d as defineCustomElement$1 } from './p-d551ba52.js';
+import { d as defineCustomElement$9 } from './p-f515b36d.js';
+import { d as defineCustomElement$8 } from './p-e774b5ee.js';
+import { d as defineCustomElement$7 } from './p-c96e337d.js';
+import { d as defineCustomElement$6 } from './p-91faf1b9.js';
+import { d as defineCustomElement$5 } from './p-f0dad941.js';
+import { d as defineCustomElement$4 } from './p-04e23d1d.js';
+import { d as defineCustomElement$3 } from './p-03f58276.js';
+import { d as defineCustomElement$2 } from './p-a96a809b.js';
+import { d as defineCustomElement$1 } from './p-16251bb2.js';
 
 const getError = (code, errorCodes) => {
     let error = {
@@ -130,9 +130,9 @@ const DuetUploadItem = /*@__PURE__*/ proxyCustomElement(class DuetUploadItem ext
         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) }));
         }))));
     }