@midas-ds/components 15.5.1 → 15.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 15.5.2 (2025-12-12)
2
+
3
+ ### 🩹 Fixes
4
+
5
+ - **components, popover:** change caret size ([#981](https://github.com/migrationsverket/midas/pull/981))
6
+
1
7
  ## 15.5.1 (2025-12-12)
2
8
 
3
9
  ### 🧱 Updated Dependencies
@@ -1 +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)}
1
+ ._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 CHANGED
@@ -1,5 +1,5 @@
1
1
  import { C as e } from "../chunks/Checkbox-ClhO-AzB.js";
2
- import { C } from "../chunks/CheckboxGroup-CIFMaanI.js";
2
+ import { C } from "../chunks/CheckboxGroup-6UA5fwt5.js";
3
3
  export {
4
4
  e as Checkbox,
5
5
  C as CheckboxGroup
@@ -1,7 +1,7 @@
1
1
  import { jsx as o, jsxs as h } from "react/jsx-runtime";
2
2
  import { useCheckboxGroup as C } from "react-aria";
3
3
  import { useCheckboxGroupState as v } from "react-stately";
4
- import { a as k, L as S } from "./Label-B7taTXkd.js";
4
+ import { a as k, L as S } from "./Label-BE4Aa-pL.js";
5
5
  import { T as y } from "./Text-TWzJxnto.js";
6
6
  import * as r from "react";
7
7
  import { C as d, s as u, a as g } from "./Checkbox-ClhO-AzB.js";
@@ -2,7 +2,7 @@ import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
2
  import y from "react";
3
3
  import { ComboBox as B, Input as F, Button as w, Collection as C } from "react-aria-components";
4
4
  import { c as s } from "./clsx-AexbMWKp.js";
5
- import { a as S, L as v } from "./Label-B7taTXkd.js";
5
+ import { a as S, L as v } from "./Label-BE4Aa-pL.js";
6
6
  import { T as u } from "./Text-TWzJxnto.js";
7
7
  import { F as p } from "./FieldError-C0HRIcAx.js";
8
8
  import { L as R } from "./ListBox-D4tO_OrO.js";
@@ -3,7 +3,7 @@ import { DateField as u } from "react-aria-components";
3
3
  import { c as m } from "./clsx-AexbMWKp.js";
4
4
  import { a as _, D as f } from "./DateInputDivider-CkTB5q5k.js";
5
5
  import { F as s } from "./FieldError-C0HRIcAx.js";
6
- import { a as h, L as D } from "./Label-B7taTXkd.js";
6
+ import { a as h, L as D } from "./Label-BE4Aa-pL.js";
7
7
  import { T as b } from "./Text-TWzJxnto.js";
8
8
  import '../assets/DateField.css';const x = "_dateField_y3sba_1", y = "_inputField_y3sba_7", L = "_medium_y3sba_37", i = {
9
9
  dateField: x,
@@ -4,7 +4,7 @@ import { a as m } from "./clsx-AexbMWKp.js";
4
4
  import { C as M, R as N } from "./RangeCalendar-CuXHsT-k.js";
5
5
  import { a as p, D as k, b as B } from "./DateInputDivider-CkTB5q5k.js";
6
6
  import { F as h } from "./FieldError-C0HRIcAx.js";
7
- import { a as u, L as y } from "./Label-B7taTXkd.js";
7
+ import { a as u, L as y } from "./Label-BE4Aa-pL.js";
8
8
  import { T as _ } from "./Text-TWzJxnto.js";
9
9
  import { c as C } from "./createLucideIcon-D4r5Phnh.js";
10
10
  import '../assets/DateRangePicker.css';const I = [
@@ -3,7 +3,7 @@ import * as b from "react";
3
3
  import s from "react";
4
4
  import { c as f } from "./clsx-AexbMWKp.js";
5
5
  import { DialogTrigger as v, Label as d } from "react-aria-components";
6
- import { P as g } from "./Popover-BAdqdN6C.js";
6
+ import { P as g } from "./Popover-D9tAN-g7.js";
7
7
  import { B as u } from "./Button-DbQwg49l.js";
8
8
  import { I as P } from "./info-kdfED7Wh.js";
9
9
  import { u as _ } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
@@ -0,0 +1,38 @@
1
+ import { jsxs as c, jsx as o } from "react/jsx-runtime";
2
+ import { c as i } from "./clsx-AexbMWKp.js";
3
+ import { Popover as v, OverlayArrow as h } from "react-aria-components";
4
+ import '../assets/Popover.css';const l = "_popover_1hyo5_1", n = "_arrow_1hyo5_23", r = {
5
+ popover: l,
6
+ arrow: n
7
+ };
8
+ function d({
9
+ children: e,
10
+ className: s,
11
+ offset: p = 4,
12
+ hideArrow: a = !1,
13
+ ...t
14
+ }) {
15
+ return /* @__PURE__ */ c(
16
+ v,
17
+ {
18
+ ...t,
19
+ offset: p,
20
+ className: i(r.popover, s),
21
+ children: [
22
+ !a && /* @__PURE__ */ o(h, { className: r.arrow, children: /* @__PURE__ */ o(
23
+ "svg",
24
+ {
25
+ width: 16,
26
+ height: 16,
27
+ viewBox: "0 0 16 16",
28
+ children: /* @__PURE__ */ o("path", { d: "M0 0 L8 8 L16 0" })
29
+ }
30
+ ) }),
31
+ e
32
+ ]
33
+ }
34
+ );
35
+ }
36
+ export {
37
+ d as P
38
+ };
@@ -1,6 +1,6 @@
1
1
  import { jsx as a, jsxs as _, Fragment as j } from "react/jsx-runtime";
2
2
  import { ProgressBar as d } from "react-aria-components";
3
- import { L as c } from "./Label-B7taTXkd.js";
3
+ import { L as c } from "./Label-BE4Aa-pL.js";
4
4
  import { c as l } from "./clsx-AexbMWKp.js";
5
5
  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 = {
6
6
  progressBar: f,
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, jsxs as n } from "react/jsx-runtime";
2
2
  import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
3
3
  import { c as t } from "./clsx-AexbMWKp.js";
4
- import { a as G, L as R } from "./Label-B7taTXkd.js";
4
+ import { a as G, L as R } from "./Label-BE4Aa-pL.js";
5
5
  import { T as h } from "./Text-TWzJxnto.js";
6
6
  import { F as p } from "./FieldError-C0HRIcAx.js";
7
7
  import '../assets/Radio.css';const x = "_radioGroup_1q7p6_1", w = "_wrap_1q7p6_12", q = "_radio_1q7p6_1", i = {
@@ -1,7 +1,7 @@
1
1
  import { jsx as e, jsxs as d } from "react/jsx-runtime";
2
2
  import { SelectStateContext as m, Button as _, TagList as A, Select as V, SelectValue as x } from "react-aria-components";
3
3
  import { FocusScope as C } from "@react-aria/focus";
4
- import { a as T, L as N } from "./Label-B7taTXkd.js";
4
+ import { a as T, L as N } from "./Label-BE4Aa-pL.js";
5
5
  import { a as y, c as h } from "./clsx-AexbMWKp.js";
6
6
  import { T as B } from "./Text-TWzJxnto.js";
7
7
  import { F as b } from "./FieldError-C0HRIcAx.js";
@@ -11,7 +11,7 @@ import { u } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
11
11
  import { useFocusManager as M } from "react-aria";
12
12
  import { X as F } from "./x-BXShoIAM.js";
13
13
  import { L as I } from "./ListBox-D4tO_OrO.js";
14
- import { P as G } from "./Popover-BAdqdN6C.js";
14
+ import { P as G } from "./Popover-D9tAN-g7.js";
15
15
  import { a as j, T as k } from "./Tag-CEfQksg8.js";
16
16
  import { C as R } from "./chevron-down-DgT-uSF9.js";
17
17
  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 = {
@@ -17,7 +17,7 @@ import { useListState as re } from "@react-stately/list";
17
17
  import { a as se, T as ae } from "./Tag-CEfQksg8.js";
18
18
  import { useFormValidation as ce } from "@react-aria/form";
19
19
  import { useVisuallyHidden as de } from "@react-aria/visually-hidden";
20
- import { a as ue, L as me } from "./Label-B7taTXkd.js";
20
+ import { a as ue, L as me } from "./Label-BE4Aa-pL.js";
21
21
  import { T as ge } from "./Text-TWzJxnto.js";
22
22
  import { C as fe } from "./Checkbox-ClhO-AzB.js";
23
23
  import { X as pe } from "./x-BXShoIAM.js";
@@ -8,7 +8,7 @@ import { B as v } from "./Button-DbQwg49l.js";
8
8
  import { u as I } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
9
9
  import { F as h } from "./FieldError-C0HRIcAx.js";
10
10
  import { C as L } from "./CharacterCounter-DeuE2det.js";
11
- import { a as y, L as A } from "./Label-B7taTXkd.js";
11
+ import { a as y, L as A } from "./Label-BE4Aa-pL.js";
12
12
  const u = c.forwardRef((e, t) => {
13
13
  [e] = m(e, t, C);
14
14
  const {
package/combobox/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { C as a, a as b, b as x } from "../chunks/ComboBox-D86agoIk.js";
1
+ import { C as a, a as b, b as x } from "../chunks/ComboBox-7VcYris7.js";
2
2
  export {
3
3
  a as ComboBox,
4
4
  b as ComboBoxItem,
@@ -1,4 +1,4 @@
1
- import { D as t } from "../chunks/DateField-CdJdPIuj.js";
1
+ import { D as t } from "../chunks/DateField--2cGkaU8.js";
2
2
  import { a as r, b as o, D as p } from "../chunks/DateInputDivider-CkTB5q5k.js";
3
3
  export {
4
4
  t as DateField,
@@ -1,4 +1,4 @@
1
- import { D as r, a as t } from "../chunks/DateRangePicker-p0l1tSMb.js";
1
+ import { D as r, a as t } from "../chunks/DateRangePicker-CrWRvDJw.js";
2
2
  export {
3
3
  r as DatePicker,
4
4
  t as DateRangePicker
package/index.js CHANGED
@@ -7,12 +7,12 @@ import { C as l, R as C } from "./chunks/RangeCalendar-CuXHsT-k.js";
7
7
  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";
8
8
  import { C as G } from "./chunks/CharacterCounter-DeuE2det.js";
9
9
  import { C as R } from "./chunks/Checkbox-ClhO-AzB.js";
10
- import { C as M } from "./chunks/CheckboxGroup-CIFMaanI.js";
10
+ import { C as M } from "./chunks/CheckboxGroup-6UA5fwt5.js";
11
11
  import { C as v } from "./chunks/ColorSchemeSwitch-DugvPh6T.js";
12
- import { C as h, a as H, b as w } from "./chunks/ComboBox-D86agoIk.js";
13
- import { D as N } from "./chunks/DateField-CdJdPIuj.js";
12
+ import { C as h, a as H, b as w } from "./chunks/ComboBox-7VcYris7.js";
13
+ import { D as N } from "./chunks/DateField--2cGkaU8.js";
14
14
  import { a as Q, b as Z, D as j } from "./chunks/DateInputDivider-CkTB5q5k.js";
15
- import { D as z, a as J } from "./chunks/DateRangePicker-p0l1tSMb.js";
15
+ import { D as z, a as J } from "./chunks/DateRangePicker-CrWRvDJw.js";
16
16
  import { D as O, a as U } from "./chunks/Dropdown-CWP2clB2.js";
17
17
  import { F as W } from "./chunks/FieldError-C0HRIcAx.js";
18
18
  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";
20
20
  import { G as ro } from "./chunks/GridItem-5t1Z14sM.js";
21
21
  import { H as to } from "./chunks/Heading-D8tNNJkt.js";
22
22
  import { I as po } from "./chunks/InfoBanner-tXWNVxpu.js";
23
- import { L as mo } from "./chunks/Label-B7taTXkd.js";
23
+ import { L as mo } from "./chunks/Label-BE4Aa-pL.js";
24
24
  import { H as io, L as no, N as To, S as lo, a as Co } from "./chunks/Layout-DPRkHK4y.js";
25
25
  import { L as bo } from "./chunks/Link-yTNUNv3C.js";
26
26
  import { L as Bo } from "./chunks/LinkButton-3nAekUJ4.js";
27
27
  import { L as Lo } from "./chunks/Logo-InDSslpO.js";
28
28
  import { M as Do } from "./chunks/Dialog-BndmKdiv.js";
29
- import { P as Go } from "./chunks/Popover-BAdqdN6C.js";
30
- import { P as Ro } from "./chunks/ProgressBar-B2W7BTjA.js";
31
- import { R as Mo, a as Fo } from "./chunks/Radio-BzuxVV_g.js";
29
+ import { P as Go } from "./chunks/Popover-D9tAN-g7.js";
30
+ import { P as Ro } from "./chunks/ProgressBar-CEImvHGt.js";
31
+ import { R as Mo, a as Fo } from "./chunks/Radio-BYvbz297.js";
32
32
  import { S as Ao } from "./chunks/SearchField-CLrAjcdA.js";
33
- import { S as Ho } from "./chunks/Select-C-0lWpoz.js";
34
- import { S as yo } from "./chunks/Select-CzfIyTE7.js";
33
+ import { S as Ho } from "./chunks/Select-C9YP6yTv.js";
34
+ import { S as yo } from "./chunks/Select-eJLNw9M8.js";
35
35
  import { S as Eo } from "./chunks/Skeleton-DqIHQLQl.js";
36
36
  import { S as Zo } from "./chunks/Spinner-CL9evrHm.js";
37
37
  import { b as qo, C as zo, R as Jo, T as Ko, c as Oo, a as Uo } from "./chunks/Table-B1rlSIhS.js";
38
38
  import { a as Wo, c as Xo, b as Yo, T as _o } from "./chunks/TabList-D2XV5ixe.js";
39
39
  import { T as oa, a as aa } from "./chunks/Tag-CEfQksg8.js";
40
40
  import { T as ea } from "./chunks/Text-TWzJxnto.js";
41
- import { I as sa, b as pa, a as xa, T as ma } from "./chunks/TextArea-34YgkUEE.js";
41
+ import { I as sa, b as pa, a as xa, T as ma } from "./chunks/TextArea-BtxTcpto.js";
42
42
  import { G as ia, b as na, T as da, a as Ta, t as la, u as Ca } from "./chunks/Toast-CCA9sCnB.js";
43
43
  import { T as ba, a as ga } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
44
44
  import { T as ca, a as La } from "./chunks/Tooltip-CtstfI8u.js";
package/label/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { L as o } from "../chunks/Label-B7taTXkd.js";
1
+ import { L as o } from "../chunks/Label-BE4Aa-pL.js";
2
2
  export {
3
3
  o as Label
4
4
  };
@@ -1,4 +1,4 @@
1
- import { S as c } from "../chunks/Select-CzfIyTE7.js";
1
+ import { S as c } from "../chunks/Select-eJLNw9M8.js";
2
2
  export {
3
3
  c as LegacySelect
4
4
  };
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "description": "Midas Components",
15
15
  "homepage": "https://designsystem.migrationsverket.se/",
16
16
  "license": "CC0-1.0",
17
- "version": "15.5.1",
17
+ "version": "15.5.2",
18
18
  "module": "./index.js",
19
19
  "type": "module",
20
20
  "main": "./index.js",
package/popover/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { P as e } from "../chunks/Popover-BAdqdN6C.js";
1
+ import { P as e } from "../chunks/Popover-D9tAN-g7.js";
2
2
  export {
3
3
  e as Popover
4
4
  };
@@ -1,4 +1,4 @@
1
- import { P as s } from "../chunks/ProgressBar-B2W7BTjA.js";
1
+ import { P as s } from "../chunks/ProgressBar-CEImvHGt.js";
2
2
  export {
3
3
  s as ProgressBar
4
4
  };
package/radio/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { R as r, a as R } from "../chunks/Radio-BzuxVV_g.js";
1
+ import { R as r, a as R } from "../chunks/Radio-BYvbz297.js";
2
2
  export {
3
3
  r as Radio,
4
4
  R as RadioGroup
package/select/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as r } from "../chunks/Select-C-0lWpoz.js";
1
+ import { S as r } from "../chunks/Select-C9YP6yTv.js";
2
2
  export {
3
3
  r as Select
4
4
  };
@@ -1,4 +1,4 @@
1
- import { I as s, b as t, a as x, T } from "../chunks/TextArea-34YgkUEE.js";
1
+ import { I as s, b as t, a as x, T } from "../chunks/TextArea-BtxTcpto.js";
2
2
  export {
3
3
  s as Input,
4
4
  t as TextArea,
@@ -1,38 +0,0 @@
1
- import { jsxs as i, jsx as o } from "react/jsx-runtime";
2
- import { c } from "./clsx-AexbMWKp.js";
3
- import { Popover as l, OverlayArrow as v } from "react-aria-components";
4
- import '../assets/Popover.css';const n = "_popover_94l1i_1", m = "_arrow_94l1i_23", r = {
5
- popover: n,
6
- arrow: m
7
- };
8
- function d({
9
- children: e,
10
- className: s,
11
- offset: p = 4,
12
- hideArrow: a = !1,
13
- ...t
14
- }) {
15
- return /* @__PURE__ */ i(
16
- l,
17
- {
18
- ...t,
19
- offset: p,
20
- className: c(r.popover, s),
21
- children: [
22
- !a && /* @__PURE__ */ o(v, { className: r.arrow, children: /* @__PURE__ */ o(
23
- "svg",
24
- {
25
- width: 8,
26
- height: 8,
27
- viewBox: "0 0 8 8",
28
- children: /* @__PURE__ */ o("path", { d: "M0 0 L4 4 L8 0" })
29
- }
30
- ) }),
31
- e
32
- ]
33
- }
34
- );
35
- }
36
- export {
37
- d as P
38
- };