@midas-ds/components 17.26.0 → 17.27.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 (166) hide show
  1. package/CHANGELOG.md +54 -0
  2. package/accordion/AccordionItem.d.ts +1 -1
  3. package/accordion/AccordionItem.stories.d.ts +1 -1
  4. package/accordion/index.js +1 -1
  5. package/assets/calendar.css +1 -1
  6. package/assets/list-box.css +1 -1
  7. package/assets/select.css +1 -1
  8. package/badge/Badge.stories.d.ts +1 -1
  9. package/badge/index.js +1 -1
  10. package/breadcrumbs/Breadcrumb.d.ts +1 -1
  11. package/breadcrumbs/Breadcrumbs.d.ts +1 -1
  12. package/breadcrumbs/Breadcrumbs.stories.d.ts +4 -4
  13. package/breadcrumbs/index.js +1 -1
  14. package/button/index.js +1 -1
  15. package/calendar/Calendar.d.ts +9 -1
  16. package/calendar/Calendar.stories.d.ts +3 -2
  17. package/calendar/CalendarGrid.d.ts +1 -1
  18. package/calendar/CalendarHeader.d.ts +2 -2
  19. package/calendar/CalendarPicker.d.ts +18 -0
  20. package/calendar/RangeCalendar.d.ts +8 -1
  21. package/calendar/RangeCalendar.stories.d.ts +2 -1
  22. package/calendar/index.js +1 -1
  23. package/card/Card.d.ts +1 -1
  24. package/card/card-body/CardBody.d.ts +1 -1
  25. package/card/card-header/CardHeader.d.ts +1 -1
  26. package/card/index.js +1 -1
  27. package/checkbox/CheckboxField.d.ts +1 -1
  28. package/checkbox/CheckboxGroup.d.ts +1 -1
  29. package/checkbox/CheckboxGroup.stories.d.ts +2 -2
  30. package/checkbox/SelectAllCheckbox.d.ts +1 -1
  31. package/checkbox/index.js +1 -1
  32. package/chunks/{FeedbackStatusIcon-BS5VX-s6.js → FeedbackStatusIcon-DRI7WrSU.js} +7 -7
  33. package/chunks/{accordion-BxxPnJau.js → accordion-DIVTJU3O.js} +7 -7
  34. package/chunks/{badge-BplGU5BS.js → badge-BfK6XrlL.js} +1 -1
  35. package/chunks/{breadcrumbs-C-Z6UlQn.js → breadcrumbs-DV0ZJc62.js} +1 -1
  36. package/chunks/{button-Ch860h28.js → button-CenXTGXL.js} +2 -2
  37. package/chunks/calendar-BZPktkdE.js +111 -0
  38. package/chunks/{card-Bzc8kToe.js → card-zIYA-SQh.js} +3 -3
  39. package/chunks/{checkbox-ivInWvEp.js → checkbox-DcXA9GSd.js} +14 -14
  40. package/chunks/{clear-button-la4Fb9_w.js → clear-button-D3I1X3yG.js} +1 -1
  41. package/chunks/{clsx-B1NYyfch.js → clsx-Di52oYUU.js} +6 -4
  42. package/chunks/{color-scheme-switch-jgoxUu3x.js → color-scheme-switch-DVZjdwc9.js} +4 -4
  43. package/chunks/{combobox-DDO4fEtI.js → combobox-DIou4Z-d.js} +10 -10
  44. package/chunks/{date-field-DG5TYsTF.js → date-field-BF2f9bSf.js} +10 -10
  45. package/chunks/{date-picker-1W7OmCT0.js → date-picker-BomOO1LI.js} +18 -18
  46. package/chunks/{drop-zone-DvQLpgq6.js → drop-zone-DH3ZyHsr.js} +1 -1
  47. package/chunks/{field-error-pJiSw4PN.js → field-error-LtNtEKDp.js} +2 -2
  48. package/chunks/{file-list-DM1Vtkun.js → file-list-TmEuO1fJ.js} +2 -2
  49. package/chunks/{grid-DZB3GGDg.js → grid-Cn_8RSvj.js} +1 -1
  50. package/chunks/heading-BEl_z-5T.js +31 -0
  51. package/chunks/{info-banner-DnFNZ1_o.js → info-banner-osR4e6nB.js} +3 -3
  52. package/chunks/{label-CEYHiWSa.js → label-LWlgvAwz.js} +4 -4
  53. package/chunks/{layout-DVj8wSj3.js → layout-Db5um0f7.js} +23 -23
  54. package/chunks/{link-CQoSw1Pv.js → link-BAgs4RwY.js} +5 -5
  55. package/chunks/{link-button-BMFzCHH8.js → link-button-BuPMEGUj.js} +5 -5
  56. package/chunks/{list-box-VdBVTwZK.js → list-box-BN_MSiOD.js} +19 -18
  57. package/chunks/{logo-CDxNjDeI.js → logo-DyZ2pXt7.js} +1 -1
  58. package/chunks/{menu-CPCGm0MC.js → menu-aT2IR0tO.js} +1 -1
  59. package/chunks/{modal-C-xHt7Ds.js → modal-C-UsxdO0.js} +3 -3
  60. package/chunks/{popover-wAwxm_cM.js → popover-DGcogqbS.js} +1 -1
  61. package/chunks/{progress-bar-Cft_RPHz.js → progress-bar-7w_kWo2f.js} +2 -2
  62. package/chunks/{radio-W0YqY7lo.js → radio-C-MUMGu7.js} +9 -9
  63. package/chunks/{search-field-d7FV4Kuv.js → search-field-BvfOHvUI.js} +11 -11
  64. package/chunks/{select-LjjT_7hr.js → select-KQzDIamx.js} +34 -30
  65. package/chunks/{skeleton-DWmvym7R.js → skeleton-B_BPRPJy.js} +1 -1
  66. package/chunks/{spinner-DMR5G-6u.js → spinner-LdHPVms_.js} +1 -1
  67. package/chunks/{table-O7Ht2ilY.js → table-zT6eQ3ZZ.js} +2 -2
  68. package/chunks/{tabs-BFFTnO4i.js → tabs-Co09VWvC.js} +1 -1
  69. package/chunks/{tag-mzNjP8EX.js → tag-BIcqtf7b.js} +2 -2
  70. package/chunks/text-DwmZ-ew8.js +28 -0
  71. package/chunks/{textfield-BsijPPRD.js → textfield-CXqzzOtw.js} +12 -12
  72. package/chunks/{time-field-BlNUOjUJ.js → time-field-CmjGBQph.js} +11 -11
  73. package/chunks/{toast-Cz0JDIr1.js → toast-gJgjitZF.js} +3 -3
  74. package/chunks/{toggle-button-BgUQKcK-.js → toggle-button-CIvsOXQf.js} +1 -1
  75. package/chunks/{tooltip-D7LYQwj0.js → tooltip-BkesIUIF.js} +1 -1
  76. package/clear-button/index.js +1 -1
  77. package/color-scheme-switch/index.js +1 -1
  78. package/combobox/ComboBox.d.ts +1 -1
  79. package/combobox/ComboBox.stories.d.ts +3 -2
  80. package/combobox/index.js +1 -1
  81. package/common/FeedbackStatusIcon.d.ts +1 -1
  82. package/date-field/index.js +1 -1
  83. package/date-picker/DatePickerInputField.d.ts +1 -1
  84. package/date-picker/index.js +1 -1
  85. package/drop-zone/index.js +1 -1
  86. package/field-error/index.js +1 -1
  87. package/file-list/FileList.d.ts +1 -1
  88. package/file-list/FileList.stories.d.ts +3 -3
  89. package/file-list/FileListItem.d.ts +1 -1
  90. package/file-list/index.js +1 -1
  91. package/file-trigger/FileTrigger.d.ts +1 -1
  92. package/grid/index.js +1 -1
  93. package/heading/index.js +1 -1
  94. package/index.js +53 -53
  95. package/info-banner/index.js +1 -1
  96. package/label/InfoPopover.d.ts +1 -1
  97. package/label/index.js +1 -1
  98. package/layout/components/SidebarLink.d.ts +1 -1
  99. package/layout/index.js +1 -1
  100. package/link/Link.d.ts +1 -1
  101. package/link/index.js +1 -1
  102. package/link-button/LinkButton.d.ts +1 -1
  103. package/link-button/index.js +1 -1
  104. package/list-box/ListBox.d.ts +6 -1
  105. package/list-box/ListBox.stories.d.ts +4 -4
  106. package/list-box/ListBoxHeader.d.ts +1 -1
  107. package/list-box/ListBoxItem.d.ts +1 -1
  108. package/list-box/ListBoxSection.d.ts +1 -1
  109. package/list-box/index.js +1 -1
  110. package/list-box/list-box-empty-state/ListBoxEmptyState.d.ts +1 -1
  111. package/logo/Logo.d.ts +1 -1
  112. package/logo/index.js +1 -1
  113. package/menu/Menu.d.ts +1 -1
  114. package/menu/Menu.stories.d.ts +5 -4
  115. package/menu/MenuItem.d.ts +1 -1
  116. package/menu/MenuPopover.d.ts +1 -1
  117. package/menu/MenuSection.d.ts +1 -1
  118. package/menu/Separator.d.ts +1 -1
  119. package/menu/index.js +1 -1
  120. package/modal/index.js +1 -1
  121. package/package.json +6 -6
  122. package/popover/index.js +1 -1
  123. package/progress-bar/index.js +1 -1
  124. package/radio/Radio.d.ts +1 -1
  125. package/radio/Radio.stories.d.ts +6 -6
  126. package/radio/RadioButton.d.ts +1 -1
  127. package/radio/RadioField.d.ts +1 -1
  128. package/radio/RadioGroup.stories.d.ts +1 -1
  129. package/radio/index.js +1 -1
  130. package/search-field/SearchField.d.ts +1 -1
  131. package/search-field/SearchField.stories.d.ts +1 -1
  132. package/search-field/index.js +1 -1
  133. package/select/MultiSelectValue.d.ts +2 -1
  134. package/select/Select.d.ts +1 -1
  135. package/select/Select.stories.d.ts +2 -2
  136. package/select/SelectAll.d.ts +2 -1
  137. package/select/SelectTags.d.ts +1 -1
  138. package/select/SelectTrigger.d.ts +8 -2
  139. package/select/index.d.ts +1 -0
  140. package/select/index.js +2 -2
  141. package/skeleton/Skeleton.Form.stories.d.ts +1 -1
  142. package/skeleton/index.js +1 -1
  143. package/spinner/index.js +1 -1
  144. package/table/Table.d.ts +6 -6
  145. package/table/Table.stories.d.ts +7 -7
  146. package/table/index.js +1 -1
  147. package/tabs/TabList.d.ts +2 -1
  148. package/tabs/Tabs.stories.d.ts +1 -1
  149. package/tabs/index.js +1 -1
  150. package/tag/Tag.d.ts +1 -1
  151. package/tag/index.js +1 -1
  152. package/tag/tag-list/TagList.d.ts +1 -1
  153. package/text/index.js +1 -1
  154. package/textfield/PasswordToggle.d.ts +1 -1
  155. package/textfield/TextArea.stories.d.ts +9 -9
  156. package/textfield/index.js +1 -1
  157. package/time-field/index.js +1 -1
  158. package/toast/Toast.d.ts +3 -3
  159. package/toast/index.js +1 -1
  160. package/toggle-button/index.js +1 -1
  161. package/tooltip/Tooltip.d.ts +3 -2
  162. package/tooltip/Tooltip.stories.d.ts +1 -1
  163. package/tooltip/index.js +1 -1
  164. package/chunks/calendar-R7x0m8ch.js +0 -74
  165. package/chunks/heading-bnDePIbv.js +0 -28
  166. package/chunks/text-EUdAWwZz.js +0 -23
@@ -1,7 +1,7 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
2
- import { t } from "./spinner-DMR5G-6u.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
+ import { t } from "./spinner-LdHPVms_.js";
3
3
  import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
4
- import { t as r } from "./text-EUdAWwZz.js";
4
+ import { t as r } from "./text-DwmZ-ew8.js";
5
5
  import "react";
6
6
  import { Header as i, ListBox as a, ListBoxItem as o, ListBoxLoadMoreItem as s, ListBoxSection as c, ListLayout as l, Popover as u, Virtualizer as d, composeRenderProps as f } from "react-aria-components";
7
7
  import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -14,27 +14,28 @@ var g = class extends l {
14
14
  }), this.contentSize;
15
15
  }
16
16
  }, _ = {
17
- listBox: "_listBox_48j4n_4",
18
- listBoxPopover: "_listBoxPopover_48j4n_16 _dropdownAnimation_1ljkv_4",
19
- listBoxSectionHeading: "_listBoxSectionHeading_48j4n_31",
20
- listBoxButton: "_listBoxButton_48j4n_43",
21
- listBoxItem: "_listBoxItem_48j4n_55",
22
- textContent: "_textContent_48j4n_68",
23
- listBoxLoadMoreItem: "_listBoxLoadMoreItem_48j4n_176",
24
- item: "_item_48j4n_187",
25
- option: "_option_48j4n_188",
26
- inputCheckbox: "_inputCheckbox_48j4n_188"
27
- }, v = ({ className: t, children: n, virtualized: r = !0, ...i }) => {
28
- let o = /* @__PURE__ */ m(a, {
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
- ...i,
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: o
37
- }) : o;
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,4 +1,4 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
2
  import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
3
3
  import { createContext as n, useContext as r } from "react";
4
4
  import { jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
2
  import { t } from "./check-DV00NPU0.js";
3
3
  import { t as n } from "./chevron-right-DwqboCdU.js";
4
4
  import { Menu as r, MenuItem as i, MenuSection as a, MenuTrigger as o, Popover as s, Separator as c } from "react-aria-components";
@@ -1,8 +1,8 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
2
  import { t } from "./x-BJAOO5a5.js";
3
3
  import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
4
- import { n as r } from "./button-Ch860h28.js";
5
- import { t as i } from "./heading-bnDePIbv.js";
4
+ import { n as r } from "./button-CenXTGXL.js";
5
+ import { t as i } from "./heading-BEl_z-5T.js";
6
6
  import { forwardRef as a } from "react";
7
7
  import { Dialog as o, DialogTrigger as s, Modal as c, ModalOverlay as l, composeRenderProps as u } from "react-aria-components";
8
8
  import { jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
2
  import { forwardRef as t } from "react";
3
3
  import { OverlayArrow as n, Popover as r, PopoverContext as i, composeRenderProps as a, useContextProps as o } from "react-aria-components";
4
4
  import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
2
- import { t } from "./label-CEYHiWSa.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
+ import { t } from "./label-LWlgvAwz.js";
3
3
  import "react";
4
4
  import { ProgressBar as n } from "react-aria-components";
5
5
  import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
2
- import { t } from "./text-EUdAWwZz.js";
3
- import { t as n } from "./field-error-pJiSw4PN.js";
4
- import { n as r, t as i } from "./label-CEYHiWSa.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
+ import { n as t, t as n } from "./label-LWlgvAwz.js";
3
+ import { t as r } from "./text-DwmZ-ew8.js";
4
+ import { t as i } from "./field-error-LtNtEKDp.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(r, {
25
+ /* @__PURE__ */ d(t, {
26
26
  popover: v,
27
- children: o && /* @__PURE__ */ d(i, { children: o })
27
+ children: o && /* @__PURE__ */ d(n, { children: o })
28
28
  }),
29
- s && /* @__PURE__ */ d(t, {
29
+ s && /* @__PURE__ */ d(r, {
30
30
  slot: "description",
31
31
  children: s
32
32
  }),
33
- _ === "top" && /* @__PURE__ */ d(n, {
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(n, {
41
+ _ === "bottom" && /* @__PURE__ */ d(i, {
42
42
  "data-testid": "fieldError",
43
43
  children: p
44
44
  })
@@ -1,12 +1,12 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-B1NYyfch.js";
2
+ import { t as e } from "./clsx-Di52oYUU.js";
3
3
  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
- import { n as i } from "./button-Ch860h28.js";
7
- import { t as a } from "./text-EUdAWwZz.js";
8
- import { t as o } from "./field-error-pJiSw4PN.js";
9
- import { n as s, t as c } from "./label-CEYHiWSa.js";
6
+ import { n as i } from "./button-CenXTGXL.js";
7
+ import { n as a, t as o } from "./label-LWlgvAwz.js";
8
+ import { t as s } from "./text-DwmZ-ew8.js";
9
+ import { t as c } from "./field-error-LtNtEKDp.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";
@@ -37,7 +37,7 @@ function b(e) {
37
37
  }
38
38
  var x = ({ errorPosition: t = "top", size: x = "large", showButton: S, className: C, errorMessage: w, placeholder: T, label: E, description: D, popover: O, validationBehavior: k, inputMode: A = "search", ...j }) => {
39
39
  let M = r(y), N = p(u), P = k ?? N?.validationBehavior ?? "aria", F = S !== !1, I = (e) => {
40
- !e || j.isInvalid || j.validate && b(j.validate(e)) || j.onSubmit?.(e);
40
+ e && !j.isInvalid && (j.validate && b(j.validate(e)) || j.onSubmit?.(e));
41
41
  };
42
42
  return /* @__PURE__ */ h(f, {
43
43
  ...j,
@@ -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(s, {
50
+ /* @__PURE__ */ h(a, {
51
51
  popover: O,
52
- children: E && /* @__PURE__ */ h(c, { children: E })
52
+ children: E && /* @__PURE__ */ h(o, { children: E })
53
53
  }),
54
- D && /* @__PURE__ */ h(a, {
54
+ D && /* @__PURE__ */ h(s, {
55
55
  slot: "description",
56
56
  children: D
57
57
  }),
58
- t === "top" && /* @__PURE__ */ h(o, { children: ({ validationErrors: e }) => w ?? e.join(" ") }),
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(o, { children: ({ validationErrors: e }) => w ?? e.join(" ") })
95
+ t === "bottom" && /* @__PURE__ */ h(c, { children: ({ validationErrors: e }) => w ?? e.join(" ") })
96
96
  ] })
97
97
  });
98
98
  };
@@ -1,14 +1,14 @@
1
- import { n as e, t } from "./clsx-B1NYyfch.js";
1
+ import { n as e, t } from "./clsx-Di52oYUU.js";
2
2
  import { t as n } from "./chevron-down-CP7nEDei.js";
3
- import { n as r } from "./checkbox-ivInWvEp.js";
3
+ import { n as r } from "./checkbox-DcXA9GSd.js";
4
4
  import { t as i } from "./x-BJAOO5a5.js";
5
5
  import { t as a } from "./useLocalizedStringFormatter-CeyBc0x0.js";
6
- import { t as o } from "./text-EUdAWwZz.js";
7
- import { t as s } from "./field-error-pJiSw4PN.js";
8
- import { n as c, t as l } from "./label-CEYHiWSa.js";
9
- import { t as u } from "./popover-wAwxm_cM.js";
10
- import { c as d } from "./list-box-VdBVTwZK.js";
11
- import { n as f, r as p, t as m } from "./tag-mzNjP8EX.js";
6
+ import { n as o, t as s } from "./label-LWlgvAwz.js";
7
+ import { t as c } from "./popover-DGcogqbS.js";
8
+ import { t as l } from "./text-DwmZ-ew8.js";
9
+ import { t as u } from "./field-error-LtNtEKDp.js";
10
+ import { c as d } from "./list-box-BN_MSiOD.js";
11
+ import { n as f, r as p, t as m } from "./tag-BIcqtf7b.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";
14
14
  import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
@@ -27,20 +27,21 @@ import '../assets/select.css';var E = {
27
27
  selected: "valda"
28
28
  }
29
29
  }, D = {
30
- select: "_select_mawme_1",
31
- triggerContainer: "_triggerContainer_mawme_7",
32
- trigger: "_trigger_mawme_7",
33
- medium: "_medium_mawme_30",
34
- icon: "_icon_mawme_72",
35
- selectValue: "_selectValue_mawme_78",
36
- placeholder: "_placeholder_mawme_84",
37
- multiSelectValue: "_multiSelectValue_mawme_94",
38
- selectValueTag: "_selectValueTag_mawme_118",
39
- clearButton: "_clearButton_mawme_132",
40
- truncate: "_truncate_mawme_147",
41
- popover: "_popover_mawme_184",
42
- selectAll: "_selectAll_mawme_212",
43
- tagGroup: "_tagGroup_mawme_278"
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({ [D.medium]: i === "medium" }, D.trigger),
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(c, {
139
+ /* @__PURE__ */ S(o, {
136
140
  popover: p,
137
- children: f && /* @__PURE__ */ S(l, {
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(o, {
146
+ n && /* @__PURE__ */ S(l, {
143
147
  slot: "description",
144
148
  children: n
145
149
  }),
146
- i === "top" && /* @__PURE__ */ S(s, { children: r }),
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(s, { children: r }),
156
- /* @__PURE__ */ C(u, {
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,4 +1,4 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
2
  import "react";
3
3
  import { jsx as t, jsxs as n } from "react/jsx-runtime";
4
4
  import '../assets/skeleton.css';var r = {
@@ -1,4 +1,4 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
2
  import { t } from "./createLucideIcon-BgluSHFG.js";
3
3
  import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
4
4
  import { jsx as r, jsxs as i } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-B1NYyfch.js";
2
+ import { t as e } from "./clsx-Di52oYUU.js";
3
3
  import { t } from "./createLucideIcon-BgluSHFG.js";
4
- import { n } from "./checkbox-ivInWvEp.js";
4
+ import { n } from "./checkbox-DcXA9GSd.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", {
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-B1NYyfch.js";
2
+ import { t as e } from "./clsx-Di52oYUU.js";
3
3
  import * as t from "react";
4
4
  import { createContext as n } from "react";
5
5
  import { DialogContext as r, SelectionIndicator as i, Tab as a, TabList as o, TabPanel as s, Tabs as c, composeRenderProps as l } from "react-aria-components";
@@ -1,6 +1,6 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
2
  import { t } from "./x-BJAOO5a5.js";
3
- import { n } from "./button-Ch860h28.js";
3
+ import { n } from "./button-CenXTGXL.js";
4
4
  import { Children as r, forwardRef as i, isValidElement as a } from "react";
5
5
  import { Tag as o, TagGroup as s, TagGroupContext as c, TagList as l, TagListContext as u, composeRenderProps as d, useContextProps as f } from "react-aria-components";
6
6
  import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -0,0 +1,28 @@
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
+ import "react";
3
+ import { Text as t } from "react-aria-components";
4
+ import { jsx as n } from "react/jsx-runtime";
5
+ import '../assets/text.css';var r = {
6
+ body: "_body_g096r_1",
7
+ "body-small": "_body-small_g096r_2",
8
+ description: "_description_g096r_3",
9
+ "description-small": "_description-small_g096r_4",
10
+ bold: "_bold_g096r_24",
11
+ italic: "_italic_g096r_28"
12
+ }, i = "span", a = ({ children: a, className: o, size: s, isExpressive: c = !1, elementType: l = i, ...u }) => {
13
+ let d = {
14
+ className: e(u.slot === "description" ? s === "small" ? r["description-small"] : r.description : s === "small" ? r["body-small"] : r.body, {
15
+ [r.bold]: ["b", "strong"].includes(l),
16
+ [r.italic]: ["i", "em"].includes(l)
17
+ }, o),
18
+ elementType: l || i,
19
+ ...c && { "data-expressive": !0 },
20
+ ...u
21
+ };
22
+ return /* @__PURE__ */ n(t, {
23
+ ...d,
24
+ children: a
25
+ });
26
+ };
27
+ //#endregion
28
+ export { a as t };
@@ -1,11 +1,11 @@
1
1
  'use client';
2
- import { n as e, t } from "./clsx-B1NYyfch.js";
2
+ import { n as e, t } from "./clsx-Di52oYUU.js";
3
3
  import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
4
- import { n as r } from "./button-Ch860h28.js";
5
- import { t as i } from "./text-EUdAWwZz.js";
6
- import { t as a } from "./field-error-pJiSw4PN.js";
7
- import { t as o } from "./character-counter-CSoVSrxZ.js";
8
- import { n as s, t as c } from "./label-CEYHiWSa.js";
4
+ import { n as r } from "./button-CenXTGXL.js";
5
+ import { n as i, t as a } from "./label-LWlgvAwz.js";
6
+ import { t as o } from "./text-DwmZ-ew8.js";
7
+ import { t as s } from "./field-error-LtNtEKDp.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(s, {
21
+ /* @__PURE__ */ v(i, {
22
22
  popover: b,
23
- children: r && /* @__PURE__ */ v(c, { children: r })
23
+ children: r && /* @__PURE__ */ v(a, { children: r })
24
24
  }),
25
- u && /* @__PURE__ */ v(i, {
25
+ u && /* @__PURE__ */ v(o, {
26
26
  slot: "description",
27
27
  children: u
28
28
  }),
29
- f && /* @__PURE__ */ v(o, { isLonely: !u }),
30
- p === "top" && /* @__PURE__ */ v(a, {
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(a, {
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
- import { t as e } from "./clsx-B1NYyfch.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
2
  import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
3
- import { t as n } from "./text-EUdAWwZz.js";
4
- import { t as r } from "./field-error-pJiSw4PN.js";
5
- import { n as i, t as a } from "./label-CEYHiWSa.js";
6
- import { t as o } from "./clear-button-la4Fb9_w.js";
7
- import { n as s, r as c } from "./date-field-DG5TYsTF.js";
3
+ import { n, t as r } from "./label-LWlgvAwz.js";
4
+ import { t as i } from "./text-DwmZ-ew8.js";
5
+ import { t as a } from "./field-error-LtNtEKDp.js";
6
+ import { t as o } from "./clear-button-D3I1X3yG.js";
7
+ import { n as s, r as c } from "./date-field-BF2f9bSf.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(i, {
38
+ /* @__PURE__ */ f(n, {
39
39
  popover: y,
40
- children: h && /* @__PURE__ */ f(a, { children: h })
40
+ children: h && /* @__PURE__ */ f(r, { children: h })
41
41
  }),
42
- o && /* @__PURE__ */ f(n, {
42
+ o && /* @__PURE__ */ f(i, {
43
43
  slot: "description",
44
44
  children: o
45
45
  }),
46
- d === "top" && /* @__PURE__ */ f(r, { children: l }),
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(r, { children: l })
56
+ d === "bottom" && /* @__PURE__ */ f(a, { children: l })
57
57
  ]
58
58
  }));
59
59
  //#endregion
@@ -1,8 +1,8 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-B1NYyfch.js";
3
- import { t } from "./FeedbackStatusIcon-BS5VX-s6.js";
2
+ import { t as e } from "./clsx-Di52oYUU.js";
3
+ import { t } from "./FeedbackStatusIcon-DRI7WrSU.js";
4
4
  import { t as n } from "./x-BJAOO5a5.js";
5
- import { n as r } from "./button-Ch860h28.js";
5
+ import { n as r } from "./button-CenXTGXL.js";
6
6
  import i from "react";
7
7
  import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
8
8
  import { useToast as c, useToastRegion as l } from "react-aria";
@@ -1,4 +1,4 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
2
  import { t } from "./Button.module-0C2ArlRs.js";
3
3
  import "react";
4
4
  import { ToggleButton as n, ToggleButtonGroup as r } from "react-aria-components";
@@ -1,4 +1,4 @@
1
- import { t as e } from "./clsx-B1NYyfch.js";
1
+ import { t as e } from "./clsx-Di52oYUU.js";
2
2
  import "react";
3
3
  import { OverlayArrow as t, Tooltip as n, TooltipTrigger as r } from "react-aria-components";
4
4
  import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/clear-button-la4Fb9_w.js";
1
+ import { t as e } from "../chunks/clear-button-D3I1X3yG.js";
2
2
  export { e as ClearButton };
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../chunks/color-scheme-switch-jgoxUu3x.js";
1
+ import { n as e, t } from "../chunks/color-scheme-switch-DVZjdwc9.js";
2
2
  export { e as ColorSchemeSwitch, t as ColorSchemeSwitchMenu };
@@ -18,4 +18,4 @@ export interface ComboBoxProps<T extends object> extends Omit<AriaComboBoxProps<
18
18
  popover?: InfoPopoverProps;
19
19
  listBoxProps?: ListBoxProps<T>;
20
20
  }
21
- export declare function ComboBox<T extends object>({ label, description, errorMessage, children, items, className, errorPosition, size, popover, listBoxProps, ...props }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
21
+ export declare function ComboBox<T extends object>({ label, description, errorMessage, children, items, className, errorPosition, size, popover, listBoxProps, ...props }: ComboBoxProps<T>): import('react').JSX.Element;
@@ -1,5 +1,6 @@
1
1
  import { StoryObj } from '@storybook/react-vite';
2
- import { options, optionsWithSections } from '../../../../tools/test-utils/src/index.ts';
2
+ import { options, optionsWithSections } from '@midas-ds/test-utils';
3
+ import { default as React } from 'react';
3
4
  import { ComboBox } from './ComboBox';
4
5
  type Item = (typeof options)[0];
5
6
  type Section = (typeof optionsWithSections)[0];
@@ -24,7 +25,7 @@ declare const _default: {
24
25
  render: (args: import('./ComboBox').ComboBoxProps<{
25
26
  id: import('react-aria-components').Key;
26
27
  name: string;
27
- }>) => import("react/jsx-runtime").JSX.Element;
28
+ }>) => React.JSX.Element;
28
29
  };
29
30
  export default _default;
30
31
  export declare const Primary: Story;
package/combobox/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/combobox-DDO4fEtI.js";
1
+ import { t as e } from "../chunks/combobox-DIou4Z-d.js";
2
2
  export { e as ComboBox };
@@ -3,4 +3,4 @@ import { FeedbackStatus } from './types';
3
3
  export interface FeedbackStatusIconProps extends LucideProps {
4
4
  status: FeedbackStatus;
5
5
  }
6
- export declare const FeedbackStatusIcon: ({ status, "aria-label": ariaLabel, size, ...rest }: FeedbackStatusIconProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const FeedbackStatusIcon: ({ status, "aria-label": ariaLabel, size, ...rest }: FeedbackStatusIconProps) => import('react').JSX.Element;
@@ -1,2 +1,2 @@
1
- import { i as e, n as t, r as n, t as r } from "../chunks/date-field-DG5TYsTF.js";
1
+ import { i as e, n as t, r as n, t as r } from "../chunks/date-field-BF2f9bSf.js";
2
2
  export { e as DateField, t as DateInput, r as DateInputDivider, n as DateSegment };
@@ -4,5 +4,5 @@ import * as React from 'react';
4
4
  interface DatePickerInputFieldProps extends Pick<DatePickerProps<DateValue>, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'size' | 'isClearable'> {
5
5
  children?: React.ReactNode;
6
6
  }
7
- export declare const DatePickerInputField: ({ children, isDisabled, isInvalid, isReadOnly, size, isClearable, }: DatePickerInputFieldProps) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const DatePickerInputField: ({ children, isDisabled, isInvalid, isReadOnly, size, isClearable, }: DatePickerInputFieldProps) => React.JSX.Element;
8
8
  export {};
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../chunks/date-picker-1W7OmCT0.js";
1
+ import { n as e, t } from "../chunks/date-picker-BomOO1LI.js";
2
2
  export { e as DatePicker, t as DateRangePicker };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/drop-zone-DvQLpgq6.js";
1
+ import { t as e } from "../chunks/drop-zone-DH3ZyHsr.js";
2
2
  export { e as DropZone };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/field-error-pJiSw4PN.js";
1
+ import { t as e } from "../chunks/field-error-LtNtEKDp.js";
2
2
  export { e as FieldError };
@@ -1,3 +1,3 @@
1
1
  import { HTMLAttributes } from 'react';
2
2
  export type FileListProps = HTMLAttributes<HTMLUListElement>;
3
- export declare const FileList: ({ className, children, ...props }: FileListProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const FileList: ({ className, children, ...props }: FileListProps) => import('react').JSX.Element;
@@ -2,16 +2,16 @@ import { StoryObj } from '@storybook/react-vite';
2
2
  import { FileList } from './FileList';
3
3
  type Story = StoryObj<typeof FileList>;
4
4
  declare const _default: {
5
- component: ({ className, children, ...props }: import('./FileList').FileListProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ className, children, ...props }: import('./FileList').FileListProps) => import('react').JSX.Element;
6
6
  subcomponents: {
7
- FileListItem: ({ fileName, fileSize, onDelete, className, }: import('./FileListItem').FileListItemProps) => import("react/jsx-runtime").JSX.Element;
7
+ FileListItem: ({ fileName, fileSize, onDelete, className, }: import('./FileListItem').FileListItemProps) => import('react').JSX.Element;
8
8
  };
9
9
  title: string;
10
10
  tags: string[];
11
11
  args: {
12
12
  'aria-label': string;
13
13
  };
14
- render: (args: import('./FileList').FileListProps) => import("react/jsx-runtime").JSX.Element;
14
+ render: (args: import('./FileList').FileListProps) => import('react').JSX.Element;
15
15
  };
16
16
  export default _default;
17
17
  export declare const Default: Story;
@@ -4,4 +4,4 @@ export interface FileListItemProps {
4
4
  onDelete?: () => void;
5
5
  className?: string;
6
6
  }
7
- export declare const FileListItem: ({ fileName, fileSize, onDelete, className, }: FileListItemProps) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const FileListItem: ({ fileName, fileSize, onDelete, className, }: FileListItemProps) => import('react').JSX.Element;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../chunks/file-list-DM1Vtkun.js";
1
+ import { n as e, t } from "../chunks/file-list-TmEuO1fJ.js";
2
2
  export { e as FileList, t as FileListItem };