@duetds/components 9.5.2 → 9.7.0

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

@@ -616,7 +616,7 @@ export class DuetHeader {
                         },
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -645,7 +645,7 @@ export class DuetHeader {
                     "references": {
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -1038,7 +1038,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1059,7 +1059,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1080,7 +1080,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1101,7 +1101,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1122,7 +1122,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1143,7 +1143,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1164,7 +1164,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1185,7 +1185,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1206,7 +1206,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1227,7 +1227,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1248,7 +1248,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderAnalyticsEvent"
                         }
                     }
@@ -1269,7 +1269,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderMobileNavToggleEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderMobileNavToggleEvent"
                         }
                     }
@@ -1290,7 +1290,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }

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

@@ -34,7 +34,7 @@ export class DuetHeading {
     render() {
         const TagName = sanitizeString(this.level);
         const color = getColorByName(this.color);
-        return (h(TagName, { key: 'fc35d12a14663418e76f8e17d41efd7fa1990638', class: {
+        return (h(TagName, { key: '503e72f1d157423d41337a6ac71c1032e611b72b', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -45,7 +45,7 @@ export class DuetHeading {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, h("slot", { key: 'a6f73f221a78d15399456b9d861906f806725228' })));
+            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, h("slot", { key: '5d267eda1aea3d9d8284864c0386c4099823a6c9' })));
     }
     static get is() { return "duet-heading"; }
     static get encapsulation() { return "shadow"; }
@@ -167,7 +167,7 @@ export class DuetHeading {
                     "references": {
                         "DuetHeadingWeight": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-heading/duet-heading.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-heading/duet-heading.tsx",
                             "id": "src/components/duet-heading/duet-heading.tsx::DuetHeadingWeight"
                         }
                     }

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

@@ -158,7 +158,7 @@ export class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (h("div", { key: '7fc47bf02cf2ba5cc2f33ff49bcf333743275049', role: "region", class: {
+        return (h("div", { key: '1f3ac3d92ecbcce710c1b1b1a9d0b2871bc959da', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -176,17 +176,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: '027155027be1fed9a7d604115d6cbf17d469784f', class: "background-area" }, h("div", { key: '50da22f0391f62fa7908ca1dde5f0d3811051e3c', class: "background-container" }, h("div", { key: 'f8d0e012065ad50a71b83b58d2803e72e362220b', class: "background" }, h("img", { key: '0ce16bfa321211483792484b28452eeb01f10ab0', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), h("div", { key: 'b3ed40e5ee0d1c2eff55c802cea26926c5b5c4a4', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: 'a8f5380a004ccd14380113b51fbdae26aa48954b', class: { "background-area": true, [this.layout]: true } }, h("div", { key: '6730e1f397006ff742abbaa6427967dba8fa84df', class: { "background-container": true, [this.layout]: true } }, h("div", { key: '7634d6dcebde7cae44467a54f7a8694f113ad2c0', class: { background: true, [this.layout]: true } }, h("div", { key: 'e76b7db5ea6705834dc2227b5f61c55f035e2541', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: '1fe3f40e033535c4aea637a04a707044d1ca4725', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: 'b6530997d59934dbe48d900439bd90446663d33e', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: '7a5a3487ca172144d6640aeb6d84479daeaf5adb', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { key: '29fe4aaa5e5d9657cfb16a19ed6c31984db541e0', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { key: 'eb0c71c578dc20f7969e35cf6ee01fbc171b858b', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: 'c82c2c9ada8ffb8b59e4709267d3ac23640e1d10', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: 'a0bccb8efc399c63a4e86f1e1937d1ea2f71464f', class: "background-area" }, h("div", { key: '94fbd4c735f15af824e3297ad7de803b2061cec3', class: "background" }, h("div", { key: 'ac7124cbfa8990d2beb003d0bd715b5b80df52cc', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'b72cdbdbd41cc07a87787a2dfab5a9dd706044b5', class: "brand-shape" }), h("div", { key: 'e366068120a1dd8666b60470e6a75937a0cbdf0c', class: "brand-shaped-image" }, h("div", { key: '6ed547b25f4df9f78e29d89781c072c3106d121e', class: "brand-shaped-image-wrapper" }, h("div", { key: '29b9be6046fbe1aa14c3dcf11f45fb5ee82f123e', class: "brand-shaped-image-bg", style: styles })))))), h("div", { key: '9a910213a30875c026f8a8250f4c750c5084684b', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: '005129885fa908c00635dbe6db3f50ead8e424f6', class: "duet-hero-image-mask" }, h("div", { key: 'a231ebb9a646dff22ff2ffb8edf412c137bfa0d4', class: "duet-hero-image-wrapper" }, h("div", { key: '401ab6dac2cc004f7c8384640b8ce333dd02b32b', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (h("div", { key: '4d9a74443e2d7d58a8e2c5fbf5fa76913c32a1fd', class: "duet-hero-back" }, h("duet-button", { key: '229f71142d441bf3e49b7ab650c46e923fdc4b31', 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: 'cc2b5fc035028fcc794ebc4fed0e47dabf113d14', class: "background-area" }, h("div", { key: '877d4f3dbb1c55e57746583bd7222cfd36f85f19', class: "background-container" }, h("div", { key: '13f15b3bca9e43ce9f5eb6b6e09d4e1fe64eed0f', class: "background" }, h("img", { key: '78fdbfeef361e5738c92247d813d265217cab7c2', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), h("div", { key: '40d2607ed6cba7db994f26e29141aac3afa9a93e', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: '94f7dc4bba3edfd18b4174f24adee009cfedc08f', class: { "background-area": true, [this.layout]: true } }, h("div", { key: 'd21b011ee9c6f31e0e62a05448b3451cc901a405', class: { "background-container": true, [this.layout]: true } }, h("div", { key: '4bb1fbc995849a06011a753d187b050dd7c082d9', class: { background: true, [this.layout]: true } }, h("div", { key: 'f57332554b74dfc95610754c40a8917cf5ef150f', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: '60c4bdd140fe90cfd574875a0e5702d92f59816d', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: '13a71f7719f4528fcc3dedfd223162bd44c31ace', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: '7ed75e8fbc0244c6cbdcb80812d7397ce0eedcd9', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { key: 'e7f3c6c6da1826756b8fc7335dd7c34f60040e28', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { key: '8d9c4885e88db588b6fb74a2c912750fce37eb29', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: 'f949a84adeb136052263e5315c12cf74db11f0b9', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: '3bbe9c16d041643fa4aab737aab1784a22ecedb7', class: "background-area" }, h("div", { key: '09cd70418a676ea606b35aeb695ca543f419349c', class: "background" }, h("div", { key: '238c817aad225e31a79cfc9c2b913e284f280c21', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '603dac6307834d67c9ff5838a6512b8d331c4d70', class: "brand-shape" }), h("div", { key: 'ca6013e79a7fa6592529e73f006f0a65d61da30d', class: "brand-shaped-image" }, h("div", { key: '2af6e66e338db1f59510d26140d6f22fbd4fc53a', class: "brand-shaped-image-wrapper" }, h("div", { key: 'd94d4375f19d9992e8376a209248af0d821d86a6', class: "brand-shaped-image-bg", style: styles })))))), h("div", { key: '5bd169d99ec295465cd442414254a56c2b2aa556', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: '2ea4c3d50109f0295d2795cd1ba14da29222328f', class: "duet-hero-image-mask" }, h("div", { key: '18f68ef6e0bbd4d73ce1d3eab2e909d1fe569dde', class: "duet-hero-image-wrapper" }, h("div", { key: '7173fe4d9704f189673615c5877a9dc292e6e9eb', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (h("div", { key: '63f757c91f431dffdb8a18ca7629a7340997cfdc', class: "duet-hero-back" }, h("duet-button", { key: '709ec6ccebdb62de70ff4632ac20665ca3286da3', 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: '394173c6a3790c12f933749c5d3d431c03c66a93', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: '7aca29154e6e696454b23e350ba837cb3306e9b0', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: 'e69d457cde95f1e299f5c5a4950772e84a55da81', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (h("span", null, h("slot", { name: "pre-heading" }))))), h("slot", { key: '89fee6188b91405f4f830ac18601540ace504694', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: '50e1711f9a80fe95d2224f574b92bde5abc04c7e', 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" }, this.heading ? this.heading : h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { key: 'ccb9034eaf3121b01230e4957fdcf5c2a7cf03db', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("slot", { key: '46912375d84115a602ed2e6cd9da2a1a51d0553d', name: "subheading" }))), this.description && (h("duet-paragraph", { key: '95d009ad1bf8553becef11b3b8894b665dae0af3', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: '61f9a7eb5006ab577c6fb3bead189355afeae32e', 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: '8fbba708dc8ff9e6094a61334b9ca7705e8decd3', 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: '57645d2a7a0950cf03aef608dfaf4a67bfbebbdc' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: '6712f9bd53ce7a5454751d84880f2127dafe9cfd', 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: '5ff479166e75d460f603ee928d959bddb4a44dce', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: 'ea705ceb8a51176d217265edd8a2f76f3a726806', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: 'b9d587e2e61f76270c94e8ef58562e8cfe0bfa24', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (h("span", null, h("slot", { name: "pre-heading" }))))), h("slot", { key: '2f6b898a9602d833c8d2cde11ba1287c51ba01d7', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: '90e1e86e436e68c1a9410ca6743a2fd875ba276d', 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" }, this.heading ? this.heading : h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { key: '139eabc311c52d61f83ef865bb45dcb857e956c1', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("slot", { key: '86a8736f020e2a5744cafb06820469980becd78d', name: "subheading" }))), this.description && (h("duet-paragraph", { key: '182bde149927947501491d1b747d8da9b9c6dbde', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: '769173505401a66b7c095d8bf89d2ecbe096d26c', 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: 'cd7db97f12cc48a175dd03da7eba2b20a5802fe9', 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: '743f4dd9f52dc86018e9a77423c2decda8db47ad' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: '7160eed21c1700d656830b87f020ae689540a176', 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: '0b01b76687b810f020251e813c5cd9cfe7cc1d0e', class: "duet-hero-image", style: styles }), h("slot", { key: 'a61e7ebcbb366aaa17f9dc427ddb4b072cb03c41', name: "bottom" }))));
+            this.variation !== "content" && h("div", { key: 'b577acd6ebd8dd68e8cfd6bce02044114ead3dc4', class: "duet-hero-image", style: styles }), h("slot", { key: '064ceca16eab6353c44a273ebb766a544e085667', name: "bottom" }))));
     }
     static get is() { return "duet-hero"; }
     static get encapsulation() { return "shadow"; }
@@ -375,7 +375,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroIconSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroIconSize"
                         }
                     }
@@ -617,7 +617,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroButtonData": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroButtonData"
                         }
                     }
@@ -740,7 +740,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroVariation"
                         }
                     }
@@ -860,7 +860,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroClickEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroClickEvent"
                         }
                     }
@@ -881,7 +881,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroAnalyticsEvent"
                         }
                     }

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

@@ -102,11 +102,11 @@ export class DuetIcon {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (h(Host, { key: 'c37f8cf887a935139738bf1230ae712c3b87e497', class: {
+        return (h(Host, { key: '84c42b49ccdbce122db670bd99c0390de4ac152a', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, h("span", { key: '18ecaf8b23f17caa4f08ef5063ea709c176b9bc8', "aria-hidden": "true", style: styles, class: {
+            } }, h("span", { key: '20eba260f00af16a6b59a0fe9a92b2fbdebeba48', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -115,7 +115,7 @@ export class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, h("span", { key: '1240898d5c64ee1aa26a936ca88637c75762eac3', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, h("span", { key: '2092b7fff365bcdf2260d992c78e346fed24b3ca', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
     }
     static get is() { return "duet-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -252,6 +252,12 @@ export class DuetInput {
             this.timeoutId = setTimeout(emitEvent, this.debounce);
         }
     }
+    /**
+     * This is a proxy for the enclosed native inputs validity
+     */
+    get validity() {
+        return this.nativeInput.validity;
+    }
     /**
      * Component lifecycle events.
      */
@@ -958,7 +964,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputType": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputType"
                         }
                     }
@@ -984,7 +990,7 @@ export class DuetInput {
                     "references": {
                         "DuetVariationType": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetVariationType"
                         }
                     }
@@ -1252,7 +1258,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputComponentType": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputComponentType"
                         }
                     }
@@ -1375,6 +1381,28 @@ export class DuetInput {
                 "attribute": "value",
                 "reflect": false
             },
+            "validity": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ValidityState",
+                    "resolved": "ValidityState",
+                    "references": {
+                        "ValidityState": {
+                            "location": "global",
+                            "id": "global::ValidityState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This is a proxy for the enclosed native inputs validity"
+                },
+                "getter": true,
+                "setter": false
+            },
             "tooltip": {
                 "type": "string",
                 "mutable": false,
@@ -1447,7 +1475,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1468,7 +1496,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1489,7 +1517,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1510,7 +1538,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1531,7 +1559,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }

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

@@ -105,7 +105,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelMargin": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelMargin"
                         }
                     }
@@ -131,7 +131,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelSize"
                         }
                     }

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

@@ -43,24 +43,24 @@ export class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '80c12f757fb1c4bf5445c7617d1892dd1aa8eb0d', class: {
+        return (h(Host, { key: '939cedfacbeb6cc0069fdca4c80909580937143f', class: {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '81afc5eb022aacc3bf55f0d7ba58002290a3a2dd', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (h("div", { key: '2d48af138c05b1bfbf816ba62afe9fd409d9f74b', class: {
+            } }, h("div", { key: '04e36c83cf0d51f536377f6679e455765e98c837', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (h("div", { key: '316f74d7dbf89cd2da0122cf0c169af3c1abca94', class: {
                 "duet-layout-top": true,
                 "duet-center": this.center,
-            } }, h("div", { key: '857faa5737328c10aa87c41fbc8f6076877d9ba1', class: "duet-layout-top-wrapper" }, h("slot", { key: '75876d2b39ff260c65420eddba4194a661bf0c4a', name: "top" })))), h("div", { key: 'a9d25df347b7e011438c99ccc489d3b410610624', class: {
+            } }, h("div", { key: '4ab63842f267fca4adadd6bed7c88a5509e6b792', class: "duet-layout-top-wrapper" }, h("slot", { key: 'c512f4e7f30bb6a1e7159a79d3bc24ba05cf3640', name: "top" })))), h("div", { key: '9d6a034aa4a5e0a1c4e5293b2755be1d304be851', class: {
                 "duet-layout": true,
                 "has-sidebar": this.hasSidebar,
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("main", { key: '936f850f1165c8b853fce05c0a7ddd893d7a3e33', class: "duet-main" }, this.hasPageHeading && h("slot", { key: '2aef8f0058038a3a55c89c240726d7766a4783a3', name: "page-heading" }), h("slot", { key: '6f04a6b39bcf239c2e7d09049e8949247b80361d', name: "main" })), this.hasSidebar && (h("aside", { key: '2dbb3af225bedfa47296eb2cd946fcb20ca9fe94', class: "duet-sidebar" }, h("div", { key: '7ee757a5e3ecc82c89559ff426ae848366ec683e', class: {
+            } }, h("main", { key: '5d98c6a1feb7e641bf95140b957f1c23add97d4e', class: "duet-main" }, this.hasPageHeading && h("slot", { key: '3f321ec210469b09507b8d1f3f457a4486912eba', name: "page-heading" }), h("slot", { key: 'df7d9350f8cfcaadde996fb8507570e80a4b542f', name: "main" })), this.hasSidebar && (h("aside", { key: 'ab2cde3f205725d4e4994aa68a93ab79a5df2b7e', class: "duet-sidebar" }, h("div", { key: '66865fbd9febf8a642c39db1b1f37a915bef1a1a', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, h("slot", { key: '4f566a10f4c4e366deb04c43de70358f6df09ec4', name: "sidebar" }))))))));
+            } }, h("slot", { key: '4869dd5a533b2adb3d166e27a81820df7b6a7692', name: "sidebar" }))))))));
     }
     static get is() { return "duet-layout"; }
     static get encapsulation() { return "shadow"; }
@@ -131,7 +131,7 @@ export class DuetLayout {
                     "references": {
                         "DuetLayoutStickyDistance": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-layout/duet-layout.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-layout/duet-layout.tsx",
                             "id": "src/components/duet-layout/duet-layout.tsx::DuetLayoutStickyDistance"
                         }
                     }

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

@@ -40,6 +40,7 @@ export class DuetLink {
         this.margin = "auto";
         this.padding = "auto";
         this.isMediumScreen = false;
+        this.ariaLabel = undefined;
     }
     /**
      * Component lifecycle events.
@@ -57,9 +58,17 @@ export class DuetLink {
             prop: "accessibleLabelExternal",
             defaults: "accessibleLabelExternalDefaults",
         });
+        this.setAriaLabel();
+        if (!Build.isServer) {
+            this.mutationObserver = new MutationObserver(this.setAriaLabel.bind(this));
+            this.mutationObserver.observe(this.element, { subtree: true, childList: true, characterData: true });
+        }
     }
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+        }
     }
     /**
      * Sets focus on the specified `duet-link`. Use this method instead of the global
@@ -68,6 +77,11 @@ export class DuetLink {
     async setFocus(options) {
         this.nativeLink.focus(options);
     }
+    setAriaLabel() {
+        setTimeout(() => {
+            this.ariaLabel = (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel;
+        });
+    }
     resolveDownload() {
         if (this.download === "") {
             return this.url.split("/").pop();
@@ -106,10 +120,10 @@ export class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: 'f3e90c99efca22219ff8ebd0a2c5bced2b833798', class: {
+        return (h(Host, { key: 'bcde4f333a3bd278709dddda0e90ceae4c6a705d', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: '736b53ab41312fd62f6701294d8228f4cc2a54be', href: this.url, class: {
+            } }, h(Tag, { key: 'ab2c62a98d88a54965ab7be9cc45907e6e07e5d7', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -120,7 +134,7 @@ export class DuetLink {
                 "duet-p-0": this.padding === "none",
                 [this.padding]: true,
                 [this.variation]: true,
-            }, target: this.download || !this.url ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null && isButton ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null && isButton ? this.accessiblePopup.toString() : undefined, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.renderContent())));
+            }, target: this.download || !this.url ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": this.ariaLabel, "aria-expanded": this.accessibleExpanded != null && isButton ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null && isButton ? this.accessiblePopup.toString() : undefined, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.renderContent())));
     }
     static get is() { return "duet-link"; }
     static get encapsulation() { return "shadow"; }
@@ -635,7 +649,8 @@ export class DuetLink {
     }
     static get states() {
         return {
-            "isMediumScreen": {}
+            "isMediumScreen": {},
+            "ariaLabel": {}
         };
     }
     static get methods() {
@@ -668,4 +683,10 @@ export class DuetLink {
         };
     }
     static get elementRef() { return "element"; }
+    static get watchers() {
+        return [{
+                "propName": "language",
+                "methodName": "setAriaLabel"
+            }];
+    }
 }

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

@@ -72,7 +72,7 @@ export class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (h("dl", { key: '7db97f4b853a8c566565c13d19c6699cb61aa0f1', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: '9def9a838232a96dc345c2fdaa72ad1bf0cf773c' })));
+        return (h("dl", { key: '9e004e8a4752dd9ebcb4faf2881a2520823e231b', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: 'c7678a8d8ad217e33c8c69398cdbe18f23f5fa1d' })));
     }
     static get is() { return "duet-list"; }
     static get encapsulation() { return "shadow"; }
@@ -175,7 +175,7 @@ export class DuetList {
                     "references": {
                         "DuetListMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListMobileAlignment"
                         }
                     }
@@ -227,7 +227,7 @@ export class DuetList {
                     "references": {
                         "DuetListVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListVariation"
                         }
                     }
@@ -253,7 +253,7 @@ export class DuetList {
                     "references": {
                         "DuetListLabelWidth": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListLabelWidth"
                         }
                     }

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

@@ -16,14 +16,14 @@ export class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '7d5edc9fc5a6204321bde53375110cb79bf4cc5a', class: {
+        return (h(Host, { key: 'dbea429576ed1f52ed1c3fc26b2ad7d235a0a413', class: {
                 "duet-no-stacking": !this.responsive,
                 "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
                 "duet-list-item-breakpoint-small": this.breakpoint === "small",
                 "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
                 "duet-list-item-breakpoint-large": this.breakpoint === "large",
                 "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
-            } }, h("dt", { key: '98639d5240ed7adaba681680719ae58994ec15f5' }, h("slot", { key: 'd8f9358d2665d96c121786911152df7352b6fc46', name: "label" })), h("dd", { key: '5edaa517ab825259c299f647e1f7023ec7cd5fa7' }, h("slot", { key: '0c0693a642e6bbd8e075f804a4b93067ebc77699', name: "value" }))));
+            } }, h("dt", { key: '21f820ef81ada72e006b22a14634b2ba57fe9ce3' }, h("slot", { key: '3650e03253950a189ca684b374220b0edd9f6e37', name: "label" })), h("dd", { key: '9e704a02a57e3d1809b3ee7895ffb554a37e24c0' }, h("slot", { key: '8bd4afe4da261e270cfa9dd2b946946dd4cb12ad', name: "value" }))));
     }
     static get is() { return "duet-list-item"; }
     static get encapsulation() { return "shadow"; }