@duetds/components 10.0.0-alpha.6 → 10.0.0-alpha.7

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: '68e88af39c2e495698149c4934fe34e466db3a45', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'b3ae2e032c905605445f4eb5ad3a29ae11251fa6' }, this.statusMessage)));
+        return (h(Host, { key: '7b5e6d3888abbca979dccf420da50c973535d2be', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '2f06a21af0424f71414b6046ffd74fac66a8e6fb' }, 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: '4ab1c6316a88d990b67ea8597d4a7fbbfee17149', class: {
+        return (h("div", { key: '332e1526223fb2285774ed2e29c674dea838e232', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: '1f7a34acdaf8ec6a9dcb722258a5fd186a57bebe', class: "item-categories" }, h("duet-heading", { key: '10436d1372a207a993d1728730719b7c13c21bc8', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '778f28143ab6bf8b98084c6b4f85125d73ee538a', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '0444becdae05b55a29fdb77b898f55baff7292f1', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: 'e7a63578ffccc5077f77dfb54c11c681bb860956', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: '9a5a6e61b953db803287fb2bd812766400efcbdf', class: "item-categories" }, h("duet-heading", { key: '47b709c68b4c4e864cde019e6b227097f24d26e3', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '224e07d455a755301b4b2f6e1fe6adbac0e0ffec', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '1554e6a65644e37e8ab61e855184ae423667dcd6', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '8611f87c39502a4931ca2e7526ae45f119eb48fa', 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: 'fac7286ada1218049a6883dbb51695caf8bcfb7e', class: "duet-visually-hidden" }, h("slot", { key: 'db7fc7a9ce357394ce67364538fe20fb5b468d48' })));
+        return (h(Host, { key: '07a0c619ae83ddb2963351585eda20ca0007b2fc', class: "duet-visually-hidden" }, h("slot", { key: '916e0207629fc62f5dee03454e83e2825db3191c' })));
     }
     static get is() { return "duet-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/utils/keyboard-utils.js

@@ -51,3 +51,6 @@ export const subscribeTabbingChange = component => {
 export const unsubscribeTabbingChange = component => {
     tabbingChangeSubscribers.delete(component);
 };
+export const enableUserIsTabbing = () => {
+    listenKeys({ key: "Tab" });
+};

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-594296cd.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-e9666ab6.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-c622c1ed.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-4006af44.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-09eaf6d8.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-66f05bd2.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-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h } from './p-993aea39.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-ad615991.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-0562173d.js';
-import { d as defineCustomElement$3 } from './p-dc810c10.js';
-import { d as defineCustomElement$2 } from './p-fc8b19d7.js';
+import { d as defineCustomElement$3 } from './p-eddef302.js';
+import { d as defineCustomElement$2 } from './p-f4511d6b.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-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
+import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
-import { d as defineCustomElement$3 } from './p-fc8b19d7.js';
-import { d as defineCustomElement$2 } from './p-6efe6bf7.js';
+import { d as defineCustomElement$3 } from './p-f4511d6b.js';
+import { d as defineCustomElement$2 } from './p-a2ab7458.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: '09a787f19aa1dd12445d76a36fa8924db644b712', role: "listitem" }, h("div", { key: '71f250472e2ff04408cf351e06282bf5c000087f', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'a96cc31bc261fa8b0765361d2f6c6e409903d81b', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '61caff01acc20697e6ef0c257ab8a5fdce7083dd', class: {
+        return (h(Host, { key: 'e3bac4d65f78839055c45f4c4b7bd3da5485f484', role: "listitem" }, h("div", { key: '1feb1346cc8855bf09f723a86fb033508ea3892b', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '7ee4f27fd98952d5c7f90bc22c9d57dc2d028059', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '41ec8a37cdfcda38d9873a44406ecf7554faa4f9', 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: 'f6a547c84b34225bf03ad776c92d10e2bd08ca89', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: '9256cacd57acc64ed3624a4f2c9df51cb92aa0b5', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: '183e95e39e8131bd714ba4c2658194c9673deef7' })))));
+            h("duet-icon", { key: 'dc43a33c4e67623deb9f7ea4980f1df6ffd9f5d2', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: 'a4f0bb0d08370e92dd2410e98f506494be21afab', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: '1f7a919751cb64f71118b681b6d8450f980c69f0' })))));
     }
     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-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getLocaleString } from './p-35375593.js';
 import { g as getColorByName } from './p-0562173d.js';
@@ -54,11 +54,11 @@ const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumbs
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: 'ffe039bba4cc62518ff8a4edf4e89bf3d9fba425' }, h("nav", { key: '737b1828ee7babafbf81ec04ef95e3a3ead26230', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: '5e7f8d6415f70b5e6663621753425d50f780c5c7' }, h("nav", { key: 'b42adb6f45c71c891ebde23cde79849ff0403cea', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: '6b92d6297d3c7498300a2c1ef5722317435f18d2', class: "container" }, h("div", { key: '26a88ae5dfc14f715ef17000218c94858b5082b5', role: "list", class: "list", style: { color } }, h("slot", { key: 'd5eb86ae00ae840c65739a494970a8815741d755' })), h("div", { key: '4d3b49ff815f667189b446ac736600edd7a59a20', class: "bottom-border bottom-border--container" })), h("div", { key: 'f1ad3d2547626fe4473d8aa1d467772dd65170e2', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: '662463255208d9fba406f238925b809c490078fc', class: "container" }, h("div", { key: 'e6b7b7346ba921fce23b7c6754c1434d5869b871', role: "list", class: "list", style: { color } }, h("slot", { key: '5b523530c2863893b3627b42efbd0500ad90c5e6' })), h("div", { key: 'f5a560b4539fc9bebfcf4fc4a285829431d1d33e', class: "bottom-border bottom-border--container" })), h("div", { key: '48d2fa79c60f46ca410a8870bdb291b0b98122ac', 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-eb41ebec.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-9bbe7263.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-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-ad615991.js';
-import { d as defineCustomElement$2 } from './p-fc8b19d7.js';
+import { d as defineCustomElement$2 } from './p-f4511d6b.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: '24743df01bce253837555ad54345c8f492e0b4c5' }, h("div", { key: 'b2ba8be990977bed0fa72a9144dacc9eed214815', class: {
+        return (h(Host, { key: '723ea1796690bec2b5d1369a35f871868699f482' }, h("div", { key: '38e2a65cd5fabcea4c016a4a4a940626d52c635c', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: 'bd4acfa4cd109740e7ce11f808c88996c3de610d', class: "container" }, h("duet-icon", { key: '1167d14a9499a4f32a8b5788d80a81503b3510d5', 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: '6f8d9810300309f121a184574f5e80779ce79dcd' }, h("slot", { key: '5cdf199764e8eeab73e381cd3c6b9db26cc03a27' })), this.hasAuthorSlot && (h("figcaption", { key: '3be814ad571c8f6f307922912ec0a89e78e1128a', class: "author" }, h("span", { key: 'fc22089de32d73977d4183ad9bef52742f38c7eb' }, "\u2014 "), h("slot", { key: '774d12f03b01d112644911373f31c2261e6c0964', name: "author" })))))));
+            } }, h("figure", { key: '36a5a023265077b4c39bee1dae7ce5c6ab4e004e', class: "container" }, h("duet-icon", { key: '8bcad0fbd84fd987ed99f482e79492c711f7dadf', 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: '2d76f9cb68753b961cbb3109699fc0a0c922640a' }, h("slot", { key: '7d2b56b822b785daea92f61bbb1e8fbe6e5be4eb' })), this.hasAuthorSlot && (h("figcaption", { key: 'd06dadee4829120187ca4eff21c8b3a80a1ff007', class: "author" }, h("span", { key: 'a472f6d05d44e5a007e0a9c071483b32f0b026ef' }, "\u2014 "), h("slot", { key: '01affadf429239b1e6e18ab26b702ba68b480e73', 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-5d23c028.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-958921e7.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-e7a9cd6f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-7a8ebdb7.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 { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { g as getElementsFromNamedSlot } from './p-ad615991.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-0562173d.js';
-import { d as defineCustomElement$3 } from './p-fc8b19d7.js';
-import { d as defineCustomElement$2 } from './p-6efe6bf7.js';
+import { d as defineCustomElement$3 } from './p-f4511d6b.js';
+import { d as defineCustomElement$2 } from './p-a2ab7458.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-420f9ba6.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-f32d4b93.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-9304595f.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-fbf01fef.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-1cd70acd.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-d2152803.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-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as checkNamedSlotElement } from './p-ad615991.js';
-import { d as defineCustomElement$8 } from './p-5d23c028.js';
-import { d as defineCustomElement$7 } from './p-9ad7147c.js';
-import { d as defineCustomElement$6 } from './p-fc8b19d7.js';
-import { d as defineCustomElement$5 } from './p-6e5e53d7.js';
-import { d as defineCustomElement$4 } from './p-3640e469.js';
-import { d as defineCustomElement$3 } from './p-21955b0e.js';
-import { d as defineCustomElement$2 } from './p-f9e93439.js';
+import { d as defineCustomElement$8 } from './p-958921e7.js';
+import { d as defineCustomElement$7 } from './p-5882e967.js';
+import { d as defineCustomElement$6 } from './p-f4511d6b.js';
+import { d as defineCustomElement$5 } from './p-46aa070f.js';
+import { d as defineCustomElement$4 } from './p-d2e75481.js';
+import { d as defineCustomElement$3 } from './p-076458c1.js';
+import { d as defineCustomElement$2 } from './p-46a8132e.js';
 
 const duetChoiceGroupCss = "*,*::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%}:host(.horizontal) .duet-choice-group{display:block;margin-bottom:-12px}:host(.horizontal) .duet-choice-group.duet-no-stacking{display:flex}@media (min-width: 48em){:host(.horizontal) .duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){:host(.horizontal) .duet-choice-group{display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking){display:block}}:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 const DuetChoiceGroupStyle0 = duetChoiceGroupCss;
@@ -130,14 +130,14 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fda102de643d0654008818d2fcde77410c6cdde2', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
+        return (h(Host, { key: '7b938818686b05db520fbe91c79a8bd415953252', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
                 horizontal: this.direction === "horizontal",
                 "duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
                 "duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",
                 "duet-choice-group-breakpoint-medium": this.responsive && this.breakpoint === "medium",
                 "duet-choice-group-breakpoint-large": this.responsive && this.breakpoint === "large",
                 "duet-choice-group-breakpoint-x-large": this.responsive && this.breakpoint === "x-large",
-            } }, h("duet-fieldset", { key: '3f0fb7608260d92a4e92efedadb5e2a115a6d6c7', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: '8c3ec02a326faca65617b165b7746e5e2963cce4', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'c5ae2e61d96374bca1b12acdea2f47596401f456', name: "tooltip" }), h("div", { key: '399845c3e169ceca3476e685bcd2ee76f8c45b02', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", { key: 'ea9969eee1a0c2e454e59bffc03952c2247c119a' })))));
+            } }, h("duet-fieldset", { key: '80087165b139cbd999a2399514b9520044f195e6', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: 'e5f2b0838c718e2ecb4e3c20e71dc8882454159c', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'c56ccec0fd534ad20d6125e9c0d6f7ad7f377110', name: "tooltip" }), h("div", { key: '2fe2c5122b5a801959f7de400ec5bd3f974d78cd', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", { key: 'd45976650a1c57151eee04088e9b29db2a4e76be' })))));
     }
     get element() { return this; }
     static get watchers() { return {

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-e7a9cd6f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7a8ebdb7.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 { i as isKeyboardClick, a as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, b as isEscapeKey } from './p-8db11326.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { h as hasSlot, g as getElementsFromNamedSlot } from './p-ad615991.js';
-import { d as defineCustomElement$4 } from './p-5d23c028.js';
-import { d as defineCustomElement$3 } from './p-fc8b19d7.js';
-import { d as defineCustomElement$2 } from './p-6efe6bf7.js';
+import { d as defineCustomElement$4 } from './p-958921e7.js';
+import { d as defineCustomElement$3 } from './p-f4511d6b.js';
+import { d as defineCustomElement$2 } from './p-a2ab7458.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,17 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7a8ebdb7.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';
 import { c as createID } from './p-5e59e970.js';
-import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
+import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { h as hasSlot } from './p-ad615991.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { d as defineCustomElement$2 } from './p-fc8b19d7.js';
+import { d as defineCustomElement$3 } from './p-958921e7.js';
+import { d as defineCustomElement$2 } from './p-f4511d6b.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 duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-theme-turva){font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
 const DuetCollapsibleStyle0 = duetCollapsibleCss;
 
 const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible extends H {
@@ -59,6 +60,15 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
                     return "xx-small";
             }
         };
+        this.getAccessibleLabel = () => {
+            if (this.accessibleLabel) {
+                return this.accessibleLabel;
+            }
+            if (this.heading && this.caption) {
+                return `${this.heading}. ${this.caption}`;
+            }
+            return this.heading || null;
+        };
         this.handleClick = (e) => {
             e.preventDefault();
             this.open = !this.open;
@@ -71,6 +81,7 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
         this.negative = false;
         this.accessibleLabel = undefined;
         this.heading = "";
+        this.caption = "";
         this.headingFullWidth = false;
         this.centerHeading = false;
         this.headingWeight = "semibold";
@@ -108,14 +119,15 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString(this.headingLevel) : "div";
-        return (h(Host, { key: '249132a1b5e58240d37d3d995a4ef53378eff63f', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '7b9c2682402ac40049fa13406131a1d1a55eb051' }, h("button", { key: 'cb3b234ce9ee241fa3f63c81850ea418af00f045', class: {
+        return (h(Host, { key: 'b3b56b0ff3a474d0b9a1b9b5b2b95565b928f9b6', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '2ed3aceffd3951a1fbc9753090d21571ebc4a9f7' }, h("button", { key: '93e4e421bca79965a4c26138dde6de0874b40cdc', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-collapsible-normal-weight": this.headingWeight === "normal",
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '4aebb0229f1a8436ef5413b696c8d8674d81bd7d', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: 'a67ec08b1f5f0ef4e3b7ece52664104d9d2df10b', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: 'a2a5c24dd64f3bab25c8167c11f738953e78a948', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: '9d4820bb70777bfcaee8fc76f47fcba4e9ed9a91', part: "duet-collapsible-after-heading" }, h("slot", { key: 'cbe50074d804f79c746f29760d3536241e5d2717', name: "after-heading" }))))), h("div", { key: '8cd82a8d4e2aa518cd1c9ca8451ace90a4ff8ec9', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '2bf409c9b05c884ce0c1de5358c4446ed0d6dc34' }))));
+                "has-caption": !!this.caption,
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '0706dfe66685e90322fc67858eb923623ab2e23e', class: "duet-collapsible-heading-wrapper" }, h("div", { key: 'fab600633aea517fcef9f0577ea7688a8e160331', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '1ac6f6f7cce01d02b9d09659299ed3c602a4a29e', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: '8820659046737c7f7b503b097a0ee7b99614d7b8', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: '707fdeb97c4713df2d972bcf7f7612401d31aac0', part: "duet-collapsible-after-heading" }, h("slot", { key: 'fb1efb065f31e769c8e26c5bd608beeca76529d2', name: "after-heading" })))), this.caption && (h("div", { key: 'f70e43921a71817cda88c4fafae2f2310f37ada8', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: 'd8bfc9ac8d919b39d5fe8293f926ad386102136b', size: "small", margin: "none" }, this.caption))))), h("div", { key: '0500269581f8723e24e7190b3b257b3e05d682fc', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '32d7579f9d0eda1a84be85c553c3d555977d9b9c' }))));
     }
     get element() { return this; }
     static get style() { return DuetCollapsibleStyle0; }
@@ -124,6 +136,7 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
         "negative": [4],
         "accessibleLabel": [1, "accessible-label"],
         "heading": [1],
+        "caption": [1],
         "headingFullWidth": [4, "heading-full-width"],
         "centerHeading": [4, "center-heading"],
         "headingWeight": [1, "heading-weight"],
@@ -137,13 +150,18 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["duet-collapsible", "duet-icon"];
+    const components = ["duet-collapsible", "duet-caption", "duet-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "duet-collapsible":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, DuetCollapsible$1);
             }
             break;
+        case "duet-caption":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
         case "duet-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();

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

@@ -1,28 +1,28 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-e7a9cd6f.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-7a8ebdb7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { d as debounce } from './p-9e371678.js';
-import { c as isEnterKey, b as isEscapeKey, d as isTabKey, e as isArrowUpKey, f as isArrowDownKey } from './p-ca700701.js';
+import { c as isEnterKey, b as isEscapeKey, d as isTabKey, f as isArrowUpKey, g as isArrowDownKey } from './p-8db11326.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { b as getElementsFromDefaultSlot } from './p-ad615991.js';
 import { r as regexEscape, p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$e } from './p-eb41ebec.js';
-import { d as defineCustomElement$d } from './p-5d23c028.js';
-import { d as defineCustomElement$c } from './p-1cd70acd.js';
-import { d as defineCustomElement$b } from './p-fc8b19d7.js';
-import { d as defineCustomElement$a } from './p-a536540a.js';
-import { d as defineCustomElement$9 } from './p-d17446e9.js';
-import { d as defineCustomElement$8 } from './p-462c028d.js';
-import { d as defineCustomElement$7 } from './p-6efe6bf7.js';
-import { d as defineCustomElement$6 } from './p-b0911017.js';
-import { d as defineCustomElement$5 } from './p-6e5e53d7.js';
-import { d as defineCustomElement$4 } from './p-3640e469.js';
-import { d as defineCustomElement$3 } from './p-21955b0e.js';
-import { d as defineCustomElement$2 } from './p-f9e93439.js';
+import { d as defineCustomElement$e } from './p-9bbe7263.js';
+import { d as defineCustomElement$d } from './p-958921e7.js';
+import { d as defineCustomElement$c } from './p-d2152803.js';
+import { d as defineCustomElement$b } from './p-f4511d6b.js';
+import { d as defineCustomElement$a } from './p-e000047c.js';
+import { d as defineCustomElement$9 } from './p-87c8a780.js';
+import { d as defineCustomElement$8 } from './p-6560b415.js';
+import { d as defineCustomElement$7 } from './p-a2ab7458.js';
+import { d as defineCustomElement$6 } from './p-08eb05f7.js';
+import { d as defineCustomElement$5 } from './p-46aa070f.js';
+import { d as defineCustomElement$4 } from './p-d2e75481.js';
+import { d as defineCustomElement$3 } from './p-076458c1.js';
+import { d as defineCustomElement$2 } from './p-46a8132e.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-e7a9cd6f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.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-eb41ebec.js';
-import { d as defineCustomElement$7 } from './p-dc810c10.js';
-import { d as defineCustomElement$6 } from './p-fc8b19d7.js';
-import { d as defineCustomElement$5 } from './p-8e84f50a.js';
-import { d as defineCustomElement$4 } from './p-a50235dd.js';
-import { d as defineCustomElement$3 } from './p-b0911017.js';
-import { d as defineCustomElement$2 } from './p-f9e93439.js';
+import { d as defineCustomElement$8 } from './p-9bbe7263.js';
+import { d as defineCustomElement$7 } from './p-eddef302.js';
+import { d as defineCustomElement$6 } from './p-f4511d6b.js';
+import { d as defineCustomElement$5 } from './p-5d29fcaa.js';
+import { d as defineCustomElement$4 } from './p-7cebe2aa.js';
+import { d as defineCustomElement$3 } from './p-08eb05f7.js';
+import { d as defineCustomElement$2 } from './p-46a8132e.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: 'cc2e48ee12ea08d98bdcbffb297a6a2ed218e6b9', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '0f5aed0d311a0406993da0a933249ded67a9ad50', class: {
+        return (h(Host, { key: '39a98bc5c9e4f4524ebcef1f5bceadc19a6d07e3', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'c9fb952d66118cbdf423d24d365ade9fc58e1a58', 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: 'e05a767fb9d0320158709bc7e04b53cf81cac23c' }, this.name && (h("duet-heading", { key: '8af67cd790130a68be2360b74416e56776e07815', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '4e52d9752abdda1c14a711af4d1f0c0b587a661b', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: 'd5ef84acee777453998cc1094e0f6d3175099764', class: "email" }, h("duet-icon", { key: '891e836d988732d4212878e8eeca2e3e7b1fa06b', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '7a1cc4a7bfa96f42084565ddde8ced1a5bcbdc76', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: 'aa53d063b0d6ea053a5f7826307d76b46a6687f6', class: "phone" }, h("duet-icon", { key: 'b7fa45571c0ea392949010a31092aed317663f6e', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '70206b481553eec0d32322c2885a7c9a525a4398', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '59e34fec5982ee552dd914d1a40897d2a7d4b04a', class: "call-to-action" }, h("duet-button", { key: '9b6982923e48f4b6ecdd123cf733d162a42ffa5b', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: 'ec7625ef7d5a327d1bfa192ddd950cfbb26db708' }), h("slot", { key: 'c875ed1c02e6ef4aab02000dbe3e83fda4154315' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '3d916ef543989f6c535bebf7058828ea1a92e46f' }, this.name && (h("duet-heading", { key: '34349d6e331e031b70d60277d71a2698e08e0d14', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '2492313d9e481579d1f9a03524d967dc4813dbb5', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '641aafcd47888ea410ede3aa54ea34084c2a0ea5', class: "email" }, h("duet-icon", { key: 'bbe6aabb9b6073e2ae6ea1287188a705183fd18a', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '159ecf5a5ea43c73b3606d6cd86a9bc96d3ff20b', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '87ea068fe072eb0ec5e93c87fc22ee5d1156f216', class: "phone" }, h("duet-icon", { key: 'd42e0c5a2b0b76fd4a28adbee6d2f1dae076d354', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'e20b2e84426c1105c8170c0159899443ea4b0c54', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '940d0a605a472a688396e791894bb1a1796e4978', class: "call-to-action" }, h("duet-button", { key: 'b0aa2e8cc48dd5f38cabf260c0742535d778c9b2', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: 'e347fcd870d12eb413e5b3871303f69fff0dc3fe' }), h("slot", { key: '9dca553d670b1fc7ea7a570afc55a5bdabd7c0a7' }))));
     }
     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-e7a9cd6f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7a8ebdb7.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-eb41ebec.js';
-import { d as defineCustomElement$5 } from './p-fc8b19d7.js';
-import { d as defineCustomElement$4 } from './p-6efe6bf7.js';
-import { d as defineCustomElement$3 } from './p-b0911017.js';
-import { d as defineCustomElement$2 } from './p-f9e93439.js';
+import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
+import { d as defineCustomElement$6 } from './p-9bbe7263.js';
+import { d as defineCustomElement$5 } from './p-f4511d6b.js';
+import { d as defineCustomElement$4 } from './p-a2ab7458.js';
+import { d as defineCustomElement$3 } from './p-08eb05f7.js';
+import { d as defineCustomElement$2 } from './p-46a8132e.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;
@@ -53,7 +53,7 @@ const DuetCookieConsent$1 = /*@__PURE__*/ proxyCustomElement(class DuetCookieCon
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'a1ecd4a76baeb20fb29f1b50713568a61720c2eb', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '6b17b8d174b8bc5aa8cc5e8b0df9ddd034a1a2b0', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'd56a7cad1fe926db95e6124f4956d638b87d8002', class: "duet-cookie-consent-content" }, h("div", { key: '7204cfdbde061697e6d8a9f81f446257eadf8c66', class: "expand" }, h("slot", { key: '4a776a6aff7404999fac0ffb8450a35f9446a259' })), h("duet-spacer", { key: 'e7f2aeaa800f7b5ae0e87343e46f59e4e46bf558', size: "large", direction: "horizontal" }), h("div", { key: '35fc1ff56232a1bcf2b56867188ec75017be905f' }, h("duet-button", { key: 'f59636a4e6a53ff79bddabe98ef61cd75b02b45e', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (h(Host, { key: '91948660b9fab6f87923b2200960a07b864dd83f', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '0bb6143d36c29e2242d3e15c6857d38cb12a6808', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '444dfba5d496df6e6da6315372331b79b8e2a9ab', class: "duet-cookie-consent-content" }, h("div", { key: 'caacc62f4d2c9d6232efd5b0741076717aed8496', class: "expand" }, h("slot", { key: 'c2978a0efb145de1d841f90238425de3ca7a499b' })), h("duet-spacer", { key: '6429ce669d4895c4dfdd1f1e5e15d4b87633bed2', size: "large", direction: "horizontal" }), h("div", { key: '85e0b040c8248bcac1f20cba69a33737212640cc' }, h("duet-button", { key: '189912399af177fd3bdd70cc061e1f3a3dd93355', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     get element() { return this; }
     static get style() { return DuetCookieConsentStyle0; }