@midas-ds/components 17.2.5 → 17.2.6

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 17.2.6 (2026-02-23)
+
+### 🩹 Fixes
+
+- **components, layout:** change font weight for active menu items ([9a67f61f63](https://github.com/migrationsverket/midas/commit/9a67f61f63))
+
 ## 17.2.5 (2026-02-23)
 
 ### 🩹 Fixes

package/assets/Layout.css

@@ -1 +1 @@
-._baseLayout_1n71v_1{--sideBarWidth: 230px;--headerHeight: 69px}@media(min-width:1024px){._baseLayout_1n71v_1{--headerHeight: 85px}}._mainContent_1n71v_10{display:flex;flex-direction:row}._header_1n71v_15{position:sticky;top:0;font-family:var(--midas-typography-font-family);padding:.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--midas-border-color-subtle);background-color:var(--midas-background-base)}._header_1n71v_15._headerExternal_1n71v_26{padding:1rem}@media(min-width:1024px){._header_1n71v_15._headerExternal_1n71v_26{padding:1.25rem 1rem;z-index:3}}@media(min-width:1024px){._header_1n71v_15{padding:1.25rem 1rem;z-index:calc(var(--midas-z-index-sidebar) + var(--midas-z-index-above))}}._headerContent_1n71v_41{display:flex;flex-flow:row wrap;align-items:center;gap:1rem}._headerContent_1n71v_41>svg{display:none}@media(min-width:1024px){._headerContent_1n71v_41{gap:2rem}._headerContent_1n71v_41>svg{display:initial}}._logo_1n71v_60{display:none;max-height:40px}@media(min-width:1024px){._logo_1n71v_60{display:flex}}._headerItems_1n71v_69{max-height:40px;display:flex;flex-direction:row}._toggleButton_1n71v_75{display:block}@media(min-width:1024px){._toggleButton_1n71v_75{display:none!important}}._sidebar_1n71v_83{font-family:var(--midas-typography-font-family);background-color:var(--midas-background-base);display:flex;flex-flow:column;flex:0 0 var(--sideBarWidth);overflow-y:auto;transition:.2s;position:fixed;top:0;height:100vh;width:var(--sideBarWidth);transform:translate(calc(var(--sideBarWidth) * -1));z-index:calc(var(--midas-z-index-sidebar));border-right:1px solid var(--midas-border-color-subtle)}@media(min-width:1024px){._sidebar_1n71v_83{position:sticky;top:var(--headerHeight);align-self:start;height:calc(100vh - var(--headerHeight));transform:none;width:var(--sideBarWidth)}}._main_1n71v_10{font-family:var(--midas-typography-font-family);flex:0 0 auto;width:100%;min-height:100%}._app_1n71v_116{background-clip:content-box}@media(min-width:1024px){._app_1n71v_116{padding:2rem}}._sidebarOpened_1n71v_124{transform:translate(0)}._sidebarHeader_1n71v_128{padding:1rem;margin-bottom:1rem;position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;overflow:hidden}._appName_1n71v_140{color:var(--midas-text-primary);font-size:.875rem;font-weight:400;margin:0}._collapseButton_1n71v_147{display:none!important;padding:calc(.875rem - 1px)!important}@media(min-width:1024px){._collapseButton_1n71v_147{display:flex!important}}._sidebarCollapsed_1n71v_156{--sideBarWidth: 68px;transition:all .2s ease-out}._sidebarCollapsed_1n71v_156 ._sidebarHeader_1n71v_128{justify-content:center}._userName_1n71v_166{color:var(--midas-text-primary);margin:0 0 .25rem;font-size:.875rem;font-weight:500;display:none}@media(min-width:1024px){._userName_1n71v_166{display:block}}._abbr_1n71v_178{font-size:.875rem;font-weight:500;align-self:center}._userTitle_1n71v_184{color:var(--midas-text-primary);margin:0;font-size:.875rem;font-weight:400;display:none}@media(min-width:1024px){._userTitle_1n71v_184{display:block}}._title_1n71v_196{margin:0;font-size:1rem;font-weight:500;display:block}@media(min-width:1024px){._title_1n71v_196{display:none}}._sidebarNav_1n71v_207{padding:.5rem;overflow-y:auto;margin-bottom:auto}._list_1n71v_213{list-style-type:none;padding:0;margin:0 0 1rem}._listGroupTitle_1n71v_219{color:var(--midas-text-secondary);font-size:.875rem;padding:.5rem;margin:0}._listItem_1n71v_226{display:flex;position:relative}._listItemCollapsed_1n71v_231{justify-content:center}._listLink_1n71v_235{all:unset;display:flex;align-items:center;gap:.5rem;padding:.625rem .5rem;color:var(--midas-text-primary);flex:1 0 0%;transition:.1s;text-decoration:none}._listLink_1n71v_235 svg{stroke:var(--midas-icon-primary)}@media(forced-colors:active){._listLink_1n71v_235 svg{stroke:currentColor}}._listLink_1n71v_235[data-hovered],._listLink_1n71v_235:visited{background-color:var(--midas-menu-item-background-hover);color:var(--midas-text-primary);cursor:pointer}:is(._listLink_1n71v_235[data-hovered],._listLink_1n71v_235:visited) svg{stroke:var(--midas-icon-primary);min-width:1.25rem}@media(forced-colors:active){:is(._listLink_1n71v_235[data-hovered],._listLink_1n71v_235:visited) svg{stroke:currentColor}}@media(forced-colors:active){._listLink_1n71v_235[data-hovered],._listLink_1n71v_235:visited{background-color:inherit;text-decoration:underline}}._listLink_1n71v_235[data-pressed]{background-color:var(--midas-button-background-tertiary-active)}._listLink_1n71v_235[data-focused]{box-shadow:none}._listLink_1n71v_235:focus-visible{outline:none}._listLink_1n71v_235[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._listLink_1n71v_235[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._listLinkCollapsed_1n71v_298{padding:.625rem;flex-grow:unset}._active_1n71v_303{background-color:var(--midas-menu-item-background-selected);color:var(--midas-text-primary);border-left:.125rem solid var(--midas-border-color-tertiary);font-weight:600}@media(forced-colors:active){._active_1n71v_303{transition:none}}._linkText_1n71v_314{opacity:1;display:block;transition:all .2s;transition-behavior:allow-discrete}._backdrop_1n71v_321{pointer-events:none;display:none;position:fixed;inset:0;background-color:#3232327f;opacity:0;transition:all .1s;transition-behavior:allow-discrete}._backdrop_1n71v_321._backdropOpened_1n71v_331{pointer-events:all;opacity:1;display:block;transition:all .2s}@starting-style{._backdrop_1n71v_321._backdropOpened_1n71v_331,._linkText_1n71v_314{opacity:0}}._skipToContent_1n71v_349{position:absolute;top:0;right:100%;z-index:var(--midas-z-index-skip-to-content)}._skipToContent_1n71v_349[data-focus-visible],._skipToContent_1n71v_349:focus-visible{right:auto;left:5px;top:5px}._navbar_1n71v_363{position:fixed;bottom:0;width:100%;font-family:var(--midas-typography-font-family);display:flex;align-items:center;justify-content:center;border-top:1px solid var(--midas-border-color-subtle);background-color:var(--midas-background-base)}._navbarList_1n71v_375{flex:1;list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:stretch}._navbarList_1n71v_375>li{flex:1;width:100%;display:flex;justify-content:center;align-items:stretch}@media(min-width:1024px){._navbarList_1n71v_375{max-width:600px}}._navbarItem_1n71v_397{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;color:var(--midas-text-primary);text-decoration:none;font-size:var(--midas-typography-font-size-10);line-height:var(--midas-typography-line-height-20);text-align:center;text-wrap:nowrap;text-overflow:ellipsis}._navbarItem_1n71v_397[data-hovered],._navbarItem_1n71v_397[data-active]{background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);cursor:pointer}@media(forced-colors:active){._navbarItem_1n71v_397[data-hovered],._navbarItem_1n71v_397[data-active]{text-decoration:underline}}@media(forced-colors:active){._navbarItem_1n71v_397[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._navbarItem_1n71v_397 svg{flex:0 0 auto}@media(min-width:1024px){._navbarItem_1n71v_397{gap:.5rem;flex-direction:row;padding:1rem .5rem}}@media(max-width:479px){._headerExternal_1n71v_26{border:none}}._headerContentExternal_1n71v_448{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}._headerContentExternal_1n71v_448 ._logoExternalContainer_1n71v_456{display:flex;align-items:center;gap:2rem}@media(min-width:1024px){._headerContentExternal_1n71v_448 ._logoExternal_1n71v_456{display:none}}._headerContentExternal_1n71v_448 ._logoExternalDesktop_1n71v_468{display:none}@media(min-width:1024px){._headerContentExternal_1n71v_448 ._logoExternalDesktop_1n71v_468{display:block}}@media(min-width:1024px){._navbarWrapper_1n71v_477{display:none}}@media(prefers-reduced-motion){._sidebar_1n71v_83,._sidebarCollapsed_1n71v_156,._listLink_1n71v_235,._linkText_1n71v_314,._backdrop_1n71v_321,._backdrop_1n71v_321._backdropOpened_1n71v_331{transition:none}@starting-style{._backdrop_1n71v_321._backdropOpened_1n71v_331,._linkText_1n71v_314{opacity:1}}}
+._baseLayout_1ylxx_1{--sideBarWidth: 230px;--headerHeight: 69px}@media(min-width:1024px){._baseLayout_1ylxx_1{--headerHeight: 85px}}._mainContent_1ylxx_10{display:flex;flex-direction:row}._header_1ylxx_15{position:sticky;top:0;font-family:var(--midas-typography-font-family);padding:.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--midas-border-color-subtle);background-color:var(--midas-background-base)}._header_1ylxx_15._headerExternal_1ylxx_26{padding:1rem}@media(min-width:1024px){._header_1ylxx_15._headerExternal_1ylxx_26{padding:1.25rem 1rem;z-index:3}}@media(min-width:1024px){._header_1ylxx_15{padding:1.25rem 1rem;z-index:calc(var(--midas-z-index-sidebar) + var(--midas-z-index-above))}}._headerContent_1ylxx_41{display:flex;flex-flow:row wrap;align-items:center;gap:1rem}._headerContent_1ylxx_41>svg{display:none}@media(min-width:1024px){._headerContent_1ylxx_41{gap:2rem}._headerContent_1ylxx_41>svg{display:initial}}._logo_1ylxx_60{display:none;max-height:40px}@media(min-width:1024px){._logo_1ylxx_60{display:flex}}._headerItems_1ylxx_69{max-height:40px;display:flex;flex-direction:row}._toggleButton_1ylxx_75{display:block}@media(min-width:1024px){._toggleButton_1ylxx_75{display:none!important}}._sidebar_1ylxx_83{font-family:var(--midas-typography-font-family);background-color:var(--midas-background-base);display:flex;flex-flow:column;flex:0 0 var(--sideBarWidth);overflow-y:auto;transition:.2s;position:fixed;top:0;height:100vh;width:var(--sideBarWidth);transform:translate(calc(var(--sideBarWidth) * -1));z-index:calc(var(--midas-z-index-sidebar));border-right:1px solid var(--midas-border-color-subtle)}@media(min-width:1024px){._sidebar_1ylxx_83{position:sticky;top:var(--headerHeight);align-self:start;height:calc(100vh - var(--headerHeight));transform:none;width:var(--sideBarWidth)}}._main_1ylxx_10{font-family:var(--midas-typography-font-family);flex:0 0 auto;width:100%;min-height:100%}._app_1ylxx_116{background-clip:content-box}@media(min-width:1024px){._app_1ylxx_116{padding:2rem}}._sidebarOpened_1ylxx_124{transform:translate(0)}._sidebarHeader_1ylxx_128{padding:1rem;margin-bottom:1rem;position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;overflow:hidden}._appName_1ylxx_140{color:var(--midas-text-primary);font-size:.875rem;font-weight:400;margin:0}._collapseButton_1ylxx_147{display:none!important;padding:calc(.875rem - 1px)!important}@media(min-width:1024px){._collapseButton_1ylxx_147{display:flex!important}}._sidebarCollapsed_1ylxx_156{--sideBarWidth: 68px;transition:all .2s ease-out}._sidebarCollapsed_1ylxx_156 ._sidebarHeader_1ylxx_128{justify-content:center}._userName_1ylxx_166{color:var(--midas-text-primary);margin:0 0 .25rem;font-size:.875rem;font-weight:500;display:none}@media(min-width:1024px){._userName_1ylxx_166{display:block}}._abbr_1ylxx_178{font-size:.875rem;font-weight:500;align-self:center}._userTitle_1ylxx_184{color:var(--midas-text-primary);margin:0;font-size:.875rem;font-weight:400;display:none}@media(min-width:1024px){._userTitle_1ylxx_184{display:block}}._title_1ylxx_196{margin:0;font-size:1rem;font-weight:500;display:block}@media(min-width:1024px){._title_1ylxx_196{display:none}}._sidebarNav_1ylxx_207{padding:.5rem;overflow-y:auto;margin-bottom:auto}._list_1ylxx_213{list-style-type:none;padding:0;margin:0 0 1rem}._listGroupTitle_1ylxx_219{color:var(--midas-text-secondary);font-size:.875rem;padding:.5rem;margin:0}._listItem_1ylxx_226{display:flex;position:relative}._listItemCollapsed_1ylxx_231{justify-content:center}._listLink_1ylxx_235{all:unset;display:flex;align-items:center;gap:.5rem;padding:.625rem .5rem;color:var(--midas-text-primary);flex:1 0 0%;transition:.1s;text-decoration:none}._listLink_1ylxx_235 svg{stroke:var(--midas-icon-primary)}@media(forced-colors:active){._listLink_1ylxx_235 svg{stroke:currentColor}}._listLink_1ylxx_235[data-hovered],._listLink_1ylxx_235:visited{background-color:var(--midas-menu-item-background-hover);color:var(--midas-text-primary);cursor:pointer}:is(._listLink_1ylxx_235[data-hovered],._listLink_1ylxx_235:visited) svg{stroke:var(--midas-icon-primary);min-width:1.25rem}@media(forced-colors:active){:is(._listLink_1ylxx_235[data-hovered],._listLink_1ylxx_235:visited) svg{stroke:currentColor}}@media(forced-colors:active){._listLink_1ylxx_235[data-hovered],._listLink_1ylxx_235:visited{background-color:inherit;text-decoration:underline}}._listLink_1ylxx_235[data-pressed]{background-color:var(--midas-button-background-tertiary-active)}._listLink_1ylxx_235[data-focused]{box-shadow:none}._listLink_1ylxx_235:focus-visible{outline:none}._listLink_1ylxx_235[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._listLink_1ylxx_235[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._listLinkCollapsed_1ylxx_298{padding:.625rem;flex-grow:unset}._active_1ylxx_303{background-color:var(--midas-menu-item-background-selected);color:var(--midas-text-primary);border-left:.125rem solid var(--midas-border-color-tertiary);font-weight:var(--midas-typography-weight-medium)}@media(forced-colors:active){._active_1ylxx_303{transition:none}}._linkText_1ylxx_314{opacity:1;display:block;transition:all .2s;transition-behavior:allow-discrete}._backdrop_1ylxx_321{pointer-events:none;display:none;position:fixed;inset:0;background-color:#3232327f;opacity:0;transition:all .1s;transition-behavior:allow-discrete}._backdrop_1ylxx_321._backdropOpened_1ylxx_331{pointer-events:all;opacity:1;display:block;transition:all .2s}@starting-style{._backdrop_1ylxx_321._backdropOpened_1ylxx_331,._linkText_1ylxx_314{opacity:0}}._skipToContent_1ylxx_349{position:absolute;top:0;right:100%;z-index:var(--midas-z-index-skip-to-content)}._skipToContent_1ylxx_349[data-focus-visible],._skipToContent_1ylxx_349:focus-visible{right:auto;left:5px;top:5px}._navbar_1ylxx_363{position:fixed;bottom:0;width:100%;font-family:var(--midas-typography-font-family);display:flex;align-items:center;justify-content:center;border-top:1px solid var(--midas-border-color-subtle);background-color:var(--midas-background-base)}._navbarList_1ylxx_375{flex:1;list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:stretch}._navbarList_1ylxx_375>li{flex:1;width:100%;display:flex;justify-content:center;align-items:stretch}@media(min-width:1024px){._navbarList_1ylxx_375{max-width:600px}}._navbarItem_1ylxx_397{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;color:var(--midas-text-primary);text-decoration:none;font-size:var(--midas-typography-font-size-10);line-height:var(--midas-typography-line-height-20);text-align:center;text-wrap:nowrap;text-overflow:ellipsis}._navbarItem_1ylxx_397[data-hovered],._navbarItem_1ylxx_397[data-active]{background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);cursor:pointer}@media(forced-colors:active){._navbarItem_1ylxx_397[data-hovered],._navbarItem_1ylxx_397[data-active]{text-decoration:underline}}@media(forced-colors:active){._navbarItem_1ylxx_397[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._navbarItem_1ylxx_397 svg{flex:0 0 auto}@media(min-width:1024px){._navbarItem_1ylxx_397{gap:.5rem;flex-direction:row;padding:1rem .5rem}}@media(max-width:479px){._headerExternal_1ylxx_26{border:none}}._headerContentExternal_1ylxx_448{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}._headerContentExternal_1ylxx_448 ._logoExternalContainer_1ylxx_456{display:flex;align-items:center;gap:2rem}@media(min-width:1024px){._headerContentExternal_1ylxx_448 ._logoExternal_1ylxx_456{display:none}}._headerContentExternal_1ylxx_448 ._logoExternalDesktop_1ylxx_468{display:none}@media(min-width:1024px){._headerContentExternal_1ylxx_448 ._logoExternalDesktop_1ylxx_468{display:block}}@media(min-width:1024px){._navbarWrapper_1ylxx_477{display:none}}@media(prefers-reduced-motion){._sidebar_1ylxx_83,._sidebarCollapsed_1ylxx_156,._listLink_1ylxx_235,._linkText_1ylxx_314,._backdrop_1ylxx_321,._backdrop_1ylxx_321._backdropOpened_1ylxx_331{transition:none}@starting-style{._backdrop_1ylxx_321._backdropOpened_1ylxx_331,._linkText_1ylxx_314{opacity:1}}}

package/chunks/{Layout-CFhqS9ej.js → Layout-BclBqFzc.js}

@@ -1,17 +1,17 @@
 'use client';
 import { jsx as e, jsxs as o, Fragment as G } from "react/jsx-runtime";
 import { G as z } from "./GridItem-z7zclNdT.js";
-import * as f from "react";
+import * as y from "react";
 import { useState as W, useEffect as j } from "react";
 import { c as b } from "./clsx-AexbMWKp.js";
-import { Link as y, RouterProvider as w } from "react-aria-components";
+import { Link as L, RouterProvider as w } from "react-aria-components";
 import { B as E } from "./Button-CaLOUTDO.js";
 import { a as D, T as q } from "./Tooltip-rDmOkGmX.js";
 import { a as I, B as M } from "./BadgeContainer-CKVsfTlF.js";
 import { c as T } from "./createLucideIcon-CP-mMPfa.js";
-import { u as C } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { variables as A } from "@midas-ds/theme";
-import { L } from "./Logo-CCxPAmgw.js";
+import { L as g } from "./Logo-CCxPAmgw.js";
 import { X as R } from "./x-B9bYxG31.js";
 import '../assets/Layout.css';const $ = [
   ["path", { d: "M4 5h16", key: "1tepv9" }],
@@ -27,15 +27,15 @@ const K = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
-], Q = T("panel-left-open", K), U = "_baseLayout_1n71v_1", V = "_mainContent_1n71v_10", Y = "_header_1n71v_15", Z = "_headerExternal_1n71v_26", ee = "_headerContent_1n71v_41", ne = "_logo_1n71v_60", ae = "_headerItems_1n71v_69", te = "_toggleButton_1n71v_75", se = "_sidebar_1n71v_83", ie = "_main_1n71v_10", re = "_app_1n71v_116", oe = "_sidebarOpened_1n71v_124", le = "_sidebarHeader_1n71v_128", de = "_appName_1n71v_140", ce = "_collapseButton_1n71v_147", me = "_sidebarCollapsed_1n71v_156", pe = "_userName_1n71v_166", _e = "_userTitle_1n71v_184", ve = "_title_1n71v_196", he = "_sidebarNav_1n71v_207", ue = "_list_1n71v_213", be = "_listGroupTitle_1n71v_219", Ne = "_listItem_1n71v_226", fe = "_listItemCollapsed_1n71v_231", ke = "_listLink_1n71v_235", Ce = "_listLinkCollapsed_1n71v_298", xe = "_active_1n71v_303", ge = "_backdrop_1n71v_321", Le = "_backdropOpened_1n71v_331", ye = "_skipToContent_1n71v_349", Ie = "_navbar_1n71v_363", Me = "_navbarList_1n71v_375", Ee = "_navbarItem_1n71v_397", Te = "_headerContentExternal_1n71v_448", Se = "_logoExternalContainer_1n71v_456", ze = "_logoExternal_1n71v_456", Be = "_logoExternalDesktop_1n71v_468", Oe = "_navbarWrapper_1n71v_477", n = {
+], Q = T("panel-left-open", K), U = "_baseLayout_1ylxx_1", V = "_mainContent_1ylxx_10", Y = "_header_1ylxx_15", Z = "_headerExternal_1ylxx_26", ee = "_headerContent_1ylxx_41", ae = "_logo_1ylxx_60", te = "_headerItems_1ylxx_69", ne = "_toggleButton_1ylxx_75", se = "_sidebar_1ylxx_83", ie = "_main_1ylxx_10", re = "_app_1ylxx_116", oe = "_sidebarOpened_1ylxx_124", le = "_sidebarHeader_1ylxx_128", de = "_appName_1ylxx_140", ce = "_collapseButton_1ylxx_147", me = "_sidebarCollapsed_1ylxx_156", pe = "_userName_1ylxx_166", _e = "_userTitle_1ylxx_184", xe = "_title_1ylxx_196", he = "_sidebarNav_1ylxx_207", ue = "_list_1ylxx_213", be = "_listGroupTitle_1ylxx_219", ve = "_listItem_1ylxx_226", ye = "_listItemCollapsed_1ylxx_231", Ne = "_listLink_1ylxx_235", fe = "_listLinkCollapsed_1ylxx_298", ke = "_active_1ylxx_303", Ce = "_backdrop_1ylxx_321", ge = "_backdropOpened_1ylxx_331", Le = "_skipToContent_1ylxx_349", Ie = "_navbar_1ylxx_363", Me = "_navbarList_1ylxx_375", Ee = "_navbarItem_1ylxx_397", Te = "_headerContentExternal_1ylxx_448", Se = "_logoExternalContainer_1ylxx_456", ze = "_logoExternal_1ylxx_456", Be = "_logoExternalDesktop_1ylxx_468", Oe = "_navbarWrapper_1ylxx_477", a = {
   baseLayout: U,
   mainContent: V,
   header: Y,
   headerExternal: Z,
   headerContent: ee,
-  logo: ne,
-  headerItems: ae,
-  toggleButton: te,
+  logo: ae,
+  headerItems: te,
+  toggleButton: ne,
   sidebar: se,
   main: ie,
   app: re,
@@ -46,18 +46,18 @@ const K = [
   sidebarCollapsed: me,
   userName: pe,
   userTitle: _e,
-  title: ve,
+  title: xe,
   sidebarNav: he,
   list: ue,
   listGroupTitle: be,
-  listItem: Ne,
-  listItemCollapsed: fe,
-  listLink: ke,
-  listLinkCollapsed: Ce,
-  active: xe,
-  backdrop: ge,
-  backdropOpened: Le,
-  skipToContent: ye,
+  listItem: ve,
+  listItemCollapsed: ye,
+  listLink: Ne,
+  listLinkCollapsed: fe,
+  active: ke,
+  backdrop: Ce,
+  backdropOpened: ge,
+  skipToContent: Le,
   navbar: Ie,
   navbarList: Me,
   navbarItem: Ee,
@@ -66,36 +66,36 @@ const K = [
   logoExternal: ze,
   logoExternalDesktop: Be,
   navbarWrapper: Oe
-}, P = f.createContext(
+}, P = y.createContext(
   void 0
 ), we = ({
-  items: a,
-  title: t,
+  items: t,
+  title: n,
   user: r,
   app: i,
   children: s,
   clientSideRouter: p,
   clientSideHref: d,
-  headerChildren: v,
+  headerChildren: x,
   isCollapsed: _,
   setIsCollapsed: m,
   isOpened: h,
-  setIsOpened: N,
+  setIsOpened: v,
   variant: l,
   id: u
 }) => /* @__PURE__ */ e(
   P.Provider,
   {
     value: {
-      items: a,
-      title: t,
+      items: t,
+      title: n,
       user: r,
       app: i,
-      headerChildren: v,
+      headerChildren: x,
       isCollapsed: _,
       setIsCollapsed: m,
       isOpened: h,
-      setIsOpened: N,
+      setIsOpened: v,
       clientSideRouter: p,
       clientSideHref: d,
       variant: l,
@@ -103,42 +103,42 @@ const K = [
     },
     children: s
   }
-), k = () => {
-  const a = f.useContext(P);
-  if (!a)
+), N = () => {
+  const t = y.useContext(P);
+  if (!t)
     throw new Error("useLayoutContext must be used within a LayoutProvider");
-  return a;
+  return t;
 }, H = ({
-  title: a,
-  href: t,
+  title: t,
+  href: n,
   icon: r,
   active: i,
   hasBadge: s,
   onClick: p
 }) => {
-  const { isCollapsed: d, setIsOpened: v, clientSideHref: _ } = k(), m = _ ? _(t) : t, [h, N] = W(!1);
+  const { isCollapsed: d, setIsOpened: x, clientSideHref: _ } = N(), m = _ ? _(n) : n, [h, v] = W(!1);
   j(() => {
     if (typeof window < "u") {
       const u = window.location.pathname === m || window.location.pathname.startsWith(m + "/");
-      N(i ?? u);
+      v(i ?? u);
     }
   }, [i, m]);
   const l = () => {
-    v?.(!1), p && p({
-      title: a,
+    x?.(!1), p && p({
+      title: t,
       href: m
     });
   };
   return d ? /* @__PURE__ */ o(D, { children: [
     /* @__PURE__ */ e(
-      y,
+      L,
       {
-        href: t,
-        "aria-label": a,
+        href: n,
+        "aria-label": t,
         className: b(
-          n.listLink,
-          n.listLinkCollapsed,
-          h && n.active
+          a.listLink,
+          a.listLinkCollapsed,
+          h && a.active
         ),
         onPress: l,
         children: /* @__PURE__ */ o(I, { children: [
@@ -146,64 +146,64 @@ const K = [
             r,
             {
               size: 20,
-              "aria-label": a
+              "aria-label": t
             }
           ),
           s && /* @__PURE__ */ e(M, {})
         ] })
       }
     ),
-    /* @__PURE__ */ e(q, { placement: "right", children: a })
+    /* @__PURE__ */ e(q, { placement: "right", children: t })
   ] }) : /* @__PURE__ */ o(
-    y,
+    L,
     {
-      href: t,
-      "aria-label": a,
-      className: b(n.listLink, h && n.active),
+      href: n,
+      "aria-label": t,
+      className: b(a.listLink, h && a.active),
       onPress: l,
       children: [
         /* @__PURE__ */ o(I, { children: [
           /* @__PURE__ */ e(r, { size: 20 }),
           s && /* @__PURE__ */ e(M, {})
         ] }),
-        a
+        t
       ]
     }
   );
-}, Pe = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, He = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, x = {
+}, Pe = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, He = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, k = {
   en: Pe,
   sv: He
 }, Ge = ({
-  onLinkClick: a
+  onLinkClick: t
 }) => {
   const {
-    items: t,
+    items: n,
     app: r,
     isOpened: i,
     isCollapsed: s,
     setIsCollapsed: p,
     setIsOpened: d,
-    clientSideRouter: v,
+    clientSideRouter: x,
     clientSideHref: _,
     id: m
-  } = k(), h = C(x), N = ({ group: l }) => /* @__PURE__ */ e("ul", { className: n.list, children: l.items.map((u, g) => /* @__PURE__ */ e(
+  } = N(), h = f(k), v = ({ group: l }) => /* @__PURE__ */ e("ul", { className: a.list, children: l.items.map((u, C) => /* @__PURE__ */ e(
     "li",
     {
       className: b(
-        n.listItem,
-        s && n.listItemCollapsed
+        a.listItem,
+        s && a.listItemCollapsed
       ),
       children: /* @__PURE__ */ e(
         H,
         {
-          onClick: a,
+          onClick: t,
           ...u
         }
       )
     },
-    "link_" + g
+    "link_" + C
   )) });
-  return f.useEffect(() => {
+  return y.useEffect(() => {
     const l = (u) => {
       u.key === "Escape" && d !== void 0 && d(!1);
     };
@@ -215,20 +215,20 @@ const K = [
     {
       id: m,
       className: b(
-        n.sidebar,
-        s && n.sidebarCollapsed,
-        i && n.sidebarOpened
+        a.sidebar,
+        s && a.sidebarCollapsed,
+        i && a.sidebarOpened
       ),
       children: [
-        /* @__PURE__ */ o("div", { className: n.sidebarHeader, children: [
-          !s && /* @__PURE__ */ e("p", { className: n.appName, children: r.name }),
+        /* @__PURE__ */ o("div", { className: a.sidebarHeader, children: [
+          !s && /* @__PURE__ */ e("p", { className: a.appName, children: r.name }),
           /* @__PURE__ */ e(
             E,
             {
               variant: "icon",
               "aria-label": s ? h.format("maximizeMenu") : h.format("minimizeMenu"),
               onPress: () => p(!s),
-              className: n.collapseButton,
+              className: a.collapseButton,
               children: s ? /* @__PURE__ */ e(Q, { size: 20 }) : /* @__PURE__ */ e(J, { size: 20 })
             }
           )
@@ -236,18 +236,18 @@ const K = [
         /* @__PURE__ */ e(
           "nav",
           {
-            className: n.sidebarNav,
+            className: a.sidebarNav,
             "aria-label": h.format("sidebarMenu"),
-            children: /* @__PURE__ */ e("ul", { className: n.list, children: t.map((l, u) => /* @__PURE__ */ o("li", { children: [
-              l.title && !s && /* @__PURE__ */ e("p", { className: n.listGroupTitle, children: l.title }),
-              v ? /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e("ul", { className: a.list, children: n.map((l, u) => /* @__PURE__ */ o("li", { children: [
+              l.title && !s && /* @__PURE__ */ e("p", { className: a.listGroupTitle, children: l.title }),
+              x ? /* @__PURE__ */ e(
                 w,
                 {
-                  navigate: v,
+                  navigate: x,
                   useHref: _,
-                  children: /* @__PURE__ */ e(N, { group: l })
+                  children: /* @__PURE__ */ e(v, { group: l })
                 }
-              ) : /* @__PURE__ */ e(N, { group: l })
+              ) : /* @__PURE__ */ e(v, { group: l })
             ] }, "list_" + u)) })
           }
         )
@@ -256,51 +256,51 @@ const K = [
   );
 }, We = () => {
   const {
-    title: a,
-    user: t,
+    title: t,
+    user: n,
     app: r,
     isOpened: i,
     setIsOpened: s,
     setIsCollapsed: p,
     headerChildren: d,
-    variant: v,
+    variant: x,
     id: _
-  } = k(), m = C(x);
-  return v === "external" ? /* @__PURE__ */ e("header", { className: b(n.header, n.headerExternal), children: /* @__PURE__ */ o("div", { className: n.headerContentExternal, children: [
-    /* @__PURE__ */ o("div", { className: n.logoExternalContainer, children: [
+  } = N(), m = f(k);
+  return x === "external" ? /* @__PURE__ */ e("header", { className: b(a.header, a.headerExternal), children: /* @__PURE__ */ o("div", { className: a.headerContentExternal, children: [
+    /* @__PURE__ */ o("div", { className: a.logoExternalContainer, children: [
       /* @__PURE__ */ e(
-        L,
+        g,
         {
           size: "x-small",
           padding: !1,
-          className: n.logoExternal
+          className: a.logoExternal
         }
       ),
       /* @__PURE__ */ e(
-        L,
+        g,
         {
           size: "small",
           padding: !1,
-          className: n.logoExternalDesktop
+          className: a.logoExternalDesktop
         }
       ),
       /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ e("p", { className: n.userName, children: t.name }),
-        /* @__PURE__ */ e("p", { className: n.userTitle, children: t.title })
+        /* @__PURE__ */ e("p", { className: a.userName, children: n.name }),
+        /* @__PURE__ */ e("p", { className: a.userTitle, children: n.title })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: n.headerItems, children: d })
+    /* @__PURE__ */ e("div", { className: a.headerItems, children: d })
   ] }) }) : /* @__PURE__ */ o(
     "header",
     {
-      className: n.header,
+      className: a.header,
       style: {
         borderTop: `solid 4px ${r.color ? r.color : A.brandPrimary}`
       },
       children: [
-        /* @__PURE__ */ o("div", { className: n.headerContent, children: [
-          /* @__PURE__ */ e("div", { className: n.logo, children: /* @__PURE__ */ e(
-            L,
+        /* @__PURE__ */ o("div", { className: a.headerContent, children: [
+          /* @__PURE__ */ e("div", { className: a.logo, children: /* @__PURE__ */ e(
+            g,
             {
               size: "small",
               padding: !1
@@ -310,7 +310,7 @@ const K = [
             E,
             {
               variant: "icon",
-              className: n.toggleButton,
+              className: a.toggleButton,
               "aria-label": i ? m.format("closeMenu") : m.format("openMenu"),
               "aria-controls": _,
               onPressStart: () => {
@@ -332,53 +332,53 @@ const K = [
             }
           ),
           /* @__PURE__ */ o("div", { children: [
-            /* @__PURE__ */ e("p", { className: n.userName, children: t.name }),
-            /* @__PURE__ */ e("p", { className: n.userTitle, children: t.title }),
-            /* @__PURE__ */ e("p", { className: n.title, children: a })
+            /* @__PURE__ */ e("p", { className: a.userName, children: n.name }),
+            /* @__PURE__ */ e("p", { className: a.userTitle, children: n.title }),
+            /* @__PURE__ */ e("p", { className: a.title, children: t })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: n.headerItems, children: d })
+        /* @__PURE__ */ e("div", { className: a.headerItems, children: d })
       ]
     }
   );
 }, B = ({
-  id: a = "main:first-of-type"
+  id: t = "main:first-of-type"
 }) => {
-  const t = () => {
-    const i = document.querySelector(a);
+  const n = () => {
+    const i = document.querySelector(t);
     i && (i.tabIndex = -1, i.focus(), setTimeout(() => i.removeAttribute("tabindex"), 1e3));
-  }, r = C(x);
+  }, r = f(k);
   return /* @__PURE__ */ e(
     E,
     {
-      onPress: t,
-      className: n.skipToContent,
+      onPress: n,
+      className: a.skipToContent,
       children: r.format("skipToContent")
     }
   );
 }, je = () => {
-  const { isOpened: a, setIsOpened: t } = k();
-  return a ? /* @__PURE__ */ e(
+  const { isOpened: t, setIsOpened: n } = N();
+  return t ? /* @__PURE__ */ e(
     "div",
     {
-      className: b(n.backdrop, n.backdropOpened),
+      className: b(a.backdrop, a.backdropOpened),
       onClick: () => {
-        t?.(!1);
+        n?.(!1);
       },
       "aria-hidden": !0
     }
   ) : null;
 }, De = () => {
-  const { items: a, clientSideRouter: t, clientSideHref: r } = k(), i = C(x), s = a.at(0)?.items;
+  const { items: t, clientSideRouter: n, clientSideHref: r } = N(), i = f(k), s = t.at(0)?.items;
   return /* @__PURE__ */ e(
     "nav",
     {
-      className: n.navbar,
+      className: a.navbar,
       "aria-label": i.format("bottomMenu"),
-      children: s && /* @__PURE__ */ e("ul", { className: b(n.navbarList), children: t ? /* @__PURE__ */ e(
+      children: s && /* @__PURE__ */ e("ul", { className: b(a.navbarList), children: n ? /* @__PURE__ */ e(
         w,
         {
-          navigate: t,
+          navigate: n,
           useHref: r,
           children: /* @__PURE__ */ e(O, { items: s })
         }
@@ -386,12 +386,12 @@ const K = [
     }
   );
 }, O = ({
-  items: a
-}) => /* @__PURE__ */ e(G, { children: a.map(({ href: t, active: r, icon: i, title: s, hasBadge: p }, d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
-  y,
+  items: t
+}) => /* @__PURE__ */ e(G, { children: t.map(({ href: n, active: r, icon: i, title: s, hasBadge: p }, d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+  L,
   {
-    href: t,
-    className: b(n.navbarItem),
+    href: n,
+    className: b(a.navbarItem),
     "data-active": r,
     "aria-current": r && "page",
     children: [
@@ -403,66 +403,66 @@ const K = [
     ]
   }
 ) }, d)) }), c = ({
-  items: a,
-  title: t,
+  items: t,
+  title: n,
   user: r,
   app: i,
   children: s,
   headerChildren: p,
   clientSideRouter: d,
-  clientSideHref: v,
+  clientSideHref: x,
   variant: _,
   className: m,
   onSidebarLinkClick: h
 }) => {
-  const [N, l] = f.useState(!1), [u, g] = f.useState(!1), S = f.useId();
+  const [v, l] = y.useState(!1), [u, C] = y.useState(!1), S = y.useId();
   return _ === "external" ? /* @__PURE__ */ e(
     c.Provider,
     {
-      items: a,
-      title: t,
+      items: t,
+      title: n,
       user: r,
       app: i,
       clientSideRouter: d,
-      clientSideHref: v,
+      clientSideHref: x,
       headerChildren: p,
-      isCollapsed: N,
+      isCollapsed: v,
       setIsCollapsed: l,
       variant: _,
       id: S,
-      children: /* @__PURE__ */ o("div", { className: b(n.baseLayout, m), children: [
+      children: /* @__PURE__ */ o("div", { className: b(a.baseLayout, m), children: [
         /* @__PURE__ */ e(B, {}),
         /* @__PURE__ */ e(c.Header, {}),
-        /* @__PURE__ */ o("div", { className: n.mainContent, children: [
+        /* @__PURE__ */ o("div", { className: a.mainContent, children: [
           /* @__PURE__ */ e(c.Sidebar, { onLinkClick: h }),
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e("main", { className: n.main, children: /* @__PURE__ */ e("div", { className: n.app, children: s }) }) }),
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: s }) }) }),
           /* @__PURE__ */ e(c.Backdrop, {})
         ] }),
-        /* @__PURE__ */ e("div", { className: n.navbarWrapper, children: /* @__PURE__ */ e(c.Navbar, {}) })
+        /* @__PURE__ */ e("div", { className: a.navbarWrapper, children: /* @__PURE__ */ e(c.Navbar, {}) })
       ] })
     }
   ) : /* @__PURE__ */ e(
     c.Provider,
     {
-      items: a,
-      title: t,
+      items: t,
+      title: n,
       user: r,
       app: i,
       clientSideRouter: d,
-      clientSideHref: v,
+      clientSideHref: x,
       headerChildren: p,
-      isCollapsed: N,
+      isCollapsed: v,
       setIsCollapsed: l,
       isOpened: u,
-      setIsOpened: g,
+      setIsOpened: C,
       variant: _,
       id: S,
-      children: /* @__PURE__ */ o("div", { className: b(n.baseLayout, m), children: [
+      children: /* @__PURE__ */ o("div", { className: b(a.baseLayout, m), children: [
         /* @__PURE__ */ e(B, {}),
         /* @__PURE__ */ e(c.Header, {}),
-        /* @__PURE__ */ o("div", { className: n.mainContent, children: [
+        /* @__PURE__ */ o("div", { className: a.mainContent, children: [
           /* @__PURE__ */ e(c.Sidebar, { onLinkClick: h }),
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e("main", { className: n.main, children: /* @__PURE__ */ e("div", { className: n.app, children: s }) }) }),
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: s }) }) }),
           /* @__PURE__ */ e(c.Backdrop, {})
         ] })
       ] })

package/index.js

@@ -21,7 +21,7 @@ import { G as ao } from "./chunks/GridItem-z7zclNdT.js";
 import { H as eo } from "./chunks/Heading-D8tNNJkt.js";
 import { I as so } from "./chunks/InfoBanner-C4HnaXQO.js";
 import { L as xo } from "./chunks/Label-6GZmmff9.js";
-import { H as io, L as fo, N as no, S as To, a as co } from "./chunks/Layout-CFhqS9ej.js";
+import { H as io, L as fo, N as no, S as To, a as co } from "./chunks/Layout-BclBqFzc.js";
 import { L as uo } from "./chunks/Link-rqGQvFQq.js";
 import { L as Bo } from "./chunks/LinkButton-B1zayj7k.js";
 import { L as Lo } from "./chunks/Logo-CCxPAmgw.js";
@@ -49,7 +49,7 @@ import { c as Na } from "./chunks/clsx-AexbMWKp.js";
 import { DialogTrigger as za, MenuTrigger as Oa, RouterProvider as Qa } from "react-aria-components";
 import { u as Za } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
 import { useToastState as qa } from "react-stately";
-const o = "17.2.5", a = {
+const o = "17.2.6", a = {
   version: o
 }, r = a.version;
 export {

package/layout/index.js

@@ -1,4 +1,4 @@
-import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-CFhqS9ej.js";
+import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-BclBqFzc.js";
 export {
   e as Header,
   s as Layout,

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.2.5",
+  "version": "17.2.6",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",