@duetds/components 9.6.0 → 9.7.1

package/lib/dist-custom-elements/duet-slideout-link.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-6e31f6fb.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getAccessibleLinkLabel } from './p-1e3171d9.js';
 import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-d5af5012.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)}";
 const DuetSlideoutLinkStyle0 = duetSlideoutLinkCss;
@@ -50,12 +50,12 @@ const DuetSlideoutLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetSlideoutLi
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '41aa7844d0d5ae926ed2f7a2c1aac4ea24ec0454' }, h("a", { key: '77e3b1c40bc308dc17f71e1a05029c843d6a6a94', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (h(Host, { key: 'e58e7e022f359b763fff57c4794d9581204ae9f1' }, h("a", { key: 'b02485b104f43923bb51c25449ad782669da2a3f', 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: '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" }))))));
+            }, 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: 'f2a699889f3e342915733dc322f5607d4dc1b381', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '67777983021ac91e35b68e9b8bdb6f0b56279107', class: "label" }, h("span", { key: 'd0ac662968dec767e9a095843f32f7dcea698190' }, h("span", { key: '1e75583ea91cbe3bf1ff4720f9b2d9efc96be742', class: "label-container" }, h("span", { key: 'c8be5ead58f8ae2669a818f2d552c91d2f95804f', class: "label-content" }, h("slot", { key: 'fd51bd2d2971917a7259abc816268bfa38cb439d' })), this.external && (h("duet-icon", { key: '7ef7af0a841d9241becd86c1364c89f6cae59c6a', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: 'fb1da47dfd02a661c7286b0c523a8c3ac5f83cf1', name: "description" })), this.caret && (h("duet-icon", { key: 'c4f51f17072cd66112993ed45421a5a8ccb59058', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return this; }
     static get style() { return DuetSlideoutLinkStyle0; }

package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-6e31f6fb.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-d5af5012.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}";
 const DuetSlideoutPanelDropdownStyle0 = duetSlideoutPanelDropdownCss;
@@ -48,16 +48,16 @@ const DuetSlideoutPanelDropdown$1 = /*@__PURE__*/ proxyCustomElement(class DuetS
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '0abf8fbe3f97b82c16ab78503f552acf3a7845bf' }, h("div", { key: 'f3b2ac7593a1c2e4bd28ecbc5d2359dc19aaa471', class: {
+        return (h(Host, { key: '35bf0d91a006cd0fb6a50012f5f48b8b84d5ecac' }, h("div", { key: 'aebfdab784d0a2921fc1f5b461b881c241ef5066', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, 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: {
+            } }, h("button", { key: 'f3174e8f9f070b3c8cd4da9e6db8b695982f236b', 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: '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: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: '02b31af38cf8ef821d9bd8b83ede34c900b58c41', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '1244f292f215410cba0750e205392e5d5fcd9ab7', class: "label" }, h("slot", { key: 'a55379905e5ec24ec617910fccdba8f351494d11', name: "label" }), h("duet-icon", { key: 'c63d4943d43087e6ec52e7e54f8a4211daebeadd', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '31e1e8a311b9ee173852bcbf3733cc846d7f87da', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '7212bac90e1327b7352816c5df3881b64aea0cba' })))));
+            } }, h("slot", { key: 'b7365965b0950b899e494162007d51130444478d' })))));
     }
     get element() { return this; }
     static get style() { return DuetSlideoutPanelDropdownStyle0; }

package/lib/dist-custom-elements/duet-slideout-panel.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-6e31f6fb.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { e as enableBodyScroll, d as disableBodyScroll } from './p-fc09c464.js';
 import { F as FocusGuard } from './p-e30dc66d.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
 import { h as hasSlot } from './p-f21662ea.js';
 import { g as getColorByName } from './p-6e022235.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-d5af5012.js';
 
 const duetSlideoutPanelCss = "*,*::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;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{position:relative;height:100%}.duet-slideout-panel .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:1.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{position:absolute;top:0;left:16px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{background:rgb(247, 178, 40)}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:\"\";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{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);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{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)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}";
 const DuetSlideoutPanelStyle0 = duetSlideoutPanelCss;
@@ -161,23 +161,23 @@ const DuetSlideoutPanel$1 = /*@__PURE__*/ proxyCustomElement(class DuetSlideoutP
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (h(Host, { key: 'f46337fe30195c9ce53f86335f808417226ee890' }, h("div", { key: '624209f9db65e856840e0744f83db90ef41cb4d1', class: {
+        return (h(Host, { key: '2b36b05ce039386747c09abf0e5323c48b5e0488' }, h("div", { key: 'd58f2b9732c3ab38b13bd4f0439efe9012b9d515', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, 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: {
+            } }, h("button", { key: '529140519e744fd8e36ff8afea01ca18938414b0', 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: '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: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: '4f8d0249d6221a523a3a0b3836933b432829d8c8', class: "duet-slideout-icon" }, h("duet-icon", { key: '230b927f9771d593709e791c14618db90d7aa895', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '33617258b158f4f59b6e9655b058a84a3ee47af1', class: "duet-slideout-badge" }))), h("span", { key: '7da950982ae9adb1e9d37515b3e271e506836d41', class: "label" }, h("span", { key: '6046719acd63d608ed7a2a47452f5dba66c99d8b', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '4d7b76d2d25171390101ef25f431af7c8ef1a008', name: "label" })), h("duet-icon", { key: 'd9c3ae0d685375bc29e8901f2c41bf8e2028a1db', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '4e5a633d2f18f22bcf2cb69252f8f497def373fe', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, 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: {
+            }, style: styles }, h(FocusGuard, { key: '9f810bf575701688ab08f60726de6da69bc12635', moveFocusTo: this.closeButton }), h("div", { key: '13828354ebc908614edfa649b633c78b5ca040d0', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'd3a965830f5cb2f31d767b925c9f35470dab844d', class: "top" }, h("button", { key: 'c07c0504cb16358d05e42cce8554b99f034d07b9', 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: '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",
+            }, onClick: this.onClick }, h("duet-icon", { key: '521c0a3724fe426035c1c941752d1498e41034be', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: 'e9727f3f182d3bbfd2aa5f65d3f750b0e1da6131' }, this.label.innerHTML), h("button", { key: '6132ffcdc5f194d857698b0a8e4bb6b725113af2', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '2aa67d1f3468592b7886bafa0b168db8a8156b9b', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'bc7eec6649885a979ed139c6742de251672a9821', class: "sticky-header" }, h("slot", { key: 'b9983428eb3d8232c5d68154a8bb200cd4cc7e2a', name: "sticky-header" }))), h("div", { key: '20ea66396b8e7d802a44d36c7aa326294e7a95cb', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: '8e8e5dcd9287d0474b2ec13f05e7c64a3ae6cbdc' })), h(FocusGuard, { key: 'fd328bcc89aebbfdd8321927e5d71e5a374d84b8', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '625703e33ae89586ed068b86912c37721035c645' })), h(FocusGuard, { key: 'e34b98e036503d08b5d653169fbff5bd8dea058f', moveFocusTo: this.closeButton })))));
     }
     get element() { return this; }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-6e31f6fb.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { e as enableBodyScroll, d as disableBodyScroll } from './p-fc09c464.js';
 import { f as focusElement, F as FocusGuard } from './p-e30dc66d.js';
@@ -10,8 +10,8 @@ import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLa
 import { h as hasSlot } from './p-f21662ea.js';
 import { T as Teleport } from './p-8cb0e6bd.js';
 import { g as getColorByName } from './p-6e022235.js';
-import { d as defineCustomElement$3 } from './p-dff748c3.js';
-import { d as defineCustomElement$2 } from './p-dd76e32c.js';
+import { d as defineCustomElement$3 } from './p-d5af5012.js';
+import { d as defineCustomElement$2 } from './p-6408c91d.js';
 
 const duetSlideoutCss = "*,*::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;position:absolute;height:100%}::slotted(*){position:relative;width:100%;visibility:hidden;opacity:0}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height: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(8, 42, 77)}.duet-slideout.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)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:600;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.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.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}slot{color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}";
 const DuetSlideoutStyle0 = duetSlideoutCss;
@@ -264,16 +264,16 @@ const DuetSlideout$1 = /*@__PURE__*/ proxyCustomElement(class DuetSlideout exten
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        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: {
+        return (h(Host, { key: 'dcefec6bb011072769a403f67849797e5fa8f3ae' }, h("div", { key: 'd498c18cb535e4750ce2b9af9d19a7e2197c8a0a', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '032de240d334b8653caab29e94d72abafa1807fc', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '48ed352b83ed43e36bc3689f5606500b549fd871', 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: '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: {
+            }, style: styles }, h(FocusGuard, { key: 'b434b224c99a059a8ac6f764eaa6a37a8aefd142', moveFocusTo: this.closeButton }), h("div", { key: 'be5f535c7ed0347040bedca4a4b4834666d6c327', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'f74dce46123f8bb14f06a5a69bea2de111f53a69', class: "top" }, h("button", { key: '1054e241cbd47253774aeb9fa51631ae94688592', 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: '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: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '41709242489fff542f2db4560557795af2620408', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'fa2eeb005c1d625af0c792b735128a22fb33169c', class: "sticky-header" }, h("slot", { key: 'c2754ffd21e986a6038fb5cac5fd50f8823cf933', name: "sticky-header" }))), h("div", { key: '5a42ff8d5bc2a3e3749460bc71b6792530295993', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: '773a966039e9fd275299e8fbf69dafdcdd4e43b3' })), h(FocusGuard, { key: '9ce42678f6f200fc628922a5a841ca3b1b587165', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: 'ef27791ecc42176dffccc3b5aa9bab77a736d4fb' })), h(FocusGuard, { key: '94f2649dff2bcebaa1b716aa4bd15e472d1730e8', moveFocusTo: this.closeButton })))));
     }
     get element() { return this; }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetSpacer$1, d as defineCustomElement$1 } from './p-4e00e010.js';
+import { D as DuetSpacer$1, d as defineCustomElement$1 } from './p-ce2f7146.js';
 
 const DuetSpacer = DuetSpacer$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetSpinner$1, d as defineCustomElement$1 } from './p-c18fe324.js';
+import { D as DuetSpinner$1, d as defineCustomElement$1 } from './p-73d45941.js';
 
 const DuetSpinner = DuetSpinner$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-status-icon.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetStatusIcon$1, d as defineCustomElement$1 } from './p-83dee022.js';
+import { D as DuetStatusIcon$1, d as defineCustomElement$1 } from './p-f8783b16.js';
 
 const DuetStatusIcon = DuetStatusIcon$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-6e31f6fb.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
-import { d as defineCustomElement$4 } from './p-eff24429.js';
-import { d as defineCustomElement$3 } from './p-dff748c3.js';
-import { d as defineCustomElement$2 } from './p-4e00e010.js';
+import { d as defineCustomElement$4 } from './p-d748e57a.js';
+import { d as defineCustomElement$3 } from './p-d5af5012.js';
+import { d as defineCustomElement$2 } from './p-ce2f7146.js';
 
 var actionEdit2={"title":"action-edit-2","tags":"action edit 2 pen pencil","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z\"/></svg>"};
 

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-6e31f6fb.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$2 } from './p-86431925.js';
+import { d as defineCustomElement$2 } from './p-69762a7d.js';
 
 function groupBy(prop, items) {
     const result = {};
@@ -108,7 +108,7 @@ const DuetStepper$1 = /*@__PURE__*/ proxyCustomElement(class DuetStepper extends
      * Always the last one in the class.
      */
     render() {
-        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' }))));
+        return (h(Host, { key: 'd8655560066e926969cdbfc73ec98098886dbd5d', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '664fc460cb80dc283a4569bd43466fea99d9611b', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: '023543f1d0738023d8841a6bd4755662d63fffcd', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'c7d59ff95b0a833472f364bace7b06b9c292545c' }))));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-6e31f6fb.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { b as isEscapeKey } from './p-8db11326.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-d5af5012.js';
 
 const duetSubmenuBarDropdownLinkCss = "*,*::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-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:8px 20px 8px 60px;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);text-align:left;text-decoration:none}.duet-submenu-bar-dropdown-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-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown-link .label-container{display:flex;flex:1;gap:12px;align-items:center;justify-content:flex-start}@media (min-width: 62em){.duet-submenu-bar-dropdown-link{padding:0.5rem 8px;font-size:1rem;line-height:1.5}}.duet-submenu-bar-dropdown-link.active .label{position:relative}.duet-submenu-bar-dropdown-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:1px}.duet-submenu-bar-dropdown-link.active .active-check{display:none}.duet-submenu-bar-dropdown-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\";color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-submenu-bar-dropdown-link.active .label::after{display:none}.duet-submenu-bar-dropdown-link.active .active-check{display:block}.duet-submenu-bar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-submenu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(126, 2, 35)}";
 const DuetSubmenuBarDropdownLinkStyle0 = duetSubmenuBarDropdownLinkCss;
@@ -39,12 +39,12 @@ const DuetSubmenuBarDropdownLink$1 = /*@__PURE__*/ proxyCustomElement(class Duet
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '265864aed596db335ee81157e2ae922877cfc170' }, h("a", { key: '5ab69ed1cf6f7f5dc3cbcef5ca40aaee44779cf3', class: {
+        return (h(Host, { key: '8e171bfdd3a97a208d76852cad10497303cc6a41' }, h("a", { key: '6ef3bedf1b242e3564a6a32b5e564e50c0ca6e08', 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: '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" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '696a5c14ddf44486ccd7ae685987d3ae73819eda', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '0066ac29350ba089295585f001dde093e303028b', class: "label-container" }, h("span", { key: '003bfe108d7aa853d32238e6b888587965e63710', class: "label" }, h("slot", { key: '82c97684842fa6839700732f1bc75ef2b7eeda68' })), this.caret && h("duet-icon", { key: 'e85bc1b85802155eb3044d8ab5c78d7e4e8a247b', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: 'ba3841ab9bd427fb8b9b31fb1f9340b59afd2949', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return this; }
     static get style() { return DuetSubmenuBarDropdownLinkStyle0; }

package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-6e31f6fb.js';
 import { a as media_query_large } from './p-f6000a03.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { b as isEscapeKey } from './p-8db11326.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-d5af5012.js';
 
 const duetSubmenuBarDropdownCss = "*,*::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-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;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:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 75, 129)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(8, 42, 77)}.duet-theme-turva .duet-submenu-bar-dropdown button:hover.active{color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-theme-turva .duet-submenu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::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-theme-turva .duet-submenu-bar-dropdown button.active::after,.duet-theme-turva .duet-submenu-bar-dropdown button.open::after{background:rgb(198, 12, 48)}}.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:16px;height:16px}}.duet-submenu-bar-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);visibility:visible;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);transition:none}}.duet-submenu-bar-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-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)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(126, 2, 35)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(222, 224, 228)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}";
 const DuetSubmenuBarDropdownStyle0 = duetSubmenuBarDropdownCss;
@@ -104,18 +104,18 @@ const DuetSubmenuBarDropdown$1 = /*@__PURE__*/ proxyCustomElement(class DuetSubm
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'cdc11338d7f05e2bc667fa27aad8fdfef52c2562', role: "listitem" }, h("div", { key: 'b5a80b4e1ee8596a977b9329e5b71993fe91f042', class: {
+        return (h(Host, { key: '1eb547e5709ea63b23354ca9c59b1b19c038c102', role: "listitem" }, h("div", { key: '570a652c6c926ccebcb1a9541fd676558a2239a4', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, 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: {
+            } }, h("button", { key: 'cb6806df3c0914e15d8b5fdfa96cdaba6b36ad6d', 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: '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: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '3c866f7cb7ccf04b91b02bd01fa4a2e57462bc10', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'a5aa098f80c23566bb2c91b50ce002a36c18a0ba', class: "label" }, h("span", { key: 'dbc5f7743345200a326a2367107b0b1fa3245ded', class: "label-text" }, h("slot", { key: '5da6e5fcef0e333fe29fb08b72696251cb067436', name: "label" })), h("duet-icon", { key: '875a3ffcc5d12b13e2d52fc338373c160f77939a', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '0d53fb12a29c3ef496d588e07565c47bf07c9fee', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'ca09d613d10280263425c6c14b65e2b26a68e1ec' })))));
+            } }, h("slot", { key: 'aca1769900ed458bdfd1e8da0bd6cd516b0026db' })))));
     }
     get element() { return this; }
     static get style() { return DuetSubmenuBarDropdownStyle0; }

package/lib/dist-custom-elements/duet-submenu-bar-item.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-6e31f6fb.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getAccessibleLinkLabel } from './p-1e3171d9.js';
 import { b as isEscapeKey } from './p-8db11326.js';
 import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-d5af5012.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)}";
 const DuetSubmenuBarItemStyle0 = duetSubmenuBarItemCss;
@@ -65,7 +65,7 @@ const DuetSubmenuBarItem$1 = /*@__PURE__*/ proxyCustomElement(class DuetSubmenuB
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        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: {
+        return (h(Host, { key: 'fcd533d6b3dfc93e0e759de65ecb3454a157d32f', role: "listitem" }, h(TagName, { key: '0ca1f847b9660fe205bf77e5bbe78a9f7c8616df', 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: '3f0da6b4b7ef1b9b6630a170fd6175125c849dd4', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'c8406d5e73d587f29c3b8c5b09f2522c70fd4ea8', class: "label" }, h("span", { key: '7d6a4ad4c5358a5c16d4986946df79dcc040633c', class: "label-text" }, h("slot", { key: '3e615ac54c970f4f3576c2dd2451d93f1bb06fd1' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'ce7aa0ea2fc8cecc831ecf940a2aca520b420c93', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

package/lib/dist-custom-elements/duet-submenu-bar-link.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-6e31f6fb.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { b as isEscapeKey } from './p-8db11326.js';
-import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-d5af5012.js';
 
 const duetSubmenuBarLinkCss = "*,*::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-link{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;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:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-submenu-bar-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-submenu-bar-link:focus,.duet-submenu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-link .submenu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-link .submenu-bar-link-icon{width:16px;height:16px}}@media (min-width: 62em){.duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 75, 129)}}@media (min-width: 62em){.duet-submenu-bar-link.active{color:rgb(0, 119, 179)}.duet-submenu-bar-link.active.duet-theme-turva{color:rgb(126, 2, 35)}}.duet-submenu-bar-link.active .label{position:relative}.duet-submenu-bar-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-link.active .label::after{display:none}.duet-submenu-bar-link.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-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\";color:rgb(23, 28, 58)}.duet-submenu-bar-link.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-link.duet-theme-turva.active::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-link:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-link:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}}";
 const DuetSubmenuBarLinkStyle0 = duetSubmenuBarLinkCss;
@@ -37,7 +37,7 @@ const DuetSubmenuBarLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetSubmenuB
      * Always the last one in the class.
      */
     render() {
-        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' })))));
+        return (h(Host, { key: 'b569ba8e1407349d04924791421693d47d99c224', role: "listitem" }, h("a", { key: '632ba619dd762a3041bf7c17d2aa02d18d9c7033', 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: 'f69a20105e32823478e19579230083c4b08e97ac', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '53b5b5dc9e1f66785096f307bb980aa734cbb67c', class: "label" }, h("slot", { key: '937a94eda35d6fbb713f4a9b5073778ba6cb2e23' })))));
     }
     get element() { return this; }
     static get style() { return DuetSubmenuBarLinkStyle0; }

package/lib/dist-custom-elements/duet-submenu-bar.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-6e31f6fb.js';
 import { a as media_query_large } from './p-f6000a03.js';
 import { e as enableBodyScroll, d as disableBodyScroll } from './p-8354d1f1.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$3 } from './p-dff748c3.js';
-import { d as defineCustomElement$2 } from './p-dd76e32c.js';
+import { d as defineCustomElement$3 } from './p-d5af5012.js';
+import { d as defineCustomElement$2 } from './p-6408c91d.js';
 
 const duetSubmenuBarCss = "*,*::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%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;top:0;z-index:1;background:rgb(240, 247, 250);transition:top 0.4s}.duet-submenu-bar.hidden{top:-200px}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(198, 225, 238)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 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:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(240, 247, 250);border-bottom:1px solid rgb(181, 198, 208)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(181, 198, 208)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 247, 250)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 28, 58)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}";
 const DuetSubmenuBarStyle0 = duetSubmenuBarCss;
@@ -131,19 +131,19 @@ const DuetSubmenuBar$1 = /*@__PURE__*/ proxyCustomElement(class DuetSubmenuBar e
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'a576724500c4788b536a3b8193739b0feb586097' }, h("nav", { key: 'cbd9bf6cf167219e06097ab35ab506fee4d2d264', class: {
+        return (h(Host, { key: '2720db892c55577581be1f5cff69e6b56d0eddb1' }, h("nav", { key: '6450c2d32c229ffc2cdefffaf4d0824c927f2dfe', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "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: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: 'fbf58c54a86a16f1c9c9b018800e74dc86ad7827', 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: '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: {
+            }, onClick: this.onClick }, h("span", { key: '95c4226bedf3122965ef044122688e824788fad4', class: "label" }, h("slot", { key: '93a3fb333e252ee09987a9832a782a86dd15e13c', name: "label" }), h("duet-icon", { key: '125465c2c40457117a28f562c60eb2b63ae061ad', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '4d23eea3732698f64ec388a4c65d29016c4b0b47', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, 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: {
+            }, role: "presentation" }, h("div", { key: 'cedb273340657fe22fdcbd234b632079ba8bae94', 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: '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" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: 'c0c2a1cdea75e574b2a5136164422716db80e020', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '43c189da567108214e33bd29bd5ecadf396c3be4' }), h("div", { key: '4e7ee2bf92b8446dbee5ac9e81a6cf6c4e424950', class: "list-padding" }))), h("duet-overlay", { key: 'df603367a1254cd933205e844295693c5d40e7b5', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return this; }
     static get watchers() { return {