@midas-ds/components 16.5.4 → 16.5.5

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/assets/DateRangePicker.css +1 -1
  3. package/chunks/{DateRangePicker-jqrHTmLu.js → DateRangePicker-7MtqKhD1.js} +57 -57
  4. package/date-picker/index.js +1 -1
  5. package/index.js +1 -1
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,13 @@
1
+ ## 16.5.5 (2026-01-29)
2
+
3
+ ### 🩹 Fixes
4
+
5
+ - **components, date-picker:** adjust icon button height ([67c95768db](https://github.com/migrationsverket/midas/commit/67c95768db))
6
+
7
+ ### 🔧 Maintenance
8
+
9
+ - stylelint ignore dist files ([6288a30bd5](https://github.com/migrationsverket/midas/commit/6288a30bd5))
10
+
1
11
  ## 16.5.4 (2026-01-29)
2
12
 
3
13
  ### 🩹 Fixes
package/assets/DateRangePicker.css CHANGED
@@ -1 +1 @@
1
- ._datePicker_1q1fo_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._inputField_1q1fo_8{box-sizing:border-box;width:100%;height:var(--midas-size-150);align-items:center;background-color:var(--midas-field-01-base);border-bottom:1px solid var(--midas-border-color-primary);padding-left:1rem;display:flex;justify-content:flex-start;gap:1rem}@media(forced-colors:active){._inputField_1q1fo_8{border:1px solid var(--midas-border-color-primary)}}._inputField_1q1fo_8._medium_1q1fo_24{height:var(--midas-size-130)}._inputField_1q1fo_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_1q1fo_8:focus-visible,._inputField_1q1fo_8[data-focus-visible]{outline:none}._inputField_1q1fo_8[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._inputField_1q1fo_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_1q1fo_8._readOnly_1q1fo_47{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1q1fo_8 ._buttonGroup_1q1fo_52{display:flex;margin-left:auto;gap:0}._inputField_1q1fo_8 ._iconButton_1q1fo_58{border:none}._inputField_1q1fo_8 ._iconButton_1q1fo_58[data-disabled]{background-color:transparent}._inputField_1q1fo_8 ._iconButton_1q1fo_58:focus-visible,._inputField_1q1fo_8 ._iconButton_1q1fo_58[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus-inset)}@media(forced-colors:active){._inputField_1q1fo_8 ._iconButton_1q1fo_58:focus-visible,._inputField_1q1fo_8 ._iconButton_1q1fo_58[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._dialog_1q1fo_78{box-shadow:0 3px 5px #0003}
1
+ ._datePicker_1u1dn_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._inputField_1u1dn_8{box-sizing:border-box;width:100%;height:var(--midas-size-150);align-items:center;background-color:var(--midas-field-01-base);border-bottom:1px solid var(--midas-border-color-primary);padding-left:1rem;display:flex;justify-content:flex-start;gap:1rem}@media(forced-colors:active){._inputField_1u1dn_8{border:1px solid var(--midas-border-color-primary)}}._inputField_1u1dn_8._medium_1u1dn_24{height:var(--midas-size-130)}._inputField_1u1dn_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_1u1dn_8:focus-visible,._inputField_1u1dn_8[data-focus-visible]{outline:none}._inputField_1u1dn_8[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._inputField_1u1dn_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_1u1dn_8._readOnly_1u1dn_47{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1u1dn_8 ._buttonGroup_1u1dn_52{display:flex;margin-left:auto;height:100%}._inputField_1u1dn_8 ._iconButton_1u1dn_58{align-self:stretch;aspect-ratio:1;border:none;padding:0}._inputField_1u1dn_8 ._iconButton_1u1dn_58[data-disabled]{background-color:transparent}._inputField_1u1dn_8 ._iconButton_1u1dn_58:focus-visible,._inputField_1u1dn_8 ._iconButton_1u1dn_58[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus-inset)}@media(forced-colors:active){._inputField_1u1dn_8 ._iconButton_1u1dn_58:focus-visible,._inputField_1u1dn_8 ._iconButton_1u1dn_58[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._dialog_1u1dn_81{box-shadow:0 3px 5px #0003}
package/chunks/{DateRangePicker-jqrHTmLu.js → DateRangePicker-7MtqKhD1.js} RENAMED
@@ -1,18 +1,18 @@
1
1
  import { jsx as e, jsxs as h } from "react/jsx-runtime";
2
- import { Group as x, DatePickerStateContext as F, DateRangePickerStateContext as B, Popover as M, Dialog as S, DatePicker as N, DateRangePicker as q } from "react-aria-components";
2
+ import { Group as x, DatePickerStateContext as F, DateRangePickerStateContext as B, Popover as M, Dialog as S, DatePicker as N, DateRangePicker as R } from "react-aria-components";
3
3
  import { a as k } from "./clsx-AexbMWKp.js";
4
- import { C as R, R as G } from "./RangeCalendar-pgiXYhpG.js";
5
- import { a as P, D as _, b as L } from "./DateInputDivider-CkTB5q5k.js";
6
- import { F as f } from "./FieldError-Bra5aRT3.js";
4
+ import { C as G, R as L } from "./RangeCalendar-pgiXYhpG.js";
5
+ import { a as _, D as f, b as I } from "./DateInputDivider-CkTB5q5k.js";
6
+ import { F as P } from "./FieldError-Bra5aRT3.js";
7
7
  import { a as y, L as v } from "./Label-xWKvOuML.js";
8
8
  import { T as D } from "./Text-TWzJxnto.js";
9
9
  import * as g from "react";
10
- import { C as I } from "./ClearButton-Dtkd_M_7.js";
11
- import { FocusScope as V, useFocusManager as j } from "@react-aria/focus";
12
- import { B as w } from "./Button-BGu-SRi7.js";
13
- import { c as O } from "./createLucideIcon-D4r5Phnh.js";
14
- import { u as T } from "./useLocalizedStringFormatter-BHvsRxDk.js";
15
- import '../assets/DateRangePicker.css';const $ = [
10
+ import { C as V } from "./ClearButton-Dtkd_M_7.js";
11
+ import { FocusScope as j, useFocusManager as w } from "@react-aria/focus";
12
+ import { B as O } from "./Button-BGu-SRi7.js";
13
+ import { c as T } from "./createLucideIcon-D4r5Phnh.js";
14
+ import { u as $ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
15
+ import '../assets/DateRangePicker.css';const E = [
16
16
  ["path", { d: "M8 2v4", key: "1cmpym" }],
17
17
  ["path", { d: "M16 2v4", key: "4m81vk" }],
18
18
  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -23,10 +23,10 @@ import '../assets/DateRangePicker.css';const $ = [
23
23
  ["path", { d: "M8 18h.01", key: "lrp35t" }],
24
24
  ["path", { d: "M12 18h.01", key: "mhygvu" }],
25
25
  ["path", { d: "M16 18h.01", key: "kzsmim" }]
26
- ], E = O("calendar-days", $), W = { clear: "Clear date" }, A = { clear: "Rensa datum" }, H = {
27
- en: W,
26
+ ], W = T("calendar-days", E), q = { clear: "Clear date" }, A = { clear: "Rensa datum" }, H = {
27
+ en: q,
28
28
  sv: A
29
- }, J = "_datePicker_1q1fo_1", K = "_inputField_1q1fo_8", Q = "_medium_1q1fo_24", U = "_readOnly_1q1fo_47", X = "_buttonGroup_1q1fo_52", Y = "_iconButton_1q1fo_58", Z = "_dialog_1q1fo_78", r = {
29
+ }, J = "_datePicker_1u1dn_1", K = "_inputField_1u1dn_8", Q = "_medium_1u1dn_24", U = "_readOnly_1u1dn_47", X = "_buttonGroup_1u1dn_52", Y = "_iconButton_1u1dn_58", Z = "_dialog_1u1dn_81", r = {
30
30
  datePicker: J,
31
31
  inputField: K,
32
32
  medium: Q,
@@ -40,12 +40,12 @@ import '../assets/DateRangePicker.css';const $ = [
40
40
  isReadOnly: i,
41
41
  size: a
42
42
  }) => {
43
- const o = g.useContext(F), s = g.useContext(B), u = T(H), l = j(), n = s ?? o, p = z(n) ? !!n.value.start && n.value.end : !!n?.value;
43
+ const n = g.useContext(F), s = g.useContext(B), u = $(H), d = w(), o = s ?? n, p = z(o) ? !!o.value.start && o.value.end : !!o?.value;
44
44
  return t && p && !i ? /* @__PURE__ */ e(
45
- I,
45
+ V,
46
46
  {
47
47
  onPress: () => {
48
- n?.setValue(null), l?.focusFirst();
48
+ o?.setValue(null), d?.focusFirst();
49
49
  },
50
50
  size: a,
51
51
  isDisabled: c,
@@ -60,16 +60,16 @@ import '../assets/DateRangePicker.css';const $ = [
60
60
  isDisabled: c,
61
61
  isInvalid: i,
62
62
  isReadOnly: a,
63
- size: o = "large",
63
+ size: n = "large",
64
64
  isClearable: s = !1
65
65
  }) => /* @__PURE__ */ e(
66
66
  x,
67
67
  {
68
68
  className: k(r.inputField, {
69
- [r.medium]: o === "medium",
69
+ [r.medium]: n === "medium",
70
70
  [r.readOnly]: a
71
71
  }),
72
- children: /* @__PURE__ */ h(V, { children: [
72
+ children: /* @__PURE__ */ h(j, { children: [
73
73
  t,
74
74
  /* @__PURE__ */ h("div", { className: r.buttonGroup, children: [
75
75
  /* @__PURE__ */ e(
@@ -78,21 +78,21 @@ import '../assets/DateRangePicker.css';const $ = [
78
78
  isClearable: s,
79
79
  isDisabled: c,
80
80
  isReadOnly: a,
81
- size: o
81
+ size: n
82
82
  }
83
83
  ),
84
84
  /* @__PURE__ */ e(
85
- w,
85
+ O,
86
86
  {
87
87
  variant: "icon",
88
88
  className: k(r.iconButton, {
89
- [r.medium]: o === "medium",
89
+ [r.medium]: n === "medium",
90
90
  [r.readOnly]: a
91
91
  }),
92
92
  "data-invalid": i || void 0,
93
- size: o,
93
+ size: n,
94
94
  children: /* @__PURE__ */ e(
95
- E,
95
+ W,
96
96
  {
97
97
  "aria-hidden": !0,
98
98
  size: 20
@@ -110,37 +110,37 @@ import '../assets/DateRangePicker.css';const $ = [
110
110
  description: c,
111
111
  errorMessage: i,
112
112
  errorPosition: a = "top",
113
- label: o,
113
+ label: n,
114
114
  popover: s,
115
115
  isClearable: u = !1,
116
- isReadOnly: l,
117
- isDisabled: n,
116
+ isReadOnly: d,
117
+ isDisabled: o,
118
118
  size: p,
119
- ...d
119
+ ...l
120
120
  }) => /* @__PURE__ */ h(
121
121
  N,
122
122
  {
123
123
  className: k(r.datePicker, t),
124
- isReadOnly: l,
125
- isDisabled: n,
126
- ...d,
124
+ isReadOnly: d,
125
+ isDisabled: o,
126
+ ...l,
127
127
  children: [
128
- /* @__PURE__ */ e(y, { popover: s, children: o && /* @__PURE__ */ e(v, { children: o }) }),
128
+ /* @__PURE__ */ e(y, { popover: s, children: n && /* @__PURE__ */ e(v, { children: n }) }),
129
129
  c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
130
- a === "top" && /* @__PURE__ */ e(f, { children: i }),
130
+ a === "top" && /* @__PURE__ */ e(P, { children: i }),
131
131
  /* @__PURE__ */ e(
132
132
  C,
133
133
  {
134
134
  isClearable: u,
135
- isReadOnly: l,
136
- isDisabled: n,
135
+ isReadOnly: d,
136
+ isDisabled: o,
137
137
  size: p,
138
- ...d,
139
- children: /* @__PURE__ */ e(P, { children: (m) => /* @__PURE__ */ e(_, { segment: m }) })
138
+ ...l,
139
+ children: /* @__PURE__ */ e(_, { children: (m) => /* @__PURE__ */ e(f, { segment: m }) })
140
140
  }
141
141
  ),
142
- a === "bottom" && /* @__PURE__ */ e(f, { children: i }),
143
- /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(R, {}) })
142
+ a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
143
+ /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
144
144
  ]
145
145
  }
146
146
  ), ke = ({
@@ -148,41 +148,41 @@ import '../assets/DateRangePicker.css';const $ = [
148
148
  description: c,
149
149
  errorMessage: i,
150
150
  errorPosition: a = "top",
151
- label: o,
151
+ label: n,
152
152
  popover: s,
153
153
  isClearable: u = !1,
154
- isReadOnly: l,
155
- isDisabled: n,
154
+ isReadOnly: d,
155
+ isDisabled: o,
156
156
  size: p,
157
- ...d
157
+ ...l
158
158
  }) => /* @__PURE__ */ h(
159
- q,
159
+ R,
160
160
  {
161
161
  className: k(r.datePicker, t),
162
- isReadOnly: l,
163
- isDisabled: n,
164
- ...d,
162
+ isReadOnly: d,
163
+ isDisabled: o,
164
+ ...l,
165
165
  children: [
166
- /* @__PURE__ */ e(y, { popover: s, children: o && /* @__PURE__ */ e(v, { children: o }) }),
166
+ /* @__PURE__ */ e(y, { popover: s, children: n && /* @__PURE__ */ e(v, { children: n }) }),
167
167
  c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
168
- a === "top" && /* @__PURE__ */ e(f, { children: i }),
168
+ a === "top" && /* @__PURE__ */ e(P, { children: i }),
169
169
  /* @__PURE__ */ h(
170
170
  C,
171
171
  {
172
172
  isClearable: u,
173
- isReadOnly: l,
174
- isDisabled: n,
173
+ isReadOnly: d,
174
+ isDisabled: o,
175
175
  size: p,
176
- ...d,
176
+ ...l,
177
177
  children: [
178
- /* @__PURE__ */ e(P, { slot: "start", children: (m) => /* @__PURE__ */ e(_, { segment: m }) }),
179
- /* @__PURE__ */ e(L, {}),
180
- /* @__PURE__ */ e(P, { slot: "end", children: (m) => /* @__PURE__ */ e(_, { segment: m }) })
178
+ /* @__PURE__ */ e(_, { slot: "start", children: (m) => /* @__PURE__ */ e(f, { segment: m }) }),
179
+ /* @__PURE__ */ e(I, {}),
180
+ /* @__PURE__ */ e(_, { slot: "end", children: (m) => /* @__PURE__ */ e(f, { segment: m }) })
181
181
  ]
182
182
  }
183
183
  ),
184
- a === "bottom" && /* @__PURE__ */ e(f, { children: i }),
185
- /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
184
+ a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
185
+ /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(L, {}) })
186
186
  ]
187
187
  }
188
188
  );
package/date-picker/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { D as r, a as t } from "../chunks/DateRangePicker-jqrHTmLu.js";
1
+ import { D as r, a as t } from "../chunks/DateRangePicker-7MtqKhD1.js";
2
2
  export {
3
3
  r as DatePicker,
4
4
  t as DateRangePicker
package/index.js CHANGED
@@ -12,7 +12,7 @@ import { C as v } from "./chunks/ColorSchemeSwitch-CaqrCGTA.js";
12
12
  import { C as h, a as H, b as y } from "./chunks/ComboBox-BrpJ6b7d.js";
13
13
  import { D as N } from "./chunks/DateField-CuNWL_ao.js";
14
14
  import { a as E, b as Q, D as Z } from "./chunks/DateInputDivider-CkTB5q5k.js";
15
- import { D as q, a as J } from "./chunks/DateRangePicker-jqrHTmLu.js";
15
+ import { D as q, a as J } from "./chunks/DateRangePicker-7MtqKhD1.js";
16
16
  import { F as O } from "./chunks/FieldError-Bra5aRT3.js";
17
17
  import { D as V, F as W } from "./chunks/FileUpload-h1PxqQmb.js";
18
18
  import { G as Y } from "./chunks/Grid-B-WgMwON.js";
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": "16.5.4",
17
+ "version": "16.5.5",
18
18
  "module": "./index.js",
19
19
  "type": "module",
20
20
  "main": "./index.js",