@midas-ds/components 16.1.0 → 16.2.1

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 (61) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/accordion/index.js +1 -1
  3. package/assets/AccordionItem.css +1 -1
  4. package/assets/Checkbox.css +1 -1
  5. package/assets/ComboBox.css +1 -1
  6. package/assets/Dialog.css +1 -1
  7. package/assets/Layout.css +1 -1
  8. package/assets/ListBox.css +1 -1
  9. package/assets/Popover.css +1 -1
  10. package/assets/ProgressBar.css +1 -1
  11. package/assets/Radio.css +1 -1
  12. package/assets/Select.css +1 -1
  13. package/assets/Select2.css +1 -1
  14. package/assets/Table.css +1 -1
  15. package/assets/Toast.css +1 -1
  16. package/assets/Tooltip.css +1 -1
  17. package/checkbox/index.js +2 -2
  18. package/chunks/AccordionItem-BUUDZ7l6.js +128 -0
  19. package/chunks/{Checkbox-ClhO-AzB.js → Checkbox-CP6Nv9yx.js} +25 -25
  20. package/chunks/{CheckboxGroup-dofHjXkU.js → CheckboxGroup-C5kaqBcn.js} +2 -2
  21. package/chunks/ComboBox-N97lv5kN.js +108 -0
  22. package/chunks/{DateField-ltU-Jvra.js → DateField-DeuLPe1Y.js} +1 -1
  23. package/chunks/{DateRangePicker-CdoVIV-F.js → DateRangePicker-BqjLArNi.js} +1 -1
  24. package/chunks/Dialog-DC0cGNj5.js +66 -0
  25. package/chunks/{Label-DqmNWnmm.js → Label-Dup4lWaR.js} +1 -1
  26. package/chunks/{Layout-DtwVUZus.js → Layout-BFZSROTl.js} +95 -95
  27. package/chunks/{ListBox-D4tO_OrO.js → ListBox-D5BBeZWL.js} +12 -12
  28. package/chunks/{ListBoxLoadMoreItem-D9X8YnwD.js → ListBoxLoadMoreItem-CB67meAb.js} +1 -1
  29. package/chunks/{ListBoxSection-DKHba2X0.js → ListBoxSection-MZB_5DdD.js} +1 -1
  30. package/chunks/{Popover-D9tAN-g7.js → Popover-BcEtFiU1.js} +8 -8
  31. package/chunks/ProgressBar-CbwvcHvk.js +53 -0
  32. package/chunks/Radio-Dro99zCs.js +43 -0
  33. package/chunks/{Select-Bcu1yvbR.js → Select-D-LtFSZX.js} +42 -42
  34. package/chunks/{Select-DAlreRs2.js → Select-nL9iJMlf.js} +117 -117
  35. package/chunks/{Table-B1rlSIhS.js → Table-CgBjwlIi.js} +47 -47
  36. package/chunks/{TextArea-CEiOylOx.js → TextArea-CRvbqqVZ.js} +1 -1
  37. package/chunks/{Toast-DgQ6BTmK.js → Toast-DTwUGSJ8.js} +39 -39
  38. package/chunks/{Tooltip-uNMG_UU-.js → Tooltip-m032jGgF.js} +5 -5
  39. package/combobox/index.js +1 -1
  40. package/date-field/index.js +1 -1
  41. package/date-picker/index.js +1 -1
  42. package/index.js +21 -21
  43. package/label/index.js +1 -1
  44. package/layout/index.js +1 -1
  45. package/legacy-select/index.js +1 -1
  46. package/list-box/index.js +3 -3
  47. package/modal/index.js +1 -1
  48. package/package.json +2 -2
  49. package/popover/index.js +1 -1
  50. package/progress-bar/index.js +1 -1
  51. package/radio/index.js +1 -1
  52. package/select/index.js +1 -1
  53. package/table/index.js +1 -1
  54. package/textfield/index.js +1 -1
  55. package/toast/index.js +1 -1
  56. package/tooltip/index.js +1 -1
  57. package/chunks/AccordionItem-O3_wicV2.js +0 -128
  58. package/chunks/ComboBox-XQqP_jga.js +0 -108
  59. package/chunks/Dialog-x-HLOQFU.js +0 -66
  60. package/chunks/ProgressBar-DXBCKRe_.js +0 -53
  61. package/chunks/Radio-C1AFopLt.js +0 -43
@@ -1,128 +0,0 @@
1
- import { jsx as t, jsxs as d } from "react/jsx-runtime";
2
- import { c as m } from "./clsx-AexbMWKp.js";
3
- import { DisclosureGroup as x, Disclosure as C, DisclosurePanel as I } from "react-aria-components";
4
- import { createContext as N, useContext as B, useEffect as b } from "react";
5
- import { B as k } from "./Button-wBgWrXj3.js";
6
- import { H as w } from "./Heading-D8tNNJkt.js";
7
- import { F as A } from "./FeedbackStatusIcon-COWuMusk.js";
8
- import { C as T } from "./chevron-down-DgT-uSF9.js";
9
- import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_17bdp_5", a = {
10
- root: D,
11
- contained: M
12
- }, g = N(void 0), ne = ({
13
- children: o,
14
- className: c,
15
- isContained: s,
16
- size: r = "large",
17
- ...n
18
- }) => /* @__PURE__ */ t(g.Provider, { value: { isContained: s, size: r }, children: /* @__PURE__ */ t(
19
- x,
20
- {
21
- className: m(
22
- a.root,
23
- s ? a.contained : a.uncontained,
24
- c
25
- ),
26
- ...n,
27
- children: o
28
- }
29
- ) }), j = "_item_1em4f_1", z = "_contained_1em4f_18", F = "_medium_1em4f_28", H = "_success_1em4f_33", P = "_warning_1em4f_39", S = "_info_1em4f_45", y = "_important_1em4f_51", E = "_triggerButton_1em4f_62", G = "_triggerText_1em4f_66", R = "_trigger_1em4f_62", W = "_triggerMainContent_1em4f_77", $ = "_chevronIcon_1em4f_94", q = "_statusIcon_1em4f_100", J = "_panel_1em4f_122", K = "_content_1em4f_130", L = "_hasBackground_1em4f_135", O = "_header_1em4f_139", e = {
30
- item: j,
31
- contained: z,
32
- medium: F,
33
- success: H,
34
- warning: P,
35
- info: S,
36
- important: y,
37
- triggerButton: E,
38
- triggerText: G,
39
- trigger: R,
40
- triggerMainContent: W,
41
- " ": "_ _1em4f_1",
42
- chevronIcon: $,
43
- statusIcon: q,
44
- panel: J,
45
- content: K,
46
- hasBackground: L,
47
- header: O
48
- }, oe = ({
49
- title: o,
50
- children: c,
51
- className: s,
52
- headingLevel: r = "h2",
53
- type: n,
54
- hasBackground: l = !0,
55
- size: u = "large",
56
- isContained: f,
57
- iconAriaLabel: h,
58
- ...p
59
- }) => {
60
- const _ = B(g), i = f ?? _?.isContained ?? !1, v = typeof o == "object";
61
- return b(() => {
62
- n && !i && console.warn(
63
- "AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
64
- );
65
- }, [n, i]), /* @__PURE__ */ d(
66
- C,
67
- {
68
- ...p,
69
- className: m(
70
- e.item,
71
- n && e[n],
72
- (u === "medium" || _?.size === "medium") && e.medium,
73
- i && e.contained,
74
- s
75
- ),
76
- children: [
77
- /* @__PURE__ */ t("div", { className: e.trigger, children: /* @__PURE__ */ d(
78
- k,
79
- {
80
- className: e.triggerButton,
81
- slot: "trigger",
82
- variant: "icon",
83
- children: [
84
- /* @__PURE__ */ t(
85
- T,
86
- {
87
- size: 20,
88
- className: e.chevronIcon
89
- }
90
- ),
91
- /* @__PURE__ */ t("div", { className: e.triggerMainContent, children: v ? o : /* @__PURE__ */ t(
92
- w,
93
- {
94
- level: 3,
95
- elementType: r,
96
- className: e.triggerText,
97
- children: o
98
- }
99
- ) }),
100
- n && /* @__PURE__ */ t(
101
- A,
102
- {
103
- "aria-label": h,
104
- className: e.statusIcon,
105
- status: n
106
- }
107
- )
108
- ]
109
- }
110
- ) }),
111
- /* @__PURE__ */ t(I, { className: e.panel, children: /* @__PURE__ */ t(
112
- "div",
113
- {
114
- className: m(
115
- e.content,
116
- l && e.hasBackground
117
- ),
118
- children: c
119
- }
120
- ) })
121
- ]
122
- }
123
- );
124
- };
125
- export {
126
- oe as A,
127
- ne as a
128
- };
@@ -1,108 +0,0 @@
1
- import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
- import y from "react";
3
- import { ComboBox as B, Input as F, Button as w, Collection as C } from "react-aria-components";
4
- import { c as s } from "./clsx-AexbMWKp.js";
5
- import { a as S, L as v } from "./Label-DqmNWnmm.js";
6
- import { T as u } from "./Text-TWzJxnto.js";
7
- import { F as p } from "./FieldError-C0HRIcAx.js";
8
- import { L as R } from "./ListBox-D4tO_OrO.js";
9
- import { a as N, L as g, b as E } from "./ListBoxSection-DKHba2X0.js";
10
- import { C as I } from "./chevron-down-DgT-uSF9.js";
11
- import { u as T } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
12
- import '../assets/ComboBox.css';const j = "_combobox_ti2ot_1", O = "_inputField_ti2ot_6", U = "_medium_ti2ot_28", z = "_wrap_ti2ot_74", D = "_button_ti2ot_80", M = "_icon_ti2ot_116", V = "_emptyState_ti2ot_122", o = {
13
- combobox: j,
14
- inputField: O,
15
- medium: U,
16
- wrap: z,
17
- button: D,
18
- icon: M,
19
- emptyState: V
20
- }, W = { showList: "Show list", noResultsFound: "No results found" }, $ = { showList: "Visa lista", noResultsFound: "Inga träffar" }, k = {
21
- en: W,
22
- sv: $
23
- };
24
- function ot({
25
- label: e,
26
- description: i,
27
- errorMessage: r,
28
- children: f,
29
- items: h,
30
- className: _,
31
- errorPosition: a = "top",
32
- size: m = "large",
33
- popover: b,
34
- ...n
35
- }) {
36
- const c = y.useRef(null), d = T(k), x = (L) => {
37
- L.currentTarget.value && c.current?.select();
38
- };
39
- return /* @__PURE__ */ l(
40
- B,
41
- {
42
- className: s(o.combobox, _),
43
- ...n,
44
- "data-readonly": n.isReadOnly || void 0,
45
- children: [
46
- /* @__PURE__ */ t(S, { popover: b, children: e && /* @__PURE__ */ t(v, { children: e }) }),
47
- i && /* @__PURE__ */ t(u, { slot: "description", children: i }),
48
- a === "top" && /* @__PURE__ */ t(p, { "data-testid": "fieldError", children: r }),
49
- /* @__PURE__ */ l("div", { className: o.wrap, children: [
50
- /* @__PURE__ */ t(
51
- F,
52
- {
53
- className: s(o.inputField, {
54
- [o.medium]: m === "medium"
55
- }),
56
- "data-readonly": n.isReadOnly || void 0,
57
- onMouseUp: x,
58
- ref: c
59
- }
60
- ),
61
- /* @__PURE__ */ t(
62
- w,
63
- {
64
- className: s(o.button, {
65
- [o.medium]: m === "medium"
66
- }),
67
- "aria-label": d.format("showList"),
68
- children: /* @__PURE__ */ t(
69
- "div",
70
- {
71
- className: o.icon,
72
- "aria-hidden": "true",
73
- children: /* @__PURE__ */ t(
74
- I,
75
- {
76
- size: 20,
77
- "aria-hidden": !0
78
- }
79
- )
80
- }
81
- )
82
- }
83
- )
84
- ] }),
85
- a === "bottom" && /* @__PURE__ */ t(p, { "data-testid": "fieldError", children: r }),
86
- /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(
87
- R,
88
- {
89
- items: h,
90
- renderEmptyState: () => /* @__PURE__ */ t(u, { className: o.emptyState, children: d.format("noResultsFound") }),
91
- children: f
92
- }
93
- ) })
94
- ]
95
- }
96
- );
97
- }
98
- function q(e) {
99
- return /* @__PURE__ */ t(g, { ...e });
100
- }
101
- function et(e) {
102
- return /* @__PURE__ */ t(E, { ...e, children: /* @__PURE__ */ t(C, { items: e.children, children: (i) => /* @__PURE__ */ t(q, { children: i.name }, i.id) }) });
103
- }
104
- export {
105
- ot as C,
106
- q as a,
107
- et as b
108
- };
@@ -1,66 +0,0 @@
1
- import { jsx as o, jsxs as e } from "react/jsx-runtime";
2
- import { ModalOverlay as c, Modal as i, Dialog as n } from "react-aria-components";
3
- import { B as _ } from "./Button-wBgWrXj3.js";
4
- import { H as y } from "./Heading-D8tNNJkt.js";
5
- import { c as v } from "./clsx-AexbMWKp.js";
6
- import { X as f } from "./x-BXShoIAM.js";
7
- import { u as h } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
8
- import '../assets/Dialog.css';const p = "_modal_skl37_1", g = "_overlay_skl37_24", B = "_modalHeader_skl37_48", H = "_modalTitle_skl37_59", k = "_modalBody_skl37_65", l = {
9
- modal: p,
10
- overlay: g,
11
- modalHeader: B,
12
- modalTitle: H,
13
- modalBody: k
14
- }, x = { close: "Close" }, M = { close: "Stäng" }, N = {
15
- en: x,
16
- sv: M
17
- }, D = ({
18
- children: s,
19
- title: a,
20
- hideCloseButton: r = !1,
21
- className: t,
22
- ...d
23
- }) => {
24
- const m = h(N);
25
- return /* @__PURE__ */ o(
26
- c,
27
- {
28
- ...d,
29
- className: v(l.overlay, t),
30
- children: /* @__PURE__ */ o(i, { className: l.modal, children: /* @__PURE__ */ e(n, { children: [
31
- /* @__PURE__ */ e("div", { className: l.modalHeader, children: [
32
- /* @__PURE__ */ o("div", { className: l.modalTitle, children: a && /* @__PURE__ */ o(
33
- y,
34
- {
35
- level: 3,
36
- elementType: "h2",
37
- slot: "title",
38
- children: a
39
- }
40
- ) }),
41
- !r && /* @__PURE__ */ o(
42
- _,
43
- {
44
- slot: "close",
45
- variant: "tertiary",
46
- icon: f,
47
- iconPlacement: "right",
48
- children: m.format("close")
49
- }
50
- )
51
- ] }),
52
- /* @__PURE__ */ o(
53
- "div",
54
- {
55
- className: l.modalBody,
56
- tabIndex: -1,
57
- children: s
58
- }
59
- )
60
- ] }) })
61
- }
62
- );
63
- };
64
- export {
65
- D as M
66
- };
@@ -1,53 +0,0 @@
1
- import { jsx as a, jsxs as _, Fragment as j } from "react/jsx-runtime";
2
- import { ProgressBar as d } from "react-aria-components";
3
- import { L as c } from "./Label-DqmNWnmm.js";
4
- import { c as l } from "./clsx-AexbMWKp.js";
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
- progressBar: f,
7
- label: N,
8
- value: g,
9
- bar: p,
10
- fill: v
11
- }, y = ({
12
- label: r,
13
- labelProps: s,
14
- showValueLabel: o = !1,
15
- ...m
16
- }) => /* @__PURE__ */ a(
17
- d,
18
- {
19
- ...m,
20
- className: l(e.progressBar, m.className),
21
- children: ({ percentage: t, valueText: i, isIndeterminate: n }) => /* @__PURE__ */ _(j, { children: [
22
- r && /* @__PURE__ */ a(
23
- c,
24
- {
25
- elementType: "span",
26
- ...s,
27
- className: l(s?.className, e.label),
28
- children: r
29
- }
30
- ),
31
- o && /* @__PURE__ */ a(
32
- c,
33
- {
34
- elementType: "span",
35
- ...s,
36
- id: r ? "" : s?.id,
37
- className: l(s?.className, e.value),
38
- children: i
39
- }
40
- ),
41
- /* @__PURE__ */ a("div", { className: e.bar, children: /* @__PURE__ */ a(
42
- "div",
43
- {
44
- className: e.fill,
45
- style: { width: `${n ? 50 : t}%` }
46
- }
47
- ) })
48
- ] })
49
- }
50
- );
51
- export {
52
- y as P
53
- };
@@ -1,43 +0,0 @@
1
- import { jsx as r, jsxs as n } from "react/jsx-runtime";
2
- import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
3
- import { c as t } from "./clsx-AexbMWKp.js";
4
- import { a as G, L as R } from "./Label-DqmNWnmm.js";
5
- import { T as h } from "./Text-TWzJxnto.js";
6
- import { F as p } from "./FieldError-C0HRIcAx.js";
7
- import '../assets/Radio.css';const x = "_radioGroup_1q7p6_1", w = "_wrap_1q7p6_12", q = "_radio_1q7p6_1", i = {
8
- radioGroup: x,
9
- wrap: w,
10
- radio: q
11
- }, T = ({
12
- label: o,
13
- description: a,
14
- errorMessage: d,
15
- children: c,
16
- className: e,
17
- errorPosition: s = "top",
18
- popover: m,
19
- ...l
20
- }) => /* @__PURE__ */ n(
21
- _,
22
- {
23
- ...l,
24
- className: t(i.radioGroup, e),
25
- children: [
26
- /* @__PURE__ */ r(G, { popover: m, children: o && /* @__PURE__ */ r(R, { children: o }) }),
27
- a && /* @__PURE__ */ r(h, { slot: "description", children: a }),
28
- s === "top" && /* @__PURE__ */ r(p, { "data-testid": "fieldError", children: d }),
29
- /* @__PURE__ */ r(f, { className: i.wrap, children: c }),
30
- s === "bottom" && /* @__PURE__ */ r(p, { "data-testid": "fieldError", children: d })
31
- ]
32
- }
33
- ), $ = ({ className: o, ...a }) => /* @__PURE__ */ r(
34
- u,
35
- {
36
- className: t(i.radio, o),
37
- ...a
38
- }
39
- );
40
- export {
41
- $ as R,
42
- T as a
43
- };