@duetds/components 10.6.0 → 10.8.0

package/lib/cjs/{a11y-utils-CgWjS7yq.js → a11y-utils-DZ42p33K.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 
 function getAccessibleLinkLabel(component) {
     const textContent = component.element.textContent;

package/lib/cjs/{app-globals-D68ciWsb.js → app-globals-DiBfle2l.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-BeiMjjVl.js');
+require('./index-BP4tQozH.js');
 
 const setupLoggers = () => {
     {

package/lib/cjs/duet-action-button.cjs.entry.js

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var createId = require('./create-id-DtslnIOq.js');
 var jsUtils = require('./js-utils-hJ4A2edy.js');
 var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
-var languageUtils = require('./language-utils-B3NubUDr.js');
+var languageUtils = require('./language-utils-BCJyRc_q.js');
 var tokenUtils = require('./token-utils-ZISdNshf.js');
 require('./string-utils-B35hEUBv.js');
 require('./tokens.module-CGRpZaa1.js');

package/lib/cjs/duet-alert.cjs.entry.js

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
+var index = require('./index-BP4tQozH.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var createId = require('./create-id-DtslnIOq.js');
-var languageUtils = require('./language-utils-B3NubUDr.js');
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var languageUtils = require('./language-utils-BCJyRc_q.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:grid;grid-template-rows:1fr;width:100%;border-radius:12px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, grid-template-rows 300ms ease}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.below-nav),:host(.duet-m-0){margin-bottom:0 !important}:host(.duet-alert-is-dismissed){visibility:hidden !important;grid-template-rows:0fr;margin:0 !important;border-width:0 !important;opacity:0;transform:scale(0.98)}.duet-alert-wrapper{position:relative;width:100%;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{z-index:1;margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}.duet-alert-wrapper.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\"}";

package/lib/cjs/duet-badge.cjs.entry.js

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
+var index = require('./index-BP4tQozH.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
-var languageUtils = require('./language-utils-B3NubUDr.js');
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var languageUtils = require('./language-utils-BCJyRc_q.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:4px !important}:host(.duet-m-0){margin:0 !important}.duet-badge{position:relative;display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;vertical-align:middle;color:rgb(3, 56, 102);text-align:center;word-break:break-word;background:rgb(217, 236, 245);border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.warning{color:rgb(81, 55, 9);background:rgb(255, 232, 160)}.duet-badge.danger{color:rgb(120, 4, 56);background:rgb(255, 211, 219)}.duet-badge.success{color:rgb(13, 71, 59);background:rgb(191, 239, 218)}.duet-badge.subtle{color:rgb(62, 84, 102);background:rgb(228, 236, 239)}.duet-badge.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 97, 155)}.duet-badge.background-strong.warning{color:rgb(38, 26, 4);background:rgb(247, 178, 40)}.duet-badge.background-strong.danger{color:rgb(255, 240, 243);background:rgb(185, 16, 74)}.duet-badge.background-strong.success{color:rgb(244, 250, 247);background:rgb(29, 106, 88)}.duet-badge.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(98, 121, 138)}.duet-badge.has-tooltip{padding-right:24px;cursor:pointer}.duet-badge.has-tooltip .tooltip-wrap{position:absolute;top:6.5px;right:11px;display:inline-block;width:16px;height:12px}.duet-badge.has-tooltip:hover{color:rgb(0, 75, 129)}.duet-badge.has-tooltip:hover.warning{color:rgb(126, 87, 16)}.duet-badge.has-tooltip:hover.danger{color:rgb(153, 9, 66)}.duet-badge.has-tooltip:hover.success{color:rgb(29, 106, 88)}.duet-badge.has-tooltip:hover.subtle{color:rgb(45, 64, 81)}.duet-badge.has-tooltip:hover.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 119, 179)}.duet-badge.has-tooltip:hover.background-strong.warning{color:rgb(38, 26, 4);background:rgb(255, 199, 79)}.duet-badge.has-tooltip:hover.background-strong.danger{color:rgb(255, 240, 243);background:rgb(214, 28, 82)}.duet-badge.has-tooltip:hover.background-strong.success{color:rgb(244, 250, 247);background:rgb(76, 164, 138)}.duet-badge.has-tooltip:hover.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(127, 150, 165)}:host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within,:host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva.duet-badge{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700}.duet-theme-turva.duet-badge.has-tooltip{padding-right:24px}";
@@ -75,13 +75,13 @@ const DuetBadge = class {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (index.h(index.Host, { key: 'a560a9bf8c66e7b54260cf1a51c2bb4728d204bd', class: { "duet-m-0": this.margin === "none" } }, index.h("span", { key: '6acc7c0b3470e48d82386d808f0b997da64d01bd', class: {
+        return (index.h(index.Host, { key: '1963c91d66ae23fdb441d2dce1a84f073bcdf7dc', class: { "duet-m-0": this.margin === "none" } }, index.h("span", { key: 'b7e28ae61de88316c3d7731611b97826205a66b8', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "has-tooltip": !!this.tooltip || this.hasTooltipSlot,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("duet-visually-hidden", { key: 'ffef5f8b2e1f4daa1ad9c6422663bdd68279d97b' }, this.getVariationLabel()), index.h("slot", { key: 'c29a964054979e3453dc6d1e3e26deb37db4d6da' }), (this.tooltip || this.hasTooltipSlot) && (index.h("span", { key: '6aaefca53e94bf5a1d25b19f3f3b6182bdc24d89', class: "tooltip-wrap" }, !this.hasTooltipSlot && (index.h("duet-tooltip", { key: '2dcff5145d02f2dc6be7c9459dfe96d57873d7c9', "accessible-about-label": this.getBadgeText(), badgeElement: this.element }, this.tooltip)), index.h("slot", { key: '618248018df97f7071166094bf62ac615577371b', name: "tooltip" }))))));
+            } }, index.h("duet-visually-hidden", { key: '4fe8e2e72cd4fa1081b9bad8c96997cfb835891e' }, this.getVariationLabel()), index.h("slot", { key: '399d4132158cef2c65e9646eb62d8c345f6047f9' }), (this.tooltip || this.hasTooltipSlot) && (index.h("span", { key: '1e908df23daa2a69ac125d56f9b25662e3fb308e', class: "tooltip-wrap" }, !this.hasTooltipSlot && (index.h("duet-tooltip", { key: 'e4bc5393384f5cc5932a2e222336dc2e7ddc6573', "accessible-about-label": this.getBadgeText(), badgeElement: this.element }, this.tooltip)), index.h("slot", { key: '452acb4e7b7d7e90e7414efcf4cbf3ed7937225c', name: "tooltip" }))))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-banner.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
-var pictureUtils = require('./picture-utils-D_HVgfq5.js');
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
+var pictureUtils = require('./picture-utils-Dp6TiDHy.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 var tokenUtils = require('./token-utils-ZISdNshf.js');
 require('./tokens.module-CGRpZaa1.js');
@@ -136,20 +136,20 @@ const DuetBanner = class {
             img: {
                 src: this.image,
                 alt: this.imageAlt || "",
-                loading: "lazy",
+                loading: this.imagePriority === "high" ? "eager" : "lazy",
+                fetchpriority: this.imagePriority,
                 class: `image ${this.imageFit}`,
-                role: this.imageAlt ? undefined : "presentation",
             },
             sources: stringUtils.parsePossibleJSON(this.sources),
         };
-        return (index.h(index.Host, { key: '7bb7e73a6f4d35a44a152b488d46ad622f2cb50b', class: { "duet-m-0": this.margin === "none" } }, index.h("aside", { key: '739f618adf7c4723262b4ec6295cf4864c361526', class: {
+        return (index.h(index.Host, { key: '021aafd46f614c2d52ccd2d014574a7a095e2883', class: { "duet-m-0": this.margin === "none" } }, index.h("aside", { key: 'ea207c896e6b1624a27d4b6ceb79836ab152f207', class: {
                 "duet-banner": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.currentSize]: true,
                 "size-medium": this.size === "medium" || this.size === "large",
                 "size-large": this.size === "large",
                 "no-image": !this.image,
-            }, style: bannerStyles }, index.h("div", { key: 'd78595a1aabf12715243be11008f484d23596a1b', class: "visual" }, index.h("div", { key: 'ef55a2809492d94f8c249f1cad969f52c7c7b82d', class: "image-container" }, this.image && index.h(pictureUtils.DuetPicture, Object.assign({ key: '80aa252e2ae80b3deeea7949866fe797dfff3500' }, pictureSource))), 1 > 2, this.imageFit !== "contain" && index.h("div", { key: '99d09920043743c985e0d3dba395a3985fb498a9', style: bannerStyles, class: "brand-shape" })), index.h("div", { key: 'b71115c0291aa50a6fb14fd9da4f5ca3e17966b8', class: "content" }, this.hasHeadingSlot && (index.h("div", { key: 'ab430cc7698686f5e352cd8b1a832a75fba1016e', class: "heading" }, index.h("duet-heading", { key: 'd524b78d7d934270dece2274467f32450d67d5c3', theme: this.theme, level: this.hasHeadingSlotNative ? "div" : this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: tokenUtils.postfixTheme(this.textColor, this.theme) }, index.h("span", { key: 'c9f8c556560a5cf18924a0f3b4c71bc5b4a66e34' }, index.h("slot", { key: '4e1425677afc11f145db287ebf17df9917f40529', name: "heading" }))))), this.hasDescriptionSlot && (index.h("div", { key: 'b0ec390d54156a3df44821ab41b5bee3245a880b', class: "description", style: { color } }, index.h("slot", { key: 'd284da9e4b546bbc02c8741aa7aa368de497ea52', name: "description" }))), this.hasActionSlot && (index.h("div", { key: '3ff5952fc3f6ab7a7948317ef7907f297df37a30', class: "action" }, index.h("slot", { key: 'e912017d264737322c63eec6e3d3a13a225db01a', name: "action" })))))));
+            }, style: bannerStyles }, index.h("div", { key: '525c58ab8a5aaa6cf08bab777f9ea3dd071f75ec', class: "visual" }, index.h("div", { key: '89b977717483d9ffcedeae98f7d2a36263b0f3d3', class: "image-container" }, this.image && index.h(pictureUtils.DuetPicture, Object.assign({ key: '7f1d73ce70cf6687500eef1d0fc546e4bdbb6ea5' }, pictureSource))), 1 > 2, this.imageFit !== "contain" && index.h("div", { key: '9cb97c2fefe6058b2d1c9b0e1a0c517d732c8b3f', style: bannerStyles, class: "brand-shape" })), index.h("div", { key: '2674a03efa17932dd1654e18a72115646a806fd3', class: "content" }, this.hasHeadingSlot && (index.h("div", { key: '9de6d6fe0940b868b74205ff45c48986776c67a7', class: "heading" }, index.h("duet-heading", { key: 'dca384f371f65d7f40e59c97603ffde9536c10ae', theme: this.theme, level: this.hasHeadingSlotNative ? "div" : this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: tokenUtils.postfixTheme(this.textColor, this.theme) }, index.h("span", { key: 'e5f9d70b35eb5e3507cc9c4ae78554debd08f7c7' }, index.h("slot", { key: '26d9d93896e0f095112db72501c8c9de765eba16', name: "heading" }))))), this.hasDescriptionSlot && (index.h("div", { key: '1a82c4532fa9862d0207675f89308ee8cd071302', class: "description", style: { color } }, index.h("slot", { key: '78febb3eca846bffd9555b8114c9ecaf33e55433', name: "description" }))), this.hasActionSlot && (index.h("div", { key: '2f25d1c449e2ff59bbd41d39da665e1a8822a7a2', class: "action" }, index.h("slot", { key: '2951e812095eaf2e55a40575e6948e83bfd27b2a', name: "action" })))))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-breadcrumb.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
+var index = require('./index-BP4tQozH.js');
 var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
 
 var actionArrowRightSmall;
@@ -63,15 +63,15 @@ const DuetBreadcrumb = class {
      */
     render() {
         const Tag = this.href ? "a" : "span";
-        return (index.h(index.Host, { key: '9d25b651fd5b242297c25eb3ea99ffc6f1ca48af', role: "listitem" }, index.h("div", { key: '84a91d5dd5578cb8294cea0e48d0ee4d5bb2fd23', class: "container" }, this.icon === "arrow-right-small-icon" && (index.h("duet-icon", { key: 'c443a924a8354ec1218f8ff092ba4f8c8c6ee848', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), index.h(Tag, { key: '266f23bcf053b651c24cdf70aaf540a618ed0334', class: {
+        return (index.h(index.Host, { key: '458e4f048570629b3f8002588b750757021e0bbd', role: "listitem" }, index.h("div", { key: '4fade87714b80818fda47fbfb3789b0f8b27f489', class: "container" }, this.icon === "arrow-right-small-icon" && (index.h("duet-icon", { key: '9269d8c80d836f44019a394e8a26e878fced07f2', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), index.h(Tag, { key: '23772d6dae87c75499adb847dd4a49acb4ffabff', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
                 "icon-only": this.icon && !this.hasSlottedContent,
             }, href: this.href || undefined, "aria-label": this.accessibleLabel || this.element.textContent, "aria-current": this.href ? undefined : "page" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            index.h("duet-icon", { key: '4db885eb507c009ff6f8441052b4c402bf6fd677', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && index.h("duet-spacer", { key: '1dd57ad658f67683907cf1d7b9db5726d5d4d309', size: "x-small", direction: "horizontal" }),
-        ], index.h("slot", { key: '71d21629fc5c66ebe08d0c7eb04a9293e0246cf5' })))));
+            index.h("duet-icon", { key: '5d413bae291a7d10dc2a54b9b0389128defc9e82', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && index.h("duet-spacer", { key: '9fef8271d98fa98c6a31623a937156413718f37c', size: "x-small", direction: "horizontal" }),
+        ], index.h("slot", { key: '47df258e2b4f9bb7d75f4869abd16c8ed84e8550' })))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-breadcrumbs.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
-var languageUtils = require('./language-utils-B3NubUDr.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
+var languageUtils = require('./language-utils-BCJyRc_q.js');
 var tokenUtils = require('./token-utils-ZISdNshf.js');
 require('./string-utils-B35hEUBv.js');
 require('./tokens.module-CGRpZaa1.js');
@@ -64,11 +64,11 @@ const DuetBreadcrumbs = class {
      */
     render() {
         const color = tokenUtils.getColorByName(this.color);
-        return (index.h(index.Host, { key: 'e7ae98090732542452a2a94210f21bc4d877987e' }, index.h("nav", { key: '20edb0b05a6c3e6589e7d6be4e875bbfe89e263c', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (index.h(index.Host, { key: '4858d49a29bb34e845436ec070f27e75a6fbe504' }, index.h("nav", { key: 'fdf5c15b2ee7adcbf8e4b0c230735f8d26ccd83f', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, index.h("div", { key: '9af54a322da0c7be2e37687a9d67e16214de644c', class: "container" }, index.h("div", { key: '0e7243aa0cb721abb7b413e4bd109f4594f6c2ac', role: "list", class: "list", style: { color } }, index.h("slot", { key: '8ed1299ec1deda2d43ecabdcc1d49c15a4467b23' })), index.h("div", { key: '24b4efdf7a6f85c6ea8badf769d0dd8b098252ee', class: "bottom-border bottom-border--container" })), index.h("div", { key: '510ebbb8148a84730d5bc1f53c3fb01a76c7bcdb', class: "bottom-border bottom-border--nav" }))));
+            } }, index.h("div", { key: '3235e10bb08008d3b3854f888bf3e4b934aed9e6', class: "container" }, index.h("div", { key: '60d548db832a4eca47caf48789d5082a7100b5ba', role: "list", class: "list", style: { color } }, index.h("slot", { key: 'd8170a022b3c9f2e737a29c353a0d2070f752a9c' })), index.h("div", { key: 'c76631c4b488b8f3ba0007de6c4a62aaf7abc4c7', class: "bottom-border bottom-border--container" })), index.h("div", { key: '1ca349ec39f209d18d6713f1a127932d4c6d08c8', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-button_2.cjs.entry.js

@@ -3,15 +3,15 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var languageUtils = require('./language-utils-B3NubUDr.js');
+var languageUtils = require('./language-utils-BCJyRc_q.js');
 var tokenUtils = require('./token-utils-ZISdNshf.js');
 require('./string-utils-B35hEUBv.js');
 require('./tokens.module-CGRpZaa1.js');
 
-const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.square):last-of-type:not(:last-child){margin-right:12px !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.duet-small):last-of-type:not(:last-child),[alignment=form-distribute]>:host(.duet-x-small):last-of-type:not(:last-child){margin-right:4px !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.duet-x-small):last-of-type:not(:last-child){margin-right:2px !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.square.duet-small):last-of-type:not(:last-child),[alignment=form-distribute]>:host(.square.duet-x-small):last-of-type:not(:last-child){margin-right:8px !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-button.default:hover{outline:2px solid rgb(0, 119, 179);outline-offset:-2px;border-color:rgb(0, 119, 179)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179);outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-button.secondary:hover,.duet-button.secondary:hover.duet-theme-turva,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-button.input-button-secondary:hover.duet-theme-turva,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-button.input-button-left-secondary:hover.duet-theme-turva,.duet-theme-turva .duet-button.input-button-embedded:hover,.duet-button.input-button-embedded:hover.duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.duet-button-negative:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(255, 255, 255, 0.8)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled],.duet-button.plain[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.plain.duet-button-icon-only:focus{outline-offset:1px}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px !important;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px !important}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-left-secondary{border-color:rgb(127, 150, 165)}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-button.square:hover{outline:2px solid rgb(0, 119, 179);outline-offset:-2px;border-color:rgb(0, 119, 179)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;outline:none !important;outline-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}.duet-theme-turva .duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(230, 23, 64) !important;border-radius:8px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:8px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:14px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:14px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:8px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.default{color:rgb(230, 23, 64) !important;border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-button.default:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(251, 225, 209) !important}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(140, 0, 30);border-color:rgb(140, 0, 30)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 42, 59) !important;border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(251, 225, 209) !important}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.duet-button.input-button-primary,.duet-theme-turva .duet-button.duet-button.input-button-secondary,.duet-theme-turva .duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-bottom-left-radius:0}.duet-theme-turva .duet-button.duet-button.input-button-left-primary,.duet-theme-turva .duet-button.duet-button.input-button-left-secondary{border-top-right-radius:0;border-bottom-right-radius:0}.duet-theme-turva .duet-button.duet-button.input-button-secondary,.duet-theme-turva .duet-button.duet-button.input-button-left-secondary{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-button.negative{color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.plain{color:rgb(230, 23, 64) !important;background:transparent;border-color:transparent}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(140, 0, 30) !important}.duet-theme-turva .duet-button.plain[disabled],.duet-theme-turva .duet-button.plain[disabled]:hover{color:rgb(95, 122, 143) !important;cursor:not-allowed;background:transparent !important;border-color:rgb(251, 225, 209) !important}.duet-theme-turva .duet-button.square{border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.square:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(120, 145, 164) !important;cursor:not-allowed;outline-color:rgb(212, 221, 226) !important;background:rgb(212, 221, 226) !important;border-color:rgb(212, 221, 226) !important}.duet-theme-turva .duet-button-is-loading.default{color:rgb(230, 23, 64)}";
+const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.square):last-of-type:not(:last-child){margin-right:12px !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.duet-small):last-of-type:not(:last-child),[alignment=form-distribute]>:host(.duet-x-small):last-of-type:not(:last-child){margin-right:4px !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.duet-x-small):last-of-type:not(:last-child){margin-right:2px !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.square.duet-small):last-of-type:not(:last-child),[alignment=form-distribute]>:host(.square.duet-x-small):last-of-type:not(:last-child){margin-right:8px !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-button.default:hover{outline:2px solid rgb(0, 119, 179);outline-offset:-2px;border-color:rgb(0, 119, 179)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179);outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-button.secondary:hover,.duet-button.secondary:hover.duet-theme-turva,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-button.input-button-secondary:hover.duet-theme-turva,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-button.input-button-left-secondary:hover.duet-theme-turva,.duet-theme-turva .duet-button.input-button-embedded:hover,.duet-button.input-button-embedded:hover.duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.duet-button-negative:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(255, 255, 255, 0.8)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled],.duet-button.plain[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.plain.duet-button-icon-only:focus{outline-offset:1px}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px !important;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px !important}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-left-secondary{border-color:rgb(127, 150, 165)}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-button.square:hover{outline:2px solid rgb(0, 119, 179);outline-offset:-2px;border-color:rgb(0, 119, 179)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;outline:none !important;outline-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}.duet-theme-turva .duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(230, 23, 64) !important;border-radius:8px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:8px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:14px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:14px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:8px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.default{color:rgb(230, 23, 64) !important;border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-button.default:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(251, 225, 209) !important}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(140, 0, 30);border-color:rgb(140, 0, 30)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 42, 59) !important;border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(251, 225, 209) !important}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.duet-button.input-button-primary,.duet-theme-turva .duet-button.duet-button.input-button-secondary,.duet-theme-turva .duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-bottom-left-radius:0}.duet-theme-turva .duet-button.duet-button.input-button-left-primary,.duet-theme-turva .duet-button.duet-button.input-button-left-secondary{border-top-right-radius:0;border-bottom-right-radius:0}.duet-theme-turva .duet-button.duet-button.input-button-secondary,.duet-theme-turva .duet-button.duet-button.input-button-left-secondary{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-button.negative{color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.plain{color:rgb(230, 23, 64) !important;background:transparent;border-color:transparent}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(140, 0, 30) !important}.duet-theme-turva .duet-button.plain[disabled],.duet-theme-turva .duet-button.plain[disabled]:hover{color:rgb(95, 122, 143) !important;cursor:not-allowed;background:transparent !important;border-color:rgb(251, 225, 209) !important}.duet-theme-turva .duet-button.square{border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.square:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(120, 145, 164) !important;cursor:not-allowed;outline-color:rgb(212, 221, 226) !important;background:rgb(212, 221, 226) !important;border-color:rgb(212, 221, 226) !important}.duet-theme-turva .duet-button-is-loading.default{color:rgb(230, 23, 64)}";
 
 const DuetButton = class {
     constructor(hostRef) {
@@ -369,7 +369,7 @@ const DuetSpinner = class {
      */
     render() {
         const color = !!this.color && this.color === "currentColor" ? "currentColor" : tokenUtils.getColorByName(this.color, this.theme);
-        return (index.h(index.Host, { key: 'f8c4a6b68356300f7738d2c59038d47abdf54124' }, index.h("div", { key: 'a8aeaf976bec157057a095337bcad89d26eebd8a', class: {
+        return (index.h(index.Host, { key: '2bc7c46f85e5bc998bdacbd35c9c1446f69cbafb' }, index.h("div", { key: '7d7f56f381399e446b907acf07560819c0cbe769', class: {
                 "duet-spinner": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",

package/lib/cjs/duet-callout.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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-m-0{margin:0 !important}.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, 42, 59)}";
 
@@ -39,11 +39,11 @@ const DuetCallout = class {
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (index.h(index.Host, { key: '70c2370b0a61707b44ed89544cf0ae0d3eb5b739' }, index.h("div", { key: '440dfe7d27ede12ff24de94bd9b598b9a630fdf4', class: {
+        return (index.h(index.Host, { key: '7c2142db52608760dec767f79a7bca3447a7cd5f' }, index.h("div", { key: 'f8198db62bb29ce33d65fc3c3cc3e32f87de2c5c', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, index.h("figure", { key: 'b3aa896544cb2cc6021eb50ea96e317fd256d266', class: "container" }, index.h("duet-icon", { key: 'cdffa280e6126af9e8e77bc6a96821cf7b229796', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), index.h("blockquote", { key: '8b3d9b55675179e4ed743459009d4f278bf2b30a' }, index.h("slot", { key: '41a60c64671630e6199cb5bcc94a9d19f530b8f3' })), this.hasAuthorSlot && (index.h("figcaption", { key: '80d6481648829aead64c88db38312ee34253424e', class: "author" }, index.h("span", { key: '2bf9d1de8bfa5456ea8c69c9b2731e2b1a4bbef3' }, "\u2014 "), index.h("slot", { key: '091fcf50b602dccfb2d8ae005999539a0dde8efb', name: "author" })))))));
+            } }, index.h("figure", { key: 'e994ff471b5559524635c85974669c8057658363', class: "container" }, index.h("duet-icon", { key: '88762cb245c8695ac5a4e6e964429055b7256fa5', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), index.h("blockquote", { key: '4b39bc138213d594a5eb81c9f0fe50e49342c626' }, index.h("slot", { key: 'fc14d22469315c162b71aa1b3bf09c8bcd0e1901' })), this.hasAuthorSlot && (index.h("figcaption", { key: 'b8fc8be9af52e97966a8ae61ad5ab3f88e7e8aa0', class: "author" }, index.h("span", { key: 'e0ca2034da2119ef9b5c6b9ddf004f46706a59fe' }, "\u2014 "), index.h("slot", { key: '6224eae7686973960ea35086635e3dbeeaa8e944', name: "author" })))))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-caption_4.cjs.entry.js

@@ -3,18 +3,18 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 var tokenUtils = require('./token-utils-ZISdNshf.js');
 var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
 var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var a11yUtils = require('./a11y-utils-CgWjS7yq.js');
-var languageUtils = require('./language-utils-B3NubUDr.js');
+var a11yUtils = require('./a11y-utils-DZ42p33K.js');
+var languageUtils = require('./language-utils-BCJyRc_q.js');
 var createId = require('./create-id-DtslnIOq.js');
 require('./tokens.module-CGRpZaa1.js');
-require('./slot-utils-Dny6EJ_G.js');
+require('./slot-utils-DvtoWHAA.js');
 
 const duetCaptionCss = ":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:flex;flex:0 0 100%;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\";font-size:1rem;font-weight:400;line-height:1.5;vertical-align:top;color:rgb(98, 121, 138)}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.duet-caption-small){font-size:0.875rem;line-height:1.25}:host(.duet-caption-selected){color:rgb(0, 119, 179)}:host(.duet-m-0){margin:0 !important}:host(.duet-theme-turva){font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(72, 100, 122)}:host(.duet-theme-turva.duet-caption-selected.duet-theme-turva){color:rgb(23, 42, 59)}";
 
@@ -170,7 +170,7 @@ function requireActionNewWindow () {
 var actionNewWindowExports = requireActionNewWindow();
 var newWindowIconLarge = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(actionNewWindowExports);
 
-const duetLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.duet-link-button):last-of-type:not(:last-child){margin-right:8px !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list),.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list) .duet-link-icon-tail{white-space:nowrap;text-decoration:none}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;opacity:1}.block.duet-link,.block-center.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon,.block-center.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none,.block-center.duet-link.none{padding:0}.block.duet-link:hover .duet-link-content,.block-center.duet-link:hover .duet-link-content{color:rgb(0, 97, 155)}.block .block__icon,.block-center .block__icon{display:flex}.block .block__icon duet-icon,.block-center .block__icon duet-icon{width:16px;height:16px}.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:30px;height:30px}@media (max-width: 22.5em){.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:24px;height:24px}}.block .block__content,.block-center .block__content{position:relative;bottom:2px}.block .block__chevron,.block-center .block__chevron{align-self:center}.block .block__chevron-icon,.block-center .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon,.block-center:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.block-center.duet-link{align-items:center}.block-center .block__content{position:static}.block-center .block__chevron{display:flex;align-items:center}.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.list-button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;transition:all 300ms ease}.duet-link.button>*,.duet-link.list-button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.list-button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.list-button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button .icon-wrap duet-icon,.duet-link.list-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.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:30px;height:30px}}.duet-link.button .chevron-wrap,.duet-link.list-button .chevron-wrap,.duet-link.card .chevron-wrap{height:16px}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.list-button:hover,.duet-link.card:hover{outline:2px solid rgb(0, 119, 179);border-color:rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.list-button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.list-button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button .block__chevron-icon,.duet-link.list-button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.list-button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.list-button{padding:20px 12px 20px 4px;margin-top:-1px;border:solid 1px rgb(181, 198, 208);border-width:1px 0;border-radius:0}.duet-link.list-button .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.list-button .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.list-button:hover{outline:0;border-color:rgb(181, 198, 208)}.duet-link.list-button:hover .duet-link-content{color:rgb(0, 119, 179)}.duet-link.card{border-color:rgb(228, 236, 239);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}.duet-link.article-list{display:block;padding:20px 0;margin-bottom:-1px;text-decoration:none;border:solid rgb(212, 223, 229);border-width:1px 0;border-radius:0}.duet-link.article-list .duet-link-content{font-weight:600;color:rgb(0, 75, 129)}.duet-link.article-list .duet-link-content-wrap{display:flex}.duet-link.article-list .duet-link-bullet{flex-shrink:0;width:8px;height:8px;margin-top:8px;margin-right:16px;border-radius:2px}.duet-link.article-list .duet-link-meta{display:block;margin-top:4px;font-weight:400;color:rgb(81, 105, 123)}.duet-link.article-list:focus .duet-link-content,.duet-link.article-list:hover .duet-link-content{color:rgb(0, 97, 155);text-decoration:underline}.duet-theme-turva.duet-link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(185, 3, 41)}.duet-theme-turva.duet-link:hover{color:rgb(140, 0, 30)}.duet-theme-turva.duet-link.button,.duet-theme-turva.duet-link.list-button{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-link.button .duet-link-content,.duet-theme-turva.duet-link.list-button .duet-link-content{color:rgb(23, 42, 59)}.duet-theme-turva.duet-link.button:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva.duet-link.list-button:hover{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-link.list-button:hover .duet-link-content{color:rgb(230, 23, 64)}.duet-theme-turva.duet-link.card{border-color:rgb(228, 233, 237);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-theme-turva.duet-link.block,.duet-theme-turva.duet-link.block-center{color:rgb(23, 42, 59)}.duet-theme-turva.duet-link.block .duet-link-content,.duet-theme-turva.duet-link.block-center .duet-link-content{color:rgb(23, 42, 59)}.duet-theme-turva.duet-link.block:hover,.duet-theme-turva.duet-link.block-center:hover{color:rgb(185, 3, 41)}.duet-theme-turva.duet-link.block:hover .duet-link-content,.duet-theme-turva.duet-link.block-center:hover .duet-link-content{color:rgb(185, 3, 41)}.duet-theme-turva.duet-tab-to-link{min-width:120px;color:rgb(23, 42, 59)}";
+const duetLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.duet-link-button):last-of-type:not(:last-child){margin-right:8px !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list),.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card,.article-list) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card,.article-list) .duet-link-icon-tail{white-space:nowrap;text-decoration:none}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;opacity:1}.block.duet-link,.block-center.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon,.block-center.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none,.block-center.duet-link.none{padding:0}.block.duet-link:hover .duet-link-content,.block-center.duet-link:hover .duet-link-content{color:rgb(0, 97, 155)}.block .block__icon,.block-center .block__icon{display:flex}.block .block__icon duet-icon,.block-center .block__icon duet-icon{width:16px;height:16px}.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:30px;height:30px}@media (max-width: 22.5em){.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:24px;height:24px}}.block .block__content,.block-center .block__content{position:relative;bottom:2px}.block .block__chevron,.block-center .block__chevron{align-self:center}.block .block__chevron-icon,.block-center .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon,.block-center:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.block-center.duet-link{align-items:center}.block-center .block__content{position:static}.block-center .block__chevron{display:flex;align-items:center}.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.list-button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;transition:all 300ms ease}.duet-link.button>*,.duet-link.list-button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.list-button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.list-button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button .icon-wrap duet-icon,.duet-link.list-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.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:30px;height:30px}}.duet-link.button .chevron-wrap,.duet-link.list-button .chevron-wrap,.duet-link.card .chevron-wrap{height:16px}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.list-button:hover,.duet-link.card:hover{outline:2px solid rgb(0, 119, 179);border-color:rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.list-button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.list-button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button .block__chevron-icon,.duet-link.list-button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.list-button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.list-button{padding:20px 12px 20px 4px;margin-top:-1px;border:solid 1px rgb(181, 198, 208);border-width:1px 0;border-radius:0}.duet-link.list-button .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.list-button .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.list-button:hover{outline:0;border-color:rgb(181, 198, 208)}.duet-link.list-button:hover .duet-link-content{color:rgb(0, 119, 179)}.duet-link.card{border-color:rgb(228, 236, 239);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}.duet-link.article-list{display:block;padding:20px 0;margin-bottom:-1px;text-decoration:none;border:solid rgb(212, 223, 229);border-width:1px 0;border-radius:0}.duet-link.article-list .duet-link-content{font-weight:600;color:rgb(0, 75, 129)}.duet-link.article-list .duet-link-content-wrap{display:flex}.duet-link.article-list .duet-link-bullet{flex-shrink:0;width:8px;height:8px;margin-top:8px;margin-right:16px;border-radius:2px}.duet-link.article-list .duet-link-meta{display:block;margin-top:4px;font-weight:400;color:rgb(81, 105, 123)}.duet-link.article-list:focus .duet-link-content,.duet-link.article-list:hover .duet-link-content{color:rgb(0, 97, 155);text-decoration:underline}.duet-theme-turva.duet-link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(185, 3, 41)}.duet-theme-turva.duet-link:hover{color:rgb(140, 0, 30)}.duet-theme-turva.duet-link.button,.duet-theme-turva.duet-link.list-button{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-link.button .duet-link-content,.duet-theme-turva.duet-link.list-button .duet-link-content{color:rgb(23, 42, 59)}.duet-theme-turva.duet-link.button:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva.duet-link.list-button:hover{border-color:rgb(178, 194, 205)}.duet-theme-turva.duet-link.list-button:hover .duet-link-content{color:rgb(230, 23, 64)}.duet-theme-turva.duet-link.card{border-color:rgb(228, 233, 237);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-theme-turva.duet-link.card:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva.duet-link.block,.duet-theme-turva.duet-link.block-center{color:rgb(23, 42, 59)}.duet-theme-turva.duet-link.block .duet-link-content,.duet-theme-turva.duet-link.block-center .duet-link-content{color:rgb(23, 42, 59)}.duet-theme-turva.duet-link.block:hover,.duet-theme-turva.duet-link.block-center:hover{color:rgb(185, 3, 41)}.duet-theme-turva.duet-link.block:hover .duet-link-content,.duet-theme-turva.duet-link.block-center:hover .duet-link-content{color:rgb(185, 3, 41)}.duet-theme-turva.duet-link.article-list{border-color:rgb(212, 221, 226)}.duet-theme-turva.duet-link.article-list .duet-link-content{color:rgb(23, 42, 59)}.duet-theme-turva.duet-link.article-list .duet-link-meta{color:rgb(72, 100, 122)}.duet-theme-turva.duet-link.article-list:focus .duet-link-content,.duet-theme-turva.duet-link.article-list:hover .duet-link-content{color:rgb(230, 23, 64)}.duet-theme-turva.duet-tab-to-link{min-width:120px;color:rgb(23, 42, 59)}";
 
 const DuetLink = class {
     constructor(hostRef) {
@@ -344,10 +344,10 @@ const DuetLink = class {
         const Tag = !this.url && this.variation !== "default" ? "button" : "a";
         const role = !this.url && this.variation === "default" ? "button" : null;
         const isButton = Tag === "button";
-        return (index.h(index.Host, { key: '07cf184d2f321700e665e358f8a0cb988e798da8', class: {
+        return (index.h(index.Host, { key: '0a7c2de12ea320f4fcf5d73e60200af11254f8c3', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, index.h(Tag, { key: 'bb416240f5adc73c8eeacbd4ca0524619326a954', href: this.url, class: {
+            } }, index.h(Tag, { key: '6351d938da19503fa7c0e3526700729a9f2c054e', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -417,7 +417,7 @@ const DuetParagraph = class {
         const color = tokenUtils.getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (index.h(index.Host, { key: 'e1478a81d9627fcff4c00c71d03fc9fe91642bbc', "aria-describedby": this.id }, index.h("p", { key: '78658b077c0692618bb7d6855bbd6605abd7b13f', id: this.id, class: {
+        return (index.h(index.Host, { key: '1fcdbc323b600e21f69c2b1f91343aacdc8c6552', "aria-describedby": this.id }, index.h("p", { key: '0d8f3bd22932b3520707fb4f1013816bc88bd779', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -426,7 +426,7 @@ const DuetParagraph = class {
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-inherit-color": !this.color && this.inheritingParents.some(p => this.element.closest(p)),
-            }, style: { color }, part: "duet-paragraph" }, index.h("slot", { key: '83e026a3225a92a554c68da2eff4c7eb5eab36d5' }))));
+            }, style: { color }, part: "duet-paragraph" }, index.h("slot", { key: '3ab49870546786d333d5e1d2c4d2271d129d990e' }))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-card.cjs.entry.js

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
+var index = require('./index-BP4tQozH.js');
 var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var createId = require('./create-id-DtslnIOq.js');
 var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
-var pictureUtils = require('./picture-utils-D_HVgfq5.js');
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var pictureUtils = require('./picture-utils-Dp6TiDHy.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 var tokenUtils = require('./token-utils-ZISdNshf.js');
 require('./tokens.module-CGRpZaa1.js');
@@ -30,7 +30,7 @@ function requireActionArrowUp () {
 var actionArrowUpExports = requireActionArrowUp();
 var arrowUpIcon = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(actionArrowUpExports);
 
-const duetCardCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}:host{--duet-card-border-radius:12px}@media (min-width: 36em){:host{--duet-card-border-radius:16px}}.duet-card{padding:20px !important;position:relative;display:flex;flex-direction:column;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\";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-decoration:none;border-radius:var(--duet-card-border-radius);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (max-width: 20.5em){.duet-card.shadow-xxx-small{box-shadow:none}}@media (max-width: 22.5em){.duet-card.shadow-xx-small{box-shadow:none}}@media (max-width: 35.9375em){.duet-card.shadow-x-small{box-shadow:none}}@media (min-width: 36em){.duet-card.shadow-small{box-shadow:none}}@media (min-width: 48em){.duet-card.shadow-medium{box-shadow:none}}@media (min-width: 62em){.duet-card.shadow-large{box-shadow:none}}@media (min-width: 64.0625em){.duet-card.shadow-x-large{box-shadow:none}}@media (min-width: 76.25em){.duet-card.shadow-xx-large{box-shadow:none}}@media (min-width: 106.25em){.duet-card.shadow-xxx-large{box-shadow:none}}@media (min-width: 36em){.duet-card{padding:28px !important}}@media (min-width: 36em){.duet-card.xx-small{padding:12px !important}}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(4, 81, 128, 0.04) !important;box-shadow:none}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-weight:800;color:rgb(8, 42, 77);border-bottom:1px solid rgb(212, 223, 229);border-radius:var(--duet-card-border-radius) var(--duet-card-border-radius) 0 0}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}.none .duet-card-heading{padding:0 !important;margin:0}}.duet-card-collapsed .duet-card-heading{border-radius:var(--duet-card-border-radius)}.duet-card-image-mask+.duet-card-heading{border-radius:0}.duet-card-heading.duet-card-heading--collapsible{cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button{width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus,:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{border-radius:var(--duet-card-border-radius)}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}@media (min-width: 36em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 48em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0;margin:0}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:rgb(245, 248, 250);border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.xx-small .duet-card-footer{padding:10px 20px 11px !important;padding-left:12px !important;margin:12px -12px -12px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:0;margin:0}.duet-card-content{flex:1 1 auto;width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;padding:0;margin:0}.duet-card-image-mask picture{display:block}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transform:scale(1.0001);transition:transform 300ms ease}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}a.duet-card:active{transform:translateY(1px);transition:none}.duet-card.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 42, 59);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-theme-turva.info{background:rgb(253, 247, 242) !important}.duet-card.duet-theme-turva .duet-card-heading{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-card.duet-theme-turva .duet-card-footer{background:rgb(245, 246, 247)}";
+const duetCardCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}:host{--duet-card-border-radius:12px}@media (min-width: 36em){:host{--duet-card-border-radius:16px}}.duet-card{padding:20px !important;position:relative;display:flex;flex-direction:column;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\";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-decoration:none;border-radius:var(--duet-card-border-radius);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (max-width: 20.5em){.duet-card.shadow-xxx-small,.duet-card.duet-theme-turva.shadow-xxx-small{box-shadow:none}}@media (max-width: 22.5em){.duet-card.shadow-xx-small,.duet-card.duet-theme-turva.shadow-xx-small{box-shadow:none}}@media (max-width: 35.9375em){.duet-card.shadow-x-small,.duet-card.duet-theme-turva.shadow-x-small{box-shadow:none}}@media (min-width: 36em){.duet-card.shadow-small,.duet-card.duet-theme-turva.shadow-small{box-shadow:none}}@media (min-width: 48em){.duet-card.shadow-medium,.duet-card.duet-theme-turva.shadow-medium{box-shadow:none}}@media (min-width: 62em){.duet-card.shadow-large,.duet-card.duet-theme-turva.shadow-large{box-shadow:none}}@media (min-width: 64.0625em){.duet-card.shadow-x-large,.duet-card.duet-theme-turva.shadow-x-large{box-shadow:none}}@media (min-width: 76.25em){.duet-card.shadow-xx-large,.duet-card.duet-theme-turva.shadow-xx-large{box-shadow:none}}@media (min-width: 106.25em){.duet-card.shadow-xxx-large,.duet-card.duet-theme-turva.shadow-xxx-large{box-shadow:none}}@media (min-width: 36em){.duet-card{padding:28px !important}}@media (min-width: 36em){.duet-card.xx-small{padding:12px !important}}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(4, 81, 128, 0.04) !important;box-shadow:none}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-weight:800;color:rgb(8, 42, 77);border-bottom:1px solid rgb(212, 223, 229);border-radius:var(--duet-card-border-radius) var(--duet-card-border-radius) 0 0}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}.none .duet-card-heading{padding:0 !important;margin:0}}.duet-card-collapsed .duet-card-heading{border-radius:var(--duet-card-border-radius)}.duet-card-image-mask+.duet-card-heading{border-radius:0}.duet-card-heading.duet-card-heading--collapsible{cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button{width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus,:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{border-radius:var(--duet-card-border-radius)}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}@media (min-width: 36em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 48em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0;margin:0}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:rgb(245, 248, 250);border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.xx-small .duet-card-footer{padding:10px 20px 11px !important;padding-left:12px !important;margin:12px -12px -12px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:0;margin:0}.duet-card-content{flex:1 1 auto;width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;padding:0;margin:0}.duet-card-image-mask picture{display:block}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transform:scale(1.0001);transition:transform 300ms ease}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}a.duet-card:active{transform:translateY(1px);transition:none}.duet-card.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 42, 59);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-theme-turva.info{background:rgb(253, 247, 242) !important;box-shadow:none}.duet-card.duet-theme-turva.plain{box-shadow:none}.duet-card.duet-theme-turva .duet-card-heading{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-card.duet-theme-turva .duet-card-footer{background:rgb(245, 246, 247)}";
 
 const DuetCard = class {
     constructor(hostRef) {
@@ -172,16 +172,17 @@ const DuetCard = class {
             img: {
                 src: this.image,
                 alt: this.imageAlt || "",
-                loading: "lazy",
+                loading: this.imagePriority === "high" ? "eager" : "lazy",
+                fetchpriority: this.imagePriority,
                 class: "duet-card-image",
                 role: this.imageAlt ? undefined : "presentation",
             },
             sources: stringUtils.parsePossibleJSON(this.sources),
         };
-        return (index.h(index.Host, { key: 'd61c941d4cbcd29c34375c93cf2c414b553e6825', class: {
+        return (index.h(index.Host, { key: 'e665c5842a71a942c9098bb06045587327958776', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, index.h(TagName, { key: '3e8e63bc3077e7ee7008816f3f1c0928a9ac6cad', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, index.h(TagName, { key: '10722ae1c42744e1924df0a38313eb68acb8a4b1', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
                 "duet-card": true,
                 [this.padding]: true,
                 [this.variation]: true,
@@ -191,7 +192,7 @@ const DuetCard = class {
                 "duet-card-has-bg": this.background !== "gray-lightest",
                 "duet-card-has-icon": !!this.icon,
                 "duet-card-collapsed": this.collapsible && !this.open,
-            } }, this.image && (index.h("div", { key: '430d6550590b6ba8ff0582c6bfe1de5556149597', class: "duet-card-image-mask" }, index.h(pictureUtils.DuetPicture, Object.assign({ key: 'b2c6457f6fad9275a9fdaff2b1a3a492dc08a1e1' }, pictureSource)))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), index.h("div", { key: '705605a43265107ea95fa7d9147cb7cbe82ad586', class: "duet-card-content", id: this.cardId }, index.h("slot", { key: '2eeb551820975ccbcb3c72f4c2ae4f315848d024' }), this.hasFooter && (index.h("div", { key: '4ef3a54510d5747516a767282d7392e81eb7ced2', class: "duet-card-footer" }, index.h("slot", { key: 'f0f8e31a0beba199f3826ec58d277e848134ce38', name: "footer" })))))));
+            } }, this.image && (index.h("div", { key: 'a9a0b21ac68624cba6b3bfb9c0e8d3d87597cfe0', class: "duet-card-image-mask" }, index.h(pictureUtils.DuetPicture, Object.assign({ key: 'efa16a802e16d5be73243c2c1e2c2bd7fe49839b' }, pictureSource)))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), index.h("div", { key: 'a6ea5db0ad9150e7e5a4dd59ae42bb1c6603aac3', class: "duet-card-content", id: this.cardId }, index.h("slot", { key: '33a498070a2b68d6361247afe7bd12c440abad6b' }), this.hasFooter && (index.h("div", { key: 'f2ddb3f3e200fcab419911d5023831019cc4e9e3', class: "duet-card-footer" }, index.h("slot", { key: 'ac749be2398980321f3cfe4f6b3b679cd2803be0', name: "footer" })))))));
     }
     get element() { return index.getElement(this); }
 };