@midas-ds/components 17.0.1 → 17.1.0

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## 17.1.0 (2026-02-18)
+
+### 🚀 Features
+
+- **components, combobox:** add new prop listBoxProps ([#1061](https://github.com/migrationsverket/midas/pull/1061))
+
+### 🧪 Tests updated
+
+- **components:** setup custom render wrapper ([527bc0edf4](https://github.com/migrationsverket/midas/commit/527bc0edf4))
+- **components:** make browser tests pass in headed Playwright mode ([22e76b8727](https://github.com/migrationsverket/midas/commit/22e76b8727))
+
+## 17.0.2 (2026-02-17)
+
+### 🩹 Fixes
+
+- **components, textfield:** add hover color to password button ([3f2f21971a](https://github.com/migrationsverket/midas/commit/3f2f21971a))
+
 ## 17.0.1 (2026-02-16)
 
 ### 🩹 Fixes

package/assets/ComboBox.css

@@ -1 +1 @@
-._combobox_1m9te_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column}._combobox_1m9te_1[data-invalid] ._inputField_1m9te_6{border:.125rem solid var(--midas-support-border-warning)}._inputField_1m9te_6{box-sizing:border-box;width:-webkit-fill-available;padding-left:1rem;border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;font-size:1rem;color:var(--midas-text-primary);height:var(--midas-size-150);background-color:var(--midas-field-01-base)}@media(forced-colors:active){._inputField_1m9te_6{border:1px solid}}._inputField_1m9te_6._medium_1m9te_27{height:var(--midas-size-130)}._inputField_1m9te_6[data-hovered],._inputField_1m9te_6:has(+[data-hovered]){background-color:var(--midas-field-01-hover)}._inputField_1m9te_6::placeholder{color:var(--midas-text-placeholder)}._inputField_1m9te_6:focus-visible,._inputField_1m9te_6[data-focus-visible]{outline:none}._inputField_1m9te_6[data-focused],._inputField_1m9te_6[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_1m9te_6[data-focused],._inputField_1m9te_6[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._inputField_1m9te_6[data-disabled]{color:var(--midas-text-disabled);background:var(--midas-field-disabled);box-shadow:none;border-bottom:.063rem solid var(--midas-border-color-disabled);cursor:not-allowed}._inputField_1m9te_6[data-readonly]{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1m9te_6[data-readonly][data-focused],._inputField_1m9te_6[data-readonly][data-focus-visible]{box-shadow:none}._text_1m9te_74{font-size:.875rem;margin-bottom:.5rem}._wrap_1m9te_79{grid-area:Input;position:relative;gap:.5rem}._button_1m9te_85{display:flex;align-items:center;border:none;padding:var(--midas-size-70);color:var(--midas-icon-primary);background-color:transparent;position:absolute;top:0;right:0;height:var(--midas-size-150);transition:transform .3s ease}._button_1m9te_85._medium_1m9te_27{height:var(--midas-size-130);padding:var(--midas-size-50) var(--midas-size-70)}._button_1m9te_85[aria-expanded=true]{transform:rotate(180deg)}._button_1m9te_85[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}[data-readonly] ._button_1m9te_85[data-disabled]{color:var(--midas-icon-read-only)}._button_1m9te_85[data-hovered]{cursor:pointer}._icon_1m9te_121{display:flex;align-items:center;transition:transform .3s ease}span._emptyState_1m9te_127{display:block;line-height:var(--midas-typography-line-height-30);padding:var(--midas-size-80) var(--midas-size-80) var(--midas-size-60) var(--midas-size-80)}@media(prefers-reduced-motion){._button_1m9te_85,._icon_1m9te_121{transition:none}}
+._combobox_1awtk_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column}._combobox_1awtk_1[data-invalid] ._inputField_1awtk_6{border:.125rem solid var(--midas-support-border-warning)}._inputField_1awtk_6{box-sizing:border-box;width:-webkit-fill-available;padding-left:1rem;border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;font-size:1rem;color:var(--midas-text-primary);height:var(--midas-size-150);background-color:var(--midas-field-01-base)}@media(forced-colors:active){._inputField_1awtk_6{border:1px solid}}._inputField_1awtk_6._medium_1awtk_27{height:var(--midas-size-130)}._inputField_1awtk_6[data-hovered],._inputField_1awtk_6:has(+[data-hovered]){background-color:var(--midas-field-01-hover)}._inputField_1awtk_6::placeholder{color:var(--midas-text-placeholder)}._inputField_1awtk_6:focus-visible,._inputField_1awtk_6[data-focus-visible]{outline:none}._inputField_1awtk_6[data-focused],._inputField_1awtk_6[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_1awtk_6[data-focused],._inputField_1awtk_6[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._inputField_1awtk_6[data-disabled]{color:var(--midas-text-disabled);background:var(--midas-field-disabled);box-shadow:none;border-bottom:.063rem solid var(--midas-border-color-disabled);cursor:not-allowed}._inputField_1awtk_6[data-readonly]{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1awtk_6[data-readonly][data-focused],._inputField_1awtk_6[data-readonly][data-focus-visible]{box-shadow:none}._text_1awtk_74{font-size:.875rem;margin-bottom:.5rem}._wrap_1awtk_79{grid-area:Input;position:relative;gap:.5rem}._button_1awtk_85{display:flex;align-items:center;border:none;padding:var(--midas-size-70);color:var(--midas-icon-primary);background-color:transparent;position:absolute;top:0;right:0;height:var(--midas-size-150);transition:transform .3s ease}._button_1awtk_85._medium_1awtk_27{height:var(--midas-size-130);padding:var(--midas-size-50) var(--midas-size-70)}._button_1awtk_85[aria-expanded=true]{transform:rotate(180deg)}._button_1awtk_85[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}[data-readonly] ._button_1awtk_85[data-disabled]{color:var(--midas-icon-read-only)}._button_1awtk_85[data-hovered]{cursor:pointer}._icon_1awtk_121{display:flex;align-items:center;transition:transform .3s ease}@media(prefers-reduced-motion){._button_1awtk_85,._icon_1awtk_121{transition:none}}

package/assets/ListBoxEmptyState.css

@@ -0,0 +1 @@
+._listBoxEmptyState_18j20_1{display:block;line-height:var(--midas-typography-line-height-30);padding:var(--midas-size-80) var(--midas-size-80) var(--midas-size-60) var(--midas-size-80)}

package/assets/TextField.css

@@ -1 +1 @@
-._textField_bb2z2_1{display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr 1fr;grid-template-columns:1fr auto;grid-template-rows:min-content min-content min-content min-content;grid-template-areas:"Label Count" "Desc Count" "Error Count" "Input Input" "BottomError BottomError";width:100%;align-content:flex-end}._textField_bb2z2_1>[slot=description]{grid-area:Desc}._textField_bb2z2_1>._bottomError_bb2z2_20{grid-area:BottomError}._textField_bb2z2_1[data-disabled]{color:var(--midas-text-disabled)}._textField_bb2z2_1[data-readonly] ._textArea_bb2z2_29,._textField_bb2z2_1[data-readonly] ._input_bb2z2_30{background-color:transparent;border-color:var(--midas-border-color-subtle)}._textArea_bb2z2_29{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);display:flex;grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);align-items:center;justify-content:center;font-size:1rem;padding:1rem 1rem 1.25rem;background-color:var(--midas-field-01-base);box-sizing:border-box;word-wrap:break-word;width:100%;resize:both;overflow:auto}@media(forced-colors:active){._textArea_bb2z2_29{outline:3px solid;outline-offset:2px}}._textArea_bb2z2_29[data-hovered]{background-color:var(--midas-field-01-hover)}._textArea_bb2z2_29[data-focused],._textArea_bb2z2_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._textArea_bb2z2_29[data-focused],._textArea_bb2z2_29[data-focus-visible]{border:1px solid}}._textArea_bb2z2_29[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}._textArea_bb2z2_29[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._wrap_bb2z2_87{position:relative;grid-area:Input}._medium_bb2z2_92 ._input_bb2z2_30{min-height:var(--midas-size-130)}._input_bb2z2_30{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);font-size:1rem;padding:0 1rem;line-height:1;background-color:var(--midas-field-01-base);border-radius:0;box-sizing:border-box;width:100%;min-height:var(--midas-size-150)}@media(forced-colors:active){._input_bb2z2_30{border:1px solid}}._input_bb2z2_30[data-hovered]{background-color:var(--midas-field-01-hover)}._input_bb2z2_30[data-hovered]+._passwordText_bb2z2_120{background-color:var(--midas-field-01-hover)}._input_bb2z2_30[data-focused]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._input_bb2z2_30[data-focused]{outline:3px solid highlight;outline-offset:2px}}._input_bb2z2_30[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._input_bb2z2_30[data-invalid]{border:1px solid}}._input_bb2z2_30[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled)}@media(forced-colors:active){._input_bb2z2_30[data-disabled]{border:1px solid}}._passwordText_bb2z2_120{background-color:var(--midas-field-01-base);position:absolute;display:flex;align-items:center;top:3px;z-index:var(--midas-z-index-base);left:1rem;height:calc(100% - 6px);width:calc(100% - 2rem)}._passwordButton_bb2z2_167{background:transparent!important;border-color:transparent!important;position:absolute;width:max-content;right:0;top:0;box-sizing:border-box;cursor:pointer;z-index:calc(var(--midas-z-index-base) + var(--midas-z-index-above))}
+._textField_1rn6i_1{display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr 1fr;grid-template-columns:1fr auto;grid-template-rows:min-content min-content min-content min-content;grid-template-areas:"Label Count" "Desc Count" "Error Count" "Input Input" "BottomError BottomError";width:100%;align-content:flex-end}._textField_1rn6i_1>[slot=description]{grid-area:Desc}._textField_1rn6i_1>._bottomError_1rn6i_20{grid-area:BottomError}._textField_1rn6i_1[data-disabled]{color:var(--midas-text-disabled)}._textField_1rn6i_1[data-readonly] ._textArea_1rn6i_29,._textField_1rn6i_1[data-readonly] ._input_1rn6i_30{background-color:transparent;border-color:var(--midas-border-color-subtle)}._textArea_1rn6i_29{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);display:flex;grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);align-items:center;justify-content:center;font-size:1rem;padding:1rem 1rem 1.25rem;background-color:var(--midas-field-01-base);box-sizing:border-box;word-wrap:break-word;width:100%;resize:both;overflow:auto}@media(forced-colors:active){._textArea_1rn6i_29{outline:3px solid;outline-offset:2px}}._textArea_1rn6i_29[data-hovered]{background-color:var(--midas-field-01-hover)}._textArea_1rn6i_29[data-focused],._textArea_1rn6i_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._textArea_1rn6i_29[data-focused],._textArea_1rn6i_29[data-focus-visible]{border:1px solid}}._textArea_1rn6i_29[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}._textArea_1rn6i_29[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._wrap_1rn6i_87{position:relative;grid-area:Input}._medium_1rn6i_92 ._input_1rn6i_30{min-height:var(--midas-size-130)}._input_1rn6i_30{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);font-size:1rem;padding:0 1rem;line-height:1;background-color:var(--midas-field-01-base);border-radius:0;box-sizing:border-box;width:100%;min-height:var(--midas-size-150)}@media(forced-colors:active){._input_1rn6i_30{border:1px solid}}._input_1rn6i_30[data-hovered]{background-color:var(--midas-field-01-hover)}._input_1rn6i_30[data-hovered]+._passwordText_1rn6i_120{background-color:var(--midas-field-01-hover)}._input_1rn6i_30[data-focused]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._input_1rn6i_30[data-focused]{outline:3px solid highlight;outline-offset:2px}}._input_1rn6i_30[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._input_1rn6i_30[data-invalid]{border:1px solid}}._input_1rn6i_30[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled)}@media(forced-colors:active){._input_1rn6i_30[data-disabled]{border:1px solid}}._passwordText_1rn6i_120{background-color:var(--midas-field-01-base);position:absolute;display:flex;align-items:center;top:3px;z-index:var(--midas-z-index-base);left:1rem;height:calc(100% - 6px);width:calc(100% - 2rem)}._passwordButton_1rn6i_167{position:absolute;right:0;z-index:calc(var(--midas-z-index-base) + var(--midas-z-index-above))}._passwordButton_1rn6i_167[data-pressed]{background-color:transparent!important}

package/chunks/ComboBox-DnqZjAqe.js

@@ -0,0 +1,102 @@
+'use client';
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import L from "react";
+import { ComboBox as F, Input as v, Button as R } from "react-aria-components";
+import { c as s } from "./clsx-AexbMWKp.js";
+import { a as y, L as B } from "./Label-6GZmmff9.js";
+import { T as k } from "./Text-BuXvuoqM.js";
+import { F as u } from "./FieldError-BMTrvSof.js";
+import { L as C } from "./ListBox-D5BBeZWL.js";
+import { a as N, L as g } from "./ListBoxEmptyState-_Cn38cQ6.js";
+import { C as E } from "./chevron-down-BBFYYzZq.js";
+import { u as S } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/ComboBox.css';const T = "_combobox_1awtk_1", j = "_inputField_1awtk_6", I = "_medium_1awtk_27", O = "_wrap_1awtk_79", U = "_button_1awtk_85", z = "_icon_1awtk_121", t = {
+  combobox: T,
+  inputField: j,
+  medium: I,
+  wrap: O,
+  button: U,
+  icon: z
+}, D = { showList: "Show list", noResultsFound: "No results found" }, M = { showList: "Visa lista", noResultsFound: "Inga träffar" }, V = {
+  en: D,
+  sv: M
+};
+function Y({
+  label: a,
+  description: i,
+  errorMessage: r,
+  children: p,
+  items: f,
+  className: _,
+  errorPosition: n = "top",
+  size: m = "large",
+  popover: h,
+  listBoxProps: b,
+  ...e
+}) {
+  const d = L.useRef(null), l = S(V), w = (x) => {
+    x.currentTarget.value && d.current?.select();
+  };
+  return /* @__PURE__ */ c(
+    F,
+    {
+      className: s(t.combobox, _),
+      ...e,
+      "data-readonly": e.isReadOnly || void 0,
+      children: [
+        /* @__PURE__ */ o(y, { popover: h, children: a && /* @__PURE__ */ o(B, { children: a }) }),
+        i && /* @__PURE__ */ o(k, { slot: "description", children: i }),
+        n === "top" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: r }),
+        /* @__PURE__ */ c("div", { className: t.wrap, children: [
+          /* @__PURE__ */ o(
+            v,
+            {
+              className: s(t.inputField, {
+                [t.medium]: m === "medium"
+              }),
+              "data-readonly": e.isReadOnly || void 0,
+              onMouseUp: w,
+              ref: d
+            }
+          ),
+          /* @__PURE__ */ o(
+            R,
+            {
+              className: s(t.button, {
+                [t.medium]: m === "medium"
+              }),
+              "aria-label": l.format("showList"),
+              children: /* @__PURE__ */ o(
+                "div",
+                {
+                  className: t.icon,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ o(
+                    E,
+                    {
+                      size: 20,
+                      "aria-hidden": !0
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        n === "bottom" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: r }),
+        /* @__PURE__ */ o(N, { offset: 4, children: /* @__PURE__ */ o(
+          C,
+          {
+            items: f,
+            renderEmptyState: () => /* @__PURE__ */ o(g, { children: l.format("noResultsFound") }),
+            ...b,
+            children: p
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  Y as C
+};

package/chunks/ListBoxEmptyState-_Cn38cQ6.js

@@ -0,0 +1,30 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as m } from "./clsx-AexbMWKp.js";
+import { Popover as r } from "react-aria-components";
+import { s as a } from "./ListBox-D5BBeZWL.js";
+import { T as p } from "./Text-BuXvuoqM.js";
+import '../assets/ListBoxEmptyState.css';const n = ({
+  className: t,
+  children: o,
+  ...e
+}) => /* @__PURE__ */ s(
+  r,
+  {
+    className: m(t, a.listBoxPopover),
+    offset: 0,
+    ...e,
+    children: o
+  }
+), i = "_listBoxEmptyState_18j20_1", x = {
+  listBoxEmptyState: i
+}, E = ({ className: t, ...o }) => /* @__PURE__ */ s(
+  p,
+  {
+    className: m(t, x.listBoxEmptyState),
+    ...o
+  }
+);
+export {
+  E as L,
+  n as a
+};

package/chunks/{SearchField-aUMEFhOO.js → SearchField-zJUxVnR1.js}

@@ -1,6 +1,6 @@
 'use client';
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { s as C } from "./TextField.module-B3n8v1vH.js";
+import { s as C } from "./TextField.module-DiiP1jjo.js";
 import { B as F } from "./Button-CaLOUTDO.js";
 import { C as N } from "./ClearButton-DPm_d7SL.js";
 import { c as l } from "./clsx-AexbMWKp.js";

package/chunks/{TextArea-B3Z4fA1e.js → TextArea-BAMrTLDJ.js}

@@ -3,7 +3,7 @@ import { jsxs as c, jsx as s, Fragment as P } from "react/jsx-runtime";
 import { forwardRef as l, useState as C } from "react";
 import { useContextProps as p, TextFieldContext as b, TextField as g, InputContext as f, Input as I, TextArea as v } from "react-aria-components";
 import { a as A, c as h } from "./clsx-AexbMWKp.js";
-import { s as d } from "./TextField.module-B3n8v1vH.js";
+import { s as d } from "./TextField.module-DiiP1jjo.js";
 import { T as w } from "./Text-BuXvuoqM.js";
 import { B } from "./Button-CaLOUTDO.js";
 import { u as L } from "./useLocalizedStringFormatter-BHvsRxDk.js";

package/chunks/TextField.module-DiiP1jjo.js

@@ -0,0 +1,13 @@
+import '../assets/TextField.css';const t = "_textField_1rn6i_1", r = "_bottomError_1rn6i_20", o = "_textArea_1rn6i_29", s = "_input_1rn6i_30", _ = "_wrap_1rn6i_87", n = "_medium_1rn6i_92", e = "_passwordText_1rn6i_120", i = "_passwordButton_1rn6i_167", a = {
+  textField: t,
+  bottomError: r,
+  textArea: o,
+  input: s,
+  wrap: _,
+  medium: n,
+  passwordText: e,
+  passwordButton: i
+};
+export {
+  a as s
+};

package/combobox/ComboBox.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 import { ComboBoxProps as AriaComboBoxProps, ValidationResult } from 'react-aria-components';
 import { InfoPopoverProps } from '../label';
 import { Size } from '../common/types';
+import { ListBoxProps } from '../list-box';
 export interface ComboBoxProps<T extends object> extends Omit<AriaComboBoxProps<T>, 'children'> {
     label?: string;
     description?: string;
@@ -15,5 +16,6 @@ export interface ComboBoxProps<T extends object> extends Omit<AriaComboBoxProps<
      * */
     size?: Size;
     popover?: InfoPopoverProps;
+    listBoxProps?: ListBoxProps<T>;
 }
-export declare function ComboBox<T extends object>({ label, description, errorMessage, children, items, className, errorPosition, size, popover, ...props }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ComboBox<T extends object>({ label, description, errorMessage, children, items, className, errorPosition, size, popover, listBoxProps, ...props }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ComboBox-XaJDIr5h.js";
+import { C as r } from "../chunks/ComboBox-DnqZjAqe.js";
 export {
   r as ComboBox
 };

package/index.js

@@ -4,13 +4,13 @@ import { B as m, a as i } from "./chunks/BadgeContainer-CKVsfTlF.js";
 import { B as n, a as d } from "./chunks/Breadcrumb-CHldDcyz.js";
 import { B as c } from "./chunks/Button-CaLOUTDO.js";
 import { B as u } from "./chunks/ButtonGroup-Dr6HOBo2.js";
-import { C, R as B } from "./chunks/RangeCalendar-DIMxoHhy.js";
-import { C as L, a as S, b as D, c as I, d as R, e as G, f as P } from "./chunks/Card-DMSnokPn.js";
+import { C as B, R as C } from "./chunks/RangeCalendar-DIMxoHhy.js";
+import { C as b, a as S, b as D, c as I, d as R, e as G, f as P } from "./chunks/Card-DMSnokPn.js";
 import { C as v } from "./chunks/CharacterCounter-Dgnv-orm.js";
 import { C as M } from "./chunks/Checkbox-CRLj7_Ox.js";
 import { C as h } from "./chunks/CheckboxGroup-DooCBqUG.js";
-import { C as N } from "./chunks/ColorSchemeSwitch-DOQ0yjtt.js";
-import { C as y } from "./chunks/ComboBox-XaJDIr5h.js";
+import { C as y } from "./chunks/ColorSchemeSwitch-DOQ0yjtt.js";
+import { C as N } from "./chunks/ComboBox-DnqZjAqe.js";
 import { D as z } from "./chunks/DateField-6CclHfL2.js";
 import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
 import { D as q, a as J } from "./chunks/DateRangePicker-BoL-sn9u.js";
@@ -23,33 +23,33 @@ import { I as so } from "./chunks/InfoBanner-C4HnaXQO.js";
 import { L as xo } from "./chunks/Label-6GZmmff9.js";
 import { H as io, L as fo, N as no, S as To, a as co } from "./chunks/Layout-CFhqS9ej.js";
 import { L as uo } from "./chunks/Link-rqGQvFQq.js";
-import { L as Co } from "./chunks/LinkButton-B1zayj7k.js";
-import { L as bo } from "./chunks/Logo-CCxPAmgw.js";
+import { L as Bo } from "./chunks/LinkButton-B1zayj7k.js";
+import { L as Lo } from "./chunks/Logo-CCxPAmgw.js";
 import { M as So } from "./chunks/Dialog-BHxDzbf8.js";
 import { P as Io } from "./chunks/Popover-BcEtFiU1.js";
 import { P as Go } from "./chunks/ProgressBar-Dg0JMQ71.js";
 import { R as ko, a as vo } from "./chunks/Radio-CAIyBgBp.js";
-import { S as Mo } from "./chunks/SearchField-aUMEFhOO.js";
+import { S as Mo } from "./chunks/SearchField-zJUxVnR1.js";
 import { S as ho } from "./chunks/Select-CzmgPK8V.js";
-import { S as No } from "./chunks/Skeleton-DqIHQLQl.js";
-import { S as yo } from "./chunks/Spinner-CfKMn18u.js";
+import { S as yo } from "./chunks/Skeleton-DqIHQLQl.js";
+import { S as No } from "./chunks/Spinner-CfKMn18u.js";
 import { C as zo, a as Oo, R as Qo, T as Vo, b as Zo, c as jo } from "./chunks/Table-UbdCFrkS.js";
 import { T as Jo, a as Ko, b as Uo, c as Wo } from "./chunks/TabList-BaR443mu.js";
 import { T as Yo, a as _o } from "./chunks/Tag-C7VZ0T0o.js";
 import { T as oa } from "./chunks/Text-BuXvuoqM.js";
-import { I as ra, T as ea, a as ta, b as sa } from "./chunks/TextArea-B3Z4fA1e.js";
+import { I as ra, T as ea, a as ta, b as sa } from "./chunks/TextArea-BAMrTLDJ.js";
 import { G as xa, T as ma, a as ia, b as fa, t as na } from "./chunks/Toast-UPM-1ipu.js";
 import { T as Ta, a as ca } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
 import { T as ua, a as ga } from "./chunks/Tooltip-rDmOkGmX.js";
-import { L as Ba } from "./chunks/ListBox-D5BBeZWL.js";
-import { L as La, a as Sa, b as Da, c as Ia, d as Ra } from "./chunks/ListBoxHeader-CL9bFH22.js";
-import { L as Pa } from "./chunks/ListBoxPopover-DOmhA5xx.js";
-import { M as va, a as Fa, b as Ma, c as Aa, S as ha } from "./chunks/Separator-XIzn8lsq.js";
-import { c as Na } from "./chunks/clsx-AexbMWKp.js";
-import { DialogTrigger as ya, MenuTrigger as Ea, RouterProvider as za } from "react-aria-components";
-import { u as Qa } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
-import { useToastState as Za } from "react-stately";
-const o = "17.0.1", a = {
+import { L as Ca } from "./chunks/ListBox-D5BBeZWL.js";
+import { L as ba, a as Sa, b as Da, c as Ia, d as Ra } from "./chunks/ListBoxHeader-CL9bFH22.js";
+import { L as Pa, a as ka } from "./chunks/ListBoxEmptyState-_Cn38cQ6.js";
+import { M as Fa, a as Ma, b as Aa, c as ha, S as Ha } from "./chunks/Separator-XIzn8lsq.js";
+import { c as Ea } from "./chunks/clsx-AexbMWKp.js";
+import { DialogTrigger as wa, MenuTrigger as za, RouterProvider as Oa } from "react-aria-components";
+import { u as Va } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
+import { useToastState as ja } from "react-stately";
+const o = "17.1.0", a = {
   version: o
 }, r = a.version;
 export {
@@ -61,8 +61,8 @@ export {
   d as Breadcrumbs,
   c as Button,
   u as ButtonGroup,
-  C as Calendar,
-  L as Card,
+  B as Calendar,
+  b as Card,
   S as CardActionArea,
   D as CardActions,
   I as CardContent,
@@ -73,16 +73,16 @@ export {
   v as CharacterCounter,
   M as Checkbox,
   h as CheckboxGroup,
-  N as ColorSchemeSwitch,
+  y as ColorSchemeSwitch,
   Oo as Column,
-  y as ComboBox,
+  N as ComboBox,
   z as DateField,
   Q as DateInput,
   V as DateInputDivider,
   q as DatePicker,
   J as DateRangePicker,
   Z as DateSegment,
-  ya as DialogTrigger,
+  wa as DialogTrigger,
   X as DropZone,
   U as FieldError,
   Y as FileTrigger,
@@ -96,36 +96,37 @@ export {
   xo as Label,
   fo as Layout,
   uo as Link,
-  Co as LinkButton,
-  Ba as ListBox,
-  La as ListBoxButton,
+  Bo as LinkButton,
+  Ca as ListBox,
+  ba as ListBoxButton,
+  Pa as ListBoxEmptyState,
   Sa as ListBoxHeader,
   Da as ListBoxItem,
   Ia as ListBoxLoadMoreItem,
-  Pa as ListBoxPopover,
+  ka as ListBoxPopover,
   Ra as ListBoxSection,
-  bo as Logo,
-  va as Menu,
-  Fa as MenuItem,
-  Ma as MenuPopover,
-  Aa as MenuSection,
-  Ea as MenuTrigger,
+  Lo as Logo,
+  Fa as Menu,
+  Ma as MenuItem,
+  Aa as MenuPopover,
+  ha as MenuSection,
+  za as MenuTrigger,
   So as Modal,
   no as Navbar,
   Io as Popover,
   Go as ProgressBar,
   ko as Radio,
   vo as RadioGroup,
-  B as RangeCalendar,
-  za as RouterProvider,
+  C as RangeCalendar,
+  Oa as RouterProvider,
   Qo as Row,
   Mo as SearchField,
   ho as Select,
-  ha as Separator,
+  Ha as Separator,
   To as Sidebar,
   co as SidebarLink,
-  No as Skeleton,
-  yo as Spinner,
+  yo as Skeleton,
+  No as Spinner,
   Jo as Tab,
   Ko as TabList,
   Uo as TabPanel,
@@ -147,8 +148,8 @@ export {
   ua as Tooltip,
   ga as TooltipTrigger,
   r as VERSION,
-  Na as clsx,
+  Ea as clsx,
   na as toastQueue,
-  Qa as useLocalizedStringFormatter,
-  Za as useToastState
+  Va as useLocalizedStringFormatter,
+  ja as useToastState
 };

package/list-box/ListBox.d.ts

@@ -1,3 +1,3 @@
 import { ListBoxProps } from 'react-aria-components';
-import { Node } from '@react-types/shared';
-export declare const ListBox: <T extends object | Node<object>>({ className, children, ...rest }: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export type { ListBoxProps };
+export declare const ListBox: <T extends object>({ className, children, ...rest }: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;

package/list-box/index.d.ts

@@ -5,3 +5,4 @@ export * from './ListBoxPopover';
 export * from './ListBoxSection';
 export * from './ListBoxLoadMoreItem';
 export * from './ListBoxHeader';
+export * from './list-box-empty-state';

package/list-box/index.js

@@ -1,12 +1,13 @@
 import { L as s } from "../chunks/ListBox-D5BBeZWL.js";
-import { L as a, a as e, b as x, c as r, d as i } from "../chunks/ListBoxHeader-CL9bFH22.js";
-import { L as m } from "../chunks/ListBoxPopover-DOmhA5xx.js";
+import { L, a as e, b as x, c as i, d as r } from "../chunks/ListBoxHeader-CL9bFH22.js";
+import { L as m, a as p } from "../chunks/ListBoxEmptyState-_Cn38cQ6.js";
 export {
   s as ListBox,
-  a as ListBoxButton,
+  L as ListBoxButton,
+  m as ListBoxEmptyState,
   e as ListBoxHeader,
   x as ListBoxItem,
-  r as ListBoxLoadMoreItem,
-  m as ListBoxPopover,
-  i as ListBoxSection
+  i as ListBoxLoadMoreItem,
+  p as ListBoxPopover,
+  r as ListBoxSection
 };

package/list-box/list-box-empty-state/ListBoxEmptyState.d.ts

@@ -0,0 +1,2 @@
+import { TextProps } from '../../text';
+export declare const ListBoxEmptyState: ({ className, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;

package/list-box/list-box-empty-state/index.d.ts

@@ -0,0 +1 @@
+export * from './ListBoxEmptyState';

package/package.json

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

package/search-field/index.js

@@ -1,4 +1,4 @@
-import { S as a } from "../chunks/SearchField-aUMEFhOO.js";
+import { S as a } from "../chunks/SearchField-zJUxVnR1.js";
 export {
   a as SearchField
 };

package/textfield/index.js

@@ -1,4 +1,4 @@
-import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-B3Z4fA1e.js";
+import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-BAMrTLDJ.js";
 export {
   s as Input,
   t as TextArea,

package/chunks/ComboBox-XaJDIr5h.js

@@ -1,101 +0,0 @@
-'use client';
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import y from "react";
-import { ComboBox as F, Input as w, Button as v } from "react-aria-components";
-import { c as s } from "./clsx-AexbMWKp.js";
-import { a as R, L as N } from "./Label-6GZmmff9.js";
-import { T as u } from "./Text-BuXvuoqM.js";
-import { F as p } from "./FieldError-BMTrvSof.js";
-import { L as S } from "./ListBox-D5BBeZWL.js";
-import { L as B } from "./ListBoxPopover-DOmhA5xx.js";
-import { C } from "./chevron-down-BBFYYzZq.js";
-import { u as g } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/ComboBox.css';const E = "_combobox_1m9te_1", T = "_inputField_1m9te_6", j = "_medium_1m9te_27", I = "_wrap_1m9te_79", O = "_button_1m9te_85", U = "_icon_1m9te_121", z = "_emptyState_1m9te_127", o = {
-  combobox: E,
-  inputField: T,
-  medium: j,
-  wrap: I,
-  button: O,
-  icon: U,
-  emptyState: z
-}, D = { showList: "Show list", noResultsFound: "No results found" }, M = { showList: "Visa lista", noResultsFound: "Inga träffar" }, V = {
-  en: D,
-  sv: M
-};
-function X({
-  label: r,
-  description: i,
-  errorMessage: a,
-  children: f,
-  items: _,
-  className: h,
-  errorPosition: n = "top",
-  size: m = "large",
-  popover: b,
-  ...e
-}) {
-  const d = y.useRef(null), c = g(V), x = (L) => {
-    L.currentTarget.value && d.current?.select();
-  };
-  return /* @__PURE__ */ l(
-    F,
-    {
-      className: s(o.combobox, h),
-      ...e,
-      "data-readonly": e.isReadOnly || void 0,
-      children: [
-        /* @__PURE__ */ t(R, { popover: b, children: r && /* @__PURE__ */ t(N, { children: r }) }),
-        i && /* @__PURE__ */ t(u, { slot: "description", children: i }),
-        n === "top" && /* @__PURE__ */ t(p, { "data-testid": "fieldError", children: a }),
-        /* @__PURE__ */ l("div", { className: o.wrap, children: [
-          /* @__PURE__ */ t(
-            w,
-            {
-              className: s(o.inputField, {
-                [o.medium]: m === "medium"
-              }),
-              "data-readonly": e.isReadOnly || void 0,
-              onMouseUp: x,
-              ref: d
-            }
-          ),
-          /* @__PURE__ */ t(
-            v,
-            {
-              className: s(o.button, {
-                [o.medium]: m === "medium"
-              }),
-              "aria-label": c.format("showList"),
-              children: /* @__PURE__ */ t(
-                "div",
-                {
-                  className: o.icon,
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ t(
-                    C,
-                    {
-                      size: 20,
-                      "aria-hidden": !0
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ] }),
-        n === "bottom" && /* @__PURE__ */ t(p, { "data-testid": "fieldError", children: a }),
-        /* @__PURE__ */ t(B, { offset: 4, children: /* @__PURE__ */ t(
-          S,
-          {
-            items: _,
-            renderEmptyState: () => /* @__PURE__ */ t(u, { className: o.emptyState, children: c.format("noResultsFound") }),
-            children: f
-          }
-        ) })
-      ]
-    }
-  );
-}
-export {
-  X as C
-};

package/chunks/ListBoxPopover-DOmhA5xx.js

@@ -1,20 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as m } from "./clsx-AexbMWKp.js";
-import { Popover as e } from "react-aria-components";
-import { s as p } from "./ListBox-D5BBeZWL.js";
-const c = ({
-  className: o,
-  children: r,
-  ...s
-}) => /* @__PURE__ */ t(
-  e,
-  {
-    className: m(o, p.listBoxPopover),
-    offset: 0,
-    ...s,
-    children: r
-  }
-);
-export {
-  c as L
-};

package/chunks/TextField.module-B3n8v1vH.js

@@ -1,13 +0,0 @@
-import '../assets/TextField.css';const t = "_textField_bb2z2_1", o = "_bottomError_bb2z2_20", s = "_textArea_bb2z2_29", _ = "_input_bb2z2_30", r = "_wrap_bb2z2_87", e = "_medium_bb2z2_92", b = "_passwordText_bb2z2_120", n = "_passwordButton_bb2z2_167", a = {
-  textField: t,
-  bottomError: o,
-  textArea: s,
-  input: _,
-  wrap: r,
-  medium: e,
-  passwordText: b,
-  passwordButton: n
-};
-export {
-  a as s
-};