@midas-ds/components 17.28.0 → 17.28.2

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 17.28.2 (2026-10-08)
+
+### 🩹 Fixes
+
+- **components,text-field:** dim text color for isDisabled ([fd2792d0090](https://github.com/migrationsverket/midas/commit/fd2792d0090))
+
+### 📖 Documentation changes
+
+- **components,date-field,date-picker,text-area,time-field:** add stories ([8bf62618e81](https://github.com/migrationsverket/midas/commit/8bf62618e81))
+
+### 🧪 Tests updated
+
+- update visual regression screenshots ([11cc3df68e6](https://github.com/migrationsverket/midas/commit/11cc3df68e6))
+
+## 17.28.1 (2026-10-08)
+
+### 🩹 Fixes
+
+- **components,radio,checkbox:** forward data-* attributes ([#1409](https://github.com/migrationsverket/midas/pull/1409))
+
 ## 17.28.0 (2026-10-08)
 
 ### 🚀 Features

package/assets/TextField.css

@@ -1 +1 @@
-._textField_1e7zw_1{grid-template:"Label Count"min-content"Desc Count"min-content"Error Count"min-content"Input Input"min-content"BottomError BottomError"/1fr auto;grid-auto-rows:1fr 1fr;grid-auto-columns:1fr;align-content:flex-end;width:100%;display:grid}._textField_1e7zw_1>[slot=description]{grid-area:Desc}._textField_1e7zw_1>._bottomError_1e7zw_20{grid-area:BottomError}._textField_1e7zw_1[data-disabled]{color:var(--midas-text-disabled)}._textField_1e7zw_1[data-readonly] ._textArea_1e7zw_29,._textField_1e7zw_1[data-readonly] ._input_1e7zw_30{border-color:var(--midas-border-color-subtle);background-color:#0000}._textArea_1e7zw_29{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);border-bottom:1px solid var(--midas-border-color-primary);background-color:var(--midas-field-base,var(--midas-field-01-base));box-sizing:border-box;overflow-wrap:break-word;resize:both;grid-area:Input;justify-content:center;align-items:center;width:100%;padding:1rem 1rem 1.25rem;font-size:1rem;display:flex;overflow:auto}@media (forced-colors:active){._textArea_1e7zw_29{outline-offset:2px;outline:3px solid}}._textArea_1e7zw_29[data-hovered]{background-color:var(--midas-field-hover,var(--midas-field-01-hover))}._textArea_1e7zw_29[data-focused],._textArea_1e7zw_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media (forced-colors:active){._textArea_1e7zw_29[data-focused],._textArea_1e7zw_29[data-focus-visible]{border:1px solid}}._textArea_1e7zw_29[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}._textArea_1e7zw_29[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled,var(--midas-field-01-disabled));border:none;border-bottom:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._wrap_1e7zw_90{grid-area:Input;position:relative}._medium_1e7zw_95 ._input_1e7zw_30{min-height:var(--midas-size-control-md)}._input_1e7zw_30{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);border-bottom:1px solid var(--midas-border-color-primary);background-color:var(--midas-field-base,var(--midas-field-01-base));box-sizing:border-box;width:100%;min-height:var(--midas-size-control);border-radius:0;grid-area:Input;padding:0 1rem;font-size:1rem;line-height:1}@media (forced-colors:active){._input_1e7zw_30{border:1px solid}}._input_1e7zw_30[data-hovered]{background-color:var(--midas-field-hover,var(--midas-field-01-hover))}._input_1e7zw_30[data-hovered]+._passwordText_1e7zw_123{background-color:var(--midas-field-hover,var(--midas-field-01-hover))}._input_1e7zw_30[data-focused]{box-shadow:var(--midas-state-focus)}@media (forced-colors:active){._input_1e7zw_30[data-focused]{outline-offset:2px;outline:3px solid highlight}}._input_1e7zw_30[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}@media (forced-colors:active){._input_1e7zw_30[data-invalid]{border:1px solid}}._input_1e7zw_30[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled,var(--midas-field-01-disabled));border:none;border-bottom:1px solid var(--midas-border-color-disabled)}@media (forced-colors:active){._input_1e7zw_30[data-disabled]{border:1px solid}}._input_1e7zw_30::-ms-reveal{display:none}._passwordButton_1e7zw_165{z-index:calc(var(--midas-z-index-base) + var(--midas-z-index-above));position:absolute;right:0}._passwordButton_1e7zw_165[data-pressed]{background-color:#0000!important}
+._textField_1ddv0_1{grid-template:"Label Count"min-content"Desc Count"min-content"Error Count"min-content"Input Input"min-content"BottomError BottomError"/1fr auto;grid-auto-rows:1fr 1fr;grid-auto-columns:1fr;align-content:flex-end;width:100%;display:grid}._textField_1ddv0_1>[slot=description]{grid-area:Desc}._textField_1ddv0_1>._bottomError_1ddv0_20{grid-area:BottomError}._textField_1ddv0_1[data-disabled]{color:var(--midas-text-disabled)}._textField_1ddv0_1[data-readonly] ._textArea_1ddv0_29,._textField_1ddv0_1[data-readonly] ._input_1ddv0_30{border-color:var(--midas-border-color-subtle);background-color:#0000}._textArea_1ddv0_29{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);border-bottom:1px solid var(--midas-border-color-primary);background-color:var(--midas-field-base,var(--midas-field-01-base));box-sizing:border-box;overflow-wrap:break-word;resize:both;grid-area:Input;justify-content:center;align-items:center;width:100%;padding:1rem 1rem 1.25rem;font-size:1rem;display:flex;overflow:auto}@media (forced-colors:active){._textArea_1ddv0_29{outline-offset:2px;outline:3px solid}}._textArea_1ddv0_29[data-hovered]{background-color:var(--midas-field-hover,var(--midas-field-01-hover))}._textArea_1ddv0_29[data-focused],._textArea_1ddv0_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media (forced-colors:active){._textArea_1ddv0_29[data-focused],._textArea_1ddv0_29[data-focus-visible]{border:1px solid}}._textArea_1ddv0_29[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}._textArea_1ddv0_29[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled,var(--midas-field-01-disabled));border:none;border-bottom:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._wrap_1ddv0_90{grid-area:Input;position:relative}._medium_1ddv0_95 ._input_1ddv0_30{min-height:var(--midas-size-control-md)}._input_1ddv0_30{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);border-bottom:1px solid var(--midas-border-color-primary);background-color:var(--midas-field-base,var(--midas-field-01-base));box-sizing:border-box;width:100%;min-height:var(--midas-size-control);border-radius:0;grid-area:Input;padding:0 1rem;font-size:1rem;line-height:1}@media (forced-colors:active){._input_1ddv0_30{border:1px solid}}._input_1ddv0_30[data-hovered]{background-color:var(--midas-field-hover,var(--midas-field-01-hover))}._input_1ddv0_30[data-hovered]+._passwordText_1ddv0_123{background-color:var(--midas-field-hover,var(--midas-field-01-hover))}._input_1ddv0_30[data-focused]{box-shadow:var(--midas-state-focus)}@media (forced-colors:active){._input_1ddv0_30[data-focused]{outline-offset:2px;outline:3px solid highlight}}._input_1ddv0_30[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}@media (forced-colors:active){._input_1ddv0_30[data-invalid]{border:1px solid}}._input_1ddv0_30[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-field-disabled,var(--midas-field-01-disabled));border:none;border-bottom:1px solid var(--midas-border-color-disabled)}@media (forced-colors:active){._input_1ddv0_30[data-disabled]{border:1px solid}}._input_1ddv0_30::-ms-reveal{display:none}._passwordButton_1ddv0_166{z-index:calc(var(--midas-z-index-base) + var(--midas-z-index-above));position:absolute;right:0}._passwordButton_1ddv0_166[data-pressed]{background-color:#0000!important}

package/calendar/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/calendar-BZPktkdE.js";
+import { n as e, t } from "../chunks/calendar-Bl_obez5.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-DcXA9GSd.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/checkbox-Bqd8B58G.js";
 export { t as Checkbox, n as CheckboxButton, e as CheckboxField, r as CheckboxGroup };

package/chunks/TextField.module-BLGiCC4q.js

@@ -0,0 +1,12 @@
+import '../assets/TextField.css';var e = {
+	textField: "_textField_1ddv0_1",
+	bottomError: "_bottomError_1ddv0_20",
+	textArea: "_textArea_1ddv0_29",
+	input: "_input_1ddv0_30",
+	wrap: "_wrap_1ddv0_90",
+	medium: "_medium_1ddv0_95",
+	passwordText: "_passwordText_1ddv0_123",
+	passwordButton: "_passwordButton_1ddv0_166"
+};
+//#endregion
+export { e as t };

package/chunks/{calendar-BZPktkdE.js → calendar-Bl_obez5.js}

@@ -4,7 +4,7 @@ import { t as r } from "./chevron-right-DwqboCdU.js";
 import { n as i } from "./button-CenXTGXL.js";
 import { t as a } from "./heading-BEl_z-5T.js";
 import { t as o } from "./field-error-LtNtEKDp.js";
-import { n as s } from "./select-KQzDIamx.js";
+import { n as s } from "./select-oLCNpryY.js";
 import { a as c, c as l, o as u } from "./list-box-BN_MSiOD.js";
 import * as d from "react";
 import { Calendar as f, CalendarCell as p, CalendarGrid as m, CalendarMonthPicker as h, CalendarYearPicker as g, RangeCalendar as _, RangeCalendarContext as v, Select as y } from "react-aria-components";

package/chunks/checkbox-Bqd8B58G.js

@@ -0,0 +1,110 @@
+'use client';
+import { t as e } from "./clsx-Di52oYUU.js";
+import { t } from "./createLucideIcon-BgluSHFG.js";
+import { t as n } from "./check-DV00NPU0.js";
+import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n as i, t as a } from "./label-LWlgvAwz.js";
+import { t as o } from "./text-DwmZ-ew8.js";
+import { t as s } from "./field-error-LtNtEKDp.js";
+import { t as c } from "./splitDataAttributes-_JTFOOIb.js";
+import * as l from "react";
+import { forwardRef as u, useContext as d } from "react";
+import { CheckboxButton as f, CheckboxField as p, CheckboxGroup as m, CheckboxGroupStateContext as h, composeRenderProps as g } from "react-aria-components";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { variables as b } from "@midas-ds/theme";
+import '../assets/checkbox.css';var x = t("minus", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}]]), S = {
+	indicator: "_indicator_3jfn4_1",
+	checkboxButton: "_checkboxButton_3jfn4_27",
+	checkboxField: "_checkboxField_3jfn4_144",
+	checkboxGroup: "_checkboxGroup_3jfn4_155",
+	checkboxList: "_checkboxList_3jfn4_166"
+}, C = ({ className: t, ...n }) => /* @__PURE__ */ v(p, {
+	className: e(S.checkboxField, t),
+	...n
+}), w = u(({ className: t, ...n }, r) => /* @__PURE__ */ v(f, {
+	className: e(S.checkboxButton, t),
+	ref: r,
+	...n
+})), T = u(({ className: e, description: t, errorMessage: r, errorPosition: i = "top", children: a, ...l }, u) => {
+	let [d, f] = c(l);
+	return /* @__PURE__ */ y(C, {
+		...f,
+		children: [
+			t && /* @__PURE__ */ v(o, {
+				slot: "description",
+				children: t
+			}),
+			i === "top" && /* @__PURE__ */ v(s, { children: r }),
+			/* @__PURE__ */ v(w, {
+				...d,
+				ref: u,
+				className: e,
+				children: ({ isIndeterminate: e }) => /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+					className: S.indicator,
+					children: v(e ? x : n, {
+						size: 14,
+						color: b.iconOnColor
+					})
+				}), a] })
+			}),
+			i === "bottom" && /* @__PURE__ */ v(s, { children: r })
+		]
+	});
+});
+T.displayName = "Checkbox";
+//#endregion
+//#region src/checkbox/useSelectAll.ts
+var E = (e, t) => {
+	let n = t?.value ?? [], r = l.Children.toArray(e).filter((e) => l.isValidElement(e) && e.type === T), i = r.filter((e) => !e.props.isDisabled).map((e) => e.props.value || ""), a = r.filter((e) => e.props.isDisabled).map((e) => e.props.value || "").filter((e) => n.includes(e)), o = n.filter((e) => i.includes(e)).length, s = o === 0, c = o === i.length;
+	return {
+		allSelected: c,
+		someSelected: !s && !c,
+		checkboxValues: i,
+		disabledSelectedValues: a
+	};
+}, D = {
+	en: { selectAll: "Select all" },
+	sv: { selectAll: "Välj alla" }
+}, O = ({ checkboxes: e, label: t }) => {
+	let n = d(h), i = r(D), { allSelected: a, someSelected: o, checkboxValues: s, disabledSelectedValues: c } = E(e, n);
+	return /* @__PURE__ */ v(h.Provider, {
+		value: null,
+		children: /* @__PURE__ */ v(T, {
+			isSelected: a,
+			isIndeterminate: o,
+			isReadOnly: n?.isReadOnly,
+			isDisabled: n?.isDisabled,
+			onChange: (e) => {
+				n?.setValue(e ? [...s, ...c] : c);
+			},
+			children: t || i.format("selectAll")
+		})
+	});
+}, k = ({ label: t, description: n, errorMessage: r, errorPosition: c = "top", popover: l, showSelectAll: u, selectAllLabel: d, className: f, children: p, ...h }) => /* @__PURE__ */ v(m, {
+	...h,
+	className: e(S.checkboxGroup, f),
+	children: g(p, (e) => /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v(i, {
+			popover: l,
+			children: t && /* @__PURE__ */ v(a, { children: t })
+		}),
+		n && /* @__PURE__ */ v(o, {
+			slot: "description",
+			children: n
+		}),
+		c === "top" && r && /* @__PURE__ */ v(s, { children: r }),
+		/* @__PURE__ */ y("div", {
+			className: S.checkboxList,
+			children: [u && /* @__PURE__ */ v(O, {
+				label: d,
+				checkboxes: e
+			}), e]
+		}),
+		c === "bottom" && r && /* @__PURE__ */ v(s, { children: r })
+	] }))
+});
+//#endregion
+export { C as i, T as n, w as r, k as t };

package/chunks/{date-picker-BomOO1LI.js → date-picker-DZivTUB_.js}

@@ -1,7 +1,7 @@
 'use client';
 import { n as e } from "./clsx-Di52oYUU.js";
 import { t } from "./createLucideIcon-BgluSHFG.js";
-import { n, t as r } from "./calendar-BZPktkdE.js";
+import { n, t as r } from "./calendar-Bl_obez5.js";
 import { t as i } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { n as a } from "./button-CenXTGXL.js";
 import { n as o, t as s } from "./label-LWlgvAwz.js";

package/chunks/radio-BD1EuxSa.js

@@ -0,0 +1,53 @@
+import { t as e } from "./clsx-Di52oYUU.js";
+import { n as t, t as n } from "./label-LWlgvAwz.js";
+import { t as r } from "./text-DwmZ-ew8.js";
+import { t as i } from "./field-error-LtNtEKDp.js";
+import { t as a } from "./splitDataAttributes-_JTFOOIb.js";
+import { Group as o, RadioButton as s, RadioField as c, RadioGroup 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/radio.css';//#region src/radio/RadioField.tsx
+var m = (e) => /* @__PURE__ */ f(c, { ...e }), h = {
+	radioGroup: "_radioGroup_1l7aa_1",
+	wrap: "_wrap_1l7aa_12",
+	radioButton: "_radioButton_1l7aa_25"
+}, g = ({ className: t, ...n }) => /* @__PURE__ */ f(s, {
+	className: e(h.radioButton, t),
+	...n
+}), _ = ({ children: e, className: t, ...n }) => {
+	let [r, i] = a(n);
+	return /* @__PURE__ */ f(m, {
+		...i,
+		children: /* @__PURE__ */ f(g, {
+			...r,
+			className: t,
+			children: e
+		})
+	});
+}, v = ({ label: a, description: s, errorMessage: c, children: m, className: g, errorPosition: _ = "top", popover: v, ...y }) => /* @__PURE__ */ f(l, {
+	...y,
+	className: e(h.radioGroup, g),
+	children: u(m, (e) => /* @__PURE__ */ p(d, { children: [
+		/* @__PURE__ */ f(t, {
+			popover: v,
+			children: a && /* @__PURE__ */ f(n, { children: a })
+		}),
+		s && /* @__PURE__ */ f(r, {
+			slot: "description",
+			children: s
+		}),
+		_ === "top" && /* @__PURE__ */ f(i, {
+			"data-testid": "fieldError",
+			children: c
+		}),
+		/* @__PURE__ */ f(o, {
+			className: h.wrap,
+			children: e
+		}),
+		_ === "bottom" && /* @__PURE__ */ f(i, {
+			"data-testid": "fieldError",
+			children: c
+		})
+	] }))
+});
+//#endregion
+export { m as i, _ as n, g as r, v as t };

package/chunks/{search-field-BvfOHvUI.js → search-field-GNTRFpzf.js}

@@ -7,7 +7,7 @@ import { n as i } from "./button-CenXTGXL.js";
 import { n as a, t as o } from "./label-LWlgvAwz.js";
 import { t as s } from "./text-DwmZ-ew8.js";
 import { t as c } from "./field-error-LtNtEKDp.js";
-import { t as l } from "./TextField.module-D_tUnemB.js";
+import { t as l } from "./TextField.module-BLGiCC4q.js";
 import { FormContext as u, Input as d, SearchField as f, useSlottedContext as p } from "react-aria-components";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 import '../assets/search-field.css';var _ = t("search", [["path", {

package/chunks/{select-KQzDIamx.js → select-oLCNpryY.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./clsx-Di52oYUU.js";
 import { t as n } from "./chevron-down-CP7nEDei.js";
-import { n as r } from "./checkbox-DcXA9GSd.js";
+import { n as r } from "./checkbox-Bqd8B58G.js";
 import { t as i } from "./x-BJAOO5a5.js";
 import { t as a } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { n as o, t as s } from "./label-LWlgvAwz.js";

package/chunks/splitDataAttributes-_JTFOOIb.js

@@ -0,0 +1,8 @@
+//#region src/utils/splitDataAttributes.ts
+function e(e) {
+	let t = {}, n = {};
+	for (let [r, i] of Object.entries(e)) r.startsWith("data-") ? t[r] = i : n[r] = i;
+	return [t, n];
+}
+//#endregion
+export { e as t };

package/chunks/{table-zT6eQ3ZZ.js → table-CmNWoAYO.js}

@@ -1,7 +1,7 @@
 'use client';
 import { t as e } from "./clsx-Di52oYUU.js";
 import { t } from "./createLucideIcon-BgluSHFG.js";
-import { n } from "./checkbox-DcXA9GSd.js";
+import { n } from "./checkbox-Bqd8B58G.js";
 import { Button as r, Cell as i, Collection as a, Column as o, Row as s, Table as c, TableBody as l, TableHeader as u, useTableOptions as d } from "react-aria-components";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import '../assets/table.css';var h = t("arrow-down", [["path", {

package/chunks/{textfield-CXqzzOtw.js → textfield-BSvCsAyC.js}

@@ -6,7 +6,7 @@ import { n as i, t as a } from "./label-LWlgvAwz.js";
 import { t as o } from "./text-DwmZ-ew8.js";
 import { t as s } from "./field-error-LtNtEKDp.js";
 import { t as c } from "./character-counter-CSoVSrxZ.js";
-import { t as l } from "./TextField.module-D_tUnemB.js";
+import { t as l } from "./TextField.module-BLGiCC4q.js";
 import { forwardRef as u, useState as d } from "react";
 import { Input as f, InputContext as p, TextArea as m, TextField as h, TextFieldContext as g, useContextProps as _ } from "react-aria-components";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";

package/date-field/DateField.stories.d.ts

@@ -10,5 +10,6 @@ export declare const Disabled: Story;
 export declare const ReadOnly: Story;
 /** When using uncontrolled value */
 export declare const WithDefaultValue: Story;
+export declare const DisabledWithDefaultValue: Story;
 export declare const WithClearButton: Story;
 export declare const WithHelpPopover: Story;

package/date-picker/DatePicker.stories.d.ts

@@ -7,6 +7,7 @@ type Story = StoryObj<typeof DatePicker<CalendarDate>>;
 export declare const Primary: Story;
 export declare const WithTime: Story;
 export declare const Disabled: Story;
+export declare const DisabledWithDefaultValue: Story;
 export declare const ReadOnly: Story;
 export declare const Invalid: Story;
 export declare const Required: Story;

package/date-picker/index.js

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

package/index.js

@@ -4,14 +4,14 @@ import { n as e, t } from "./chunks/accordion-DIVTJU3O.js";
 import { t as n } from "./chunks/clsx-Di52oYUU.js";
 import { t as r } from "./chunks/spinner-LdHPVms_.js";
 import { n as i, t as a } from "./chunks/link-BAgs4RwY.js";
-import { a as o, i as s, n as c, o as l, r as u, t as d } from "./chunks/table-zT6eQ3ZZ.js";
+import { a as o, i as s, n as c, o as l, r as u, t as d } from "./chunks/table-CmNWoAYO.js";
 import { t as f } from "./chunks/link-button-BuPMEGUj.js";
-import { n as p, t as m } from "./chunks/date-picker-BomOO1LI.js";
-import { n as h, t as g } from "./chunks/calendar-BZPktkdE.js";
+import { n as p, t as m } from "./chunks/date-picker-DZivTUB_.js";
+import { n as h, t as g } from "./chunks/calendar-Bl_obez5.js";
 import { a as _, i as v, n as y, r as b, t as x } from "./chunks/layout-Db5um0f7.js";
-import { i as S, n as C, r as w, t as T } from "./chunks/checkbox-DcXA9GSd.js";
+import { i as S, n as C, r as w, t as T } from "./chunks/checkbox-Bqd8B58G.js";
 import { n as E, t as D } from "./chunks/color-scheme-switch-DVZjdwc9.js";
-import { t as O } from "./chunks/search-field-BvfOHvUI.js";
+import { t as O } from "./chunks/search-field-GNTRFpzf.js";
 import { n as k, t as A } from "./chunks/file-list-TmEuO1fJ.js";
 import { t as j } from "./chunks/useLocalizedStringFormatter-CeyBc0x0.js";
 import { n as M, t as N } from "./chunks/button-CenXTGXL.js";
@@ -23,7 +23,7 @@ import { t as B } from "./chunks/popover-DGcogqbS.js";
 import { n as V, r as H, t as U } from "./chunks/modal-C-UsxdO0.js";
 import { t as W } from "./chunks/text-DwmZ-ew8.js";
 import { t as G } from "./chunks/field-error-LtNtEKDp.js";
-import { n as K, t as q } from "./chunks/select-KQzDIamx.js";
+import { n as K, t as q } from "./chunks/select-oLCNpryY.js";
 import { a as J, c as Y, i as X, n as Z, o as Q, r as $, s as ee, t as te } from "./chunks/list-box-BN_MSiOD.js";
 import { n as ne, r as re, t as ie } from "./chunks/tag-BIcqtf7b.js";
 import { a as ae, c as oe, i as se, l as ce, n as le, o as ue, r as de, s as fe, t as pe } from "./chunks/card-zIYA-SQh.js";
@@ -40,11 +40,11 @@ import { t as Ne } from "./chunks/info-banner-osR4e6nB.js";
 import { n as Pe, t as Fe } from "./chunks/tooltip-BkesIUIF.js";
 import { n as Ie, t as Le } from "./chunks/logo-DyZ2pXt7.js";
 import { t as Re } from "./chunks/progress-bar-7w_kWo2f.js";
-import { i as ze, n as Be, r as Ve, t as He } from "./chunks/radio-C-MUMGu7.js";
+import { i as ze, n as Be, r as Ve, t as He } from "./chunks/radio-BD1EuxSa.js";
 import { t as Ue } from "./chunks/skeleton-B_BPRPJy.js";
 import { t as We } from "./chunks/stack-LF3ExhH9.js";
 import { i as Ge, n as Ke, r as qe, t as Je } from "./chunks/tabs-Co09VWvC.js";
-import { i as Ye, n as Xe, r as Ze, t as Qe } from "./chunks/textfield-CXqzzOtw.js";
+import { i as Ye, n as Xe, r as Ze, t as Qe } from "./chunks/textfield-BSvCsAyC.js";
 import { t as $e } from "./chunks/time-field-CmjGBQph.js";
 import { a as et, i as tt, n as nt, o as rt, r as it, t as at } from "./chunks/toast-gJgjitZF.js";
 //#endregion
@@ -61,7 +61,7 @@ var ot = {
 	description: "Midas Components",
 	homepage: "https://designsystem.migrationsverket.se/",
 	license: "CC0-1.0",
-	version: "17.28.0",
+	version: "17.28.2",
 	module: "./index.js",
 	type: "module",
 	main: "./index.js",

package/package.json

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

package/radio/Radio.d.ts

@@ -1,3 +1,3 @@
 import { RadioFieldProps } from 'react-aria-components';
 export type RadioProps = RadioFieldProps;
-export declare const Radio: ({ children, className, ...rest }: RadioProps) => import('react').JSX.Element;
+export declare const Radio: ({ children, className, ...props }: RadioProps) => import('react').JSX.Element;

package/radio/Radio.stories.d.ts

@@ -7,7 +7,7 @@ declare const _default: {
         children: string;
         isDisabled: false;
     };
-    component: ({ children, className, ...rest }: import('./Radio').RadioProps) => import('react').JSX.Element;
+    component: ({ children, className, ...props }: import('./Radio').RadioProps) => import('react').JSX.Element;
     decorators: (Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         className?: import('react-aria-components').ClassNameOrFunction<import('react-aria-components').RadioFieldRenderProps> | undefined;
         inputRef?: import('react').Ref<HTMLInputElement | null> | undefined;

package/radio/RadioGroup.stories.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
     title: string;
     component: import('react').FC<import('./RadioGroup').RadioGroupProps>;
     subcomponents: {
-        Radio: ({ children, className, ...rest }: import('./Radio').RadioProps) => import('react').JSX.Element;
+        Radio: ({ children, className, ...props }: import('./Radio').RadioProps) => import('react').JSX.Element;
     };
     tags: string[];
     args: {

package/radio/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/radio-C-MUMGu7.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/radio-BD1EuxSa.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-BvfOHvUI.js";
+import { t as e } from "../chunks/search-field-GNTRFpzf.js";
 export { e as SearchField };

package/select/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/select-KQzDIamx.js";
+import { n as e, t } from "../chunks/select-oLCNpryY.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-zT6eQ3ZZ.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-CmNWoAYO.js";
 export { a as Cell, n as Column, i as Row, t as Table, e as TableBody, r as TableHeader };

package/textfield/TextArea.stories.d.ts

@@ -359,6 +359,7 @@ export declare const Disabled: {
         };
     };
 };
+export declare const DisabledWithDefaultValue: Story;
 export declare const ReadOnly: Story;
 export declare const ShowCounter: Story;
 export declare const MaxLengthAndShowCounter: Story;

package/textfield/TextField.stories.d.ts

@@ -29,6 +29,7 @@ export declare const CustomValidation: Story;
 export declare const Number: Story;
 export declare const Numeric: Story;
 export declare const Disabled: Story;
+export declare const DisabledWithDefaultValue: Story;
 export declare const ReadOnly: Story;
 export declare const ShowCounter: Story;
 export declare const MaxLengthAndShowCounter: Story;

package/textfield/index.js

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

package/time-field/TimeField.stories.d.ts

@@ -30,6 +30,7 @@ export declare const Invalid: Story;
 export declare const Disabled: Story;
 export declare const ReadOnly: Story;
 export declare const WithDefaultValue: Story;
+export declare const DisabledWithDefaultValue: Story;
 export declare const WithClearButton: Story;
 export declare const WithSeconds: Story;
 export declare const HourCycle12: Story;

package/utils/splitDataAttributes.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Splits `data-*` attributes (e.g. `data-testid`) off a component's props.
+ *
+ * For components that render a field wrapper around the element the user
+ * interacts with, like Radio and Checkbox: the data attributes belong on the
+ * interactive element, so tests that click by test id hit the label rather
+ * than the wrapper.
+ */
+export declare function splitDataAttributes<T extends object>(props: T): readonly [Record<`data-${string}`, unknown>, T];

package/chunks/TextField.module-D_tUnemB.js

@@ -1,12 +0,0 @@
-import '../assets/TextField.css';var e = {
-	textField: "_textField_1e7zw_1",
-	bottomError: "_bottomError_1e7zw_20",
-	textArea: "_textArea_1e7zw_29",
-	input: "_input_1e7zw_30",
-	wrap: "_wrap_1e7zw_90",
-	medium: "_medium_1e7zw_95",
-	passwordText: "_passwordText_1e7zw_123",
-	passwordButton: "_passwordButton_1e7zw_165"
-};
-//#endregion
-export { e as t };

package/chunks/checkbox-DcXA9GSd.js

@@ -1,105 +0,0 @@
-'use client';
-import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { t as n } from "./check-DV00NPU0.js";
-import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as i, t as a } from "./label-LWlgvAwz.js";
-import { t as o } from "./text-DwmZ-ew8.js";
-import { t as s } from "./field-error-LtNtEKDp.js";
-import * as c from "react";
-import { forwardRef as l, useContext as u } from "react";
-import { CheckboxButton as d, CheckboxField as f, CheckboxGroup as p, CheckboxGroupStateContext as m, composeRenderProps as h } from "react-aria-components";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { variables as y } from "@midas-ds/theme";
-import '../assets/checkbox.css';var b = t("minus", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}]]), x = {
-	indicator: "_indicator_3jfn4_1",
-	checkboxButton: "_checkboxButton_3jfn4_27",
-	checkboxField: "_checkboxField_3jfn4_144",
-	checkboxGroup: "_checkboxGroup_3jfn4_155",
-	checkboxList: "_checkboxList_3jfn4_166"
-}, S = ({ className: t, ...n }) => /* @__PURE__ */ _(f, {
-	className: e(x.checkboxField, t),
-	...n
-}), C = l(({ className: t, ...n }, r) => /* @__PURE__ */ _(d, {
-	className: e(x.checkboxButton, t),
-	ref: r,
-	...n
-})), w = l(({ className: e, description: t, errorMessage: r, errorPosition: i = "top", children: a, ...c }, l) => /* @__PURE__ */ v(S, {
-	...c,
-	children: [
-		t && /* @__PURE__ */ _(o, {
-			slot: "description",
-			children: t
-		}),
-		i === "top" && /* @__PURE__ */ _(s, { children: r }),
-		/* @__PURE__ */ _(C, {
-			ref: l,
-			className: e,
-			children: ({ isIndeterminate: e }) => /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
-				className: x.indicator,
-				children: _(e ? b : n, {
-					size: 14,
-					color: y.iconOnColor
-				})
-			}), a] })
-		}),
-		i === "bottom" && /* @__PURE__ */ _(s, { children: r })
-	]
-}));
-w.displayName = "Checkbox";
-//#endregion
-//#region src/checkbox/useSelectAll.ts
-var T = (e, t) => {
-	let n = t?.value ?? [], r = c.Children.toArray(e).filter((e) => c.isValidElement(e) && e.type === w), i = r.filter((e) => !e.props.isDisabled).map((e) => e.props.value || ""), a = r.filter((e) => e.props.isDisabled).map((e) => e.props.value || "").filter((e) => n.includes(e)), o = n.filter((e) => i.includes(e)).length, s = o === 0, l = o === i.length;
-	return {
-		allSelected: l,
-		someSelected: !s && !l,
-		checkboxValues: i,
-		disabledSelectedValues: a
-	};
-}, E = {
-	en: { selectAll: "Select all" },
-	sv: { selectAll: "Välj alla" }
-}, D = ({ checkboxes: e, label: t }) => {
-	let n = u(m), i = r(E), { allSelected: a, someSelected: o, checkboxValues: s, disabledSelectedValues: c } = T(e, n);
-	return /* @__PURE__ */ _(m.Provider, {
-		value: null,
-		children: /* @__PURE__ */ _(w, {
-			isSelected: a,
-			isIndeterminate: o,
-			isReadOnly: n?.isReadOnly,
-			isDisabled: n?.isDisabled,
-			onChange: (e) => {
-				n?.setValue(e ? [...s, ...c] : c);
-			},
-			children: t || i.format("selectAll")
-		})
-	});
-}, O = ({ label: t, description: n, errorMessage: r, errorPosition: c = "top", popover: l, showSelectAll: u, selectAllLabel: d, className: f, children: m, ...y }) => /* @__PURE__ */ _(p, {
-	...y,
-	className: e(x.checkboxGroup, f),
-	children: h(m, (e) => /* @__PURE__ */ v(g, { children: [
-		/* @__PURE__ */ _(i, {
-			popover: l,
-			children: t && /* @__PURE__ */ _(a, { children: t })
-		}),
-		n && /* @__PURE__ */ _(o, {
-			slot: "description",
-			children: n
-		}),
-		c === "top" && r && /* @__PURE__ */ _(s, { children: r }),
-		/* @__PURE__ */ v("div", {
-			className: x.checkboxList,
-			children: [u && /* @__PURE__ */ _(D, {
-				label: d,
-				checkboxes: e
-			}), e]
-		}),
-		c === "bottom" && r && /* @__PURE__ */ _(s, { children: r })
-	] }))
-});
-//#endregion
-export { S as i, w as n, C as r, O as t };

package/chunks/radio-C-MUMGu7.js

@@ -1,48 +0,0 @@
-import { t as e } from "./clsx-Di52oYUU.js";
-import { n as t, t as n } from "./label-LWlgvAwz.js";
-import { t as r } from "./text-DwmZ-ew8.js";
-import { t as i } from "./field-error-LtNtEKDp.js";
-import { Group as a, RadioButton as o, RadioField as s, RadioGroup 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/radio.css';//#region src/radio/RadioField.tsx
-var p = (e) => /* @__PURE__ */ d(s, { ...e }), m = {
-	radioGroup: "_radioGroup_1l7aa_1",
-	wrap: "_wrap_1l7aa_12",
-	radioButton: "_radioButton_1l7aa_25"
-}, h = ({ className: t, ...n }) => /* @__PURE__ */ d(o, {
-	className: e(m.radioButton, t),
-	...n
-}), g = ({ children: e, className: t, ...n }) => /* @__PURE__ */ d(p, {
-	...n,
-	children: /* @__PURE__ */ d(h, {
-		className: t,
-		children: e
-	})
-}), _ = ({ label: o, description: s, errorMessage: p, children: h, className: g, errorPosition: _ = "top", popover: v, ...y }) => /* @__PURE__ */ d(c, {
-	...y,
-	className: e(m.radioGroup, g),
-	children: l(h, (e) => /* @__PURE__ */ f(u, { children: [
-		/* @__PURE__ */ d(t, {
-			popover: v,
-			children: o && /* @__PURE__ */ d(n, { children: o })
-		}),
-		s && /* @__PURE__ */ d(r, {
-			slot: "description",
-			children: s
-		}),
-		_ === "top" && /* @__PURE__ */ d(i, {
-			"data-testid": "fieldError",
-			children: p
-		}),
-		/* @__PURE__ */ d(a, {
-			className: m.wrap,
-			children: e
-		}),
-		_ === "bottom" && /* @__PURE__ */ d(i, {
-			"data-testid": "fieldError",
-			children: p
-		})
-	] }))
-});
-//#endregion
-export { p as i, g as n, h as r, _ as t };