@midas-ds/components 17.26.0 → 17.27.0
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 +31 -0
- package/assets/calendar.css +1 -1
- package/assets/list-box.css +1 -1
- package/assets/select.css +1 -1
- package/calendar/Calendar.d.ts +8 -1
- package/calendar/Calendar.stories.d.ts +2 -1
- package/calendar/CalendarGrid.d.ts +1 -2
- package/calendar/CalendarHeader.d.ts +2 -3
- package/calendar/CalendarPicker.d.ts +18 -0
- package/calendar/RangeCalendar.d.ts +8 -2
- package/calendar/RangeCalendar.stories.d.ts +2 -1
- package/calendar/index.js +1 -1
- package/checkbox/index.js +1 -1
- package/chunks/calendar-DWdU1T7E.js +111 -0
- package/chunks/{checkbox-ivInWvEp.js → checkbox-BgCp0edW.js} +13 -13
- package/chunks/{combobox-DDO4fEtI.js → combobox-B3AGDNru.js} +9 -9
- package/chunks/{date-field-DG5TYsTF.js → date-field-Q3bQ5P_t.js} +8 -8
- package/chunks/{date-picker-1W7OmCT0.js → date-picker-BPAJK8Gr.js} +15 -15
- package/chunks/{list-box-VdBVTwZK.js → list-box-BT33Wiwt.js} +16 -15
- package/chunks/{radio-W0YqY7lo.js → radio-BXC6pb3z.js} +8 -8
- package/chunks/{search-field-d7FV4Kuv.js → search-field-dAZu3T_V.js} +8 -8
- package/chunks/{select-LjjT_7hr.js → select-DOLE5CtI.js} +32 -28
- package/chunks/{table-O7Ht2ilY.js → table-RARvkGKL.js} +1 -1
- package/chunks/{textfield-BsijPPRD.js → textfield-BNdiOwXq.js} +10 -10
- package/chunks/{time-field-BlNUOjUJ.js → time-field-CZxI9Bs6.js} +9 -9
- package/combobox/index.js +1 -1
- package/date-field/index.js +1 -1
- package/date-picker/index.js +1 -1
- package/index.js +36 -36
- package/list-box/ListBox.d.ts +6 -1
- package/list-box/ListBox.stories.d.ts +1 -1
- package/list-box/index.js +1 -1
- package/package.json +1 -1
- package/radio/index.js +1 -1
- package/search-field/index.js +1 -1
- package/select/SelectTrigger.d.ts +7 -1
- package/select/index.d.ts +1 -0
- package/select/index.js +2 -2
- package/table/index.js +1 -1
- package/textfield/TextArea.stories.d.ts +5 -5
- package/textfield/index.js +1 -1
- package/time-field/index.js +1 -1
- package/chunks/calendar-R7x0m8ch.js +0 -74
|
@@ -14,27 +14,28 @@ var g = class extends l {
|
|
|
14
14
|
}), this.contentSize;
|
|
15
15
|
}
|
|
16
16
|
}, _ = {
|
|
17
|
-
listBox: "
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
listBoxLoadMoreItem: "
|
|
24
|
-
item: "
|
|
25
|
-
option: "
|
|
26
|
-
inputCheckbox: "
|
|
27
|
-
}, v = ({ className: t, children: n, virtualized: r = !0,
|
|
28
|
-
let
|
|
17
|
+
listBox: "_listBox_6csy4_4",
|
|
18
|
+
listBoxItem: "_listBoxItem_6csy4_18",
|
|
19
|
+
textContent: "_textContent_6csy4_51",
|
|
20
|
+
listBoxPopover: "_listBoxPopover_6csy4_67 _dropdownAnimation_1ljkv_4",
|
|
21
|
+
listBoxSectionHeading: "_listBoxSectionHeading_6csy4_96",
|
|
22
|
+
listBoxButton: "_listBoxButton_6csy4_108",
|
|
23
|
+
listBoxLoadMoreItem: "_listBoxLoadMoreItem_6csy4_241",
|
|
24
|
+
item: "_item_6csy4_252",
|
|
25
|
+
option: "_option_6csy4_253",
|
|
26
|
+
inputCheckbox: "_inputCheckbox_6csy4_253"
|
|
27
|
+
}, v = ({ className: t, children: n, virtualized: r = !0, size: i, ...o }) => {
|
|
28
|
+
let s = /* @__PURE__ */ m(a, {
|
|
29
29
|
className: e(_.listBox, t),
|
|
30
|
-
|
|
30
|
+
"data-size": i,
|
|
31
|
+
...o,
|
|
31
32
|
children: n
|
|
32
33
|
});
|
|
33
34
|
return r ? /* @__PURE__ */ m(d, {
|
|
34
35
|
layout: g,
|
|
35
36
|
layoutOptions: { estimatedHeadingSize: 38 },
|
|
36
|
-
children:
|
|
37
|
-
}) :
|
|
37
|
+
children: s
|
|
38
|
+
}) : s;
|
|
38
39
|
}, y = ({ className: t, children: n, ...r }) => /* @__PURE__ */ m("button", {
|
|
39
40
|
type: "button",
|
|
40
41
|
className: e(_.listBoxItem, _.listBoxButton, t),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./clsx-B1NYyfch.js";
|
|
2
|
-
import { t } from "./
|
|
3
|
-
import { t as
|
|
4
|
-
import {
|
|
2
|
+
import { n as t, t as n } from "./label-CEYHiWSa.js";
|
|
3
|
+
import { t as r } from "./text-EUdAWwZz.js";
|
|
4
|
+
import { t as i } from "./field-error-pJiSw4PN.js";
|
|
5
5
|
import { Group as a, RadioButton as o, RadioField as s, RadioGroup as c, composeRenderProps as l } from "react-aria-components";
|
|
6
6
|
import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
7
7
|
import '../assets/radio.css';//#region src/radio/RadioField.tsx
|
|
@@ -22,15 +22,15 @@ var p = (e) => /* @__PURE__ */ d(s, { ...e }), m = {
|
|
|
22
22
|
...y,
|
|
23
23
|
className: e(m.radioGroup, g),
|
|
24
24
|
children: l(h, (e) => /* @__PURE__ */ f(u, { children: [
|
|
25
|
-
/* @__PURE__ */ d(
|
|
25
|
+
/* @__PURE__ */ d(t, {
|
|
26
26
|
popover: v,
|
|
27
|
-
children: o && /* @__PURE__ */ d(
|
|
27
|
+
children: o && /* @__PURE__ */ d(n, { children: o })
|
|
28
28
|
}),
|
|
29
|
-
s && /* @__PURE__ */ d(
|
|
29
|
+
s && /* @__PURE__ */ d(r, {
|
|
30
30
|
slot: "description",
|
|
31
31
|
children: s
|
|
32
32
|
}),
|
|
33
|
-
_ === "top" && /* @__PURE__ */ d(
|
|
33
|
+
_ === "top" && /* @__PURE__ */ d(i, {
|
|
34
34
|
"data-testid": "fieldError",
|
|
35
35
|
children: p
|
|
36
36
|
}),
|
|
@@ -38,7 +38,7 @@ var p = (e) => /* @__PURE__ */ d(s, { ...e }), m = {
|
|
|
38
38
|
className: m.wrap,
|
|
39
39
|
children: e
|
|
40
40
|
}),
|
|
41
|
-
_ === "bottom" && /* @__PURE__ */ d(
|
|
41
|
+
_ === "bottom" && /* @__PURE__ */ d(i, {
|
|
42
42
|
"data-testid": "fieldError",
|
|
43
43
|
children: p
|
|
44
44
|
})
|
|
@@ -4,9 +4,9 @@ import { t } from "./createLucideIcon-BgluSHFG.js";
|
|
|
4
4
|
import { t as n } from "./x-BJAOO5a5.js";
|
|
5
5
|
import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
|
|
6
6
|
import { n as i } from "./button-Ch860h28.js";
|
|
7
|
-
import {
|
|
8
|
-
import { t as
|
|
9
|
-
import {
|
|
7
|
+
import { n as a, t as o } from "./label-CEYHiWSa.js";
|
|
8
|
+
import { t as s } from "./text-EUdAWwZz.js";
|
|
9
|
+
import { t as c } from "./field-error-pJiSw4PN.js";
|
|
10
10
|
import { t as l } from "./TextField.module-D_tUnemB.js";
|
|
11
11
|
import { FormContext as u, Input as d, SearchField as f, useSlottedContext as p } from "react-aria-components";
|
|
12
12
|
import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
@@ -47,15 +47,15 @@ var x = ({ errorPosition: t = "top", size: x = "large", showButton: S, className
|
|
|
47
47
|
className: e(v.container, C),
|
|
48
48
|
validationBehavior: P,
|
|
49
49
|
children: ({ state: r }) => /* @__PURE__ */ g(m, { children: [
|
|
50
|
-
/* @__PURE__ */ h(
|
|
50
|
+
/* @__PURE__ */ h(a, {
|
|
51
51
|
popover: O,
|
|
52
|
-
children: E && /* @__PURE__ */ h(
|
|
52
|
+
children: E && /* @__PURE__ */ h(o, { children: E })
|
|
53
53
|
}),
|
|
54
|
-
D && /* @__PURE__ */ h(
|
|
54
|
+
D && /* @__PURE__ */ h(s, {
|
|
55
55
|
slot: "description",
|
|
56
56
|
children: D
|
|
57
57
|
}),
|
|
58
|
-
t === "top" && /* @__PURE__ */ h(
|
|
58
|
+
t === "top" && /* @__PURE__ */ h(c, { children: ({ validationErrors: e }) => w ?? e.join(" ") }),
|
|
59
59
|
/* @__PURE__ */ g("div", {
|
|
60
60
|
className: v.inner,
|
|
61
61
|
children: [/* @__PURE__ */ g("div", {
|
|
@@ -92,7 +92,7 @@ var x = ({ errorPosition: t = "top", size: x = "large", showButton: S, className
|
|
|
92
92
|
children: j.buttonText ?? M.format("search")
|
|
93
93
|
})]
|
|
94
94
|
}),
|
|
95
|
-
t === "bottom" && /* @__PURE__ */ h(
|
|
95
|
+
t === "bottom" && /* @__PURE__ */ h(c, { children: ({ validationErrors: e }) => w ?? e.join(" ") })
|
|
96
96
|
] })
|
|
97
97
|
});
|
|
98
98
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { n as e, t } from "./clsx-B1NYyfch.js";
|
|
2
2
|
import { t as n } from "./chevron-down-CP7nEDei.js";
|
|
3
|
-
import { n as r } from "./checkbox-
|
|
3
|
+
import { n as r } from "./checkbox-BgCp0edW.js";
|
|
4
4
|
import { t as i } from "./x-BJAOO5a5.js";
|
|
5
5
|
import { t as a } from "./useLocalizedStringFormatter-CeyBc0x0.js";
|
|
6
|
-
import {
|
|
7
|
-
import { t as
|
|
8
|
-
import {
|
|
9
|
-
import { t as u } from "./
|
|
10
|
-
import { c as d } from "./list-box-
|
|
6
|
+
import { n as o, t as s } from "./label-CEYHiWSa.js";
|
|
7
|
+
import { t as c } from "./popover-wAwxm_cM.js";
|
|
8
|
+
import { t as l } from "./text-EUdAWwZz.js";
|
|
9
|
+
import { t as u } from "./field-error-pJiSw4PN.js";
|
|
10
|
+
import { c as d } from "./list-box-BT33Wiwt.js";
|
|
11
11
|
import { n as f, r as p, t as m } from "./tag-mzNjP8EX.js";
|
|
12
12
|
import h, { useContext as g } from "react";
|
|
13
13
|
import { Button as _, Select as v, SelectStateContext as y, SelectValue as b } from "react-aria-components";
|
|
@@ -27,20 +27,21 @@ import '../assets/select.css';var E = {
|
|
|
27
27
|
selected: "valda"
|
|
28
28
|
}
|
|
29
29
|
}, D = {
|
|
30
|
-
select: "
|
|
31
|
-
triggerContainer: "
|
|
32
|
-
trigger: "
|
|
33
|
-
medium: "
|
|
34
|
-
|
|
35
|
-
selectValue: "
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
30
|
+
select: "_select_140qh_1",
|
|
31
|
+
triggerContainer: "_triggerContainer_140qh_7",
|
|
32
|
+
trigger: "_trigger_140qh_7",
|
|
33
|
+
medium: "_medium_140qh_30",
|
|
34
|
+
small: "_small_140qh_37",
|
|
35
|
+
selectValue: "_selectValue_140qh_60",
|
|
36
|
+
icon: "_icon_140qh_110",
|
|
37
|
+
placeholder: "_placeholder_140qh_122",
|
|
38
|
+
multiSelectValue: "_multiSelectValue_140qh_132",
|
|
39
|
+
selectValueTag: "_selectValueTag_140qh_156",
|
|
40
|
+
clearButton: "_clearButton_140qh_170",
|
|
41
|
+
truncate: "_truncate_140qh_185",
|
|
42
|
+
popover: "_popover_140qh_222",
|
|
43
|
+
selectAll: "_selectAll_140qh_250",
|
|
44
|
+
tagGroup: "_tagGroup_140qh_316"
|
|
44
45
|
}, O = () => {
|
|
45
46
|
let e = h.useContext(y), t = a(E);
|
|
46
47
|
return /* @__PURE__ */ S(r, {
|
|
@@ -106,7 +107,10 @@ import '../assets/select.css';var E = {
|
|
|
106
107
|
}, M = ({ isDisabled: t, selectionMode: r, size: i }) => {
|
|
107
108
|
let a = g(y);
|
|
108
109
|
return /* @__PURE__ */ C(_, {
|
|
109
|
-
className: e({
|
|
110
|
+
className: e({
|
|
111
|
+
[D.medium]: i === "medium",
|
|
112
|
+
[D.small]: i === "small"
|
|
113
|
+
}, D.trigger),
|
|
110
114
|
"data-invalid": !!a?.displayValidation.isInvalid || void 0,
|
|
111
115
|
children: [/* @__PURE__ */ S(b, {
|
|
112
116
|
className: D.selectValue,
|
|
@@ -132,18 +136,18 @@ function N({ children: e, description: n, errorMessage: r, errorPosition: i = "t
|
|
|
132
136
|
..._,
|
|
133
137
|
className: t(_.className, D.select),
|
|
134
138
|
children: [
|
|
135
|
-
/* @__PURE__ */ S(
|
|
139
|
+
/* @__PURE__ */ S(o, {
|
|
136
140
|
popover: p,
|
|
137
|
-
children: f && /* @__PURE__ */ S(
|
|
141
|
+
children: f && /* @__PURE__ */ S(s, {
|
|
138
142
|
"data-disabled": _.isDisabled || void 0,
|
|
139
143
|
children: f
|
|
140
144
|
})
|
|
141
145
|
}),
|
|
142
|
-
n && /* @__PURE__ */ S(
|
|
146
|
+
n && /* @__PURE__ */ S(l, {
|
|
143
147
|
slot: "description",
|
|
144
148
|
children: n
|
|
145
149
|
}),
|
|
146
|
-
i === "top" && /* @__PURE__ */ S(
|
|
150
|
+
i === "top" && /* @__PURE__ */ S(u, { children: r }),
|
|
147
151
|
/* @__PURE__ */ C("div", {
|
|
148
152
|
className: D.triggerContainer,
|
|
149
153
|
"data-disabled": _.isDisabled || void 0,
|
|
@@ -152,8 +156,8 @@ function N({ children: e, description: n, errorMessage: r, errorPosition: i = "t
|
|
|
152
156
|
..._
|
|
153
157
|
}), _.selectionMode === "multiple" ? /* @__PURE__ */ S(k, { ..._ }) : null]
|
|
154
158
|
}),
|
|
155
|
-
i === "bottom" && /* @__PURE__ */ S(
|
|
156
|
-
/* @__PURE__ */ C(
|
|
159
|
+
i === "bottom" && /* @__PURE__ */ S(u, { children: r }),
|
|
160
|
+
/* @__PURE__ */ C(c, {
|
|
157
161
|
offset: 1,
|
|
158
162
|
hideArrow: !0,
|
|
159
163
|
...m,
|
|
@@ -170,4 +174,4 @@ function N({ children: e, description: n, errorMessage: r, errorPosition: i = "t
|
|
|
170
174
|
}) });
|
|
171
175
|
}
|
|
172
176
|
//#endregion
|
|
173
|
-
export { N as t };
|
|
177
|
+
export { M as n, N as t };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { t as e } from "./clsx-B1NYyfch.js";
|
|
3
3
|
import { t } from "./createLucideIcon-BgluSHFG.js";
|
|
4
|
-
import { n } from "./checkbox-
|
|
4
|
+
import { n } from "./checkbox-BgCp0edW.js";
|
|
5
5
|
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";
|
|
6
6
|
import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
7
7
|
import '../assets/table.css';var h = t("arrow-down", [["path", {
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import { n as e, t } from "./clsx-B1NYyfch.js";
|
|
3
3
|
import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
|
|
4
4
|
import { n as r } from "./button-Ch860h28.js";
|
|
5
|
-
import {
|
|
6
|
-
import { t as
|
|
7
|
-
import { t as
|
|
8
|
-
import {
|
|
5
|
+
import { n as i, t as a } from "./label-CEYHiWSa.js";
|
|
6
|
+
import { t as o } from "./text-EUdAWwZz.js";
|
|
7
|
+
import { t as s } from "./field-error-pJiSw4PN.js";
|
|
8
|
+
import { t as c } from "./character-counter-CSoVSrxZ.js";
|
|
9
9
|
import { t as l } from "./TextField.module-D_tUnemB.js";
|
|
10
10
|
import { forwardRef as u, useState as d } from "react";
|
|
11
11
|
import { Input as f, InputContext as p, TextArea as m, TextField as h, TextFieldContext as g, useContextProps as _ } from "react-aria-components";
|
|
@@ -18,21 +18,21 @@ var b = u((t, n) => {
|
|
|
18
18
|
...t,
|
|
19
19
|
className: e(l.textField, { [l.medium]: m === "medium" }),
|
|
20
20
|
children: [
|
|
21
|
-
/* @__PURE__ */ v(
|
|
21
|
+
/* @__PURE__ */ v(i, {
|
|
22
22
|
popover: b,
|
|
23
|
-
children: r && /* @__PURE__ */ v(
|
|
23
|
+
children: r && /* @__PURE__ */ v(a, { children: r })
|
|
24
24
|
}),
|
|
25
|
-
u && /* @__PURE__ */ v(
|
|
25
|
+
u && /* @__PURE__ */ v(o, {
|
|
26
26
|
slot: "description",
|
|
27
27
|
children: u
|
|
28
28
|
}),
|
|
29
|
-
f && /* @__PURE__ */ v(
|
|
30
|
-
p === "top" && /* @__PURE__ */ v(
|
|
29
|
+
f && /* @__PURE__ */ v(c, { isLonely: !u }),
|
|
30
|
+
p === "top" && /* @__PURE__ */ v(s, {
|
|
31
31
|
"data-testid": "fieldError",
|
|
32
32
|
children: d
|
|
33
33
|
}),
|
|
34
34
|
x,
|
|
35
|
-
p === "bottom" && /* @__PURE__ */ v(
|
|
35
|
+
p === "bottom" && /* @__PURE__ */ v(s, {
|
|
36
36
|
"data-testid": "fieldError",
|
|
37
37
|
className: l.bottomError,
|
|
38
38
|
children: d
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { t as e } from "./clsx-B1NYyfch.js";
|
|
2
2
|
import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
|
|
3
|
-
import { t as
|
|
4
|
-
import { t as
|
|
5
|
-
import {
|
|
3
|
+
import { n, t as r } from "./label-CEYHiWSa.js";
|
|
4
|
+
import { t as i } from "./text-EUdAWwZz.js";
|
|
5
|
+
import { t as a } from "./field-error-pJiSw4PN.js";
|
|
6
6
|
import { t as o } from "./clear-button-la4Fb9_w.js";
|
|
7
|
-
import { n as s, r as c } from "./date-field-
|
|
7
|
+
import { n as s, r as c } from "./date-field-Q3bQ5P_t.js";
|
|
8
8
|
import * as l from "react";
|
|
9
9
|
import { TimeField as u, TimeFieldStateContext as d } from "react-aria-components";
|
|
10
10
|
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
@@ -35,15 +35,15 @@ import '../assets/time-field.css';var g = {
|
|
|
35
35
|
isDisabled: S,
|
|
36
36
|
className: e(_.timeField, t),
|
|
37
37
|
children: [
|
|
38
|
-
/* @__PURE__ */ f(
|
|
38
|
+
/* @__PURE__ */ f(n, {
|
|
39
39
|
popover: y,
|
|
40
|
-
children: h && /* @__PURE__ */ f(
|
|
40
|
+
children: h && /* @__PURE__ */ f(r, { children: h })
|
|
41
41
|
}),
|
|
42
|
-
o && /* @__PURE__ */ f(
|
|
42
|
+
o && /* @__PURE__ */ f(i, {
|
|
43
43
|
slot: "description",
|
|
44
44
|
children: o
|
|
45
45
|
}),
|
|
46
|
-
d === "top" && /* @__PURE__ */ f(
|
|
46
|
+
d === "top" && /* @__PURE__ */ f(a, { children: l }),
|
|
47
47
|
/* @__PURE__ */ f("div", {
|
|
48
48
|
className: e(_.inputField, { [_.medium]: g === "medium" }),
|
|
49
49
|
children: /* @__PURE__ */ p(m, { children: [/* @__PURE__ */ f(s, { children: (e) => /* @__PURE__ */ f(c, { segment: e }) }), /* @__PURE__ */ f(v, {
|
|
@@ -53,7 +53,7 @@ import '../assets/time-field.css';var g = {
|
|
|
53
53
|
isReadOnly: x
|
|
54
54
|
})] })
|
|
55
55
|
}),
|
|
56
|
-
d === "bottom" && /* @__PURE__ */ f(
|
|
56
|
+
d === "bottom" && /* @__PURE__ */ f(a, { children: l })
|
|
57
57
|
]
|
|
58
58
|
}));
|
|
59
59
|
//#endregion
|
package/combobox/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/combobox-
|
|
1
|
+
import { t as e } from "../chunks/combobox-B3AGDNru.js";
|
|
2
2
|
export { e as ComboBox };
|
package/date-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/date-field-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/date-field-Q3bQ5P_t.js";
|
|
2
2
|
export { e as DateField, t as DateInput, r as DateInputDivider, n as DateSegment };
|
package/date-picker/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/date-picker-
|
|
1
|
+
import { n as e, t } from "../chunks/date-picker-BPAJK8Gr.js";
|
|
2
2
|
export { e as DatePicker, t as DateRangePicker };
|
package/index.js
CHANGED
|
@@ -5,50 +5,50 @@ import { t as n } from "./chunks/clsx-B1NYyfch.js";
|
|
|
5
5
|
import { t as r } from "./chunks/spinner-DMR5G-6u.js";
|
|
6
6
|
import { a as i, i as a, n as o, r as s, t as c } from "./chunks/layout-DVj8wSj3.js";
|
|
7
7
|
import { n as l, t as u } from "./chunks/link-CQoSw1Pv.js";
|
|
8
|
-
import { a as d, i as f, n as p, o as m, r as h, t as g } from "./chunks/table-
|
|
8
|
+
import { a as d, i as f, n as p, o as m, r as h, t as g } from "./chunks/table-RARvkGKL.js";
|
|
9
9
|
import { t as _ } from "./chunks/link-button-BMFzCHH8.js";
|
|
10
|
-
import { n as v, t as y } from "./chunks/date-picker-
|
|
11
|
-
import { n as b, t as x } from "./chunks/calendar-
|
|
12
|
-
import { i as S, n as C, r as w, t as T } from "./chunks/checkbox-
|
|
10
|
+
import { n as v, t as y } from "./chunks/date-picker-BPAJK8Gr.js";
|
|
11
|
+
import { n as b, t as x } from "./chunks/calendar-DWdU1T7E.js";
|
|
12
|
+
import { i as S, n as C, r as w, t as T } from "./chunks/checkbox-BgCp0edW.js";
|
|
13
13
|
import { n as E, t as D } from "./chunks/color-scheme-switch-jgoxUu3x.js";
|
|
14
|
-
import { t as O } from "./chunks/search-field-
|
|
14
|
+
import { t as O } from "./chunks/search-field-dAZu3T_V.js";
|
|
15
15
|
import { n as k, t as A } from "./chunks/file-list-DM1Vtkun.js";
|
|
16
16
|
import { t as j } from "./chunks/useLocalizedStringFormatter-CeyBc0x0.js";
|
|
17
17
|
import { n as M, t as N } from "./chunks/button-Ch860h28.js";
|
|
18
18
|
import { t as P } from "./chunks/heading-bnDePIbv.js";
|
|
19
19
|
import { n as F, t as I } from "./chunks/badge-BplGU5BS.js";
|
|
20
20
|
import { n as L, t as R } from "./chunks/breadcrumbs-C-Z6UlQn.js";
|
|
21
|
-
import { t as z } from "./chunks/
|
|
22
|
-
import { t as B } from "./chunks/
|
|
23
|
-
import {
|
|
24
|
-
import { t as
|
|
25
|
-
import { t as
|
|
26
|
-
import { t as
|
|
27
|
-
import { n as
|
|
28
|
-
import {
|
|
29
|
-
import { n as
|
|
30
|
-
import {
|
|
31
|
-
import { t as
|
|
32
|
-
import {
|
|
33
|
-
import { i as
|
|
34
|
-
import { t as we } from "./chunks/
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import { t as
|
|
38
|
-
import { n as
|
|
39
|
-
import {
|
|
40
|
-
import { t as
|
|
41
|
-
import {
|
|
42
|
-
import { t as Re } from "./chunks/
|
|
43
|
-
import {
|
|
44
|
-
import { t as
|
|
45
|
-
import { i as
|
|
46
|
-
import { i as
|
|
47
|
-
import { t as
|
|
48
|
-
import { a as
|
|
21
|
+
import { t as z } from "./chunks/label-CEYHiWSa.js";
|
|
22
|
+
import { t as B } from "./chunks/popover-wAwxm_cM.js";
|
|
23
|
+
import { n as V, r as H, t as U } from "./chunks/modal-C-xHt7Ds.js";
|
|
24
|
+
import { t as W } from "./chunks/text-EUdAWwZz.js";
|
|
25
|
+
import { t as G } from "./chunks/field-error-pJiSw4PN.js";
|
|
26
|
+
import { n as K, t as q } from "./chunks/select-DOLE5CtI.js";
|
|
27
|
+
import { a as J, c as Y, i as X, n as Z, o as Q, r as $, s as ee, t as te } from "./chunks/list-box-BT33Wiwt.js";
|
|
28
|
+
import { n as ne, r as re, t as ie } from "./chunks/tag-mzNjP8EX.js";
|
|
29
|
+
import { a as ae, c as oe, i as se, l as ce, n as le, o as ue, r as de, s as fe, t as pe } from "./chunks/card-Bzc8kToe.js";
|
|
30
|
+
import { t as me } from "./chunks/character-counter-CSoVSrxZ.js";
|
|
31
|
+
import { t as he } from "./chunks/icons-UBHIX2oV.js";
|
|
32
|
+
import { n as ge, t as _e } from "./chunks/toggle-button-BgUQKcK-.js";
|
|
33
|
+
import { a as ve, i as ye, n as be, o as xe, r as Se, t as Ce } from "./chunks/menu-CPCGm0MC.js";
|
|
34
|
+
import { t as we } from "./chunks/combobox-B3AGDNru.js";
|
|
35
|
+
import { i as Te, n as Ee, r as De, t as Oe } from "./chunks/date-field-Q3bQ5P_t.js";
|
|
36
|
+
import { t as ke } from "./chunks/drop-zone-DvQLpgq6.js";
|
|
37
|
+
import { t as Ae } from "./chunks/file-trigger-Dp5nH8oS.js";
|
|
38
|
+
import { n as je, t as Me } from "./chunks/grid-DZB3GGDg.js";
|
|
39
|
+
import { t as Ne } from "./chunks/info-banner-DnFNZ1_o.js";
|
|
40
|
+
import { n as Pe, t as Fe } from "./chunks/tooltip-D7LYQwj0.js";
|
|
41
|
+
import { n as Ie, t as Le } from "./chunks/logo-CDxNjDeI.js";
|
|
42
|
+
import { t as Re } from "./chunks/progress-bar-Cft_RPHz.js";
|
|
43
|
+
import { i as ze, n as Be, r as Ve, t as He } from "./chunks/radio-BXC6pb3z.js";
|
|
44
|
+
import { t as Ue } from "./chunks/skeleton-DWmvym7R.js";
|
|
45
|
+
import { i as We, n as Ge, r as Ke, t as qe } from "./chunks/tabs-BFFTnO4i.js";
|
|
46
|
+
import { i as Je, n as Ye, r as Xe, t as Ze } from "./chunks/textfield-BNdiOwXq.js";
|
|
47
|
+
import { t as Qe } from "./chunks/time-field-CZxI9Bs6.js";
|
|
48
|
+
import { a as $e, i as et, n as tt, o as nt, r as rt, t as it } from "./chunks/toast-Cz0JDIr1.js";
|
|
49
49
|
//#endregion
|
|
50
50
|
//#region src/version.ts
|
|
51
|
-
var
|
|
51
|
+
var at = {
|
|
52
52
|
name: "@midas-ds/components",
|
|
53
53
|
author: { name: "Migrationsverket" },
|
|
54
54
|
keywords: [
|
|
@@ -60,7 +60,7 @@ var it = {
|
|
|
60
60
|
description: "Midas Components",
|
|
61
61
|
homepage: "https://designsystem.migrationsverket.se/",
|
|
62
62
|
license: "CC0-1.0",
|
|
63
|
-
version: "17.
|
|
63
|
+
version: "17.27.0",
|
|
64
64
|
module: "./index.js",
|
|
65
65
|
type: "module",
|
|
66
66
|
main: "./index.js",
|
|
@@ -92,4 +92,4 @@ var it = {
|
|
|
92
92
|
}
|
|
93
93
|
}.version;
|
|
94
94
|
//#endregion
|
|
95
|
-
export { e as Accordion, t as AccordionItem, F as Badge, I as BadgeContainer, R as Breadcrumb, L as Breadcrumbs, M as Button, N as ButtonGroup, b as Calendar,
|
|
95
|
+
export { e as Accordion, t as AccordionItem, F as Badge, I as BadgeContainer, R as Breadcrumb, L as Breadcrumbs, M as Button, N as ButtonGroup, b as Calendar, de as Card, se as CardActionArea, ae as CardActions, le as CardBody, ue as CardContent, pe as CardHeader, fe as CardImage, oe as CardLink, ce as CardTitle, g as Cell, me as CharacterCounter, C as Checkbox, w as CheckboxButton, S as CheckboxField, T as CheckboxGroup, E as ColorSchemeSwitch, D as ColorSchemeSwitchMenu, p as Column, we as ComboBox, he as ContrastFilled, Te as DateField, Ee as DateInput, Oe as DateInputDivider, v as DatePicker, y as DateRangePicker, De as DateSegment, U as DialogTrigger, ke as DropZone, G as FieldError, k as FileList, A as FileListItem, Ae as FileTrigger, it as GlobalToastRegion, je as Grid, Me as GridItem, s as Header, P as Heading, Ne as InfoBanner, Xe as Input, z as Label, c as Layout, u as Link, _ as LinkButton, Y as ListBox, ee as ListBoxButton, te as ListBoxEmptyState, Z as ListBoxHeader, Q as ListBoxItem, $ as ListBoxLoadMoreItem, J as ListBoxPopover, X as ListBoxSection, Le as Logo, Ie as LogoContext, ve as Menu, ye as MenuItem, Se as MenuPopover, be as MenuSection, xe as MenuTrigger, V as Modal, H as ModalOverlay, o as Navbar, B as Popover, Re as ProgressBar, Be as Radio, Ve as RadioButton, ze as RadioField, He as RadioGroup, x as RangeCalendar, l as RouterProvider, h as Row, O as SearchField, q as Select, K as SelectTrigger, Ce as Separator, a as Sidebar, i as SidebarLink, Ue as Skeleton, r as Spinner, Ke as Tab, qe as TabList, Ge as TabPanel, f as Table, d as TableBody, m as TableHeader, We as Tabs, re as Tag, ie as TagGroup, ne as TagList, W as Text, Ze as TextArea, Ye as TextField, Je as TextFieldBase, Qe as TimeField, tt as Toast, rt as ToastProvider, et as ToastRegion, ge as ToggleButton, _e as ToggleButtonGroup, Fe as Tooltip, Pe as TooltipTrigger, at as VERSION, n as clsx, $e as toastQueue, j as useLocalizedStringFormatter, nt as useToastState };
|
package/list-box/ListBox.d.ts
CHANGED
|
@@ -2,5 +2,10 @@ import { ListBoxProps as AriaListBoxProps } from 'react-aria-components';
|
|
|
2
2
|
export interface ListBoxProps<T extends object> extends AriaListBoxProps<T> {
|
|
3
3
|
/** @default true */
|
|
4
4
|
virtualized?: boolean;
|
|
5
|
+
/**
|
|
6
|
+
* Compact item sizing (smaller text/padding) for standalone use in
|
|
7
|
+
* confined spaces, e.g. the Calendar month/year picker.
|
|
8
|
+
*/
|
|
9
|
+
size?: 'small';
|
|
5
10
|
}
|
|
6
|
-
export declare const ListBox: <T extends object>({ className, children, virtualized, ...rest }: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const ListBox: <T extends object>({ className, children, virtualized, size, ...rest }: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,7 @@ import { Fruit, optionsWithSections } from '../../../../tools/test-utils/src/ind
|
|
|
3
3
|
import { ListBox } from './ListBox';
|
|
4
4
|
type Story<T extends object = Fruit> = StoryObj<typeof ListBox<T>>;
|
|
5
5
|
declare const _default: {
|
|
6
|
-
component: <T extends object>({ className, children, virtualized, ...rest }: import('./ListBox').ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
component: <T extends object>({ className, children, virtualized, size, ...rest }: import('./ListBox').ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
subcomponents: {
|
|
8
8
|
ListBoxItem: <T extends object>({ children, className, textValue, ...rest }: import('react-aria-components').ListBoxItemProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
};
|
package/list-box/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/list-box-
|
|
1
|
+
import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/list-box-BT33Wiwt.js";
|
|
2
2
|
export { t as ListBox, o as ListBoxButton, s as ListBoxEmptyState, r as ListBoxHeader, i as ListBoxItem, a as ListBoxLoadMoreItem, e as ListBoxPopover, n as ListBoxSection };
|
package/package.json
CHANGED
package/radio/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/radio-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/radio-BXC6pb3z.js";
|
|
2
2
|
export { t as Radio, n as RadioButton, e as RadioField, r as RadioGroup };
|
package/search-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/search-field-
|
|
1
|
+
import { t as e } from "../chunks/search-field-dAZu3T_V.js";
|
|
2
2
|
export { e as SearchField };
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import { Size } from '../common/types';
|
|
2
2
|
import { MidasSelectProps } from './Select';
|
|
3
3
|
import { SelectionMode } from '.';
|
|
4
|
+
/**
|
|
5
|
+
* `'small'` is only available through the bare `SelectTrigger` (e.g. for
|
|
6
|
+
* compact standalone selects like the Calendar month/year picker) — the
|
|
7
|
+
* full `Select` field component's public `size` prop stays `Size`.
|
|
8
|
+
*/
|
|
9
|
+
export type SelectSize = Size | 'small';
|
|
4
10
|
interface SelectTriggerProps<T extends object, M extends SelectionMode = 'single'> extends Pick<MidasSelectProps<T, M>, 'isDisabled' | 'selectionMode'> {
|
|
5
|
-
size:
|
|
11
|
+
size: SelectSize;
|
|
6
12
|
}
|
|
7
13
|
export declare const SelectTrigger: <T extends object, M extends SelectionMode = "single">({ isDisabled, selectionMode, size, }: SelectTriggerProps<T, M>) => import("react/jsx-runtime").JSX.Element;
|
|
8
14
|
export {};
|
package/select/index.d.ts
CHANGED
package/select/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export {
|
|
1
|
+
import { n as e, t } from "../chunks/select-DOLE5CtI.js";
|
|
2
|
+
export { t as Select, e as SelectTrigger };
|
package/table/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-RARvkGKL.js";
|
|
2
2
|
export { a as Cell, n as Column, i as Row, t as Table, e as TableBody, r as TableHeader };
|
|
@@ -139,15 +139,15 @@ export declare const Disabled: {
|
|
|
139
139
|
isReadOnly?: boolean;
|
|
140
140
|
errorMessage?: string | ((validation: import('react-aria-components').ValidationResult) => string);
|
|
141
141
|
isInvalid?: boolean;
|
|
142
|
-
description?: string;
|
|
143
142
|
label?: string;
|
|
144
|
-
|
|
145
|
-
maxLength?: number;
|
|
146
|
-
minLength?: number;
|
|
143
|
+
description?: string;
|
|
147
144
|
validationBehavior?: "native" | "aria";
|
|
148
145
|
isRequired?: boolean;
|
|
149
146
|
validate?: ((value: string) => import('@react-types/shared').ValidationError | true | null | undefined) | undefined;
|
|
150
147
|
errorPosition?: "top" | "bottom";
|
|
148
|
+
autoComplete?: string;
|
|
149
|
+
maxLength?: number;
|
|
150
|
+
minLength?: number;
|
|
151
151
|
showCounter?: boolean;
|
|
152
152
|
className?: import('react-aria-components').ClassNameOrFunction<import('react-aria-components').InputRenderProps>;
|
|
153
153
|
color?: string | undefined;
|
|
@@ -329,10 +329,10 @@ export declare const Disabled: {
|
|
|
329
329
|
popoverTarget?: string | undefined;
|
|
330
330
|
is?: string | undefined;
|
|
331
331
|
exportparts?: string | undefined;
|
|
332
|
+
placeholder?: string | undefined;
|
|
332
333
|
disabled?: boolean | undefined;
|
|
333
334
|
cols?: number | undefined;
|
|
334
335
|
dirName?: string | undefined;
|
|
335
|
-
placeholder?: string | undefined;
|
|
336
336
|
readOnly?: boolean | undefined;
|
|
337
337
|
required?: boolean | undefined;
|
|
338
338
|
wrap?: string | undefined;
|
package/textfield/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/textfield-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/textfield-BNdiOwXq.js";
|
|
2
2
|
export { n as Input, r as TextArea, t as TextField, e as TextFieldBase };
|
package/time-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/time-field-
|
|
1
|
+
import { t as e } from "../chunks/time-field-CZxI9Bs6.js";
|
|
2
2
|
export { e as TimeField };
|