@duetds/components 9.16.0 → 9.16.1

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

@@ -94,13 +94,17 @@ export class DuetHero {
      * Component lifecycle events.
      */
     componentWillLoad() {
+        const headings = "h1, h2, h3, h4, h5, h6";
         inheritGlobalTheme(this);
         this.hasPreHeadingSlot = hasSlot(this.element, "pre-heading");
         this.hasHeadingSlot = hasSlot(this.element, "heading");
         this.hasSubHeadingSlot = hasSlot(this.element, "subheading");
         checkNamedSlotElement(this.element, "pre-heading", "span");
-        checkNamedSlotElement(this.element, "heading", "span");
+        checkNamedSlotElement(this.element, "heading", `span, ${headings}`);
         checkNamedSlotElement(this.element, "subheading", "span");
+        if (this.hasHeadingSlot && getElementsFromNamedSlot(this.element, "heading")[0].matches(headings)) {
+            this.hasHeadingSlotNative = true;
+        }
         this.refresh();
     }
     connectedCallback() {
@@ -184,7 +188,7 @@ export class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (h("div", { key: '5f1fa623c6a8b5c570953498c17d38c046e3498c', role: "region", class: {
+        return (h("div", { key: 'b9c3fd981986fea8d993f608169c1b1bd7e142f9', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -202,17 +206,17 @@ export class DuetHero {
                 "duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
                 "duet-hero-left-align": this.leftAlign && !campaignOrSection,
                 "duet-hero-narrow": this.layout === "narrow",
-            }, part: "duet-hero" }, campaignOrSection && this.image && (h("div", { key: '8637ec4d16c7f1812a236da0a65729de0aa02bf0', class: "background-area" }, h("div", { key: '84ecb8dbb4f31669f0201f335bfc63a5b5925013', class: "background-container" }, h("div", { key: '63741e44a0aba885f85084d6431a494dee5c45d1', class: "background" }, h("img", { key: '44e2ad8e6e7cb582a798ffbf70879fecad0539ef', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), h("div", { key: 'ac6439114eb01ab9097150e9d086f1089661bebf', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: '48ed3a655291d6d07a3d199f826acf2ff31d381a', class: { "background-area": true, [this.layout]: true } }, h("div", { key: '4158e92200f1d5fa2dc571d459fcb5034b452f33', class: { "background-container": true, [this.layout]: true } }, h("div", { key: 'b012af078c50b844c385f0d930b6eb227d4beeda', class: { background: true, [this.layout]: true } }, h("div", { key: 'a426ac5178709305c9a2a85705791c33b66c0d20', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: 'e32c5d247e20d2928bf023295682306bc65c7983', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: '09db46430fc3a149a4d7fa288ed8c17241b53346', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: 'ba02fad3d9ec74a7b0ee36b00b460343e2996fd4', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { key: 'e889fe0998219fe8642eaf585fc4c1451b6c85fb', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { key: '983fc9745edce8df229165b24036c1459bb1df2a', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: '5e06f744fee0a0c166a97cb831499682929b7154', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: '6d4e7390da1e481e0f20f4c7a5cf7fef488d6943', class: "background-area" }, h("div", { key: 'bab5c4eef578dea9b8698d25dd9f440c173e83a3', class: "background" }, h("div", { key: '2aa38a32194f7f1aa2ac9677390f1853719306f4', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '4b9acab7cda8ed679c83efb0555c4c6fc772e650', class: "brand-shape" }), h("div", { key: '772c1f1ef0240210a191967a6bd7f4a4c7d8a70a', class: "brand-shaped-image" }, h("div", { key: 'c5fad3a16528dd772a7be0aa0792b05af6fc9af9', class: "brand-shaped-image-wrapper" }, h("div", { key: '609615bbd1452a9ff02b9bc5dbb7d529dbaeb9f4', class: "brand-shaped-image-bg", style: styles })))))), h("div", { key: 'edb60c1675ebf00914595a40f5984ece68a1b804', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: '3b10a5bee636ab4e3ac4f03c000386a919c4b013', class: "duet-hero-image-mask" }, h("div", { key: 'f40bdc888d7a41ded8371b5b8ce222218bf8e812', class: "duet-hero-image-wrapper" }, h("div", { key: 'cae33c0bf93b3542ac85cf51e814474a62f49c9c', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (h("div", { key: '74d5377e83732f5862c2d90a59df55d4e16af8b1', class: "duet-hero-back" }, h("duet-button", { key: '62fcac914ad58fe6b213abc362e0f09f350d51eb', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
+            }, part: "duet-hero" }, campaignOrSection && this.image && (h("div", { key: '3260b2870c1ea4df2b6da83e0e522e2959384077', class: "background-area" }, h("div", { key: 'b2ea29ed6389e6cfa9fe9dcd96367bdbea087693', class: "background-container" }, h("div", { key: '26e2a20c698406dc588295ae9f55af67926e7c97', class: "background" }, h("img", { key: 'e593767a8841e4b500ce795a5d32002fd7106d21', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), h("div", { key: '5197c7f06902941b5ef031a4921a5449a1c34377', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: 'ef63bccc608fd7c96df659991d80df5b7f598046', class: { "background-area": true, [this.layout]: true } }, h("div", { key: '2b2c260ce475d3a80cf6ed3fc7f2bff453f65c2c', class: { "background-container": true, [this.layout]: true } }, h("div", { key: '476eb6062b5b1b09d32c6c7786013b879379ca7c', class: { background: true, [this.layout]: true } }, h("div", { key: 'ade4111611cd5ea7ad5ed05f631e42957616ddec', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: '005ae64b3d9e2e6266af42e25cb4be4a9b1fa915', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: '143fe3284548a7b24127a205496620bd6f674341', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: 'e0368f6d4adab84330060a820a3ace3c21699470', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { key: '0bfb81f4f8d796802e5b7b2b7069052b8f045efe', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { key: '13ba86fd3ddfbcef5dcd42941e8fbb4f12cc1974', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: '3b3160c4473905abc641d49a91cc4eecef3e6112', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: '81d4f78e461f0bdf5eaa69af85b459fb202b7e42', class: "background-area" }, h("div", { key: '7244da55fe6c2ab9e45b24735a9d0a20f0b75190', class: "background" }, h("div", { key: '8342e1b51e43f069fc3f828a91a7cb9337ef35e9', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'cf56221090df8290c4b1865009b3e05979031d03', class: "brand-shape" }), h("div", { key: 'efd790d680afe2abed0896cec55331254afdc804', class: "brand-shaped-image" }, h("div", { key: '651c298211bb6ebd39c890b34562a3c64f5bc902', class: "brand-shaped-image-wrapper" }, h("div", { key: '8b2e79734a6a4aed14925911115299e2b3d767ac', class: "brand-shaped-image-bg", style: styles })))))), h("div", { key: '160c866e220afcd1281011a1c5a719b0025e9546', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: '7bebb785dc9749bc51d968dab2a8ca0cfc848b5d', class: "duet-hero-image-mask" }, h("div", { key: '8c6a9cd35d908127651a0bae0353d32171ab41d7', class: "duet-hero-image-wrapper" }, h("div", { key: '011d38bd9420d504d1aba20bdafed27624e55892', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (h("div", { key: '06c729fab6a79938abac782bfefc2be636af5f73', class: "duet-hero-back" }, h("duet-button", { key: 'b008b8f2e2bde426b6e0d32570341a69d122bad7', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
                 label: this.processedBack.label,
                 href: this.processedBack.href,
                 id: this.processedBack.id,
                 analyticsId: this.processedBack.analyticsId,
-            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (h("duet-icon", { key: '96c2844b98d28305f7556af68dae30f7c08bd25b', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: '5acbe0ac1c6dadc08b8b5e731581246e433a6c16', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: 'd6ec130b01755771812d74bfbb1296f5b6604599', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium", "aria-hidden": "true" }, this.preHeading ? (this.preHeading) : (h("span", null, h("slot", { name: "pre-heading" }))))), h("slot", { key: '72615e7711048a1f4d2c5a3283fd713739377efb', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: 'c64fc81d93adaa167b54a96aee7d1eca99215091', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto", accessibleLabel: this.getAccessibleHeading() }, this.heading ? this.heading : h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { key: '31b0694ec7c4a7f64b0724c301748d6c715656ac', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("slot", { key: 'f438a6495842925a2281bb2a2cad11e510f51bc0', name: "subheading" }))), this.description && (h("duet-paragraph", { key: 'ff2d31d7b435f65b4cd244f9f9104c4590e216e7', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: '6e299338982bf722a43cca37aaf6a3135947273c', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (h("duet-list-item", null, h("span", { slot: "label" }, item.label), h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (h("duet-button", { key: '3139d0bc79278f589e91f0ffa6c1ac32341bc89e', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), h("slot", { key: '5f603e8a230a237a80052096a60a9a7940ffbb60' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: '299c4226c3d269c2063902ed1fd0e9ee66600c8f', class: "duet-hero-links" }, this.processedActions.map(item => (h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, h("div", { class: "duet-hero-action-icon" }, h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (h("div", { class: "duet-hero-action-arrow" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (h("duet-icon", { key: '7bf4a70d0bb38c3f133823902a10fc0e95751ccc', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: '7f97fe5b493cc884c901dd9c228fa664fb62efb5', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: '641709e526363fd46483b0f8d7a317e76193e64d', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium", "aria-hidden": "true" }, this.preHeading ? (this.preHeading) : (h("span", null, h("slot", { name: "pre-heading" }))))), h("slot", { key: '7835fca56fb2771ab4dd3e8bf842cd63cceecc82', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: 'e3966fe7edc152609001c7d7833b5533ce3e0bf4', theme: this.theme, level: this.hasHeadingSlotNative ? "div" : this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto", accessibleLabel: this.getAccessibleHeading() }, this.heading ? this.heading : h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { key: '74d6901df7fc755b8579dac8ee179a91467c64f6', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("slot", { key: '201fc47aadc90a5d36bbb8c2aa2790fd07fc365b', name: "subheading" }))), this.description && (h("duet-paragraph", { key: '1925643f27fe9c12179e3094d118550532de383e', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: '3ef2751d73f65c92b8b13abb3e29823dc6238411', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (h("duet-list-item", null, h("span", { slot: "label" }, item.label), h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (h("duet-button", { key: 'df28ae57da7a717c93ea6bb66fd76d2ef3570768', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), h("slot", { key: '930cf91ff8dbd036167a878497e0dcbd6f0ae2da' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: '8a3bbfacf5164e1b5d8e355eb1798c503044e8c8', class: "duet-hero-links" }, this.processedActions.map(item => (h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, h("div", { class: "duet-hero-action-icon" }, h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (h("div", { class: "duet-hero-action-arrow" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && h("div", { key: '868a7dfb4d12a20bd74202d4130483cf6d29bad1', class: "duet-hero-image", style: styles }), h("slot", { key: '6d54239cacd33dbba3512eb1419617000cd0db14', name: "bottom" }))));
+            this.variation !== "content" && h("div", { key: '623199fc8bdd12fcb1c06cd99bbbcf3ae40c7fc0', class: "duet-hero-image", style: styles }), h("slot", { key: 'f01fd55b510fd793ac4e2819ea683f3f9764ae5a', name: "bottom" }))));
     }
     static get is() { return "duet-hero"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,6 +22,10 @@
   appearance: none;
   position: relative;
   width: 100%;
+  pointer-events: none;
+}
+:host * {
+  pointer-events: auto;
 }
 
 .duet-menu-bar {

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

@@ -31,6 +31,10 @@
 .container {
   position: relative;
   z-index: 400;
+  pointer-events: none;
+}
+.container * {
+  pointer-events: auto;
 }
 
 ::slotted(*[slot=mobile]) {

package/lib/collection/components/duet-page-heading/duet-page-heading.js

@@ -40,7 +40,7 @@ export class DuetPageHeading {
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, h("div", { key: '47e1dbf1c820a033dbda5ab2947eb24579dd9b10', class: "background" }, this.theme === "turva" && h("div", { key: '287e0066733158363e3874a95817a762e809da1f', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'f027b1ec25e9cdac8567c3ead047915886179621', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: '8bf49eda00cde3160850bde060081207d43137b4', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '8c32dee388c499ec6bc26efe8bf82917f72539f4', class: "brand-shaped-icon" }, h("duet-icon", { key: '4d59ed320390cc69707e761c981ac471a6e7553b', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: 'd9673f6ff5e27fc94b0bc35ff1baed4d8a259f8f', class: "heading" }, h("slot", { key: 'f4d9a0248685888feba270f120dbeb90d10f8676', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: '22299a624173a6f063208a63000d3c12d3dc359f' }, h("duet-spacer", { key: '2990a9baff0330d2b907498ec4e93ffcde8f4a1f', size: "large" }), h("div", { key: '9a8388421bfa02d17644fd935f88efdbf1bb39aa', role: "presentation" }, this.progressIndicator()))))));
+            } }, h("div", { key: '47e1dbf1c820a033dbda5ab2947eb24579dd9b10', class: "background" }, this.theme === "turva" && h("div", { key: '287e0066733158363e3874a95817a762e809da1f', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'f027b1ec25e9cdac8567c3ead047915886179621', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: '8bf49eda00cde3160850bde060081207d43137b4', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '8c32dee388c499ec6bc26efe8bf82917f72539f4', class: "brand-shaped-icon" }, h("duet-icon", { key: '4d59ed320390cc69707e761c981ac471a6e7553b', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: 'd9673f6ff5e27fc94b0bc35ff1baed4d8a259f8f', class: "heading" }, h("slot", { key: 'f4d9a0248685888feba270f120dbeb90d10f8676', name: "heading" }), this.progressCurrentStep !== undefined && this.progressTotalSteps > 0 && (h("div", { key: '6bc7886ae809c319e50005d6bc4ec44552c48256' }, h("duet-spacer", { key: '1792cc877c99c71d244b6180e9b95a0c1d79bf29', size: "large" }), h("div", { key: '2330bdd54dcf3eae2f7f34b97d81769da8138971', role: "presentation" }, this.progressIndicator()))))));
     }
     static get is() { return "duet-page-heading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,3 +1,4 @@
+/* stylelint-disable scss/at-rule-no-unknown */
 :host {
   box-sizing: border-box;
   padding: 0;
@@ -12,7 +13,7 @@
   width: 100%;
   margin: 8px 0 20px 0;
 }
-@media (min-width: 36em) {
+@container (width > 36em) {
   :host {
     margin: 12px 0 28px 0;
   }
@@ -37,7 +38,7 @@
   padding: 16px;
   border-radius: 12px;
 }
-@media (min-width: 36em) {
+@container (width > 36em) {
   .duet-panel.padding-small {
     padding: 20px;
   }
@@ -45,7 +46,7 @@
 .duet-panel.padding-medium {
   padding: 20px;
 }
-@media (min-width: 36em) {
+@container (width > 36em) {
   .duet-panel.padding-medium {
     padding: 28px;
   }
@@ -53,7 +54,7 @@
 .duet-panel.padding-large {
   padding: 28px;
 }
-@media (min-width: 36em) {
+@container (width > 36em) {
   .duet-panel.padding-large {
     padding: 36px;
   }

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/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-8284b970.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-07d58c18.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-60827675.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-1be25f37.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-cbb101aa.js';
+import { d as defineCustomElement$2 } from './p-2c6c022f.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-1be25f37.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-2c6c022f.js';
+import { d as defineCustomElement$2 } from './p-e167506b.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-1be25f37.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-07aea296.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-1be25f37.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-2c6c022f.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-4f0b365b.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-1be25f37.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-2c6c022f.js';
+import { d as defineCustomElement$2 } from './p-e167506b.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-f8c458d0.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-211bbab4.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-8e5437bd.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-1be25f37.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-4f0b365b.js';
+import { d as defineCustomElement$7 } from './p-4228d649.js';
+import { d as defineCustomElement$6 } from './p-2c6c022f.js';
+import { d as defineCustomElement$5 } from './p-afa85350.js';
+import { d as defineCustomElement$4 } from './p-897cd468.js';
+import { d as defineCustomElement$3 } from './p-4c39b06e.js';
+import { d as defineCustomElement$2 } from './p-fa3ebc1e.js';
 
 const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 const DuetChoiceGroupStyle0 = duetChoiceGroupCss;

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-60ffc3cf.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1be25f37.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-4f0b365b.js';
+import { d as defineCustomElement$3 } from './p-2c6c022f.js';
+import { d as defineCustomElement$2 } from './p-e167506b.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-1be25f37.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-4f0b365b.js';
+import { d as defineCustomElement$2 } from './p-2c6c022f.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; }