@duetds/components 9.5.1 → 9.6.0

package/lib/cjs/{a11y-utils-1e25e6e3.js → a11y-utils-285b9770.js}

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

package/lib/cjs/{app-globals-b0eb39d1.js → app-globals-a643282a.js}

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

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

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const jsUtils = require('./js-utils-92e24ba1.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-c291fe9b.js');
+const languageUtils = require('./language-utils-030e2133.js');
 const tokenUtils = require('./token-utils-12717808.js');
 require('./string-utils-7b13c16e.js');
 require('./tokens.module-46ddb47a.js');

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

@@ -5,15 +5,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-c291fe9b.js');
-const slotUtils = require('./slot-utils-8d10ec0a.js');
+const languageUtils = require('./language-utils-030e2133.js');
+const slotUtils = require('./slot-utils-84ad3d6c.js');
 require('./string-utils-7b13c16e.js');
 
-const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;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.25;color:rgb(8, 42, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;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.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert-wrapper.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.warning.duet-theme-turva{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.danger{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.danger.duet-theme-turva{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.success{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.success.duet-theme-turva{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229)}.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 48px 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-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}";
+const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;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.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.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-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{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229)}.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 48px 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:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-expandable .duet-alert-icon{position:relative;top:2px;align-self:flex-start}.duet-alert-icon.below-nav{align-self:flex-start}.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>span{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%)}";
 const DuetAlertStyle0 = duetAlertCss;
 
 const DuetAlert = class {
@@ -23,12 +23,6 @@ const DuetAlert = class {
         this.duetCloseComplete = index.createEvent(this, "duetCloseComplete", 7);
         this.descriptiveId = createId.createID("DuetAlert");
         this.hasShowMoreSlot = false;
-        this.iconVariationMap = {
-            default: "messaging-info",
-            success: "messaging-success",
-            warning: "messaging-alert",
-            danger: "messaging-danger-alert",
-        };
         this.handleDismiss = (ev) => {
             this.handleHide();
             this.duetDismiss.emit({
@@ -43,8 +37,12 @@ const DuetAlert = class {
             this.isDismissed = true;
             this.element.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
         };
+        this.handleExpandToggle = () => {
+            this.isExpanded = !this.isExpanded;
+        };
         this.theme = "";
         this.isDismissed = false;
+        this.isExpanded = false;
         this.timeoutID = undefined;
         this.accessibleLabelDefaults = {
             fi: "Painike viestin sulkemiseen",
@@ -61,6 +59,7 @@ const DuetAlert = class {
         this.position = "content";
         this.dismissible = false;
         this.focusable = false;
+        this.expandingTitle = "";
     }
     /**
      * Component lifecycle events.
@@ -116,19 +115,20 @@ const DuetAlert = class {
      * Always the last one in the class.
      */
     render() {
-        const closeColor = this.theme === "turva" ? "secondary-turva" : "secondary";
-        return (index.h(index.Host, { key: 'd3c53bc46ae4d9f94d286a8ca55a1891afaec2d1', class: {
+        return (index.h(index.Host, { key: '06620fa82e81c4a150b23f4f6e966147b6e6870c', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-alert-is-dismissed": this.isDismissed,
-            }, role: this.announcements ? "alert" : undefined }, index.h("div", { key: '9b7c2ede2a81e5459214b3262c08f5a096251f50', class: {
+            }, role: this.announcements ? "alert" : undefined }, index.h("div", { key: 'f7a81ec3238b0d2fbd7bbf073177c19834570796', class: {
                 "duet-alert-wrapper": true,
                 "duet-p-0": this.padding === "none",
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 [this.position]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("div", { key: 'c372501af01265a0e962d41b0aeefa1b0803dc7a', class: {
+            } }, index.h("div", { key: '3592e88a89d85f1ce0381d852a475b9dfe5442b9', class: {
                 "duet-alert": true,
+                "duet-alert-expandable": !!this.expandingTitle,
+                "duet-alert-expanded": this.isExpanded,
                 "duet-alert-has-icon": !!this.icon || this.position === "below-nav",
                 "duet-alert-has-show-more": this.hasShowMoreSlot,
                 "duet-alert-is-dismissible": this.dismissible,
@@ -136,9 +136,9 @@ const DuetAlert = class {
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("div", { key: '6a00f96245f482fa280c5618d1ab3e3d61ae57bf', class: "duet-alert-container", ref: element => {
+            } }, index.h("div", { key: 'fe5b231c4e4c832dbc67ad92881397b83939a8bd', class: "duet-alert-container", ref: element => {
                 this.alertContainer = element;
-            }, tabindex: this.focusable ? "0" : undefined }, this.icon && this.position !== "below-nav" && (index.h("div", { key: '3993720ebce31589b986f5441c9f8f48719f6c97', class: "duet-alert-icon" }, index.h("duet-icon", { key: 'fc93bdce332702991e0dedf6eba0276c5d9c3e6d', size: "auto", name: this.icon, color: "currentColor" }))), this.position === "below-nav" && (index.h("div", { key: 'e469d1feb00ce1b223b7977a1b87228933556823', class: "duet-alert-icon below-nav" }, index.h("duet-icon", { key: '8e3407af6309c0107a6e78107c965cf28cadbec3', size: "auto", name: this.iconVariationMap[this.variation], color: this.variation === "default" ? "currentColor" : this.variation }))), index.h("span", { key: 'e4e8494c19f24f7da051b98cef3c3efcdeb47031', id: this.descriptiveId }, index.h("slot", { key: '1ce9a6e6c13e76f6fbf1317fa867d5400c79f41e' }))), this.hasShowMoreSlot && (index.h("duet-show-more", { key: '2106929166ce1b954dff45ed25b218ddce15f4d9', margin: "none", class: "duet-alert-show-more" }, index.h("slot", { key: '331aa9d74f0b995b55b6b119e569411a07673c3e', name: "show-more" }))), this.dismissible && (index.h("div", { key: '9cfd9e835660d246540ca7452de22bcd324d4682', class: "duet-alert-dismiss" }, index.h("duet-button", { key: 'fe950cf6c3d775160bd97b34e88ca71603a47d19', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, color: closeColor, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
+            }, tabindex: this.focusable ? "0" : undefined }, this.position !== "below-nav" && (index.h("div", { key: 'cfea6d4a41a4d738ac66f98c0a20c3d768366cd9', class: "duet-alert-icon" }, (this.icon && index.h("duet-icon", { key: 'a25f4bbc61467c1778990fb06dbc3d6ac858ba2a', size: "auto", name: this.icon, color: "currentColor" })) || (index.h("duet-status-icon", { key: 'a4dfb99f40a39303027cd9fca17522d1d3561580', strong: true, variation: this.variation, margin: "none", size: "auto" })))), this.position === "below-nav" && (index.h("div", { key: '9cf13040b80a2cae970a5fcb4f5c648766ba8e84', class: "duet-alert-icon below-nav" }, index.h("duet-status-icon", { key: '7ff20b576f48af77014e044e1789ab9752c931f0', strong: true, variation: this.variation, margin: "none", size: "auto" }))), index.h("span", { key: 'b063829358afa09115ad242c8ed74e28ff45771f', id: this.descriptiveId }, this.expandingTitle && (index.h("button", { key: '8039158452820911e9a03456557b62b321098642', "aria-expanded": this.isExpanded.toString(), "aria-controls": `${this.descriptiveId}-content`, class: "duet-alert-expander", onClick: this.handleExpandToggle }, index.h("span", { key: 'b3830e45790cb825cc50b7df82919794e860c2b4' }, this.expandingTitle), index.h("duet-icon", { key: 'ac27d252ef3af1cf56b34067356b879a4a372ceb', name: "action-arrow-down", color: this.variation === "default" ? "lt-blue-800" : `${this.variation}-800`, margin: "none", size: "x-small" }))), (!this.expandingTitle || this.isExpanded) && (index.h("span", { key: '90948facbf4820ee5d653dcc21b90665b7f064ea', id: `${this.descriptiveId}-content` }, index.h("slot", { key: '3e8fe9bb2ec95b5cd3007c38b827a1ba812870e0' }))))), this.hasShowMoreSlot && (index.h("duet-show-more", { key: 'b2d5e192923d83fb8764771f4d7a6800d1767c94', margin: "none", class: "duet-alert-show-more" }, index.h("slot", { key: 'a8aa19b76a7c807c0261f38cb9330dfc8ae7f18f', name: "show-more" }))), this.dismissible && !this.expandingTitle && (index.h("div", { key: '4ce212d852c5734afb057c9870a55bbfd1218e86', class: "duet-alert-dismiss" }, index.h("duet-button", { key: 'a970a7077e907f1e7bbfdd61a090eaa6d7e28d61', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", color: this.variation === "default" ? "lt-blue-800" : `${this.variation}-800`, theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 
 const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-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}:host(.duet-m-0){margin:0 !important}.duet-badge{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;color:rgb(8, 42, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{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;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);background:none;outline:1px solid rgb(212, 223, 229);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);background:none;outline-color:rgb(222, 224, 228)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{border-color:rgb(181, 198, 208);outline-color:rgb(8, 42, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(199, 202, 207);outline-color:rgb(23, 28, 58)}";
@@ -31,12 +31,12 @@ const DuetBadge = class {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (index.h(index.Host, { key: 'cb78bbf707726afa6370adc12ad150bf355b6859', class: { "duet-m-0": this.margin === "none" } }, index.h("span", { key: '84a4bcb3eae5bad6cbb54c1196ecd7c601910b04', class: {
+        return (index.h(index.Host, { key: '0fb98aa1f2907baf25a77db2ef2890e8ba01da24', class: { "duet-m-0": this.margin === "none" } }, index.h("span", { key: 'e0da2a8830c8e053b81a8ba1ba9fdac3a74f0a79', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("slot", { key: '47192a702299c359b51b2b904363fc8a90fc50a5' }))));
+            } }, index.h("slot", { key: '50f738303eb006070e7d29254c5244537d4605d0' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const slotUtils = require('./slot-utils-8d10ec0a.js');
+const slotUtils = require('./slot-utils-84ad3d6c.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 const tokenUtils = require('./token-utils-12717808.js');
 require('./tokens.module-46ddb47a.js');
@@ -102,14 +102,14 @@ const DuetBanner = class {
             img: { src: this.image, alt: "", loading: "lazy", class: "image", role: "presentation" },
             sources: stringUtils.parsePossibleJSON(this.sources),
         };
-        return (index.h(index.Host, { key: 'b8716b8067524ae7e4c29e56cdc37d6219c7743a', class: { "duet-m-0": this.margin === "none" } }, index.h("aside", { key: '7c4b420d5a203fa5066f4a71a801c9fc288e179c', class: {
+        return (index.h(index.Host, { key: '0af3739adf8f70478714148e8c932e6c26034be1', class: { "duet-m-0": this.margin === "none" } }, index.h("aside", { key: '912afc7d42b05ef67242da0d0038e7b1892e420c', 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: 'dd84b698336d0c159b692bde709c6f10bfe414bf', class: "visual" }, index.h("div", { key: 'c92d3fdabc120fa760c30ae44e90a29439817940', class: "image-container" }, this.image && index.h(DuetPicture, Object.assign({ key: 'bab1712aa5f1ab77a6c96babc607a9a9d4359dd2' }, pictureSource))), 1 > 2  , index.h("div", { key: '411fc99b5c017a4b89f4aa375d6725e9e85314e6', style: bannerStyles, class: "brand-shape" })), index.h("div", { key: '6ba154b92216b98f00b33d740175760049157d14', class: "content" }, this.hasHeadingSlot && (index.h("div", { key: 'ba3ab430999ab6f0823ab957b06bcc4077799c5a', class: "heading" }, index.h("duet-heading", { key: '256ed05f27e6c6c3ec987d4039d6a7caf713458b', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, index.h("span", { key: '197dbc447ca8910b13c8317cd00507e034e84e6f' }, index.h("slot", { key: 'cba3fcc030b0412d981e7cc94626e90aa628cb25', name: "heading" }))))), this.hasDescriptionSlot && (index.h("div", { key: 'dbcc6142fe33db74bccac1d54a1fe2a8e8ccc064', class: "description", style: { color } }, index.h("slot", { key: '1806ab5f5be1ee076c3978f1fcb676cef6b62893', name: "description" }))), this.hasActionSlot && (index.h("div", { key: 'bf9fd56968048a53d15cc1849c2a3b4619851c49', class: "action" }, index.h("slot", { key: '367d2a86cb83fe2d2bdb91ae1e133453e35ce895', name: "action" })))))));
+            }, style: bannerStyles }, index.h("div", { key: '4213a9062ef79c32430faf2230b896cdcf686fab', class: "visual" }, index.h("div", { key: '28cc855a769f28823c4501268ac578dc00d177be', class: "image-container" }, this.image && index.h(DuetPicture, Object.assign({ key: 'ef1257956d87c2dd2e40a309d784cf92680ff193' }, pictureSource))), 1 > 2  , index.h("div", { key: 'c21b74c5b8af201787e8c502cab1fe5e7c6f11d5', style: bannerStyles, class: "brand-shape" })), index.h("div", { key: '8f2a9fa44b18a35442b056f6d52d73a3804dc536', class: "content" }, this.hasHeadingSlot && (index.h("div", { key: '7003386020f8944006ea5c7f8479aef1908f4773', class: "heading" }, index.h("duet-heading", { key: '3bb18ccbae1989efaaf587de4985e01aa50db691', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, index.h("span", { key: 'b32d9f049c16b5521ad96d823c6d2325c6a80b98' }, index.h("slot", { key: '83c445eca1d63aa91847fbe090eb8afdaec130d7', name: "heading" }))))), this.hasDescriptionSlot && (index.h("div", { key: '2a885bb4ddd277b9a56e00addc82784c469dcdfa', class: "description", style: { color } }, index.h("slot", { key: 'f79f7fdb5137692c0ffa3fa2dd6044f9f5a1f799', name: "description" }))), this.hasActionSlot && (index.h("div", { key: '21306ab0e66e7a6c5830df04387c89af2b01cfe8', class: "action" }, index.h("slot", { key: '7f9c1b80831ae7e2baa3e89ff91bd2802b4c4fb9', name: "action" })))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-c291fe9b.js');
+const languageUtils = require('./language-utils-030e2133.js');
 require('./string-utils-7b13c16e.js');
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
@@ -53,14 +53,14 @@ const DuetBreadcrumb = class {
      */
     render() {
         var _a;
-        return (index.h(index.Host, { key: '66c046e9fa4c9848802d8f5bb53973dd6293788a', role: "listitem" }, index.h("div", { key: '72d4f561b30cb93750f95f213a0396f76cc7c0ef', class: "container" }, this.icon === "arrow-right-small-icon" && (index.h("duet-icon", { key: '2dc69145e210dc28f273b72a0f6c531b9ea418e2', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), index.h("a", { key: '507d426a12acfa7beb21650acbdc7a8d3a102fc4', class: {
+        return (index.h(index.Host, { key: '3c39bf30d5e28bdd44c42c651b907bef02ca283f', role: "listitem" }, index.h("div", { key: 'ed0cfc7def8bc35f0f8010dc2c87ffdcbf187b87', class: "container" }, this.icon === "arrow-right-small-icon" && (index.h("duet-icon", { key: 'a94a629a27e77807add5e168872d71d26454a65b', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), index.h("a", { key: '496a188bbbea5db5b7d72016f1eee204d31b5727', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${languageUtils.getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            index.h("duet-icon", { key: 'ca3474e64ab9fe1ba33f6e3e825bd2b6df38daad', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && index.h("duet-spacer", { key: 'cafb6bccd2f8aa1d5489d65ebeee6c50db0686f0', size: "x-small", direction: "horizontal" }),
-        ], index.h("slot", { key: '617a7e9bfce95a1f995c68fd2933dce4aad34973' })))));
+            index.h("duet-icon", { key: 'cd39da4f5529b6be502b280545703600b0b6dee0', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && index.h("duet-spacer", { key: 'ecba8a7f92a140853c599d2d23ae95bca864dd50', size: "x-small", direction: "horizontal" }),
+        ], index.h("slot", { key: '7219cdf405c1feac2edd55dca10b42af68eccbc3' })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const languageUtils = require('./language-utils-c291fe9b.js');
+const languageUtils = require('./language-utils-030e2133.js');
 const tokenUtils = require('./token-utils-12717808.js');
 require('./string-utils-7b13c16e.js');
 require('./tokens.module-46ddb47a.js');
@@ -58,11 +58,11 @@ const DuetBreadcrumbs = class {
      */
     render() {
         const color = tokenUtils.getColorByName(this.color);
-        return (index.h(index.Host, { key: 'af63aa4363af2f3a95ce42be51b7859174bd5749' }, index.h("nav", { key: 'e94de5af502b5fe998b4a103485cbb71d3fd26c6', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (index.h(index.Host, { key: 'eff6f903108da2f57d998e4c8d76737743fd9288' }, index.h("nav", { key: 'ef6a8c4a4562379a8b47f47c6f72e72bcd4e7928', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, index.h("div", { key: 'd53aaf0bf7724611dc6e84bb661a37519f49d508', class: "container" }, index.h("div", { key: '9ac4ef431a68e3381a9a53d80f74f6fc5c59a55e', role: "list", class: "list", style: { color } }, index.h("slot", { key: '5c1e5f3c268febb8dd758afb21e0b1f24de6a0ed' })), index.h("div", { key: '72a790a58a1c75e5e3910604f32e9f257fb10d22', class: "bottom-border bottom-border--container" })), index.h("div", { key: '09bff8a4f622a575aa22a76a9442cd11a97bc819', class: "bottom-border bottom-border--nav" }))));
+            } }, index.h("div", { key: 'cffd47b2c190847017411faf676ca13446facaa1', class: "container" }, index.h("div", { key: '4503bae0216f1dea26ae7be7e643e5983fd3947c', role: "list", class: "list", style: { color } }, index.h("slot", { key: '34c07e83c9e4dd6d4e91c3a51efa31f877d1a3da' })), index.h("div", { key: '334597f482a1627cd5b2b76ff3f75931e07eea71', class: "bottom-border bottom-border--container" })), index.h("div", { key: '319b2b25f30b5411897cd9099163f178474e653e', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const commonStrings = require('./common-strings-2984301e.js');
-const languageUtils = require('./language-utils-c291fe9b.js');
+const languageUtils = require('./language-utils-030e2133.js');
 const tokenUtils = require('./token-utils-12717808.js');
 require('./string-utils-7b13c16e.js');
 require('./tokens.module-46ddb47a.js');
@@ -189,12 +189,12 @@ const DuetButton = class {
         // enforce consistency for external links
         const icon = isExternalLink ? "action-new-window" : this.icon;
         const iconRight = isExternalLink ? true : this.iconRight;
-        const commonChildren = (index.h("span", { key: '88051b53fd72f0b129657ef715640223f15481c2', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: tokenUtils.getColorByName(this.color) } }, icon && (index.h("span", { key: '98ef2cd4ace336d9deb8dab90ec991fc1d446178', "aria-hidden": "true", class: {
+        const commonChildren = (index.h("span", { key: '6df4a72f66f9fd4ae02883ad8ab231bf6b20f6a6', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: tokenUtils.getColorByName(this.color) } }, icon && (index.h("span", { key: '690ebfa2995cd90691f4fc4e2e5deb62f89b5e29', "aria-hidden": "true", class: {
                 "duet-button-icon": true,
                 left: !iconRight,
                 right: iconRight,
                 [this.getButtonIconSize()]: true,
-            } }, index.h("duet-icon", { key: '91ac2ca8b67eefb2b9c0360844bb7c94e09afa08', size: "auto", margin: "none", name: icon, color: "currentColor" }))), index.h("span", { key: '5c8f78bef44b27553ab8afac09b879ee63ff44f9', class: "duet-button-contents-slot" }, index.h("slot", { key: '3e8dbdc10401d6398fd1d55a061347962afcc8c8' }))));
+            } }, index.h("duet-icon", { key: 'c6e2fc503c4a4f104a0b7d1508342ecac6f0db32', size: "auto", margin: "none", name: icon, color: "currentColor" }))), index.h("span", { key: 'edbff7f759d1b849b74a736e6ef6a99294d44289', class: "duet-button-contents-slot" }, index.h("slot", { key: '4379b5ff8076f808776bcf763c59a39d51b7b569' }))));
         const size = this.size == "medium" || this.size == "small" || this.size == "x-small" ? this.size : "medium";
         const commonProps = {
             onFocus: this.onFocus,
@@ -229,7 +229,7 @@ const DuetButton = class {
             "aria-details": this.accessibleDetails,
             "aria-description": this.accessibleDescription,
         };
-        return (index.h(index.Host, { key: '3a911ded3c52428957f6616a4d1f997bd21f7146', class: {
+        return (index.h(index.Host, { key: '1d74b0a85872e849c86b8a3ffe589d4a443c72ca', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-small": this.size === "small",
                 "duet-x-small": this.size === "x-small",
@@ -237,13 +237,13 @@ const DuetButton = class {
                 "duet-expand": this.expand,
                 [this.variation]: true,
                 "input-button": (_b = this.variation) === null || _b === void 0 ? void 0 : _b.startsWith("input-button"),
-            } }, index.h("span", { key: 'ba3598977b509fd5da178492f5b91ee98adc358a', onClick: this.handleClick, class: {
+            } }, index.h("span", { key: '744d6dacf5f2d588382d024d36d0cbc1b2236929', onClick: this.handleClick, class: {
                 "duet-button-container": true,
                 "duet-button-is-loading": this.loading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-button-negative": this.negative || this.variation === "negative",
                 [this.variation]: true,
-            } }, this.url ? (index.h("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (index.h("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && index.h("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && index.h("duet-spinner", { key: 'd47a2c679ea68405e8cb22553467c00c3e7fdc94', color: "currentColor" })), index.h("slot", { key: 'a26510be5ca0ca17c82de03527f59b8468f7e4e5', name: "proxybutton" })));
+            } }, this.url ? (index.h("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && index.h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (index.h("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && index.h("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && index.h("duet-spinner", { key: '902914bbba7d1a08b8f028d8a6235dc84f9ae0f7', color: "currentColor" })), index.h("slot", { key: 'e5a8158694af4cebd82e33faf28e6214be2823de', name: "proxybutton" })));
     }
     get element() { return index.getElement(this); }
 };
@@ -272,11 +272,11 @@ const DuetSpinner = class {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : tokenUtils.getColorByName(this.color);
-        return (index.h(index.Host, { key: 'def09b6729906cf4ce285aaae09c5d25232eccd3', class: {
+        return (index.h(index.Host, { key: '194d4854c2416f5ad22bf536d6483b6782317f08', class: {
                 "duet-custom-color": this.color !== "currentColor" && this.theme !== "turva" && this.theme !== "default",
                 "duet-theme-turva": this.theme === "turva" && this.color !== "currentColor",
                 "duet-theme-default": this.theme === "default" && this.color !== "currentColor",
-            } }, index.h("div", { key: 'c288229cd2603d51ad54de0bab9017bfdc53ac73', class: {
+            } }, index.h("div", { key: 'b25c64bdc68c6fd314e4bf631abd398be537d4e0', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));

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

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const slotUtils = require('./slot-utils-8d10ec0a.js');
+const slotUtils = require('./slot-utils-84ad3d6c.js');
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";
 const DuetCalloutStyle0 = duetCalloutCss;
@@ -36,11 +36,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: '2c0e0547229b6ad6a7cdc410305fd4410b3e23c5' }, index.h("div", { key: 'e1ed12bbba8544b1dd2f80aef8d290f01b087a42', class: {
+        return (index.h(index.Host, { key: '1f3d85e38ab2cb67cbed8b7a1b4964e65aa11ac9' }, index.h("div", { key: '27bea794b5968a85c5e162438e674d748bfd80f8', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, index.h("figure", { key: '1c13c1e60d0eacf6130836b22e40820cd0bcc996', class: "container" }, index.h("duet-icon", { key: 'd510e6802cb67270d02ad5261719f3fb6c34ab68', 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: '035294078491273c88249b1577a037f28c24ca30' }, index.h("slot", { key: 'b516e727fc4d435fed30d422ba311099aff70605' })), this.hasAuthorSlot && (index.h("figcaption", { key: 'ad0b1b81c5dc8cc30136ec2779fb66c428d624ef', class: "author" }, index.h("span", { key: '4e2c5eb565f7e54f07900a691e2c01c73df22858' }, "\u2014 "), index.h("slot", { key: '00fcc97851122cdc95659800a0da4c35ffbfa7c1', name: "author" })))))));
+            } }, index.h("figure", { key: '369b24b1890ad9e3f0ecb674a41be2e1fdbe756c', class: "container" }, index.h("duet-icon", { key: 'f2ac395e6a8ddc0d4ed0b62566bd0d8f74e57d8c', 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: '9082471b83d092b9f9a8fa7e6a697225b0cf395c' }, index.h("slot", { key: 'da080022642fcf1acc5d63be667fc8e8958bd488' })), this.hasAuthorSlot && (index.h("figcaption", { key: 'c4e03326b79b0b1010f4f32d6dc1bd7083a6a2ac', class: "author" }, index.h("span", { key: 'bf63da57bdfdbb640aaf52cb004f2f4be6bb1bf3' }, "\u2014 "), index.h("slot", { key: '440a7037be0c937ffd0a135de1fed5234e55d8b5', name: "author" })))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,17 +5,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 const tokenUtils = require('./token-utils-12717808.js');
 const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
 const commonStrings = require('./common-strings-2984301e.js');
-const a11yUtils = require('./a11y-utils-1e25e6e3.js');
-const languageUtils = require('./language-utils-c291fe9b.js');
+const a11yUtils = require('./a11y-utils-285b9770.js');
+const languageUtils = require('./language-utils-030e2133.js');
 const createId = require('./create-id-1f8c438f.js');
 require('./tokens.module-46ddb47a.js');
-require('./slot-utils-8d10ec0a.js');
+require('./slot-utils-84ad3d6c.js');
 
 const duetCaptionCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display: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;color:rgb(98, 121, 138);vertical-align:top}: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-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(143, 147, 158)}:host(.duet-caption-selected){color:rgb(0, 119, 179)}:host(.duet-caption-selected.duet-theme-turva){color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}";
 const DuetCaptionStyle0 = duetCaptionCss;
@@ -39,13 +39,13 @@ const DuetCaption = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: 'cefb662c677d5a45cc8e007a68ab67b0698ce2ee', class: {
+        return (index.h(index.Host, { key: '46c245b72ac2d6f4641a58e56dccecdce8421151', class: {
                 "duet-caption": true,
                 "duet-caption-selected": this.selected,
                 "duet-caption-small": this.size === "small",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, index.h("slot", { key: '4a38bee52925d9c7db4473dd0e5bc92797b0b058' })));
+            } }, index.h("slot", { key: '56d458c5573dda5e0b8f6ec7d376a9eb327e0628' })));
     }
     get element() { return index.getElement(this); }
 };
@@ -81,7 +81,7 @@ const DuetHeading = class {
     render() {
         const TagName = stringUtils.sanitizeString(this.level);
         const color = tokenUtils.getColorByName(this.color);
-        return (index.h(TagName, { key: 'fc35d12a14663418e76f8e17d41efd7fa1990638', class: {
+        return (index.h(TagName, { key: 'a93d5f854dfdff0e491ff60abc6d87980e135f77', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -92,7 +92,7 @@ const DuetHeading = class {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, index.h("slot", { key: 'a6f73f221a78d15399456b9d861906f806725228' })));
+            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, index.h("slot", { key: 'f3bdb5d476c6fc8b64770b39a3fff70ddc1d8c65' })));
     }
     get element() { return index.getElement(this); }
 };
@@ -132,6 +132,7 @@ const DuetLink = class {
         this.margin = "auto";
         this.padding = "auto";
         this.isMediumScreen = false;
+        this.ariaLabel = undefined;
     }
     /**
      * Component lifecycle events.
@@ -149,9 +150,17 @@ const DuetLink = class {
             prop: "accessibleLabelExternal",
             defaults: "accessibleLabelExternalDefaults",
         });
+        this.setAriaLabel();
+        {
+            this.mutationObserver = new MutationObserver(this.setAriaLabel.bind(this));
+            this.mutationObserver.observe(this.element, { subtree: true, childList: true, characterData: true });
+        }
     }
     disconnectedCallback() {
         languageUtils.disconnectLanguageChangeObserver(this);
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+        }
     }
     /**
      * Sets focus on the specified `duet-link`. Use this method instead of the global
@@ -160,6 +169,11 @@ const DuetLink = class {
     async setFocus(options) {
         this.nativeLink.focus(options);
     }
+    setAriaLabel() {
+        setTimeout(() => {
+            this.ariaLabel = (this.url && a11yUtils.getAccessibleLinkLabel(this)) || this.accessibleLabel;
+        });
+    }
     resolveDownload() {
         if (this.download === "") {
             return this.url.split("/").pop();
@@ -198,10 +212,10 @@ const DuetLink = class {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (index.h(index.Host, { key: 'f3e90c99efca22219ff8ebd0a2c5bced2b833798', class: {
+        return (index.h(index.Host, { key: 'd2c017f0a20d5d9af1f8c8d543c0ef5521a30d87', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, index.h(Tag, { key: '736b53ab41312fd62f6701294d8228f4cc2a54be', href: this.url, class: {
+            } }, index.h(Tag, { key: 'a59f97d1ba40abf28a2663dd3c56d9b029ce6a5b', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -212,10 +226,13 @@ const DuetLink = class {
                 "duet-p-0": this.padding === "none",
                 [this.padding]: true,
                 [this.variation]: true,
-            }, target: this.download || !this.url ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": (this.url && a11yUtils.getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null && isButton ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null && isButton ? this.accessiblePopup.toString() : undefined, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.renderContent())));
+            }, target: this.download || !this.url ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": this.ariaLabel, "aria-expanded": this.accessibleExpanded != null && isButton ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null && isButton ? this.accessiblePopup.toString() : undefined, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.renderContent())));
     }
     static get delegatesFocus() { return true; }
     get element() { return index.getElement(this); }
+    static get watchers() { return {
+        "language": ["setAriaLabel"]
+    }; }
 };
 DuetLink.style = DuetLinkStyle0;
 
@@ -247,7 +264,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: '937feb9cd408858a78be87183a5545fafd3b3d22', "aria-describedby": this.id }, index.h("p", { key: 'efd257f20e5ef295b7555d9b7b73b5ef23fb48c0', id: this.id, class: {
+        return (index.h(index.Host, { key: '781489aa8cfa1fbe821c39ba70f9729111c34989', "aria-describedby": this.id }, index.h("p", { key: 'a8edeb1a584bef9687dfc46bd4bf1ca3463a24f8', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -255,7 +272,7 @@ const DuetParagraph = class {
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, style: { color }, part: "duet-paragraph" }, index.h("slot", { key: '3f9d4bf13beebdbd96e6d8b70e006b3f91804d83' }))));
+            }, style: { color }, part: "duet-paragraph" }, index.h("slot", { key: 'fc52f55236cf7f668aa23a91f2de13a4063be43a' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const slotUtils = require('./slot-utils-8d10ec0a.js');
+const slotUtils = require('./slot-utils-84ad3d6c.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 const tokenUtils = require('./token-utils-12717808.js');
 require('./tokens.module-46ddb47a.js');
@@ -109,10 +109,10 @@ const DuetCard = class {
         const styles = {
             backgroundColor: tokenUtils.getColorByName(this.background),
         };
-        return (index.h(index.Host, { key: '81af7af276b2b67f13855aa9e11bd95e8abeaa2d', class: {
+        return (index.h(index.Host, { key: '00c59be2ab7c40755629602f9e85ea64ab612158', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, index.h(TagName, { key: '9c121ca16ed478f72e8c5976cc73499de2c48de2', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, index.h(TagName, { key: '8578ca3d024c5846a36cac0e767622b7eaabcb88', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
                 "duet-card": true,
                 [this.padding]: true,
                 [this.variation]: true,
@@ -122,7 +122,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: '370ab67ee9e9e00267dfe6a034d9258fc41deb9c', class: "duet-card-image-mask" }, index.h("img", { key: 'f93b70812e33b71f9057b5a890baba36894012ea', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), index.h("div", { key: '64b6d8e1e2d02085fa6101f54cf95f15c6c4e3b8', class: "duet-card-content", id: this.cardId }, index.h("slot", { key: '9a20c3971a53038f5786c9321214cd2dc19bdcef' }), this.hasFooter && (index.h("div", { key: '5009d44d6ffb5c7d6774a0c22664979d84a12561', class: "duet-card-footer" }, index.h("slot", { key: 'e177a2f18a636b5e6c093150e52614e56ad56c68', name: "footer" })))))));
+            } }, this.image && (index.h("div", { key: '2609ba055ac602c074c2a545688284f99afc3105', class: "duet-card-image-mask" }, index.h("img", { key: '59572ec1bd938cb3fb54d511031d170980129026', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), index.h("div", { key: 'ae06ad0ca9a5828a10dfcf8aa54aa44967acd203', class: "duet-card-content", id: this.cardId }, index.h("slot", { key: '751c8dd97e06452610214c242a67843d86e0e8f8' }), this.hasFooter && (index.h("div", { key: '5fc1bc24f217f51984ffa8fb82b05a8022a1bc13', class: "duet-card-footer" }, index.h("slot", { key: '3225e28c9fae8e9a7d712ec2f7edca2848c81bac', name: "footer" })))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 

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

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e6a117fc.js');
+const index = require('./index-850a7759.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 
 const duetCheckmarkCss = ".duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(143, 147, 158)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(181, 198, 208) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(199, 202, 207) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(199, 202, 207) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}";
@@ -27,11 +27,11 @@ const DuetCheckmark = class {
         themeableComponent.inheritGlobalTheme(this);
     }
     render() {
-        return (index.h(index.Host, { key: '55c7be96c4af72eca86ca4ac162d8a6437847188', class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: '63a3a765c707f7167a9ceb051aca670919d11b95', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, index.h("div", { key: 'a6c403cbd2f31cb9accc560cc8e50c318ec0720b', class: {
+        return (index.h(index.Host, { key: '22e3563654e056a768f2306ba8b402a7b090963d', class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: '9baca94da72a5e4355fd6052ed612b9f9831fa8a', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, index.h("div", { key: '4a4015c67d3e0cbeb35c22ee29383bab257bfb27', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && index.h("div", { key: '33bbad5a921fc12b1c1cee9214d15b980c02548e', class: "duet-checkmark" })))));
+            } }, this.checked && index.h("div", { key: '56907d77866167ff5834d2dcc16b5cef15eb9454', class: "duet-checkmark" })))));
     }
 };
 DuetCheckmark.style = DuetCheckmarkStyle0;