@midas-ds/components 17.6.3 → 17.6.5

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 17.6.5 (2026-03-09)
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.12.6
+
+## 17.6.4 (2026-03-09)
+
+### 🩹 Fixes
+
+- **components, layout:** add "target" to SidebarLinkProps ([dead9e36ca](https://github.com/migrationsverket/midas/commit/dead9e36ca))
+
+### 🧪 Tests updated
+
+- **components, layout:** add tests for target="_blank" ([8e97dc9c93](https://github.com/migrationsverket/midas/commit/8e97dc9c93))
+
 ## 17.6.3 (2026-03-09)
 
 This was a version bump only for components to align it with other projects, there were no code changes.

package/chunks/{Layout-hXzqx4cY.js → Layout-CmKsh0kv.js}

@@ -1,15 +1,15 @@
 '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 { G as B } from "./GridItem-z7zclNdT.js";
 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 L, RouterProvider as w } from "react-aria-components";
-import { B as E } from "./Button-BhIvfqOc.js";
+import { Link as L, RouterProvider as P } from "react-aria-components";
+import { B as T } from "./Button-BhIvfqOc.js";
 import { a as D, T as q } from "./Tooltip-C1bbgr2l.js";
 import { a as I, B as M } from "./BadgeContainer-CKVsfTlF.js";
-import { c as T } from "./createLucideIcon-CP-mMPfa.js";
-import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import { c as S } from "./createLucideIcon-CP-mMPfa.js";
+import { u as k } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { variables as A } from "@midas-ds/theme";
 import { L as g } from "./Logo-CCxPAmgw.js";
 import { X as R } from "./x-B9bYxG31.js";
@@ -17,17 +17,17 @@ import '../assets/Layout.css';const $ = [
   ["path", { d: "M4 5h16", key: "1tepv9" }],
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 19h16", key: "1djgab" }]
-], F = T("menu", $);
+], F = S("menu", $);
 const X = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
-], J = T("panel-left-close", X);
+], J = S("panel-left-close", X);
 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_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 = {
+], Q = S("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", ue = "_sidebarNav_1ylxx_207", he = "_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,
@@ -47,8 +47,8 @@ const K = [
   userName: pe,
   userTitle: _e,
   title: xe,
-  sidebarNav: he,
-  list: ue,
+  sidebarNav: ue,
+  list: he,
   listGroupTitle: be,
   listItem: ve,
   listItemCollapsed: ye,
@@ -66,7 +66,7 @@ const K = [
   logoExternal: ze,
   logoExternalDesktop: Be,
   navbarWrapper: Oe
-}, P = y.createContext(
+}, H = y.createContext(
   void 0
 ), we = ({
   items: t,
@@ -75,61 +75,62 @@ const K = [
   app: i,
   children: s,
   clientSideRouter: p,
-  clientSideHref: d,
-  headerChildren: x,
-  isCollapsed: _,
-  setIsCollapsed: m,
-  isOpened: h,
+  clientSideHref: l,
+  headerChildren: u,
+  isCollapsed: h,
+  setIsCollapsed: x,
+  isOpened: _,
   setIsOpened: v,
-  variant: l,
-  id: u
+  variant: d,
+  id: m
 }) => /* @__PURE__ */ e(
-  P.Provider,
+  H.Provider,
   {
     value: {
       items: t,
       title: n,
       user: r,
       app: i,
-      headerChildren: x,
-      isCollapsed: _,
-      setIsCollapsed: m,
-      isOpened: h,
+      headerChildren: u,
+      isCollapsed: h,
+      setIsCollapsed: x,
+      isOpened: _,
       setIsOpened: v,
       clientSideRouter: p,
-      clientSideHref: d,
-      variant: l,
-      id: u
+      clientSideHref: l,
+      variant: d,
+      id: m
     },
     children: s
   }
-), N = () => {
-  const t = y.useContext(P);
+), f = () => {
+  const t = y.useContext(H);
   if (!t)
     throw new Error("useLayoutContext must be used within a LayoutProvider");
   return t;
-}, H = ({
+}, E = ({
   title: t,
   href: n,
   icon: r,
   active: i,
   hasBadge: s,
-  onClick: p
+  onClick: p,
+  target: l
 }) => {
-  const { isCollapsed: d, setIsOpened: x, clientSideHref: _ } = N(), m = _ ? _(n) : n, [h, v] = W(!1);
+  const { isCollapsed: u, setIsOpened: h, clientSideHref: x } = f(), _ = x ? x(n) : n, [v, d] = W(!1);
   j(() => {
     if (typeof window < "u") {
-      const u = window.location.pathname === m || window.location.pathname.startsWith(m + "/");
-      v(i ?? u);
+      const N = window.location.pathname === _ || window.location.pathname.startsWith(_ + "/");
+      d(i ?? N);
     }
-  }, [i, m]);
-  const l = () => {
-    x?.(!1), p && p({
+  }, [i, _]);
+  const m = () => {
+    h?.(!1), p && p({
       title: t,
-      href: m
+      href: _
     });
   };
-  return d ? /* @__PURE__ */ o(D, { children: [
+  return u ? /* @__PURE__ */ o(D, { children: [
     /* @__PURE__ */ e(
       L,
       {
@@ -138,9 +139,10 @@ const K = [
         className: b(
           a.listLink,
           a.listLinkCollapsed,
-          h && a.active
+          v && a.active
         ),
-        onPress: l,
+        onPress: m,
+        target: l,
         children: /* @__PURE__ */ o(I, { children: [
           /* @__PURE__ */ e(
             r,
@@ -159,8 +161,9 @@ const K = [
     {
       href: n,
       "aria-label": t,
-      className: b(a.listLink, h && a.active),
-      onPress: l,
+      className: b(a.listLink, v && a.active),
+      onPress: m,
+      target: l,
       children: [
         /* @__PURE__ */ o(I, { children: [
           /* @__PURE__ */ e(r, { size: 20 }),
@@ -170,7 +173,7 @@ const K = [
       ]
     }
   );
-}, 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 = {
+}, 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" }, C = {
   en: Pe,
   sv: He
 }, Ge = ({
@@ -182,38 +185,51 @@ const K = [
     isOpened: i,
     isCollapsed: s,
     setIsCollapsed: p,
-    setIsOpened: d,
-    clientSideRouter: x,
-    clientSideHref: _,
-    id: m
-  } = N(), h = f(k), v = ({ group: l }) => /* @__PURE__ */ e("ul", { className: a.list, children: l.items.map((u, C) => /* @__PURE__ */ e(
+    setIsOpened: l,
+    clientSideRouter: u,
+    clientSideHref: h,
+    id: x
+  } = f(), _ = k(C), v = ({ group: d }) => /* @__PURE__ */ e("ul", { className: a.list, children: d.items.map((m, N) => /* @__PURE__ */ e(
     "li",
     {
       className: b(
         a.listItem,
         s && a.listItemCollapsed
       ),
-      children: /* @__PURE__ */ e(
-        H,
+      children: m.target === "_blank" || !u ? /* @__PURE__ */ e(
+        E,
         {
           onClick: t,
-          ...u
+          ...m
+        }
+      ) : /* @__PURE__ */ e(
+        P,
+        {
+          navigate: u,
+          useHref: h,
+          children: /* @__PURE__ */ e(
+            E,
+            {
+              onClick: t,
+              ...m
+            }
+          )
         }
       )
     },
-    "link_" + C
+    "link_" + N
   )) });
   return y.useEffect(() => {
-    const l = (u) => {
-      u.key === "Escape" && d !== void 0 && d(!1);
+    const d = (m) => {
+      m.key === "Escape" && l !== void 0 && l(!1);
     };
-    return window.addEventListener("keydown", l), () => {
-      window.removeEventListener("keydown", l);
+    return window.addEventListener("keydown", d), () => {
+      window.removeEventListener("keydown", d);
     };
-  }, [d]), /* @__PURE__ */ o(
+  }, [l]), /* @__PURE__ */ o(
     "aside",
     {
-      id: m,
+      id: x,
       className: b(
         a.sidebar,
         s && a.sidebarCollapsed,
@@ -223,10 +239,10 @@ const K = [
         /* @__PURE__ */ o("div", { className: a.sidebarHeader, children: [
           !s && /* @__PURE__ */ e("p", { className: a.appName, children: r.name }),
           /* @__PURE__ */ e(
-            E,
+            T,
             {
               variant: "icon",
-              "aria-label": s ? h.format("maximizeMenu") : h.format("minimizeMenu"),
+              "aria-label": s ? _.format("maximizeMenu") : _.format("minimizeMenu"),
               onPress: () => p(!s),
               className: a.collapseButton,
               children: s ? /* @__PURE__ */ e(Q, { size: 20 }) : /* @__PURE__ */ e(J, { size: 20 })
@@ -237,18 +253,11 @@ const K = [
           "nav",
           {
             className: a.sidebarNav,
-            "aria-label": h.format("sidebarMenu"),
-            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: x,
-                  useHref: _,
-                  children: /* @__PURE__ */ e(v, { group: l })
-                }
-              ) : /* @__PURE__ */ e(v, { group: l })
-            ] }, "list_" + u)) })
+            "aria-label": _.format("sidebarMenu"),
+            children: /* @__PURE__ */ e("ul", { className: a.list, children: n.map((d, m) => /* @__PURE__ */ o("li", { children: [
+              d.title && !s && /* @__PURE__ */ e("p", { className: a.listGroupTitle, children: d.title }),
+              /* @__PURE__ */ e(v, { group: d })
+            ] }, "list_" + m)) })
           }
         )
       ]
@@ -262,11 +271,11 @@ const K = [
     isOpened: i,
     setIsOpened: s,
     setIsCollapsed: p,
-    headerChildren: d,
-    variant: x,
-    id: _
-  } = N(), m = f(k);
-  return x === "external" ? /* @__PURE__ */ e("header", { className: b(a.header, a.headerExternal), children: /* @__PURE__ */ o("div", { className: a.headerContentExternal, children: [
+    headerChildren: l,
+    variant: u,
+    id: h
+  } = f(), x = k(C);
+  return u === "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(
         g,
@@ -289,7 +298,7 @@ const K = [
         /* @__PURE__ */ e("p", { className: a.userTitle, children: n.title })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: a.headerItems, children: d })
+    /* @__PURE__ */ e("div", { className: a.headerItems, children: l })
   ] }) }) : /* @__PURE__ */ o(
     "header",
     {
@@ -307,12 +316,12 @@ const K = [
             }
           ) }),
           i !== void 0 && /* @__PURE__ */ e(
-            E,
+            T,
             {
               variant: "icon",
               className: a.toggleButton,
-              "aria-label": i ? m.format("closeMenu") : m.format("openMenu"),
-              "aria-controls": _,
+              "aria-label": i ? x.format("closeMenu") : x.format("openMenu"),
+              "aria-controls": h,
               onPressStart: () => {
                 p(!1), s?.(!0);
               },
@@ -337,19 +346,19 @@ const K = [
             /* @__PURE__ */ e("p", { className: a.title, children: t })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: a.headerItems, children: d })
+        /* @__PURE__ */ e("div", { className: a.headerItems, children: l })
       ]
     }
   );
-}, B = ({
+}, O = ({
   id: t = "main:first-of-type"
 }) => {
   const n = () => {
     const i = document.querySelector(t);
     i && (i.tabIndex = -1, i.focus(), setTimeout(() => i.removeAttribute("tabindex"), 1e3));
-  }, r = f(k);
+  }, r = k(C);
   return /* @__PURE__ */ e(
-    E,
+    T,
     {
       onPress: n,
       className: a.skipToContent,
@@ -357,7 +366,7 @@ const K = [
     }
   );
 }, je = () => {
-  const { isOpened: t, setIsOpened: n } = N();
+  const { isOpened: t, setIsOpened: n } = f();
   return t ? /* @__PURE__ */ e(
     "div",
     {
@@ -369,25 +378,25 @@ const K = [
     }
   ) : null;
 }, De = () => {
-  const { items: t, clientSideRouter: n, clientSideHref: r } = N(), i = f(k), s = t.at(0)?.items;
+  const { items: t, clientSideRouter: n, clientSideHref: r } = f(), i = k(C), s = t.at(0)?.items;
   return /* @__PURE__ */ e(
     "nav",
     {
       className: a.navbar,
       "aria-label": i.format("bottomMenu"),
       children: s && /* @__PURE__ */ e("ul", { className: b(a.navbarList), children: n ? /* @__PURE__ */ e(
-        w,
+        P,
         {
           navigate: n,
           useHref: r,
-          children: /* @__PURE__ */ e(O, { items: s })
+          children: /* @__PURE__ */ e(w, { items: s })
         }
-      ) : /* @__PURE__ */ e(O, { items: s }) })
+      ) : /* @__PURE__ */ e(w, { items: s }) })
     }
   );
-}, O = ({
+}, w = ({
   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(
+}) => /* @__PURE__ */ e(G, { children: t.map(({ href: n, active: r, icon: i, title: s, hasBadge: p }, l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
   L,
   {
     href: n,
@@ -402,40 +411,40 @@ const K = [
       s
     ]
   }
-) }, d)) }), c = ({
+) }, l)) }), c = ({
   items: t,
   title: n,
   user: r,
   app: i,
   children: s,
   headerChildren: p,
-  clientSideRouter: d,
-  clientSideHref: x,
-  variant: _,
-  className: m,
-  onSidebarLinkClick: h
+  clientSideRouter: l,
+  clientSideHref: u,
+  variant: h,
+  className: x,
+  onSidebarLinkClick: _
 }) => {
-  const [v, l] = y.useState(!1), [u, C] = y.useState(!1), S = y.useId();
-  return _ === "external" ? /* @__PURE__ */ e(
+  const [v, d] = y.useState(!1), [m, N] = y.useState(!1), z = y.useId();
+  return h === "external" ? /* @__PURE__ */ e(
     c.Provider,
     {
       items: t,
       title: n,
       user: r,
       app: i,
-      clientSideRouter: d,
-      clientSideHref: x,
+      clientSideRouter: l,
+      clientSideHref: u,
       headerChildren: p,
       isCollapsed: v,
-      setIsCollapsed: l,
-      variant: _,
-      id: S,
-      children: /* @__PURE__ */ o("div", { className: b(a.baseLayout, m), children: [
-        /* @__PURE__ */ e(B, {}),
+      setIsCollapsed: d,
+      variant: h,
+      id: z,
+      children: /* @__PURE__ */ o("div", { className: b(a.baseLayout, x), children: [
+        /* @__PURE__ */ e(O, {}),
         /* @__PURE__ */ e(c.Header, {}),
         /* @__PURE__ */ o("div", { className: a.mainContent, children: [
-          /* @__PURE__ */ e(c.Sidebar, { onLinkClick: h }),
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: s }) }) }),
+          /* @__PURE__ */ e(c.Sidebar, { onLinkClick: _ }),
+          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: s }) }) }),
           /* @__PURE__ */ e(c.Backdrop, {})
         ] }),
         /* @__PURE__ */ e("div", { className: a.navbarWrapper, children: /* @__PURE__ */ e(c.Navbar, {}) })
@@ -448,21 +457,21 @@ const K = [
       title: n,
       user: r,
       app: i,
-      clientSideRouter: d,
-      clientSideHref: x,
+      clientSideRouter: l,
+      clientSideHref: u,
       headerChildren: p,
       isCollapsed: v,
-      setIsCollapsed: l,
-      isOpened: u,
-      setIsOpened: C,
-      variant: _,
-      id: S,
-      children: /* @__PURE__ */ o("div", { className: b(a.baseLayout, m), children: [
-        /* @__PURE__ */ e(B, {}),
+      setIsCollapsed: d,
+      isOpened: m,
+      setIsOpened: N,
+      variant: h,
+      id: z,
+      children: /* @__PURE__ */ o("div", { className: b(a.baseLayout, x), children: [
+        /* @__PURE__ */ e(O, {}),
         /* @__PURE__ */ e(c.Header, {}),
         /* @__PURE__ */ o("div", { className: a.mainContent, children: [
-          /* @__PURE__ */ e(c.Sidebar, { onLinkClick: h }),
-          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: s }) }) }),
+          /* @__PURE__ */ e(c.Sidebar, { onLinkClick: _ }),
+          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: s }) }) }),
           /* @__PURE__ */ e(c.Backdrop, {})
         ] })
       ] })
@@ -472,7 +481,7 @@ const K = [
 c.Provider = we;
 c.Header = We;
 c.Sidebar = Ge;
-c.SidebarLink = H;
+c.SidebarLink = E;
 c.Navbar = De;
 c.Backdrop = je;
 export {
@@ -480,5 +489,5 @@ export {
   c as L,
   De as N,
   Ge as S,
-  H as a
+  E as a
 };

package/index.js

@@ -21,7 +21,7 @@ import { G as ao } from "./chunks/GridItem-z7zclNdT.js";
 import { H as eo } from "./chunks/Heading-nfcRc2QF.js";
 import { I as so } from "./chunks/InfoBanner-D_pwTOHH.js";
 import { L as xo } from "./chunks/Label-s4J9sYdy.js";
-import { H as io, L as fo, N as no, S as To, a as co } from "./chunks/Layout-hXzqx4cY.js";
+import { H as io, L as fo, N as no, S as To, a as co } from "./chunks/Layout-CmKsh0kv.js";
 import { L as uo } from "./chunks/Link-rqGQvFQq.js";
 import { L as Bo } from "./chunks/LinkButton-DJ-D5PkB.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.6.3", a = {
+const o = "17.6.5", a = {
   version: o
 }, r = a.version;
 export {

package/layout/Layout.d.ts

@@ -6,6 +6,7 @@ import { Href } from '@react-types/shared';
 import { LayoutProvider } from './context/LayoutContext';
 import { Backdrop } from './components/Backdrop';
 import { Navbar } from './components/Navbar';
+import { HTMLAttributeAnchorTarget } from 'react';
 import * as React from 'react';
 export interface SidebarLinkGroup {
     title?: string;
@@ -24,6 +25,7 @@ export interface SidebarLinkProps {
     isCollapsed?: boolean;
     setIsOpened?: React.Dispatch<React.SetStateAction<boolean>>;
     onClick?: (e: SidebarLinkClickData) => void;
+    target?: HTMLAttributeAnchorTarget;
 }
 export interface SidebarUser {
     name: string;

package/layout/components/SidebarLink.d.ts

@@ -1,2 +1,2 @@
 import { SidebarLinkProps } from '../Layout';
-export declare const SidebarLink: ({ title, href, icon: IconComponent, active, hasBadge, onClick, }: SidebarLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarLink: ({ title, href, icon: IconComponent, active, hasBadge, onClick, target, }: SidebarLinkProps) => import("react/jsx-runtime").JSX.Element;

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-hXzqx4cY.js";
+import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-CmKsh0kv.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.6.3",
+  "version": "17.6.5",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/theme": "3.12.5",
+    "@midas-ds/theme": "3.12.6",
     "react-aria-components": "1.14.0"
   }
 }