@pismo/marola 0.0.1-alpha.17 → 0.0.1-alpha.18

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 (69) hide show
  1. package/dist/{Button-CSuug0jG.js → Button-2b1peDFT.js} +25 -26
  2. package/dist/{ClickAwayListener-hSFuUJnv.js → ClickAwayListener-BSW-Nd-y.js} +3 -3
  3. package/dist/{Popup-DwaWJ3ye.js → Popup-B6ZSGIEI.js} +12 -13
  4. package/dist/{Portal-CGBQMhI6.js → Portal-DIeBsWdL.js} +2 -2
  5. package/dist/{SelectButton-DWZ2BRaX.js → SelectButton-pciwIWcj.js} +24 -22
  6. package/dist/assets/Pagination.css +1 -1
  7. package/dist/assets/SelectButton.css +1 -1
  8. package/dist/assets/TextDisplay.css +1 -0
  9. package/dist/{combineHooksSlotProps-D8j4htsd.js → combineHooksSlotProps-DVjg9PRh.js} +18 -19
  10. package/dist/components/Button/Button.js +1 -1
  11. package/dist/components/Checkbox/Checkbox.d.ts +15 -0
  12. package/dist/components/Checkbox/Checkbox.stories.d.ts +31 -0
  13. package/dist/components/Chip/Chip.js +1 -1
  14. package/dist/components/Dialog/CloseIconButton.js +1 -1
  15. package/dist/components/Dialog/Dialog.js +15 -16
  16. package/dist/components/Dialog/Dialog.stories.d.ts +3 -3
  17. package/dist/components/Icon/Icon.d.ts +10 -1
  18. package/dist/components/Icon/Icon.js +39 -25
  19. package/dist/components/Icon/Icon.stories.d.ts +16 -0
  20. package/dist/components/IconButton/Icon.stories.d.ts +15 -0
  21. package/dist/components/IconButton/IconButton.d.ts +14 -0
  22. package/dist/components/IconButton/IconButton.js +1 -1
  23. package/dist/components/Input/Input.js +25 -26
  24. package/dist/components/Pagination/Pagination.d.ts +24 -5
  25. package/dist/components/Pagination/Pagination.js +119 -116
  26. package/dist/components/Pagination/Pagination.stories.d.ts +17 -0
  27. package/dist/components/Select/Select.js +137 -138
  28. package/dist/components/Select/SelectButton.js +1 -1
  29. package/dist/components/Skeleton/Skeleton.d.ts +10 -3
  30. package/dist/components/Skeleton/Skeleton.js +12 -15
  31. package/dist/components/Skeleton/Skeleton.stories.d.ts +14 -0
  32. package/dist/components/Skeleton/SkeletonCircle.stories.d.ts +14 -0
  33. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +16 -0
  34. package/dist/components/Snackbar/Snackbar.js +6 -7
  35. package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
  36. package/dist/components/SortTooltip/SortTooltip.d.ts +3 -1
  37. package/dist/components/SortTooltip/SortTooltip.js +27 -16
  38. package/dist/components/Stepper/Stepper.d.ts +11 -1
  39. package/dist/components/Stepper/Stepper.stories.d.ts +16 -0
  40. package/dist/components/Table/Table.js +38 -40
  41. package/dist/components/Tabs/Tab.d.ts +5 -0
  42. package/dist/components/Tabs/Tab.js +9 -10
  43. package/dist/components/Tabs/Tab.stories.d.ts +15 -0
  44. package/dist/components/Tabs/TabPanel.d.ts +4 -0
  45. package/dist/components/Tabs/TabPanel.js +13 -14
  46. package/dist/components/Tabs/TabPanel.stories.d.ts +14 -0
  47. package/dist/components/Tabs/Tabs.d.ts +5 -1
  48. package/dist/components/Tabs/Tabs.js +36 -37
  49. package/dist/components/Tabs/Tabs.stories.d.ts +14 -0
  50. package/dist/components/TextDisplay/TextDisplay.d.ts +23 -0
  51. package/dist/components/TextDisplay/TextDisplay.js +37 -0
  52. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +13 -0
  53. package/dist/components/TextDisplay/textDisplay.test.d.ts +1 -0
  54. package/dist/components/Toggle/Toggle.js +7 -8
  55. package/dist/components/Tooltip/Tooltip.d.ts +18 -6
  56. package/dist/components/Tooltip/Tooltip.js +104 -92
  57. package/dist/components/Tooltip/Tooltip.stories.d.ts +33 -0
  58. package/dist/components/Typography/Typography.d.ts +2 -0
  59. package/dist/components/Typography/Typography.js +40 -29
  60. package/dist/components/Typography/Typography.stories.d.ts +1 -0
  61. package/dist/{index-CtPvew6C.js → index-CH45lKw7.js} +310 -287
  62. package/dist/{index-BfeM9yWx.js → index-CjW42-M-.js} +5 -6
  63. package/dist/main.d.ts +1 -0
  64. package/dist/main.js +28 -26
  65. package/dist/{useButton-DSAvAfH_.js → useButton-DNk3wrQp.js} +3 -4
  66. package/dist/{useEventCallback-lXNMsMLa.js → useEventCallback-xTG9piMa.js} +1 -1
  67. package/dist/{useList-C5PBIv2I.js → useList-B0hog_3-.js} +48 -49
  68. package/package.json +1 -1
  69. package/dist/objectWithoutPropertiesLoose-D7Cp0Pg_.js +0 -26
@@ -1,23 +1,22 @@
1
- import { _ as T, a as i } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
1
+ import { g as T, a as _, _ as x, b as i, c as B, P as e, d as O, e as D } from "./index-CH45lKw7.js";
2
2
  import * as c from "react";
3
- import { g as _, a as x, b as B, P as o, c as O, d as D } from "./index-CtPvew6C.js";
4
3
  import { jsx as F } from "react/jsx-runtime";
5
- import { u as S } from "./useButton-DSAvAfH_.js";
4
+ import { u as S } from "./useButton-DNk3wrQp.js";
6
5
  const m = "Button";
7
6
  function U(s) {
8
- return _(m, s);
7
+ return T(m, s);
9
8
  }
10
- x(m, ["root", "active", "disabled", "focusVisible"]);
9
+ _(m, ["root", "active", "disabled", "focusVisible"]);
11
10
  const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVisible", "slotProps", "slots", "rootElementName"], j = (s) => {
12
11
  const {
13
- active: e,
12
+ active: o,
14
13
  disabled: n,
15
14
  focusVisible: r
16
15
  } = s;
17
16
  return O({
18
- root: ["root", n && "disabled", r && "focusVisible", e && "active"]
17
+ root: ["root", n && "disabled", r && "focusVisible", o && "active"]
19
18
  }, D(U));
20
- }, w = /* @__PURE__ */ c.forwardRef(function(e, n) {
19
+ }, w = /* @__PURE__ */ c.forwardRef(function(o, n) {
21
20
  var r;
22
21
  const {
23
22
  action: u,
@@ -26,7 +25,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
26
25
  slotProps: P = {},
27
26
  slots: l = {},
28
27
  rootElementName: N = "button"
29
- } = e, t = T(e, W), g = c.useRef();
28
+ } = o, t = x(o, W), g = c.useRef();
30
29
  let a = N;
31
30
  typeof l.root == "string" ? a = l.root : (t.href || t.to) && (a = "a");
32
31
  const {
@@ -34,7 +33,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
34
33
  focusVisible: E,
35
34
  setFocusVisible: d,
36
35
  getRootProps: V
37
- } = S(i({}, e, {
36
+ } = S(i({}, o, {
38
37
  focusableWhenDisabled: f,
39
38
  rootElementName: a
40
39
  }));
@@ -43,7 +42,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
43
42
  d(!0), g.current.focus();
44
43
  }
45
44
  }), [d]);
46
- const p = i({}, e, {
45
+ const p = i({}, o, {
47
46
  active: y,
48
47
  focusableWhenDisabled: f,
49
48
  focusVisible: E
@@ -70,61 +69,61 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
70
69
  /**
71
70
  * A ref for imperative actions. It currently only supports `focusVisible()` action.
72
71
  */
73
- action: o.oneOfType([o.func, o.shape({
74
- current: o.shape({
75
- focusVisible: o.func.isRequired
72
+ action: e.oneOfType([e.func, e.shape({
73
+ current: e.shape({
74
+ focusVisible: e.func.isRequired
76
75
  })
77
76
  })]),
78
77
  /**
79
78
  * @ignore
80
79
  */
81
- children: o.node,
80
+ children: e.node,
82
81
  /**
83
82
  * @ignore
84
83
  */
85
- className: o.string,
84
+ className: e.string,
86
85
  /**
87
86
  * If `true`, the component is disabled.
88
87
  * @default false
89
88
  */
90
- disabled: o.bool,
89
+ disabled: e.bool,
91
90
  /**
92
91
  * If `true`, allows a disabled button to receive focus.
93
92
  * @default false
94
93
  */
95
- focusableWhenDisabled: o.bool,
94
+ focusableWhenDisabled: e.bool,
96
95
  /**
97
96
  * @ignore
98
97
  */
99
- href: o.string,
98
+ href: e.string,
100
99
  /**
101
100
  * @ignore
102
101
  */
103
- onFocusVisible: o.func,
102
+ onFocusVisible: e.func,
104
103
  /**
105
104
  * The HTML element that is ultimately rendered, for example 'button' or 'a'
106
105
  * @default 'button'
107
106
  */
108
- rootElementName: o.string,
107
+ rootElementName: e.string,
109
108
  /**
110
109
  * The props used for each slot inside the Button.
111
110
  * @default {}
112
111
  */
113
- slotProps: o.shape({
114
- root: o.oneOfType([o.func, o.object])
112
+ slotProps: e.shape({
113
+ root: e.oneOfType([e.func, e.object])
115
114
  }),
116
115
  /**
117
116
  * The components used for each slot inside the Button.
118
117
  * Either a string to use a HTML element or a component.
119
118
  * @default {}
120
119
  */
121
- slots: o.shape({
122
- root: o.elementType
120
+ slots: e.shape({
121
+ root: e.elementType
123
122
  }),
124
123
  /**
125
124
  * @ignore
126
125
  */
127
- to: o.string
126
+ to: e.string
128
127
  });
129
128
  export {
130
129
  w as B
@@ -1,8 +1,8 @@
1
1
  import * as t from "react";
2
- import { u as C, P as f } from "./index-CtPvew6C.js";
2
+ import { u as C, P as f } from "./index-CH45lKw7.js";
3
3
  import { jsx as w } from "react/jsx-runtime";
4
- import { u as L, o as h, e as b } from "./useEventCallback-lXNMsMLa.js";
5
- import { e as g } from "./index-BfeM9yWx.js";
4
+ import { u as L, o as h, e as b } from "./useEventCallback-xTG9piMa.js";
5
+ import { e as g } from "./index-CjW42-M-.js";
6
6
  function T(c) {
7
7
  return c.substring(2).toLowerCase();
8
8
  }
@@ -1,11 +1,10 @@
1
- import { _ as jt, a as ut } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
1
+ import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, P as x, d as Yt, e as Kt } from "./index-CH45lKw7.js";
2
2
  import * as b from "react";
3
- import { useLayoutEffect as zt, useEffect as It } from "react";
4
- import { g as Ut, a as Xt, u as Yt, b as Kt, P as x, c as Gt, d as Jt } from "./index-CtPvew6C.js";
5
- import { r as Qt } from "./index-BfeM9yWx.js";
3
+ import { useLayoutEffect as Gt, useEffect as Jt } from "react";
4
+ import { r as Qt } from "./index-CjW42-M-.js";
6
5
  import { jsx as Z } from "react/jsx-runtime";
7
6
  import { u as Zt } from "./useEnhancedEffect-CJGo-L3B.js";
8
- import { P as qt, H as gt } from "./Portal-CGBQMhI6.js";
7
+ import { P as qt, H as gt } from "./Portal-DIeBsWdL.js";
9
8
  const et = Math.min, z = Math.max, nt = Math.round, q = Math.floor, H = (t) => ({
10
9
  x: t,
11
10
  y: t
@@ -884,7 +883,7 @@ const Ct = ue, Me = de, ke = fe, De = (t, e, o) => {
884
883
  platform: s
885
884
  });
886
885
  };
887
- var tt = typeof document < "u" ? zt : It;
886
+ var tt = typeof document < "u" ? Gt : Jt;
888
887
  function rt(t, e) {
889
888
  if (t === e)
890
889
  return !0;
@@ -1029,9 +1028,9 @@ function Fe(t) {
1029
1028
  }
1030
1029
  const Wt = "Popup";
1031
1030
  function Ne(t) {
1032
- return Ut(Wt, t);
1031
+ return jt(Wt, t);
1033
1032
  }
1034
- Xt(Wt, ["root", "open"]);
1033
+ zt(Wt, ["root", "open"]);
1035
1034
  const Ht = /* @__PURE__ */ b.createContext(null);
1036
1035
  process.env.NODE_ENV !== "production" && (Ht.displayName = "TransitionContext");
1037
1036
  function Ve(t) {
@@ -1064,9 +1063,9 @@ function Be(t) {
1064
1063
  const {
1065
1064
  open: e
1066
1065
  } = t;
1067
- return Gt({
1066
+ return Yt({
1068
1067
  root: ["root", e && "open"]
1069
- }, Jt(Ne));
1068
+ }, Kt(Ne));
1070
1069
  }
1071
1070
  function We(t) {
1072
1071
  return typeof t == "function" ? t() : t;
@@ -1086,7 +1085,7 @@ const He = /* @__PURE__ */ b.forwardRef(function(e, o) {
1086
1085
  slotProps: d = {},
1087
1086
  slots: h = {},
1088
1087
  strategy: g = "absolute"
1089
- } = e, w = jt(e, _e), {
1088
+ } = e, w = It(e, _e), {
1090
1089
  refs: p,
1091
1090
  elements: y,
1092
1091
  floatingStyles: R,
@@ -1101,7 +1100,7 @@ const He = /* @__PURE__ */ b.forwardRef(function(e, o) {
1101
1100
  placement: m,
1102
1101
  strategy: g,
1103
1102
  whileElementsMounted: l ? void 0 : Rt
1104
- }), T = Yt(p.setFloating, o);
1103
+ }), T = Ut(p.setFloating, o);
1105
1104
  Zt(() => {
1106
1105
  if (l && u && y.reference && y.floating)
1107
1106
  return Rt(y.reference, y.floating, C);
@@ -1117,7 +1116,7 @@ const He = /* @__PURE__ */ b.forwardRef(function(e, o) {
1117
1116
  }), {
1118
1117
  contextValue: L,
1119
1118
  hasExited: j
1120
- } = Ve(u), _ = l && j ? "hidden" : void 0, B = Be(P), O = (n = h == null ? void 0 : h.root) != null ? n : "div", W = Kt({
1119
+ } = Ve(u), _ = l && j ? "hidden" : void 0, B = Be(P), O = (n = h == null ? void 0 : h.root) != null ? n : "div", W = Xt({
1121
1120
  elementType: O,
1122
1121
  externalSlotProps: d.root,
1123
1122
  externalForwardedProps: w,
@@ -1,6 +1,6 @@
1
1
  import * as o from "react";
2
- import { r as P, e as y } from "./index-BfeM9yWx.js";
3
- import { u as T, s as a, P as i } from "./index-CtPvew6C.js";
2
+ import { r as P, e as y } from "./index-CjW42-M-.js";
3
+ import { u as T, s as a, P as i } from "./index-CH45lKw7.js";
4
4
  import { jsx as c } from "react/jsx-runtime";
5
5
  import { u as f } from "./useEnhancedEffect-CJGo-L3B.js";
6
6
  function N(t, l, s, n, u) {
@@ -1,44 +1,46 @@
1
1
  import './assets/SelectButton.css';
2
2
  import { jsxs as c, jsx as e } from "react/jsx-runtime";
3
3
  import * as o from "react";
4
- import { forwardRef as d } from "react";
5
- import { c as m } from "./clsx-DB4S2d7J.js";
4
+ import { forwardRef as h } from "react";
5
+ import { c as d } from "./clsx-DB4S2d7J.js";
6
6
  import { Typography as i } from "./components/Typography/Typography.js";
7
- const u = "_select_193rj_1", h = "_select__listbox_193rj_4", w = "_select__listbox__option_193rj_14", C = "_select__listbox__option__icon_193rj_22", j = "_select__listbox__option__text_193rj_26", v = "_select__list__option__icon_193rj_46", _ = {
8
- select: u,
9
- select__listbox: h,
10
- select__listbox__option: w,
11
- select__listbox__option__icon: C,
12
- select__listbox__option__text: j,
13
- "select__listbox__option--disabled": "_select__listbox__option--disabled_193rj_29",
14
- "select__listbox__option--selected": "_select__listbox__option--selected_193rj_38",
15
- select__list__option__icon: v,
16
- "select-button": "_select-button_193rj_51",
17
- "select-button__text": "_select-button__text_193rj_66",
18
- "select-button__icon": "_select-button__icon_193rj_75",
19
- "select-button--active": "_select-button--active_193rj_81"
20
- }, f = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M2.11104 4.9999C2.36691 4.9999 2.62291 5.09756 2.81791 5.29287L8.11104 10.5843L13.4048 5.29053C13.7954 4.8999 14.4282 4.8999 14.8188 5.29053C15.2095 5.68115 15.2095 6.31396 14.8188 6.70459L8.81885 12.7046C8.42822 13.0952 7.79541 13.0952 7.40479 12.7046L1.40479 6.70459C1.01416 6.31396 1.01416 5.68115 1.40479 5.29053C1.59854 5.09678 1.85479 4.9999 2.11104 4.9999Z", fill: "currentColor" })), g = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M13.8889 11C13.633 11 13.377 10.9023 13.182 10.707L7.8889 5.41563L2.59515 10.7094C2.20453 11.1 1.57172 11.1 1.18109 10.7094C0.790466 10.3188 0.790466 9.68594 1.18109 9.29532L7.18109 3.29532C7.57172 2.90469 8.20453 2.90469 8.59515 3.29532L14.5952 9.29532C14.9858 9.68594 14.9858 10.3188 14.5952 10.7094C14.4014 10.9031 14.1452 11 13.8889 11Z", fill: "#3F3D4B", fillOpacity: 0.88 })), N = d((t, n) => {
21
- const { children: r, disabled: a, className: b, "data-testid": p, prefix: s, onClick: x } = t, l = t["aria-expanded"];
7
+ const m = "_select_185hp_1", u = "_select__popup_185hp_4", w = "_select__listbox_185hp_7", C = "_select__listbox__option_185hp_17", v = "_select__listbox__option__icon_185hp_25", f = "_select__listbox__option__text_185hp_29", g = "_select__list__option__icon_185hp_49", _ = {
8
+ select: m,
9
+ select__popup: u,
10
+ select__listbox: w,
11
+ select__listbox__option: C,
12
+ select__listbox__option__icon: v,
13
+ select__listbox__option__text: f,
14
+ "select__listbox__option--disabled": "_select__listbox__option--disabled_185hp_32",
15
+ "select__listbox__option--selected": "_select__listbox__option--selected_185hp_41",
16
+ select__list__option__icon: g,
17
+ "select-button": "_select-button_185hp_54",
18
+ "base-Select-popup": "_base-Select-popup_185hp_69",
19
+ "select-button__text": "_select-button__text_185hp_72",
20
+ "select-button__icon": "_select-button__icon_185hp_81",
21
+ "select-button--active": "_select-button--active_185hp_87"
22
+ }, L = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M2.11104 4.9999C2.36691 4.9999 2.62291 5.09756 2.81791 5.29287L8.11104 10.5843L13.4048 5.29053C13.7954 4.8999 14.4282 4.8999 14.8188 5.29053C15.2095 5.68115 15.2095 6.31396 14.8188 6.70459L8.81885 12.7046C8.42822 13.0952 7.79541 13.0952 7.40479 12.7046L1.40479 6.70459C1.01416 6.31396 1.01416 5.68115 1.40479 5.29053C1.59854 5.09678 1.85479 4.9999 2.11104 4.9999Z", fill: "currentColor" })), y = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M13.8889 11C13.633 11 13.377 10.9023 13.182 10.707L7.8889 5.41563L2.59515 10.7094C2.20453 11.1 1.57172 11.1 1.18109 10.7094C0.790466 10.3188 0.790466 9.68594 1.18109 9.29532L7.18109 3.29532C7.57172 2.90469 8.20453 2.90469 8.59515 3.29532L14.5952 9.29532C14.9858 9.68594 14.9858 10.3188 14.5952 10.7094C14.4014 10.9031 14.1452 11 13.8889 11Z", fill: "#3F3D4B", fillOpacity: 0.88 })), j = h((t, n) => {
23
+ const { children: p, disabled: a, className: r, "data-testid": b, prefix: s, onClick: x } = t, l = t["aria-expanded"];
22
24
  return /* @__PURE__ */ c(
23
25
  "button",
24
26
  {
25
- className: m(b, l ? _["select-button--active"] : "", _["select-button"]),
27
+ className: d(r, l ? _["select-button--active"] : "", _["select-button"]),
26
28
  type: "button",
27
29
  onClick: x,
28
30
  disabled: a,
29
- "data-testid": p,
31
+ "data-testid": b,
30
32
  ref: n,
31
33
  children: [
32
34
  /* @__PURE__ */ c("span", { className: _["select-button__text"], children: [
33
35
  s && /* @__PURE__ */ e(i, { element: "span", variant: "body-small", children: s }),
34
- /* @__PURE__ */ e(i, { element: "span", variant: "body-small", children: r })
36
+ /* @__PURE__ */ e(i, { element: "span", variant: "body-small", children: p })
35
37
  ] }),
36
- /* @__PURE__ */ e("span", { className: _["select-button__icon"], children: l ? /* @__PURE__ */ e(g, {}) : /* @__PURE__ */ e(f, {}) })
38
+ /* @__PURE__ */ e("span", { className: _["select-button__icon"], children: l ? /* @__PURE__ */ e(y, {}) : /* @__PURE__ */ e(L, {}) })
37
39
  ]
38
40
  }
39
41
  );
40
42
  });
41
43
  export {
42
- N as S,
44
+ j as S,
43
45
  _ as s
44
46
  };
@@ -1 +1 @@
1
- ._pagination_9gf1w_1{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:24px 0}._pagination_9gf1w_1 ._per-page-container_9gf1w_8{font-size:var(--body-font-size-small);font-weight:var(--body-weight);line-height:var(--body-line-height-small);color:var(--gray-90)}._pagination_9gf1w_1 ._per-page-container_9gf1w_8 select{padding:4px 8px;margin:0 8px;border:1px solid var(--gray-10);border-radius:var(--border-radius)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20{display:flex;gap:8px;align-items:center}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 li{display:flex;padding:0;margin:0;list-style:none}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__label_9gf1w_31,._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn_9gf1w_31{font-size:var(--body-font-size-small);font-weight:var(--body-bold);line-height:var(--body-line-height-small);color:var(--gray-90);cursor:default}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 button{cursor:pointer;background-color:transparent;border:none;outline:none}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__previous-next-btn_9gf1w_44{font-size:var(--body-font-size-tiny);font-weight:var(--body-bold);line-height:var(--body-line-height-tiny);color:var(--accent);transition:all .3s}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__previous-next-btn_9gf1w_44:hover{font-weight:var(--heading-font-weight);color:var(--accent-dark)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__previous-next-btn_9gf1w_44:disabled{font-weight:var(--heading-font-weight);color:var(--gray-50);cursor:default}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn_9gf1w_31{width:2rem;height:2rem;cursor:pointer;transition:all .3s}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn_9gf1w_31:hover{color:var(--accent-dark)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn--selected_9gf1w_69{color:var(--white-100);background-color:var(--accent);border-radius:var(--border-radius)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn--selected_9gf1w_69:hover{background-color:var(--accent-light)}
1
+ ._pagination_n3y7g_1{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:24px 0}._pagination_n3y7g_1 ._per-page-container_n3y7g_8{display:flex;gap:.25rem;align-items:center;font-size:var(--body-font-size-small);font-weight:var(--body-weight);line-height:var(--body-line-height-small);color:var(--gray-90)}._pagination_n3y7g_1 ._per-page-container__select_n3y7g_17{width:4rem;min-width:min-content;padding:.5rem}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22{display:flex;gap:8px;align-items:center}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ul{padding:0;margin:0}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 li{display:inline-flex;padding:0;margin:0;list-style:none}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._pages-navigator-container__label_n3y7g_37,._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._page-number__btn_n3y7g_37{font-size:var(--body-font-size-small);font-weight:var(--body-bold);line-height:var(--body-line-height-small);color:var(--gray-90);cursor:default}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 button{cursor:pointer;background-color:transparent;border:none;outline:none}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._pages-navigator-container__previous-next-btn_n3y7g_50{font-size:var(--body-font-size-tiny);font-weight:var(--body-bold);line-height:var(--body-line-height-tiny);color:var(--accent);transition:all .3s}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._pages-navigator-container__previous-next-btn_n3y7g_50:hover{font-weight:var(--heading-font-weight);color:var(--accent-dark)}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._pages-navigator-container__previous-next-btn_n3y7g_50:disabled{font-weight:var(--heading-font-weight);color:var(--gray-50);cursor:default}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._page-number__btn_n3y7g_37{width:2rem;height:2rem;cursor:pointer;transition:all .3s}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._page-number__btn_n3y7g_37:hover{color:var(--accent-dark)}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._page-number__btn--selected_n3y7g_75{color:var(--white-100);background-color:var(--accent);border-radius:var(--border-radius)}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._page-number__btn--selected_n3y7g_75:hover{background-color:var(--accent-light)}
@@ -1 +1 @@
1
- ._select_193rj_1{background-color:red}._select__listbox_193rj_4{min-width:10.75rem;max-height:400px;padding:.5rem;margin-top:.25rem;overflow-y:auto;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 6px 12px rgba(var(--black-100-rgb),20%)}._select__listbox__option_193rj_14{display:flex;padding:.625rem;color:rgba(var(--gray-95-rgb),88%);list-style:none;cursor:pointer;border-radius:var(--border-radius-soft)}._select__listbox__option__icon_193rj_22{display:flex;margin-right:.5rem}._select__listbox__option__text_193rj_26{font-weight:700}._select__listbox__option_193rj_14:hover:not(._select__listbox__option--disabled_193rj_29){padding:.625rem;color:var(--accent);background-color:rgba(var(--black-100-rgb),4%);border-radius:var(--border-radius-soft)}._select__listbox__option_193rj_14:active:not(._select__listbox__option--disabled_193rj_29){color:var(--accent-dark)}._select__listbox__option--selected_193rj_38{background-color:var(--accent-lighter)}._select__listbox__option--disabled_193rj_29{color:rgba(var(--gray-95-rgb),25%);cursor:default;border:transparent}._select__listbox__option--disabled_193rj_29 ._select__list__option__icon_193rj_46{color:rgba(var(--gray-95-rgb),25%);fill:rgba(var(--gray-95-rgb),25%)}._select-button_193rj_51{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:11.875rem;min-width:fit-content;padding:.625rem 1rem;color:rgba(var(--gray-95-rgb),88%);cursor:pointer;background-color:var(--white-100);border:1px solid rgba(var(--black-100-rgb),6%);border-radius:var(--border-radius);outline:none}._select-button__text_193rj_66{display:flex;gap:.5rem;width:100%;overflow:hidden;text-align:start;text-overflow:ellipsis;text-wrap:nowrap}._select-button__icon_193rj_75{display:flex}._select-button__icon_193rj_75 svg{color:rgba(var(--gray-95-rgb),88%)}._select-button--active_193rj_81{border:1px solid var(--accent)}._select-button_193rj_51:disabled{color:rgba(var(--gray-95-rgb),25%);cursor:default;border:1px solid var(--gray-10)}._select-button_193rj_51:disabled ._select-button__icon_193rj_75 svg{color:rgba(var(--gray-95-rgb),25%)}._select-button_193rj_51:hover:not(._select-button_193rj_51:disabled){border:1px solid var(--gray-25)}._select-button_193rj_51:focus:not(._select-button_193rj_51:disabled),._select-button_193rj_51:active:not(._select-button_193rj_51:disabled){border:1px solid var(--accent)}
1
+ ._select_185hp_1{background-color:red}._select__popup_185hp_4{z-index:9999}._select__listbox_185hp_7{min-width:10.75rem;max-height:400px;padding:.5rem;margin-top:.25rem;overflow-y:auto;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 6px 12px rgba(var(--black-100-rgb),20%)}._select__listbox__option_185hp_17{display:flex;padding:.625rem;color:rgba(var(--gray-95-rgb),88%);list-style:none;cursor:pointer;border-radius:var(--border-radius-soft)}._select__listbox__option__icon_185hp_25{display:flex;margin-right:.5rem}._select__listbox__option__text_185hp_29{font-weight:700}._select__listbox__option_185hp_17:hover:not(._select__listbox__option--disabled_185hp_32){padding:.625rem;color:var(--accent);background-color:rgba(var(--black-100-rgb),4%);border-radius:var(--border-radius-soft)}._select__listbox__option_185hp_17:active:not(._select__listbox__option--disabled_185hp_32){color:var(--accent-dark)}._select__listbox__option--selected_185hp_41{background-color:var(--accent-lighter)}._select__listbox__option--disabled_185hp_32{color:rgba(var(--gray-95-rgb),25%);cursor:default;border:transparent}._select__listbox__option--disabled_185hp_32 ._select__list__option__icon_185hp_49{color:rgba(var(--gray-95-rgb),25%);fill:rgba(var(--gray-95-rgb),25%)}._select-button_185hp_54{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:11.875rem;min-width:fit-content;padding:.625rem 1rem;color:rgba(var(--gray-95-rgb),88%);cursor:pointer;background-color:var(--white-100);border:1px solid rgba(var(--black-100-rgb),6%);border-radius:var(--border-radius);outline:none}._select-button_185hp_54 ._base-Select-popup_185hp_69{z-index:1}._select-button__text_185hp_72{display:flex;gap:.5rem;width:100%;overflow:hidden;text-align:start;text-overflow:ellipsis;text-wrap:nowrap}._select-button__icon_185hp_81{display:flex}._select-button__icon_185hp_81 svg{color:rgba(var(--gray-95-rgb),88%)}._select-button--active_185hp_87{border:1px solid var(--accent)}._select-button_185hp_54:disabled{color:rgba(var(--gray-95-rgb),25%);cursor:default;border:1px solid var(--gray-10)}._select-button_185hp_54:disabled ._select-button__icon_185hp_81 svg{color:rgba(var(--gray-95-rgb),25%)}._select-button_185hp_54:hover:not(._select-button_185hp_54:disabled){border:1px solid var(--gray-25)}._select-button_185hp_54:focus:not(._select-button_185hp_54:disabled),._select-button_185hp_54:active:not(._select-button_185hp_54:disabled){border:1px solid var(--accent)}
@@ -0,0 +1 @@
1
+ ._container_13z5o_1{display:flex;flex-direction:column}
@@ -1,7 +1,6 @@
1
- import { a as c } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
1
+ import { f as E, b as a } from "./index-CH45lKw7.js";
2
2
  import * as r from "react";
3
- import { e as E } from "./index-CtPvew6C.js";
4
- const m = {
3
+ const f = {
5
4
  blur: "list:blur",
6
5
  focus: "list:focus",
7
6
  itemClick: "list:itemClick",
@@ -12,13 +11,13 @@ const m = {
12
11
  highlightLast: "list:highlightLast",
13
12
  textNavigation: "list:textNavigation",
14
13
  clearSelection: "list:clearSelection"
15
- }, f = /* @__PURE__ */ r.createContext(null);
16
- process.env.NODE_ENV !== "production" && (f.displayName = "ListContext");
17
- function H(l) {
14
+ }, m = /* @__PURE__ */ r.createContext(null);
15
+ process.env.NODE_ENV !== "production" && (m.displayName = "ListContext");
16
+ function b(l) {
18
17
  const {
19
- handlePointerOverEvents: a = !1,
18
+ handlePointerOverEvents: c = !1,
20
19
  item: t
21
- } = l, s = r.useContext(f);
20
+ } = l, s = r.useContext(m);
22
21
  if (!s)
23
22
  throw new Error("useListItem must be used within a ListProvider");
24
23
  const {
@@ -35,7 +34,7 @@ function H(l) {
35
34
  throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
36
35
  `));
37
36
  n({
38
- type: m.itemClick,
37
+ type: f.itemClick,
39
38
  item: t,
40
39
  event: e
41
40
  });
@@ -47,7 +46,7 @@ function H(l) {
47
46
  throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
48
47
  `));
49
48
  n({
50
- type: m.itemHover,
49
+ type: f.itemHover,
51
50
  item: t,
52
51
  event: e
53
52
  });
@@ -57,9 +56,9 @@ function H(l) {
57
56
  return g && (h = d ? 0 : -1), {
58
57
  getRootProps: (i = {}) => {
59
58
  const e = E(i);
60
- return c({}, i, {
59
+ return a({}, i, {
61
60
  onClick: v(e),
62
- onPointerOver: a ? C(e) : void 0,
61
+ onPointerOver: c ? C(e) : void 0,
63
62
  tabIndex: h
64
63
  });
65
64
  },
@@ -67,15 +66,15 @@ function H(l) {
67
66
  selected: p
68
67
  };
69
68
  }
70
- function b(l, a) {
69
+ function x(l, c) {
71
70
  return function(s = {}) {
72
- const n = c({}, s, l(s));
73
- return c({}, n, a(n));
71
+ const n = a({}, s, l(s));
72
+ return a({}, n, c(n));
74
73
  };
75
74
  }
76
75
  export {
77
- m as L,
78
- f as a,
79
- b as c,
80
- H as u
76
+ f as L,
77
+ m as a,
78
+ x as c,
79
+ b as u
81
80
  };
@@ -3,7 +3,7 @@ import { jsx as r, jsxs as w } from "react/jsx-runtime";
3
3
  import { forwardRef as m, useMemo as c } from "react";
4
4
  import { c as g } from "../../clsx-DB4S2d7J.js";
5
5
  import { LoadingSpinner as f } from "../LoadingSpinner/LoadingSpinner.js";
6
- import { B as k } from "../../Button-CSuug0jG.js";
6
+ import { B as k } from "../../Button-2b1peDFT.js";
7
7
  const p = "_h1_1swyh_1", q = "_h2_1swyh_11", S = "_h3_1swyh_21", M = "_h4_1swyh_31", B = "_body_1swyh_41", x = "_quote_1swyh_75", N = "_form__input_1swyh_98", v = "_form__hint_1swyh_103", j = "_form__label_1swyh_108", P = "_form__dropdown_1swyh_113", $ = "_table__header_1swyh_131", C = "_table__body_1swyh_136", L = "_button_1swyh_159", R = "_SM_1swyh_178", o = {
8
8
  h1: p,
9
9
  "h1--bold": "_h1--bold_1swyh_7",
@@ -3,17 +3,32 @@ import { ReactNode } from 'react';
3
3
  type CheckboxTheme = 'light' | 'accent';
4
4
  type CheckboxSizes = 'small' | 'normal';
5
5
  type CheckboxProps = {
6
+ /** Space separated list of CSS classes to apply */
6
7
  className?: string;
8
+ /** ID that tests can use to get this component from the DOM */
7
9
  'data-testid'?: string;
10
+ /** Checkbox label */
8
11
  label?: ReactNode;
12
+ /** Checkbox theme */
9
13
  theme?: CheckboxTheme;
14
+ /** Checkbox size */
10
15
  size?: CheckboxSizes;
16
+ /** Checkbox size */
11
17
  checked?: boolean;
18
+ /** Indeterminate state */
12
19
  isIndeterminate?: boolean;
20
+ /** Name */
13
21
  name?: string;
22
+ /** Functionality to perform when the checkbox value change */
14
23
  onChange: (checked: boolean) => void;
24
+ /** Checkbox label */
15
25
  children?: ReactNode;
26
+ /** Set the highlight of the label */
16
27
  highlightLabel?: boolean;
17
28
  };
29
+ /**
30
+ * Checkboxes allow the user to select one or more items from a set.
31
+ * Checkboxes can be used to turn an option on or off.
32
+ */
18
33
  declare const Checkbox: ({ className, label, name, theme, size, checked, onChange, isIndeterminate, highlightLabel, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
19
34
  export { Checkbox };
@@ -0,0 +1,31 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ className, label, name, theme, size, checked, onChange, isIndeterminate, highlightLabel, ...rest }: {
6
+ className?: string | undefined;
7
+ 'data-testid'?: string | undefined;
8
+ label?: import('react').ReactNode;
9
+ theme?: ("light" | "accent") | undefined;
10
+ size?: ("small" | "normal") | undefined;
11
+ checked?: boolean | undefined;
12
+ isIndeterminate?: boolean | undefined;
13
+ name?: string | undefined;
14
+ onChange: (checked: boolean) => void;
15
+ children?: import('react').ReactNode;
16
+ highlightLabel?: boolean | undefined;
17
+ }) => import("react/jsx-runtime").JSX.Element;
18
+ tags: string[];
19
+ parameters: {
20
+ layout: string;
21
+ };
22
+ };
23
+ export default meta;
24
+ type Story = StoryObj<typeof meta>;
25
+ export declare const Default: Story;
26
+ export declare const DefaultWithLabel: Story;
27
+ export declare const LightTheme: Story;
28
+ export declare const LightThemeIndeterminate: Story;
29
+ export declare const LabelAsChildren: Story;
30
+ export declare const HighlightLabel: Story;
31
+ export declare const SmallSize: Story;
@@ -11,7 +11,7 @@ import "../Select/Select.js";
11
11
  import { Skeleton as y } from "../Skeleton/Skeleton.js";
12
12
  import "../Table/Table.js";
13
13
  import "../Tabs/Tabs.js";
14
- import { B as g } from "../../Button-CSuug0jG.js";
14
+ import { B as g } from "../../Button-2b1peDFT.js";
15
15
  const k = "_h1_1hro6_1", q = "_h2_1hro6_11", C = "_h3_1hro6_21", x = "_h4_1hro6_31", N = "_body_1hro6_41", v = "_quote_1hro6_75", S = "_form__input_1hro6_98", w = "_form__hint_1hro6_103", M = "_form__label_1hro6_108", R = "_form__dropdown_1hro6_113", A = "_table__header_1hro6_131", I = "_table__body_1hro6_136", T = "_button_1hro6_159", j = "_SM_1hro6_178", B = "_chip_1hro6_178", E = "_chip__adornment_1hro6_224", P = "_chip__remove_1hro6_229", e = {
16
16
  h1: k,
17
17
  "h1--bold": "_h1--bold_1hro6_7",
@@ -1,7 +1,7 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
2
  import { Icon as r } from "../Icon/Icon.js";
3
3
  import { s as t } from "../../Dialog.module-B8COssqi.js";
4
- import { B as a } from "../../Button-CSuug0jG.js";
4
+ import { B as a } from "../../Button-2b1peDFT.js";
5
5
  const d = ({ handleOnClose: i, className: o }) => {
6
6
  const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
7
7
  return /* @__PURE__ */ s(
@@ -1,16 +1,15 @@
1
1
  import { jsxs as $, jsx as S } from "react/jsx-runtime";
2
- import { default as Ye } from "./Actions.js";
2
+ import { default as $e } from "./Actions.js";
3
3
  import oe from "./Backdrop.js";
4
4
  import re from "./CloseIconButton.js";
5
- import { default as Ge } from "./Content.js";
5
+ import { default as ze } from "./Content.js";
6
6
  import { s as q } from "../../Dialog.module-B8COssqi.js";
7
7
  import se from "./Title.js";
8
- import { a as C, _ as ie } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
8
+ import { u as Z, P as i, f as ie, b as C, g as ae, a as le, _ as ce, c as z, d as de, e as ue } from "../../index-CH45lKw7.js";
9
9
  import * as f from "react";
10
- import { u as Z, P as i, e as ae, g as le, a as ce, b as z, c as de, d as ue } from "../../index-CtPvew6C.js";
11
- import { o as w, e as ee, u as G } from "../../useEventCallback-lXNMsMLa.js";
12
- import { P as fe, H as pe } from "../../Portal-CGBQMhI6.js";
13
- import { e as be } from "../../index-BfeM9yWx.js";
10
+ import { o as w, e as ee, u as G } from "../../useEventCallback-xTG9piMa.js";
11
+ import { P as fe, H as pe } from "../../Portal-DIeBsWdL.js";
12
+ import { e as be } from "../../index-CjW42-M-.js";
14
13
  function X(...e) {
15
14
  return e.reduce((t, o) => o == null ? t : function(...s) {
16
15
  t.apply(this, s), o.apply(this, s);
@@ -361,7 +360,7 @@ function Se(e) {
361
360
  };
362
361
  return {
363
362
  getRootProps: (b = {}) => {
364
- const u = ae(e);
363
+ const u = ie(e);
365
364
  delete u.onTransitionEnter, delete u.onTransitionExited;
366
365
  const P = C({}, u, b);
367
366
  return C({
@@ -400,9 +399,9 @@ function Se(e) {
400
399
  }
401
400
  const te = "Modal";
402
401
  function we(e) {
403
- return le(te, e);
402
+ return ae(te, e);
404
403
  }
405
- ce(te, ["root", "hidden", "backdrop"]);
404
+ le(te, ["root", "hidden", "backdrop"]);
406
405
  const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], Ae = (e) => {
407
406
  const {
408
407
  open: t,
@@ -430,7 +429,7 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
430
429
  open: I,
431
430
  slotProps: A = {},
432
431
  slots: N = {}
433
- } = t, l = ie(t, Oe), v = C({}, t, {
432
+ } = t, l = ce(t, Oe), v = C({}, t, {
434
433
  closeAfterTransition: r,
435
434
  disableAutoFocus: d,
436
435
  disableEnforceFocus: p,
@@ -614,7 +613,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
614
613
  root: i.elementType
615
614
  })
616
615
  });
617
- const qe = ({
616
+ const je = ({
618
617
  children: e,
619
618
  dialogTitle: t,
620
619
  dialogSubtitle: o,
@@ -639,9 +638,9 @@ const qe = ({
639
638
  }
640
639
  );
641
640
  export {
642
- Ye as Actions,
643
- Ge as Content,
644
- qe as Dialog,
641
+ $e as Actions,
642
+ ze as Content,
643
+ je as Dialog,
645
644
  se as DialogTitle,
646
- qe as default
645
+ je as default
647
646
  };
@@ -82,7 +82,7 @@ declare const meta: {
82
82
  tabIndex?: number | undefined;
83
83
  "aria-activedescendant"?: string | undefined;
84
84
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
85
- "aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
85
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
86
86
  "aria-braillelabel"?: string | undefined;
87
87
  "aria-brailleroledescription"?: string | undefined;
88
88
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -97,7 +97,7 @@ declare const meta: {
97
97
  "aria-description"?: string | undefined;
98
98
  "aria-details"?: string | undefined;
99
99
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
100
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
100
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
101
101
  "aria-errormessage"?: string | undefined;
102
102
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
103
103
  "aria-flowto"?: string | undefined;
@@ -119,7 +119,7 @@ declare const meta: {
119
119
  "aria-posinset"?: number | undefined;
120
120
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
121
121
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
122
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
122
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
123
123
  "aria-required"?: (boolean | "true" | "false") | undefined;
124
124
  "aria-roledescription"?: string | undefined;
125
125
  "aria-rowcount"?: number | undefined;