@midas-ds/components 17.32.2 → 17.32.3

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 17.32.3 (2026-10-26)
+
+### 🩹 Fixes
+
+- **components,modal:** prevent scroll to top on body click ([0986a346c70](https://github.com/migrationsverket/midas/commit/0986a346c70))
+- **components,modal:** keep focused fields clear of the sticky header and footer in WebKit ([577d2cf1d5b](https://github.com/migrationsverket/midas/commit/577d2cf1d5b))
+
+### 🧪 Tests updated
+
+- run the package tests nightly in real Chrome, Firefox and Edge ([#1421](https://github.com/migrationsverket/midas/pull/1421))
+- run package tests in Firefox, WebKit and mobile emulation ([2616981547e](https://github.com/migrationsverket/midas/commit/2616981547e))
+
 ## 17.32.2 (2026-10-26)
 
 ### 🩹 Fixes

package/calendar/index.js

@@ -1 +1 @@
-export { n as Calendar, t as RangeCalendar } from "../chunks/calendar-CMcDh3Qp.js";
+export { n as Calendar, t as RangeCalendar } from "../chunks/calendar-DFaswk-e.js";

package/checkbox/index.js

@@ -1 +1 @@
-export { n as Checkbox, r as CheckboxButton, i as CheckboxField, t as CheckboxGroup } from "../chunks/checkbox-E5RkzKav.js";
+export { n as Checkbox, r as CheckboxButton, i as CheckboxField, t as CheckboxGroup } from "../chunks/checkbox-DWEuIk8s.js";

package/chunks/{calendar-CMcDh3Qp.js → calendar-DFaswk-e.js}

@@ -2,7 +2,7 @@ import { t as e } from "./clsx-DAqHMl_k.js";
 import { n as t } from "./button-dpe6hXmI.js";
 import { t as n } from "./heading-DcOjYrUM.js";
 import { t as r } from "./field-error-BHoPnRe4.js";
-import { n as i } from "./select-BtknjTlA.js";
+import { n as i } from "./select-z8lZLKt3.js";
 import { a, c as o, o as s } from "./list-box-BzBJX0nP.js";
 import * as c from "react";
 import { clsx as l } from "clsx";

package/chunks/{checkbox-E5RkzKav.js → checkbox-DWEuIk8s.js}

@@ -1,7 +1,7 @@
 'use client';
 import { t as e } from "./clsx-DAqHMl_k.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n, t as r } from "./label-D-qPkeUX.js";
+import { n, t as r } from "./label-2ac-zqbe.js";
 import { t as i } from "./text-DnvD4Cjc.js";
 import { t as a } from "./field-error-BHoPnRe4.js";
 import { t as o } from "./splitDataAttributes-_JTFOOIb.js";

package/chunks/{combobox-CZhXbrMD.js → combobox-f4uuMJcb.js}

@@ -1,7 +1,7 @@
 'use client';
 import { t as e } from "./clsx-DAqHMl_k.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n, t as r } from "./label-D-qPkeUX.js";
+import { n, t as r } from "./label-2ac-zqbe.js";
 import { t as i } from "./text-DnvD4Cjc.js";
 import { t as a } from "./field-error-BHoPnRe4.js";
 import { a as o, c as s, t as c } from "./list-box-BzBJX0nP.js";

package/chunks/{date-field-D73LuPS0.js → date-field-BCfp9ZpN.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./clsx-DAqHMl_k.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n, t as r } from "./label-D-qPkeUX.js";
+import { n, t as r } from "./label-2ac-zqbe.js";
 import { t as i } from "./text-DnvD4Cjc.js";
 import { t as a } from "./field-error-BHoPnRe4.js";
 import { t as o } from "./clear-button-DWtOkhCH.js";

package/chunks/{date-picker-EEQ4pvDV.js → date-picker-Dtvibzqy.js}

@@ -1,12 +1,12 @@
 'use client';
 import { t as e } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { n as t } from "./button-dpe6hXmI.js";
-import { n, t as r } from "./calendar-CMcDh3Qp.js";
-import { n as i, t as a } from "./label-D-qPkeUX.js";
+import { n, t as r } from "./calendar-DFaswk-e.js";
+import { n as i, t as a } from "./label-2ac-zqbe.js";
 import { t as o } from "./text-DnvD4Cjc.js";
 import { t as s } from "./field-error-BHoPnRe4.js";
 import { t as c } from "./clear-button-DWtOkhCH.js";
-import { n as l, r as u, t as d } from "./date-field-D73LuPS0.js";
+import { n as l, r as u, t as d } from "./date-field-BCfp9ZpN.js";
 import * as f from "react";
 import { clsx as p } from "clsx";
 import { DatePicker as m, DatePickerStateContext as h, DateRangePicker as g, DateRangePickerStateContext as _, Group as v, Popover as y } from "react-aria-components";

package/chunks/{file-list-CsK6E-mQ.js → file-list-DT3zkJbO.js}

@@ -4,7 +4,7 @@ import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { n } from "./button-dpe6hXmI.js";
 import { t as r } from "./FeedbackStatusIcon-DvMDGBGL.js";
 import { t as i } from "./field-error-BHoPnRe4.js";
-import { t as a } from "./progress-bar-DQ56IibW.js";
+import { t as a } from "./progress-bar-CJOm7oiN.js";
 import { useEffect as o, useId as s, useRef as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 import { Trash2 as f, X as p } from "lucide-react";

package/chunks/{label-D-qPkeUX.js → label-2ac-zqbe.js}

@@ -2,7 +2,7 @@ import { t as e } from "./clsx-DAqHMl_k.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { n } from "./button-dpe6hXmI.js";
 import { t as r } from "./popover-B82BcP5n.js";
-import { t as i } from "./modal-Bst_8zeF.js";
+import { t as i } from "./modal-CzApHmjO.js";
 import * as a from "react";
 import o, { useContext as s } from "react";
 import { Label as c } from "react-aria-components";

package/chunks/{modal-Bst_8zeF.js → modal-CzApHmjO.js}

@@ -41,8 +41,19 @@ var y = (e) => {
 			i.disconnect(), r.style.removeProperty(e);
 		};
 	}, [e]);
-}, b = i(({ children: e, title: i, hideCloseButton: a = !1, footer: o, ...c }, u) => {
-	let _ = t(g), b = y("--modal-header-height"), x = y("--modal-footer-height");
+}, b = () => {
+	let e = o(void 0);
+	return a((t) => {
+		if (e.current?.(), e.current = void 0, !t) return;
+		let n = ({ target: e }) => {
+			if (!(e instanceof Element) || e === t || !e.matches(":focus-visible") || e.closest(`.${h.modalHeader}, .${h.modalFooter}`)) return;
+			let n = getComputedStyle(t), r = t.getBoundingClientRect(), i = r.top + (parseFloat(n.scrollPaddingTop) || 0), a = r.bottom - (parseFloat(n.scrollPaddingBottom) || 0), { top: o, bottom: s } = e.getBoundingClientRect();
+			o < i ? t.scrollTop -= i - o : s > a && (t.scrollTop += Math.min(s - a, o - i));
+		};
+		t.addEventListener("focusin", n), e.current = () => t.removeEventListener("focusin", n);
+	}, []);
+}, x = i(({ children: e, title: i, hideCloseButton: a = !1, footer: o, ...c }, u) => {
+	let _ = t(g), x = y("--modal-header-height"), S = y("--modal-footer-height"), C = b();
 	return /* @__PURE__ */ f(v, {
 		...c,
 		children: d(e, (e) => /* @__PURE__ */ f(l, {
@@ -50,10 +61,11 @@ var y = (e) => {
 			ref: u,
 			children: /* @__PURE__ */ p(s, {
 				className: h.dialog,
+				ref: C,
 				children: [
 					/* @__PURE__ */ p("div", {
 						className: h.modalHeader,
-						ref: b,
+						ref: x,
 						children: [/* @__PURE__ */ f("div", {
 							className: h.modalTitle,
 							children: i && /* @__PURE__ */ f(r, {
@@ -77,7 +89,7 @@ var y = (e) => {
 					}),
 					o && /* @__PURE__ */ f("div", {
 						className: h.modalFooter,
-						ref: x,
+						ref: S,
 						children: o
 					})
 				]
@@ -85,6 +97,6 @@ var y = (e) => {
 		}))
 	});
 });
-b.displayName = "Modal";
+x.displayName = "Modal";
 //#endregion
-export { b as n, v as r, c as t };
+export { x as n, v as r, c as t };

package/chunks/{progress-bar-DQ56IibW.js → progress-bar-CJOm7oiN.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-DAqHMl_k.js";
-import { t } from "./label-D-qPkeUX.js";
+import { t } from "./label-2ac-zqbe.js";
 import "react";
 import { ProgressBar as n } from "react-aria-components";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";

package/chunks/{radio-BuUsac8x.js → radio-BGBArw6G.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-DAqHMl_k.js";
-import { n as t, t as n } from "./label-D-qPkeUX.js";
+import { n as t, t as n } from "./label-2ac-zqbe.js";
 import { t as r } from "./text-DnvD4Cjc.js";
 import { t as i } from "./field-error-BHoPnRe4.js";
 import { t as a } from "./splitDataAttributes-_JTFOOIb.js";

package/chunks/{search-field-DDKW7zLX.js → search-field-BFtizNPZ.js}

@@ -2,7 +2,7 @@
 import { t as e } from "./clsx-DAqHMl_k.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { n } from "./button-dpe6hXmI.js";
-import { n as r, t as i } from "./label-D-qPkeUX.js";
+import { n as r, t as i } from "./label-2ac-zqbe.js";
 import { t as a } from "./text-DnvD4Cjc.js";
 import { t as o } from "./field-error-BHoPnRe4.js";
 import { t as s } from "./TextField.module-BLGiCC4q.js";

package/chunks/{select-BtknjTlA.js → select-z8lZLKt3.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./clsx-DAqHMl_k.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n, t as r } from "./label-D-qPkeUX.js";
+import { n, t as r } from "./label-2ac-zqbe.js";
 import { t as i } from "./popover-B82BcP5n.js";
 import { t as a } from "./text-DnvD4Cjc.js";
 import { t as o } from "./field-error-BHoPnRe4.js";
-import { n as s } from "./checkbox-E5RkzKav.js";
+import { n as s } from "./checkbox-DWEuIk8s.js";
 import { c } from "./list-box-BzBJX0nP.js";
 import { n as l, r as u, t as d } from "./tag-BEawJnJm.js";
 import f, { useContext as p } from "react";

package/chunks/{table-BaeA6tVH.js → table--RjMvRLG.js}

@@ -1,6 +1,6 @@
 'use client';
 import { t as e } from "./clsx-DAqHMl_k.js";
-import { n as t } from "./checkbox-E5RkzKav.js";
+import { n as t } from "./checkbox-DWEuIk8s.js";
 import { Button as n, Cell as r, Collection as i, Column as a, Row as o, Table as s, TableBody as c, TableHeader as l, useTableOptions as u } from "react-aria-components";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { ArrowDown as m, ArrowUp as h, ArrowUpDown as g, GripVertical as _ } from "lucide-react";

package/chunks/{textfield-D7GvYAz4.js → textfield-CnXG-gbq.js}

@@ -2,7 +2,7 @@
 import { t as e } from "./clsx-DAqHMl_k.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { n } from "./button-dpe6hXmI.js";
-import { n as r, t as i } from "./label-D-qPkeUX.js";
+import { n as r, t as i } from "./label-2ac-zqbe.js";
 import { t as a } from "./text-DnvD4Cjc.js";
 import { t as o } from "./field-error-BHoPnRe4.js";
 import { t as s } from "./character-counter-CSoVSrxZ.js";

package/chunks/{time-field-DcEMnB3d.js → time-field-H-mXlxua.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./clsx-DAqHMl_k.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n, t as r } from "./label-D-qPkeUX.js";
+import { n, t as r } from "./label-2ac-zqbe.js";
 import { t as i } from "./text-DnvD4Cjc.js";
 import { t as a } from "./field-error-BHoPnRe4.js";
 import { t as o } from "./clear-button-DWtOkhCH.js";
-import { n as s, r as c } from "./date-field-D73LuPS0.js";
+import { n as s, r as c } from "./date-field-BCfp9ZpN.js";
 import * as l from "react";
 import { TimeField as u, TimeFieldStateContext as d } from "react-aria-components";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/combobox/index.js

@@ -1 +1 @@
-export { t as ComboBox } from "../chunks/combobox-CZhXbrMD.js";
+export { t as ComboBox } from "../chunks/combobox-f4uuMJcb.js";

package/date-field/index.js

@@ -1 +1 @@
-export { i as DateField, n as DateInput, t as DateInputDivider, r as DateSegment } from "../chunks/date-field-D73LuPS0.js";
+export { i as DateField, n as DateInput, t as DateInputDivider, r as DateSegment } from "../chunks/date-field-BCfp9ZpN.js";

package/date-picker/index.js

@@ -1 +1 @@
-export { n as DatePicker, t as DateRangePicker } from "../chunks/date-picker-EEQ4pvDV.js";
+export { n as DatePicker, t as DateRangePicker } from "../chunks/date-picker-Dtvibzqy.js";

package/file-list/index.js

@@ -1 +1 @@
-export { n as FileList, t as FileListItem } from "../chunks/file-list-CsK6E-mQ.js";
+export { n as FileList, t as FileListItem } from "../chunks/file-list-DT3zkJbO.js";

package/index.js

@@ -8,14 +8,14 @@ import { n as a, t as o } from "./chunks/button-dpe6hXmI.js";
 import { t as s } from "./chunks/heading-DcOjYrUM.js";
 import { n as c, t as l } from "./chunks/badge-C4bXJmhn.js";
 import { n as u, t as d } from "./chunks/breadcrumbs-BGnyY3bO.js";
-import { n as f, t as p } from "./chunks/calendar-CMcDh3Qp.js";
-import { t as m } from "./chunks/label-D-qPkeUX.js";
+import { n as f, t as p } from "./chunks/calendar-DFaswk-e.js";
+import { t as m } from "./chunks/label-2ac-zqbe.js";
 import { t as h } from "./chunks/popover-B82BcP5n.js";
-import { n as g, r as _, t as v } from "./chunks/modal-Bst_8zeF.js";
+import { n as g, r as _, t as v } from "./chunks/modal-CzApHmjO.js";
 import { t as y } from "./chunks/text-DnvD4Cjc.js";
 import { t as b } from "./chunks/field-error-BHoPnRe4.js";
-import { i as x, n as S, r as C, t as w } from "./chunks/checkbox-E5RkzKav.js";
-import { n as T, t as E } from "./chunks/select-BtknjTlA.js";
+import { i as x, n as S, r as C, t as w } from "./chunks/checkbox-DWEuIk8s.js";
+import { n as T, t as E } from "./chunks/select-z8lZLKt3.js";
 import { a as D, c as O, i as k, n as A, o as j, r as M, s as N, t as P } from "./chunks/list-box-BzBJX0nP.js";
 import { n as F, r as I, t as L } from "./chunks/tag-BEawJnJm.js";
 import { a as R, c as z, i as B, l as V, n as H, o as U, r as W, s as G, t as K } from "./chunks/card-C0S9Kyi2.js";
@@ -24,12 +24,12 @@ import { t as J } from "./chunks/icons-UBHIX2oV.js";
 import { n as Y, t as X } from "./chunks/toggle-button-DD_bXanH.js";
 import { n as Z, t as Q } from "./chunks/color-scheme-switch-D7EpvqTW.js";
 import { a as $, i as ee, n as te, o as ne, r as re, t as ie } from "./chunks/menu-DbQ98noD.js";
-import { t as ae } from "./chunks/combobox-CZhXbrMD.js";
-import { i as oe, n as se, r as ce, t as le } from "./chunks/date-field-D73LuPS0.js";
-import { n as ue, t as de } from "./chunks/date-picker-EEQ4pvDV.js";
+import { t as ae } from "./chunks/combobox-f4uuMJcb.js";
+import { i as oe, n as se, r as ce, t as le } from "./chunks/date-field-BCfp9ZpN.js";
+import { n as ue, t as de } from "./chunks/date-picker-Dtvibzqy.js";
 import { t as fe } from "./chunks/drop-zone-DNhEbH4w.js";
-import { n as pe, t as me } from "./chunks/file-list-CsK6E-mQ.js";
-import { t as he } from "./chunks/progress-bar-DQ56IibW.js";
+import { n as pe, t as me } from "./chunks/file-list-DT3zkJbO.js";
+import { t as he } from "./chunks/progress-bar-CJOm7oiN.js";
 import { t as ge } from "./chunks/file-trigger-Dp5nH8oS.js";
 import { n as _e, t as ve } from "./chunks/grid-BR68fpvW.js";
 import { t as ye } from "./chunks/info-banner-DXjPEG69.js";
@@ -38,14 +38,14 @@ import { n as Te, t as Ee } from "./chunks/tooltip-1GBTeMrm.js";
 import { n as De, t as Oe } from "./chunks/logo-DSJ1bUJZ.js";
 import { n as ke, t as Ae } from "./chunks/link-B76JDA2N.js";
 import { t as je } from "./chunks/link-button-BeXxC22w.js";
-import { i as Me, n as Ne, r as Pe, t as Fe } from "./chunks/radio-BuUsac8x.js";
-import { t as Ie } from "./chunks/search-field-DDKW7zLX.js";
+import { i as Me, n as Ne, r as Pe, t as Fe } from "./chunks/radio-BGBArw6G.js";
+import { t as Ie } from "./chunks/search-field-BFtizNPZ.js";
 import { t as Le } from "./chunks/skeleton-R_3dS7Ro.js";
 import { t as Re } from "./chunks/stack-BAHKom_Q.js";
-import { a as ze, i as Be, n as Ve, o as He, r as Ue, t as We } from "./chunks/table-BaeA6tVH.js";
+import { a as ze, i as Be, n as Ve, o as He, r as Ue, t as We } from "./chunks/table--RjMvRLG.js";
 import { i as Ge, n as Ke, r as qe, t as Je } from "./chunks/tabs-CbcNTa7J.js";
-import { i as Ye, n as Xe, r as Ze, t as Qe } from "./chunks/textfield-D7GvYAz4.js";
-import { t as $e } from "./chunks/time-field-DcEMnB3d.js";
+import { i as Ye, n as Xe, r as Ze, t as Qe } from "./chunks/textfield-CnXG-gbq.js";
+import { t as $e } from "./chunks/time-field-H-mXlxua.js";
 import { a as et, i as tt, n as nt, o as rt, r as it, t as at } from "./chunks/toast-DZuvVRD_.js";
 //#endregion
 //#region src/version.ts
@@ -61,7 +61,7 @@ var ot = {
 	description: "Midas Components",
 	homepage: "https://designsystem.migrationsverket.se/",
 	license: "CC0-1.0",
-	version: "17.32.2",
+	version: "17.32.3",
 	module: "./index.js",
 	type: "module",
 	main: "./index.js",

package/label/index.js

@@ -1 +1 @@
-export { t as Label } from "../chunks/label-D-qPkeUX.js";
+export { t as Label } from "../chunks/label-2ac-zqbe.js";

package/modal/index.js

@@ -1 +1 @@
-export { t as DialogTrigger, n as Modal, r as ModalOverlay } from "../chunks/modal-Bst_8zeF.js";
+export { t as DialogTrigger, n as Modal, r as ModalOverlay } from "../chunks/modal-CzApHmjO.js";

package/modal/useKeepFocusClear.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Scrolls a focused element out from under the dialog's sticky header and
+ * footer. The dialog's `scroll-padding` does this in Chromium, but WebKit
+ * ignores it when focus scrolls an element into view, and Firefox can end up
+ * a pixel short.
+ */
+export declare const useKeepFocusClear: () => (dialog: HTMLElement | null) => void;

package/package.json

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

package/progress-bar/index.js

@@ -1 +1 @@
-export { t as ProgressBar } from "../chunks/progress-bar-DQ56IibW.js";
+export { t as ProgressBar } from "../chunks/progress-bar-CJOm7oiN.js";

package/radio/index.js

@@ -1 +1 @@
-export { n as Radio, r as RadioButton, i as RadioField, t as RadioGroup } from "../chunks/radio-BuUsac8x.js";
+export { n as Radio, r as RadioButton, i as RadioField, t as RadioGroup } from "../chunks/radio-BGBArw6G.js";

package/search-field/index.js

@@ -1 +1 @@
-export { t as SearchField } from "../chunks/search-field-DDKW7zLX.js";
+export { t as SearchField } from "../chunks/search-field-BFtizNPZ.js";

package/select/index.js

@@ -1 +1 @@
-export { t as Select, n as SelectTrigger } from "../chunks/select-BtknjTlA.js";
+export { t as Select, n as SelectTrigger } from "../chunks/select-z8lZLKt3.js";

package/table/index.js

@@ -1 +1 @@
-export { t as Cell, n as Column, r as Row, i as Table, a as TableBody, o as TableHeader } from "../chunks/table-BaeA6tVH.js";
+export { t as Cell, n as Column, r as Row, i as Table, a as TableBody, o as TableHeader } from "../chunks/table--RjMvRLG.js";

package/textfield/index.js

@@ -1 +1 @@
-export { r as Input, t as TextArea, n as TextField, i as TextFieldBase } from "../chunks/textfield-D7GvYAz4.js";
+export { r as Input, t as TextArea, n as TextField, i as TextFieldBase } from "../chunks/textfield-CnXG-gbq.js";

package/time-field/index.js

@@ -1 +1 @@
-export { t as TimeField } from "../chunks/time-field-DcEMnB3d.js";
+export { t as TimeField } from "../chunks/time-field-H-mXlxua.js";