@midas-ds/components 17.31.0 → 17.32.1

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## 17.32.1 (2026-10-19)
+
+### 🩹 Fixes
+
+- **components,tabs:** remove bold selection indicator ([f74514719bb](https://github.com/migrationsverket/midas/commit/f74514719bb))
+
+### 🏭 Refactoring
+
+- **components,tabs:** remove React.FC and destructure react imports ([68728c12952](https://github.com/migrationsverket/midas/commit/68728c12952))
+
+### 📖 Documentation changes
+
+- **components,badge:** use the icon button variant in badge examples ([0da87b2a175](https://github.com/migrationsverket/midas/commit/0da87b2a175))
+
+## 17.32.0 (2026-10-14)
+
+### 🚀 Features
+
+- **components,modal:** implement new design ([185be7bb0cd](https://github.com/migrationsverket/midas/commit/185be7bb0cd))
+- **components,modal:** add footer prop ([c75d08e15b8](https://github.com/migrationsverket/midas/commit/c75d08e15b8))
+
 ## 17.31.0 (2026-10-13)
 
 ### 🚀 Features

package/assets/modal.css

@@ -1 +1 @@
-._modal_x15md_1{font-family:var(--midas-typography-font-family);min-width:300px;max-width:75%;max-height:90vh;color:var(--midas-text-primary);border:none;margin:auto;padding:4px;position:fixed}._modal_x15md_1[data-entering]{animation:none}@media (forced-colors:active){._modal_x15md_1{outline:2px solid}}._dialog_x15md_10{background-color:var(--midas-background-base);max-height:inherit;overflow-y:auto}._dialog_x15md_10:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._dialog_x15md_10:focus-visible{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight}}._modalHeader_x15md_39{min-height:var(--midas-size-control);background-color:var(--midas-layer-01-base);z-index:var(--midas-z-index-above);justify-content:space-between;align-items:flex-start;display:flex;position:sticky;top:0}._modalTitle_x15md_50{flex-grow:1;place-self:center;padding-left:1rem}._modalBody_x15md_56{font-family:var(--midas-typography-font-family);flex-direction:column;gap:1rem;padding:1rem 2rem 2rem;display:flex;position:relative}._modalOverlay_gwg3f_1{-webkit-backdrop-filter:var(--midas-overlay-blur);backdrop-filter:var(--midas-overlay-blur);background:var(--midas-overlay-background);width:100%;z-index:var(--midas-z-index-modal);height:var(--visual-viewport-height);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}._modalOverlay_gwg3f_1[data-entering]{animation:_modal-fade_gwg3f_1 var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._modalOverlay_gwg3f_1[data-exiting]{animation:_modal-fade_gwg3f_1 var(--midas-transition-duration-quick) reverse var(--midas-transition-timing-ease-in)}@media (prefers-reduced-motion){._modalOverlay_gwg3f_1[data-entering],._modalOverlay_gwg3f_1[data-exiting]{animation:none}}@keyframes _modal-fade_gwg3f_1{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:var(--midas-overlay-blur);backdrop-filter:var(--midas-overlay-blur)}}
+._modal_7r16o_1{font-family:var(--midas-typography-font-family);min-width:300px;max-width:75%;max-height:90vh;color:var(--midas-text-primary);border:none;margin:auto;padding:4px;position:fixed}._modal_7r16o_1[data-entering]{animation:none}@media (forced-colors:active){._modal_7r16o_1{outline:2px solid}}._dialog_7r16o_10{background-color:var(--midas-background-base);max-height:inherit;scroll-padding-block:calc(var(--modal-header-height,0px) + var(--midas-space-medium)) calc(var(--modal-footer-height,0px) + var(--midas-space-medium));overflow-y:auto}._dialog_7r16o_10:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._dialog_7r16o_10:focus-visible{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight}}._modalHeader_7r16o_45{min-height:var(--midas-size-control);background-color:var(--midas-background-base);border-bottom:1px solid var(--midas-border-color-subtle);z-index:var(--midas-z-index-above);justify-content:space-between;align-items:flex-start;display:flex;position:sticky;top:0}._modalTitle_7r16o_57{padding-left:var(--midas-space-medium);flex-grow:1;place-self:center}._closeButton_7r16o_63[data-focus-visible]{box-shadow:var(--midas-state-focus-inset)}._modalBody_7r16o_70{padding:var(--midas-space-medium);font-family:var(--midas-typography-font-family);gap:var(--midas-space-medium);flex-direction:column;display:flex;position:relative}._modalFooter_7r16o_79{background-color:var(--midas-background-base);border-top:1px solid var(--midas-border-color-subtle);gap:var(--midas-space-small);padding:var(--midas-space-medium);z-index:var(--midas-z-index-above);display:flex;position:sticky;bottom:0}._modalFooter_7r16o_79>div{flex:1}._modalOverlay_gwg3f_1{-webkit-backdrop-filter:var(--midas-overlay-blur);backdrop-filter:var(--midas-overlay-blur);background:var(--midas-overlay-background);width:100%;z-index:var(--midas-z-index-modal);height:var(--visual-viewport-height);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}._modalOverlay_gwg3f_1[data-entering]{animation:_modal-fade_gwg3f_1 var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._modalOverlay_gwg3f_1[data-exiting]{animation:_modal-fade_gwg3f_1 var(--midas-transition-duration-quick) reverse var(--midas-transition-timing-ease-in)}@media (prefers-reduced-motion){._modalOverlay_gwg3f_1[data-entering],._modalOverlay_gwg3f_1[data-exiting]{animation:none}}@keyframes _modal-fade_gwg3f_1{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:var(--midas-overlay-blur);backdrop-filter:var(--midas-overlay-blur)}}

package/assets/tabs.css

@@ -1 +1 @@
-._tabs_ninos_1{font-weight:var(--midas-typography-weight-regular);line-height:var(--midas-typography-line-height-30);font-family:var(--midas-typography-font-family);display:flex}._tabs_ninos_1[data-orientation=horizontal]{flex-direction:column}._tabList_ninos_12{display:flex}._tabList_ninos_12[data-orientation=vertical]{flex-direction:column}._tab_ninos_1{padding:var(--midas-space-70) var(--midas-space-medium);cursor:default;transition-duration:var(--midas-transition-duration-normal);forced-color-adjust:none;color:var(--midas-text-primary);outline:none;transition-property:color,border-color;position:relative}._tab_ninos_1[data-disabled]{border-color:var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._tab_ninos_1[data-selected]{color:var(--midas-text-primary);font-weight:var(--midas-typography-weight-medium);forced-color-adjust:none}._tab_ninos_1[data-hovered]{cursor:pointer}._tab_ninos_1[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._tab_ninos_1[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._tab_ninos_1._contained_ninos_55{background-color:var(--midas-layer-accent-01-base)}._tab_ninos_1._contained_ninos_55[data-selected]{background-color:var(--midas-layer-01-base)}._tab_ninos_1._contained_ninos_55[data-hovered]{background-color:var(--midas-layer-accent-01-hover)}._tab_ninos_1._contained_ninos_55[data-hovered][data-selected]{background-color:var(--midas-layer-01-hover)}._tab_ninos_1._contained_ninos_55:not([data-selected])+._tab_ninos_1._contained_ninos_55._contained_ninos_55:not([data-selected]){border-color:var(--midas-border-color-subtle)}._tab_ninos_1._medium_ninos_75{padding:var(--midas-space-50) var(--midas-space-small)}[data-orientation=horizontal] ._tab_ninos_1._contained_ninos_55{border-inline-start:1px solid #0000}[data-orientation=vertical] ._tab_ninos_1._contained_ninos_55{border-top:1px solid #0000}[data-orientation=horizontal] ._tab_ninos_1:not(._contained_ninos_55){border-bottom:1px solid var(--midas-border-color-subtle);margin-bottom:-1px}[data-orientation=vertical] ._tab_ninos_1:not(._contained_ninos_55){border-inline-end:1px solid var(--midas-border-color-subtle);margin-right:-1px}._selectionIndicator_ninos_98{position:absolute}._selectionIndicator_ninos_98._animated_ninos_101{transition-duration:var(--midas-transition-duration-normal);transition-property:translate,width,height}[data-orientation=horizontal] ._tab_ninos_1 ._selectionIndicator_ninos_98{border-bottom:3px solid var(--midas-border-color-tertiary);width:100%;bottom:0;left:0}[data-orientation=vertical] ._tab_ninos_1 ._selectionIndicator_ninos_98{border-inline-end:3px solid var(--midas-border-color-tertiary);height:100%;top:0;right:0}._tab_ninos_1 ._selectionIndicator_ninos_98._contained_ninos_55{z-index:var(--midas-z-index-base);border-width:2px}[data-orientation=horizontal] ._tab_ninos_1 ._selectionIndicator_ninos_98._contained_ninos_55{bottom:unset;top:0}[data-orientation=vertical] ._tab_ninos_1 ._selectionIndicator_ninos_98._contained_ninos_55{left:0;right:unset}._tabPanel_ninos_136{padding:var(--midas-space-medium);color:var(--midas-text-primary)}._tabPanel_ninos_136[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}._tabPanel_ninos_136._contained_ninos_55{background-color:var(--midas-layer-01-base);--midas-field-base:var(--midas-field-02-base);--midas-field-hover:var(--midas-field-02-hover)}._tabPanel_ninos_136._medium_ninos_75{padding:var(--midas-space-small)}
+._tabs_w9b70_1{font-weight:var(--midas-typography-weight-regular);line-height:var(--midas-typography-line-height-30);font-family:var(--midas-typography-font-family);display:flex}._tabs_w9b70_1[data-orientation=horizontal]{flex-direction:column}._tabList_w9b70_12{display:flex}._tabList_w9b70_12[data-orientation=vertical]{flex-direction:column}._tab_w9b70_1{padding:var(--midas-space-70) var(--midas-space-medium);cursor:default;transition-duration:var(--midas-transition-duration-normal);forced-color-adjust:none;color:var(--midas-text-primary);outline:none;transition-property:color,border-color;position:relative}._tab_w9b70_1[data-disabled]{border-color:var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._tab_w9b70_1[data-selected]{color:var(--midas-text-primary);forced-color-adjust:none}._tab_w9b70_1[data-hovered]{cursor:pointer}._tab_w9b70_1[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._tab_w9b70_1[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._tab_w9b70_1._contained_w9b70_54{background-color:var(--midas-layer-accent-01-base)}._tab_w9b70_1._contained_w9b70_54[data-selected]{background-color:var(--midas-layer-01-base)}._tab_w9b70_1._contained_w9b70_54[data-hovered]{background-color:var(--midas-layer-accent-01-hover)}._tab_w9b70_1._contained_w9b70_54[data-hovered][data-selected]{background-color:var(--midas-layer-01-hover)}._tab_w9b70_1._contained_w9b70_54:not([data-selected])+._tab_w9b70_1._contained_w9b70_54._contained_w9b70_54:not([data-selected]){border-color:var(--midas-border-color-subtle)}._tab_w9b70_1._medium_w9b70_74{padding:var(--midas-space-50) var(--midas-space-small)}[data-orientation=horizontal] ._tab_w9b70_1._contained_w9b70_54{border-inline-start:1px solid #0000}[data-orientation=vertical] ._tab_w9b70_1._contained_w9b70_54{border-top:1px solid #0000}[data-orientation=horizontal] ._tab_w9b70_1:not(._contained_w9b70_54){border-bottom:1px solid var(--midas-border-color-subtle);margin-bottom:-1px}[data-orientation=vertical] ._tab_w9b70_1:not(._contained_w9b70_54){border-inline-end:1px solid var(--midas-border-color-subtle);margin-right:-1px}._selectionIndicator_w9b70_97{position:absolute}._selectionIndicator_w9b70_97._animated_w9b70_100{transition-duration:var(--midas-transition-duration-normal);transition-property:translate,width,height}[data-orientation=horizontal] ._tab_w9b70_1 ._selectionIndicator_w9b70_97{border-bottom:3px solid var(--midas-border-color-tertiary);width:100%;bottom:0;left:0}[data-orientation=vertical] ._tab_w9b70_1 ._selectionIndicator_w9b70_97{border-inline-end:3px solid var(--midas-border-color-tertiary);height:100%;top:0;right:0}._tab_w9b70_1 ._selectionIndicator_w9b70_97._contained_w9b70_54{z-index:var(--midas-z-index-base);border-width:2px}[data-orientation=horizontal] ._tab_w9b70_1 ._selectionIndicator_w9b70_97._contained_w9b70_54{bottom:unset;top:0}[data-orientation=vertical] ._tab_w9b70_1 ._selectionIndicator_w9b70_97._contained_w9b70_54{left:0;right:unset}._tabPanel_w9b70_135{padding:var(--midas-space-medium);color:var(--midas-text-primary)}._tabPanel_w9b70_135[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}._tabPanel_w9b70_135._contained_w9b70_54{background-color:var(--midas-layer-01-base);--midas-field-base:var(--midas-field-02-base);--midas-field-hover:var(--midas-field-02-hover)}._tabPanel_w9b70_135._medium_w9b70_74{padding:var(--midas-space-small)}

package/calendar/index.js

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

package/checkbox/index.js

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

package/chunks/{calendar-BnT8aqrk.js → calendar-CMcDh3Qp.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-CuKVJ1x9.js";
+import { n as i } from "./select-BtknjTlA.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-B1RWLsu9.js → checkbox-E5RkzKav.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-pGlER0ro.js";
+import { n, t as r } from "./label-D-qPkeUX.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-BLAVO2ax.js → combobox-CZhXbrMD.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-pGlER0ro.js";
+import { n, t as r } from "./label-D-qPkeUX.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-D5QLfSD_.js → date-field-D73LuPS0.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-pGlER0ro.js";
+import { n, t as r } from "./label-D-qPkeUX.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-BWSHiwIN.js → date-picker-EEQ4pvDV.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-BnT8aqrk.js";
-import { n as i, t as a } from "./label-pGlER0ro.js";
+import { n, t as r } from "./calendar-CMcDh3Qp.js";
+import { n as i, t as a } from "./label-D-qPkeUX.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-D5QLfSD_.js";
+import { n as l, r as u, t as d } from "./date-field-D73LuPS0.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-Ntos8dkG.js → file-list-CsK6E-mQ.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-S6GNHQRZ.js";
+import { t as a } from "./progress-bar-DQ56IibW.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-pGlER0ro.js → label-D-qPkeUX.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-C8rs1jfL.js";
+import { t as i } from "./modal-Bst_8zeF.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

@@ -0,0 +1,90 @@
+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 "./heading-DcOjYrUM.js";
+import { forwardRef as i, useCallback as a, useRef as o } from "react";
+import { Dialog as s, DialogTrigger as c, Modal as l, ModalOverlay as u, composeRenderProps as d } from "react-aria-components";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { X as m } from "lucide-react";
+import '../assets/modal.css';var h = {
+	modal: "_modal_7r16o_1",
+	dialog: "_dialog_7r16o_10",
+	modalHeader: "_modalHeader_7r16o_45",
+	modalTitle: "_modalTitle_7r16o_57",
+	closeButton: "_closeButton_7r16o_63",
+	modalBody: "_modalBody_7r16o_70",
+	modalFooter: "_modalFooter_7r16o_79"
+}, g = {
+	en: { close: "Close" },
+	sv: { close: "Stäng" }
+}, _ = {
+	modalOverlay: "_modalOverlay_gwg3f_1",
+	"modal-fade": "_modal-fade_gwg3f_1"
+}, v = i(({ className: t, ...n }, r) => /* @__PURE__ */ f(u, {
+	className: e(t, _.modalOverlay),
+	ref: r,
+	...n
+}));
+v.displayName = "ModalOverlay";
+//#endregion
+//#region src/modal/useStickyHeight.ts
+var y = (e) => {
+	let t = o(void 0);
+	return a((n) => {
+		t.current?.(), t.current = void 0;
+		let r = n?.parentElement;
+		if (!n || !r) return;
+		let i = new ResizeObserver(() => {
+			r.style.setProperty(e, `${n.offsetHeight}px`);
+		});
+		i.observe(n), t.current = () => {
+			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");
+	return /* @__PURE__ */ f(v, {
+		...c,
+		children: d(e, (e) => /* @__PURE__ */ f(l, {
+			className: h.modal,
+			ref: u,
+			children: /* @__PURE__ */ p(s, {
+				className: h.dialog,
+				children: [
+					/* @__PURE__ */ p("div", {
+						className: h.modalHeader,
+						ref: b,
+						children: [/* @__PURE__ */ f("div", {
+							className: h.modalTitle,
+							children: i && /* @__PURE__ */ f(r, {
+								level: 3,
+								elementType: "h2",
+								slot: "title",
+								children: i
+							})
+						}), !a && /* @__PURE__ */ f(n, {
+							"aria-label": _.format("close"),
+							className: h.closeButton,
+							icon: m,
+							slot: "close",
+							variant: "icon"
+						})]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: h.modalBody,
+						tabIndex: -1,
+						children: e
+					}),
+					o && /* @__PURE__ */ f("div", {
+						className: h.modalFooter,
+						ref: x,
+						children: o
+					})
+				]
+			})
+		}))
+	});
+});
+b.displayName = "Modal";
+//#endregion
+export { b as n, v as r, c as t };

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

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-DAqHMl_k.js";
-import { t } from "./label-pGlER0ro.js";
+import { t } from "./label-D-qPkeUX.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-uAtTm38S.js → radio-BuUsac8x.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-DAqHMl_k.js";
-import { n as t, t as n } from "./label-pGlER0ro.js";
+import { n as t, t as n } from "./label-D-qPkeUX.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-Bx3JApAJ.js → search-field-DDKW7zLX.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-pGlER0ro.js";
+import { n as r, t as i } from "./label-D-qPkeUX.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-CuKVJ1x9.js → select-BtknjTlA.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-pGlER0ro.js";
+import { n, t as r } from "./label-D-qPkeUX.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-B1RWLsu9.js";
+import { n as s } from "./checkbox-E5RkzKav.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-DDTeIVh8.js → table-BaeA6tVH.js}

@@ -1,6 +1,6 @@
 'use client';
 import { t as e } from "./clsx-DAqHMl_k.js";
-import { n as t } from "./checkbox-B1RWLsu9.js";
+import { n as t } from "./checkbox-E5RkzKav.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/tabs-CbcNTa7J.js

@@ -0,0 +1,56 @@
+'use client';
+import { t as e } from "./clsx-DAqHMl_k.js";
+import * as t from "react";
+import { createContext as n, useContext as r } from "react";
+import { DialogContext as i, SelectionIndicator as a, Tab as o, TabList as s, TabPanel as c, Tabs as l, composeRenderProps as u } from "react-aria-components";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import '../assets/tabs.css';//#region src/tabs/TabsContext.ts
+var m = n({
+	variant: "uncontained",
+	size: "large"
+}), h = {
+	tabs: "_tabs_w9b70_1",
+	tabList: "_tabList_w9b70_12",
+	tab: "_tab_w9b70_1",
+	contained: "_contained_w9b70_54",
+	medium: "_medium_w9b70_74",
+	selectionIndicator: "_selectionIndicator_w9b70_97",
+	animated: "_animated_w9b70_100",
+	tabPanel: "_tabPanel_w9b70_135"
+}, g = ({ className: t, variant: n = "uncontained", size: r = "large", ...i }) => /* @__PURE__ */ f(m.Provider, {
+	value: {
+		variant: n,
+		size: r
+	},
+	children: /* @__PURE__ */ f(l, {
+		className: e(h.tabs, t),
+		...i
+	})
+}), _ = ({ className: t, ...n }) => {
+	let { variant: s, size: c } = r(m), l = r(i);
+	return /* @__PURE__ */ f(o, {
+		...n,
+		className: e(h.tab, {
+			[h.contained]: s === "contained",
+			[h.medium]: c === "medium"
+		}, t),
+		children: u(n.children, (t) => /* @__PURE__ */ p(d, { children: [t, /* @__PURE__ */ f(a, { className: e(h.selectionIndicator, {
+			[h.contained]: s === "contained",
+			[h.animated]: !l
+		}) })] }))
+	});
+}, v = ({ className: n, ...r }) => {
+	let { variant: i, size: a } = t.useContext(m);
+	return /* @__PURE__ */ f(c, {
+		className: e(h.tabPanel, {
+			[h.contained]: i === "contained",
+			[h.medium]: a === "medium"
+		}, n),
+		...r
+	});
+}, y = ({ className: t, ...n }) => /* @__PURE__ */ f(s, {
+	className: e(h.tabList, t),
+	...n
+});
+//#endregion
+export { g as i, v as n, _ as r, y as t };

package/chunks/{textfield-G6u6RJD5.js → textfield-D7GvYAz4.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-pGlER0ro.js";
+import { n as r, t as i } from "./label-D-qPkeUX.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-Mm1iDLzS.js → time-field-DcEMnB3d.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-pGlER0ro.js";
+import { n, t as r } from "./label-D-qPkeUX.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-D5QLfSD_.js";
+import { n as s, r as c } from "./date-field-D73LuPS0.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,2 +1,2 @@
-import { t as e } from "../chunks/combobox-BLAVO2ax.js";
+import { t as e } from "../chunks/combobox-CZhXbrMD.js";
 export { e as ComboBox };

package/date-field/index.js

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

package/date-picker/index.js

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

package/file-list/index.js

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

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-BnT8aqrk.js";
-import { t as m } from "./chunks/label-pGlER0ro.js";
+import { n as f, t as p } from "./chunks/calendar-CMcDh3Qp.js";
+import { t as m } from "./chunks/label-D-qPkeUX.js";
 import { t as h } from "./chunks/popover-B82BcP5n.js";
-import { n as g, r as _, t as v } from "./chunks/modal-C8rs1jfL.js";
+import { n as g, r as _, t as v } from "./chunks/modal-Bst_8zeF.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-B1RWLsu9.js";
-import { n as T, t as E } from "./chunks/select-CuKVJ1x9.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 { 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-DVyIszaD.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-BLAVO2ax.js";
-import { i as oe, n as se, r as ce, t as le } from "./chunks/date-field-D5QLfSD_.js";
-import { n as ue, t as de } from "./chunks/date-picker-BWSHiwIN.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 fe } from "./chunks/drop-zone-DNhEbH4w.js";
-import { n as pe, t as me } from "./chunks/file-list-Ntos8dkG.js";
-import { t as he } from "./chunks/progress-bar-S6GNHQRZ.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 { 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-uAtTm38S.js";
-import { t as Ie } from "./chunks/search-field-Bx3JApAJ.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 { 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-DDTeIVh8.js";
-import { i as Ge, n as Ke, r as qe, t as Je } from "./chunks/tabs-owuRVJ3N.js";
-import { i as Ye, n as Xe, r as Ze, t as Qe } from "./chunks/textfield-G6u6RJD5.js";
-import { t as $e } from "./chunks/time-field-Mm1iDLzS.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 { 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 { 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.31.0",
+	version: "17.32.1",
 	module: "./index.js",
 	type: "module",
 	main: "./index.js",

package/label/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/label-pGlER0ro.js";
+import { t as e } from "../chunks/label-D-qPkeUX.js";
 export { e as Label };

package/modal/Modal.d.ts

@@ -9,6 +9,10 @@ export interface ModalProps extends ModalOverlayProps {
      * Hide close button in modal header. Use with caution!
      */
     hideCloseButton?: boolean;
+    /**
+     * Sticky footer content
+     */
+    footer?: React.ReactNode;
 }
 export { DialogTrigger };
 export declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;

package/modal/index.js

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

package/modal/useStickyHeight.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Publishes the height of a sticky element as a custom property on the dialog,
+ * which uses it as scroll padding so focused content isn't hidden behind it.
+ */
+export declare const useStickyHeight: (property: string) => (element: HTMLDivElement | null) => void;

package/package.json

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

package/progress-bar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/progress-bar-S6GNHQRZ.js";
+import { t as e } from "../chunks/progress-bar-DQ56IibW.js";
 export { e as ProgressBar };

package/radio/index.js

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

package/search-field/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/search-field-Bx3JApAJ.js";
+import { t as e } from "../chunks/search-field-DDKW7zLX.js";
 export { e as SearchField };

package/select/index.js

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

package/table/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/table-DDTeIVh8.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-BaeA6tVH.js";
 export { a as Cell, n as Column, i as Row, t as Table, e as TableBody, r as TableHeader };

package/tabs/Tab.d.ts

@@ -1,4 +1,3 @@
 import { TabProps } from 'react-aria-components';
-import * as React from 'react';
-export declare const Tab: React.FC<TabProps>;
+export declare const Tab: ({ className, ...props }: TabProps) => import('react').JSX.Element;
 export type { TabProps };

package/tabs/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/tabs-owuRVJ3N.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/tabs-CbcNTa7J.js";
 export { n as Tab, r as TabList, t as TabPanel, e as Tabs };

package/textfield/index.js

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

package/time-field/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/time-field-Mm1iDLzS.js";
+import { t as e } from "../chunks/time-field-DcEMnB3d.js";
 export { e as TimeField };

package/chunks/modal-C8rs1jfL.js

@@ -1,66 +0,0 @@
-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 "./heading-DcOjYrUM.js";
-import { forwardRef as i } from "react";
-import { Dialog as a, DialogTrigger as o, Modal as s, ModalOverlay as c, composeRenderProps as l } from "react-aria-components";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { X as f } from "lucide-react";
-import '../assets/modal.css';var p = {
-	modal: "_modal_x15md_1",
-	dialog: "_dialog_x15md_10",
-	modalHeader: "_modalHeader_x15md_39",
-	modalTitle: "_modalTitle_x15md_50",
-	modalBody: "_modalBody_x15md_56"
-}, m = {
-	en: { close: "Close" },
-	sv: { close: "Stäng" }
-}, h = {
-	modalOverlay: "_modalOverlay_gwg3f_1",
-	"modal-fade": "_modal-fade_gwg3f_1"
-}, g = i(({ className: t, ...n }, r) => /* @__PURE__ */ u(c, {
-	className: e(t, h.modalOverlay),
-	ref: r,
-	...n
-}));
-g.displayName = "ModalOverlay";
-//#endregion
-//#region src/modal/Modal.tsx
-var _ = i(({ children: e, title: i, hideCloseButton: o = !1, ...c }, h) => {
-	let _ = t(m);
-	return /* @__PURE__ */ u(g, {
-		...c,
-		children: l(e, (e) => /* @__PURE__ */ u(s, {
-			className: p.modal,
-			ref: h,
-			children: /* @__PURE__ */ d(a, {
-				className: p.dialog,
-				children: [/* @__PURE__ */ d("div", {
-					className: p.modalHeader,
-					children: [/* @__PURE__ */ u("div", {
-						className: p.modalTitle,
-						children: i && /* @__PURE__ */ u(r, {
-							level: 3,
-							elementType: "h2",
-							slot: "title",
-							children: i
-						})
-					}), !o && /* @__PURE__ */ u(n, {
-						slot: "close",
-						variant: "tertiary",
-						icon: f,
-						iconPlacement: "right",
-						children: _.format("close")
-					})]
-				}), /* @__PURE__ */ u("div", {
-					className: p.modalBody,
-					tabIndex: -1,
-					children: e
-				})]
-			})
-		}))
-	});
-});
-_.displayName = "Modal";
-//#endregion
-export { _ as n, g as r, o as t };

package/chunks/tabs-owuRVJ3N.js

@@ -1,56 +0,0 @@
-'use client';
-import { t as e } from "./clsx-DAqHMl_k.js";
-import * as t from "react";
-import { createContext as n } from "react";
-import { DialogContext as r, SelectionIndicator as i, Tab as a, TabList as o, TabPanel as s, Tabs as c, composeRenderProps as l } from "react-aria-components";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import '../assets/tabs.css';//#region src/tabs/TabsContext.ts
-var p = n({
-	variant: "uncontained",
-	size: "large"
-}), m = {
-	tabs: "_tabs_ninos_1",
-	tabList: "_tabList_ninos_12",
-	tab: "_tab_ninos_1",
-	contained: "_contained_ninos_55",
-	medium: "_medium_ninos_75",
-	selectionIndicator: "_selectionIndicator_ninos_98",
-	animated: "_animated_ninos_101",
-	tabPanel: "_tabPanel_ninos_136"
-}, h = ({ className: t, variant: n = "uncontained", size: r = "large", ...i }) => /* @__PURE__ */ d(p.Provider, {
-	value: {
-		variant: n,
-		size: r
-	},
-	children: /* @__PURE__ */ d(c, {
-		className: e(m.tabs, t),
-		...i
-	})
-}), g = ({ className: n, ...o }) => {
-	let { variant: s, size: c } = t.useContext(p), h = t.useContext(r);
-	return /* @__PURE__ */ d(a, {
-		...o,
-		className: e(m.tab, {
-			[m.contained]: s === "contained",
-			[m.medium]: c === "medium"
-		}, n),
-		children: l(o.children, (t) => /* @__PURE__ */ f(u, { children: [t, /* @__PURE__ */ d(i, { className: e(m.selectionIndicator, {
-			[m.contained]: s === "contained",
-			[m.animated]: !h
-		}) })] }))
-	});
-}, _ = ({ className: n, ...r }) => {
-	let { variant: i, size: a } = t.useContext(p);
-	return /* @__PURE__ */ d(s, {
-		className: e(m.tabPanel, {
-			[m.contained]: i === "contained",
-			[m.medium]: a === "medium"
-		}, n),
-		...r
-	});
-}, v = ({ className: t, ...n }) => /* @__PURE__ */ d(o, {
-	className: e(m.tabList, t),
-	...n
-});
-//#endregion
-export { h as i, _ as n, g as r, v as t };