@duetds/components 9.2.8 → 9.2.10

package/lib/collection/components/duet-file-chooser/duet-file-chooser.js

@@ -38,7 +38,7 @@ export class DuetUploadItem {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: '09cda52368fdcb62f846c32cdf28eae11249f954' }, h("duet-visually-hidden", { key: 'd82dd61c2ca3989e78f3e77f9e7ea5a5f1c207c9', "aria-hidden": "true" }, h("input", { key: 'bd1484bd154e9ede621a58511bf8f3fb90d4c07b', ref: input => {
+        return (h(Host, { key: '9d8249a9d87b3bf8168ccccde88d37a4b8041e9e' }, h("duet-visually-hidden", { key: '533a54082210a7342e55fc3154e66427195462dd', "aria-hidden": "true" }, h("input", { key: '741edfe15384ebdfbc41ab87896c6eeaa5619f82', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,

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

@@ -116,15 +116,15 @@ export class DuetFooter {
     render() {
         const text = getLocaleString(i18n, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (h("footer", { key: '514247209eb02acf9209a70fdb7beef7f75c8949', class: {
+        return (h("footer", { key: '5e5ce617086534a829187dfcc98bdc410b38fe8c', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '98bb195f0c73b7c6f0f9bdce45d7cf10b4ca1b04', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: 'c7d113f0b92c358c807d225d464f3ce9f568b18b', class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '943eb7486bde901469c3d38bc8f47f45873061a1', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: '97ea7a84f34b7f2f6dd1b7cc5459f6f3a8ec0697', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, h("div", { key: '3257627994acdba16e60053240edc8f775b4be93', class: "footer-top-logo" }, h("duet-logo", { key: '0de1a784b81e1fbfe0e6ae8bcf74f9ec6152c4b2', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: '5ee3ed9d9f6780743fe204b2de956962caa0be85', class: "footer-top-right-container" }, h("slot", { key: '46f7d76b522f5e4025425a83fd9494c18508e8a9', name: "info" }), h("div", { key: '685dd0d9e31d8d3b23546531c4468d531a38c393', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, h("div", { key: '69e42a6e7e0b9a33783030805b677974cfaf2675', class: "footer-top-logo" }, h("duet-logo", { key: '3b13cceb42bd3d42b35ec79d474f902715b32469', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: '0f50be10f253b901ea15babfe2e65972ee4e1bf5', class: "footer-top-right-container" }, h("slot", { key: 'fff546c5fd473c9777b2981d8e9b234d63424fe2', name: "info" }), h("div", { key: 'd344981599f0d422f5c8b8426cd6eef8e55fca73', class: "footer-top-items" }, this.processedItems &&
             this.processedItems.map((item, index) => {
                 var _a, _b, _c, _d, _e, _f;
                 return (h(Fragment, null, index > 0 && h("duet-spacer", { size: "x-large", direction: "horizontal" }), h("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith("tel:"))
@@ -134,7 +134,7 @@ export class DuetFooter {
                             : "navigation-arrow-right", "icon-right": !((_c = item.href) === null || _c === void 0 ? void 0 : _c.startsWith("tel:")) && !((_d = item.href) === null || _d === void 0 ? void 0 : _d.startsWith("mailto:")), "icon-size": ((_e = item.href) === null || _e === void 0 ? void 0 : _e.startsWith("tel:")) || ((_f = item.href) === null || _f === void 0 ? void 0 : _f.startsWith("mailto:"))
                         ? "medium"
                         : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)));
-            }))))), h("slot", { key: '64396f3d47a103a6078c17a3454b6bacf024b273', name: "extra" }), h("p", { key: '0f3ceed9e4b5d4ff8770d1cea375a0192bfcb147', class: "duet-footer-menu", part: "menu" }, h("span", { key: 'e70206a0126b4fdeb093b173724331da4f4478b9', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '815c5b63ce56e73fca64e730aeb96a0f3fe35a39', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: 'be321e5f0666998b8f8701b945081429d3e28de8' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: '6db7225376253b4d91407f59b43391249700510e', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), h("slot", { key: 'df707047134c97f909836d8f230b9afc286bf92b', name: "extra" }), h("p", { key: 'eeac2d838f28bd02c934465562ec7d4fc4186bc0', class: "duet-footer-menu", part: "menu" }, h("span", { key: 'd0490746b5085399784da40b62f9d0aee94c41d7', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: 'd6c3eec9132128503493b6fed1da4e8ceed436bc', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: 'cf44e482a16ec1ddbe8b7b7affa91f7a54250c4b' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: 'af9233433eea11f52bb1fb600323f2c8475303da', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     static get is() { return "duet-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class DuetHeading {
     render() {
         const TagName = sanitizeString(this.level);
         const color = getColorByName(this.color);
-        return (h(TagName, { key: '54ef8666a3921667c4943b6572f9c063279efb2a', class: {
+        return (h(TagName, { key: '254585b23310b58e9fa3c75de98c1bdd62283ae9', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -44,7 +44,7 @@ export class DuetHeading {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, style: { color }, part: "duet-heading" }, h("slot", { key: '8b663ccf47b427cbc32c82db7d82577e27a6c3f4' })));
+            }, style: { color }, part: "duet-heading" }, h("slot", { key: '408af76a0856d17891671ef22c16277d368902f6' })));
     }
     static get is() { return "duet-heading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -158,7 +158,7 @@ export class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (h("div", { key: '34b0fa7657a0cefe2530145ba9994b3730fc1ba3', role: "region", class: {
+        return (h("div", { key: '042faa3515dd2b2a3413df6646b8721837571bf9', 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: 'c437da23377411306d72658c060484616044b985', class: "background-area" }, h("div", { key: '9d1120b2e967da1b48547f390bb26b9e490a4c54', class: "background-container" }, h("div", { key: 'f22b317a346432a6fe82290cb87cd94a40faeb53', class: "background" }, h("img", { key: '6b1160054265f4f81b55b2c4de0f1b41daf84f0f', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), h("div", { key: '9e07390956ddb4121d9d7a14e61479910bb1fe24', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: '5e9cc93331c61c35889273c717939d45e12358df', class: { "background-area": true, [this.layout]: true } }, h("div", { key: 'aa1c53e1d9671d3b3ed27bbfce89fc1b9a56c444', class: { "background-container": true, [this.layout]: true } }, h("div", { key: '64a3c03241425c93b2b59a1cf7464885ed660547', class: { background: true, [this.layout]: true } }, h("div", { key: 'bb9c70d6aeeef4675a976aa834e65e2ff67bad6c', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: 'c7aa8d0057cd29e91fa03131ef8adf0983911033', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: 'b15b68de245df65d285c17e5a6404db37d39a123', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: 'f5ae87dc0273c14281d6fa52fb7f1723011b77f9', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { key: 'b95b9d9a52e6b37e06c121e979437280bb8690ac', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { key: 'e6b5f02129d8d12f23eaf3060002c386e9fc2abb', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: '913cc8bac1e976031f8d83d9403a0bb278484385', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: 'b9bcd7c9b5d47bea82677384dca48e87fc5ae66a', class: "background-area" }, h("div", { key: '003f7ecfe974206b97fc34f9d9e56b7ebab72481', class: "background" }, h("div", { key: '6df5dd4117ff337a2cd521da9413e0f786f6c5bc', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '1e883db2fbda4a817a2317a8eb7219e8efcdbd78', class: "brand-shape" }), h("div", { key: '9b66049c88f38bbbeac1437d00a76b15c744f2a9', class: "brand-shaped-image" }, h("div", { key: '95487680d6c06b661a1e35e5981b03ee1d1363da', class: "brand-shaped-image-wrapper" }, h("div", { key: 'ffb4648a4b9a61e872a3d9a56f9ea0ffa6f88679', class: "brand-shaped-image-bg", style: styles })))))), h("div", { key: '23efe67a7de1b268da1ee8eb8f734831f39716aa', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: 'ef3a088c5dfcbb3d4b55394ca9e48a249b253dfd', class: "duet-hero-image-mask" }, h("div", { key: '2cf63fc6a5817eb94189b58ec8c4eae9e9438954', class: "duet-hero-image-wrapper" }, h("div", { key: '1b313a33272a5cffacd37c6941fe7dd3d9610adf', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (h("div", { key: 'ebbf76facf59c1b0f41baef5c55f915317c95dd1', class: "duet-hero-back" }, h("duet-button", { key: '67ae43c074ee12903469ed5a5d17fbab0a4b9771', 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: 'e2f9ad908b71bbdae666b98ec16b0b86fa1019c4', class: "background-area" }, h("div", { key: 'dc010fb66ed6094a9f3c5fb50480aabe8e27df1e', class: "background-container" }, h("div", { key: '30e68b81f449aefc9909dbe9d3c85a5db96eb875', class: "background" }, h("img", { key: '37c6413d57c6d2b0d1e4e3757595548ae958ec8c', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), h("div", { key: 'aa7c28ff5dfe2416f0a17170e84152dc3880e6d3', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: '5c4edeeeea2594031e72a9392e1780adb10b7b5b', class: { "background-area": true, [this.layout]: true } }, h("div", { key: '2de78135fb229eee2f247265f025584c7dc05ea3', class: { "background-container": true, [this.layout]: true } }, h("div", { key: 'cc35df8e4eb5113c183c71f7ae0ef7416cdea82c', class: { background: true, [this.layout]: true } }, h("div", { key: '532040a219f6b2501581ba79858ccdc0cef1621e', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: '5af3197b05be3f76c8e1b3b692b61976525a4c86', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: 'be29d2c5ed5d37e2ac2c337b999f482342111d42', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: '45fc7f8aec41aa72b3449fc6f1bc4916322d351e', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { key: '28491ef470b0c4194a103a5a900b75f87cc9db75', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { key: '34e01d6e835e9481e5ca81fd474eac306fed5c59', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: '376283255281543db424c9a5f58e070730862fe6', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: 'e252acf13371ed78175cb0b94622bc63ccd7d045', class: "background-area" }, h("div", { key: '49e9baf84444ab01c8e0cbe7594011a8698e6eec', class: "background" }, h("div", { key: '2bcceb2336dcfe8374a7cf60fa35dbd4ce52490e', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '52634cfe76a69e40b04b97f24e59479431c72dc8', class: "brand-shape" }), h("div", { key: '8a14aaedb374b4cf2544c3964060a390d842634a', class: "brand-shaped-image" }, h("div", { key: 'df369fc19adf5d50a5382be8c5aeb261c61facdf', class: "brand-shaped-image-wrapper" }, h("div", { key: 'fa987dc1145cdcb6e2a94fc229951cb69f4be7cc', class: "brand-shaped-image-bg", style: styles })))))), h("div", { key: '550e54f44b106bc7f17170fc2cadde053115946d', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: '15936336c629c699a2a8ffc51ce4caa27490e5d0', class: "duet-hero-image-mask" }, h("div", { key: '86c4a59bca1022566f12904a9e703892d16ae6a4', class: "duet-hero-image-wrapper" }, h("div", { key: 'e5f4e326722827fe61a25a1eb065ebc2fc70b823', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (h("div", { key: '8b51c232e3324becc735a3e01f9885068a1d0164', class: "duet-hero-back" }, h("duet-button", { key: '8d3e72057c2ffdf9676d09adafddc220dea418bc', 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: 'ee4e5b8dacc17aebca5413756a50441ddcc390b6', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: '3b01acea1f50b9922f5aa6d71e774f4d7850b496', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: 'e79f23f635ad96606f5e19bded50a09944128711', 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: 'c3f996d48967b90a96f57ce3bce1b67c872e4a4c', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: 'ea954ebf0bb7ca592dcdb8bcf94bdf605483750d', 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("span", null, h("slot", { name: "heading" }))))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { key: 'd004f6ef3e466ad2a15fd0675795c59abe78c2d7', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("span", { key: 'ba3e4f7b6c59f0afac59aab3519e743f16b06922' }, h("slot", { key: '3116a6ddc51566c87041fbf105fb85153847352d', name: "subheading" })))), this.description && (h("duet-paragraph", { key: 'df3a0f01f00bb5ecc5af0db0949f1f3374c3fefe', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: '38f3c9a55245f6feec7a522e4dcdbc1b4db6275b', 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: '68e6d833454a48dec21a06682eacd2fe2dca89cd', 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: '2a756b3cb5209942776cf8ac0596ef9a75bbae01' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: '67f20d365318b327a2ccc0f16aec91d0d24075ee', 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: 'e97587c28931d1b2241dd7f6c2b87af2369dfe27', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: '861d9fe8b7c1dbb0c7320b2349aa3a8a5d557deb', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: '2a4e5c820973928c6535fdae500e61e1e48c20b9', 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: 'a6351115bab75f50d9788de544279ab250263bea', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: 'fa3fd8018b9ece1dda122e328f257febe562c4cf', 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: '35f2d525dfc0ab9114d631d4d924f7168800f17e', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("slot", { key: '5ae76dc039702e2ded036c96281d92a7677fa7fa', name: "subheading" }))), this.description && (h("duet-paragraph", { key: '9505d79cbb4aebe18cfc17188ab26b51261d3030', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: '08b42059a383c572e35770ac58675e52835e6ca4', 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: '9d012b0ea1508ed5ca0a7014eae62310790a5966', 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: 'd01b15af27908460f842849056c3674d15c5657b' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: 'be292afbb69089eaf0e8da5177ce24ebc43e6df5', 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: '83ac2407634045ce753debb18a3fe5e5c91ef065', class: "duet-hero-image", style: styles }), h("slot", { key: '241f94b8d985ce1a87f77d497beace9d29a80622', name: "bottom" }))));
+            this.variation !== "content" && h("div", { key: 'fdb280d9ab7d830528568ee8027de7d79db61f7f', class: "duet-hero-image", style: styles }), h("slot", { key: '5c6c4892f700e257e5bcef89be26c5c52e43e402', name: "bottom" }))));
     }
     static get is() { return "duet-hero"; }
     static get encapsulation() { return "shadow"; }
@@ -239,11 +239,8 @@ export class DuetHero {
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [{
-                            "name": "deprecated",
-                            "text": "please use heading slot instead.\nThe heading of the hero area, rendered in an H1 tag. P.S. you can control\nthe level of the HTML heading by using \u201Clevel\u201D prop. If empty, heading\nwill be hidden."
-                        }],
-                    "text": ""
+                    "tags": [],
+                    "text": "The heading of the hero area, rendered in an H1 tag. P.S. you can control\nthe level of the HTML heading by using \u201Clevel\u201D prop. If empty, heading\nwill be hidden. There is also a heading slot that can be used."
                 },
                 "getter": false,
                 "setter": false,

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

@@ -153,6 +153,20 @@ button {
 .block .block__icon {
   display: flex;
 }
+.block .block__icon duet-icon {
+  width: 16px;
+  height: 16px;
+}
+.block .block__icon duet-icon.icon-responsive {
+  width: 30px;
+  height: 30px;
+}
+@media (max-width: 22.5em) {
+  .block .block__icon duet-icon.icon-responsive {
+    width: 24px;
+    height: 24px;
+  }
+}
 .block .block__content {
   position: relative;
   bottom: 2px;
@@ -167,6 +181,22 @@ button {
   transform: translateX(4px);
 }
 
+.duet-link.button:not(.duet-link-has-icon-background) .icon-wrap duet-icon {
+  width: 20px;
+  height: 20px;
+}
+
+.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon {
+  width: 20px;
+  height: 20px;
+}
+@media (min-width: 48em) {
+  .duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon {
+    width: 24px;
+    height: 24px;
+  }
+}
+
 .duet-link.button,
 .duet-link.card {
   display: flex;
@@ -203,6 +233,18 @@ button {
   align-items: center;
   justify-content: center;
 }
+.duet-link.button .icon-wrap duet-icon,
+.duet-link.card .icon-wrap duet-icon {
+  width: 24px;
+  height: 24px;
+}
+@media (min-width: 48em) {
+  .duet-link.button .icon-wrap duet-icon,
+  .duet-link.card .icon-wrap duet-icon {
+    width: 30px;
+    height: 30px;
+  }
+}
 .duet-link.button.duet-link-has-icon-background,
 .duet-link.card.duet-link-has-icon-background {
   min-height: 60px;

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

@@ -10,7 +10,7 @@ import { DuetStringsDownloadLinkDefaults, DuetStringsExternalDefaults } from "..
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { getAccessibleLinkLabel } from "../../utils/a11y-utils";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
-import { breakpointToToken, getColorByName } from "../../utils/token-utils";
+import { getColorByName } from "../../utils/token-utils";
 /**
  * @part duet-link - piercing selector for styling the link
  * @part duet-link-content - piercing selector for styling the link content wrapper
@@ -39,7 +39,6 @@ export class DuetLink {
         this.iconResponsive = false;
         this.margin = "auto";
         this.padding = "auto";
-        this.isSmallScreen = false;
         this.isMediumScreen = false;
     }
     /**
@@ -47,7 +46,6 @@ export class DuetLink {
      */
     componentWillLoad() {
         inheritGlobalTheme(this);
-        this.initMediaQuery();
         this.resolvedDownload = this.resolveDownload();
         // button variation renders a button element when no url is provided
         if (this.variation === "button" && this.url === "#") {
@@ -62,7 +60,6 @@ export class DuetLink {
     }
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
-        this.destroyMediaQuery();
     }
     /**
      * Sets focus on the specified `duet-link`. Use this method instead of the global
@@ -71,33 +68,6 @@ export class DuetLink {
     async setFocus(options) {
         this.nativeLink.focus(options);
     }
-    initMediaQuery() {
-        if (Build.isServer) {
-            return;
-        }
-        this.screenTestBound = this.screenTest.bind(this);
-        this.mediaQuerySmall = window.matchMedia(breakpointToToken["xx-small"]);
-        this.mediaQueryMedium = window.matchMedia(breakpointToToken["medium"]);
-        this.isSmallScreen = this.mediaQuerySmall.matches;
-        this.isMediumScreen = this.mediaQueryMedium.matches;
-        this.mediaQuerySmall.addEventListener("change", this.screenTestBound);
-        this.mediaQueryMedium.addEventListener("change", this.screenTestBound);
-    }
-    destroyMediaQuery() {
-        if (Build.isServer) {
-            return;
-        }
-        if (this.mediaQuerySmall) {
-            this.mediaQuerySmall.removeEventListener("change", this.screenTestBound);
-        }
-        if (this.mediaQueryMedium) {
-            this.mediaQueryMedium.removeEventListener("change", this.screenTestBound);
-        }
-    }
-    screenTest(event) {
-        this.isSmallScreen = event.matches;
-        this.isMediumScreen = event.matches;
-    }
     resolveDownload() {
         if (this.download === "") {
             return this.url.split("/").pop();
@@ -110,19 +80,13 @@ export class DuetLink {
         return (h(Fragment, null, h("span", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), Build.isBrowser && (this.resolvedDownload || this.external) && this.variation === "default" && (h(Fragment, null, h("span", { class: "duet-link-icon-tail" }, "\u00A0", h("duet-icon", { icon: this.resolvedDownload ? downloadIcon.svg : newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" }))))));
     }
     renderBlockContent() {
-        return (h(Fragment, null, this.icon && (h("span", { class: "block__icon" }, h("duet-icon", { size: this.iconResponsive ? (this.isSmallScreen ? "medium" : "large") : "x-small", name: this.icon, margin: "none", color: this.iconColor }))), h("span", { class: "block__content" }, this.renderDefaultContent()), h("span", { class: "block__chevron", part: "block-chevron" }, h("duet-icon", { class: "block__chevron-icon", icon: this.external ? newWindowIconLarge.svg : chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
+        return (h(Fragment, null, this.icon && (h("span", { class: "block__icon" }, h("duet-icon", { class: this.iconResponsive ? "icon-responsive" : "", size: "auto", name: this.icon, margin: "none", color: this.iconColor }))), h("span", { class: "block__content" }, this.renderDefaultContent()), h("span", { class: "block__chevron", part: "block-chevron" }, h("duet-icon", { class: "block__chevron-icon", icon: this.external ? newWindowIconLarge.svg : chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
     }
     renderButtonCardContent() {
         const iconWrapStyle = {
             "background-color": getColorByName(this.iconBackground, this.theme),
         };
-        const iconSize = () => {
-            if (this.variation === "button") {
-                return this.iconBackground && this.isMediumScreen ? "medium" : "small";
-            }
-            return this.isMediumScreen ? "large" : "medium";
-        };
-        return (h(Fragment, null, this.icon && (h("span", { class: "icon-wrap", style: iconWrapStyle }, h("duet-icon", { size: iconSize(), name: this.icon, margin: "none", color: this.iconColor }))), h("div", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), h("span", { class: "chevron-wrap" }, h("duet-icon", { class: "block__chevron-icon", icon: this.external ? newWindowIconLarge.svg : chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
+        return (h(Fragment, null, this.icon && (h("span", { class: "icon-wrap", style: iconWrapStyle }, h("duet-icon", { size: "auto", name: this.icon, margin: "none", color: this.iconColor }))), h("div", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), h("span", { class: "chevron-wrap" }, h("duet-icon", { class: "block__chevron-icon", icon: this.external ? newWindowIconLarge.svg : chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
     }
     renderContent() {
         switch (this.variation) {
@@ -142,10 +106,10 @@ export class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: '2025edd3774d559f0d6877498e0a806532fb310c', class: {
+        return (h(Host, { key: '7bc66b5a0d8eda65d73916cf05f7d630dd14618f', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: 'ee013e25058fdfe22cf04784e06162181b9ff5a2', href: this.url, class: {
+            } }, h(Tag, { key: '5d8bb1467f4ccc765cf0badec8f7df7b870fa337', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -671,7 +635,6 @@ export class DuetLink {
     }
     static get states() {
         return {
-            "isSmallScreen": {},
             "isMediumScreen": {}
         };
     }

package/lib/collection/components/duet-popup-menu/duet-popup-menu.js

@@ -277,14 +277,14 @@ export class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (h(Host, { key: '4754c8522cdd93a4e90398840cb321821636b489' }, h("div", { key: '45ceb31093aa93bf21e61daed2c77c4ba816556f', ref: element => {
+        return (h(Host, { key: 'af39c297a7f2c03182e3671d23fc67162e7854e3' }, h("div", { key: '7c8fd36f7f0bbe630e5c47f942327700dd3ad3eb', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, h("slot", { key: '88dde9607c352adc70eb6a27b5fab917585cef1e' }))));
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, h("slot", { key: '60c5bb890286cbbc5a9a33e8bc3d0fc1888dd193' }))));
     }
     static get is() { return "duet-popup-menu"; }
     static get encapsulation() { return "shadow"; }

package/lib/dist-custom-elements/duet-action-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-5fc9921c.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-25eac3a9.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-e1efb203.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-869cbd1f.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-6ec31ae0.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-b3185393.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-d77db171.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-188506d4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h } from './p-993aea39.js';
-import { h as hasSlot, c as checkNamedSlotElement } from './p-8b3decf2.js';
+import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
-import { g as getColorByName } from './p-88ed3495.js';
-import { d as defineCustomElement$3 } from './p-6008fcdd.js';
-import { d as defineCustomElement$2 } from './p-23f0b101.js';
+import { g as getColorByName } from './p-6e022235.js';
+import { d as defineCustomElement$3 } from './p-a2c75a7d.js';
+import { d as defineCustomElement$2 } from './p-d3676b78.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-188506d4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
-import { d as defineCustomElement$3 } from './p-23f0b101.js';
-import { d as defineCustomElement$2 } from './p-386b0af9.js';
+import { d as defineCustomElement$3 } from './p-d3676b78.js';
+import { d as defineCustomElement$2 } from './p-10393dc5.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>"};
 

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-188506d4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getLocaleString } from './p-35375593.js';
-import { g as getColorByName } from './p-88ed3495.js';
+import { g as getColorByName } from './p-6e022235.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}";
 const DuetBreadcrumbsStyle0 = duetBreadcrumbsCss;

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-96652f7b.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-a59c5a40.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-d77db171.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-188506d4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { h as hasSlot, c as checkNamedSlotElement } from './p-8b3decf2.js';
-import { d as defineCustomElement$2 } from './p-23f0b101.js';
+import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
+import { d as defineCustomElement$2 } from './p-d3676b78.js';
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";
 const DuetCalloutStyle0 = duetCalloutCss;

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-d2a5148f.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-ceace5a5.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-d77db171.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-188506d4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
+import { g as getElementsFromNamedSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { g as getColorByName } from './p-88ed3495.js';
-import { d as defineCustomElement$3 } from './p-23f0b101.js';
-import { d as defineCustomElement$2 } from './p-386b0af9.js';
+import { g as getColorByName } from './p-6e022235.js';
+import { d as defineCustomElement$3 } from './p-d3676b78.js';
+import { d as defineCustomElement$2 } from './p-10393dc5.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";
@@ -73,6 +74,7 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
         unsubscribeTabbingChange(this);
     }
     renderHeading() {
+        var _a;
         const safeHeadingLevel = sanitizeString(this.headingLevel);
         const HeadingTag = [...duetHeadingLevels, duetBlock].some(tag => tag === safeHeadingLevel) ? safeHeadingLevel : "h2";
         const headingStyles = {
@@ -80,7 +82,8 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
         };
         const headingContent = (h(Fragment, null, h("div", { class: "duet-card-heading-grid" }, this.icon && (h(Fragment, null, h("duet-icon", { class: "duet-card-icon", name: this.icon, size: "medium", margin: "none", color: "currentColor" }), h("duet-spacer", { direction: "horizontal", size: "small" }))), h("div", { class: "duet-card-heading-text" }, this.heading ? this.heading : h("slot", { name: "heading" })), this.secondaryHeading && (h(Fragment, null, h("duet-spacer", { direction: "horizontal", size: "small" }), h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--inline" }, this.secondaryHeading))), this.collapsible && (h(Fragment, null, h("duet-spacer", { direction: "horizontal", size: "small" }), h("duet-icon", { class: "duet-card-caret", icon: actionArrowUp.svg, size: "small", margin: "none", color: "currentColor" })))), this.secondaryHeading && (h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--new-line" }, this.secondaryHeading)), h("slot", { name: "below-heading" })));
         if (this.collapsible) {
-            return (h(HeadingTag, { style: headingStyles, class: "duet-card-heading duet-card-heading--collapsible", onClick: this.togglePanel, onKeyDown: this.handleKeyDown }, h("button", { "aria-controls": this.cardId, "aria-expanded": this.open ? "true" : "false" }, headingContent)));
+            const ariaLabel = (_a = getElementsFromNamedSlot(this.element, "heading")) === null || _a === void 0 ? void 0 : _a.map(e => e.textContent).join(" ");
+            return (h(HeadingTag, { style: headingStyles, class: "duet-card-heading duet-card-heading--collapsible", onClick: this.togglePanel, onKeyDown: this.handleKeyDown }, h("button", { type: "button", "aria-controls": this.cardId, "aria-expanded": this.open ? "true" : "false", "aria-label": ariaLabel }, headingContent)));
         }
         else {
             return (h(HeadingTag, { style: headingStyles, class: "duet-card-heading" }, headingContent));
@@ -105,10 +108,10 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
         const styles = {
             backgroundColor: getColorByName(this.background),
         };
-        return (h(Host, { key: 'e2a8edb2493ebbebc92b63967e157beddacdbd4a', class: {
+        return (h(Host, { key: '81af7af276b2b67f13855aa9e11bd95e8abeaa2d', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, h(TagName, { key: 'dc8a552ac6e2f01149a0c2c114f36e2e66a3df2e', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, h(TagName, { key: '9c121ca16ed478f72e8c5976cc73499de2c48de2', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
                 "duet-card": true,
                 [this.padding]: true,
                 [this.variation]: true,
@@ -118,7 +121,7 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
                 "duet-card-has-bg": this.background !== "gray-lightest",
                 "duet-card-has-icon": !!this.icon,
                 "duet-card-collapsed": this.collapsible && !this.open,
-            } }, this.image && (h("div", { key: 'd7ad8920cacfa8bcd8fa5c1fc306ea11c69f2c42', class: "duet-card-image-mask" }, h("img", { key: '83a4bf89bf9601a7d8924ab6a94d3bf37001bcf5', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: '1b43496f9e042da0c35ad3c090553acb0ac661ac', class: "duet-card-content", id: this.cardId }, h("slot", { key: '48e8abbabd5cd625b3faecd232e4a80cd0b58d44' }), this.hasFooter && (h("div", { key: '8fd234bb6cdfa1bc53f487b9051944e5c3c43439', class: "duet-card-footer" }, h("slot", { key: '664c4d55d042166647682eb00eb61e2d8f3fbd6c', name: "footer" })))))));
+            } }, this.image && (h("div", { key: '370ab67ee9e9e00267dfe6a034d9258fc41deb9c', class: "duet-card-image-mask" }, h("img", { key: 'f93b70812e33b71f9057b5a890baba36894012ea', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: '64b6d8e1e2d02085fa6101f54cf95f15c6c4e3b8', class: "duet-card-content", id: this.cardId }, h("slot", { key: '9a20c3971a53038f5786c9321214cd2dc19bdcef' }), this.hasFooter && (h("div", { key: '5009d44d6ffb5c7d6774a0c22664979d84a12561', class: "duet-card-footer" }, h("slot", { key: 'e177a2f18a636b5e6c093150e52614e56ad56c68', name: "footer" })))))));
     }
     get element() { return this; }
     static get style() { return DuetCardStyle0; }

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-034f07f8.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-b25bd994.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-2e2c1d87.js';
+import { D as DuetCheckmark$1, d as defineCustomElement$1 } from './p-190e72f7.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-33e3a1a9.js';
+import { D as DuetChip$1, d as defineCustomElement$1 } from './p-79272d55.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-d77db171.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-188506d4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as checkNamedSlotElement } from './p-8b3decf2.js';
-import { d as defineCustomElement$8 } from './p-d2a5148f.js';
-import { d as defineCustomElement$7 } from './p-79375342.js';
-import { d as defineCustomElement$6 } from './p-23f0b101.js';
-import { d as defineCustomElement$5 } from './p-c67a668c.js';
-import { d as defineCustomElement$4 } from './p-be9acce7.js';
-import { d as defineCustomElement$3 } from './p-e6dc15da.js';
-import { d as defineCustomElement$2 } from './p-899ca0bf.js';
+import { c as checkNamedSlotElement } from './p-f21662ea.js';
+import { d as defineCustomElement$8 } from './p-ceace5a5.js';
+import { d as defineCustomElement$7 } from './p-2b89e176.js';
+import { d as defineCustomElement$6 } from './p-d3676b78.js';
+import { d as defineCustomElement$5 } from './p-80f80611.js';
+import { d as defineCustomElement$4 } from './p-8e5cb850.js';
+import { d as defineCustomElement$3 } from './p-78f38feb.js';
+import { d as defineCustomElement$2 } from './p-4222441a.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;