@duetds/components 8.7.4 → 8.7.6

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

@@ -50,18 +50,18 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: 'b267de99df676578b5c5879bfc4b33e63f53eb40', role: "listitem" }, h("div", { key: '0f4a971d359bb6b05c6a0de70bd263b48ae42953', class: {
+        return (h(Host, { key: '19ef8c9db7fd05380093c031c8c05d8badb0424e', role: "listitem" }, h("div", { key: '1a267244eab116c66c471ccb0a40d6bd72f14dfa', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: '7fe26d57c4e2df698aaf1677171e14999adcee31', 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: '1966a5bdab9d8e19fe632d8a37e7f48dee3082c5', 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: 'a1390f889f23f75052fd5c78915e12ee9e3c8930', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '7b7b8ad3931cc78a60ae96ebafe19fed542db012', class: "label" }, h("slot", { key: 'fb9211a981fbbada64fd2b86c3583af226ebb626', name: "label" }), h("duet-icon", { key: 'aaf1a322508dee44ff0e60d5bfc68381a568a922', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'd68a0e8ff628d5739efbe9cf3233d94cfa43e26f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '24ee36902c7e8e1a918abff4d08860206d06e768', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '641c4277c69f7f6d896c3a44485381e2a4fe15f0', class: "label" }, h("slot", { key: 'ad1db677d2797edfb2dc77867d2368ba34fb20a9', name: "label" }), h("duet-icon", { key: 'ad574f7149c8ec05652b84cb8cb6a1978c08c50a', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'f60d03104f67f0e2473743a47aa2f6923c02d57d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '2d9b51cf80525f43ca11cc5e4b91dd6308251ad8' })))));
+            } }, h("slot", { key: '88ad120c98a2187b554640d22a771184b87d0538' })))));
     }
     static get is() { return "duet-toolbar-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,11 +31,11 @@ export class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'ca2c386337ef8052184214a47865bc93b192efea' }, h("a", { key: '2601354c27b7ff3858e561585176e040d2bfce25', class: {
+        return (h(Host, { key: '7380e5415f6e010bd5be0c40e974dd5943a53950' }, h("a", { key: '4ec2369809bc9688741a3c6c6a2e65e98a49c01f', 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: '0f941114682ef7527bf69e9e5a42ef0d095a1b2b', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: 'f5eac01e244e0cf0bb48229c58076580fea8e5d6', class: "label" }, h("slot", { key: 'afc1ab27f5e67371e52fa2e4da46b453b24ab75c' })), this.active && (h("duet-icon", { key: '041c528108a13b672788bbc254d7d6c0ee362008', 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: '6ef55e0a6828af8826987b471ebe4aa09a71d567', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '2dc2718da722d3649d671a8e57b9a6cb7d6c7c97', class: "label" }, h("slot", { key: '71f6f8fb4796a6af5a7640838290800231ac7cfe' })), this.active && (h("duet-icon", { key: '8e202836940fbb593750efa3f7603739ebd9f61f', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,12 +34,12 @@ export class DuetToolbarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '5a54733855a26d30a01d1f7ba42806121f4f48d1', role: "listitem" }, h(TagName, { key: 'fe27c8b4cf0118cb24013098aa893d298d152fa3', ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: 'f537e00b3e817d6c14854bdda1c99988377d6b13', role: "listitem" }, h(TagName, { key: '34841f02d2f4bf132a164b67b0b8085ff2aa1662', ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (h("duet-icon", { key: '51a40fedd8282ef1931b6e7b52c2f4fc9808ff33', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '7a0cdb1ffdd86c5d027d2bd0e63cef3d1c5f4f06' }), this.trailingIcon && (h("duet-icon", { key: '3bbed07861a179498c6b0b2cb590b8725403a6d3', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (h("duet-icon", { key: '0380aa7589bb53319535d58e78d9702da36cbc09', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'e1950f24c70b736917ebc73a5e6da993d22f4a43' }), this.trailingIcon && (h("duet-icon", { key: 'c2b250ef34b273a6cd3d1a95dff46ffb717d08fa', class: {
                 "trailing-icon": true,
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
             }, theme: this.theme, name: this.trailingIcon, margin: "none", size: this.trailingIcon === "action-arrow-down-small" ? "xxx-small" : "x-small", color: "currentColor" })))));

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: 'cf6800da1ce070afc7101b0798b0a76631cab3a2', role: "listitem" }, h("a", { key: '6f1ea96961774cbe4d73bdfdf894bc8c11ff4dad', class: {
+        return (h(Host, { key: 'b832ea851b28b4646fe9e96daaf3c22c80d8f7b1', role: "listitem" }, h("a", { key: 'fc54c56579b8d3af9779651ac6f1b1ea459f1b15', 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: '51a73cb5a16cfaf854baa736574e423432acb751', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '9b752f107c4bcdbb32b0502b0a970ac115556ea1' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '410f962aff3503e7bc290ad612e1768e0286ba34', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'f7e9577e8ff512c64164f73d25426e8f9cd154e4' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,11 +38,11 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'ce976f10516cd79a4616e573301788cdfb027cc1' }, h("button", { key: 'e7df667f35fe25ac2267f96b3d4e58efd876b1e8', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (h(Host, { key: '04f6705a481ebb216bb5df66dbdb4043b8cdef48' }, h("button", { key: '49af408c735e209c64c8d0d108a966ddcbb0f4a4', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("svg", { key: '01d7aef4ac85d656c0dd4de4de8716cb4d94f539', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6aa5d232156fb0275a66d004af79cd1a2065c01d', 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: 'f717def87b4739a637fa7f0a6d9f026a190ac59d', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'fff9209dfe86fa98131cbe1cdd8c61e72ee6f678', 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: '7861f7b8ad6482b8a64a261896ae913fa0cb5b98', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1fe0cd6a81634da2a5b915533ade21281f478491', 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: '036344e0005eb10f72bdcdd5cb10a51cd7c3f589', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'b007d82c4f370fe0a60030db70e8e3f6b35953e9', 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: '3a18853dc93a2adb31d64f60482297bde3737724' }, h("div", { key: '20c2bfdb39d5182040c8c1376cd1ad1f950786f5', class: {
+        return (h(Host, { key: '2c0a3cbe2d1e70112a8e36fb5486c0b3828fec6e' }, h("div", { key: '9615ecf77473659b94f595ce74e4d193f0910c2d', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '2be535dfda66aa174f0c3d4eaae962e4aef47134', moveFocusTo: this.buttonEl }), h("div", { key: '95156d5f84e049de96d4ce158cb18b7d07ac91d9', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '9ded3cfd459764324cb8c9454275c8fba4169802' })), h("div", { key: '18e028859869f9b46f3f281d4d2619f072a885e9', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '09a889676159c3c659fc2292c877305ef8382c37', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '70806769df23fed5c7145a17fad13c12ed2aef6a', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '61714adbfbf9677dcb00a6d96b50f7034b93cb24', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '3276a012463044b539d38df0879de85f1daeac44' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'c446cb8cb1d0246f2e5b284763bf7d28c8074699', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '178d295e1ea3cb5ccc5bec86b9f3fc0d7fcdf963', moveFocusTo: this.buttonEl }), h("div", { key: '1155f49ddfdb942c5ae5898fb4820a80a5c40328', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: 'c8a124d7d082b709143701811fdec18d579d57e6' })), h("div", { key: 'f0e09b06cdd9f9945e99ec2b1910ff7decf89134', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: 'eedba52de69d73626caba16ba466803be54a327d', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'aa5ccd0ff5db12c5608f296ef3428e60fee82599', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'f66f28e0b597d51fd5823a3586e2c9a30c3c643a', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'b61c91a4128f970d3fd243405d990cea29f80524' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '44f290cf1a0dbf47fe135818d42c55534f182bcb', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -424,7 +424,7 @@ export class DuetTooltip {
                     "references": {
                         "DuetTooltipBreakpoint": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
                             "id": "src/components/duet-tooltip/duet-tooltip.tsx::DuetTooltipBreakpoint"
                         }
                     }

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: 'ee2f14ff774bc4fea662debc24e2a6831adfb289', class: {
+        return (h("div", { key: '9ca451a14ab21f41ef8b413dd0695d0fa9625a08', 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: '6ba05414c6cccbcd24b39ea18867eb7207047e34', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '56932665c91448424cafefb15e58e800b8f46e01' })), this.hasAdditionalContent && (h(Fragment, { key: 'd5840a8e96e3cb4b743e5884017f71dce8f3ac5d' }, h("button", { key: '7fe35a548af11e360fdbc6da0010db3ccae8a25f', "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: 'b88dac2958c91495b09881ca04aee485da7a028b', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '6d82f6bbfd7922c5fe83f7eb4d00e63d51784656' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'ba8b9b2fbaea02fa5b6ea18a0c54dc3bd9b588a0', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '84d6ba05d119969259a3c4de3c836f0dca268eb2', class: "duet-tray-expandable-content" }, h("slot", { key: '42d5d020a9028a67957dc6cfab863296d93a526e', name: "additional" })))))));
+            } }, h("div", { key: '1363c709ec1abaf78155e81519a78af9fab1fd3b', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '7904af5a351d3438a3bd17dbf00e3a215d850fcb' })), this.hasAdditionalContent && (h(Fragment, { key: '29c834cfa4e11140ed597c440bc70466e784306c' }, h("button", { key: '9c416fa9a6bf76eb3f1b3c7aba4d002cec13320c', "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: 'bf2948293a89b14c4712cf0123158bfd6fa09f36', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '377191436c0dc3207906654df3abf2334a1dc886' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '30810b57c176998e6e304f6be52f27de5a2cd6b6', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'c82e3a298bec6767ee5ecc167348b7153f28c24c', class: "duet-tray-expandable-content" }, h("slot", { key: '5fe1b4e00504d3e98d8e17bc0eab86a27bf7b87e', 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: 'ba5705ec50051896eea4a8b718bf8f7da76be7c2', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '2342c1e4807ad8b414da320305d80604a22f25da', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '036201bcb193439f230d157d30a0d9908f358cc3', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '20ab40f41f772e61c06ad88acb474d0ec7f84391', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'a0512f80328018f2df44dc5d62fc000f7a984ca5', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '44fa381771bc6ec8cea6678cc6341dbf742e2929', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: 'a3c578faaf758019488d158eeb6c2ab8241f6b97', 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: 'b9fa0cdc377dc153c52253b1a3e5f79ec362092c', name: "filefooter" }), h("slot", { key: '5c2d728228b40dcaf099cf09bfeb630ba4400646', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '8a6bc099f257a275b9dd56907e71cfa27ee39e5a', margin: "none", size: "small" }, h("div", { key: '00cb65b848e0f4343227e0d8a6edb36721e0898b', class: "upload-bottom-caption" }, caption))), h("slot", { key: '32298ca819a46adfbb2bb75495316a3b766b41cc', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'e08ac52f1e10d774b6d4182c3e65ca8c4926e199' }, h("duet-spacer", { key: 'ee36496895e76011c58e5efba415715a9e10245b', size: "large" }), h("duet-button", { key: 'ea88a0383d21936f8e1257659d16c1c538e0180c', 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: '47088845ecb4eb7b0b6376abfb76fe4853e232ce', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '9174acaf5e4bb74a2a5e934f9472a8e0f81a00ab', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '33c273073b711205849af1b8747129df8f5a49aa', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '72e0b98ecb18243ace50165a56c54d4a5a1e80b6', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'f399240107a2d820d694464eb17f1f8f15d416d3', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '9fd58a29bf405ee57f265ae9203a841d227ad7fa', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '29e911f2f7c2a58972849fdff257bff29796b155', 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: '77c8c91b540940b1600438ef9ab90405ad74207a', name: "filefooter" }), h("slot", { key: '73fedfcd5c0da1b67641be714862cd53a538f1da', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: 'd3fcc02af5d23c9a5c63711aa7bf2c9007dd3c5c', margin: "none", size: "small" }, h("div", { key: '056115def027445826519a3835ad986b94034a19', class: "upload-bottom-caption" }, caption))), h("slot", { key: '441f7001a92cd16da7057dfd3322e69c889634ca', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'aeea5d8e263240e60e80626b60278cd69293d086' }, h("duet-spacer", { key: 'a5c3d8ad58100315f810e9eba30b4a7f807e35cd', size: "large" }), h("duet-button", { key: '5bd13f62f6eba606e15bd0906d4a128b2766ec62', 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: 'fc592425a1fb73c7ed842a2e9f97a9230656ea84' }, h("duet-spacer", { key: 'f2eeb91a4aaa9b88a92a831fdeee9ac1185d613d', size: "medium" }), h("duet-alert", { key: 'b28c29441595b510a4dba0bf90cd1ff8b0c154b0', 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: '4c28a57329e13a63f223623aec2bded1a1c45956', "aria-hidden": "true" }, h("input", { key: '0f522f4bd041a1037b6492ce975099d336e6c8c6', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: 'fdd3f06419a9c8437ddb1d962351059e93def138' }, h("duet-spacer", { key: 'e2c3381bd500af7106ff5588f94c506c5822ad20', size: "medium" }), h("duet-alert", { key: '0c263312767097ef7a49ccced847b8e152a389bd', 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: '7911b165d5356494f0b0226780bc2661631f0cb0', "aria-hidden": "true" }, h("input", { key: '1731f7a716bc198465165d1e9cda99619e3a691f', 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,
@@ -1045,7 +1045,7 @@ export class DuetUpload {
                     "references": {
                         "XHRInternalMiddleWare": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::XHRInternalMiddleWare"
                         }
                     }
@@ -1431,7 +1431,7 @@ export class DuetUpload {
                     "references": {
                         "StringMap": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::StringMap"
                         }
                     }
@@ -2019,7 +2019,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadTableGroupName": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadTableGroupName"
                         }
                     }
@@ -2062,7 +2062,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2083,7 +2083,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2104,7 +2104,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2125,7 +2125,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2146,7 +2146,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2167,7 +2167,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2188,7 +2188,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2209,7 +2209,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2230,7 +2230,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2251,7 +2251,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }
@@ -2272,7 +2272,7 @@ export class DuetUpload {
                     "references": {
                         "DuetUploadEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload/duet-upload.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload/duet-upload.tsx",
                             "id": "src/components/duet-upload/duet-upload.tsx::DuetUploadEvent"
                         }
                     }

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: 'd987e9e8bf5e3a649817f942d6a4ab860769f9ec', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '564b4c6c8d9a519fb5eee566d9b5fd057b1b9a20' }, this.statusMessage)));
+        return (h(Host, { key: '405954504882f40e3c80907b299d9fe769768dc5', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '3d51c5dff4e4bdb597427bf90ba74bb671324c24' }, 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: 'ce6f559711b5fad043a9b1d9dd1abd78c1e3e925', class: {
+        return (h("div", { key: '4533ec72c2292fab5f0e61d2190d171f70db89cd', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: '7346081d7fdce1e18e2f60d6816c207ae8b920a7', class: "item-categories" }, h("duet-heading", { key: '1a43870407f9655cc3aec47df7ac219e2106fbc3', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '5676d2178396aa7ded5c38e756bddb82ed8ebce4', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: 'bd76f703674212d57d2767655d8da7bbfcef5ab6', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '6ee737c5ee79a10470cf15e4853d0a8fc241d09d', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: 'dd80cae48395c2b36a5182849099b99dc9c77d87', class: "item-categories" }, h("duet-heading", { key: '2215960ba1fcfd9ae42f801dc6ee518f598de992', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '5d864dc3005e9ffb3a264dbe31e11772832039eb', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: 'd54592fef74ce524b41811a4f15b8403728f256f', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '18d338783bd27afaf5aa610e92fa2f930618bdbe', 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) }));
         }))));
     }
@@ -153,7 +153,7 @@ export class DuetUploadItem {
                     "references": {
                         "ItemType": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
                             "id": "src/components/duet-upload-item/duet-upload-item.tsx::ItemType"
                         }
                     }
@@ -210,7 +210,7 @@ export class DuetUploadItem {
                     "references": {
                         "UploadActionButtonTitles": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-upload-item/duet-upload-item.tsx",
                             "id": "src/components/duet-upload-item/duet-upload-item.tsx::UploadActionButtonTitles"
                         }
                     }

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: '1391d57bdc46c12c699eb9c0f24512e6169527cb', class: "duet-visually-hidden" }, h("slot", { key: '3954c8b4f0a67197b2bcf14bd7e149815abf8074' })));
+        return (h(Host, { key: '40bab689f97275fa029c6990b15870ef91e39d79', class: "duet-visually-hidden" }, h("slot", { key: 'cb3ae19e2a3d3be5f76a62a318a75b69551d41d4' })));
     }
     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-32c21b45.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-2bf42191.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-60ca61ec.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-74754e3a.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-7d7cc104.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-dd226bf8.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-ddf8ca53.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-f775dd32.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { h } from './p-2f281743.js';
-import { h as hasSlot, c as checkNamedSlotElement } from './p-f9f0bae0.js';
+import { h } from './p-8764aea1.js';
+import { h as hasSlot, c as checkNamedSlotElement } from './p-fc9b988f.js';
 import { p as parsePossibleJSON } from './p-0e052642.js';
 import { g as getColorByName } from './p-3ec3eb5f.js';
-import { d as defineCustomElement$3 } from './p-d83bae6a.js';
-import { d as defineCustomElement$2 } from './p-3de90233.js';
+import { d as defineCustomElement$3 } from './p-2712b694.js';
+import { d as defineCustomElement$2 } from './p-0c27489b.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-ddf8ca53.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-f775dd32.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-785686e3.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-44837462.js';
-import { d as defineCustomElement$3 } from './p-3de90233.js';
-import { d as defineCustomElement$2 } from './p-00c553b0.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-c3f95284.js';
+import { d as defineCustomElement$3 } from './p-0c27489b.js';
+import { d as defineCustomElement$2 } from './p-1dd06f89.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: 'b6f3e1e75bd42d8d41e89e0f0ddc460735d0d5f7', role: "listitem" }, h("div", { key: 'b331039ab43444323d0376d7a97501edd62bca26', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'dd9a5aa7cb2de0c4fc03d45994ec4f176b9da83b', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: 'a8e1e00fe3965f650d56054bbe9416cb4a2f96d8', class: {
+        return (h(Host, { key: '18c37fc7d84fbfe09c1eb285e16388ec70e9a307', role: "listitem" }, h("div", { key: 'efc47db8c7eb8f922c361ac9399196a7af3be21d', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '108f30568f7f84babd579658721f1c0448288ebc', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: 'b03774c0f0d44955355121d6e235882edda6838c', 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: 'd6bfff88d0862ec2dcf3278067695169a528a6c0', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: 'af6ac987fcfc1b3756a4d8143f2624f54ccec31a', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: '431112825f7667756b9bfb13e641fe290b60f244' })))));
+            h("duet-icon", { key: '085844d9dce555398be1e6889151600d54eb65f7', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: '0746ad63079cbce6f54f7be5b2679a786d711ee0', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: 'd0f45ff3fa075427e14b90ef6eb06ebc1c03ddc7' })))));
     }
     get element() { return this; }
     static get style() { return DuetBreadcrumbStyle0; }

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-ddf8ca53.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-f775dd32.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getLocaleString } from './p-44837462.js';
+import { g as getLocaleString } from './p-c3f95284.js';
 import { g as getColorByName } from './p-3ec3eb5f.js';
 
 const duetBreadcrumbsCss = "*,*::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%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 77, 128)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(225, 227, 230)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(148, 9, 37)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(0, 41, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}";
@@ -54,11 +54,11 @@ const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumbs
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: '6005094e7bac41c2a8a29adf8046ca5231d34066' }, h("nav", { key: 'ac2500d659dd3c902963e7af0edd1e6432f2aa3f', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: '4d20f1547e8f5acfe24d4fdd0796467ff5d04a14' }, h("nav", { key: '65d6e31df9eb90f7e27b6855ba4e650541aa9eb0', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: '829e9f818a87449b89d41f32386e08ae6839497b', class: "container" }, h("div", { key: 'd9c34522bc6d2ad205c847e4e8fe95a71a4d3ff9', role: "list", class: "list", style: { color } }, h("slot", { key: '3ee81fac7e560f04536acc9aa13e3b342bdfc2bf' })), h("div", { key: '13b589c5fb63ca7ff2e8d7129a1cc835a2b6f424', class: "bottom-border bottom-border--container" })), h("div", { key: '9fa7fe0d22b33a77ba92f41eaff08fe3f5a739d2', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: 'e4956646791760eb37fc77028654e75792a256e2', class: "container" }, h("div", { key: '9dc16ff656071b0a10317a1b03c92d7b7dd92605', role: "list", class: "list", style: { color } }, h("slot", { key: 'ac9ef52d9eeb061225106b00ee60d7ca2b50dbd2' })), h("div", { key: '747853c441c9c296c4e03aafbe6483dfa31fb7c4', class: "bottom-border bottom-border--container" })), h("div", { key: 'fc9a3ab33eb29633aff8623257c81c49185b9e90', 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-82944400.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-866149bf.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-ddf8ca53.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-f775dd32.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { h as hasSlot, c as checkNamedSlotElement } from './p-f9f0bae0.js';
-import { d as defineCustomElement$2 } from './p-3de90233.js';
+import { h as hasSlot, c as checkNamedSlotElement } from './p-fc9b988f.js';
+import { d as defineCustomElement$2 } from './p-0c27489b.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(0, 41, 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(0, 41, 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: '063480653c78ec3af7af88f78668f46b1cd68344' }, h("div", { key: 'fc589663d377d0ca46888f970824e02d154a62f4', class: {
+        return (h(Host, { key: '534b9127054974a33efcc47a7d689a1e957195a7' }, h("div", { key: 'a3eb6e2b17742b28bbf72d99bb824616fdf197ee', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: '8c2c3b0181f3b62104132bef2a8c6e2a1875012d', class: "container" }, h("duet-icon", { key: 'dbc8bfb4314be5079691951629f3639c3042e23c', 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: '7c441757835f32794f60ace1881cc4e0e4a54ee6' }, h("slot", { key: '6fee2ce133ad3d735590e7f9bf740e2aa39ae0ba' })), this.hasAuthorSlot && (h("figcaption", { key: '7f04066eceba4db7584cc676678e012601819204', class: "author" }, h("span", { key: 'f38084061413441a935186b4f4fd75e2048ea8a8' }, "\u2014 "), h("slot", { key: '0512a40598cdb8c637761a05fe0b3b90ed7bf22c', name: "author" })))))));
+            } }, h("figure", { key: 'ddb010bf709a04037d03a9e0864f6a91b061490a', class: "container" }, h("duet-icon", { key: 'b520dbf68afa65865b562c053a06ae7907056260', 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: '6c2f2ec722f53f2bebce2d455147b4decad9d243' }, h("slot", { key: '59ce6c30c39155fec448114fd25752585d95c87d' })), this.hasAuthorSlot && (h("figcaption", { key: 'b6599f6f3bff3b855dae865e6b03fc977d161137', class: "author" }, h("span", { key: '57a9fcc581eb85f634819905d57cb52e865ea4a3' }, "\u2014 "), h("slot", { key: '3338c10206046d6a0410c95e69d353e1ce52dd79', 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-8b358df3.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-49711d25.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-ddf8ca53.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-f775dd32.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-785686e3.js';
 import { s as sanitizeString } from './p-0e052642.js';
 import { g as getColorByName } from './p-3ec3eb5f.js';
-import { d as defineCustomElement$3 } from './p-3de90233.js';
-import { d as defineCustomElement$2 } from './p-00c553b0.js';
+import { d as defineCustomElement$3 } from './p-0c27489b.js';
+import { d as defineCustomElement$2 } from './p-1dd06f89.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-18c2080c.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-4c89b3d8.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-61a40fb9.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-6e0966a9.js';
 
 const DuetCheckmark = DuetCheckmark$1;
 const defineCustomElement = defineCustomElement$1;