@midas-ds/components 15.5.0 → 15.5.2

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 15.5.2 (2025-12-12)
+
+### 🩹 Fixes
+
+- **components, popover:** change caret size ([#981](https://github.com/migrationsverket/midas/pull/981))
+
+## 15.5.1 (2025-12-12)
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.8.1
+
 ## 15.5.0 (2025-12-11)
 
 ### 🚀 Features

package/assets/Popover.css

@@ -1 +1 @@
-._popover_94l1i_1{font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-20);padding:var(--midas-size-80);color:var(--midas-text-primary);background-color:var(--midas-layer-01-base);outline:none;transform:translateZ(0);box-shadow:0 4px 5px #0003;display:inline-block;max-width:min(90vw,320px);white-space:normal;overflow-wrap:break-word;box-sizing:border-box;transition:transform .2s,opacity .2s}@media(forced-colors:active){._popover_94l1i_1{border:1px solid}}._popover_94l1i_1 ._arrow_94l1i_23 svg{display:block;fill:var(--midas-layer-01-base)}@media(forced-colors:active){._popover_94l1i_1 ._arrow_94l1i_23 svg{fill:currentColor}}._popover_94l1i_1[data-entering],._popover_94l1i_1[data-exiting]{transform:var(--origin);opacity:0}._popover_94l1i_1[data-placement=top]{--origin: translateY(4px)}._popover_94l1i_1[data-placement=top]:has(._arrow_94l1i_23){margin-bottom:8px}._popover_94l1i_1[data-placement=bottom]{--origin: translateY(-4px)}._popover_94l1i_1[data-placement=bottom]:has(._arrow_94l1i_23){margin-top:8px}._popover_94l1i_1[data-placement=bottom] ._arrow_94l1i_23 svg{transform:rotate(180deg)}._popover_94l1i_1[data-placement=right]{--origin: translateX(-4px)}._popover_94l1i_1[data-placement=right]:has(._arrow_94l1i_23){margin-left:8px}._popover_94l1i_1[data-placement=right] ._arrow_94l1i_23 svg{transform:rotate(90deg)}._popover_94l1i_1[data-placement=left]{--origin: translateX(4px)}._popover_94l1i_1[data-placement=left]:has(._arrow_94l1i_23){margin-right:8px}._popover_94l1i_1[data-placement=left] ._arrow_94l1i_23 svg{transform:rotate(-90deg)}
+._popover_1hyo5_1{font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-20);padding:var(--midas-size-80);color:var(--midas-text-primary);background-color:var(--midas-layer-01-base);outline:none;transform:translateZ(0);box-shadow:0 4px 5px #0003;display:inline-block;max-width:min(90vw,320px);white-space:normal;overflow-wrap:break-word;box-sizing:border-box;transition:transform .2s,opacity .2s}@media(forced-colors:active){._popover_1hyo5_1{border:1px solid}}._popover_1hyo5_1 ._arrow_1hyo5_23 svg{display:block;fill:var(--midas-layer-01-base)}@media(forced-colors:active){._popover_1hyo5_1 ._arrow_1hyo5_23 svg{fill:currentColor}}._popover_1hyo5_1[data-entering],._popover_1hyo5_1[data-exiting]{transform:var(--origin);transition:transform .2s ease-in-out;opacity:0}._popover_1hyo5_1:has(._arrow_1hyo5_23){box-shadow:none;filter:drop-shadow(calc(var(--shadow-x, 0) * 2px) calc(var(--shadow-y, 0) * 2px) 3px rgb(0 0 0 / 15%)) drop-shadow(calc(var(--shadow-x, 0) * 6px) calc(var(--shadow-y, 0) * 6px) 8px rgb(0 0 0 / 10%))}._popover_1hyo5_1[data-placement=top]{--origin: translateY(4px);--shadow-x: 0;--shadow-y: 1}._popover_1hyo5_1[data-placement=top]:has(._arrow_1hyo5_23){margin-bottom:4px}._popover_1hyo5_1[data-placement=bottom]{--origin: translateY(-4px);--shadow-x: 0;--shadow-y: -1}._popover_1hyo5_1[data-placement=bottom]:has(._arrow_1hyo5_23){margin-top:4px}._popover_1hyo5_1[data-placement=bottom] ._arrow_1hyo5_23 svg{transform:rotate(180deg)}._popover_1hyo5_1[data-placement=right]{--origin: translateX(-4px);--shadow-x: -1;--shadow-y: 0}._popover_1hyo5_1[data-placement=right]:has(._arrow_1hyo5_23){margin-left:4px}._popover_1hyo5_1[data-placement=right] ._arrow_1hyo5_23 svg{transform:rotate(90deg)}._popover_1hyo5_1[data-placement=left]{--origin: translateX(4px);--shadow-x: 1;--shadow-y: 0}._popover_1hyo5_1[data-placement=left]:has(._arrow_1hyo5_23){margin-right:4px}._popover_1hyo5_1[data-placement=left] ._arrow_1hyo5_23 svg{transform:rotate(-90deg)}

package/checkbox/index.js

@@ -1,5 +1,5 @@
 import { C as e } from "../chunks/Checkbox-ClhO-AzB.js";
-import { C } from "../chunks/CheckboxGroup-CIFMaanI.js";
+import { C } from "../chunks/CheckboxGroup-6UA5fwt5.js";
 export {
   e as Checkbox,
   C as CheckboxGroup

package/chunks/{CheckboxGroup-CIFMaanI.js → CheckboxGroup-6UA5fwt5.js}

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { useCheckboxGroup as C } from "react-aria";
 import { useCheckboxGroupState as v } from "react-stately";
-import { a as k, L as S } from "./Label-B7taTXkd.js";
+import { a as k, L as S } from "./Label-BE4Aa-pL.js";
 import { T as y } from "./Text-TWzJxnto.js";
 import * as r from "react";
 import { C as d, s as u, a as g } from "./Checkbox-ClhO-AzB.js";

package/chunks/{ComboBox-D86agoIk.js → ComboBox-7VcYris7.js}

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import y from "react";
 import { ComboBox as B, Input as F, Button as w, Collection as C } from "react-aria-components";
 import { c as s } from "./clsx-AexbMWKp.js";
-import { a as S, L as v } from "./Label-B7taTXkd.js";
+import { a as S, L as v } from "./Label-BE4Aa-pL.js";
 import { T as u } from "./Text-TWzJxnto.js";
 import { F as p } from "./FieldError-C0HRIcAx.js";
 import { L as R } from "./ListBox-D4tO_OrO.js";

package/chunks/{DateField-CdJdPIuj.js → DateField--2cGkaU8.js}

@@ -3,7 +3,7 @@ import { DateField as u } from "react-aria-components";
 import { c as m } from "./clsx-AexbMWKp.js";
 import { a as _, D as f } from "./DateInputDivider-CkTB5q5k.js";
 import { F as s } from "./FieldError-C0HRIcAx.js";
-import { a as h, L as D } from "./Label-B7taTXkd.js";
+import { a as h, L as D } from "./Label-BE4Aa-pL.js";
 import { T as b } from "./Text-TWzJxnto.js";
 import '../assets/DateField.css';const x = "_dateField_y3sba_1", y = "_inputField_y3sba_7", L = "_medium_y3sba_37", i = {
   dateField: x,

package/chunks/{DateRangePicker-p0l1tSMb.js → DateRangePicker-CrWRvDJw.js}

@@ -4,7 +4,7 @@ import { a as m } from "./clsx-AexbMWKp.js";
 import { C as M, R as N } from "./RangeCalendar-CuXHsT-k.js";
 import { a as p, D as k, b as B } from "./DateInputDivider-CkTB5q5k.js";
 import { F as h } from "./FieldError-C0HRIcAx.js";
-import { a as u, L as y } from "./Label-B7taTXkd.js";
+import { a as u, L as y } from "./Label-BE4Aa-pL.js";
 import { T as _ } from "./Text-TWzJxnto.js";
 import { c as C } from "./createLucideIcon-D4r5Phnh.js";
 import '../assets/DateRangePicker.css';const I = [

package/chunks/{Label-B7taTXkd.js → Label-BE4Aa-pL.js}

@@ -3,7 +3,7 @@ import * as b from "react";
 import s from "react";
 import { c as f } from "./clsx-AexbMWKp.js";
 import { DialogTrigger as v, Label as d } from "react-aria-components";
-import { P as g } from "./Popover-BAdqdN6C.js";
+import { P as g } from "./Popover-D9tAN-g7.js";
 import { B as u } from "./Button-DbQwg49l.js";
 import { I as P } from "./info-kdfED7Wh.js";
 import { u as _ } from "./useLocalizedStringFormatter-ZgRJmvHC.js";

package/chunks/Popover-D9tAN-g7.js

@@ -0,0 +1,38 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { c as i } from "./clsx-AexbMWKp.js";
+import { Popover as v, OverlayArrow as h } from "react-aria-components";
+import '../assets/Popover.css';const l = "_popover_1hyo5_1", n = "_arrow_1hyo5_23", r = {
+  popover: l,
+  arrow: n
+};
+function d({
+  children: e,
+  className: s,
+  offset: p = 4,
+  hideArrow: a = !1,
+  ...t
+}) {
+  return /* @__PURE__ */ c(
+    v,
+    {
+      ...t,
+      offset: p,
+      className: i(r.popover, s),
+      children: [
+        !a && /* @__PURE__ */ o(h, { className: r.arrow, children: /* @__PURE__ */ o(
+          "svg",
+          {
+            width: 16,
+            height: 16,
+            viewBox: "0 0 16 16",
+            children: /* @__PURE__ */ o("path", { d: "M0 0 L8 8 L16 0" })
+          }
+        ) }),
+        e
+      ]
+    }
+  );
+}
+export {
+  d as P
+};

package/chunks/{ProgressBar-B2W7BTjA.js → ProgressBar-CEImvHGt.js}

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as _, Fragment as j } from "react/jsx-runtime";
 import { ProgressBar as d } from "react-aria-components";
-import { L as c } from "./Label-B7taTXkd.js";
+import { L as c } from "./Label-BE4Aa-pL.js";
 import { c as l } from "./clsx-AexbMWKp.js";
 import '../assets/ProgressBar.css';const f = "_progressBar_ojm9j_1", N = "_label_ojm9j_9", g = "_value_ojm9j_14", p = "_bar_ojm9j_19", v = "_fill_ojm9j_29", e = {
   progressBar: f,

package/chunks/{Radio-BzuxVV_g.js → Radio-BYvbz297.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
 import { c as t } from "./clsx-AexbMWKp.js";
-import { a as G, L as R } from "./Label-B7taTXkd.js";
+import { a as G, L as R } from "./Label-BE4Aa-pL.js";
 import { T as h } from "./Text-TWzJxnto.js";
 import { F as p } from "./FieldError-C0HRIcAx.js";
 import '../assets/Radio.css';const x = "_radioGroup_1q7p6_1", w = "_wrap_1q7p6_12", q = "_radio_1q7p6_1", i = {

package/chunks/{Select-C-0lWpoz.js → Select-C9YP6yTv.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { SelectStateContext as m, Button as _, TagList as A, Select as V, SelectValue as x } from "react-aria-components";
 import { FocusScope as C } from "@react-aria/focus";
-import { a as T, L as N } from "./Label-B7taTXkd.js";
+import { a as T, L as N } from "./Label-BE4Aa-pL.js";
 import { a as y, c as h } from "./clsx-AexbMWKp.js";
 import { T as B } from "./Text-TWzJxnto.js";
 import { F as b } from "./FieldError-C0HRIcAx.js";
@@ -11,7 +11,7 @@ import { u } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
 import { useFocusManager as M } from "react-aria";
 import { X as F } from "./x-BXShoIAM.js";
 import { L as I } from "./ListBox-D4tO_OrO.js";
-import { P as G } from "./Popover-BAdqdN6C.js";
+import { P as G } from "./Popover-D9tAN-g7.js";
 import { a as j, T as k } from "./Tag-CEfQksg8.js";
 import { C as R } from "./chevron-down-DgT-uSF9.js";
 import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, w = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, g = {

package/chunks/{Select-CzfIyTE7.js → Select-eJLNw9M8.js}

@@ -17,7 +17,7 @@ import { useListState as re } from "@react-stately/list";
 import { a as se, T as ae } from "./Tag-CEfQksg8.js";
 import { useFormValidation as ce } from "@react-aria/form";
 import { useVisuallyHidden as de } from "@react-aria/visually-hidden";
-import { a as ue, L as me } from "./Label-B7taTXkd.js";
+import { a as ue, L as me } from "./Label-BE4Aa-pL.js";
 import { T as ge } from "./Text-TWzJxnto.js";
 import { C as fe } from "./Checkbox-ClhO-AzB.js";
 import { X as pe } from "./x-BXShoIAM.js";

package/chunks/{TextArea-34YgkUEE.js → TextArea-BtxTcpto.js}

@@ -8,7 +8,7 @@ import { B as v } from "./Button-DbQwg49l.js";
 import { u as I } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
 import { F as h } from "./FieldError-C0HRIcAx.js";
 import { C as L } from "./CharacterCounter-DeuE2det.js";
-import { a as y, L as A } from "./Label-B7taTXkd.js";
+import { a as y, L as A } from "./Label-BE4Aa-pL.js";
 const u = c.forwardRef((e, t) => {
   [e] = m(e, t, C);
   const {

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as a, a as b, b as x } from "../chunks/ComboBox-D86agoIk.js";
+import { C as a, a as b, b as x } from "../chunks/ComboBox-7VcYris7.js";
 export {
   a as ComboBox,
   b as ComboBoxItem,

package/date-field/index.js

@@ -1,4 +1,4 @@
-import { D as t } from "../chunks/DateField-CdJdPIuj.js";
+import { D as t } from "../chunks/DateField--2cGkaU8.js";
 import { a as r, b as o, D as p } from "../chunks/DateInputDivider-CkTB5q5k.js";
 export {
   t as DateField,

package/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, a as t } from "../chunks/DateRangePicker-p0l1tSMb.js";
+import { D as r, a as t } from "../chunks/DateRangePicker-CrWRvDJw.js";
 export {
   r as DatePicker,
   t as DateRangePicker

package/index.js

@@ -7,12 +7,12 @@ import { C as l, R as C } from "./chunks/RangeCalendar-CuXHsT-k.js";
 import { C as b, d as g, c as B, a as c, e as L, f as S, b as D } from "./chunks/Card-ia98VoKL.js";
 import { C as G } from "./chunks/CharacterCounter-DeuE2det.js";
 import { C as R } from "./chunks/Checkbox-ClhO-AzB.js";
-import { C as M } from "./chunks/CheckboxGroup-CIFMaanI.js";
+import { C as M } from "./chunks/CheckboxGroup-6UA5fwt5.js";
 import { C as v } from "./chunks/ColorSchemeSwitch-DugvPh6T.js";
-import { C as h, a as H, b as w } from "./chunks/ComboBox-D86agoIk.js";
-import { D as N } from "./chunks/DateField-CdJdPIuj.js";
+import { C as h, a as H, b as w } from "./chunks/ComboBox-7VcYris7.js";
+import { D as N } from "./chunks/DateField--2cGkaU8.js";
 import { a as Q, b as Z, D as j } from "./chunks/DateInputDivider-CkTB5q5k.js";
-import { D as z, a as J } from "./chunks/DateRangePicker-p0l1tSMb.js";
+import { D as z, a as J } from "./chunks/DateRangePicker-CrWRvDJw.js";
 import { D as O, a as U } from "./chunks/Dropdown-CWP2clB2.js";
 import { F as W } from "./chunks/FieldError-C0HRIcAx.js";
 import { D as Y, F as _ } from "./chunks/FileUpload-h1PxqQmb.js";
@@ -20,25 +20,25 @@ import { G as oo } from "./chunks/Grid-B-WgMwON.js";
 import { G as ro } from "./chunks/GridItem-5t1Z14sM.js";
 import { H as to } from "./chunks/Heading-D8tNNJkt.js";
 import { I as po } from "./chunks/InfoBanner-tXWNVxpu.js";
-import { L as mo } from "./chunks/Label-B7taTXkd.js";
+import { L as mo } from "./chunks/Label-BE4Aa-pL.js";
 import { H as io, L as no, N as To, S as lo, a as Co } from "./chunks/Layout-DPRkHK4y.js";
 import { L as bo } from "./chunks/Link-yTNUNv3C.js";
 import { L as Bo } from "./chunks/LinkButton-3nAekUJ4.js";
 import { L as Lo } from "./chunks/Logo-InDSslpO.js";
 import { M as Do } from "./chunks/Dialog-BndmKdiv.js";
-import { P as Go } from "./chunks/Popover-BAdqdN6C.js";
-import { P as Ro } from "./chunks/ProgressBar-B2W7BTjA.js";
-import { R as Mo, a as Fo } from "./chunks/Radio-BzuxVV_g.js";
+import { P as Go } from "./chunks/Popover-D9tAN-g7.js";
+import { P as Ro } from "./chunks/ProgressBar-CEImvHGt.js";
+import { R as Mo, a as Fo } from "./chunks/Radio-BYvbz297.js";
 import { S as Ao } from "./chunks/SearchField-CLrAjcdA.js";
-import { S as Ho } from "./chunks/Select-C-0lWpoz.js";
-import { S as yo } from "./chunks/Select-CzfIyTE7.js";
+import { S as Ho } from "./chunks/Select-C9YP6yTv.js";
+import { S as yo } from "./chunks/Select-eJLNw9M8.js";
 import { S as Eo } from "./chunks/Skeleton-DqIHQLQl.js";
 import { S as Zo } from "./chunks/Spinner-CL9evrHm.js";
 import { b as qo, C as zo, R as Jo, T as Ko, c as Oo, a as Uo } from "./chunks/Table-B1rlSIhS.js";
 import { a as Wo, c as Xo, b as Yo, T as _o } from "./chunks/TabList-D2XV5ixe.js";
 import { T as oa, a as aa } from "./chunks/Tag-CEfQksg8.js";
 import { T as ea } from "./chunks/Text-TWzJxnto.js";
-import { I as sa, b as pa, a as xa, T as ma } from "./chunks/TextArea-34YgkUEE.js";
+import { I as sa, b as pa, a as xa, T as ma } from "./chunks/TextArea-BtxTcpto.js";
 import { G as ia, b as na, T as da, a as Ta, t as la, u as Ca } from "./chunks/Toast-CCA9sCnB.js";
 import { T as ba, a as ga } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
 import { T as ca, a as La } from "./chunks/Tooltip-CtstfI8u.js";

package/label/index.js

@@ -1,4 +1,4 @@
-import { L as o } from "../chunks/Label-B7taTXkd.js";
+import { L as o } from "../chunks/Label-BE4Aa-pL.js";
 export {
   o as Label
 };

package/legacy-select/index.js

@@ -1,4 +1,4 @@
-import { S as c } from "../chunks/Select-CzfIyTE7.js";
+import { S as c } from "../chunks/Select-eJLNw9M8.js";
 export {
   c as LegacySelect
 };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "15.5.0",
+  "version": "15.5.2",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/theme": "3.8.0",
+    "@midas-ds/theme": "3.8.1",
     "react-aria-components": "1.13.0"
   }
 }

package/popover/index.js

@@ -1,4 +1,4 @@
-import { P as e } from "../chunks/Popover-BAdqdN6C.js";
+import { P as e } from "../chunks/Popover-D9tAN-g7.js";
 export {
   e as Popover
 };

package/progress-bar/index.js

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/ProgressBar-B2W7BTjA.js";
+import { P as s } from "../chunks/ProgressBar-CEImvHGt.js";
 export {
   s as ProgressBar
 };

package/radio/index.js

@@ -1,4 +1,4 @@
-import { R as r, a as R } from "../chunks/Radio-BzuxVV_g.js";
+import { R as r, a as R } from "../chunks/Radio-BYvbz297.js";
 export {
   r as Radio,
   R as RadioGroup

package/select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/Select-C-0lWpoz.js";
+import { S as r } from "../chunks/Select-C9YP6yTv.js";
 export {
   r as Select
 };

package/textfield/index.js

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

package/chunks/Popover-BAdqdN6C.js

@@ -1,38 +0,0 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { c } from "./clsx-AexbMWKp.js";
-import { Popover as l, OverlayArrow as v } from "react-aria-components";
-import '../assets/Popover.css';const n = "_popover_94l1i_1", m = "_arrow_94l1i_23", r = {
-  popover: n,
-  arrow: m
-};
-function d({
-  children: e,
-  className: s,
-  offset: p = 4,
-  hideArrow: a = !1,
-  ...t
-}) {
-  return /* @__PURE__ */ i(
-    l,
-    {
-      ...t,
-      offset: p,
-      className: c(r.popover, s),
-      children: [
-        !a && /* @__PURE__ */ o(v, { className: r.arrow, children: /* @__PURE__ */ o(
-          "svg",
-          {
-            width: 8,
-            height: 8,
-            viewBox: "0 0 8 8",
-            children: /* @__PURE__ */ o("path", { d: "M0 0 L4 4 L8 0" })
-          }
-        ) }),
-        e
-      ]
-    }
-  );
-}
-export {
-  d as P
-};