@pismo/marola 1.0.0-beta.8 → 1.0.0-beta.9

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 (54) hide show
  1. package/dist/Dialog.module-DFcZsVAd.js +30 -0
  2. package/dist/{Input.module-iOYlI_1w.js → Input.module-ZTRZRcNt.js} +136 -136
  3. package/dist/SelectButton-CoOT2txy.js +61 -0
  4. package/dist/Toggle-f5brSwAI.js +175 -0
  5. package/dist/assets/Advice.css +1 -1
  6. package/dist/assets/Autocomplete.css +1 -1
  7. package/dist/assets/Button.css +1 -1
  8. package/dist/assets/Checkbox.css +1 -1
  9. package/dist/assets/Dialog.css +1 -1
  10. package/dist/assets/IconButton.css +1 -1
  11. package/dist/assets/Input.css +1 -1
  12. package/dist/assets/PageHeader.css +1 -1
  13. package/dist/assets/Pagination.css +1 -1
  14. package/dist/assets/SelectButton.css +1 -1
  15. package/dist/assets/Snackbar.css +1 -1
  16. package/dist/assets/SortTooltip.css +1 -1
  17. package/dist/assets/Stepper.css +1 -1
  18. package/dist/assets/Table.css +1 -1
  19. package/dist/assets/Toggle.css +1 -1
  20. package/dist/assets/Toggle2.css +1 -1
  21. package/dist/assets/Typography.css +1 -1
  22. package/dist/components/Advice/Advice.d.ts +32 -17
  23. package/dist/components/Advice/Advice.js +39 -40
  24. package/dist/components/Advice/Advice.stories.d.ts +4 -3
  25. package/dist/components/Autocomplete/Autocomplete.js +58 -58
  26. package/dist/components/Button/Button.js +48 -48
  27. package/dist/components/Checkbox/Checkbox.js +52 -52
  28. package/dist/components/Chip/Chip.js +1 -1
  29. package/dist/components/Dialog/Actions.js +1 -1
  30. package/dist/components/Dialog/Backdrop.js +1 -1
  31. package/dist/components/Dialog/CloseIconButton.js +1 -1
  32. package/dist/components/Dialog/Dialog.js +1 -1
  33. package/dist/components/Dialog/Dialog.stories.d.ts +1 -1
  34. package/dist/components/Dialog/DialogTitle.js +1 -1
  35. package/dist/components/IconButton/IconButton.js +42 -42
  36. package/dist/components/Input/Input.js +1 -1
  37. package/dist/components/PageHeader/PageHeader.js +57 -57
  38. package/dist/components/Pagination/Pagination.js +70 -70
  39. package/dist/components/RowItem/RowItem.js +1 -1
  40. package/dist/components/Select/Select.js +1 -1
  41. package/dist/components/Select/SelectButton.js +1 -1
  42. package/dist/components/Snackbar/Snackbar.js +90 -90
  43. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  44. package/dist/components/Stepper/Stepper.js +35 -35
  45. package/dist/components/Table/Table.js +96 -96
  46. package/dist/components/Toggle/Toggle.js +55 -55
  47. package/dist/components/ToggleGroup/Toggle.js +1 -1
  48. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  49. package/dist/components/Typography/Typography.js +47 -47
  50. package/dist/main.js +1 -1
  51. package/package.json +1 -1
  52. package/dist/Dialog.module-DFEmFdYT.js +0 -30
  53. package/dist/SelectButton-K3OIfR5m.js +0 -61
  54. package/dist/Toggle-BSvvbKBp.js +0 -175
@@ -1,22 +1,22 @@
1
1
  import '../../assets/Toggle.css';
2
2
  import { jsxs as j, jsx as P } from "react/jsx-runtime";
3
3
  import { c as O } from "../../clsx-DB4S2d7J.js";
4
- import { u as E, b as k, g as v, a as U, _ as q, c as C, P as e, d as H, e as M } from "../../useSlotProps-kRhf7Gil.js";
4
+ import { u as E, b as k, g as v, a as U, _ as H, c as C, P as e, d as M, e as A } from "../../useSlotProps-kRhf7Gil.js";
5
5
  import * as F from "react";
6
- import { u as A } from "../../useControlled-CCMYYdCM.js";
7
- import { u as D } from "../../useIsFocusVisible-BH4IAdcw.js";
8
- function L(l) {
6
+ import { u as D } from "../../useControlled-CCMYYdCM.js";
7
+ import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
8
+ function W(l) {
9
9
  const {
10
10
  checked: s,
11
11
  defaultChecked: i,
12
- disabled: r,
12
+ disabled: a,
13
13
  onBlur: c,
14
14
  onChange: h,
15
15
  onFocus: n,
16
16
  onFocusVisible: u,
17
- readOnly: a,
17
+ readOnly: r,
18
18
  required: p
19
- } = l, [N, V] = A({
19
+ } = l, [N, V] = D({
20
20
  controlled: s,
21
21
  default: !!i,
22
22
  name: "Switch",
@@ -29,26 +29,26 @@ function L(l) {
29
29
  onBlur: B,
30
30
  onFocus: _,
31
31
  ref: f
32
- } = D(), [y, z] = F.useState(!1);
33
- r && y && z(!1), F.useEffect(() => {
32
+ } = L(), [y, q] = F.useState(!1);
33
+ a && y && q(!1), F.useEffect(() => {
34
34
  b.current = y;
35
35
  }, [y, b]);
36
36
  const m = F.useRef(null), w = (t) => (o) => {
37
37
  var d;
38
- m.current || (m.current = o.currentTarget), _(o), b.current === !0 && (z(!0), u == null || u(o)), n == null || n(o), (d = t.onFocus) == null || d.call(t, o);
38
+ m.current || (m.current = o.currentTarget), _(o), b.current === !0 && (q(!0), u == null || u(o)), n == null || n(o), (d = t.onFocus) == null || d.call(t, o);
39
39
  }, T = (t) => (o) => {
40
40
  var d;
41
- B(o), b.current === !1 && z(!1), c == null || c(o), (d = t.onBlur) == null || d.call(t, o);
41
+ B(o), b.current === !1 && q(!1), c == null || c(o), (d = t.onBlur) == null || d.call(t, o);
42
42
  }, x = E(f, m);
43
43
  return {
44
44
  checked: N,
45
- disabled: !!r,
45
+ disabled: !!a,
46
46
  focusVisible: y,
47
47
  getInputProps: (t = {}) => k({
48
48
  checked: s,
49
49
  defaultChecked: i,
50
- disabled: r,
51
- readOnly: a,
50
+ disabled: a,
51
+ readOnly: r,
52
52
  ref: x,
53
53
  required: p,
54
54
  type: "checkbox",
@@ -60,11 +60,11 @@ function L(l) {
60
60
  onBlur: T(t)
61
61
  }),
62
62
  inputRef: x,
63
- readOnly: !!a
63
+ readOnly: !!r
64
64
  };
65
65
  }
66
66
  const I = "Switch";
67
- function W(l) {
67
+ function z(l) {
68
68
  return v(I, l);
69
69
  }
70
70
  U(I, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
@@ -72,32 +72,32 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
72
72
  const {
73
73
  checked: s,
74
74
  disabled: i,
75
- focusVisible: r,
75
+ focusVisible: a,
76
76
  readOnly: c
77
77
  } = l;
78
- return H({
79
- root: ["root", s && "checked", i && "disabled", r && "focusVisible", c && "readOnly"],
78
+ return M({
79
+ root: ["root", s && "checked", i && "disabled", a && "focusVisible", c && "readOnly"],
80
80
  thumb: ["thumb"],
81
81
  input: ["input"],
82
82
  track: ["track"]
83
- }, M(W));
83
+ }, A(z));
84
84
  }, $ = /* @__PURE__ */ F.forwardRef(function(s, i) {
85
- var r, c, h, n;
85
+ var a, c, h, n;
86
86
  const {
87
87
  slotProps: u = {},
88
- slots: a = {}
89
- } = s, p = q(s, G), {
88
+ slots: r = {}
89
+ } = s, p = H(s, G), {
90
90
  getInputProps: N,
91
91
  checked: V,
92
92
  disabled: S,
93
93
  focusVisible: b,
94
94
  readOnly: B
95
- } = L(s), _ = k({}, s, {
95
+ } = W(s), _ = k({}, s, {
96
96
  checked: V,
97
97
  disabled: S,
98
98
  focusVisible: b,
99
99
  readOnly: B
100
- }), f = J(_), y = (r = a.root) != null ? r : "span", z = C({
100
+ }), f = J(_), y = (a = r.root) != null ? a : "span", q = C({
101
101
  elementType: y,
102
102
  externalSlotProps: u.root,
103
103
  externalForwardedProps: p,
@@ -106,24 +106,24 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
106
106
  },
107
107
  ownerState: _,
108
108
  className: f.root
109
- }), m = (c = a.thumb) != null ? c : "span", w = C({
109
+ }), m = (c = r.thumb) != null ? c : "span", w = C({
110
110
  elementType: m,
111
111
  externalSlotProps: u.thumb,
112
112
  ownerState: _,
113
113
  className: f.thumb
114
- }), T = (h = a.input) != null ? h : "input", x = C({
114
+ }), T = (h = r.input) != null ? h : "input", x = C({
115
115
  elementType: T,
116
116
  getSlotProps: N,
117
117
  externalSlotProps: u.input,
118
118
  ownerState: _,
119
119
  className: f.input
120
- }), R = a.track === null ? () => null : (n = a.track) != null ? n : "span", t = C({
120
+ }), R = r.track === null ? () => null : (n = r.track) != null ? n : "span", t = C({
121
121
  elementType: R,
122
122
  externalSlotProps: u.track,
123
123
  ownerState: _,
124
124
  className: f.track
125
125
  });
126
- return /* @__PURE__ */ j(y, k({}, z, {
126
+ return /* @__PURE__ */ j(y, k({}, q, {
127
127
  children: [/* @__PURE__ */ P(R, k({}, t)), /* @__PURE__ */ P(m, k({}, w)), /* @__PURE__ */ P(T, k({}, x))]
128
128
  }));
129
129
  });
@@ -198,51 +198,51 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
198
198
  track: e.oneOfType([e.elementType, e.oneOf([null])])
199
199
  })
200
200
  });
201
- const K = "_toggle__label_1rzg2_43", Q = "_toggle_1rzg2_43", X = "_input_1rzg2_88", Y = "_thumb_1rzg2_99", Z = "_track_1rzg2_113", g = {
202
- "u-typography-h1": "_u-typography-h1_1rzg2_1",
203
- "u-typography-h2": "_u-typography-h2_1rzg2_8",
204
- "u-typography-h3": "_u-typography-h3_1rzg2_15",
205
- "u-typography-h4": "_u-typography-h4_1rzg2_22",
206
- "u-typography-h5": "_u-typography-h5_1rzg2_29",
207
- "u-typography-h6": "_u-typography-h6_1rzg2_36",
208
- "u-typography-base": "_u-typography-base_1rzg2_43",
201
+ const K = "_toggle__label_p0gq9_43", Q = "_toggle_p0gq9_43", X = "_input_p0gq9_89", Y = "_thumb_p0gq9_100", Z = "_track_p0gq9_114", g = {
202
+ "u-typography-h1": "_u-typography-h1_p0gq9_1",
203
+ "u-typography-h2": "_u-typography-h2_p0gq9_8",
204
+ "u-typography-h3": "_u-typography-h3_p0gq9_15",
205
+ "u-typography-h4": "_u-typography-h4_p0gq9_22",
206
+ "u-typography-h5": "_u-typography-h5_p0gq9_29",
207
+ "u-typography-h6": "_u-typography-h6_p0gq9_36",
208
+ "u-typography-base": "_u-typography-base_p0gq9_43",
209
209
  toggle__label: K,
210
- "u-typography-base--xxl": "_u-typography-base--xxl_1rzg2_48",
211
- "u-typography-base--xl": "_u-typography-base--xl_1rzg2_52",
212
- "u-typography-base--lg": "_u-typography-base--lg_1rzg2_56",
213
- "u-typography-base--sm": "_u-typography-base--sm_1rzg2_60",
214
- "u-typography-base--bold": "_u-typography-base--bold_1rzg2_64",
215
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1rzg2_67",
216
- "u-typography-base--underlined": "_u-typography-base--underlined_1rzg2_70",
217
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1rzg2_73",
210
+ "u-typography-base--xxl": "_u-typography-base--xxl_p0gq9_49",
211
+ "u-typography-base--xl": "_u-typography-base--xl_p0gq9_53",
212
+ "u-typography-base--lg": "_u-typography-base--lg_p0gq9_57",
213
+ "u-typography-base--sm": "_u-typography-base--sm_p0gq9_61",
214
+ "u-typography-base--bold": "_u-typography-base--bold_p0gq9_65",
215
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_p0gq9_68",
216
+ "u-typography-base--underlined": "_u-typography-base--underlined_p0gq9_71",
217
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_p0gq9_74",
218
218
  toggle: Q,
219
- "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_1rzg2_84",
219
+ "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_p0gq9_85",
220
220
  input: X,
221
221
  thumb: Y,
222
222
  track: Z,
223
- "toggle--focus-visible": "_toggle--focus-visible_1rzg2_123",
224
- "toggle--checked": "_toggle--checked_1rzg2_127",
225
- "toggle--disabled": "_toggle--disabled_1rzg2_140"
226
- }, re = ({
223
+ "toggle--focus-visible": "_toggle--focus-visible_p0gq9_124",
224
+ "toggle--checked": "_toggle--checked_p0gq9_128",
225
+ "toggle--disabled": "_toggle--disabled_p0gq9_141"
226
+ }, ae = ({
227
227
  label: l,
228
228
  checked: s,
229
229
  disabled: i,
230
- classNameWrapper: r,
230
+ classNameWrapper: a,
231
231
  classNameInput: c,
232
232
  "data-testid": h,
233
233
  onChange: n,
234
234
  classNameLabel: u
235
235
  }) => {
236
- const a = (p) => {
236
+ const r = (p) => {
237
237
  n == null || n(p);
238
238
  };
239
- return /* @__PURE__ */ j("div", { className: O(g.toggle, r), "data-testid": h, children: [
239
+ return /* @__PURE__ */ j("div", { className: O(g.toggle, a), "data-testid": h, children: [
240
240
  /* @__PURE__ */ P(
241
241
  $,
242
242
  {
243
243
  checked: s === !0,
244
244
  disabled: i,
245
- onChange: a,
245
+ onChange: r,
246
246
  "aria-label": l,
247
247
  slotProps: {
248
248
  root: (p) => ({
@@ -262,5 +262,5 @@ const K = "_toggle__label_1rzg2_43", Q = "_toggle_1rzg2_43", X = "_input_1rzg2_8
262
262
  ] });
263
263
  };
264
264
  export {
265
- re as Toggle
265
+ ae as Toggle
266
266
  };
@@ -4,7 +4,7 @@ import "../../clsx-DB4S2d7J.js";
4
4
  import "../Icon/Icon.js";
5
5
  import "../Typography/Typography.js";
6
6
  import "../Button/Button.js";
7
- import { T as b } from "../../Toggle-BSvvbKBp.js";
7
+ import { T as b } from "../../Toggle-f5brSwAI.js";
8
8
  import "../Dialog/Backdrop.js";
9
9
  import "../IconButton/IconButton.js";
10
10
  import "../Select/Select.js";
@@ -1,4 +1,4 @@
1
- import { T as e } from "../../Toggle-BSvvbKBp.js";
1
+ import { T as e } from "../../Toggle-f5brSwAI.js";
2
2
  import { G as p } from "../../Group-B3p31ftp.js";
3
3
  export {
4
4
  p as ToggleGroup,
@@ -1,65 +1,65 @@
1
1
  import '../../assets/Typography.css';
2
- import { jsx as b } from "react/jsx-runtime";
3
- import { forwardRef as m, useMemo as c } from "react";
4
- import { bemify as f, getBEMBase as x, getBEMBlock as k } from "../../utils/styleStrings.js";
5
- import { c as B } from "../../clsx-DB4S2d7J.js";
2
+ import { jsx as m } from "react/jsx-runtime";
3
+ import { forwardRef as c, useMemo as f } from "react";
4
+ import { bemify as x, getBEMBase as k, getBEMBlock as B } from "../../utils/styleStrings.js";
5
+ import { c as $ } from "../../clsx-DB4S2d7J.js";
6
6
  const t = {
7
- "u-typography-h1": "_u-typography-h1_zizdh_1",
8
- "u-typography-h2": "_u-typography-h2_zizdh_8",
9
- "u-typography-h3": "_u-typography-h3_zizdh_15",
10
- "u-typography-h4": "_u-typography-h4_zizdh_22",
11
- "u-typography-h5": "_u-typography-h5_zizdh_29",
12
- "u-typography-h6": "_u-typography-h6_zizdh_36",
13
- "u-typography-base": "_u-typography-base_zizdh_43",
14
- "u-typography-base--xxl": "_u-typography-base--xxl_zizdh_48",
15
- "u-typography-base--xl": "_u-typography-base--xl_zizdh_52",
16
- "u-typography-base--lg": "_u-typography-base--lg_zizdh_56",
17
- "u-typography-base--sm": "_u-typography-base--sm_zizdh_60",
18
- "u-typography-base--bold": "_u-typography-base--bold_zizdh_64",
19
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_zizdh_67",
20
- "u-typography-base--underlined": "_u-typography-base--underlined_zizdh_70",
21
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_zizdh_73"
22
- }, $ = (e) => {
7
+ "u-typography-h1": "_u-typography-h1_gn8st_1",
8
+ "u-typography-h2": "_u-typography-h2_gn8st_8",
9
+ "u-typography-h3": "_u-typography-h3_gn8st_15",
10
+ "u-typography-h4": "_u-typography-h4_gn8st_22",
11
+ "u-typography-h5": "_u-typography-h5_gn8st_29",
12
+ "u-typography-h6": "_u-typography-h6_gn8st_36",
13
+ "u-typography-base": "_u-typography-base_gn8st_43",
14
+ "u-typography-base--xxl": "_u-typography-base--xxl_gn8st_49",
15
+ "u-typography-base--xl": "_u-typography-base--xl_gn8st_53",
16
+ "u-typography-base--lg": "_u-typography-base--lg_gn8st_57",
17
+ "u-typography-base--sm": "_u-typography-base--sm_gn8st_61",
18
+ "u-typography-base--bold": "_u-typography-base--bold_gn8st_65",
19
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_gn8st_68",
20
+ "u-typography-base--underlined": "_u-typography-base--underlined_gn8st_71",
21
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_gn8st_74"
22
+ }, E = (e) => {
23
23
  const a = e.toString();
24
24
  let r = "base";
25
25
  return a.match(/^h[1-6]/) && (r = a), r;
26
- }, E = m((e, a) => {
26
+ }, M = c((e, a) => {
27
27
  const {
28
28
  children: r,
29
- className: s,
29
+ className: h,
30
30
  underline: y = !1,
31
- element: u = "span",
32
- bold: i = !1,
33
- color: d,
34
- variant: _ = $(u),
35
- strikethrough: h = !1,
36
- elementProps: n
37
- } = e, l = u, z = c(() => {
38
- const o = `u-typography-${f(_)}`, g = x(o), p = k(o);
39
- return B(
40
- t[g],
41
- { [t[`${o}`]]: o !== g },
42
- s,
43
- { [t[`${p}--bold`]]: i },
31
+ element: g = "span",
32
+ bold: n = !1,
33
+ color: l,
34
+ variant: u = E(g),
35
+ strikethrough: s = !1,
36
+ elementProps: i
37
+ } = e, b = g, d = f(() => {
38
+ const o = `u-typography-${x(u)}`, _ = k(o), p = B(o);
39
+ return $(
40
+ t[_],
41
+ { [t[`${o}`]]: o !== _ },
42
+ h,
43
+ { [t[`${p}--bold`]]: n },
44
44
  { [t[`${p}--underlined`]]: y },
45
- { [t[`${p}--strikethrough`]]: h },
46
- { [t[`${p}--strikethrough-underlined`]]: h && h && y }
45
+ { [t[`${p}--strikethrough`]]: s },
46
+ { [t[`${p}--strikethrough-underlined`]]: s && s && y }
47
47
  );
48
- }, [i, s, h, y, _]);
49
- return /* @__PURE__ */ b(
50
- l,
48
+ }, [n, h, s, y, u]);
49
+ return /* @__PURE__ */ m(
50
+ b,
51
51
  {
52
- style: { color: d },
52
+ style: { color: l },
53
53
  ref: a,
54
54
  "data-testid": e["data-testid"],
55
- ...n ?? {},
56
- className: z,
55
+ ...i ?? {},
56
+ className: d,
57
57
  children: r
58
58
  }
59
59
  );
60
- }), j = E;
60
+ }), w = M;
61
61
  export {
62
- j as Text,
63
- E as Typography,
64
- E as default
62
+ w as Text,
63
+ M as Typography,
64
+ M as default
65
65
  };
package/dist/main.js CHANGED
@@ -3,7 +3,7 @@ import { Advice as p } from "./components/Advice/Advice.js";
3
3
  import { Autocomplete as f } from "./components/Autocomplete/Autocomplete.js";
4
4
  import { Button as x } from "./components/Button/Button.js";
5
5
  import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
6
- import { C as T, R as s, T as c } from "./Toggle-BSvvbKBp.js";
6
+ import { C as T, R as s, T as c } from "./Toggle-f5brSwAI.js";
7
7
  import { Dialog as u } from "./components/Dialog/Dialog.js";
8
8
  import { EllipsisTooltip as d } from "./components/EllipsisTooltip/EllipsisTooltip.js";
9
9
  import { Icon as k } from "./components/Icon/Icon.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pismo/marola",
3
3
  "description": "CDX tribe component library",
4
- "version": "1.0.0-beta.8",
4
+ "version": "1.0.0-beta.9",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -1,30 +0,0 @@
1
- import './assets/Dialog.css';
2
- const _ = "_dialog__subtitle_yi7uo_52", o = "_dialog_yi7uo_52", a = "_dialog__backdrop_yi7uo_87", y = "_dialog__panel_yi7uo_95", i = "_dialog__title_yi7uo_56", p = "_dialog__divider_yi7uo_121", t = "_dialog__actions_yi7uo_134", u = {
3
- "u-typography-h1": "_u-typography-h1_yi7uo_1",
4
- "u-typography-h2": "_u-typography-h2_yi7uo_8",
5
- "u-typography-h3": "_u-typography-h3_yi7uo_15",
6
- "u-typography-h4": "_u-typography-h4_yi7uo_22",
7
- "u-typography-h5": "_u-typography-h5_yi7uo_29",
8
- "u-typography-h6": "_u-typography-h6_yi7uo_36",
9
- "u-typography-base": "_u-typography-base_yi7uo_43",
10
- "u-typography-base--xxl": "_u-typography-base--xxl_yi7uo_48",
11
- "u-typography-base--xl": "_u-typography-base--xl_yi7uo_52",
12
- dialog__subtitle: _,
13
- "u-typography-base--lg": "_u-typography-base--lg_yi7uo_56",
14
- "dialog__title--small": "_dialog__title--small_yi7uo_56",
15
- "u-typography-base--sm": "_u-typography-base--sm_yi7uo_60",
16
- "u-typography-base--bold": "_u-typography-base--bold_yi7uo_64",
17
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_yi7uo_67",
18
- "u-typography-base--underlined": "_u-typography-base--underlined_yi7uo_70",
19
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_yi7uo_73",
20
- dialog: o,
21
- dialog__backdrop: a,
22
- dialog__panel: y,
23
- dialog__title: i,
24
- dialog__divider: p,
25
- "dialog__close-icon": "_dialog__close-icon_yi7uo_125",
26
- dialog__actions: t
27
- };
28
- export {
29
- u as s
30
- };
@@ -1,61 +0,0 @@
1
- import './assets/SelectButton.css';
2
- import { jsxs as l, jsx as _ } from "react/jsx-runtime";
3
- import * as o from "react";
4
- import { forwardRef as u } from "react";
5
- import { c as b } from "./clsx-DB4S2d7J.js";
6
- import { Typography as y } from "./components/Typography/Typography.js";
7
- const g = "_select__listbox__option__text_11qky_64", x = "_select_11qky_64", d = "_select__popup_11qky_80", k = "_select__listbox_11qky_64", q = "_select__listbox__option_11qky_64", m = "_select__listbox__option__icon_11qky_101", w = "_select__list__option__icon_11qky_122", e = {
8
- "u-typography-h1": "_u-typography-h1_11qky_1",
9
- "u-typography-h2": "_u-typography-h2_11qky_8",
10
- "u-typography-h3": "_u-typography-h3_11qky_15",
11
- "u-typography-h4": "_u-typography-h4_11qky_22",
12
- "u-typography-h5": "_u-typography-h5_11qky_29",
13
- "u-typography-h6": "_u-typography-h6_11qky_36",
14
- "u-typography-base": "_u-typography-base_11qky_43",
15
- "u-typography-base--xxl": "_u-typography-base--xxl_11qky_48",
16
- "u-typography-base--xl": "_u-typography-base--xl_11qky_52",
17
- "u-typography-base--lg": "_u-typography-base--lg_11qky_56",
18
- "u-typography-base--sm": "_u-typography-base--sm_11qky_60",
19
- "u-typography-base--bold": "_u-typography-base--bold_11qky_64",
20
- select__listbox__option__text: g,
21
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_11qky_67",
22
- "u-typography-base--underlined": "_u-typography-base--underlined_11qky_70",
23
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_11qky_73",
24
- select: x,
25
- select__popup: d,
26
- select__listbox: k,
27
- select__listbox__option: q,
28
- select__listbox__option__icon: m,
29
- "select__listbox__option--disabled": "_select__listbox__option--disabled_11qky_105",
30
- "select__listbox__option--selected": "_select__listbox__option--selected_11qky_114",
31
- select__list__option__icon: w,
32
- "select-button": "_select-button_11qky_127",
33
- "base-Select-popup": "_base-Select-popup_11qky_145",
34
- "select-button__text": "_select-button__text_11qky_148",
35
- "select-button__icon": "_select-button__icon_11qky_157",
36
- "select-button--active": "_select-button--active_11qky_163"
37
- }, C = (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" })), f = (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 })), E = u((t, a) => {
38
- const { children: c, disabled: i, className: n, "data-testid": r, prefix: s, onClick: h } = t, p = t["aria-expanded"];
39
- return /* @__PURE__ */ l(
40
- "button",
41
- {
42
- className: b(n, p ? e["select-button--active"] : "", e["select-button"]),
43
- type: "button",
44
- onClick: h,
45
- disabled: i,
46
- "data-testid": r,
47
- ref: a,
48
- children: [
49
- /* @__PURE__ */ l("span", { className: e["select-button__text"], children: [
50
- s && /* @__PURE__ */ _(y, { children: s }),
51
- /* @__PURE__ */ _(y, { children: c })
52
- ] }),
53
- /* @__PURE__ */ _("span", { className: e["select-button__icon"], children: p ? /* @__PURE__ */ _(f, {}) : /* @__PURE__ */ _(C, {}) })
54
- ]
55
- }
56
- );
57
- });
58
- export {
59
- E as S,
60
- e as s
61
- };
@@ -1,175 +0,0 @@
1
- import './assets/Toggle2.css';
2
- import { jsx as c, jsxs as k } from "react/jsx-runtime";
3
- import { forwardRef as y } from "react";
4
- import { c as i } from "./clsx-DB4S2d7J.js";
5
- import { Icon as N } from "./components/Icon/Icon.js";
6
- import { Typography as x } from "./components/Typography/Typography.js";
7
- import "./components/Button/Button.js";
8
- import { Adornment as C } from "./components/Adornment/Adornment.js";
9
- import "./components/Dialog/Backdrop.js";
10
- import "./components/IconButton/IconButton.js";
11
- import "./components/Select/Select.js";
12
- import "./components/Table/Table.js";
13
- import "./components/Tabs/Tabs.js";
14
- import { s as g } from "./Group-B3p31ftp.js";
15
- import "./contexts/SnackbarProvider/SnackbarProvider.js";
16
- import { Skeleton as w } from "./components/Skeleton/Skeleton.js";
17
- import { B as I } from "./Button-DiLqcAJG.js";
18
- const P = "_chip_ccpk4_60", S = "_chip__adornment_ccpk4_114", R = "_chip__remove_ccpk4_119", n = {
19
- "u-typography-h1": "_u-typography-h1_ccpk4_1",
20
- "u-typography-h2": "_u-typography-h2_ccpk4_8",
21
- "u-typography-h3": "_u-typography-h3_ccpk4_15",
22
- "u-typography-h4": "_u-typography-h4_ccpk4_22",
23
- "u-typography-h5": "_u-typography-h5_ccpk4_29",
24
- "u-typography-h6": "_u-typography-h6_ccpk4_36",
25
- "u-typography-base": "_u-typography-base_ccpk4_43",
26
- "u-typography-base--xxl": "_u-typography-base--xxl_ccpk4_48",
27
- "u-typography-base--xl": "_u-typography-base--xl_ccpk4_52",
28
- "u-typography-base--lg": "_u-typography-base--lg_ccpk4_56",
29
- "u-typography-base--sm": "_u-typography-base--sm_ccpk4_60",
30
- chip: P,
31
- "u-typography-base--bold": "_u-typography-base--bold_ccpk4_64",
32
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_ccpk4_67",
33
- "u-typography-base--underlined": "_u-typography-base--underlined_ccpk4_70",
34
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_ccpk4_73",
35
- "chip--button": "_chip--button_ccpk4_89",
36
- "chip--outlined": "_chip--outlined_ccpk4_102",
37
- "chip--contained": "_chip--contained_ccpk4_108",
38
- chip__adornment: S,
39
- chip__remove: R,
40
- "chip__remove--disabled": "_chip__remove--disabled_ccpk4_130",
41
- "chip-loading": "_chip-loading_ccpk4_134"
42
- }, T = y((a, r) => {
43
- const { children: p, onClickContent: t, disabled: s, className: o, variant: h } = a;
44
- let e = i(
45
- n.chip,
46
- { [n["chip--outlined"]]: h === "outlined" },
47
- { [n["chip--contained"]]: h === "contained" },
48
- o
49
- );
50
- return t ? (e += ` ${n["chip--button"]}`, /* @__PURE__ */ c(
51
- I,
52
- {
53
- onClick: t,
54
- disabled: s,
55
- "data-testid": a["data-testid"],
56
- ref: r,
57
- className: e,
58
- children: p
59
- }
60
- )) : /* @__PURE__ */ c("span", { "data-testid": a["data-testid"], ref: r, className: e, children: p });
61
- }), K = y((a, r) => {
62
- const {
63
- label: p,
64
- className: t,
65
- onClickContent: s,
66
- leftAdornment: o,
67
- loading: h = !1,
68
- disabled: e = !1,
69
- variant: u = "default",
70
- onClickRemove: d
71
- } = a;
72
- if (h)
73
- return /* @__PURE__ */ c(
74
- w,
75
- {
76
- className: i(n["chip-loading"], a["className-skeleton"]),
77
- "data-testid": a["data-testid-skeleton"]
78
- }
79
- );
80
- const b = i(o == null ? void 0 : o.className, n.chip__adornment);
81
- return /* @__PURE__ */ k(
82
- T,
83
- {
84
- ref: r,
85
- "data-testid": a["data-testid"],
86
- onClickContent: s,
87
- disabled: e,
88
- className: t,
89
- variant: u,
90
- children: [
91
- o && /* @__PURE__ */ c(C, { ...o, className: b, disabled: e }),
92
- p,
93
- d && /* @__PURE__ */ c(
94
- "span",
95
- {
96
- className: i(n.chip__remove, { [n["chip__remove--disabled"]]: e }),
97
- role: "button",
98
- tabIndex: e ? -1 : 0,
99
- "aria-label": "remove",
100
- onClick: (l) => {
101
- l == null || l.stopPropagation(), l == null || l.nativeEvent.stopImmediatePropagation(), d();
102
- },
103
- "aria-disabled": e,
104
- children: /* @__PURE__ */ c(N, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
105
- }
106
- )
107
- ]
108
- }
109
- );
110
- }), m = {
111
- "row-item": "_row-item_o8krl_1",
112
- "row-item--clickable": "_row-item--clickable_o8krl_15",
113
- "row-item__content": "_row-item__content_o8krl_18"
114
- }, M = y((a, r) => {
115
- const { children: p, leftAdornment: t, disabled: s, onClick: o, buttons: h, ariaLabel: e, className: u } = a, d = i(t == null ? void 0 : t.className, m["row-item__adornment"]), l = {
116
- onClick: (_) => {
117
- o && o(_);
118
- },
119
- tabIndex: 0,
120
- "aria-label": e,
121
- role: "button"
122
- }, f = { size: "1rem", ...t };
123
- return /* @__PURE__ */ k(
124
- "div",
125
- {
126
- "data-testid": a["data-testid"],
127
- className: i(m["row-item"], { [m["row-item--clickable"]]: !!o }, u),
128
- ...!!o && l,
129
- ref: r,
130
- children: [
131
- t && /* @__PURE__ */ c(C, { ...f, className: d, disabled: s }),
132
- /* @__PURE__ */ c("span", { className: i(m["row-item__content"]), children: p }),
133
- h && /* @__PURE__ */ c(
134
- "div",
135
- {
136
- onClick: (_) => {
137
- _ == null || _.stopPropagation(), _ == null || _.nativeEvent.stopImmediatePropagation();
138
- },
139
- children: h
140
- }
141
- )
142
- ]
143
- }
144
- );
145
- }), O = y((a, r) => {
146
- const { text: p, isSelected: t = !1, value: s, onChange: o } = a;
147
- return /* @__PURE__ */ k(
148
- "label",
149
- {
150
- className: i([g.toggle__label], { [g["toggle__label--selected"]]: t }),
151
- "data-testid": a["data-testid"],
152
- children: [
153
- /* @__PURE__ */ c(
154
- "input",
155
- {
156
- className: i([g.toggle__input]),
157
- type: "radio",
158
- ref: r,
159
- value: s.toString(),
160
- onChange: () => o(s),
161
- role: "radio",
162
- checked: t,
163
- "aria-checked": t
164
- }
165
- ),
166
- /* @__PURE__ */ c(x, { bold: !0, children: p })
167
- ]
168
- }
169
- );
170
- });
171
- export {
172
- K as C,
173
- M as R,
174
- O as T
175
- };