@midas-ds/layout 0.2.14 → 0.2.16

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 0.2.16 (2026-08-18)
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.21.0
+
+## 0.2.15 (2026-08-17)
+
+### 🩹 Fixes
+
+- **layout,sidebar:** allow overriding width via CSS custom properties ([5cead0c5c7a](https://github.com/migrationsverket/midas/commit/5cead0c5c7a))
+
 ## 0.2.14 (2026-08-14)
 
 ### 🩹 Fixes

package/assets/sidebar.css

@@ -1 +1 @@
-._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}}
+._sidebar_1gkx7_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;width:var(--midas-sidebar-width,300px);flex-shrink:0}._sidebar_1gkx7_1._collapsed_1gkx7_8{width:var(--midas-sidebar-collapsed-width,calc(var(--midas-size-icon) + 4 * var(--midas-space-small)))}@media (width<=640px){._sidebar_1gkx7_1{display:none}}._sidebarHeader_1gkx7_20{transition:padding-left var(--midas-transition-duration-fast) ease-out;gap:0}._sidebarHeader_1gkx7_20._collapsed_1gkx7_8{padding-left:var(--midas-space-30)}._sidebarTitle_1gkx7_29{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_1gkx7_29._collapsed_1gkx7_8{opacity:0;max-width:0}._collapseButton_1gkx7_47{display:inline-flex}._collapseButton_1gkx7_47._collapsed_1gkx7_8{transform:scaleX(-1)}._sidebarContent_1gkx7_55{padding:var(--midas-space-small)}@media (prefers-reduced-motion:reduce){._sidebar_1gkx7_1,._sidebarHeader_1gkx7_20,._sidebarTitle_1gkx7_29{transition:none}}

package/chunks/{navigation-C7-tspse.js → navigation-BZTfVSg7.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-Dq4ivTMY.js";
+import { n } from "./sidebar--_bq6HD0.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-Dq4ivTMY.js → sidebar--_bq6HD0.js}

@@ -35,12 +35,12 @@ import '../assets/sidebar.css';var h = t("panel-left-close", [
 		collapseSidebar: "Minimera sidopanel"
 	}
 }, _ = u(void 0), v = {
-	sidebar: "_sidebar_1jo8l_1",
-	collapsed: "_collapsed_1jo8l_8",
-	sidebarHeader: "_sidebarHeader_1jo8l_17",
-	sidebarTitle: "_sidebarTitle_1jo8l_26",
-	collapseButton: "_collapseButton_1jo8l_44",
-	sidebarContent: "_sidebarContent_1jo8l_52"
+	sidebar: "_sidebar_1gkx7_1",
+	collapsed: "_collapsed_1gkx7_8",
+	sidebarHeader: "_sidebarHeader_1gkx7_20",
+	sidebarTitle: "_sidebarTitle_1gkx7_29",
+	collapseButton: "_collapseButton_1gkx7_47",
+	sidebarContent: "_sidebarContent_1gkx7_55"
 }, 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);
@@ -53,7 +53,7 @@ import '../assets/sidebar.css';var h = t("panel-left-close", [
 			className: e(u, v.sidebar, { [v.collapsed]: C }),
 			"data-transitioning": T || void 0,
 			onTransitionEnd: O,
-			...m(b),
+			...m(b, { propNames: /* @__PURE__ */ new Set(["style"]) }),
 			children: [/* @__PURE__ */ c(n, {
 				className: e(v.sidebarHeader, { [v.collapsed]: C }),
 				children: [/* @__PURE__ */ s(i, {

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-Dq4ivTMY.js";
+import { n as s, t as c } from "./chunks/sidebar--_bq6HD0.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-C7-tspse.js";
+import { a as S, i as C, n as w, o as T, r as E, t as D } from "./chunks/navigation-BZTfVSg7.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-C7-tspse.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/navigation-BZTfVSg7.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.14",
+  "version": "0.2.16",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -37,7 +37,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/components": "17.20.0",
+    "@midas-ds/components": "17.21.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-Dq4ivTMY.js";
+import { n as e, t } from "../chunks/sidebar--_bq6HD0.js";
 export { t as Sidebar, e as SidebarContext };