@duetds/components 9.2.9 → 9.3.0

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: 'a79306700e7d7aee441cc03ad36320a104b7089d' }, h("div", { key: '97992b1ebaf1998d33984716a013e69d5ba1d2d6', class: {
+        return (h(Host, { key: 'b9e5af9b7d4981703d14528d730b3f98f1a43077' }, h("div", { key: 'f87b14cc5a9c1e1f2814419de54dcf780ed9d4ca', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '45e71382f2b78cf134a3bc5c66523b17b9645df7', moveFocusTo: this.buttonEl }), h("div", { key: '4972fbadbaa78dcc0a89a26f084703d2f5af7722', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: 'cd6485f243b063d2c155c995e5c025d94b63a339' })), h("div", { key: '9a7ee974d7bb598cb64fff09e36c15560fe5eaf6', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: 'ed588d4767c18b62132ee7869ddd0daa1c128b5c', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'c8bc5eda535b9f4990a1a4ea1d643802f81b0d28', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '6ac9b3e52c00914617f310f38ce5ec6ba2a43a82', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '280130951a6dc65a419d913c246fbbda69605e38' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'f23c9116b56c9451e2c82eef602c057f3b38835c', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '8821eb6b5943579e592de43d82ab88408d017a66', moveFocusTo: this.buttonEl }), h("div", { key: '63237a369131153304c032842cf18b78e6131cf8', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '5d0b8cad1c781f6714472deb831930f0655ffb7d' })), h("div", { key: 'bdca178c2801a3b4f4920e60c12271b3c1839413', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '60ff34f09aa3de7daa8886f657813e852b98c165', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '1b644babda9746b7af48a62c562276b37f4ce39d', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'eb2963986920179ea780b74cab029766f2a5fc19', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'c06b20ac17e644dd17aaba2176acb500ed430205' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '80cc95b8f7a39e8792736397fff46a6988e6d9c8', 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: 'e80fe0fea16e56fab163357063b7e4872396a5ec', class: {
+        return (h("div", { key: '727088b9a85be66d826cd9381de5f8d123861cd5', 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: '262559150a618ae013cc1585a11f5c4dfa5b81ad', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '2ad15f10fb23db0693d3a39d6c30f5b8f0eff769' })), this.hasAdditionalContent && (h(Fragment, { key: '61ac87d6890bf410e73f5fddbf7e2f348ae2fb12' }, h("button", { key: '7ae889dcf9db8311adffc4f88e75d9280c23752c', "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: 'a514192731466d4e27aca7dc6b350aa3f8782616', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: 'b93df79ffc46a2e60b7568b393c5643997e9d0ae' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'd611d0e82cd9fa7fdcbbe203986f2a82bd44e02f', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '30fe3c388378678752f99d6cb9548d7ec7c42c4d', class: "duet-tray-expandable-content" }, h("slot", { key: 'e25622cbef097b9ac74de3a8264a7556f4be7722', name: "additional" })))))));
+            } }, h("div", { key: 'd47f6cd20617c0c772a16f52f7fd1d0b6539afb6', class: "duet-tray-default-content", role: "status" }, h("slot", { key: 'c51d083b38c433b1013f39e0a3090796ae5b0388' })), this.hasAdditionalContent && (h(Fragment, { key: '1268398435755fff9fa43abc2c5ffd748aa2ab41' }, h("button", { key: '02822a01f20f55a95978e7a396624a18b86a663b', "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: 'de0f600be8f32c6603d65d8a40fe5ffe25bf65f0', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '6d9aaf8a8630048c66ef52d6fd45f9122067f4e2' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'd3c9fd10adf089cc50f9187529a38c605b341b2d', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '59bcb373997df5fccc7431f42a3b097f00fa3ba9', class: "duet-tray-expandable-content" }, h("slot", { key: '111104943aa5e4dc6a6a025bd20f07e06b6f7972', 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: '44b4a9f8f0e99182d1db74ed7e2fb3237d90ed71', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '2231a57d1b606059e90c7406f24258d4b844cbe0', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: 'bb0e091ee3d4c96715018d1fc836d6cd5f938c75', name: "header" }), !this.files.size && (h("duet-empty-state", { key: 'd988bc2f8b6a4efc418a65b3ee575095b97ae06a', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: 'b274a3b81132a5119c47bd365bbdd77f08280c17', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '5a2377d31360af5cbdae90130677853613899ec5', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '6fe002a8a312e6e067321c07e0b50ed786fd8dc3', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h("slot", { key: '730c164e68660c49ce18f8fec5d8f184a640bcd9', name: "filefooter" }), h("slot", { key: '303c2be9f728196dc157cd29a39a926ca9951a88', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: 'd0e088aa37d8b789b3dc4efa9e070c74746877d0', margin: "none", size: "small" }, h("div", { key: 'e3ab58aaacb792a297bcc56154073c9289dd1c32', class: "upload-bottom-caption" }, caption))), h("slot", { key: '5a6d988ce4deff649f20207813758e023eb3d817', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '86a890e223fb900e2420ea45564f8c4c484ddc8a' }, h("duet-spacer", { key: 'fdf03610301bb1368fb28db909a35e10320df054', size: "large" }), h("duet-button", { key: 'be03dc2d96b961dc22d63bf0bf4e1128e4c813d4', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h(Host, { key: '34dabb707733d49a37d7665b2ce21dac3cb69b99', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '53da3e1d39ae3d0a72ea1e836ed84a7ed5505745', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '50da1a23f5016f0666627e8455e072cfa5b96ca7', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '6895fe8edf7ed8eec62bb4f141222ec699cbb00f', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '01b14bc9aef86e1044a9d4ebf56017068b10df4b', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '2c3b18a000bfeb370a6fc83a23fa5b534cd09b43', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '3b143bdded7b1feddd54867d6d4b2ed4e2d915cf', 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: '85599b8ce8e5b05c80c5c3e5276356c7324bdef3', name: "filefooter" }), h("slot", { key: '425f33860900e6110a625c5c4c7da8bcc1313053', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '881d401f134a7e3c412cd1f01bed6117f96bbc19', margin: "none", size: "small" }, h("div", { key: '5e498fd2880ec86684cf3da9690b139ad05fd97f', class: "upload-bottom-caption" }, caption))), h("slot", { key: 'a05a45a3f7efc7d767db95eeb75a5da261b08edb', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '0d0ff9d5fad94af744e9632125af447fd7144fd0' }, h("duet-spacer", { key: 'fed503af8f9301defa2f2d8f29385e28fa1a8716', size: "large" }), h("duet-button", { key: '7a4f79bf0df839531c714f39202900a25d339612', 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: '86937ba57803f4ca6379dcab097cf0d08d0962d7' }, h("duet-spacer", { key: '64e72354abfe4dad9e6c1d430e89900b38c50dec', size: "medium" }), h("duet-alert", { key: '02be9578a9bf4afdcda8ff3a9d280525a39e430c', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h("duet-visually-hidden", { key: '619dec515fc6147867da776c79f883d54a2ba9d3', "aria-hidden": "true" }, h("input", { key: '8e13ce6903fa6218b0e56035416dcddd154317a2', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: 'e649c65801873ad2a2bfa16b63b6f83249f0212b' }, h("duet-spacer", { key: 'da7ebf591d35cf11d0ecbb52246bf3e84feb711d', size: "medium" }), h("duet-alert", { key: 'e8fdb5af79535f54f65dcf0bebb0ffe5865dc699', 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: '145eb761bd1a288de31527f8cfd1006deb6c2f4d', "aria-hidden": "true" }, h("input", { key: '38490151c6483827901990610b2a17ced63c27f6', 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: '611ad37755190220c43a39fdcbfda6d808a0e285', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '4a2d84541cdf2e03c057210066ef4f53a3ef6b00' }, this.statusMessage)));
+        return (h(Host, { key: 'b39f90588bbf94f860b3a3353f8cc7748d74df25', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'b61dbf75e645b8f17ae6a72bc9304d068d3218f2' }, 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: '3bd049f474c0e5ae36c863e12c83f420338f2120', class: {
+        return (h("div", { key: '179fe6956ec8b8b935e73a289c0191de154768b4', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: 'cabbda342b80dc26a8742b8c68f6f3ae836a78e5', class: "item-categories" }, h("duet-heading", { key: '9d9f798db399bf1c277b1a1b2699c15a8f8aff7d', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: 'e01fab2744f4cafdadb2defd3fd3da9262cdad68', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: 'e9f12029fc48fa148169a7e962fa42c4a4acd05c', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '61536d97451f6b2be7a7cf2c616860d9f31fb174', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: 'b98fbb8879abe956b787710bd8988a535aece789', class: "item-categories" }, h("duet-heading", { key: '39b4c46eda25dc1f5017f7b3ae4770437b91edc1', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '05f123dc1a55f5938d0a008337f16b262412f431', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '0825080f168d051916cd4f278dd0f7be3e713a17', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '991a499e99a6df39b0f7895bdd3019acaa751c3a', 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: 'c7a016ccb63b67077c691951394fd67771f4609e', class: "duet-visually-hidden" }, h("slot", { key: 'c5daeaed36d95139adc5a1f68fe01123d5f301ae' })));
+        return (h(Host, { key: 'a26d430acd67a8e002cbb5d4e10fc83664ea2fc9', class: "duet-visually-hidden" }, h("slot", { key: '2a9832f540a371230bc15e334e7351ef06539a6c' })));
     }
     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-1fd154eb.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-b056c1ad.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-35123857.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-15b2b51c.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-0a644195.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-9881577b.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-56ee56e2.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-59ebdad5.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-d52cb82b.js';
-import { d as defineCustomElement$2 } from './p-bc7fed2d.js';
+import { d as defineCustomElement$3 } from './p-9f4351bc.js';
+import { d as defineCustomElement$2 } from './p-dd451078.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-56ee56e2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-59ebdad5.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.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-bc7fed2d.js';
-import { d as defineCustomElement$2 } from './p-2943089f.js';
+import { d as defineCustomElement$3 } from './p-dd451078.js';
+import { d as defineCustomElement$2 } from './p-076fca2d.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: 'd563a73d4bfb9f69e7680da922d0b2689565ad1c', role: "listitem" }, h("div", { key: '10fc5b8b4a2c25d70156271a11e3a233e3171b5b', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'bfb363e4ddc22dee217eb2caafddfc2195b211af', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '87a994e8838d6b2271066aba7bf9960b5d328393', class: {
+        return (h(Host, { key: '5507d8811565f6ba44aa8ac7cdcfd80af38b17be', role: "listitem" }, h("div", { key: 'f81a05e3ff108ac5a6951c7f43fd918e9b72348c', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '2b55ec337f3592b5a5bab62730e88792a9b031fc', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '2d355db059be9572e3bee4af2976d52e3cb8b032', 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: '3866247a6992476b2559aced40a034a0cc76c437', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: 'aadee41608241f0903e843ac3e54a7985a947206', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: 'dc5cfef7de5a83c0bd04f32204d042400819129f' })))));
+            h("duet-icon", { key: '0d905f6b5a31c16ed0710b929692deab65a012df', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: '149a01e2cc3fcf4278eb88881a600ed588231dfb', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: 'c9100d96b29f13b0827855cf280a2f2d8adbe956' })))));
     }
     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-56ee56e2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-59ebdad5.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: '2ff5911d23c100d3643be758c450037f7e9a188b' }, h("nav", { key: '73bf3c3a13dfbca9d8a627b3833e392a689fdb16', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: '8a426eb6c98df0cadaac3a0f8dc1847c10a545ac' }, h("nav", { key: 'c8d054052dcafa0f839a909b2b71be421efff769', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: 'eab81ecd243618026326688741ff0eacf6eb1bf0', class: "container" }, h("div", { key: '8c7f57f32ec5f458fe10497450995fbcc5feadca', role: "list", class: "list", style: { color } }, h("slot", { key: '8f89e08a64377083ee60c92599459324439c0f8b' })), h("div", { key: '27bc05b04c9b6f613bb95c6bd1576c2486fa30cf', class: "bottom-border bottom-border--container" })), h("div", { key: '437f2b1c77d0a03503c002ce637c79748eba62ea', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: 'fb3c49caf848585c11b4a08839325cda03712f01', class: "container" }, h("div", { key: '204c53bf2469034d50929394b53c9022bf257592', role: "list", class: "list", style: { color } }, h("slot", { key: '5f125ef249b0ca6ddf2172771c8417c38bc12569' })), h("div", { key: '4edea42420783c03219e14926c83be9a96211b89', class: "bottom-border bottom-border--container" })), h("div", { key: 'ca4a0c58ba1428fafe0f2bb3a4a2a66f2aae9ab4', 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-41fdac81.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-24b8aa06.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-56ee56e2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-59ebdad5.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-bc7fed2d.js';
+import { d as defineCustomElement$2 } from './p-dd451078.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: 'e5a47020ada7c007c90d23a7f9c796c2f6b2457e' }, h("div", { key: '136d467b3ef4aa8f442ee7047cc124990fa61bb8', class: {
+        return (h(Host, { key: '72ff6ae8998a3e9508ade4f9d8c77d60ac7499e3' }, h("div", { key: '2f79c17aff1548964939b00d2cf6f15b7fcf0940', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: '493242d5535a0c9792bea659848083a341788177', class: "container" }, h("duet-icon", { key: '8b8205d4eee5b38576a9c1d7d38b2fbb440bda73', 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: 'fbde831b7ff9d98ff97bdab185dd20e69f2a199c' }, h("slot", { key: 'b08a535e736f7f7b4a9e9bf0c0f87cbd4feb0b9b' })), this.hasAuthorSlot && (h("figcaption", { key: '4e10df600d75e995d0be670382e9f02eb2b2216c', class: "author" }, h("span", { key: 'b8c898cee551b4b54df90d4cc13a2f8a43747722' }, "\u2014 "), h("slot", { key: 'c0b4ad3dc00ff79d592e0283d31230700d6d9715', name: "author" })))))));
+            } }, h("figure", { key: '76bb9de5af1b8897ad134fbac7b6c559d17dbd6b', class: "container" }, h("duet-icon", { key: '8e4eea34ba80a963dbd5a795301fb082e7e7e9b2', 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: '1356b0a45346c05d6b4580b1e9ea13287ed7b5fc' }, h("slot", { key: '60e849845ab365cf7cddb34b43f4939620ba9a0d' })), this.hasAuthorSlot && (h("figcaption", { key: '0e91ea489fcc96f1844b816755b406650ec19ebb', class: "author" }, h("span", { key: 'd54420792e6b9deeb72076e2628d62c170440520' }, "\u2014 "), h("slot", { key: 'c91de5e850bb38807363fc0491689e90e8f8b71a', 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-5cdebc59.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-3e4b714a.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-56ee56e2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-59ebdad5.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-ca700701.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-bc7fed2d.js';
-import { d as defineCustomElement$2 } from './p-2943089f.js';
+import { d as defineCustomElement$3 } from './p-dd451078.js';
+import { d as defineCustomElement$2 } from './p-076fca2d.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-e1b88b31.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-26deaac9.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-9cf3b4f1.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-0f7f0a83.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-41502808.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-103cc7c5.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-56ee56e2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-59ebdad5.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$8 } from './p-5cdebc59.js';
-import { d as defineCustomElement$7 } from './p-e3666c32.js';
-import { d as defineCustomElement$6 } from './p-bc7fed2d.js';
-import { d as defineCustomElement$5 } from './p-db694b95.js';
-import { d as defineCustomElement$4 } from './p-ca75b999.js';
-import { d as defineCustomElement$3 } from './p-b98a40e8.js';
-import { d as defineCustomElement$2 } from './p-788e7d41.js';
+import { d as defineCustomElement$8 } from './p-3e4b714a.js';
+import { d as defineCustomElement$7 } from './p-e0d2a491.js';
+import { d as defineCustomElement$6 } from './p-dd451078.js';
+import { d as defineCustomElement$5 } from './p-fa300b37.js';
+import { d as defineCustomElement$4 } from './p-6a6e776c.js';
+import { d as defineCustomElement$3 } from './p-d2bcbefe.js';
+import { d as defineCustomElement$2 } from './p-ae1777be.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-56ee56e2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-59ebdad5.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-ca700701.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-5cdebc59.js';
-import { d as defineCustomElement$3 } from './p-bc7fed2d.js';
-import { d as defineCustomElement$2 } from './p-2943089f.js';
+import { d as defineCustomElement$4 } from './p-3e4b714a.js';
+import { d as defineCustomElement$3 } from './p-dd451078.js';
+import { d as defineCustomElement$2 } from './p-076fca2d.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>"};
 

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-56ee56e2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-59ebdad5.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,7 +9,7 @@ import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
 import { h as hasSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { d as defineCustomElement$2 } from './p-bc7fed2d.js';
+import { d as defineCustomElement$2 } from './p-dd451078.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;align-items:center;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-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: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;

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-56ee56e2.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-59ebdad5.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-41fdac81.js';
-import { d as defineCustomElement$e } from './p-5cdebc59.js';
-import { d as defineCustomElement$d } from './p-41502808.js';
-import { d as defineCustomElement$c } from './p-bc7fed2d.js';
-import { d as defineCustomElement$b } from './p-31ff9a51.js';
-import { d as defineCustomElement$a } from './p-30ef22d9.js';
-import { d as defineCustomElement$9 } from './p-cbaff5a0.js';
-import { d as defineCustomElement$8 } from './p-da5b8ec9.js';
-import { d as defineCustomElement$7 } from './p-2943089f.js';
-import { d as defineCustomElement$6 } from './p-aeb538c5.js';
-import { d as defineCustomElement$5 } from './p-db694b95.js';
-import { d as defineCustomElement$4 } from './p-ca75b999.js';
-import { d as defineCustomElement$3 } from './p-b98a40e8.js';
-import { d as defineCustomElement$2 } from './p-788e7d41.js';
+import { d as defineCustomElement$f } from './p-24b8aa06.js';
+import { d as defineCustomElement$e } from './p-3e4b714a.js';
+import { d as defineCustomElement$d } from './p-103cc7c5.js';
+import { d as defineCustomElement$c } from './p-dd451078.js';
+import { d as defineCustomElement$b } from './p-3f0c498c.js';
+import { d as defineCustomElement$a } from './p-ca5d8fa3.js';
+import { d as defineCustomElement$9 } from './p-26e23171.js';
+import { d as defineCustomElement$8 } from './p-1c379414.js';
+import { d as defineCustomElement$7 } from './p-076fca2d.js';
+import { d as defineCustomElement$6 } from './p-eb6d9b73.js';
+import { d as defineCustomElement$5 } from './p-fa300b37.js';
+import { d as defineCustomElement$4 } from './p-6a6e776c.js';
+import { d as defineCustomElement$3 } from './p-d2bcbefe.js';
+import { d as defineCustomElement$2 } from './p-ae1777be.js';
 
 const DuetComboBoxSelect = ({ item, activeDescendant, selected, label = undefined, clickHandler = e => {
     e.preventDefault();

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-56ee56e2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-59ebdad5.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$8 } from './p-41fdac81.js';
-import { d as defineCustomElement$7 } from './p-d52cb82b.js';
-import { d as defineCustomElement$6 } from './p-bc7fed2d.js';
-import { d as defineCustomElement$5 } from './p-34c882ce.js';
-import { d as defineCustomElement$4 } from './p-9dffb45b.js';
-import { d as defineCustomElement$3 } from './p-aeb538c5.js';
-import { d as defineCustomElement$2 } from './p-788e7d41.js';
+import { d as defineCustomElement$8 } from './p-24b8aa06.js';
+import { d as defineCustomElement$7 } from './p-9f4351bc.js';
+import { d as defineCustomElement$6 } from './p-dd451078.js';
+import { d as defineCustomElement$5 } from './p-645e6264.js';
+import { d as defineCustomElement$4 } from './p-293decb6.js';
+import { d as defineCustomElement$3 } from './p-eb6d9b73.js';
+import { d as defineCustomElement$2 } from './p-ae1777be.js';
 
 const duetContactCardCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;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)}.duet-contact-card.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)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}";
 const DuetContactCardStyle0 = duetContactCardCss;
@@ -59,10 +59,10 @@ const DuetContactCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetContactCard
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: '710493f629c7d9cac46f490f0dee228f7242a95c', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '6ebe03954a2fa70044934971a113f2799d883a61', class: {
+        return (h(Host, { key: '71daad66c023075159b00d6dc104eab79c4b160d', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'acf3ea2fa7c3cdd7e0363a19a18a60d74d393a6c', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '38bd574fe717f2d7b57c74cde6d5ac57f148b23c' }, this.name && (h("duet-heading", { key: '72ef2682da855b8cb86c2537843b864121b1529b', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: 'b657102818b5864f82ddc9de07ff4c910024e46f', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '310a665ff9dad389ea89c74bcda6b5b637513eca', class: "email" }, h("duet-icon", { key: '0d15be99d190d285cead78ef5a1356ce88802e21', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '67e957450d29245d930ca9b8366cdc421c95b5a0', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '3c7f8dbef0143be61c6da4e5c5aaf50036a5a795', class: "phone" }, h("duet-icon", { key: '107635e97ef8980ce1f9d91cc7c0a20132967d50', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '30993d3b47125ecd85527fd664596deb5b1e6c55', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '08e0710a040f7775d7a8b2c61b5e803212b1a344', class: "call-to-action" }, h("duet-button", { key: '33b3f9f83c8b98df670211fa786bc91e1daeb33f', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '6bd3ab22e2e630bc6de6fd7f841f2b0fd658cc95' }), h("slot", { key: 'ddcf2048393c89dbc94c29254ee703829cdc08a2' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '196c215165b051901fe5d4f2052da20c5ca455f2' }, this.name && (h("duet-heading", { key: '0007ee7244e68c15517bb124c7b78f9d4e6c6dd3', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '3f59b617f8c2f6b37d6c82ce48faac52e06f7cb2', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: 'fb3b0b7fac964d9e8c8362392645f0c8c1bc87df', class: "email" }, h("duet-icon", { key: '893fabcc55e9b009d431952357e1fede755e61fb', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '7677f46f07ff869d2056aa234934991adcda3eff', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: 'c06e9f451420ef3e92664dd46e8ed78dd2bd5f74', class: "phone" }, h("duet-icon", { key: 'ebc081064f01efb5e3ea31fc8d8782bd22bbcef0', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '5eef45c250e181259b3452eb21d6ef619db8aa9a', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: 'd5cec8afd4d4288052f14f20204f0b934663e4b4', class: "call-to-action" }, h("duet-button", { key: '946e16a6a6648d433e59cb91ff1742c7804b84dc', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '34a2419381529d6a2800016e5b899b92ca196674' }), h("slot", { key: '33b9196a872c10dd4bfd5533cb6663b06aeb2692' }))));
     }
     get element() { return this; }
     static get style() { return DuetContactCardStyle0; }

package/lib/dist-custom-elements/duet-cookie-consent.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-56ee56e2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-59ebdad5.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
-import { d as defineCustomElement$6 } from './p-41fdac81.js';
-import { d as defineCustomElement$5 } from './p-bc7fed2d.js';
-import { d as defineCustomElement$4 } from './p-2943089f.js';
-import { d as defineCustomElement$3 } from './p-aeb538c5.js';
-import { d as defineCustomElement$2 } from './p-788e7d41.js';
+import { d as defineCustomElement$6 } from './p-24b8aa06.js';
+import { d as defineCustomElement$5 } from './p-dd451078.js';
+import { d as defineCustomElement$4 } from './p-076fca2d.js';
+import { d as defineCustomElement$3 } from './p-eb6d9b73.js';
+import { d as defineCustomElement$2 } from './p-ae1777be.js';
 
 const duetCookieConsentCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):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:not(.descendant-focused).duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 const DuetCookieConsentStyle0 = duetCookieConsentCss;

package/lib/dist-custom-elements/duet-date-picker.js

@@ -1,25 +1,25 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-56ee56e2.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-59ebdad5.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { F as FocusGuard } from './p-e30dc66d.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { c as checkNamedSlotElement } from './p-f21662ea.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$d } from './p-1fd154eb.js';
-import { d as defineCustomElement$c } from './p-41fdac81.js';
-import { d as defineCustomElement$b } from './p-5cdebc59.js';
-import { d as defineCustomElement$a } from './p-bc7fed2d.js';
-import { d as defineCustomElement$9 } from './p-31ff9a51.js';
-import { d as defineCustomElement$8 } from './p-30ef22d9.js';
-import { d as defineCustomElement$7 } from './p-e618b914.js';
-import { d as defineCustomElement$6 } from './p-aeb538c5.js';
-import { d as defineCustomElement$5 } from './p-db694b95.js';
-import { d as defineCustomElement$4 } from './p-ca75b999.js';
-import { d as defineCustomElement$3 } from './p-b98a40e8.js';
-import { d as defineCustomElement$2 } from './p-788e7d41.js';
+import { d as defineCustomElement$d } from './p-b056c1ad.js';
+import { d as defineCustomElement$c } from './p-24b8aa06.js';
+import { d as defineCustomElement$b } from './p-3e4b714a.js';
+import { d as defineCustomElement$a } from './p-dd451078.js';
+import { d as defineCustomElement$9 } from './p-3f0c498c.js';
+import { d as defineCustomElement$8 } from './p-ca5d8fa3.js';
+import { d as defineCustomElement$7 } from './p-6ae31cd8.js';
+import { d as defineCustomElement$6 } from './p-eb6d9b73.js';
+import { d as defineCustomElement$5 } from './p-fa300b37.js';
+import { d as defineCustomElement$4 } from './p-6a6e776c.js';
+import { d as defineCustomElement$3 } from './p-d2bcbefe.js';
+import { d as defineCustomElement$2 } from './p-ae1777be.js';
 
 const formatOptionsShort = { day: "numeric", month: "long", weekday: "long" };
 const formatOptionsLong = { day: "numeric", month: "long", year: "numeric" };
@@ -444,6 +444,11 @@ const DuetDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class DuetDatePicker e
                 fi: "Liian myöhäinen päivämäärä",
                 sv: "Datum för sent",
             },
+            valueMissing: {
+                en: "Date required",
+                fi: "Päivämäärä vaaditaan",
+                sv: "Datum krävs",
+            },
         };
         this.enableActiveFocus = () => {
             this.focusTarget = "day-button";