@duetds/components 9.6.0 → 9.7.0

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js

@@ -57,17 +57,17 @@ export class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '6006981bbe12b3ba52c5b64cc4dbbf56cb89d20d', role: "listitem" }, h(TagName, { key: 'dccb47e7d45c5431c95d833c655afbb377091a29', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '4c676c7e5ec6deadf4f2ccfeb1212a329ad31a83', role: "listitem" }, h(TagName, { key: 'ae93e8f9dc15663f92819a9612446f78fe8d3b6b', 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("div", { key: '8d2a6e7db72c879d85828176c3f6d0f664cfa6d5', class: "duet-toolbar-icon" }, h("duet-icon", { key: '05ce2994ada9dc5ac426d2e0fbcb290577dcd2d3', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: 'd37c9510203aaa2feeda9cf3bc4ce9880101583f', class: "duet-toolbar-badge" }))), h("slot", { key: 'c28585b19736c23de1daa80b25d829e8fb6491c2' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '5309c36fd0748017a5ded878adc33fd3eaed2fdf', class: "duet-toolbar-icon" }, h("duet-icon", { key: '572e9b11ac0797903d6ab6d254edc9d0603a0e02', 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("div", { key: '0cbcd4f6525dfb5a0d1406a0a1e35931e6288bdd', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'c25a832e644474f8bb338a0b7f62d21ae58f5269', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '508ccd1988d068dc636aad97b374a3601b74b507', class: "duet-toolbar-badge" }))), h("slot", { key: 'ebba43c92305fc7ebbb6196d8892690eb1df3562' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '188c7bb368121e35d75a66a970782c180d349d80', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'bd851ec1bd852a90739eb790bc7a4853110d48c7', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: '2228717501481b13be34349f12311f3329af402f', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: '433ab564808774541b59ca860b34b0f6e9d8c422', class: "duet-toolbar-badge" }))))));
     }
     static get is() { return "duet-toolbar-item"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js

@@ -24,12 +24,12 @@ export class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '7843fe58da1337938aa7fb73c0c81ddb805a9f92', role: "listitem" }, h("a", { key: 'e2c1597e22c5d117c6bd64c3f00791d27198c73f', class: {
+        return (h(Host, { key: 'e5423c219a30144ea3b3e40ba6aa83ebda9f2b24', role: "listitem" }, h("a", { key: 'f517898e695b37ef3037e7c217d70c135f4d0030', 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: '9bcea69c2922012673110e3e4867938933b4307a', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '8e882ffd51420318b7c4d7de8da3687a8060109c' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '2d36bd6a40eadf4167c8fe7560c6bba4f2199cac', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '930758dcbadf30a2808bcc19c4787a4279aafa67' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-button.js

@@ -39,12 +39,12 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '6961f23c9aa007b2e9d611547e83bb69379064b1' }, h("button", { key: '84a967c2262526011d1b465f6a4753394488681c', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (h(Host, { key: 'bc36621b7fc830cfb8ca434188d7f50ba4e4542b' }, h("button", { key: 'db275d682c9270a6fda156c50776662d94816b1a', 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: '8aa78b195f8ef013fc1d659f5a9e696709aba2af', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '274c3cf89dc82767876cdb9684671a073d1570e4', 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: '131d0ef689f89bd66058bdc878c8f16742774189', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'b8e3c2329d7a001fdba0ec51c5d698fecd9753aa', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
+            } }, h("svg", { key: '6f74e7cd6e8ec203590038e36b1351d2245707ee', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '47704ecc8941cdcb856f6882b36ea67b17e2c4cb', 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: '5787a0fd9287e4706445dc87620523fa4cb71868', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '78de402d0a039784299b486eb685bb06e3f3459a', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js

@@ -53,11 +53,11 @@ export class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: 'af904a5ac9d8376f7d5c7e0e5a51960bbe73ecc6' }, h("div", { key: '66bdc4e42694f13fef8d1221eba8de0ec68dc96f', class: {
+        return (h(Host, { key: '8474dad9661249e8ba481e360e8f42a7321c5412' }, h("div", { key: 'f1e70b81c3d3398a5074b07a60e791eca97e2881', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: 'ed95d75265969c1cfcf4006172e3479a308c74e8', moveFocusTo: this.buttonEl }), h("div", { key: '0b9806ff4d965d391a7ccc586edeee099b8c3316', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '506777278ef4ef24b387db0f3ef2832a093851b6' })), h("div", { key: 'e0759a2ff789cc80288b6822453d64d01fc10528', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '01cf36b6b4ac43979587a10f1baa9945ee818215', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '87a9c5531a92baa0189f6e83916c407a9a83bb19', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '280c7404d7da50f321659b842847812332eee665', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'cf09b71ae6d692fa95207e9bbb7816a431c0fba8' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '4d456216d3c5012b83cc52743c4d0f0dfc625e4c', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: 'd21aeccf6723db71c44cf16f15a322c1cdc85fdc', moveFocusTo: this.buttonEl }), h("div", { key: '36fe75956cac98e1ecc917dd4eccaebc7ac3659a', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '7e7930c17ae679c7c49f7c6d727ff9d5e33b098a' })), h("div", { key: '05feacb8b46d298d0b789b8e1ba2ef6e291e8d62', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: 'bf3d5ad0aa7fcd59514e32be36406abad9bdf42a', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '8667096436686fb84ebac5d92d5e15c4d7940d1c', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'dca41a670fb8f3fb7b36261932f0caec193c8fbc', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'f3737f4bc108eba91b5520fbf3ff39ef55d82b3c' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'b702d271e89ba15b2ab3b6f01854238b57a3875d', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tray/duet-tray.js

@@ -87,14 +87,14 @@ export class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'c2508659c69f7e3f5e1b555b0dc37a3188c4f151', class: {
+        return (h("div", { key: '4eadeeff8f0c1a1047ece3ce7074bbe330b27304', 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: 'a3449743f08e5a1495f737b817fefaaa494fa762', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '520cb0e7c9b137bae2f835d7af23a51a9ca8b0f8' })), this.hasAdditionalContent && (h(Fragment, { key: 'a0de63994ded68047b9d247288cf5484d0d8246b' }, h("button", { key: '2f14d184ff8d74aa2f8a59ae10a9148025e85ff3', "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: 'f03b487931227a4845bfe88612bb7c4c28b59305', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '813046c76b75b6c1178a3ef2d8fe2a562fc88fe0' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'aa343225a55400505524640d6625101f7ad97f43', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'ece52eb12d7070065a572697e7d02d09af685b05', class: "duet-tray-expandable-content" }, h("slot", { key: '2ed25ae66ccab231c4fd7a33db4e0e02eaa63e16', name: "additional" })))))));
+            } }, h("div", { key: '7fc02b5732546c8f7b90fb6cde20a3113c1e1e27', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '35394a91f0596c48bc44fcb27b9981dc2fe1c669' })), this.hasAdditionalContent && (h(Fragment, { key: 'a202a321ce7400dc6fb261ea98e2c3d7f4224fe1' }, h("button", { key: 'ef99d0253c90ccbbba2cd35803dc1cf8b8b5bcb6', "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: '56ae22d34327fe1cc19dd4cfb1fdca4ab3b8f583', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '1cc8e44778131120961b882dee53268530f7a73a' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '1f258521cc9fc825c60c8392ac3a8a8b63f3f2b6', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '5def2cf12a83a28a4e8331134ba05c2d918316b0', class: "duet-tray-expandable-content" }, h("slot", { key: '3c08dcd0fc017f732f8ad8681e59a886eb2be346', name: "additional" })))))));
     }
     static get is() { return "duet-tray"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload/duet-upload.js

@@ -753,10 +753,10 @@ export class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h(Host, { key: 'cec11d488b4820e9d16dbfd5ab406c4288c7fac2', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '7efebf69cae1bc1beabd798114406fae520fdbff', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '2720ff45fb2c97851f52d67d1092164bd25d7545', name: "header" }), !this.files.size && (h("duet-empty-state", { key: 'c3414992894eeb5ff160b2312f4865fe54f8ac57', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '9644f9ffe9efc3af270ff60608fe465232baa032', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: 'dac437e1fba3344a7df3ecc1d731bed42ac7c2ed', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '2455855ab853c1e6c292db98f215704ae4fb7a64', 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("slot", { key: '372f3beaa27878715e5991e48c049c4c3642d12b', name: "filefooter" }), h("slot", { key: '2a49079f36665f770a45fcf6e07977ec504e862d', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: 'ab17d295466974186cf6f0c11c81a11b26c1c152', margin: "none", size: "small" }, h("div", { key: '168660295f3bcfc0d436dd68a37540bd7b96ad67', class: "upload-bottom-caption" }, caption))), h("slot", { key: '84eaa151e87caf6615be2436f1cd60a11a71f20f', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'c421959e6d716f48d55c541b54d5b029e9261c20' }, h("duet-spacer", { key: 'e62873017acd4badc3101b18a56784eae19cbea8', size: "large" }), h("duet-button", { key: 'c8894de342e9ea51ede106a0ca0400c614576d43', 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(Host, { key: '3289ebfcf7be2cb204e3109f4bd774c023c1311b', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: 'd7df1dc6a9f7d71d9f2dc5cfea209bae0767111e', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '0cc5766408e69476d186039cce9325df4a0cea3d', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '8441562b8677278cadc9f054163de15716507753', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'd077aa4e3663bf9faca0ba05ec2dce5ba4666286', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: 'e70ef44d5bc02d5e0eefdd0cdd34ebc6323cd85a', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '16b0035978c73e97c5148ba569a318b2736f53e2', 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("slot", { key: 'f500f8ede694b648fc115e2c9c0a575958c39bbb', name: "filefooter" }), h("slot", { key: '1ee35a65d6b56561a9c17f5a6dea294826eca780', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '37e7c183776e7103f0e68cf130fce9cdf0215055', margin: "none", size: "small" }, h("div", { key: '66ae65e6cadb22b5373cb54019885615facb8ea0', class: "upload-bottom-caption" }, caption))), h("slot", { key: '2e8ef445f7637398102d0be1547e27081c9ecf2d', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '0449ef097df354a51990e2694ce270b43e0920f4' }, h("duet-spacer", { key: '76fcd53d37a524972a778bd974d156eb03a9aba6', size: "large" }), h("duet-button", { key: '4cd5efca2ac98ee8ea478e9a7269a5d2e702b7ef', 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(Fragment, { key: 'd0ad0e0fdcca436bc1362f3f85ded3312daee717' }, h("duet-spacer", { key: 'e799c51bdceded00756c53d2136b0e3ce1f97b55', size: "medium" }), h("duet-alert", { key: '444141c26982844f3d15a1cf3e3745948bf3d3a8', 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("duet-visually-hidden", { key: 'febd550badcba99140209922fcaa84e140aafaed', "aria-hidden": "true" }, h("input", { key: '0f78eaf89f80196287c11b3f5ac7728f03c5ee3c', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '2f4db6f88150427eb99c623c1404f0556848a3e2' }, h("duet-spacer", { key: 'd9a182225a80cf3b31272bc3f45db3ae7f8456a2', size: "medium" }), h("duet-alert", { key: '8d2209357e096a6c47fe1465d8ca66d900c8935b', 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("duet-visually-hidden", { key: '4be261bd112017729973d2def23f9b384d11b556', "aria-hidden": "true" }, h("input", { key: '03b8b40bd9488b6de5091aa5ae46e4d146732f17', 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/collection/components/duet-upload-aria-status/duet-upload-aria-status.js

@@ -64,7 +64,7 @@ export class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '0dc705afa53d7a65a4e4267017e5d9c7f63f48b2', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '53f84289ffdb00d7da79c205f94c6420b86355ae' }, this.statusMessage)));
+        return (h(Host, { key: '8948ec63ae13945fc073c3d4f00a6581a31b7912', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'a38c48be4058bfc510ff185cb29dc4b187c9cbd2' }, this.statusMessage)));
     }
     static get is() { return "duet-upload-aria-status"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload-item/duet-upload-item.js

@@ -80,9 +80,9 @@ export class DuetUploadItem {
         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: 'c95f1a14719f736fe6b01e17900539fd024e06b3', class: {
+        return (h("div", { key: 'b14fdbb2f16400a53a4269659df8ebf3e1cfec92', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: '1285df905057048e8bd034b3d46047d7e43eac7b', class: "item-categories" }, h("duet-heading", { key: 'a76917b032827e89cdadf5be982b46368f998086', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '081e4cb951f9400fa1804531cdfe2744c15566f0', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '515c9956bfe801d09c7c6c9b68b3b92bc66df612', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: 'b26088bf0716ebd9db38c1fac311ab5888a05c0d', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: '65d197165ef566a815bfeccdfc85d21bceb92b1f', class: "item-categories" }, h("duet-heading", { key: 'a7d319c7697fbee37136fde75512a21d1ee7c7f7', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: 'ac4044e19bcd895ebbaf36ebfc0df98e8adf89d1', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '393e8d136d8feff8cc906eaa8717da986e79ecac', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: 'd5e95656970dbdb409b2334025380b8e91350a7d', 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/collection/components/duet-visually-hidden/duet-visually-hidden.js

@@ -8,7 +8,7 @@ export class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '000e564e8d2bec83686a04939d857c8ee87bdab2', class: "duet-visually-hidden" }, h("slot", { key: 'd2e56182f3f5924a525883f59f4b2b9f16011a39' })));
+        return (h(Host, { key: '6563b3eb72eca7f7fc6ada1c16f665323fa2f50a', class: "duet-visually-hidden" }, h("slot", { key: '519ee0a9f051b05113347a2458b0fc82805558ba' })));
     }
     static get is() { return "duet-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-71d24b1e.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-6f0f0340.js';
 
 const DuetAlert = DuetAlert$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-5554d38b.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-25c3394c.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-81505f0b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h } from './p-993aea39.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-6e022235.js';
-import { d as defineCustomElement$3 } from './p-eff24429.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$3 } from './p-e0fa87f3.js';
+import { d as defineCustomElement$2 } from './p-8c022d66.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-81505f0b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
-import { d as defineCustomElement$3 } from './p-dff748c3.js';
-import { d as defineCustomElement$2 } from './p-4e00e010.js';
+import { d as defineCustomElement$3 } from './p-8c022d66.js';
+import { d as defineCustomElement$2 } from './p-9760ce0e.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 
@@ -52,14 +52,14 @@ const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumb e
      */
     render() {
         var _a;
-        return (h(Host, { key: '3c39bf30d5e28bdd44c42c651b907bef02ca283f', role: "listitem" }, h("div", { key: 'ed0cfc7def8bc35f0f8010dc2c87ffdcbf187b87', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'a94a629a27e77807add5e168872d71d26454a65b', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '496a188bbbea5db5b7d72016f1eee204d31b5727', class: {
+        return (h(Host, { key: 'fb8525d8da1761cf7ec289bf2ebcdab006edcbaa', role: "listitem" }, h("div", { key: 'a2a3cf5e15c5ccb962c0da35ae1c4b9efab68590', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'bbf4f84cae4467ae42f85af283947d23f8649a64', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: 'e89ba01440a8d69033de4710b1c943c211c07e5e', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            h("duet-icon", { key: 'cd39da4f5529b6be502b280545703600b0b6dee0', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: 'ecba8a7f92a140853c599d2d23ae95bca864dd50', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: '7219cdf405c1feac2edd55dca10b42af68eccbc3' })))));
+            h("duet-icon", { key: '93d11f8f8eb831623d0157b205ed0b0745804ccb', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: 'fe74c144a1765dd1fe1de6d463892fa7470651fe', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: '5ad471b0521af2799e4ac7a5934d02e77e6be8d5' })))));
     }
     get element() { return this; }
     static get style() { return DuetBreadcrumbStyle0; }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-81505f0b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getLocaleString } from './p-35375593.js';
 import { g as getColorByName } from './p-6e022235.js';
@@ -54,11 +54,11 @@ const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumbs
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: 'eff6f903108da2f57d998e4c8d76737743fd9288' }, h("nav", { key: 'ef6a8c4a4562379a8b47f47c6f72e72bcd4e7928', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: 'e40c7f2324bab83282f93d08c7543a6fbda0cd62' }, h("nav", { key: 'f399d4b1f69708cefacb29ea6360cd6dfabc0c28', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: 'cffd47b2c190847017411faf676ca13446facaa1', class: "container" }, h("div", { key: '4503bae0216f1dea26ae7be7e643e5983fd3947c', role: "list", class: "list", style: { color } }, h("slot", { key: '34c07e83c9e4dd6d4e91c3a51efa31f877d1a3da' })), h("div", { key: '334597f482a1627cd5b2b76ff3f75931e07eea71', class: "bottom-border bottom-border--container" })), h("div", { key: '319b2b25f30b5411897cd9099163f178474e653e', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: 'ce6966271f4abef55194c0a47a3b4a0b7ceb652f', class: "container" }, h("div", { key: 'd6ddbc6527ff4de43ab048479a66959ce6a79f77', role: "list", class: "list", style: { color } }, h("slot", { key: '7e18d5f338e0313e997f6796208328fa841649f6' })), h("div", { key: 'c2cd24eb1795af2aad5b56a9497a579346b3e4c9', class: "bottom-border bottom-border--container" })), h("div", { key: '97fc1ae51d8e3d2063d79f07b875920725bb5e1e', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return this; }
     static get style() { return DuetBreadcrumbsStyle0; }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetButton$1, d as defineCustomElement$1 } from './p-1399c239.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-9091f589.js';
 
 const DuetButton = DuetButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-81505f0b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-8c022d66.js';
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.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\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";
 const DuetCalloutStyle0 = duetCalloutCss;
@@ -35,11 +35,11 @@ const DuetCallout$1 = /*@__PURE__*/ proxyCustomElement(class DuetCallout extends
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (h(Host, { key: '1f3d85e38ab2cb67cbed8b7a1b4964e65aa11ac9' }, h("div", { key: '27bea794b5968a85c5e162438e674d748bfd80f8', class: {
+        return (h(Host, { key: '6ff31c274248d365aca970c4e45121be580da7af' }, h("div", { key: '322bdf154b041ab1ec721021f668e52371fee91f', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: '369b24b1890ad9e3f0ecb674a41be2e1fdbe756c', class: "container" }, h("duet-icon", { key: 'f2ac395e6a8ddc0d4ed0b62566bd0d8f74e57d8c', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: '9082471b83d092b9f9a8fa7e6a697225b0cf395c' }, h("slot", { key: 'da080022642fcf1acc5d63be667fc8e8958bd488' })), this.hasAuthorSlot && (h("figcaption", { key: 'c4e03326b79b0b1010f4f32d6dc1bd7083a6a2ac', class: "author" }, h("span", { key: 'bf63da57bdfdbb640aaf52cb004f2f4be6bb1bf3' }, "\u2014 "), h("slot", { key: '440a7037be0c937ffd0a135de1fed5234e55d8b5', name: "author" })))))));
+            } }, h("figure", { key: '40790b7c44b4ee3a34a71d6ef0beb37b6fd6a4d2', class: "container" }, h("duet-icon", { key: 'bb56fef27123e9067f797d2cda9efad69cbbceb5', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: 'f8c76a1ea16947bafb7831897f8f07fb45112668' }, h("slot", { key: '513d3b47def761dfd445d5d0302266b8dbbeb0fd' })), this.hasAuthorSlot && (h("figcaption", { key: 'b10664d604f41b24b0665e4c408408b2bc55c3fc', class: "author" }, h("span", { key: '080d91a9e3496544dbcdec79aa4d5ea0f5736f32' }, "\u2014 "), h("slot", { key: 'b6f21e38600829d5cae75b6f1987796abb0dbd16', name: "author" })))))));
     }
     get element() { return this; }
     static get style() { return DuetCalloutStyle0; }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-a839bb27.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-78076fd7.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-81505f0b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { g as getElementsFromNamedSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-6e022235.js';
-import { d as defineCustomElement$3 } from './p-dff748c3.js';
-import { d as defineCustomElement$2 } from './p-4e00e010.js';
+import { d as defineCustomElement$3 } from './p-8c022d66.js';
+import { d as defineCustomElement$2 } from './p-9760ce0e.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-670555eb.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-52e36342.js';
 
 const DuetCheckbox = DuetCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-0e3a8465.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-677769ce.js';
 
 const DuetCheckmark = DuetCheckmark$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetChip$1, d as defineCustomElement$1 } from './p-859504c9.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-3a9b4b57.js';
 
 const DuetChip = DuetChip$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-choice-group.js

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-81505f0b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$8 } from './p-a839bb27.js';
-import { d as defineCustomElement$7 } from './p-1ee62209.js';
-import { d as defineCustomElement$6 } from './p-dff748c3.js';
-import { d as defineCustomElement$5 } from './p-0e2c29a0.js';
-import { d as defineCustomElement$4 } from './p-e2468742.js';
-import { d as defineCustomElement$3 } from './p-7da00182.js';
-import { d as defineCustomElement$2 } from './p-86431925.js';
+import { d as defineCustomElement$8 } from './p-78076fd7.js';
+import { d as defineCustomElement$7 } from './p-2a7ecb51.js';
+import { d as defineCustomElement$6 } from './p-8c022d66.js';
+import { d as defineCustomElement$5 } from './p-55d85326.js';
+import { d as defineCustomElement$4 } from './p-d6ce295d.js';
+import { d as defineCustomElement$3 } from './p-bda6f3f9.js';
+import { d as defineCustomElement$2 } from './p-cf873d23.js';
 
 const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 const DuetChoiceGroupStyle0 = duetChoiceGroupCss;

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-81505f0b.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, a as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, b as isEscapeKey } from './p-8db11326.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { h as hasSlot } from './p-f21662ea.js';
-import { d as defineCustomElement$4 } from './p-a839bb27.js';
-import { d as defineCustomElement$3 } from './p-dff748c3.js';
-import { d as defineCustomElement$2 } from './p-4e00e010.js';
+import { d as defineCustomElement$4 } from './p-78076fd7.js';
+import { d as defineCustomElement$3 } from './p-8c022d66.js';
+import { d as defineCustomElement$2 } from './p-9760ce0e.js';
 
 var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
 
@@ -213,7 +213,7 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoice extends H
         if (this.accessibleDescribedBy) {
             return this.accessibleDescribedBy;
         }
-        if (this.collapsible || this.hasInfo) {
+        if ((this.collapsible || this.hasInfo) && this.getExpanded()) {
             if (this.hasHeader) {
                 return this.headerId;
             }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-81505f0b.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-f6000a03.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
@@ -9,8 +9,8 @@ import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { h as hasSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { d as defineCustomElement$3 } from './p-a839bb27.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$3 } from './p-78076fd7.js';
+import { d as defineCustomElement$2 } from './p-8c022d66.js';
 
 const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;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.5;color:rgb(8, 42, 77)}:host(.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)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top: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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;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.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
 const DuetCollapsibleStyle0 = duetCollapsibleCss;
@@ -119,7 +119,7 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString(this.headingLevel) : "div";
-        return (h(Host, { key: 'f3e73e4259a6408e8bfc9b00fb4033c5117ff5bc', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '1c6ff194a2634737d39013138a7a45fda32538ca' }, h("button", { key: '745c07a149e5cdb0f4ed7931988f16578acc17db', class: {
+        return (h(Host, { key: '635e0fbe69079d10e22ad538aa801af89c4cde51', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '21b389ec1a302511cf0d06887dda85b929e60cf6' }, h("button", { key: 'ae26817023a1fd98f2f499452ae013e1e0625839', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
@@ -127,7 +127,7 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
                 "has-caption": !!this.caption,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'fd1340099ac09fc9b1179c8847d5e5f982bfec4d', class: "duet-collapsible-heading-wrapper" }, h("div", { key: '4b0a86f201322a21f14994d5efab986930847ee9', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: 'c87bf63f84215ff8a55a0002991dc0688f6e757b', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: 'e6dec579ae41cc0e7aa9452c69a1f3ec80dd5558', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: 'b518e6dbbaae9c2f84979fcca6cd00fbdf5ab959', part: "duet-collapsible-after-heading" }, h("slot", { key: '5ab5b2ab6c41c93250244b1d8c75b4f061ed17aa', name: "after-heading" })))), this.caption && (h("div", { key: '42f4464aa6ef6c275d0357fda56d4b95ad321bdf', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: 'fb4c4a5effb018af94f74ef3b37cb02c58704a3a', size: "small", margin: "none" }, this.caption))))), h("div", { key: '1eabff6b7f58e648aa65357bf190034158c60b70', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: 'c799b44772fa7298fa93b911fc2ebdf2d41b1dd4' }))));
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'f6a80e26d50292e133d2e0cfc963102d12f83acf', class: "duet-collapsible-heading-wrapper" }, h("div", { key: 'b3a38601ed2de77a2a1c3b2235494c6b91f546ff', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '2f66e1bdfa846ae83fd953fc6558f69491930ca2', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: '6a501a3c2a7db57fd374274990a19dd39909c536', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: 'd71fd226576c7e177732289ecf57f0f0ef382ada', part: "duet-collapsible-after-heading" }, h("slot", { key: 'c845fa7c1d90a10810db86cead6b17b2314c1175', name: "after-heading" })))), this.caption && (h("div", { key: 'f12be1abf64e46a18b6bf128ad1bd0b2594d694b', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: '4d13deac84f03a1349e73c7e3bb079a2760822d1', size: "small", margin: "none" }, this.caption))))), h("div", { key: '75020eebce7bcb86e8617c38c11a6fc15b57f7f8', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '2e06b159d1dcc2c3ecbde2ade71464ceb6604d5e' }))));
     }
     get element() { return this; }
     static get style() { return DuetCollapsibleStyle0; }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-81505f0b.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';
@@ -10,20 +10,20 @@ import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObser
 import { a as getElementsFromDefaultSlot } from './p-f21662ea.js';
 import { r as regexEscape, p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$f } from './p-1399c239.js';
-import { d as defineCustomElement$e } from './p-a839bb27.js';
-import { d as defineCustomElement$d } from './p-859504c9.js';
-import { d as defineCustomElement$c } from './p-dff748c3.js';
-import { d as defineCustomElement$b } from './p-97505489.js';
-import { d as defineCustomElement$a } from './p-7a5af4ef.js';
-import { d as defineCustomElement$9 } from './p-ca4970b2.js';
-import { d as defineCustomElement$8 } from './p-2a7b9c7c.js';
-import { d as defineCustomElement$7 } from './p-4e00e010.js';
-import { d as defineCustomElement$6 } from './p-c18fe324.js';
-import { d as defineCustomElement$5 } from './p-0e2c29a0.js';
-import { d as defineCustomElement$4 } from './p-e2468742.js';
-import { d as defineCustomElement$3 } from './p-7da00182.js';
-import { d as defineCustomElement$2 } from './p-86431925.js';
+import { d as defineCustomElement$f } from './p-9091f589.js';
+import { d as defineCustomElement$e } from './p-78076fd7.js';
+import { d as defineCustomElement$d } from './p-3a9b4b57.js';
+import { d as defineCustomElement$c } from './p-8c022d66.js';
+import { d as defineCustomElement$b } from './p-1dd720f0.js';
+import { d as defineCustomElement$a } from './p-f5c940d5.js';
+import { d as defineCustomElement$9 } from './p-233b4c3c.js';
+import { d as defineCustomElement$8 } from './p-7408a383.js';
+import { d as defineCustomElement$7 } from './p-9760ce0e.js';
+import { d as defineCustomElement$6 } from './p-c6b96452.js';
+import { d as defineCustomElement$5 } from './p-55d85326.js';
+import { d as defineCustomElement$4 } from './p-d6ce295d.js';
+import { d as defineCustomElement$3 } from './p-bda6f3f9.js';
+import { d as defineCustomElement$2 } from './p-cf873d23.js';
 
 const DuetComboBoxSelect = ({ item, activeDescendant, selected, label = undefined, clickHandler = e => {
     e.preventDefault();