@midas-ds/components 17.30.2 → 17.32.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## 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
+
+- **components,accordion:** add contentBackground prop and deprecate hasBackground ([3472b15f38d](https://github.com/migrationsverket/midas/commit/3472b15f38d))
+
 ## 17.30.2 (2026-10-13)
 
 ### 🚀 Features

package/accordion/AccordionItem.d.ts

@@ -10,9 +10,14 @@ export interface AccordionItemProps extends DisclosureProps {
     headingLevel?: HeadingProps['elementType'];
     /** Display an accordion item with different type styles. */
     type?: FeedbackStatus;
+    /**
+     * Background of the content area. `neutral` gives the content its own neutral background, `inherit` lets the item background (e.g. the status color from `type`) show through.
+     * @default 'neutral'
+     **/
+    contentBackground?: 'neutral' | 'inherit';
     /**
      * Adds a neutral background to the content area. When using `type`, set to `false` to let the status color show through the content area as well.
-     * @default true
+     * @deprecated since v17.31.0 Use `contentBackground` instead. `hasBackground={false}` equals `contentBackground="inherit"`.
      **/
     hasBackground?: boolean;
     isContained?: boolean;
@@ -25,4 +30,4 @@ export interface AccordionItemProps extends DisclosureProps {
      */
     iconAriaLabel?: FeedbackStatusIconProps['aria-label'];
 }
-export declare const AccordionItem: ({ title, children, className, headingLevel, type, hasBackground, size, isContained: isContainedFromProp, iconAriaLabel, ...props }: AccordionItemProps) => React.JSX.Element;
+export declare const AccordionItem: ({ title, children, className, headingLevel, type, contentBackground: contentBackgroundFromProp, hasBackground, size, isContained: isContainedFromProp, iconAriaLabel, ...props }: AccordionItemProps) => React.JSX.Element;

package/accordion/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/accordion-DlVM6IKH.js";
+import { n as e, t } from "../chunks/accordion-uHbLJtPY.js";
 export { e as Accordion, t as AccordionItem };

package/assets/accordion.css

@@ -1 +1 @@
-._root_17bdp_1{--gap:.75rem;--heading-color:var(--midas-text-primary)}._root_17bdp_1._contained_17bdp_5{--gap:.25rem}._root_17bdp_1[data-disabled]{--heading-color:var(--midas-text-disabled)}._root_17bdp_1[data-disabled] ._triggerButton_17bdp_12{background:0 0}._root_17bdp_1{font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);gap:var(--gap);flex-direction:column;width:100%;display:flex}._item_1ghre_1{--item-padding:0;--content-padding:var(--midas-space-small) var(--midas-space-medium) var(--midas-space-medium) 1.85rem;--border:none;--accordion-background:transparent;--accordion-background-hover:transparent;--text-color:var(--midas-text-primary);--icon-color:var(--midas-icon-primary);font-family:var(--midas-typography-font-family);color:var(--text-color);background-color:var(--accordion-background);border:var(--border);border-color:var(--border-color)}._contained_1ghre_18{--gap:var(--midas-space-xsmall);--item-padding:calc(var(--midas-space-60) - 2px) var(--midas-space-60);--content-padding:var(--midas-space-60) var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-medium);--border-color:var(--midas-border-color-secondary);--border:1px solid;--accordion-background:var(--midas-layer-01-base);--accordion-background-hover:var(--midas-layer-01-hover);--midas-field-base:var(--midas-field-02-base);--midas-field-hover:var(--midas-field-02-hover);--midas-field-disabled:var(--midas-field-02-disabled)}._contained_1ghre_18._medium_1ghre_31{--item-padding:calc(var(--midas-space-small) - 2px) var(--midas-space-60)}._success_1ghre_36{--accordion-background:var(--midas-support-background-success);--accordion-background-hover:var(--midas-support-background-success-hover);--border-color:var(--midas-support-border-success)}._warning_1ghre_42{--accordion-background:var(--midas-support-background-warning);--accordion-background-hover:var(--midas-support-background-warning-hover);--border-color:var(--midas-support-border-warning)}._info_1ghre_48{--accordion-background:var(--midas-support-background-info);--accordion-background-hover:var(--midas-support-background-info-hover);--border-color:var(--midas-support-border-info)}._important_1ghre_54{--accordion-background:var(--midas-support-background-important);--accordion-background-hover:var(--midas-support-background-important-hover);--border-color:var(--midas-support-border-important)}._item_1ghre_1[data-disabled]{--border-color:var(--midas-border-color-disabled);--icon-color:var(--midas-text-disabled);--text-color:var(--midas-text-disabled)}._item_1ghre_1[data-disabled] ._triggerButton_1ghre_65{background:0 0}._item_1ghre_1[data-disabled] ._triggerText_1ghre_69{color:var(--midas-text-disabled)}._trigger_1ghre_65{cursor:pointer;border:0;margin:0}._triggerMainContent_1ghre_80{text-align:left;flex:1 0 0}._triggerText_1ghre_69{margin:0;padding:0}:not(#_\9 _1ghre_1) ._triggerButton_1ghre_65{width:100%;padding:var(--item-padding);min-height:unset;align-items:flex-start}._chevronIcon_1ghre_97{transition:transform var(--midas-transition-duration-normal) ease;padding:var(--midas-space-10) 0;transform:rotate(0)}._statusIcon_1ghre_103{color:var(--icon-color);padding:var(--midas-space-10) 0}@media (forced-colors:active){._statusIcon_1ghre_103{color:currentColor}}._triggerButton_1ghre_65[aria-expanded=true] ._chevronIcon_1ghre_97{transition:transform var(--midas-transition-duration-normal) ease;transform:rotate(-180deg)}._triggerButton_1ghre_65[data-hovered]{background-color:var(--accordion-background-hover)}._triggerButton_1ghre_65[data-focus-visible]{box-shadow:var(--midas-state-focus-inset)}._panel_1ghre_125{height:var(--disclosure-panel-height);transition:height var(--midas-transition-panel-collapse);overflow:clip}._content_1ghre_133{height:auto;padding:var(--content-padding)}._hasBackground_1ghre_138{background-color:var(--midas-background-base);--midas-field-base:var(--midas-field-01-base);--midas-field-hover:var(--midas-field-01-hover);--midas-field-disabled:var(--midas-field-01-disabled)}._header_1ghre_146{margin:0}@media (prefers-reduced-motion){._chevronIcon_1ghre_97,._triggerButton_1ghre_65[aria-expanded=true] ._chevronIcon_1ghre_97,._panel_1ghre_125{transition:none}}
+._root_17bdp_1{--gap:.75rem;--heading-color:var(--midas-text-primary)}._root_17bdp_1._contained_17bdp_5{--gap:.25rem}._root_17bdp_1[data-disabled]{--heading-color:var(--midas-text-disabled)}._root_17bdp_1[data-disabled] ._triggerButton_17bdp_12{background:0 0}._root_17bdp_1{font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);gap:var(--gap);flex-direction:column;width:100%;display:flex}._item_p0cw2_1{--item-padding:0;--content-padding:var(--midas-space-small) var(--midas-space-medium) var(--midas-space-medium) 1.85rem;--border:none;--accordion-background:transparent;--accordion-background-hover:transparent;--text-color:var(--midas-text-primary);--icon-color:var(--midas-icon-primary);font-family:var(--midas-typography-font-family);color:var(--text-color);background-color:var(--accordion-background);border:var(--border);border-color:var(--border-color)}._contained_p0cw2_18{--gap:var(--midas-space-xsmall);--item-padding:calc(var(--midas-space-60) - 2px) var(--midas-space-60);--content-padding:var(--midas-space-60) var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-medium);--border-color:var(--midas-border-color-secondary);--border:1px solid;--accordion-background:var(--midas-layer-01-base);--accordion-background-hover:var(--midas-layer-01-hover);--midas-field-base:var(--midas-field-02-base);--midas-field-hover:var(--midas-field-02-hover);--midas-field-disabled:var(--midas-field-02-disabled)}._contained_p0cw2_18._medium_p0cw2_31{--item-padding:calc(var(--midas-space-small) - 2px) var(--midas-space-60)}._success_p0cw2_36{--accordion-background:var(--midas-support-background-success);--accordion-background-hover:var(--midas-support-background-success-hover);--border-color:var(--midas-support-border-success)}._warning_p0cw2_42{--accordion-background:var(--midas-support-background-warning);--accordion-background-hover:var(--midas-support-background-warning-hover);--border-color:var(--midas-support-border-warning)}._info_p0cw2_48{--accordion-background:var(--midas-support-background-info);--accordion-background-hover:var(--midas-support-background-info-hover);--border-color:var(--midas-support-border-info)}._important_p0cw2_54{--accordion-background:var(--midas-support-background-important);--accordion-background-hover:var(--midas-support-background-important-hover);--border-color:var(--midas-support-border-important)}._item_p0cw2_1[data-disabled]{--border-color:var(--midas-border-color-disabled);--icon-color:var(--midas-text-disabled);--text-color:var(--midas-text-disabled)}._item_p0cw2_1[data-disabled] ._triggerButton_p0cw2_65{background:0 0}._item_p0cw2_1[data-disabled] ._triggerText_p0cw2_69{color:var(--midas-text-disabled)}._trigger_p0cw2_65{cursor:pointer;border:0;margin:0}._triggerMainContent_p0cw2_80{text-align:left;flex:1 0 0}._triggerText_p0cw2_69{margin:0;padding:0}:not(#_\9 _p0cw2_1) ._triggerButton_p0cw2_65{width:100%;padding:var(--item-padding);min-height:unset;align-items:flex-start}._chevronIcon_p0cw2_97{transition:transform var(--midas-transition-duration-normal) ease;padding:var(--midas-space-10) 0;transform:rotate(0)}._statusIcon_p0cw2_103{color:var(--icon-color);padding:var(--midas-space-10) 0}@media (forced-colors:active){._statusIcon_p0cw2_103{color:currentColor}}._triggerButton_p0cw2_65[aria-expanded=true] ._chevronIcon_p0cw2_97{transition:transform var(--midas-transition-duration-normal) ease;transform:rotate(-180deg)}._triggerButton_p0cw2_65[data-hovered]{background-color:var(--accordion-background-hover)}._triggerButton_p0cw2_65[data-focus-visible]{box-shadow:var(--midas-state-focus-inset)}._panel_p0cw2_125{height:var(--disclosure-panel-height);transition:height var(--midas-transition-panel-collapse);overflow:clip}._content_p0cw2_133{height:auto;padding:var(--content-padding)}._neutralBackground_p0cw2_138{background-color:var(--midas-background-base);--midas-field-base:var(--midas-field-01-base);--midas-field-hover:var(--midas-field-01-hover);--midas-field-disabled:var(--midas-field-01-disabled)}._header_p0cw2_146{margin:0}@media (prefers-reduced-motion){._chevronIcon_p0cw2_97,._triggerButton_p0cw2_65[aria-expanded=true] ._chevronIcon_p0cw2_97,._panel_p0cw2_125{transition:none}}

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/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/{accordion-DlVM6IKH.js → accordion-uHbLJtPY.js}

@@ -22,31 +22,31 @@ import '../assets/accordion.css';var h = {
 		children: t
 	})
 }), v = {
-	item: "_item_1ghre_1",
-	contained: "_contained_1ghre_18",
-	medium: "_medium_1ghre_31",
-	success: "_success_1ghre_36",
-	warning: "_warning_1ghre_42",
-	info: "_info_1ghre_48",
-	important: "_important_1ghre_54",
-	triggerButton: "_triggerButton_1ghre_65",
-	triggerText: "_triggerText_1ghre_69",
-	trigger: "_trigger_1ghre_65",
-	triggerMainContent: "_triggerMainContent_1ghre_80",
-	"	": "_	_1ghre_1",
-	chevronIcon: "_chevronIcon_1ghre_97",
-	statusIcon: "_statusIcon_1ghre_103",
-	panel: "_panel_1ghre_125",
-	content: "_content_1ghre_133",
-	hasBackground: "_hasBackground_1ghre_138",
-	header: "_header_1ghre_146"
-}, y = ({ title: i, children: c, className: h, headingLevel: _ = "h2", type: y, hasBackground: b = !0, size: x = "large", isContained: S, iconAriaLabel: C, ...w }) => {
-	let T = a(g), E = S ?? T?.isContained ?? !1, D = typeof i == "object";
+	item: "_item_p0cw2_1",
+	contained: "_contained_p0cw2_18",
+	medium: "_medium_p0cw2_31",
+	success: "_success_p0cw2_36",
+	warning: "_warning_p0cw2_42",
+	info: "_info_p0cw2_48",
+	important: "_important_p0cw2_54",
+	triggerButton: "_triggerButton_p0cw2_65",
+	triggerText: "_triggerText_p0cw2_69",
+	trigger: "_trigger_p0cw2_65",
+	triggerMainContent: "_triggerMainContent_p0cw2_80",
+	"	": "_	_p0cw2_1",
+	chevronIcon: "_chevronIcon_p0cw2_97",
+	statusIcon: "_statusIcon_p0cw2_103",
+	panel: "_panel_p0cw2_125",
+	content: "_content_p0cw2_133",
+	neutralBackground: "_neutralBackground_p0cw2_138",
+	header: "_header_p0cw2_146"
+}, y = ({ title: i, children: c, className: h, headingLevel: _ = "h2", type: y, contentBackground: b, hasBackground: x, size: S = "large", isContained: C, iconAriaLabel: w, ...T }) => {
+	let E = a(g), D = C ?? E?.isContained ?? !1, O = typeof i == "object", k = b ?? (x === !1 ? "inherit" : "neutral");
 	return o(() => {
-		y && !E && console.warn("AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency.");
-	}, [y, E]), /* @__PURE__ */ f(s, {
-		...w,
-		className: e(v.item, y && E && v[y], (x === "medium" || T?.size === "medium") && v.medium, E && v.contained, h),
+		y && !D && console.warn("AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency.");
+	}, [y, D]), /* @__PURE__ */ f(s, {
+		...T,
+		className: e(v.item, y && D && v[y], (S === "medium" || E?.size === "medium") && v.medium, D && v.contained, h),
 		children: u(c, (a) => /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
 			className: v.trigger,
 			children: /* @__PURE__ */ p(t, {
@@ -60,15 +60,15 @@ import '../assets/accordion.css';var h = {
 					}),
 					/* @__PURE__ */ f("div", {
 						className: v.triggerMainContent,
-						children: D ? i : /* @__PURE__ */ f(n, {
+						children: O ? i : /* @__PURE__ */ f(n, {
 							level: 3,
 							elementType: _,
 							className: v.triggerText,
 							children: i
 						})
 					}),
-					y && E && /* @__PURE__ */ f(r, {
-						"aria-label": C,
+					y && D && /* @__PURE__ */ f(r, {
+						"aria-label": w,
 						className: v.statusIcon,
 						status: y
 					})
@@ -77,7 +77,7 @@ import '../assets/accordion.css';var h = {
 		}), /* @__PURE__ */ f(l, {
 			className: v.panel,
 			children: /* @__PURE__ */ f("div", {
-				className: e(v.content, b && v.hasBackground),
+				className: e(v.content, k === "neutral" && v.neutralBackground),
 				children: a
 			})
 		})] }))

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/{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

@@ -1,6 +1,6 @@
 'use client';
 "use client";
-import { n as e, t } from "./chunks/accordion-DlVM6IKH.js";
+import { n as e, t } from "./chunks/accordion-uHbLJtPY.js";
 import { t as n } from "./chunks/clsx-DAqHMl_k.js";
 import { t as r } from "./chunks/spinner-CIjfJeGm.js";
 import { t as i } from "./chunks/useLocalizedStringFormatter-CeyBc0x0.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 { 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-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 { 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.30.2",
+	version: "17.32.0",
 	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.30.2",
+  "version": "17.32.0",
   "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/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 };