@midas-ds/layout 0.2.13 → 0.2.14

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.2.14 (2026-08-14)
+
+### 🩹 Fixes
+
+- **components,badge:** pin badge to icon corner in width-constrained containers ([b1d8e302d10](https://github.com/migrationsverket/midas/commit/b1d8e302d10))
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.20.0
+
 ## 0.2.13 (2026-08-13)
 
 ### 🧱 Updated Dependencies

package/assets/sidebar.css

@@ -1 +1 @@
-._sidebar_42bd1_1{background-color:var(--midas-background-base);border-right:1px solid var(--midas-border-color-subtle);transition:width var(--midas-transition-duration-fast) ease-out;flex-shrink:0;width:300px}._sidebar_42bd1_1._collapsed_42bd1_8{width:calc(var(--midas-size-icon) + 4 * var(--midas-space-small))}@media (width<=640px){._sidebar_42bd1_1{display:none}}._sidebarHeader_42bd1_17{transition:padding-left var(--midas-transition-duration-fast) ease-out;gap:0}._sidebarHeader_42bd1_17._collapsed_42bd1_8{padding-left:var(--midas-space-30)}._sidebarTitle_42bd1_26{font-size:var(--midas-typography-font-size-30);font-weight:var(--midas-typography-weight-semi-bold);line-height:var(--midas-typography-line-height-50);white-space:nowrap;max-width:100%;transition:max-width var(--midas-transition-duration-fast) ease-out, opacity var(--midas-transition-duration-fast) ease-out;display:block;overflow:hidden}._sidebarTitle_42bd1_26._collapsed_42bd1_8{opacity:0;max-width:0}._collapseButton_42bd1_44{display:inline-flex}._collapseButton_42bd1_44._collapsed_42bd1_8{transform:scaleX(-1)}._sidebarContent_42bd1_52{padding:var(--midas-space-small)}._sidebar_42bd1_1[data-transitioning] [data-badge]{opacity:0;transition:none}._sidebar_42bd1_1 [data-badge]{transition:opacity var(--midas-transition-duration-normal) ease var(--midas-transition-duration-fast)}@media (prefers-reduced-motion:reduce){._sidebar_42bd1_1,._sidebarHeader_42bd1_17,._sidebarTitle_42bd1_26,._sidebar_42bd1_1[data-transitioning] [data-badge],._sidebar_42bd1_1 [data-badge]{transition:none}}
+._sidebar_1jo8l_1{background-color:var(--midas-background-base);border-right:1px solid var(--midas-border-color-subtle);transition:width var(--midas-transition-duration-fast) ease-out;flex-shrink:0;width:300px}._sidebar_1jo8l_1._collapsed_1jo8l_8{width:calc(var(--midas-size-icon) + 4 * var(--midas-space-small))}@media (width<=640px){._sidebar_1jo8l_1{display:none}}._sidebarHeader_1jo8l_17{transition:padding-left var(--midas-transition-duration-fast) ease-out;gap:0}._sidebarHeader_1jo8l_17._collapsed_1jo8l_8{padding-left:var(--midas-space-30)}._sidebarTitle_1jo8l_26{font-size:var(--midas-typography-font-size-30);font-weight:var(--midas-typography-weight-semi-bold);line-height:var(--midas-typography-line-height-50);white-space:nowrap;max-width:100%;transition:max-width var(--midas-transition-duration-fast) ease-out, opacity var(--midas-transition-duration-fast) ease-out;display:block;overflow:hidden}._sidebarTitle_1jo8l_26._collapsed_1jo8l_8{opacity:0;max-width:0}._collapseButton_1jo8l_44{display:inline-flex}._collapseButton_1jo8l_44._collapsed_1jo8l_8{transform:scaleX(-1)}._sidebarContent_1jo8l_52{padding:var(--midas-space-small)}@media (prefers-reduced-motion:reduce){._sidebar_1jo8l_1,._sidebarHeader_1jo8l_17,._sidebarTitle_1jo8l_26{transition:none}}

package/chunks/{navigation-CTvX1yRi.js → navigation-C7-tspse.js}

@@ -1,7 +1,7 @@
 'use client';
 import { t as e } from "./clsx-CbxlCXZ3.js";
 import { r as t } from "./header-5ItL8E3-.js";
-import { n } from "./sidebar-c0uIh8ge.js";
+import { n } from "./sidebar-Dq4ivTMY.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useContext as a } from "react";
 import { Collection as o, Focusable as s, Link as c, OverlayTriggerStateContext as l } from "react-aria-components";

package/chunks/{sidebar-c0uIh8ge.js → sidebar-Dq4ivTMY.js}

@@ -35,12 +35,12 @@ import '../assets/sidebar.css';var h = t("panel-left-close", [
 		collapseSidebar: "Minimera sidopanel"
 	}
 }, _ = u(void 0), v = {
-	sidebar: "_sidebar_42bd1_1",
-	collapsed: "_collapsed_42bd1_8",
-	sidebarHeader: "_sidebarHeader_42bd1_17",
-	sidebarTitle: "_sidebarTitle_42bd1_26",
-	collapseButton: "_collapseButton_42bd1_44",
-	sidebarContent: "_sidebarContent_42bd1_52"
+	sidebar: "_sidebar_1jo8l_1",
+	collapsed: "_collapsed_1jo8l_8",
+	sidebarHeader: "_sidebarHeader_1jo8l_17",
+	sidebarTitle: "_sidebarTitle_1jo8l_26",
+	collapseButton: "_collapseButton_1jo8l_44",
+	sidebarContent: "_sidebarContent_1jo8l_52"
 }, y = ({ children: t, className: u, title: y, ...b }) => {
 	let x = f(g), S = o(), [C, w] = p(b.isCollapsed, b.defaultCollapsed || !1, b.onCollapseChange), [T, E] = l.useState(!1), D = () => {
 		E(!0), w((e) => !e);

package/index.js

@@ -1,8 +1,8 @@
 import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./chunks/header-5ItL8E3-.js";
-import { n as s, t as c } from "./chunks/sidebar-c0uIh8ge.js";
+import { n as s, t as c } from "./chunks/sidebar-Dq4ivTMY.js";
 import { a as l, c as u, i as d, l as f, n as p, o as m, r as h, s as g, t as _, u as v } from "./chunks/panel-CJr6C1-h.js";
 import { n as y, t as b } from "./chunks/layout-BL0juoss.js";
 import { t as x } from "./chunks/main-BHQLIt4r.js";
-import { a as S, i as C, n as w, o as T, r as E, t as D } from "./chunks/navigation-CTvX1yRi.js";
+import { a as S, i as C, n as w, o as T, r as E, t as D } from "./chunks/navigation-C7-tspse.js";
 import { t as O } from "./chunks/navbar-C63VGKFb.js";
 export { o as Header, r as HeaderAction, a as HeaderActions, e as HeaderLogo, t as HeaderTitle, y as Layout, b as LayoutContent, x as Main, n as MobileMenu, i as MobileMenuContext, O as Navbar, T as Navigation, S as NavigationHeader, C as NavigationItem, E as NavigationLink, w as NavigationSection, D as NavigationSubMenu, m as Panel, v as PanelBody, f as PanelContent, d as PanelContext, u as PanelHeader, h as PanelProvider, _ as PanelRegion, g as PanelTitle, c as Sidebar, s as SidebarContext, l as UsePanels, p as usePanels };

package/navigation/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/navigation-CTvX1yRi.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/navigation-C7-tspse.js";
 export { r as Navigation, e as NavigationHeader, t as NavigationItem, i as NavigationLink, n as NavigationSection, a as NavigationSubMenu };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Layout components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -37,7 +37,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/components": "17.19.0",
+    "@midas-ds/components": "17.20.0",
     "@react-aria/collections": "^3.0.3",
     "@react-aria/utils": "^3.33.1",
     "@react-stately/utils": "^3.11.0"

package/sidebar/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/sidebar-c0uIh8ge.js";
+import { n as e, t } from "../chunks/sidebar-Dq4ivTMY.js";
 export { t as Sidebar, e as SidebarContext };