@midas-ds/components 17.23.4 → 17.23.6

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 17.23.6 (2026-09-04)
+
+### 🩹 Fixes
+
+- **components,layout:** declare undeclared runtime deps bundled from react-aria packages ([d74be6643f6](https://github.com/migrationsverket/midas/commit/d74be6643f6))
+
+## 17.23.5 (2026-09-03)
+
+### 🩹 Fixes
+
+- **components,combobox,date-picker,select,search-field:** fix help popover button action ([1d62a6cf2ed](https://github.com/migrationsverket/midas/commit/1d62a6cf2ed))
+
+### 📖 Documentation changes
+
+- **components,checkbox,date-field,radio,time-field:** add story with help popover ([94e9cb6a98a](https://github.com/migrationsverket/midas/commit/94e9cb6a98a))
+
+### 🧪 Tests updated
+
+- **components,select,date-picker,search-field:** add test case for help popover ([1288ab6d49e](https://github.com/migrationsverket/midas/commit/1288ab6d49e))
+
 ## 17.23.4 (2026-09-01)
 
 ### 🩹 Fixes

package/checkbox/CheckboxGroup.stories.d.ts

@@ -28,3 +28,4 @@ export declare const SelectAllWithPreselectedDisabledItem: Story;
 export declare const Disabled: Story;
 export declare const ReadOnly: Story;
 export declare const Invalid: Story;
+export declare const WithHelpPopover: Story;

package/checkbox/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/checkbox-rP12imO5.js";
+import { n as e, t } from "../chunks/checkbox-Ab2j8vyN.js";
 export { e as Checkbox, t as CheckboxGroup };

package/chunks/{checkbox-rP12imO5.js → checkbox-Ab2j8vyN.js}

@@ -4,7 +4,7 @@ import { t as n } from "./check-BiPE7lAA.js";
 import { t as r } from "./useLocalizedStringFormatter-bRLuRzVD.js";
 import { t as i } from "./text-mAeDlv5N.js";
 import { t as a } from "./field-error-DYp2kgFr.js";
-import { n as o, t as s } from "./label-CAUFXAk3.js";
+import { n as o, t as s } from "./label-BypWUo8H.js";
 import * as c from "react";
 import l, { forwardRef as u, useContext as d, useRef as f } from "react";
 import { CheckboxContext as p, FieldErrorContext as m, FormContext as h, useContextProps as g, useSlottedContext as _ } from "react-aria-components";

package/chunks/{combobox-BDlvVTXt.js → combobox-M_GSXJRk.js}

@@ -4,7 +4,7 @@ import { t } from "./chevron-down-Buf0eTzo.js";
 import { t as n } from "./useLocalizedStringFormatter-bRLuRzVD.js";
 import { t as r } from "./text-mAeDlv5N.js";
 import { t as i } from "./field-error-DYp2kgFr.js";
-import { n as a, t as o } from "./label-CAUFXAk3.js";
+import { n as a, t as o } from "./label-BypWUo8H.js";
 import { a as s, c, t as l } from "./list-box-DvX6VTa1.js";
 import { useRef as u } from "react";
 import { Button as d, ComboBox as f, Input as p } from "react-aria-components";

package/chunks/{date-field-_jPjmSUB.js → date-field-ChAG280m.js}

@@ -2,7 +2,7 @@ import { t as e } from "./clsx-BtlV5Vo3.js";
 import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
 import { t as n } from "./text-mAeDlv5N.js";
 import { t as r } from "./field-error-DYp2kgFr.js";
-import { n as i, t as a } from "./label-CAUFXAk3.js";
+import { n as i, t as a } from "./label-BypWUo8H.js";
 import { t as o } from "./clear-button-Cb4MTvBR.js";
 import * as s from "react";
 import { DateField as c, DateFieldStateContext as l, DateInput as u, DateSegment as d } from "react-aria-components";

package/chunks/{date-picker-D7zsIEas.js → date-picker-DGe8zGwC.js}

@@ -6,9 +6,9 @@ import { t as i } from "./useLocalizedStringFormatter-bRLuRzVD.js";
 import { n as a } from "./button-CFjf-bDe.js";
 import { t as o } from "./text-mAeDlv5N.js";
 import { t as s } from "./field-error-DYp2kgFr.js";
-import { n as c, t as l } from "./label-CAUFXAk3.js";
+import { n as c, t as l } from "./label-BypWUo8H.js";
 import { t as u } from "./clear-button-Cb4MTvBR.js";
-import { n as d, r as f, t as p } from "./date-field-_jPjmSUB.js";
+import { n as d, r as f, t as p } from "./date-field-ChAG280m.js";
 import * as m from "react";
 import { DatePicker as h, DatePickerStateContext as g, DateRangePicker as _, DateRangePickerStateContext as v, Group as y, Popover as b } from "react-aria-components";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";

package/chunks/{label-CAUFXAk3.js → label-BypWUo8H.js}

@@ -17,11 +17,12 @@ import '../assets/label.css';var f = { labelBase: "_labelBase_f5wtf_1" }, p = {
 }, h = ({ children: e, "aria-label": o }) => {
 	let s = c(g), l = n(m);
 	return /* @__PURE__ */ d(a, { children: [/* @__PURE__ */ u(r, {
-		variant: "icon",
-		size: "medium",
-		className: p.labelPopoverTrigger,
 		"aria-label": o || l.format("moreInfo"),
+		className: p.labelPopoverTrigger,
 		id: s?.popoverId,
+		size: "medium",
+		slot: null,
+		variant: "icon",
 		children: /* @__PURE__ */ u(t, { size: 20 })
 	}), /* @__PURE__ */ u(i, { children: e })] });
 }, g = s.createContext(void 0), _ = ({ children: e, popover: t }) => {

package/chunks/{progress-bar-DGfSWFWy.js → progress-bar-COE0BmcR.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-BtlV5Vo3.js";
-import { t } from "./label-CAUFXAk3.js";
+import { t } from "./label-BypWUo8H.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-CROWwbyc.js → radio-fp1GK73W.js}

@@ -2,7 +2,7 @@
 import { t as e } from "./clsx-BtlV5Vo3.js";
 import { t } from "./text-mAeDlv5N.js";
 import { t as n } from "./field-error-DYp2kgFr.js";
-import { n as r, t as i } from "./label-CAUFXAk3.js";
+import { n as r, t as i } from "./label-BypWUo8H.js";
 import "react";
 import { Group as a, Radio as o, RadioGroup as s, composeRenderProps as c } from "react-aria-components";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";

package/chunks/{search-field-DeH9oj1n.js → search-field-DAa5MU4L.js}

@@ -6,7 +6,7 @@ import { t as r } from "./useLocalizedStringFormatter-bRLuRzVD.js";
 import { n as i } from "./button-CFjf-bDe.js";
 import { t as a } from "./text-mAeDlv5N.js";
 import { t as o } from "./field-error-DYp2kgFr.js";
-import { n as s, t as c } from "./label-CAUFXAk3.js";
+import { n as s, t as c } from "./label-BypWUo8H.js";
 import { t as l } from "./TextField.module-D_tUnemB.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";

package/chunks/{select-pg3jFmch.js → select-PceWWJkN.js}

@@ -1,11 +1,11 @@
 import { n as e, t } from "./clsx-BtlV5Vo3.js";
 import { t as n } from "./chevron-down-Buf0eTzo.js";
-import { n as r } from "./checkbox-rP12imO5.js";
+import { n as r } from "./checkbox-Ab2j8vyN.js";
 import { t as i } from "./x-Bs_QW3q8.js";
 import { t as a } from "./useLocalizedStringFormatter-bRLuRzVD.js";
 import { t as o } from "./text-mAeDlv5N.js";
 import { t as s } from "./field-error-DYp2kgFr.js";
-import { n as c, t as l } from "./label-CAUFXAk3.js";
+import { n as c, t as l } from "./label-BypWUo8H.js";
 import { t as u } from "./popover-BTJ1dvWc.js";
 import { c as d } from "./list-box-DvX6VTa1.js";
 import { n as f, r as p, t as m } from "./tag-CELJrUEQ.js";

package/chunks/{table-CM0cx0UW.js → table-CmKson_z.js}

@@ -1,7 +1,7 @@
 'use client';
 import { t as e } from "./clsx-BtlV5Vo3.js";
 import { t } from "./createLucideIcon-DhIhuN5D.js";
-import { n } from "./checkbox-rP12imO5.js";
+import { n } from "./checkbox-Ab2j8vyN.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-Bch4DRNl.js → textfield-5lhYJFZV.js}

@@ -5,7 +5,7 @@ import { n as r } from "./button-CFjf-bDe.js";
 import { t as i } from "./text-mAeDlv5N.js";
 import { t as a } from "./field-error-DYp2kgFr.js";
 import { t as o } from "./character-counter-CSoVSrxZ.js";
-import { n as s, t as c } from "./label-CAUFXAk3.js";
+import { n as s, t as c } from "./label-BypWUo8H.js";
 import { t as l } from "./TextField.module-D_tUnemB.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";

package/chunks/{time-field-BCZIgZEI.js → time-field-D2yXaJxL.js}

@@ -2,9 +2,9 @@ import { t as e } from "./clsx-BtlV5Vo3.js";
 import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
 import { t as n } from "./text-mAeDlv5N.js";
 import { t as r } from "./field-error-DYp2kgFr.js";
-import { n as i, t as a } from "./label-CAUFXAk3.js";
+import { n as i, t as a } from "./label-BypWUo8H.js";
 import { t as o } from "./clear-button-Cb4MTvBR.js";
-import { n as s, r as c } from "./date-field-_jPjmSUB.js";
+import { n as s, r as c } from "./date-field-ChAG280m.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/ComboBox.stories.d.ts

@@ -39,3 +39,4 @@ export declare const NotVirtualized: Story<Section>;
 export declare const PerformanceTest: Story;
 export declare const AsynchronousLoadingWithEmptyMessage: Story;
 export declare const InfiniteScroll: Story;
+export declare const WithHelpPopover: Story;

package/combobox/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/combobox-BDlvVTXt.js";
+import { t as e } from "../chunks/combobox-M_GSXJRk.js";
 export { e as ComboBox };

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

@@ -11,3 +11,4 @@ export declare const ReadOnly: Story;
 /** When using uncontrolled value */
 export declare const WithDefaultValue: Story;
 export declare const WithClearButton: Story;
+export declare const WithHelpPopover: Story;

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-_jPjmSUB.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/date-field-ChAG280m.js";
 export { e as DateField, t as DateInput, r as DateInputDivider, n as DateSegment };

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

@@ -13,3 +13,4 @@ export declare const Required: Story;
 export declare const CustomValiation: Story;
 export declare const ControlledState: Story;
 export declare const WithClearButton: Story;
+export declare const WithHelpPopover: Story;

package/date-picker/index.js

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

package/index.js

@@ -5,13 +5,13 @@ import { t as n } from "./chunks/clsx-BtlV5Vo3.js";
 import { t as r } from "./chunks/spinner-C3WiZYld.js";
 import { a as i, i as a, n as o, r as s, t as c } from "./chunks/layout-DibnX6Za.js";
 import { n as l, t as u } from "./chunks/link-CZNuhFX6.js";
-import { a as d, i as f, n as p, o as m, r as h, t as g } from "./chunks/table-CM0cx0UW.js";
+import { a as d, i as f, n as p, o as m, r as h, t as g } from "./chunks/table-CmKson_z.js";
 import { t as _ } from "./chunks/link-button-ZsK6UGko.js";
-import { n as v, t as y } from "./chunks/date-picker-D7zsIEas.js";
+import { n as v, t as y } from "./chunks/date-picker-DGe8zGwC.js";
 import { n as b, t as x } from "./chunks/calendar-C0rlcHfr.js";
-import { n as S, t as C } from "./chunks/checkbox-rP12imO5.js";
+import { n as S, t as C } from "./chunks/checkbox-Ab2j8vyN.js";
 import { n as w, t as T } from "./chunks/color-scheme-switch-FjmPZdE4.js";
-import { t as E } from "./chunks/search-field-DeH9oj1n.js";
+import { t as E } from "./chunks/search-field-DAa5MU4L.js";
 import { n as D, t as O } from "./chunks/file-list-DYOuch5G.js";
 import { t as k } from "./chunks/useLocalizedStringFormatter-bRLuRzVD.js";
 import { n as A, t as j } from "./chunks/button-CFjf-bDe.js";
@@ -22,28 +22,28 @@ import { t as L } from "./chunks/text-mAeDlv5N.js";
 import { t as R } from "./chunks/field-error-DYp2kgFr.js";
 import { a as z, c as B, i as V, l as H, n as U, o as W, r as G, s as K, t as q } from "./chunks/card-Dpx9A9Ro.js";
 import { t as J } from "./chunks/character-counter-CSoVSrxZ.js";
-import { t as Y } from "./chunks/label-CAUFXAk3.js";
+import { t as Y } from "./chunks/label-BypWUo8H.js";
 import { t as X } from "./chunks/popover-BTJ1dvWc.js";
 import { n as Z, r as Q, t as $ } from "./chunks/modal-Dr0ythpF.js";
 import { t as ee } from "./chunks/icons-Dw_ZbztW.js";
 import { n as te, t as ne } from "./chunks/toggle-button-DlPo9GJW.js";
 import { a as re, i as ie, n as ae, o as oe, r as se, t as ce } from "./chunks/menu-CB6VDQ-u.js";
-import { t as le } from "./chunks/combobox-BDlvVTXt.js";
+import { t as le } from "./chunks/combobox-M_GSXJRk.js";
 import { a as ue, c as de, i as fe, n as pe, o as me, r as he, s as ge, t as _e } from "./chunks/list-box-DvX6VTa1.js";
-import { i as ve, n as ye, r as be, t as xe } from "./chunks/date-field-_jPjmSUB.js";
+import { i as ve, n as ye, r as be, t as xe } from "./chunks/date-field-ChAG280m.js";
 import { n as Se, t as Ce } from "./chunks/file-upload-CZRTVw5O.js";
 import { n as we, t as Te } from "./chunks/grid-CUYMbO7c.js";
 import { t as Ee } from "./chunks/info-banner-hHq0Atii.js";
 import { n as De, t as Oe } from "./chunks/tooltip-BE_r_CBm.js";
 import { n as ke, t as Ae } from "./chunks/logo-D7tz-4hp.js";
-import { t as je } from "./chunks/progress-bar-DGfSWFWy.js";
-import { n as Me, t as Ne } from "./chunks/radio-CROWwbyc.js";
-import { t as Pe } from "./chunks/select-pg3jFmch.js";
+import { t as je } from "./chunks/progress-bar-COE0BmcR.js";
+import { n as Me, t as Ne } from "./chunks/radio-fp1GK73W.js";
+import { t as Pe } from "./chunks/select-PceWWJkN.js";
 import { n as Fe, r as Ie, t as Le } from "./chunks/tag-CELJrUEQ.js";
 import { t as Re } from "./chunks/skeleton-OqKFBcmO.js";
 import { i as ze, n as Be, r as Ve, t as He } from "./chunks/tabs-C08F_2gW.js";
-import { i as Ue, n as We, r as Ge, t as Ke } from "./chunks/textfield-Bch4DRNl.js";
-import { t as qe } from "./chunks/time-field-BCZIgZEI.js";
+import { i as Ue, n as We, r as Ge, t as Ke } from "./chunks/textfield-5lhYJFZV.js";
+import { t as qe } from "./chunks/time-field-D2yXaJxL.js";
 import { a as Je, i as Ye, n as Xe, o as Ze, r as Qe, t as $e } from "./chunks/toast-AYzfHBcQ.js";
 //#endregion
 //#region packages/components/src/version.ts
@@ -59,7 +59,7 @@ var et = {
 	description: "Midas Components",
 	homepage: "https://designsystem.migrationsverket.se/",
 	license: "CC0-1.0",
-	version: "17.23.4",
+	version: "17.23.6",
 	module: "./index.js",
 	type: "module",
 	main: "./index.js",
@@ -82,11 +82,14 @@ var et = {
 		"./*": "./*/index.js"
 	},
 	dependencies: {
+		"@internationalized/string": "^3.2.10",
 		"@midas-ds/theme": "3.17.0",
 		"@react-aria/focus": "^3.21.5",
 		"@react-stately/toggle": "^3.9.5",
 		"@react-stately/utils": "^3.11.0",
-		"react-aria-components": "1.20.0"
+		"react-aria": "^3.51.0",
+		"react-aria-components": "1.20.0",
+		"react-stately": "^3.49.0"
 	}
 }.version;
 //#endregion

package/label/index.js

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

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.23.4",
+  "version": "17.23.6",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,10 +41,13 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
+    "@internationalized/string": "^3.2.10",
     "@midas-ds/theme": "3.17.0",
     "@react-aria/focus": "^3.21.5",
     "@react-stately/toggle": "^3.9.5",
     "@react-stately/utils": "^3.11.0",
-    "react-aria-components": "1.20.0"
+    "react-aria": "^3.51.0",
+    "react-aria-components": "1.20.0",
+    "react-stately": "^3.49.0"
   }
 }

package/progress-bar/index.js

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

package/radio/Radio.stories.d.ts

@@ -51,3 +51,4 @@ export declare const Invalid: Story;
 export declare const Required: Story;
 export declare const CustomValidation: Story;
 export declare const Horizontal: Story;
+export declare const WithHelpPopover: Story;

package/radio/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/radio-CROWwbyc.js";
+import { n as e, t } from "../chunks/radio-fp1GK73W.js";
 export { t as Radio, e as RadioGroup };

package/search-field/index.js

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

package/select/Select.stories.d.ts

@@ -45,6 +45,7 @@ export declare const DS872: Story;
 export declare const StaticSections: Story;
 export declare const NotVirtualized: Story;
 export declare const DynamicSections: Story<Section>;
+export declare const WithHelpPopover: Story;
 export declare const RequiredMultipleWithTags: Story<Item, 'multiple'>;
 export declare const RequiredMultipleWithClearAll: Story<Item, 'multiple'>;
 export declare const RequiredMultipleSelectAll: Story<Item, 'multiple'>;

package/select/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/select-pg3jFmch.js";
+import { t as e } from "../chunks/select-PceWWJkN.js";
 export { e as Select };

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-CM0cx0UW.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-CmKson_z.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-Bch4DRNl.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/textfield-5lhYJFZV.js";
 export { n as Input, r as TextArea, t as TextField, e as TextFieldBase };

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

@@ -33,3 +33,4 @@ export declare const WithDefaultValue: Story;
 export declare const WithClearButton: Story;
 export declare const WithSeconds: Story;
 export declare const HourCycle12: Story;
+export declare const WithHelpPopover: Story;

package/time-field/index.js

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