@duetds/components 9.16.0 → 9.17.0

package/lib/collection/components/duet-paragraph/duet-paragraph.css

@@ -49,6 +49,9 @@
   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-paragraph.duet-inherit-color {
+  color: inherit !important;
+}
 .duet-paragraph.duet-paragraph-small {
   font-size: 0.875rem;
 }

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

@@ -11,6 +11,7 @@ import { getColorByName } from "../../utils/token-utils";
 export class DuetParagraph {
     constructor() {
         this.id = createID("duet-paragraph");
+        this.inheritingParents = ["duet-alert"];
         this.theme = "";
         this.margin = "auto";
         this.size = "medium";
@@ -32,7 +33,7 @@ export class DuetParagraph {
         const color = getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (h(Host, { key: '6c38dc5fb6f87779ecd9ea5b619940c7f867f52d', "aria-describedby": this.id }, h("p", { key: '8f022c00f776608c4f37b84de10e7fe8224552d9', id: this.id, class: {
+        return (h(Host, { key: 'ae1829736233d0cca98338cea16cc7100c5a934a', "aria-describedby": this.id }, h("p", { key: '39c89484d021d8e468607b50509ef3c280d7e8a2', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -40,7 +41,8 @@ export class DuetParagraph {
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: '0a60d3f54e35dc856a508c399dfe965695761324' }))));
+                "duet-inherit-color": !this.color && this.inheritingParents.some(p => this.element.closest(p)),
+            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: 'd6e51ca09e84d7659ef95d10a5702c967351a5e7' }))));
     }
     static get is() { return "duet-paragraph"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-phone-input/duet-phone-input.js

@@ -634,7 +634,7 @@ export class DuetPhoneInput {
                 "getter": false,
                 "setter": false,
                 "attribute": "error",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "\"\""
             },
             "tooltip": {

package/lib/collection/components/duet-radio-group/duet-radio-group.js

@@ -233,7 +233,7 @@ export class DuetRadioGroup {
                 "getter": false,
                 "setter": false,
                 "attribute": "error",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "\"\""
             },
             "tooltip": {

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

@@ -330,7 +330,7 @@ export class DuetSelect {
                 "getter": false,
                 "setter": false,
                 "attribute": "error",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "\"\""
             },
             "accessibleLiveError": {

package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.css

@@ -21,6 +21,10 @@
   -webkit-appearance: none;
   appearance: none;
   width: 100%;
+  pointer-events: none;
+}
+:host * {
+  pointer-events: auto;
 }
 
 :host(:not([open])) ::slotted(duet-submenu-bar-dropdown) {

package/lib/collection/components/duet-table/duet-table.css

@@ -137,6 +137,7 @@ duet-table span.duet-table-cell-heading {
 .duet-table-sticky thead td {
   position: sticky;
   top: 0;
+  z-index: 300;
   background: rgb(255, 255, 255);
 }
 

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

@@ -722,7 +722,7 @@ export class DuetTextarea {
                 "getter": false,
                 "setter": false,
                 "attribute": "error",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "\"\""
             },
             "validity": {

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

@@ -87,11 +87,11 @@ export function getColorByName(name, theme = "") {
     if ((theme === "turva" || name.endsWith("-turva")) && isTurva2()) {
         switch (name.replace(/-turva$/, "")) {
             case "primary-lightest":
-                return turva2ColorTokens["color-turva2-nude-00"];
+                return turva2ColorTokens["color-turva-nude-00"];
             case "primary-lighter":
-                return turva2ColorTokens["color-turva2-nude-50"];
+                return turva2ColorTokens["color-turva-nude-50"];
             case "primary-light":
-                return turva2ColorTokens["color-turva2-nude-200"];
+                return turva2ColorTokens["color-turva-nude-200"];
             case "primary":
                 return turva2ColorTokens["color-turva2-red-600"];
             case "primary-darker":

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-21d23d6c.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-314fe903.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-21f19284.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-b2b8bd32.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-1172497f.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-495059d2.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-60ffc3cf.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-a1ec8b34.js';
 import { i as inheritGlobalTheme } from './p-3757c660.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, p as postfixTheme } from './p-499da71e.js';
-import { d as defineCustomElement$3 } from './p-271a8315.js';
-import { d as defineCustomElement$2 } from './p-8959f96f.js';
+import { g as getColorByName, p as postfixTheme } from './p-78b6337a.js';
+import { d as defineCustomElement$3 } from './p-ad548c39.js';
+import { d as defineCustomElement$2 } from './p-a81fd33c.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,

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

@@ -1,16 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-60ffc3cf.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-a1ec8b34.js';
 import { i as inheritGlobalTheme } from './p-3757c660.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-d9b2e80e.js';
-import { d as defineCustomElement$3 } from './p-8959f96f.js';
-import { d as defineCustomElement$2 } from './p-24404a59.js';
+import { d as defineCustomElement$3 } from './p-a81fd33c.js';
+import { d as defineCustomElement$2 } from './p-474d3bfc.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>"};
 
-const duetBreadcrumbCss = "*,*::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:list-item;width:auto}.container{display:flex;gap:8px;align-items:center}.hide{display:none}.duet-breadrumbs-arrow{display:block;align-items:center;justify-content:center;width:0.375rem;min-width:0.375rem;height:0.375rem;min-height:0.375rem}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;font-weight:inherit;line-height:1.25;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
+const duetBreadcrumbCss = "*,*::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:list-item;width:auto}.container{display:flex;align-items:center}.hide{display:none}.duet-breadrumbs-arrow{display:block;align-items:center;justify-content:center;width:0.375rem;min-width:0.375rem;height:0.375rem;min-height:0.375rem}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;padding:10px 8px;font-size:0.875rem;font-weight:inherit;line-height:1.25;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 const DuetBreadcrumbStyle0 = duetBreadcrumbCss;
 
 const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumb extends H {
@@ -18,14 +17,8 @@ const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumb e
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.currentCrumb = {
-            fi: "disabled. Nykyinen sivu",
-            sv: "disabled. Visa mer",
-            en: "disabled. Nuvarande sida",
-        };
         this.hasSlottedContent = false;
         this.theme = "";
-        this.language = getLanguage();
         this.href = "";
         this.icon = "arrow-right-small-icon";
         this.iconSize = "x-small";
@@ -38,12 +31,10 @@ const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumb e
         inheritGlobalTheme(this);
     }
     connectedCallback() {
-        connectLanguageChangeObserver(this);
         subscribeTabbingChange(this);
         this.hasSlottedContent = Array.from(this.element.childNodes).length > 0;
     }
     disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
         unsubscribeTabbingChange(this);
     }
     /**
@@ -51,15 +42,16 @@ const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumb e
      * Always the last one in the class.
      */
     render() {
-        var _a;
-        return (h(Host, { key: 'a9f1782d98a790e469a78d27b5eb79ba277578e2', role: "listitem" }, h("div", { key: '0044cdcf0d7b79d76e4b86d075d318485ff6cb5d', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '6c6be2a00e8fdbbcd15a99b9535066864cca20df', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h("a", { key: '438e3d0d02eb4abce710c1ca3a88a28efc69ffca', class: {
+        const Tag = this.href ? "a" : "span";
+        return (h(Host, { key: '2207c094fc1739e35d0282ff76d24264b62ce36a', role: "listitem" }, h("div", { key: '3cc99566d2766c3924b4d8b6ede7905180bcbbb9', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: '39dd9e66014828b37093cd6803823b2e15c3672e', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), h(Tag, { key: '53f7d4b23f6beaa1d85c5ea9838c715b3f7c43b1', 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" &&
+                "icon-only": this.icon && !this.hasSlottedContent,
+            }, href: this.href || undefined, "aria-label": this.accessibleLabel || this.element.textContent, "aria-current": this.href ? undefined : "page" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            h("duet-icon", { key: 'fd3385a6710d02e06c3b5f7cc6718c98a8104989', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: '5a280907832a4d1f0577469fc402f44a7979c376', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: 'b1215c5fd3872c3498378fd1f625e177005fb3fc' })))));
+            h("duet-icon", { key: '619c49353a03cf8963836ef4fd76aefd9cfd60b2', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: 'fd54d24f48cab981020265dd86753fcc46f0276c', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: '42334600d458ab1b9930d17f0b674fd06a1af09c' })))));
     }
     get element() { return this; }
     static get style() { return DuetBreadcrumbStyle0; }
@@ -68,8 +60,7 @@ const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumb e
         "href": [1025],
         "icon": [1025],
         "iconSize": [1, "icon-size"],
-        "accessibleLabel": [1, "accessible-label"],
-        "language": [32]
+        "accessibleLabel": [1, "accessible-label"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-60ffc3cf.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-a1ec8b34.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
 import { g as getLocaleString } from './p-d9b2e80e.js';
-import { g as getColorByName } from './p-499da71e.js';
+import { g as getColorByName } from './p-78b6337a.js';
 
-const duetBreadcrumbsCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 75, 129)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(212, 223, 229)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(8, 42, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.footer{background:#e61740}";
+const duetBreadcrumbsCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px 0 20px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;align-items:center;justify-content:flex-start;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 75, 129)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(212, 223, 229)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(8, 42, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.footer{background:#e61740}";
 const DuetBreadcrumbsStyle0 = duetBreadcrumbsCss;
 
 const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class DuetBreadcrumbs extends H {

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-292fa964.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-7500a672.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-60ffc3cf.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-a1ec8b34.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$2 } from './p-8959f96f.js';
+import { d as defineCustomElement$2 } from './p-a81fd33c.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}:host(.duet-theme-turva2) .duet-callout.duet-theme-turva .author,:host(.duet-theme-turva2) .duet-callout.duet-theme-turva blockquote{color:#172a3b}";
 const DuetCalloutStyle0 = duetCalloutCss;

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-bb3c4ead.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-197ff38c.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-60ffc3cf.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-a1ec8b34.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { g as getElementsFromNamedSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { g as getColorByName } from './p-499da71e.js';
-import { d as defineCustomElement$3 } from './p-8959f96f.js';
-import { d as defineCustomElement$2 } from './p-24404a59.js';
+import { g as getColorByName } from './p-78b6337a.js';
+import { d as defineCustomElement$3 } from './p-a81fd33c.js';
+import { d as defineCustomElement$2 } from './p-474d3bfc.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-03c9ec22.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-fedfd826.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-c0f48cc4.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-24702026.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-81d2c117.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-6a3c8021.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-60ffc3cf.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-a1ec8b34.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
 import { c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$8 } from './p-bb3c4ead.js';
-import { d as defineCustomElement$7 } from './p-bb928027.js';
-import { d as defineCustomElement$6 } from './p-8959f96f.js';
-import { d as defineCustomElement$5 } from './p-dc0c957e.js';
-import { d as defineCustomElement$4 } from './p-d1f886eb.js';
-import { d as defineCustomElement$3 } from './p-3972dc75.js';
-import { d as defineCustomElement$2 } from './p-f5c2e1f7.js';
+import { d as defineCustomElement$8 } from './p-197ff38c.js';
+import { d as defineCustomElement$7 } from './p-7937b6b8.js';
+import { d as defineCustomElement$6 } from './p-a81fd33c.js';
+import { d as defineCustomElement$5 } from './p-414a9cf3.js';
+import { d as defineCustomElement$4 } from './p-ec992e6a.js';
+import { d as defineCustomElement$3 } from './p-7b1d0747.js';
+import { d as defineCustomElement$2 } from './p-5e60533d.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;
@@ -166,7 +166,7 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoiceGroup
         "direction": [1],
         "margin": [1],
         "theme": [1025],
-        "error": [1],
+        "error": [513],
         "name": [1],
         "label": [1],
         "labelHidden": [4, "label-hidden"],

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-60ffc3cf.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a1ec8b34.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
 import { a as DuetStringsExternalDefaults } from './p-b7a93f1c.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, a as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, b as isEscapeKey } from './p-8db11326.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-d9b2e80e.js';
 import { h as hasSlot } from './p-f21662ea.js';
-import { d as defineCustomElement$4 } from './p-bb3c4ead.js';
-import { d as defineCustomElement$3 } from './p-8959f96f.js';
-import { d as defineCustomElement$2 } from './p-24404a59.js';
+import { d as defineCustomElement$4 } from './p-197ff38c.js';
+import { d as defineCustomElement$3 } from './p-a81fd33c.js';
+import { d as defineCustomElement$2 } from './p-474d3bfc.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,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-60ffc3cf.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a1ec8b34.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-eb60efcc.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
-import { h as hasSlot } from './p-f21662ea.js';
+import { g as getElementsFromNamedSlot, h as hasSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { d as defineCustomElement$3 } from './p-bb3c4ead.js';
-import { d as defineCustomElement$2 } from './p-8959f96f.js';
+import { d as defineCustomElement$3 } from './p-197ff38c.js';
+import { d as defineCustomElement$2 } from './p-a81fd33c.js';
 
 const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-theme-turva){font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}:host(.duet-theme-turva2){color:#172a3b}:host(.duet-theme-turva2) .duet-collapsible-content.duet-theme-turva,:host(.duet-theme-turva2) .duet-collapsible-heading.duet-theme-turva{color:rgb(23, 28, 58)}";
 const DuetCollapsibleStyle0 = duetCollapsibleCss;
@@ -64,10 +64,19 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
             if (this.accessibleLabel) {
                 return this.accessibleLabel;
             }
-            if (this.heading && this.caption) {
-                return `${this.heading}. ${this.caption}`;
+            const labelParts = [];
+            if (this.heading) {
+                labelParts.push(this.heading);
             }
-            return this.heading || null;
+            if (this.hasAfterHeading) {
+                labelParts.push(getElementsFromNamedSlot(this.element, "after-heading")
+                    .map(e => e.textContent.trim())
+                    .join(", "));
+            }
+            if (this.caption) {
+                labelParts.push(this.caption);
+            }
+            return labelParts.join(". ");
         };
         this.handleClick = (e) => {
             e.preventDefault();
@@ -119,7 +128,7 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString(this.headingLevel) : "div";
-        return (h(Host, { key: '54b9522f13950fe10001c1980ecdfec23220f1c9', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: 'd7e3168488798520a7df13b362a0fa6ab84b9ae1' }, h("button", { key: '6e2017e7fcee29a3b2b48e09ae796d890dc32ba6', class: {
+        return (h(Host, { key: '7d31031b7dadd4155d8a3458ec08c93c7e3cf3c5', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: 'f00b09d4646d2a5c86761675c6e46d49af9319cc' }, h("button", { key: 'a53704d19ce0908a29670199215c180996ecc898', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
@@ -127,7 +136,7 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
                 "has-caption": !!this.caption,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '3dc419556839dfb36da15a259587eb66d6634cce', class: "duet-collapsible-heading-wrapper" }, h("div", { key: '567e70c640e56e3473739ab1fc3dfbcdeaf0ef98', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '957947758de386df0c50706c6b016ed6e796ee68', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: 'd96956f8844feb680607d625f287ddde754a29df', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: '3ad9637644eb87099b51d09943921242acd1a9da', part: "duet-collapsible-after-heading" }, h("slot", { key: '0cf38df9d032614e562f056a633b986aca605e7a', name: "after-heading" })))), this.caption && (h("div", { key: '7090ce40aefd937bf3a0330677707934ce8cf68e', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: 'f0627546e816bbd7ba7291843f2481199b0abf16', size: "small", margin: "none" }, this.caption))))), h("div", { key: '907dceb7ee1fbcb10260b73859e6d815f336197c', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '886161d9dc199839ad5dca4f39a24d18450407fc' }))));
+            }, 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: 'ce43b1e2dabc8910ecc4ed8484d45dca91ff4580', class: "duet-collapsible-heading-wrapper" }, h("div", { key: '0b6b1110c4d5a265f67cd22849f3d264bab78849', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '26bc88a57fb37575d307c750fb956761f1dc4d23', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: '380054a26a1ad98a8db9e5b87b1fb5e02f40d3a1', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: 'c1a4f4b35f20b0c6206ad22ec0789fd9fe73f0ca', part: "duet-collapsible-after-heading" }, h("slot", { key: '5d4b47626ddaba28522b080d60efd6e19d72dd57', name: "after-heading" })))), this.caption && (h("div", { key: '3fe2e63e633411be26b8f9382420922b864a09fb', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: 'c6e38e01e467852441c075013df51aa4e44c89a3', size: "small", margin: "none" }, this.caption))))), h("div", { key: '6dd09c8172dda9a8819f5e41d5cf84431f748bd1', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '2377257e231c64d5d8a9719d0527cd618d68c80d' }))));
     }
     get element() { return this; }
     static get style() { return DuetCollapsibleStyle0; }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-60ffc3cf.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-a1ec8b34.js';
 import { i as inheritGlobalTheme } from './p-3757c660.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-292fa964.js';
-import { d as defineCustomElement$e } from './p-bb3c4ead.js';
-import { d as defineCustomElement$d } from './p-81d2c117.js';
-import { d as defineCustomElement$c } from './p-8959f96f.js';
-import { d as defineCustomElement$b } from './p-f75df296.js';
-import { d as defineCustomElement$a } from './p-41ce0759.js';
-import { d as defineCustomElement$9 } from './p-38dd3c2b.js';
-import { d as defineCustomElement$8 } from './p-6402ad5d.js';
-import { d as defineCustomElement$7 } from './p-24404a59.js';
-import { d as defineCustomElement$6 } from './p-3663183a.js';
-import { d as defineCustomElement$5 } from './p-dc0c957e.js';
-import { d as defineCustomElement$4 } from './p-d1f886eb.js';
-import { d as defineCustomElement$3 } from './p-3972dc75.js';
-import { d as defineCustomElement$2 } from './p-f5c2e1f7.js';
+import { d as defineCustomElement$f } from './p-7500a672.js';
+import { d as defineCustomElement$e } from './p-197ff38c.js';
+import { d as defineCustomElement$d } from './p-6a3c8021.js';
+import { d as defineCustomElement$c } from './p-a81fd33c.js';
+import { d as defineCustomElement$b } from './p-f90dc0c0.js';
+import { d as defineCustomElement$a } from './p-16e2a02e.js';
+import { d as defineCustomElement$9 } from './p-a92010cb.js';
+import { d as defineCustomElement$8 } from './p-5fa530e0.js';
+import { d as defineCustomElement$7 } from './p-474d3bfc.js';
+import { d as defineCustomElement$6 } from './p-f1ad635a.js';
+import { d as defineCustomElement$5 } from './p-414a9cf3.js';
+import { d as defineCustomElement$4 } from './p-ec992e6a.js';
+import { d as defineCustomElement$3 } from './p-7b1d0747.js';
+import { d as defineCustomElement$2 } from './p-5e60533d.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-60ffc3cf.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-a1ec8b34.js';
 import { i as inheritGlobalTheme } from './p-3757c660.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-d9b2e80e.js';
-import { d as defineCustomElement$8 } from './p-292fa964.js';
-import { d as defineCustomElement$7 } from './p-271a8315.js';
-import { d as defineCustomElement$6 } from './p-8959f96f.js';
-import { d as defineCustomElement$5 } from './p-a1827b91.js';
-import { d as defineCustomElement$4 } from './p-ab6148ae.js';
-import { d as defineCustomElement$3 } from './p-3663183a.js';
-import { d as defineCustomElement$2 } from './p-f5c2e1f7.js';
+import { d as defineCustomElement$8 } from './p-7500a672.js';
+import { d as defineCustomElement$7 } from './p-ad548c39.js';
+import { d as defineCustomElement$6 } from './p-a81fd33c.js';
+import { d as defineCustomElement$5 } from './p-a1e9e10b.js';
+import { d as defineCustomElement$4 } from './p-a6e34cfd.js';
+import { d as defineCustomElement$3 } from './p-f1ad635a.js';
+import { d as defineCustomElement$2 } from './p-5e60533d.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}:host(.duet-theme-turva2) .duet-contact-card.duet-theme-turva{color:#172a3b}";
 const DuetContactCardStyle0 = duetContactCardCss;