@midas-ds/components 15.4.0 → 15.4.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 (135) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/accordion/index.js +1 -1
  3. package/badge/index.js +1 -1
  4. package/breadcrumbs/index.js +1 -1
  5. package/button/index.js +2 -2
  6. package/calendar/index.js +1 -1
  7. package/card/index.js +1 -1
  8. package/character-counter/index.js +1 -1
  9. package/checkbox/index.js +2 -2
  10. package/chunks/{AccordionItem-BCoomT4-.js → AccordionItem-69q6FXXl.js} +37 -37
  11. package/chunks/{BadgeContainer-BJAC-kV0.js → BadgeContainer-CKVsfTlF.js} +1 -1
  12. package/chunks/Breadcrumbs-By2bMbQd.js +28 -0
  13. package/chunks/Button-BMf7mX0N.js +46 -0
  14. package/chunks/{ButtonGroup-B6mr4JGY.js → ButtonGroup-Dr6HOBo2.js} +1 -1
  15. package/chunks/Card-ia98VoKL.js +130 -0
  16. package/chunks/CharacterCounter-DeuE2det.js +21 -0
  17. package/chunks/Checkbox-ClhO-AzB.js +122 -0
  18. package/chunks/CheckboxGroup-C3FOm8N8.js +84 -0
  19. package/chunks/{ColorSchemeSwitch-Cd6VSXql.js → ColorSchemeSwitch-DugvPh6T.js} +17 -17
  20. package/chunks/ComboBox-BqRZMi8W.js +108 -0
  21. package/chunks/DateField-12KSJHls.js +46 -0
  22. package/chunks/DateInputDivider-CkTB5q5k.js +36 -0
  23. package/chunks/DateRangePicker-BLRFvUp0.js +117 -0
  24. package/chunks/Dialog-C-X_qUR6.js +66 -0
  25. package/chunks/Dropdown-D7HQo9eM.js +79 -0
  26. package/chunks/FieldError-C0HRIcAx.js +23 -0
  27. package/chunks/FileUpload-h1PxqQmb.js +16 -0
  28. package/chunks/{Grid-DeB7TdcZ.js → Grid-B-WgMwON.js} +2 -2
  29. package/chunks/{GridItem-B_3FFhPs.js → GridItem-5t1Z14sM.js} +1 -1
  30. package/chunks/Heading-D8tNNJkt.js +38 -0
  31. package/chunks/{InfoBanner-Bw3rjGtB.js → InfoBanner-Cc3GhryE.js} +3 -3
  32. package/chunks/Label-D6WuwdAj.js +73 -0
  33. package/chunks/{Layout-InD0Hl7F.js → Layout-DGCDkyf3.js} +70 -70
  34. package/chunks/Link-yTNUNv3C.js +54 -0
  35. package/chunks/LinkButton-3nAekUJ4.js +63 -0
  36. package/chunks/{ListBox-CKDglhFH.js → ListBox-D4tO_OrO.js} +18 -18
  37. package/chunks/ListBoxLoadMoreItem-Bo0eLhpt.js +41 -0
  38. package/chunks/ListBoxSection-DKHba2X0.js +49 -0
  39. package/chunks/{Logo-D80UDT1x.js → Logo-InDSslpO.js} +2 -2
  40. package/chunks/Popover-BAdqdN6C.js +38 -0
  41. package/chunks/ProgressBar-zeJLxHVL.js +53 -0
  42. package/chunks/Radio-kvQP7E9s.js +43 -0
  43. package/chunks/RangeCalendar-CnquULdq.js +99 -0
  44. package/chunks/{SearchField-Dr3DAs9W.js → SearchField-B6ygRRL4.js} +39 -39
  45. package/chunks/Select-Cm5VZRTx.js +576 -0
  46. package/chunks/{Select-fDRXxmLm.js → Select-qmCuJm2x.js} +48 -46
  47. package/chunks/Separator-BcnQEA9f.js +76 -0
  48. package/chunks/{Skeleton-Bcg_xgAx.js → Skeleton-DqIHQLQl.js} +1 -1
  49. package/chunks/Spinner-Pll5zpx8.js +48 -0
  50. package/chunks/TabList-D2XV5ixe.js +81 -0
  51. package/chunks/Table-B1rlSIhS.js +139 -0
  52. package/chunks/Tag-Ca8wKXOy.js +53 -0
  53. package/chunks/{Text-WP6RbnnK.js → Text-TWzJxnto.js} +9 -9
  54. package/chunks/TextArea-UU7gFMEb.js +124 -0
  55. package/chunks/Toast-Cm2Zqq-F.js +162 -0
  56. package/chunks/ToggleButtonGroup-CXKTrLbb.js +29 -0
  57. package/chunks/Tooltip-CtstfI8u.js +46 -0
  58. package/chunks/clsx-AexbMWKp.js +24 -0
  59. package/chunks/useLocalizedStringFormatter-ZgRJmvHC.js +25 -0
  60. package/color-scheme-switch/index.js +1 -1
  61. package/combobox/index.js +1 -1
  62. package/date-field/index.js +2 -2
  63. package/date-picker/index.js +1 -1
  64. package/dropdown/index.js +1 -1
  65. package/field-error/index.js +1 -1
  66. package/file-upload/index.js +1 -1
  67. package/grid/index.js +2 -2
  68. package/heading/index.js +1 -1
  69. package/index.js +68 -68
  70. package/info-banner/index.js +1 -1
  71. package/label/index.js +1 -1
  72. package/layout/index.js +1 -1
  73. package/legacy-select/index.js +1 -1
  74. package/link/index.js +3 -3
  75. package/link-button/index.js +3 -3
  76. package/list-box/index.js +3 -3
  77. package/logo/index.js +1 -1
  78. package/menu/index.js +5 -5
  79. package/modal/index.js +2 -2
  80. package/package.json +2 -3
  81. package/popover/index.js +1 -1
  82. package/progress-bar/index.js +1 -1
  83. package/radio/index.js +1 -1
  84. package/search-field/index.js +1 -1
  85. package/select/index.js +1 -1
  86. package/skeleton/index.js +1 -1
  87. package/spinner/index.js +1 -1
  88. package/table/index.js +1 -1
  89. package/tabs/index.js +1 -1
  90. package/tag/index.js +1 -1
  91. package/text/index.js +1 -1
  92. package/textfield/index.js +1 -1
  93. package/toast/index.js +1 -1
  94. package/toggle-button/index.js +1 -1
  95. package/tooltip/index.js +1 -1
  96. package/chunks/Breadcrumbs-CnuqEeOL.js +0 -28
  97. package/chunks/Button-CHs1wv7n.js +0 -46
  98. package/chunks/Card-D58EJCcV.js +0 -130
  99. package/chunks/CharacterCounter-CzCvDmNP.js +0 -21
  100. package/chunks/Checkbox-CogzFDe3.js +0 -119
  101. package/chunks/CheckboxGroup-BLx25gqn.js +0 -83
  102. package/chunks/ComboBox-8YAwADqL.js +0 -108
  103. package/chunks/DateField-CpbYROK1.js +0 -46
  104. package/chunks/DateInputDivider-C43xP4is.js +0 -36
  105. package/chunks/DateRangePicker-CICkmtXG.js +0 -116
  106. package/chunks/Dialog-DBn9L3SP.js +0 -66
  107. package/chunks/Dropdown-Cctv2Qpv.js +0 -79
  108. package/chunks/FieldError-CZKAYQ-n.js +0 -23
  109. package/chunks/FileUpload-DILt4rAn.js +0 -16
  110. package/chunks/Heading-DIw3iLMN.js +0 -38
  111. package/chunks/Label-CKe9pgXT.js +0 -73
  112. package/chunks/Link-C3w5O2wT.js +0 -54
  113. package/chunks/LinkButton-D6X0Dvoz.js +0 -63
  114. package/chunks/ListBoxLoadMoreItem-y9pCuqRe.js +0 -41
  115. package/chunks/ListBoxSection-CvtRigQb.js +0 -49
  116. package/chunks/Popover-DktRiuCr.js +0 -38
  117. package/chunks/ProgressBar-Bjxi5TgY.js +0 -53
  118. package/chunks/Radio-DqFFcFra.js +0 -43
  119. package/chunks/RangeCalendar-CIxwICEf.js +0 -99
  120. package/chunks/Select-BSqv5Qi-.js +0 -566
  121. package/chunks/Separator-Cw1vlSYO.js +0 -76
  122. package/chunks/Spinner-B2EAm49Z.js +0 -48
  123. package/chunks/TabList-BIBQcX2n.js +0 -81
  124. package/chunks/Table-Cy-R3Ma8.js +0 -139
  125. package/chunks/Tag-BZnq1_yZ.js +0 -53
  126. package/chunks/TextArea-3fPkKmNx.js +0 -124
  127. package/chunks/Toast-CP_V12b3.js +0 -161
  128. package/chunks/ToggleButtonGroup-CgNeypuW.js +0 -29
  129. package/chunks/Tooltip-C53p0sfk.js +0 -46
  130. package/chunks/clsx-CuNqTHjr.js +0 -11
  131. package/chunks/internationalized-C9snpc7V.js +0 -1955
  132. package/chunks/react-aria-components-mIKW9wOa.js +0 -22645
  133. package/chunks/react-stately-DRNKkAB0.js +0 -2586
  134. package/chunks/useLocalizedStringFormatter-CPwiI7nv.js +0 -25
  135. package/chunks/variables-BkqZ2WGF.js +0 -5
@@ -1,63 +0,0 @@
1
- import { jsxs as u, jsx as r } from "react/jsx-runtime";
2
- import { E as j } from "./react-aria-components-mIKW9wOa.js";
3
- import { c as y } from "./clsx-CuNqTHjr.js";
4
- import { S as p } from "./square-arrow-out-up-right-XMqOAsOL.js";
5
- import { c as g } from "./createLucideIcon-D4r5Phnh.js";
6
- import { A as h } from "./arrow-right-DNeP8Eqv.js";
7
- import '../assets/LinkButton.css';const B = [
8
- ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
9
- ["path", { d: "M19 12H5", key: "x3x0zl" }]
10
- ], k = g("arrow-left", B), w = "_linkButton_138jj_1", L = "_secondary_138jj_56", x = "_icon_138jj_61", A = "_tertiary_138jj_98", N = "_danger_138jj_124", $ = "_iconBtn_138jj_141", z = "_medium_138jj_163", R = "_iconLeft_138jj_168", S = "_fullwidth_138jj_172", t = {
11
- linkButton: w,
12
- secondary: L,
13
- icon: x,
14
- tertiary: A,
15
- danger: N,
16
- iconBtn: $,
17
- medium: z,
18
- iconLeft: R,
19
- fullwidth: S
20
- }, O = ({
21
- children: e,
22
- variant: o,
23
- fullwidth: s,
24
- icon: c,
25
- iconPlacement: i,
26
- className: _,
27
- as: a,
28
- size: d = "large",
29
- ...m
30
- }) => {
31
- const l = a || j, f = ({ ...n }) => c ? /* @__PURE__ */ r(c, { ...n }) : n.target === "_blank" ? /* @__PURE__ */ r(p, { ...n }) : i === "left" ? /* @__PURE__ */ r(k, { ...n }) : /* @__PURE__ */ r(h, { ...n });
32
- return /* @__PURE__ */ u(
33
- l,
34
- {
35
- className: y(
36
- t.linkButton,
37
- o === "primary" && t.primary,
38
- o === "secondary" && t.secondary,
39
- o === "tertiary" && t.tertiary,
40
- o === "danger" && t.danger,
41
- o === "icon" && t.iconBtn,
42
- d === "medium" && t.medium,
43
- s && t.fullwidth,
44
- i === "left" && t.iconLeft,
45
- _
46
- ),
47
- ...m,
48
- children: [
49
- e,
50
- /* @__PURE__ */ r(
51
- f,
52
- {
53
- size: 20,
54
- className: t.icon
55
- }
56
- )
57
- ]
58
- }
59
- );
60
- };
61
- export {
62
- O as L
63
- };
@@ -1,41 +0,0 @@
1
- import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
2
- import { c as e } from "./clsx-CuNqTHjr.js";
3
- import { s as a } from "./ListBox-CKDglhFH.js";
4
- import { Q as c } from "./react-aria-components-mIKW9wOa.js";
5
- import { S as l } from "./Spinner-B2EAm49Z.js";
6
- import { u as p } from "./useLocalizedStringFormatter-CPwiI7nv.js";
7
- const $ = ({ className: o, children: s, ...r }) => /* @__PURE__ */ t(
8
- "button",
9
- {
10
- type: "button",
11
- className: e(a.listBoxItem, a.listBoxButton, o),
12
- ...r,
13
- children: s
14
- }
15
- ), x = { "loading...": "Loading..." }, u = { "loading...": "Laddar..." }, f = {
16
- en: x,
17
- sv: u
18
- }, b = ({
19
- className: o,
20
- children: s,
21
- isLoading: r,
22
- ...n
23
- }) => {
24
- const i = p(f);
25
- return /* @__PURE__ */ t(
26
- c,
27
- {
28
- className: e(a.listBoxLoadMoreItem, o),
29
- isLoading: r,
30
- ...n,
31
- children: s || /* @__PURE__ */ m(d, { children: [
32
- /* @__PURE__ */ t(l, { small: !0 }),
33
- /* @__PURE__ */ t("span", { "aria-hidden": !0, children: i.format("loading...") })
34
- ] })
35
- }
36
- );
37
- };
38
- export {
39
- $ as L,
40
- b as a
41
- };
@@ -1,49 +0,0 @@
1
- import { jsx as o, jsxs as x } from "react/jsx-runtime";
2
- import { a3 as f, L as b, a4 as m, a5 as p } from "./react-aria-components-mIKW9wOa.js";
3
- import { c } from "./clsx-CuNqTHjr.js";
4
- import { s as a } from "./ListBox-CKDglhFH.js";
5
- const L = ({
6
- children: e,
7
- className: s,
8
- textValue: t,
9
- ...r
10
- }) => /* @__PURE__ */ o(
11
- f,
12
- {
13
- className: c(a.listBoxItem, s),
14
- textValue: t || (typeof e == "string" ? e : void 0),
15
- ...r,
16
- children: (i) => /* @__PURE__ */ o("div", { className: a.textContent, children: typeof e == "function" ? e(i) : e })
17
- }
18
- ), v = ({
19
- className: e,
20
- children: s,
21
- ...t
22
- }) => /* @__PURE__ */ o(
23
- b,
24
- {
25
- className: c(e, a.listBoxPopover),
26
- offset: 0,
27
- ...t,
28
- children: s
29
- }
30
- ), n = ({ className: e, ...s }) => /* @__PURE__ */ o(
31
- m,
32
- {
33
- className: c(a.listBoxSectionHeading, e),
34
- ...s
35
- }
36
- ), N = ({
37
- children: e,
38
- name: s,
39
- ...t
40
- }) => /* @__PURE__ */ x(p, { ...t, children: [
41
- s && /* @__PURE__ */ o(n, { children: s }),
42
- e
43
- ] });
44
- export {
45
- L,
46
- v as a,
47
- N as b,
48
- n as c
49
- };
@@ -1,38 +0,0 @@
1
- import { jsxs as f, jsx as o } from "react/jsx-runtime";
2
- import { c as i } from "./clsx-CuNqTHjr.js";
3
- import { L as c, y as l } from "./react-aria-components-mIKW9wOa.js";
4
- import '../assets/Popover.css';const d = "_popover_94l1i_1", n = "_arrow_94l1i_23", r = {
5
- popover: d,
6
- arrow: n
7
- };
8
- function x({
9
- children: e,
10
- className: s,
11
- offset: a = 4,
12
- hideArrow: p = !1,
13
- ...t
14
- }) {
15
- return /* @__PURE__ */ f(
16
- c,
17
- {
18
- ...t,
19
- offset: a,
20
- className: i(r.popover, s),
21
- children: [
22
- !p && /* @__PURE__ */ o(l, { 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
- x as P
38
- };
@@ -1,53 +0,0 @@
1
- import { jsx as a, jsxs as _, Fragment as d } from "react/jsx-runtime";
2
- import { t as j } from "./react-aria-components-mIKW9wOa.js";
3
- import { L as m } from "./Label-CKe9pgXT.js";
4
- import { c as r } from "./clsx-CuNqTHjr.js";
5
- import '../assets/ProgressBar.css';const f = "_progressBar_ojm9j_1", p = "_label_ojm9j_9", N = "_value_ojm9j_14", v = "_bar_ojm9j_19", b = "_fill_ojm9j_29", e = {
6
- progressBar: f,
7
- label: p,
8
- value: N,
9
- bar: v,
10
- fill: b
11
- }, y = ({
12
- label: l,
13
- labelProps: s,
14
- showValueLabel: t = !1,
15
- ...c
16
- }) => /* @__PURE__ */ a(
17
- j,
18
- {
19
- ...c,
20
- className: r(e.progressBar, c.className),
21
- children: ({ percentage: o, valueText: i, isIndeterminate: n }) => /* @__PURE__ */ _(d, { children: [
22
- l && /* @__PURE__ */ a(
23
- m,
24
- {
25
- elementType: "span",
26
- ...s,
27
- className: r(s?.className, e.label),
28
- children: l
29
- }
30
- ),
31
- t && /* @__PURE__ */ a(
32
- m,
33
- {
34
- elementType: "span",
35
- ...s,
36
- id: l ? "" : s?.id,
37
- className: r(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 : o}%` }
46
- }
47
- ) })
48
- ] })
49
- }
50
- );
51
- export {
52
- y as P
53
- };
@@ -1,43 +0,0 @@
1
- import { jsx as r, jsxs as f } from "react/jsx-runtime";
2
- import { p as n, q as b, r as _ } from "./react-aria-components-mIKW9wOa.js";
3
- import { c as i } from "./clsx-CuNqTHjr.js";
4
- import { a as $, L as x } from "./Label-CKe9pgXT.js";
5
- import { T as h } from "./Text-WP6RbnnK.js";
6
- import { F as p } from "./FieldError-CZKAYQ-n.js";
7
- import '../assets/Radio.css';const u = "_radioGroup_1q7p6_1", G = "_wrap_1q7p6_12", q = "_radio_1q7p6_1", d = {
8
- radioGroup: u,
9
- wrap: G,
10
- radio: q
11
- }, F = ({
12
- label: a,
13
- description: o,
14
- errorMessage: t,
15
- children: c,
16
- className: e,
17
- errorPosition: s = "top",
18
- popover: m,
19
- ...l
20
- }) => /* @__PURE__ */ f(
21
- b,
22
- {
23
- ...l,
24
- className: i(d.radioGroup, e),
25
- children: [
26
- /* @__PURE__ */ r($, { popover: m, children: a && /* @__PURE__ */ r(x, { children: a }) }),
27
- o && /* @__PURE__ */ r(h, { slot: "description", children: o }),
28
- s === "top" && /* @__PURE__ */ r(p, { "data-testid": "fieldError", children: t }),
29
- /* @__PURE__ */ r(_, { className: d.wrap, children: c }),
30
- s === "bottom" && /* @__PURE__ */ r(p, { "data-testid": "fieldError", children: t })
31
- ]
32
- }
33
- ), T = ({ className: a, ...o }) => /* @__PURE__ */ r(
34
- n,
35
- {
36
- className: i(d.radio, a),
37
- ...o
38
- }
39
- );
40
- export {
41
- T as R,
42
- F as a
43
- };
@@ -1,99 +0,0 @@
1
- import { jsx as e, jsxs as o } from "react/jsx-runtime";
2
- import { at as m, au as h, av as p, aw as v, l as i, ax as _ } from "./react-aria-components-mIKW9wOa.js";
3
- import { F as s } from "./FieldError-CZKAYQ-n.js";
4
- import * as $ from "react";
5
- import { c as g } from "./clsx-CuNqTHjr.js";
6
- import { B as c } from "./Button-CHs1wv7n.js";
7
- import { H as x } from "./Heading-DIw3iLMN.js";
8
- import { c as y } from "./createLucideIcon-D4r5Phnh.js";
9
- import { C } from "./chevron-right-GpyqdYK4.js";
10
- import '../assets/RangeCalendar.css';const u = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], N = y("chevron-left", u), b = "_container_eq3gc_1", R = "_calendar_eq3gc_6", q = "_day_eq3gc_28", I = "_header_eq3gc_92", H = "_range_eq3gc_159", r = {
11
- container: b,
12
- calendar: R,
13
- day: q,
14
- header: I,
15
- range: H
16
- }, t = ({
17
- weekdayStyle: n = "short",
18
- isReadOnly: d
19
- }) => {
20
- const a = !!$.useContext(m);
21
- return /* @__PURE__ */ e(h, { weekdayStyle: n, children: (f) => /* @__PURE__ */ e(
22
- p,
23
- {
24
- date: f,
25
- className: g(r.day, a && r.range),
26
- "data-readonly": d || void 0
27
- }
28
- ) });
29
- }, l = ({
30
- isDisabled: n,
31
- isReadOnly: d
32
- }) => /* @__PURE__ */ o("header", { className: r.header, children: [
33
- /* @__PURE__ */ e(
34
- c,
35
- {
36
- slot: "previous",
37
- size: "medium",
38
- "data-readonly": d || void 0,
39
- children: /* @__PURE__ */ e(N, {})
40
- }
41
- ),
42
- /* @__PURE__ */ e(
43
- x,
44
- {
45
- level: 3,
46
- elementType: "h2",
47
- "data-disabled": n || void 0
48
- }
49
- ),
50
- /* @__PURE__ */ e(
51
- c,
52
- {
53
- slot: "next",
54
- size: "medium",
55
- "data-readonly": d || void 0,
56
- children: /* @__PURE__ */ e(C, {})
57
- }
58
- )
59
- ] }), G = ({
60
- className: n,
61
- errorMessage: d,
62
- ...a
63
- }) => /* @__PURE__ */ o("div", { className: r.container, children: [
64
- /* @__PURE__ */ o(
65
- v,
66
- {
67
- className: i(r.calendar, n),
68
- "data-readonly": a.isReadOnly || void 0,
69
- ...a,
70
- children: [
71
- /* @__PURE__ */ e(l, { ...a }),
72
- /* @__PURE__ */ e(t, { ...a })
73
- ]
74
- }
75
- ),
76
- /* @__PURE__ */ e(s, { isInvalid: a.isInvalid, children: d })
77
- ] }), O = ({
78
- className: n,
79
- errorMessage: d,
80
- ...a
81
- }) => /* @__PURE__ */ o("div", { className: r.container, children: [
82
- /* @__PURE__ */ o(
83
- _,
84
- {
85
- className: i(r.calendar, n),
86
- "data-readonly": a.isReadOnly || void 0,
87
- ...a,
88
- children: [
89
- /* @__PURE__ */ e(l, { ...a }),
90
- /* @__PURE__ */ e(t, { ...a })
91
- ]
92
- }
93
- ),
94
- /* @__PURE__ */ e(s, { isInvalid: a.isInvalid, children: d })
95
- ] });
96
- export {
97
- G as C,
98
- O as R
99
- };