@duetds/components 9.5.2 → 9.6.0

package/lib/esm/duet-select.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { c as createID } from './create-id-149a1b6d.js';
-import { c as checkNamedSlotElement } from './slot-utils-2fa37472.js';
+import { c as checkNamedSlotElement } from './slot-utils-b8cbdf64.js';
 import { p as parsePossibleJSON } from './string-utils-192eb3c8.js';
 
 const duetSelectCss = "*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;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}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;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;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;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;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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);border-color:rgb(143, 147, 158)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{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)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";

package/lib/esm/duet-shaped-image.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-2ab7ff5a.js';
+import { r as registerInstance, h, H as Host } from './index-9b64dfa3.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 
 const duetShapedImageCss = "*,*::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:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}";
@@ -30,9 +30,9 @@ const DuetShapedImage = class {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (h(Host, { key: '2261e3fd3e60d1ea8591219a9e64b3137fc93969', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '1c4204740ad1cfd299e96b484c602189f189e137', class: {
+        return (h(Host, { key: 'a8c6768d6fd86592319c1ad2e5223a59a2be138f', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '18ecd687fd2a3d951a8910cca4a90aa73d239243', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: 'e313b068532ce26450e93a3b68bfe7190f6dd4fc', class: "shaped-image-mask", role: "presentation" }, h("span", { key: '01ffb3799bf6211c8b11bfd62a42b1c080bf1a74', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: 'ede5d048662220a9ef915ff561823aef9f14f0e4', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'abb799417eb975033305e86b49a7c94d2e295465', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
 };
 DuetShapedImage.style = DuetShapedImageStyle0;

package/lib/esm/duet-show-more.entry.js

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { i as isKeyboardClick } from './keyboard-utils-daf80d44.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-579bbfe7.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-87dc6eb1.js';
 import './string-utils-192eb3c8.js';
 
 const duetShowMoreCss = "*,*::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}.duet-show-more{margin-bottom:16px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more .content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-show-more.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-show-more.duet-theme-turva .content:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
@@ -97,12 +97,12 @@ const DuetShowMore = class {
      * Always the last one of the class.
      */
     render() {
-        return (h(Host, { key: '342980885abd34eaaed8c7a94d2c8814af8ac7b1' }, h("div", { key: 'ad3d469d25dc5073ab2e585f075e4a6d239da446', class: {
+        return (h(Host, { key: 'e28180fda5c11db6ef6cd54181bef44dd0850cee' }, h("div", { key: '8cc30864a7fb2d071682f10ada5d206fe1444422', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, h("div", { key: 'e11ff42b395ce60a533b3d293e95d0b9d28985b1', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, h("div", { key: 'ce456a7014e3c0d41542315a58952db9a67958ca', class: { "slotted-content": true } }, h("slot", { key: '1359b929236258f2f46becc67c2ef0212d720aab' }))), h("duet-button", { key: '89258a40cc1e2a2332a2f76bec76ff7478f5d48a', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: '3fdb11c208b0ef335f23e4f8f5d0076add4d3cbb' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, h("div", { key: '6ec560dbc2ce8216e0a40d411a200d772dad296b', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, h("div", { key: '7fc79e43451f152fbc9926cf02c79ae1b345175f', class: { "slotted-content": true } }, h("slot", { key: '24d35d2b69f4bfffeb3118422ba242af5cc0deff' }))), h("duet-button", { key: '5f77eaef9d72966d265b77cb124c6b092d6d8852', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: 'fa986b7b5358c050f0fb876fed910c2c4901d7c9' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-slideout-lang.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './language-utils-579bbfe7.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './language-utils-87dc6eb1.js';
 import './string-utils-192eb3c8.js';
 
 const duetSlideoutLangCss = "*,*::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}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content;white-space:nowrap}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:\"\";background:rgb(8, 42, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}";
@@ -41,7 +41,7 @@ const DuetSlideoutLang = class {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (h(Host, { key: '00c9777c6d216869e7a3c1dcc5dae6e4503bfa25' }, h("div", { key: 'a39f00f60a7a25189b6564165aafcf0e1d480824', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '6a895b8e8e7c4dbdf541a16a01566fabb3150c9d', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: 'dd216d56b29a88616d01acd917af1e8f7d21e31d' }))));
+        return (h(Host, { key: 'b832cca7ed377a76ec8d9143183c7372e350d638' }, h("div", { key: 'efc13c835605f4db9b0aa5834b2228fb89978acc', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: 'a4e0267ea4b034d2efd5829caf0e63e320a84f75', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: '9aeec3a4b303eba1e710eb507f9de2a6ad0b6cb3' }))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-slideout-link.entry.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-af765cad.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
-import { g as getAccessibleLinkLabel } from './a11y-utils-d3187c9b.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-579bbfe7.js';
-import './slot-utils-2fa37472.js';
+import { g as getAccessibleLinkLabel } from './a11y-utils-682fc061.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-87dc6eb1.js';
+import './slot-utils-b8cbdf64.js';
 import './string-utils-192eb3c8.js';
 
 const duetSlideoutLinkCss = "*,*::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;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-link.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-slideout-link.active span{position:relative}.duet-slideout-link.active .label-content::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:\"\";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}.duet-slideout-link .label-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%}.duet-slideout-link .external-icon{width:10px;height:10px}.duet-slideout-link.medium .external-icon,.duet-slideout-link.large .external-icon{width:12px;height:12px}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}";
@@ -49,12 +49,12 @@ const DuetSlideoutLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'e550af12584f602566859a45b7cbee36a7aae43e' }, h("a", { key: '414c6a6a1fb91c95f3d241b0a9c90b13bb4c0793', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (h(Host, { key: '41aa7844d0d5ae926ed2f7a2c1aac4ea24ec0454' }, h("a", { key: '77e3b1c40bc308dc17f71e1a05029c843d6a6a94', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
                 "duet-slideout-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [this.size]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": (this.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (h("duet-icon", { key: 'd8c1ebd401cd5e022ac9e4a1204133a336d3a2b7', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '473fe104cec5068f8f4bd4d5ee4e928de4bc268a', class: "label" }, h("span", { key: '425d0d0252417d78b704a7f294577110048729bc' }, h("span", { key: 'ba72671d83eee86369e9408738a00a44331bbf95', class: "label-container" }, h("span", { key: '907ae07b430dd127c8fb7931d3432b4e84d2b885', class: "label-content" }, h("slot", { key: '3ed0ebaace8750688a19520a5e7f5d1606a6dc00' })), this.external && (h("duet-icon", { key: 'f872b62d2c5757e7a0d059092cc143f4cb683abe', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: '19c6036aa3e972f49c02e5c66f7c5856601da94e', name: "description" })), this.caret && (h("duet-icon", { key: '1f649b48aff0af010198404d37f1df359fa5a043', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": (this.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (h("duet-icon", { key: '57ea675fc4e9ef58833418727bc5f562e51051a0', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '2f36295afe99a7559a50537e34085a0e08cffa15', class: "label" }, h("span", { key: '1c72fab5f756cef5ebdfedbab956833707b13314' }, h("span", { key: 'adea1462c1bc7abf14d6fbd1932c58ce3849f31f', class: "label-container" }, h("span", { key: '1120ae5ae1a296a938bbea5dc69658897c17d335', class: "label-content" }, h("slot", { key: '37ee7d36f020c3816719587ed6af52c4381e79e2' })), this.external && (h("duet-icon", { key: '835357b4406fabb0c8f4f845672c8360246282d9', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: '126adc24778e676d527a581c1919093bc296f318', name: "description" })), this.caret && (h("duet-icon", { key: '9fb1d15603cf698e6b923af7cced15d544fe3e7a', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-slideout-panel-dropdown.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 
 const duetSlideoutPanelDropdownCss = "*,*::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;width:100%;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:\"\";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 44px;overflow-y:auto;visibility:visible;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}.duet-slideout-panel-dropdown.duet-theme-turva 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(23, 28, 58)}.duet-slideout-panel-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(198, 12, 48)}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}";
@@ -45,16 +45,16 @@ const DuetSlideoutPanelDropdown = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4dd2ace190b42dc603842e0a68bede86a0576849' }, h("div", { key: '3bcae1d437eb66927c58c9d6394668f7e89b96c0', class: {
+        return (h(Host, { key: '0abf8fbe3f97b82c16ab78503f552acf3a7845bf' }, h("div", { key: 'f3b2ac7593a1c2e4bd28ecbc5d2359dc19aaa471', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: '0dc6a0b34fe49504c0a3d50e2d3bc5b46f0edf47', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '6ea8713be1c87353a9f4f8e114b39ddadb58c31b', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 active: this.active,
-            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: '0210db38d3f9ddcfb8d06635554d6d59a655fdf9', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '4cd6d589071a450df12bad944193b1cb1ad884ce', class: "label" }, h("slot", { key: '9426c6a0c178440bb061f2beab412bc89aaab672', name: "label" }), h("duet-icon", { key: '1e1c91b9e194bc0e96b46659e469447ea8a189f2', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '05ac5933fa4af767dd52ac778b7a95a9fdf30a1c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: 'c14d7d839e73cd781a18cb453c07596322fe7a09', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '31f228fbce752e32b97d178e5d828a2a6078e18a', class: "label" }, h("slot", { key: 'd799eb676b2ec24ba1c684d4a24b687191677766', name: "label" }), h("duet-icon", { key: 'e008641da11d9f715d2fafca86408986b8ee731e', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '2ab566a7deb463925981660c996e5c4005ace6f3', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '5d9e9507bb4d8ec3ce3dcc4101b9a1ff432af55a' })))));
+            } }, h("slot", { key: '7212bac90e1327b7352816c5df3881b64aea0cba' })))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-slideout-panel.entry.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { e as enableBodyScroll, d as disableBodyScroll } from './body-scroll-46854769.js';
-import { F as FocusGuard } from './focus-utils-27172227.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './language-utils-579bbfe7.js';
-import { h as hasSlot } from './slot-utils-2fa37472.js';
+import { F as FocusGuard } from './focus-utils-b97d6fb5.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './language-utils-87dc6eb1.js';
+import { h as hasSlot } from './slot-utils-b8cbdf64.js';
 import { g as getColorByName } from './token-utils-a32eb753.js';
 import './string-utils-192eb3c8.js';
 import './tokens.module-a746651a.js';
@@ -160,23 +160,23 @@ const DuetSlideoutPanel = class {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (h(Host, { key: 'a710fcd33474df65bbe83049ae28e187effd69ae' }, h("div", { key: 'fe869129deed68044a9f2481c205d080cd330b2a', class: {
+        return (h(Host, { key: 'f46337fe30195c9ce53f86335f808417226ee890' }, h("div", { key: '624209f9db65e856840e0744f83db90ef41cb4d1', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: '8a24f464c102b7c76c02b5acca1cb2e908555178', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '263358137603dbecc30cf306a8a37917c8b7eea7', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
-            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: '664e55c2ca66476e87fa06a4eae62611e36e43b7', class: "duet-slideout-icon" }, h("duet-icon", { key: 'de6f7888ca1f7a98f68295cdab35aa37951ad364', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: 'e3dc40373f694ff41a804d29a9e323a95aafc443', class: "duet-slideout-badge" }))), h("span", { key: '430e44ec6d63d207f7d0c5daccb6c0ec3855331b', class: "label" }, h("span", { key: '54f5dd510db6b7b2210b6dfefb6b45c6c5d5291c', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'e5c11e4b9011bf989df3035c09d760d536a81ab2', name: "label" })), h("duet-icon", { key: '75ca92a7f5340d296f7672f24f349b02bb44c035', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '656e51077667f5439a4d15b62570e34367d012cb', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: 'e63c59b66d8a1be0c4ecaeed068bf5230a9e9dca', class: "duet-slideout-icon" }, h("duet-icon", { key: '3a7b0c414beb8932cfddf5919768f71796195685', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '16a342c95e87b622d097a0f8349565b65a31863b', class: "duet-slideout-badge" }))), h("span", { key: '41111e5778dc19acd27681b7633685ba71055a5f', class: "label" }, h("span", { key: '75d8f31e1537f1e5142a881765bd702ea7d827cf', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '794b10c028be205d209d8e2df36680a61591ca86', name: "label" })), h("duet-icon", { key: 'cac0ab66d12c53d2ada0e8a044d86adeab402f11', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: 'fc7efbe625577f06f67e114699f77d7256566069', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: 'b77848293b232403fdd8ad8a60b113a91ddbc721', moveFocusTo: this.closeButton }), h("div", { key: '80d042265606b8ecdbf2c26379a9c8f9a8659cbc', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '8afeafcbef97a3f50614baa1e070a5a52ab7a8ae', class: "top" }, h("button", { key: '43aa773b6c0590cfec9b967e56a10e29cb3ec384', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: 'b09b6fc4258fabc548ac5e6130b9b78e539921ac', moveFocusTo: this.closeButton }), h("div", { key: '7e6b940d66b0a9e861da629c18d5f68728d5ca20', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '08471bf9ee7d22a973b944ea2f250819c95eabfc', class: "top" }, h("button", { key: 'b468ae3f1b1e467f621fb8adb0dad5b40c3f22c7', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
                 back: true,
-            }, onClick: this.onClick }, h("duet-icon", { key: 'aa92eb201a646609e6b07cfc5784a7b45b4edd88', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '87e20bf173b45a95f21ae12b7ccda422f23bb65c' }, this.label.innerHTML), h("button", { key: '956cac2cdd217b51c1a95b6dac24eb752c1b3e8a', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '83df0e158d36a13e6aea98a1d2d0473c039305c2', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'ddf1937be4406b7f411cb78b676e9a7dc0ada529', class: "sticky-header" }, h("slot", { key: '66a7f892da69baf18f0c371c0ecfd9a21d9d2f08', name: "sticky-header" }))), h("div", { key: '2eeb327bce4ea692cef4c5b9c8742f0bf7f19e47', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, h("duet-icon", { key: '196145e2d18c76ab4d2fcd0d1209916f03e38d1e', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: 'b1e1170e5eaba70c6011509fb4c7f08f6b3ab0df' }, this.label.innerHTML), h("button", { key: 'ab438c59f6e0fee0c5966f32ef208f200da160f6', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '642700e493429dd4b23e9f2d1cce7e0cc2163aa8', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'dd5db1090a84173663830017c671f5903a3b12a3', class: "sticky-header" }, h("slot", { key: 'dda66e5db9fc188f2a691b35add7dacc0ebfd5ad', name: "sticky-header" }))), h("div", { key: 'b0c5dfb0a892e0852d90ac2695dab1e48f51acff', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: '74cce3b2ebaffc2b345804e6fe417912db8e72e2' })), h(FocusGuard, { key: '259710cbfb6565bfc2f542d78513017882dc507d', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '8e8e5dcd9287d0474b2ec13f05e7c64a3ae6cbdc' })), h(FocusGuard, { key: 'fd328bcc89aebbfdd8321927e5d71e5a374d84b8', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/lib/esm/duet-slideout.entry.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { e as enableBodyScroll, d as disableBodyScroll } from './body-scroll-46854769.js';
-import { f as focusElement, F as FocusGuard } from './focus-utils-27172227.js';
+import { f as focusElement, F as FocusGuard } from './focus-utils-b97d6fb5.js';
 import { f as isEscapeKey } from './keyboard-utils-daf80d44.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './language-utils-579bbfe7.js';
-import { h as hasSlot } from './slot-utils-2fa37472.js';
-import { T as Teleport } from './teleport-546f382d.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './language-utils-87dc6eb1.js';
+import { h as hasSlot } from './slot-utils-b8cbdf64.js';
+import { T as Teleport } from './teleport-aa27d5f9.js';
 import { g as getColorByName } from './token-utils-a32eb753.js';
 import './string-utils-192eb3c8.js';
 import './tokens.module-a746651a.js';
@@ -262,16 +262,16 @@ const DuetSlideout = class {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (h(Host, { key: '4adf7d99cbc333b181e8fd4866d08855eb6a6d1c' }, h("div", { key: '78f45ec446655208a7bf17cfe3be6a4aebc5c181', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '278b3a9e1823ab3650f7fc705d3d7d41a676b70f', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: 'c5fd8e77aa37a4e5106dafcc83a4b07098fc5695', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (h(Host, { key: '4b445eb318eead2764c728327d2929108024f0cb' }, h("div", { key: '078d6c2bed549c52525c18772607abfedfc64168', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '62fc3c411db587b9f8e50671d34e818448b2aff1', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '34f37329fd9c82b55adfa1b204dfc64aff0982e9', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, h(FocusGuard, { key: '3d629c66c8376aec3febe6c9c0818b8a45df56a2', moveFocusTo: this.closeButton }), h("div", { key: '7792e9afa44d5ff99e1350e99f0ec4cf0a570067', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'b1849e638fe366a073e2d247695ed828259f385a', class: "top" }, h("button", { key: 'cfd4aaf534427596f9fe01415e42bf355608798a', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: '50aa1edb2276450ca88b9d2a146e229b836dc4f9', moveFocusTo: this.closeButton }), h("div", { key: 'afde11f1422ba911edc7d89bff6dfe00870ceed7', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'f3d138b314b5f08f3f82310407f1f1d9014321e5', class: "top" }, h("button", { key: '80d03015b1f9f53e522195c63aec85b387f74260', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
                 "slideout-close": true,
                 active: this.open,
-            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '410f3f0ce0f8e66791f998f3fb9169ddcd6723c7', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '6341b9c23dd91454d7e8bb38201578a02906cb15', class: "sticky-header" }, h("slot", { key: 'a9128943f3767198b7b3602dd242ab35ee7fc104', name: "sticky-header" }))), h("div", { key: '53aa0fd6b0097f061b2d5767b8a0b4a360a78040', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: 'f5a55eca949fd3d1aef2195cd14ce85a89aa01cf', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'a262901c9c6232b543b81978452a89e0b1b1efc8', class: "sticky-header" }, h("slot", { key: '1413794b99dcaa3bfe77f1c8444b579387f04cf2', name: "sticky-header" }))), h("div", { key: '99dda507eeb56cccb74c3b348918de9c036dac06', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: 'd0bb2bfede05aae54cd56e487fb7a69b124b84ce' })), h(FocusGuard, { key: '73d243e3a801c30a7706edac7d87a78a7750a4f1', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '773a966039e9fd275299e8fbf69dafdcdd4e43b3' })), h(FocusGuard, { key: '9ce42678f6f200fc628922a5a841ca3b1b587165', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/lib/esm/duet-status-icon.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-2ab7ff5a.js';
+import { r as registerInstance, h, H as Host } from './index-9b64dfa3.js';
 import { t as tokens } from './tokens-84fb2357.js';
 
 const DuetStatusIcon = class {
@@ -9,13 +9,13 @@ const DuetStatusIcon = class {
         registerInstance(this, hostRef);
         this.bg = {
             default: {
-                default: "color_lt_blue_100",
+                default: "color_lt_blue_200",
                 success: "color_success_200",
                 warning: "color_warning_200",
-                danger: "color_danger_100",
+                danger: "color_danger_200",
             },
             strong: {
-                default: "color_lt_blue_600",
+                default: "color_lt_blue_700",
                 success: "color_success_700",
                 warning: "color_warning_500",
                 danger: "color_danger_600",
@@ -23,10 +23,10 @@ const DuetStatusIcon = class {
         };
         this.color = {
             default: {
-                default: "color_lt_blue_700",
+                default: "color_lt_blue_800",
                 success: "color_success_800",
                 warning: "color_warning_800",
-                danger: "color_danger_700",
+                danger: "color_danger_800",
             },
             strong: {
                 default: "color_lt_blue_100",
@@ -72,10 +72,10 @@ const DuetStatusIcon = class {
         }
     }
     render() {
-        return (h(Host, { key: '3f55d55c4c4a2b1d600dc40d12463f217add88b1', class: {
+        return (h(Host, { key: 'ec2779fbc64fbf76f8f5864a91448c8f16c7be4d', class: {
                 [`duet-status-icon-${this.variation}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, h("duet-icon", { key: 'e45fb67068cc9f4bfe66554808f1b47888bd86a8', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, h("duet-icon", { key: 'c2199d9c38c021b503b0c769c85c1bbb1be20c85', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
 };
 

package/lib/esm/duet-step_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-2ab7ff5a.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-9b64dfa3.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-daf80d44.js';
@@ -200,7 +200,7 @@ const DuetStepper = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '1610872b3116487ea00058e453cbc05beb944c0d', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'a3c844eacac0fe68ba12bf98ae281b377e682c02', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'cfb5cb389a4790fe4e65113e777c0773050fc8bc', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: '26d446f0b321cce787c514db98fe94d902382201' }))));
+        return (h(Host, { key: 'ab2f20da50c7b380c3d7db9d725c794b6085b4c6', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '8707def52f0046d4e3808b77c9210fd31110c8c9', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'b3f71651a288edba6eb6e2af0a5dedd18699d883', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'da24012bef0a0a2662fc3f1e52ed9771c6947143' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/lib/esm/duet-submenu-bar-dropdown-link.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { f as isEscapeKey } from './keyboard-utils-daf80d44.js';
 
@@ -36,12 +36,12 @@ const DuetSubmenuBarDropdownLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'f80ee91cccb915e476e1f572f9656985c2028978' }, h("a", { key: '8a53200290262940ac11346d9d7526afed459893', class: {
+        return (h(Host, { key: '265864aed596db335ee81157e2ae922877cfc170' }, h("a", { key: '5ab69ed1cf6f7f5dc3cbcef5ca40aaee44779cf3', class: {
                 "duet-submenu-bar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 highlight: this.highlight,
                 active: this.active,
-            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '006a4ba73b60083703dbcc084263b8a721c320d7', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '9450f9f49041afd67cd79bf8c9b3ea0094cef6ce', class: "label-container" }, h("span", { key: 'f0e0d4882fd97aeb7c33c29e68be8c4ee40302f8', class: "label" }, h("slot", { key: 'a72b1bcc2fcd65022d09fea90b1c7c957e54ffb5' })), this.caret && h("duet-icon", { key: '795f6f318bde5239cf79fa96a4a915e42032e5d1', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: 'd79f93df8837c4e201869a960f8f7a53783b7852', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '3d6a0d3238809d2905ce9f8d75e74d782f84fe6d', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '86e1ce3fb8719d5b6a585d7806844e809634bdc5', class: "label-container" }, h("span", { key: '57cac4a28634f0cb083c1f1dfcaf43490f98bc7e', class: "label" }, h("slot", { key: '8f55cce2aae50401ba19c5ab8ae11c03f4e5096f' })), this.caret && h("duet-icon", { key: '472549f0e49cc7a44dc39cc672bc3c7bbc660996', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '012914b6c93b44f72f80f9f6b6fbb4e3aeaa0e2c', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-submenu-bar-dropdown.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { a as media_query_large } from './tokens-84fb2357.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { f as isEscapeKey } from './keyboard-utils-daf80d44.js';
@@ -101,18 +101,18 @@ const DuetSubmenuBarDropdown = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'b3ceba0158daeda5a08cdbb24998e6a5621a3703', role: "listitem" }, h("div", { key: '7151474e27716eb431d4e91c40df63183b3a7aa3', class: {
+        return (h(Host, { key: 'cdc11338d7f05e2bc667fa27aad8fdfef52c2562', role: "listitem" }, h("div", { key: 'b5a80b4e1ee8596a977b9329e5b71993fe91f042', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: '5c52390b4c51542e2f964c334678b69bbd579520', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '6904e951e3436e2634909c1f15b683bf3ab44caf', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 open: this.open,
                 active: this.active,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'b54bb41ddf9a8743c91ca00b851f278ed01be2d3', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '5e48f0afd254dc828b65347ed8b9503a258cf2fa', class: "label" }, h("span", { key: '11e104876c90fb056e2ec497e48a8ab634bcaf90', class: "label-text" }, h("slot", { key: 'a5eba5494cfa87a94cfa0f7a6b9614f5e84127e5', name: "label" })), h("duet-icon", { key: '954b21321b8f10dda0da3e8b049157bd6ac52b49', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'f2cbdcc7f153986c5d76351fb27070eb233cf68c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'eaecdf9c876d0a3504b4847478f07a118c62ada7', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '2bfdbcf09145f70fbc9cee0b02ab32ea11c05521', class: "label" }, h("span", { key: '8f052b27fd5c5f09d9a73c689a107bb94651b79d', class: "label-text" }, h("slot", { key: '99e8c6400bd527914cb24d93a2213dbecf1b1c4b', name: "label" })), h("duet-icon", { key: 'bf25a9b3a654eb8760e7398b6b7c811643058620', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '7309891af390dfc28404a046c94f60b53cb02a20', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '4e14b8e2e6c20c4fa8e9e90b34047a6a790ff5e6' })))));
+            } }, h("slot", { key: 'ca09d613d10280263425c6c14b65e2b26a68e1ec' })))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-submenu-bar-item.entry.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-af765cad.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
-import { g as getAccessibleLinkLabel } from './a11y-utils-d3187c9b.js';
+import { g as getAccessibleLinkLabel } from './a11y-utils-682fc061.js';
 import { f as isEscapeKey } from './keyboard-utils-daf80d44.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-579bbfe7.js';
-import './slot-utils-2fa37472.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-87dc6eb1.js';
+import './slot-utils-b8cbdf64.js';
 import './string-utils-192eb3c8.js';
 
 const duetSubmenuBarItemCss = "*,*::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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;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.875rem;font-weight:600;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-submenu-bar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(126, 2, 35)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-submenu-bar-item.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}";
@@ -64,7 +64,7 @@ const DuetSubmenuBarItem = class {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: '4f756bb5d0c55701f39ebf12163f4cb3c012b82d', role: "listitem" }, h(TagName, { key: 'b56d439030bf2f1404182a33c1163053e95a197d', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '822cf51d5d913baf86769986bd55bef7d6a0883a', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'f7bae35be4b779f37353b53df8d0169ea73a1838', class: "label" }, h("span", { key: 'd6ad26e44b91ab1d3cf1e8fddb7ae97a40fa226b', class: "label-text" }, h("slot", { key: '6a69204d83f659345eb5ff39d1549f99b30a3bbc' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '8c47a9f36d1531a4f29b8da89d02174d663cbf24', class: {
+        return (h(Host, { key: '1539b04fd9a154f94973772db3ad1d4b74e91d93', role: "listitem" }, h(TagName, { key: 'c192fc30798c33854b17676a58da50da64e0ff10', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '17c532e1dbf661c21a22d7d0419ab98253cef382', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '3c1f00652e9942b8cd739d7a9db38f35a780c224', class: "label" }, h("span", { key: '8093c617fafdef251908bb6b33e2a328675ba3bd', class: "label-text" }, h("slot", { key: 'f820fe43b2b76d66c847440c46447f0d77a4c63d' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '7fbe3470917a49b5efd32c7e1ba6f58c99b55b6c', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

package/lib/esm/duet-submenu-bar-link.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { f as isEscapeKey } from './keyboard-utils-daf80d44.js';
 
@@ -34,7 +34,7 @@ const DuetSubmenuBarLink = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '51e5c82b88f45b2a32b9007c1cba3c28bebb0f76', role: "listitem" }, h("a", { key: '777ef8ad98f32b4be821e576e7085b767e2c80ac', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: 'eb80ccc57229a8a448d32e17695c7f573805f967', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '3dc063ad2c8b8fb92d1d292205dcf5ea82889b4f', class: "label" }, h("slot", { key: '2274f12f2198558e45a4b79c828c06cf9bb7f1c0' })))));
+        return (h(Host, { key: 'f925bc74deee76d7d087ab4395f5de329e937402', role: "listitem" }, h("a", { key: '6bed44169f1ef92a8ffd411df951436e2a3c7acf', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: 'aa57fc5ae5e2866aab9bf8aff04de5165545ab20', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '9b34ba6c242e6f96263af600c180e84c3253a2b0', class: "label" }, h("slot", { key: '264b834fd4da51894e0fcd8d2dda0664a1e739a6' })))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-submenu-bar.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2ab7ff5a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-9b64dfa3.js';
 import { a as media_query_large } from './tokens-84fb2357.js';
 import { e as enableBodyScroll, d as disableBodyScroll } from './bodyScrollLock.es6-ecbf187e.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
@@ -127,19 +127,19 @@ const DuetSubmenuBar = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fec25f6c8b5983923f591d756decc5ae3404de5e' }, h("nav", { key: '6f812f5da82df3218d6de29f655d2596ed865a4d', class: {
+        return (h(Host, { key: 'a576724500c4788b536a3b8193739b0feb586097' }, h("nav", { key: 'cbd9bf6cf167219e06097ab35ab506fee4d2d264', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '5e8ab90a4e09dbd7746b1405d3ea92615a439dd7', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '12b2a7c525c7b1db09ed976ab4de37d29766d5af', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick }, h("span", { key: '1f2ed95c73d93faf4ba71d7984e00488137250d1', class: "label" }, h("slot", { key: '5ca819d2a6f97bb4c9e75f2ea024187f76af67e2', name: "label" }), h("duet-icon", { key: '3b1a4bcac49bec29f344a38e5f743aaeb63f59a0', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '01e35b212a44a4bb39a8fd5cc5a694b94dcb1ccb', class: {
+            }, onClick: this.onClick }, h("span", { key: 'db6dd7c6a6d7f4596de7804933eecfdd755d34d7', class: "label" }, h("slot", { key: '655201ae74021152e4c40f8e05e799ee1211eaf5', name: "label" }), h("duet-icon", { key: 'f4376447a260b87e6584cfc30649ad325793fbf0', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '0b0984efaef986d0cc085933db00c6184494fa24', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: '5f94254c66db242ce904ddfd963f6dbe7f4337b6', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
+            }, role: "presentation" }, h("div", { key: '8f155fd14d531efd401d02a3cbb5b6ee6ea12f1b', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
                 items: true,
                 hidden: !this.open,
-            }, ref: element => (this.itemsContainer = element) }, h("div", { key: 'be03e176ea88bf9b83e506a67470747a4f30b9ee', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '1ba101226680d98cffade2702cbe6f6c40432146' }), h("div", { key: 'c51c2e13e3f5a24edf28dba162ee0602666ca1f9', class: "list-padding" }))), h("duet-overlay", { key: '5b93e09b26a80acce10526710c818c0017d74627', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '372d9400bab87b47e8498d5f10389217d030b44d', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '87dd3a21cbc88bbdb20a0e3d9f7bf2bd6e912739' }), h("div", { key: 'e46af5d6a812acb52bc36e4ed73a3754b8689b44', class: "list-padding" }))), h("duet-overlay", { key: '25e2460627f6a2c3ba7e9c97aa6e971c2d902f2d', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {