@midas-ds/components 16.6.0 → 16.6.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 +24 -0
- package/assets/Dialog.css +1 -1
- package/assets/GridItem.css +1 -1
- package/assets/ProgressBar.css +1 -1
- package/assets/Select.css +1 -1
- package/assets/Select2.css +1 -1
- package/assets/Skeleton.css +1 -1
- package/assets/Spinner.css +1 -1
- package/assets/Text.css +1 -1
- package/assets/Toast.css +1 -1
- package/calendar/index.js +1 -1
- package/checkbox/index.js +1 -1
- package/chunks/{CheckboxGroup-C5NpRdqR.js → CheckboxGroup-KqlchsTK.js} +2 -2
- package/chunks/{ComboBox-BrpJ6b7d.js → ComboBox-C-pAiys0.js} +2 -2
- package/chunks/{DateField-CuNWL_ao.js → DateField-Scz9gaJl.js} +2 -2
- package/chunks/{DateRangePicker-7MtqKhD1.js → DateRangePicker-DQfV97yu.js} +3 -3
- package/chunks/{FieldError-Bra5aRT3.js → FieldError-C_3uLAGY.js} +1 -1
- package/chunks/{Grid-B-WgMwON.js → Grid-CettmpaZ.js} +1 -1
- package/chunks/GridItem-z7zclNdT.js +237 -0
- package/chunks/{Layout-xF6_tsJ6.js → Layout-MPNSphLF.js} +1 -1
- package/chunks/{Radio-Clk616ep.js → Radio-BD-ICPhb.js} +2 -2
- package/chunks/{RangeCalendar-pgiXYhpG.js → RangeCalendar-CW38S2L8.js} +1 -1
- package/chunks/{SearchField-Cd05nl-B.js → SearchField-44UKmB8Z.js} +1 -1
- package/chunks/{Select-CRUskZeu.js → Select-BJlDjYWX.js} +88 -88
- package/chunks/{Select-BpSIhRl_.js → Select-Cz3Y8abd.js} +76 -75
- package/chunks/Text-Bxww8mmL.js +39 -0
- package/chunks/{TextArea-VkipFRQc.js → TextArea-Dudj2zg4.js} +2 -2
- package/chunks/Toast-DGvPi4rb.js +157 -0
- package/combobox/index.js +1 -1
- package/date-field/index.js +1 -1
- package/date-picker/index.js +1 -1
- package/field-error/index.js +1 -1
- package/grid/index.js +2 -2
- package/index.js +16 -16
- package/layout/index.js +1 -1
- package/legacy-select/index.js +1 -1
- package/package.json +2 -2
- package/radio/index.js +1 -1
- package/search-field/index.js +1 -1
- package/select/index.js +1 -1
- package/text/index.js +1 -1
- package/textfield/index.js +1 -1
- package/toast/index.js +1 -1
- package/chunks/GridItem-5t1Z14sM.js +0 -237
- package/chunks/Text-TWzJxnto.js +0 -30
- package/chunks/Toast-BehM7JJP.js +0 -153
|
@@ -1,38 +1,39 @@
|
|
|
1
1
|
import { jsx as e, jsxs as i, Fragment as V } from "react/jsx-runtime";
|
|
2
|
-
import { SelectStateContext as
|
|
3
|
-
import { FocusScope as
|
|
4
|
-
import { a as
|
|
5
|
-
import { a as b, c as
|
|
6
|
-
import { T } from "./Text-
|
|
7
|
-
import { F as g } from "./FieldError-
|
|
2
|
+
import { SelectStateContext as d, SelectValue as _, Button as h, TagList as j, Select as A } from "react-aria-components";
|
|
3
|
+
import { FocusScope as C } from "@react-aria/focus";
|
|
4
|
+
import { a as N, L as x } from "./Label-xWKvOuML.js";
|
|
5
|
+
import { a as b, c as T } from "./clsx-AexbMWKp.js";
|
|
6
|
+
import { T as y } from "./Text-Bxww8mmL.js";
|
|
7
|
+
import { F as g } from "./FieldError-C_3uLAGY.js";
|
|
8
8
|
import p, { useContext as f } from "react";
|
|
9
9
|
import { C as B } from "./Checkbox-BTAfwDxU.js";
|
|
10
|
-
import { u as
|
|
10
|
+
import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
11
11
|
import { useFocusManager as M } from "react-aria";
|
|
12
12
|
import { X as F } from "./x-BXShoIAM.js";
|
|
13
13
|
import { L } from "./ListBox-D5BBeZWL.js";
|
|
14
14
|
import { P as I } from "./Popover-BcEtFiU1.js";
|
|
15
|
-
import { a as G, T as
|
|
16
|
-
import { C as
|
|
17
|
-
import '../assets/Select.css';const
|
|
18
|
-
en:
|
|
19
|
-
sv:
|
|
20
|
-
},
|
|
21
|
-
select:
|
|
22
|
-
triggerContainer:
|
|
15
|
+
import { a as G, T as k } from "./Tag-CZrQBEgv.js";
|
|
16
|
+
import { C as R } from "./chevron-down-DgT-uSF9.js";
|
|
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" }, u = {
|
|
18
|
+
en: $,
|
|
19
|
+
sv: w
|
|
20
|
+
}, P = "_select_11rjo_1", z = "_triggerContainer_11rjo_7", E = "_trigger_11rjo_7", K = "_medium_11rjo_29", D = "_icon_11rjo_66", W = "_selectValue_11rjo_72", X = "_placeholder_11rjo_78", q = "_multiSelectValue_11rjo_88", H = "_selectValueTag_11rjo_112", J = "_clearButton_11rjo_126", O = "_truncate_11rjo_138", Q = "_popover_11rjo_175", U = "_selectAll_11rjo_201", Y = "_tagGroup_11rjo_269", a = {
|
|
21
|
+
select: P,
|
|
22
|
+
triggerContainer: z,
|
|
23
23
|
trigger: E,
|
|
24
24
|
medium: K,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
25
|
+
icon: D,
|
|
26
|
+
selectValue: W,
|
|
27
|
+
placeholder: X,
|
|
28
|
+
multiSelectValue: q,
|
|
29
|
+
selectValueTag: H,
|
|
30
|
+
clearButton: J,
|
|
31
|
+
truncate: O,
|
|
32
|
+
popover: Q,
|
|
33
|
+
selectAll: U,
|
|
34
|
+
tagGroup: Y
|
|
35
|
+
}, Z = () => {
|
|
36
|
+
const t = p.useContext(d), r = m(u), o = () => t?.setValue(
|
|
36
37
|
t?.selectionManager.isSelectAll ? null : Array.from(t.collection.getKeys())
|
|
37
38
|
);
|
|
38
39
|
return /* @__PURE__ */ e(
|
|
@@ -41,44 +42,44 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
|
|
|
41
42
|
className: a.selectAll,
|
|
42
43
|
isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
|
|
43
44
|
isSelected: t?.selectionManager.isSelectAll,
|
|
44
|
-
onChange:
|
|
45
|
-
children:
|
|
45
|
+
onChange: o,
|
|
46
|
+
children: r.format("selectAll")
|
|
46
47
|
}
|
|
47
48
|
);
|
|
48
|
-
},
|
|
49
|
+
}, ee = ({
|
|
49
50
|
isDisabled: t
|
|
50
51
|
}) => {
|
|
51
|
-
const
|
|
52
|
+
const r = m(u), o = (l, c) => l.length === 1 ? c : `${l.length} ${r.format("selected")}`;
|
|
52
53
|
return /* @__PURE__ */ e(
|
|
53
|
-
|
|
54
|
+
_,
|
|
54
55
|
{
|
|
55
56
|
className: a.multiSelectValue,
|
|
56
57
|
"data-disabled": t || void 0,
|
|
57
|
-
children: ({ isPlaceholder: l, selectedItems:
|
|
58
|
+
children: ({ isPlaceholder: l, selectedItems: c, selectedText: s }) => l ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ i(
|
|
58
59
|
"div",
|
|
59
60
|
{
|
|
60
61
|
className: a.selectValueTag,
|
|
61
62
|
"data-disabled": t || void 0,
|
|
62
63
|
children: [
|
|
63
|
-
/* @__PURE__ */ e("span", { className: a.truncate, children:
|
|
64
|
-
/* @__PURE__ */ e(
|
|
64
|
+
/* @__PURE__ */ e("span", { className: a.truncate, children: o(c, s) }),
|
|
65
|
+
/* @__PURE__ */ e(te, { isDisabled: t })
|
|
65
66
|
]
|
|
66
67
|
}
|
|
67
68
|
)
|
|
68
69
|
}
|
|
69
70
|
);
|
|
70
|
-
},
|
|
71
|
+
}, te = ({
|
|
71
72
|
isDisabled: t
|
|
72
73
|
}) => {
|
|
73
|
-
const
|
|
74
|
-
l?.focusFirst(),
|
|
74
|
+
const r = p.useContext(d), o = m(u), l = M(), c = () => {
|
|
75
|
+
l?.focusFirst(), r?.setValue(null);
|
|
75
76
|
};
|
|
76
77
|
return /* @__PURE__ */ e(
|
|
77
|
-
|
|
78
|
+
h,
|
|
78
79
|
{
|
|
79
|
-
"aria-label":
|
|
80
|
+
"aria-label": o.format("clearAll"),
|
|
80
81
|
className: a.clearButton,
|
|
81
|
-
onPress:
|
|
82
|
+
onPress: c,
|
|
82
83
|
slot: null,
|
|
83
84
|
isDisabled: t,
|
|
84
85
|
children: /* @__PURE__ */ e(
|
|
@@ -90,26 +91,26 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
|
|
|
90
91
|
)
|
|
91
92
|
}
|
|
92
93
|
);
|
|
93
|
-
},
|
|
94
|
+
}, le = ({
|
|
94
95
|
showTags: t,
|
|
95
|
-
isDisabled:
|
|
96
|
+
isDisabled: r
|
|
96
97
|
}) => {
|
|
97
|
-
const
|
|
98
|
+
const o = m(u), l = f(d), c = (s) => {
|
|
98
99
|
l?.selectionManager.toggleSelection(Array.from(s)[0]);
|
|
99
100
|
};
|
|
100
101
|
return !l?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
|
|
101
102
|
G,
|
|
102
103
|
{
|
|
103
|
-
"aria-label":
|
|
104
|
+
"aria-label": o.format("selectedItems"),
|
|
104
105
|
className: a.tagGroup,
|
|
105
|
-
onRemove:
|
|
106
|
+
onRemove: c,
|
|
106
107
|
selectionBehavior: "toggle",
|
|
107
|
-
children: /* @__PURE__ */ e(
|
|
108
|
-
|
|
108
|
+
children: /* @__PURE__ */ e(j, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
|
|
109
|
+
k,
|
|
109
110
|
{
|
|
110
111
|
dismissable: !0,
|
|
111
112
|
id: s.key,
|
|
112
|
-
isDisabled:
|
|
113
|
+
isDisabled: r,
|
|
113
114
|
textValue: s.textValue,
|
|
114
115
|
children: s.textValue
|
|
115
116
|
},
|
|
@@ -117,63 +118,63 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
|
|
|
117
118
|
) })
|
|
118
119
|
}
|
|
119
120
|
);
|
|
120
|
-
},
|
|
121
|
+
}, ae = ({
|
|
121
122
|
isDisabled: t,
|
|
122
|
-
selectionMode:
|
|
123
|
-
size:
|
|
123
|
+
selectionMode: r,
|
|
124
|
+
size: o
|
|
124
125
|
}) => {
|
|
125
|
-
const l = f(
|
|
126
|
+
const l = f(d);
|
|
126
127
|
return /* @__PURE__ */ i(
|
|
127
|
-
|
|
128
|
+
h,
|
|
128
129
|
{
|
|
129
130
|
className: b(
|
|
130
131
|
{
|
|
131
|
-
[a.medium]:
|
|
132
|
+
[a.medium]: o === "medium"
|
|
132
133
|
},
|
|
133
134
|
a.trigger
|
|
134
135
|
),
|
|
135
136
|
"data-invalid": !!l?.displayValidation.isInvalid || void 0,
|
|
136
137
|
children: [
|
|
137
138
|
/* @__PURE__ */ e(
|
|
138
|
-
|
|
139
|
+
_,
|
|
139
140
|
{
|
|
140
141
|
className: a.selectValue,
|
|
141
142
|
"data-disabled": t || void 0,
|
|
142
|
-
children: ({ selectedText:
|
|
143
|
+
children: ({ selectedText: c, defaultChildren: s }) => /* @__PURE__ */ e("div", { className: a.placeholder, children: /* @__PURE__ */ e("span", { className: a.truncate, children: r === "multiple" && c ? null : c || s }) })
|
|
143
144
|
}
|
|
144
145
|
),
|
|
145
146
|
/* @__PURE__ */ e(
|
|
146
147
|
"span",
|
|
147
148
|
{
|
|
148
149
|
"aria-hidden": "true",
|
|
149
|
-
|
|
150
|
-
children: /* @__PURE__ */ e(
|
|
150
|
+
className: a.icon,
|
|
151
|
+
children: /* @__PURE__ */ e(R, { size: 20 })
|
|
151
152
|
}
|
|
152
153
|
)
|
|
153
154
|
]
|
|
154
155
|
}
|
|
155
156
|
);
|
|
156
157
|
};
|
|
157
|
-
function
|
|
158
|
+
function Ve({
|
|
158
159
|
children: t,
|
|
159
|
-
description:
|
|
160
|
-
errorMessage:
|
|
160
|
+
description: r,
|
|
161
|
+
errorMessage: o,
|
|
161
162
|
errorPosition: l = "top",
|
|
162
|
-
items:
|
|
163
|
+
items: c,
|
|
163
164
|
label: s,
|
|
164
165
|
popover: S,
|
|
165
166
|
size: v = "large",
|
|
166
167
|
...n
|
|
167
168
|
}) {
|
|
168
|
-
return /* @__PURE__ */ e(
|
|
169
|
-
|
|
169
|
+
return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ i(
|
|
170
|
+
A,
|
|
170
171
|
{
|
|
171
172
|
...n,
|
|
172
|
-
className:
|
|
173
|
+
className: T(n.className, a.select),
|
|
173
174
|
children: [
|
|
174
|
-
/* @__PURE__ */ e(
|
|
175
|
-
|
|
176
|
-
l === "top" && /* @__PURE__ */ e(g, { children:
|
|
175
|
+
/* @__PURE__ */ e(N, { popover: S, children: s && /* @__PURE__ */ e(x, { "data-disabled": n.isDisabled || void 0, children: s }) }),
|
|
176
|
+
r && /* @__PURE__ */ e(y, { slot: "description", children: r }),
|
|
177
|
+
l === "top" && /* @__PURE__ */ e(g, { children: o }),
|
|
177
178
|
/* @__PURE__ */ i(
|
|
178
179
|
"div",
|
|
179
180
|
{
|
|
@@ -181,17 +182,17 @@ function ve({
|
|
|
181
182
|
"data-disabled": n.isDisabled || void 0,
|
|
182
183
|
children: [
|
|
183
184
|
/* @__PURE__ */ e(
|
|
184
|
-
|
|
185
|
+
ae,
|
|
185
186
|
{
|
|
186
187
|
size: v,
|
|
187
188
|
...n
|
|
188
189
|
}
|
|
189
190
|
),
|
|
190
|
-
n.selectionMode === "multiple" ? /* @__PURE__ */ e(
|
|
191
|
+
n.selectionMode === "multiple" ? /* @__PURE__ */ e(ee, { ...n }) : null
|
|
191
192
|
]
|
|
192
193
|
}
|
|
193
194
|
),
|
|
194
|
-
l === "bottom" && /* @__PURE__ */ e(g, { children:
|
|
195
|
+
l === "bottom" && /* @__PURE__ */ e(g, { children: o }),
|
|
195
196
|
/* @__PURE__ */ i(
|
|
196
197
|
I,
|
|
197
198
|
{
|
|
@@ -199,23 +200,23 @@ function ve({
|
|
|
199
200
|
offset: 0,
|
|
200
201
|
hideArrow: !0,
|
|
201
202
|
children: [
|
|
202
|
-
n.isSelectableAll && /* @__PURE__ */ e(
|
|
203
|
+
n.isSelectableAll && /* @__PURE__ */ e(Z, {}),
|
|
203
204
|
/* @__PURE__ */ e(
|
|
204
205
|
L,
|
|
205
206
|
{
|
|
206
207
|
escapeKeyBehavior: "none",
|
|
207
|
-
items:
|
|
208
|
+
items: c,
|
|
208
209
|
children: t
|
|
209
210
|
}
|
|
210
211
|
)
|
|
211
212
|
]
|
|
212
213
|
}
|
|
213
214
|
),
|
|
214
|
-
/* @__PURE__ */ e(
|
|
215
|
+
/* @__PURE__ */ e(le, { ...n })
|
|
215
216
|
]
|
|
216
217
|
}
|
|
217
218
|
) });
|
|
218
219
|
}
|
|
219
220
|
export {
|
|
220
|
-
|
|
221
|
+
Ve as S
|
|
221
222
|
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { c as _ } from "./clsx-AexbMWKp.js";
|
|
3
|
+
import { Text as b } from "react-aria-components";
|
|
4
|
+
import '../assets/Text.css';const m = "_body_fvsa7_1", p = "_description_fvsa7_5", f = "_bold_fvsa7_42", y = "_italic_fvsa7_46", s = {
|
|
5
|
+
body: m,
|
|
6
|
+
"body-01": "_body-01_fvsa7_2",
|
|
7
|
+
"body-02": "_body-02_fvsa7_3",
|
|
8
|
+
"body-small": "_body-small_fvsa7_4",
|
|
9
|
+
description: p,
|
|
10
|
+
"description-small": "_description-small_fvsa7_6",
|
|
11
|
+
bold: f,
|
|
12
|
+
italic: y
|
|
13
|
+
}, a = "span", N = ({
|
|
14
|
+
children: d,
|
|
15
|
+
className: c,
|
|
16
|
+
size: t,
|
|
17
|
+
variant: i,
|
|
18
|
+
isExpressive: r = !1,
|
|
19
|
+
elementType: o = a,
|
|
20
|
+
...l
|
|
21
|
+
}) => {
|
|
22
|
+
const e = {
|
|
23
|
+
className: _(
|
|
24
|
+
i === "body-01" ? s["body-01"] : i === "body-02" ? s["body-02"] : l.slot === "description" ? t === "small" ? s["description-small"] : s.description : t === "small" ? s["body-small"] : s.body,
|
|
25
|
+
{
|
|
26
|
+
[s.bold]: ["b", "strong"].includes(o),
|
|
27
|
+
[s.italic]: ["i", "em"].includes(o)
|
|
28
|
+
},
|
|
29
|
+
c
|
|
30
|
+
),
|
|
31
|
+
elementType: o || a,
|
|
32
|
+
...r && { "data-expressive": !0 },
|
|
33
|
+
...l
|
|
34
|
+
};
|
|
35
|
+
return /* @__PURE__ */ n(b, { ...e, children: d });
|
|
36
|
+
};
|
|
37
|
+
export {
|
|
38
|
+
N as T
|
|
39
|
+
};
|
|
@@ -3,10 +3,10 @@ import { forwardRef as l, useState as C } from "react";
|
|
|
3
3
|
import { useContextProps as p, TextFieldContext as b, TextField as g, InputContext as f, Input as I, TextArea as v } from "react-aria-components";
|
|
4
4
|
import { a as A, c as h } from "./clsx-AexbMWKp.js";
|
|
5
5
|
import { s as d } from "./TextField.module-B3n8v1vH.js";
|
|
6
|
-
import { T as w } from "./Text-
|
|
6
|
+
import { T as w } from "./Text-Bxww8mmL.js";
|
|
7
7
|
import { B } from "./Button-BGu-SRi7.js";
|
|
8
8
|
import { u as L } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
9
|
-
import { F as u } from "./FieldError-
|
|
9
|
+
import { F as u } from "./FieldError-C_3uLAGY.js";
|
|
10
10
|
import { C as E } from "./CharacterCounter-R6vh7AE5.js";
|
|
11
11
|
import { a as S, L as $ } from "./Label-xWKvOuML.js";
|
|
12
12
|
const x = l(
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { jsx as o, jsxs as c, Fragment as T } from "react/jsx-runtime";
|
|
2
|
+
import { B as h } from "./Button-BGu-SRi7.js";
|
|
3
|
+
import { useToastRegion as f, useToast as p } from "react-aria";
|
|
4
|
+
import { ToastQueue as g, useToastQueue as w, useToastState as R } from "react-stately";
|
|
5
|
+
import _ from "react";
|
|
6
|
+
import { createPortal as y, flushSync as b } from "react-dom";
|
|
7
|
+
import { c as l } from "./clsx-AexbMWKp.js";
|
|
8
|
+
import { F as P } from "./FeedbackStatusIcon-YJaUAfjp.js";
|
|
9
|
+
import { X as I } from "./x-BXShoIAM.js";
|
|
10
|
+
import '../assets/Toast.css';const N = "_toastRegion_1shnv_49", E = "_toast_1shnv_49", O = "_success_1shnv_97", x = "_info_1shnv_105", C = "_important_1shnv_113", M = "_warning_1shnv_121", S = "_icon_1shnv_129", k = "_toastContent_1shnv_143", B = "_toastMessage_1shnv_150", F = "_viewTransition_1shnv_157", Q = "_slideInTop_1shnv_1", V = "_slideInEnd_1shnv_1", j = "_slideOutTop_1shnv_1", G = "_slideOutEnd_1shnv_1", e = {
|
|
11
|
+
toastRegion: N,
|
|
12
|
+
toast: E,
|
|
13
|
+
success: O,
|
|
14
|
+
info: x,
|
|
15
|
+
important: C,
|
|
16
|
+
warning: M,
|
|
17
|
+
icon: S,
|
|
18
|
+
toastContent: k,
|
|
19
|
+
toastMessage: B,
|
|
20
|
+
viewTransition: F,
|
|
21
|
+
slideInTop: Q,
|
|
22
|
+
slideInEnd: V,
|
|
23
|
+
slideOutTop: j,
|
|
24
|
+
slideOutEnd: G
|
|
25
|
+
}, u = {
|
|
26
|
+
wrapUpdate(t) {
|
|
27
|
+
"startViewTransition" in document ? document.startViewTransition(() => {
|
|
28
|
+
b(t);
|
|
29
|
+
}) : t();
|
|
30
|
+
},
|
|
31
|
+
maxVisibleToasts: 5
|
|
32
|
+
}, z = new g(u), Y = (t) => {
|
|
33
|
+
const n = w(z);
|
|
34
|
+
return n.visibleToasts.length > 0 ? y(
|
|
35
|
+
/* @__PURE__ */ o(
|
|
36
|
+
d,
|
|
37
|
+
{
|
|
38
|
+
...t,
|
|
39
|
+
state: n
|
|
40
|
+
}
|
|
41
|
+
),
|
|
42
|
+
document.body
|
|
43
|
+
) : null;
|
|
44
|
+
}, Z = ({ children: t, ...n }) => {
|
|
45
|
+
const s = R(u);
|
|
46
|
+
return /* @__PURE__ */ c(T, { children: [
|
|
47
|
+
typeof t == "function" ? t(s) : t,
|
|
48
|
+
s.visibleToasts.length > 0 && /* @__PURE__ */ o(
|
|
49
|
+
d,
|
|
50
|
+
{
|
|
51
|
+
...n,
|
|
52
|
+
state: s
|
|
53
|
+
}
|
|
54
|
+
)
|
|
55
|
+
] });
|
|
56
|
+
};
|
|
57
|
+
function d({
|
|
58
|
+
state: t,
|
|
59
|
+
className: n,
|
|
60
|
+
...s
|
|
61
|
+
}) {
|
|
62
|
+
const a = _.useRef(null), { regionProps: r } = f(s, t, a);
|
|
63
|
+
return /* @__PURE__ */ o(
|
|
64
|
+
"div",
|
|
65
|
+
{
|
|
66
|
+
...r,
|
|
67
|
+
ref: a,
|
|
68
|
+
className: l(e.toastRegion, n),
|
|
69
|
+
children: t.visibleToasts.map((i) => /* @__PURE__ */ o(
|
|
70
|
+
U,
|
|
71
|
+
{
|
|
72
|
+
toast: i,
|
|
73
|
+
state: t
|
|
74
|
+
},
|
|
75
|
+
i.key
|
|
76
|
+
))
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
}
|
|
80
|
+
function U({
|
|
81
|
+
state: t,
|
|
82
|
+
className: n,
|
|
83
|
+
...s
|
|
84
|
+
}) {
|
|
85
|
+
const a = _.useRef(null), { toastProps: r, contentProps: i, titleProps: m, closeButtonProps: v } = p(
|
|
86
|
+
s,
|
|
87
|
+
t,
|
|
88
|
+
a
|
|
89
|
+
);
|
|
90
|
+
return /* @__PURE__ */ c(
|
|
91
|
+
"div",
|
|
92
|
+
{
|
|
93
|
+
...r,
|
|
94
|
+
ref: a,
|
|
95
|
+
className: l(
|
|
96
|
+
e.toast,
|
|
97
|
+
e[s.toast.content.type],
|
|
98
|
+
n
|
|
99
|
+
),
|
|
100
|
+
style: {
|
|
101
|
+
viewTransitionName: s.toast.key,
|
|
102
|
+
viewTransitionClass: e.viewTransition
|
|
103
|
+
},
|
|
104
|
+
children: [
|
|
105
|
+
/* @__PURE__ */ c(
|
|
106
|
+
"div",
|
|
107
|
+
{
|
|
108
|
+
...i,
|
|
109
|
+
className: l(e.toastContent, i.className),
|
|
110
|
+
children: [
|
|
111
|
+
/* @__PURE__ */ o(
|
|
112
|
+
P,
|
|
113
|
+
{
|
|
114
|
+
"aria-hidden": !0,
|
|
115
|
+
className: e.icon,
|
|
116
|
+
status: s.toast.content.type
|
|
117
|
+
}
|
|
118
|
+
),
|
|
119
|
+
/* @__PURE__ */ c("div", { children: [
|
|
120
|
+
/* @__PURE__ */ o(
|
|
121
|
+
"p",
|
|
122
|
+
{
|
|
123
|
+
className: e.toastMessage,
|
|
124
|
+
...m,
|
|
125
|
+
children: s.toast.content.message
|
|
126
|
+
}
|
|
127
|
+
),
|
|
128
|
+
s.toast.content.children
|
|
129
|
+
] })
|
|
130
|
+
]
|
|
131
|
+
}
|
|
132
|
+
),
|
|
133
|
+
/* @__PURE__ */ o(
|
|
134
|
+
h,
|
|
135
|
+
{
|
|
136
|
+
variant: "icon",
|
|
137
|
+
...v,
|
|
138
|
+
children: /* @__PURE__ */ o(
|
|
139
|
+
I,
|
|
140
|
+
{
|
|
141
|
+
size: 20,
|
|
142
|
+
"aria-hidden": !0
|
|
143
|
+
}
|
|
144
|
+
)
|
|
145
|
+
}
|
|
146
|
+
)
|
|
147
|
+
]
|
|
148
|
+
}
|
|
149
|
+
);
|
|
150
|
+
}
|
|
151
|
+
export {
|
|
152
|
+
Y as G,
|
|
153
|
+
Z as T,
|
|
154
|
+
d as a,
|
|
155
|
+
U as b,
|
|
156
|
+
z as t
|
|
157
|
+
};
|
package/combobox/index.js
CHANGED
package/date-field/index.js
CHANGED
package/date-picker/index.js
CHANGED
package/field-error/index.js
CHANGED
package/grid/index.js
CHANGED
package/index.js
CHANGED
|
@@ -3,42 +3,42 @@ import { B as s, a as p } from "./chunks/BadgeContainer-CKVsfTlF.js";
|
|
|
3
3
|
import { B as m } from "./chunks/Breadcrumbs-By2bMbQd.js";
|
|
4
4
|
import { B as f } from "./chunks/Button-BGu-SRi7.js";
|
|
5
5
|
import { B as d } from "./chunks/ButtonGroup-Dr6HOBo2.js";
|
|
6
|
-
import { C as l, R as u } from "./chunks/RangeCalendar-
|
|
6
|
+
import { C as l, R as u } from "./chunks/RangeCalendar-CW38S2L8.js";
|
|
7
7
|
import { C as g, d as b, c, a as B, e as L, f as S, b as D } from "./chunks/Card-ia98VoKL.js";
|
|
8
8
|
import { C as G } from "./chunks/CharacterCounter-R6vh7AE5.js";
|
|
9
9
|
import { C as R } from "./chunks/Checkbox-BTAfwDxU.js";
|
|
10
|
-
import { C as F } from "./chunks/CheckboxGroup-
|
|
10
|
+
import { C as F } from "./chunks/CheckboxGroup-KqlchsTK.js";
|
|
11
11
|
import { C as v } from "./chunks/ColorSchemeSwitch-CaqrCGTA.js";
|
|
12
|
-
import { C as h, a as H, b as y } from "./chunks/ComboBox-
|
|
13
|
-
import { D as N } from "./chunks/DateField-
|
|
12
|
+
import { C as h, a as H, b as y } from "./chunks/ComboBox-C-pAiys0.js";
|
|
13
|
+
import { D as N } from "./chunks/DateField-Scz9gaJl.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-
|
|
16
|
-
import { F as O } from "./chunks/FieldError-
|
|
15
|
+
import { D as q, a as J } from "./chunks/DateRangePicker-DQfV97yu.js";
|
|
16
|
+
import { F as O } from "./chunks/FieldError-C_3uLAGY.js";
|
|
17
17
|
import { D as V, F as W } from "./chunks/FileUpload-h1PxqQmb.js";
|
|
18
|
-
import { G as Y } from "./chunks/Grid-
|
|
19
|
-
import { G as $ } from "./chunks/GridItem-
|
|
18
|
+
import { G as Y } from "./chunks/Grid-CettmpaZ.js";
|
|
19
|
+
import { G as $ } from "./chunks/GridItem-z7zclNdT.js";
|
|
20
20
|
import { H as ao } from "./chunks/Heading-D8tNNJkt.js";
|
|
21
21
|
import { I as eo } from "./chunks/InfoBanner-DEwlyEud.js";
|
|
22
22
|
import { L as so } from "./chunks/Label-xWKvOuML.js";
|
|
23
|
-
import { H as xo, L as mo, N as io, S as fo, a as no } from "./chunks/Layout-
|
|
23
|
+
import { H as xo, L as mo, N as io, S as fo, a as no } from "./chunks/Layout-MPNSphLF.js";
|
|
24
24
|
import { L as lo } from "./chunks/Link-yTNUNv3C.js";
|
|
25
25
|
import { L as Co } from "./chunks/LinkButton-3nAekUJ4.js";
|
|
26
26
|
import { L as bo } from "./chunks/Logo-CsWcKqIg.js";
|
|
27
27
|
import { M as Bo } from "./chunks/Dialog-DRpxD3Gh.js";
|
|
28
28
|
import { P as So } from "./chunks/Popover-BcEtFiU1.js";
|
|
29
29
|
import { P as Io } from "./chunks/ProgressBar-KQdaaME2.js";
|
|
30
|
-
import { R as Po, a as Ro } from "./chunks/Radio-
|
|
31
|
-
import { S as Fo } from "./chunks/SearchField-
|
|
32
|
-
import { S as vo } from "./chunks/Select-
|
|
33
|
-
import { S as ho } from "./chunks/Select-
|
|
30
|
+
import { R as Po, a as Ro } from "./chunks/Radio-BD-ICPhb.js";
|
|
31
|
+
import { S as Fo } from "./chunks/SearchField-44UKmB8Z.js";
|
|
32
|
+
import { S as vo } from "./chunks/Select-Cz3Y8abd.js";
|
|
33
|
+
import { S as ho } from "./chunks/Select-BJlDjYWX.js";
|
|
34
34
|
import { S as yo } from "./chunks/Skeleton-DqIHQLQl.js";
|
|
35
35
|
import { S as No } from "./chunks/Spinner-tvJ7rPiT.js";
|
|
36
36
|
import { b as Eo, C as Qo, R as Zo, T as jo, c as qo, a as Jo } from "./chunks/Table-BgsgXhC_.js";
|
|
37
37
|
import { a as Oo, c as Uo, b as Vo, T as Wo } from "./chunks/TabList-D2XV5ixe.js";
|
|
38
38
|
import { T as Yo, a as _o } from "./chunks/Tag-CZrQBEgv.js";
|
|
39
|
-
import { T as oa } from "./chunks/Text-
|
|
40
|
-
import { I as ra, b as ea, a as ta, T as sa } from "./chunks/TextArea-
|
|
41
|
-
import { G as xa, b as ma, T as ia, a as fa, t as na } from "./chunks/Toast-
|
|
39
|
+
import { T as oa } from "./chunks/Text-Bxww8mmL.js";
|
|
40
|
+
import { I as ra, b as ea, a as ta, T as sa } from "./chunks/TextArea-Dudj2zg4.js";
|
|
41
|
+
import { G as xa, b as ma, T as ia, a as fa, t as na } from "./chunks/Toast-DGvPi4rb.js";
|
|
42
42
|
import { T as Ta, a as la } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
|
|
43
43
|
import { T as Ca, a as ga } from "./chunks/Tooltip-rDmOkGmX.js";
|
|
44
44
|
import { L as ca } from "./chunks/ListBox-D5BBeZWL.js";
|
package/layout/index.js
CHANGED
package/legacy-select/index.js
CHANGED
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.6.
|
|
17
|
+
"version": "16.6.2",
|
|
18
18
|
"module": "./index.js",
|
|
19
19
|
"type": "module",
|
|
20
20
|
"main": "./index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"./*": "./*/index.js"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@midas-ds/theme": "3.10.
|
|
44
|
+
"@midas-ds/theme": "3.10.1",
|
|
45
45
|
"react-aria-components": "1.14.0"
|
|
46
46
|
}
|
|
47
47
|
}
|
package/radio/index.js
CHANGED
package/search-field/index.js
CHANGED
package/select/index.js
CHANGED
package/text/index.js
CHANGED