@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,33 +1,33 @@
1
1
  import '../../assets/Pagination.css';
2
- import { jsxs as r, Fragment as p, jsx as a } from "react/jsx-runtime";
2
+ import { jsxs as s, Fragment as p, jsx as t } from "react/jsx-runtime";
3
3
  import { c as o } from "../../clsx-DB4S2d7J.js";
4
- import { Select as m } from "../Select/Select.js";
4
+ import { Select as d } from "../Select/Select.js";
5
5
  import I from "./usePagination.js";
6
- const C = "_pagination_19imj_43", n = {
7
- "u-typography-h1": "_u-typography-h1_19imj_1",
8
- "u-typography-h2": "_u-typography-h2_19imj_8",
9
- "u-typography-h3": "_u-typography-h3_19imj_15",
10
- "u-typography-h4": "_u-typography-h4_19imj_22",
11
- "u-typography-h5": "_u-typography-h5_19imj_29",
12
- "u-typography-h6": "_u-typography-h6_19imj_36",
13
- "u-typography-base": "_u-typography-base_19imj_43",
6
+ const C = "_pagination_2n0nk_43", a = {
7
+ "u-typography-h1": "_u-typography-h1_2n0nk_1",
8
+ "u-typography-h2": "_u-typography-h2_2n0nk_8",
9
+ "u-typography-h3": "_u-typography-h3_2n0nk_15",
10
+ "u-typography-h4": "_u-typography-h4_2n0nk_22",
11
+ "u-typography-h5": "_u-typography-h5_2n0nk_29",
12
+ "u-typography-h6": "_u-typography-h6_2n0nk_36",
13
+ "u-typography-base": "_u-typography-base_2n0nk_43",
14
14
  pagination: C,
15
- "per-page-container": "_per-page-container_19imj_43",
16
- "u-typography-base--xxl": "_u-typography-base--xxl_19imj_48",
17
- "u-typography-base--xl": "_u-typography-base--xl_19imj_52",
18
- "u-typography-base--lg": "_u-typography-base--lg_19imj_56",
19
- "u-typography-base--sm": "_u-typography-base--sm_19imj_60",
20
- "u-typography-base--bold": "_u-typography-base--bold_19imj_64",
21
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_19imj_67",
22
- "u-typography-base--underlined": "_u-typography-base--underlined_19imj_70",
23
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_19imj_73",
24
- "per-page-container__select": "_per-page-container__select_19imj_90",
25
- "pages-navigator-container": "_pages-navigator-container_19imj_97",
26
- "page-item": "_page-item_19imj_114",
27
- "page-number__btn": "_page-number__btn_19imj_114",
28
- "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_19imj_133",
29
- "page-number__btn--selected": "_page-number__btn--selected_19imj_158"
30
- }, k = {
15
+ "per-page-container": "_per-page-container_2n0nk_43",
16
+ "u-typography-base--xxl": "_u-typography-base--xxl_2n0nk_49",
17
+ "u-typography-base--xl": "_u-typography-base--xl_2n0nk_53",
18
+ "u-typography-base--lg": "_u-typography-base--lg_2n0nk_57",
19
+ "u-typography-base--sm": "_u-typography-base--sm_2n0nk_61",
20
+ "u-typography-base--bold": "_u-typography-base--bold_2n0nk_65",
21
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_2n0nk_68",
22
+ "u-typography-base--underlined": "_u-typography-base--underlined_2n0nk_71",
23
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_2n0nk_74",
24
+ "per-page-container__select": "_per-page-container__select_2n0nk_91",
25
+ "pages-navigator-container": "_pages-navigator-container_2n0nk_98",
26
+ "page-item": "_page-item_2n0nk_115",
27
+ "page-number__btn": "_page-number__btn_2n0nk_115",
28
+ "pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_2n0nk_134",
29
+ "page-number__btn--selected": "_page-number__btn--selected_2n0nk_159"
30
+ }, w = {
31
31
  pt: {
32
32
  showing: "Exibindo",
33
33
  of: "de",
@@ -44,8 +44,8 @@ const C = "_pagination_19imj_43", n = {
44
44
  next: "Next",
45
45
  perPage: "Items per page"
46
46
  }
47
- }, L = ({ perPageOptions: g = [5, 10, 25, 50, 100], language: d = "en", ...e }) => {
48
- const l = Math.ceil(e.totalItems / e.perPage), y = e.currentPage <= 1, b = e.currentPage >= l, v = { ...k[d], ...e.t || {} }, s = (t) => v[t], { items: j } = I({
47
+ }, j = ({ perPageOptions: g = [5, 10, 25, 50, 100], language: y = "en", ...e }) => {
48
+ const l = Math.ceil(e.totalItems / e.perPage), b = e.currentPage <= 1, m = e.currentPage >= l, k = { ...w[y], ...e.t || {} }, i = (n) => k[n], { items: v } = I({
49
49
  count: l,
50
50
  hideNextButton: !0,
51
51
  hidePrevButton: !0,
@@ -53,53 +53,53 @@ const C = "_pagination_19imj_43", n = {
53
53
  siblingCount: 1,
54
54
  boundaryCount: 2
55
55
  }), c = e.perPage * (e.currentPage - 1) + 1, u = c + e.perPage - 1, x = u > e.totalItems ? u - e.totalItems : 0, P = u - x;
56
- return /* @__PURE__ */ r("div", { className: o(n.pagination, e.className), "data-testid": e["data-testid"], children: [
57
- /* @__PURE__ */ r(
56
+ return /* @__PURE__ */ s("div", { className: o(a.pagination, e.className), "data-testid": e["data-testid"], children: [
57
+ /* @__PURE__ */ s(
58
58
  "div",
59
59
  {
60
- className: o(n["per-page-container"], e.classNamePerPage),
60
+ className: o(a["per-page-container"], e.classNamePerPage),
61
61
  "data-testid": e["data-testid-per-page"],
62
62
  children: [
63
- g && /* @__PURE__ */ r(p, { children: [
64
- /* @__PURE__ */ a("span", { children: s`perPage` }),
65
- /* @__PURE__ */ a(
66
- m,
63
+ g && /* @__PURE__ */ s(p, { children: [
64
+ /* @__PURE__ */ t("span", { children: i`perPage` }),
65
+ /* @__PURE__ */ t(
66
+ d,
67
67
  {
68
- className: n["per-page-container__select"],
68
+ className: a["per-page-container__select"],
69
69
  value: String(e.perPage),
70
- onChange: (t) => e.onRowsPerPageChange(Number(t)),
71
- children: g == null ? void 0 : g.map((t) => {
72
- const i = typeof t == "number";
73
- return /* @__PURE__ */ a(
74
- m.Option,
70
+ onChange: (n) => e.onRowsPerPageChange(Number(n)),
71
+ children: g == null ? void 0 : g.map((n) => {
72
+ const r = typeof n == "number";
73
+ return /* @__PURE__ */ t(
74
+ d.Option,
75
75
  {
76
- value: String(i ? t : t.value),
77
- children: i ? t : t.label
76
+ value: String(r ? n : n.value),
77
+ children: r ? n : n.label
78
78
  },
79
- `per-page__${i ? t : t.value}`
79
+ `per-page__${r ? n : n.value}`
80
80
  );
81
81
  })
82
82
  }
83
83
  )
84
84
  ] }),
85
- /* @__PURE__ */ r(
85
+ /* @__PURE__ */ s(
86
86
  "div",
87
87
  {
88
- className: o(n["page-infos"], e.classNamePagesInfo),
88
+ className: o(a["page-infos"], e.classNamePagesInfo),
89
89
  "data-testid": e["data-testid-pages-info"],
90
90
  children: [
91
- /* @__PURE__ */ r("span", { children: [
91
+ /* @__PURE__ */ s("span", { children: [
92
92
  c,
93
93
  " - ",
94
94
  P
95
95
  ] }),
96
96
  " ",
97
- /* @__PURE__ */ r("span", { children: [
98
- s`of`,
97
+ /* @__PURE__ */ s("span", { children: [
98
+ i`of`,
99
99
  " ",
100
- /* @__PURE__ */ a("strong", { children: e.totalItems }),
100
+ /* @__PURE__ */ t("strong", { children: e.totalItems }),
101
101
  " ",
102
- s`results`
102
+ i`results`
103
103
  ] })
104
104
  ]
105
105
  }
@@ -107,44 +107,44 @@ const C = "_pagination_19imj_43", n = {
107
107
  ]
108
108
  }
109
109
  ),
110
- /* @__PURE__ */ r(
110
+ /* @__PURE__ */ s(
111
111
  "div",
112
112
  {
113
- className: o(n["pages-navigator-container"], e.classNamePagesNav),
113
+ className: o(a["pages-navigator-container"], e.classNamePagesNav),
114
114
  "data-testid": e["data-testid-pages-nav"],
115
115
  children: [
116
- /* @__PURE__ */ a(
116
+ /* @__PURE__ */ t(
117
117
  "button",
118
118
  {
119
- className: n["pages-navigator-container__previous-next-btn"],
120
- disabled: y,
119
+ className: a["pages-navigator-container__previous-next-btn"],
120
+ disabled: b,
121
121
  onClick: () => e.onPageChange(e.currentPage - 1),
122
122
  type: "button",
123
- children: s`previous`
123
+ children: i`previous`
124
124
  },
125
125
  "page__previous"
126
126
  ),
127
- /* @__PURE__ */ a("ul", { children: j.map(({ page: t, type: i, selected: N, ...f }, h) => {
128
- let _ = /* @__PURE__ */ a(p, {});
129
- return i === "start-ellipsis" || i === "end-ellipsis" ? _ = /* @__PURE__ */ a("span", { className: n["page-item"], children: "..." }) : i === "page" ? _ = /* @__PURE__ */ a(
127
+ /* @__PURE__ */ t("ul", { children: v.map(({ page: n, type: r, selected: N, ...f }, h) => {
128
+ let _ = /* @__PURE__ */ t(p, {});
129
+ return r === "start-ellipsis" || r === "end-ellipsis" ? _ = /* @__PURE__ */ t("span", { className: a["page-item"], children: "..." }) : r === "page" ? _ = /* @__PURE__ */ t(
130
130
  "button",
131
131
  {
132
- className: o(n["page-number__btn"], N && n["page-number__btn--selected"]),
133
- onClick: () => e.onPageChange(t || 0),
132
+ className: o(a["page-number__btn"], N && a["page-number__btn--selected"]),
133
+ onClick: () => e.onPageChange(n || 0),
134
134
  type: "button",
135
- children: t
135
+ children: n
136
136
  },
137
137
  `page__${h}`
138
- ) : _ = /* @__PURE__ */ a("button", { type: "button", ...f, children: i }), /* @__PURE__ */ a("li", { children: _ }, h);
138
+ ) : _ = /* @__PURE__ */ t("button", { type: "button", ...f, children: r }), /* @__PURE__ */ t("li", { children: _ }, h);
139
139
  }) }),
140
- /* @__PURE__ */ a(
140
+ /* @__PURE__ */ t(
141
141
  "button",
142
142
  {
143
- className: n["pages-navigator-container__previous-next-btn"],
144
- disabled: b,
143
+ className: a["pages-navigator-container__previous-next-btn"],
144
+ disabled: m,
145
145
  onClick: () => e.onPageChange(e.currentPage + 1),
146
146
  type: "button",
147
- children: s`next`
147
+ children: i`next`
148
148
  },
149
149
  "page__next"
150
150
  )
@@ -154,6 +154,6 @@ const C = "_pagination_19imj_43", n = {
154
154
  ] });
155
155
  };
156
156
  export {
157
- L as Pagination,
158
- k as paginationDefaultTranslations
157
+ j as Pagination,
158
+ w as paginationDefaultTranslations
159
159
  };
@@ -5,7 +5,7 @@ import "../Adornment/Adornment.js";
5
5
  import "../Icon/Icon.js";
6
6
  import "../Typography/Typography.js";
7
7
  import "../Button/Button.js";
8
- import { R as I, R as b } from "../../Toggle-BSvvbKBp.js";
8
+ import { R as I, R as b } from "../../Toggle-f5brSwAI.js";
9
9
  import "../Dialog/Backdrop.js";
10
10
  import "../IconButton/IconButton.js";
11
11
  import "../Select/Select.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx as h, jsxs as Oe } from "react/jsx-runtime";
2
2
  import { c as _e } from "../../clsx-DB4S2d7J.js";
3
3
  import { Typography as Ke } from "../Typography/Typography.js";
4
- import { s as L, S as ze } from "../../SelectButton-K3OIfR5m.js";
4
+ import { s as L, S as ze } from "../../SelectButton-CoOT2txy.js";
5
5
  import { g as Ve, a as we, u as X, f as ne, b as g, P as l, _ as ke, c as le, d as Ie, e as Ne } from "../../useSlotProps-kRhf7Gil.js";
6
6
  import * as s from "react";
7
7
  import { u as Je, c as se, a as ye, L as Q } from "../../combineHooksSlotProps-BtBYUV_B.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../clsx-DB4S2d7J.js";
4
4
  import "../Typography/Typography.js";
5
- import { S as e } from "../../SelectButton-K3OIfR5m.js";
5
+ import { S as e } from "../../SelectButton-CoOT2txy.js";
6
6
  export {
7
7
  e as SelectButton
8
8
  };
@@ -2,7 +2,7 @@ import '../../assets/Snackbar.css';
2
2
  import { jsx as E, jsxs as Y } from "react/jsx-runtime";
3
3
  import * as S from "react";
4
4
  import C, { useState as V, useRef as X } from "react";
5
- import { c as N } from "../../clsx-DB4S2d7J.js";
5
+ import { c as w } from "../../clsx-DB4S2d7J.js";
6
6
  import { Icon as K } from "../Icon/Icon.js";
7
7
  import { g as $, a as z, b as R, f as H, _ as j, c as U, P as n, d as J, e as Q } from "../../useSlotProps-kRhf7Gil.js";
8
8
  import { u as Z } from "../../useTimeout-DxF9kiZL.js";
@@ -40,22 +40,22 @@ function te(u = {}) {
40
40
  });
41
41
  });
42
42
  S.useEffect(() => (t && p(s), o.clear), [t, s, p, o]);
43
- const h = (l) => {
43
+ const f = (l) => {
44
44
  r == null || r(l, "clickaway");
45
45
  }, d = o.clear, m = S.useCallback(() => {
46
46
  s != null && p(e ?? s * 0.5);
47
47
  }, [s, e, p]), y = (l) => (c) => {
48
- const f = l.onBlur;
49
- f == null || f(c), m();
50
- }, T = (l) => (c) => {
51
- const f = l.onFocus;
52
- f == null || f(c), d();
53
- }, k = (l) => (c) => {
54
- const f = l.onMouseEnter;
55
- f == null || f(c), d();
48
+ const h = l.onBlur;
49
+ h == null || h(c), m();
56
50
  }, O = (l) => (c) => {
57
- const f = l.onMouseLeave;
58
- f == null || f(c), m();
51
+ const h = l.onFocus;
52
+ h == null || h(c), d();
53
+ }, g = (l) => (c) => {
54
+ const h = l.onMouseEnter;
55
+ h == null || h(c), d();
56
+ }, N = (l) => (c) => {
57
+ const h = l.onMouseLeave;
58
+ h == null || h(c), m();
59
59
  };
60
60
  return S.useEffect(() => {
61
61
  if (!i && t)
@@ -71,12 +71,12 @@ function te(u = {}) {
71
71
  role: "presentation"
72
72
  }, l, c, {
73
73
  onBlur: y(c),
74
- onFocus: T(c),
75
- onMouseEnter: k(c),
76
- onMouseLeave: O(c)
74
+ onFocus: O(c),
75
+ onMouseEnter: g(c),
76
+ onMouseLeave: N(c)
77
77
  });
78
78
  },
79
- onClickAway: h
79
+ onClickAway: f
80
80
  };
81
81
  }
82
82
  const ne = ["autoHideDuration", "children", "disableWindowBlurListener", "exited", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "slotProps", "slots"], oe = () => J({
@@ -89,37 +89,37 @@ const ne = ["autoHideDuration", "children", "disableWindowBlurListener", "exited
89
89
  exited: o = !0,
90
90
  onClose: a,
91
91
  open: p,
92
- resumeHideDuration: h,
92
+ resumeHideDuration: f,
93
93
  slotProps: d = {},
94
94
  slots: m = {}
95
- } = s, y = j(s, ne), T = oe(), {
96
- getRootProps: k,
97
- onClickAway: O
95
+ } = s, y = j(s, ne), O = oe(), {
96
+ getRootProps: g,
97
+ onClickAway: N
98
98
  } = te(R({}, s, {
99
99
  autoHideDuration: r,
100
100
  disableWindowBlurListener: e,
101
101
  onClose: a,
102
102
  open: p,
103
- resumeHideDuration: h
103
+ resumeHideDuration: f
104
104
  })), L = s, l = m.root || "div", c = U({
105
105
  elementType: l,
106
- getSlotProps: k,
106
+ getSlotProps: g,
107
107
  externalForwardedProps: y,
108
108
  externalSlotProps: d.root,
109
109
  additionalProps: {
110
110
  ref: i
111
111
  },
112
112
  ownerState: L,
113
- className: T.root
114
- }), f = U({
113
+ className: O.root
114
+ }), h = U({
115
115
  elementType: B,
116
116
  externalSlotProps: d.clickAwayListener,
117
117
  additionalProps: {
118
- onClickAway: O
118
+ onClickAway: N
119
119
  },
120
120
  ownerState: L
121
121
  });
122
- return delete f.ownerState, !p && o ? null : /* @__PURE__ */ E(B, R({}, f, {
122
+ return delete h.ownerState, !p && o ? null : /* @__PURE__ */ E(B, R({}, h, {
123
123
  children: /* @__PURE__ */ E(l, R({}, c, {
124
124
  children: t
125
125
  }))
@@ -228,20 +228,20 @@ process.env.NODE_ENV !== "production" && n.oneOfType([n.string, n.shape({
228
228
  const G = C.createContext(null);
229
229
  var ae = function(s) {
230
230
  return s.scrollTop;
231
- }, D = "unmounted", g = "exited", x = "entering", w = "entered", A = "exiting", b = /* @__PURE__ */ function(u) {
231
+ }, D = "unmounted", x = "exited", _ = "entering", T = "entered", A = "exiting", b = /* @__PURE__ */ function(u) {
232
232
  re(s, u);
233
233
  function s(r, t) {
234
234
  var e;
235
235
  e = u.call(this, r, t) || this;
236
236
  var o = t, a = o && !o.isMounting ? r.enter : r.appear, p;
237
- return e.appearStatus = null, r.in ? a ? (p = g, e.appearStatus = x) : p = w : r.unmountOnExit || r.mountOnEnter ? p = D : p = g, e.state = {
237
+ return e.appearStatus = null, r.in ? a ? (p = x, e.appearStatus = _) : p = T : r.unmountOnExit || r.mountOnEnter ? p = D : p = x, e.state = {
238
238
  status: p
239
239
  }, e.nextCallback = null, e;
240
240
  }
241
241
  s.getDerivedStateFromProps = function(t, e) {
242
242
  var o = t.in;
243
243
  return o && e.status === D ? {
244
- status: g
244
+ status: x
245
245
  } : null;
246
246
  };
247
247
  var i = s.prototype;
@@ -251,7 +251,7 @@ var ae = function(s) {
251
251
  var e = null;
252
252
  if (t !== this.props) {
253
253
  var o = this.state.status;
254
- this.props.in ? o !== x && o !== w && (e = x) : (o === x || o === w) && (e = A);
254
+ this.props.in ? o !== _ && o !== T && (e = _) : (o === _ || o === T) && (e = A);
255
255
  }
256
256
  this.updateStatus(!1, e);
257
257
  }, i.componentWillUnmount = function() {
@@ -265,7 +265,7 @@ var ae = function(s) {
265
265
  };
266
266
  }, i.updateStatus = function(t, e) {
267
267
  if (t === void 0 && (t = !1), e !== null)
268
- if (this.cancelNextCallback(), e === x) {
268
+ if (this.cancelNextCallback(), e === _) {
269
269
  if (this.props.unmountOnExit || this.props.mountOnEnter) {
270
270
  var o = this.props.nodeRef ? this.props.nodeRef.current : P.findDOMNode(this);
271
271
  o && ae(o);
@@ -274,27 +274,27 @@ var ae = function(s) {
274
274
  } else
275
275
  this.performExit();
276
276
  else
277
- this.props.unmountOnExit && this.state.status === g && this.setState({
277
+ this.props.unmountOnExit && this.state.status === x && this.setState({
278
278
  status: D
279
279
  });
280
280
  }, i.performEnter = function(t) {
281
- var e = this, o = this.props.enter, a = this.context ? this.context.isMounting : t, p = this.props.nodeRef ? [a] : [P.findDOMNode(this), a], h = p[0], d = p[1], m = this.getTimeouts(), y = a ? m.appear : m.enter;
281
+ var e = this, o = this.props.enter, a = this.context ? this.context.isMounting : t, p = this.props.nodeRef ? [a] : [P.findDOMNode(this), a], f = p[0], d = p[1], m = this.getTimeouts(), y = a ? m.appear : m.enter;
282
282
  if (!t && !o || F.disabled) {
283
283
  this.safeSetState({
284
- status: w
284
+ status: T
285
285
  }, function() {
286
- e.props.onEntered(h);
286
+ e.props.onEntered(f);
287
287
  });
288
288
  return;
289
289
  }
290
- this.props.onEnter(h, d), this.safeSetState({
291
- status: x
290
+ this.props.onEnter(f, d), this.safeSetState({
291
+ status: _
292
292
  }, function() {
293
- e.props.onEntering(h, d), e.onTransitionEnd(y, function() {
293
+ e.props.onEntering(f, d), e.onTransitionEnd(y, function() {
294
294
  e.safeSetState({
295
- status: w
295
+ status: T
296
296
  }, function() {
297
- e.props.onEntered(h, d);
297
+ e.props.onEntered(f, d);
298
298
  });
299
299
  });
300
300
  });
@@ -302,7 +302,7 @@ var ae = function(s) {
302
302
  var t = this, e = this.props.exit, o = this.getTimeouts(), a = this.props.nodeRef ? void 0 : P.findDOMNode(this);
303
303
  if (!e || F.disabled) {
304
304
  this.safeSetState({
305
- status: g
305
+ status: x
306
306
  }, function() {
307
307
  t.props.onExited(a);
308
308
  });
@@ -313,7 +313,7 @@ var ae = function(s) {
313
313
  }, function() {
314
314
  t.props.onExiting(a), t.onTransitionEnd(o.exit, function() {
315
315
  t.safeSetState({
316
- status: g
316
+ status: x
317
317
  }, function() {
318
318
  t.props.onExited(a);
319
319
  });
@@ -338,8 +338,8 @@ var ae = function(s) {
338
338
  return;
339
339
  }
340
340
  if (this.props.addEndListener) {
341
- var p = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], h = p[0], d = p[1];
342
- this.props.addEndListener(h, d);
341
+ var p = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], f = p[0], d = p[1];
342
+ this.props.addEndListener(f, d);
343
343
  }
344
344
  t != null && setTimeout(this.nextCallback, t);
345
345
  }, i.render = function() {
@@ -527,7 +527,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
527
527
  */
528
528
  onExited: n.func
529
529
  } : {};
530
- function _() {
530
+ function v() {
531
531
  }
532
532
  b.defaultProps = {
533
533
  in: !1,
@@ -536,42 +536,42 @@ b.defaultProps = {
536
536
  appear: !1,
537
537
  enter: !0,
538
538
  exit: !0,
539
- onEnter: _,
540
- onEntering: _,
541
- onEntered: _,
542
- onExit: _,
543
- onExiting: _,
544
- onExited: _
539
+ onEnter: v,
540
+ onEntering: v,
541
+ onEntered: v,
542
+ onExit: v,
543
+ onExiting: v,
544
+ onExited: v
545
545
  };
546
546
  b.UNMOUNTED = D;
547
- b.EXITED = g;
548
- b.ENTERING = x;
549
- b.ENTERED = w;
547
+ b.EXITED = x;
548
+ b.ENTERING = _;
549
+ b.ENTERED = T;
550
550
  b.EXITING = A;
551
- const ie = "_snackbar_1w4kg_56", ue = "_bottomToTop_1w4kg_1", v = {
552
- "u-typography-h1": "_u-typography-h1_1w4kg_1",
553
- "u-typography-h2": "_u-typography-h2_1w4kg_8",
554
- "u-typography-h3": "_u-typography-h3_1w4kg_15",
555
- "u-typography-h4": "_u-typography-h4_1w4kg_22",
556
- "u-typography-h5": "_u-typography-h5_1w4kg_29",
557
- "u-typography-h6": "_u-typography-h6_1w4kg_36",
558
- "u-typography-base": "_u-typography-base_1w4kg_43",
559
- "u-typography-base--xxl": "_u-typography-base--xxl_1w4kg_48",
560
- "u-typography-base--xl": "_u-typography-base--xl_1w4kg_52",
561
- "u-typography-base--lg": "_u-typography-base--lg_1w4kg_56",
562
- "snackbar--message": "_snackbar--message_1w4kg_56",
563
- "u-typography-base--sm": "_u-typography-base--sm_1w4kg_60",
564
- "u-typography-base--bold": "_u-typography-base--bold_1w4kg_64",
565
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1w4kg_67",
566
- "u-typography-base--underlined": "_u-typography-base--underlined_1w4kg_70",
567
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1w4kg_73",
551
+ const ie = "_snackbar_8hhue_57", ue = "_bottomToTop_8hhue_1", k = {
552
+ "u-typography-h1": "_u-typography-h1_8hhue_1",
553
+ "u-typography-h2": "_u-typography-h2_8hhue_8",
554
+ "u-typography-h3": "_u-typography-h3_8hhue_15",
555
+ "u-typography-h4": "_u-typography-h4_8hhue_22",
556
+ "u-typography-h5": "_u-typography-h5_8hhue_29",
557
+ "u-typography-h6": "_u-typography-h6_8hhue_36",
558
+ "u-typography-base": "_u-typography-base_8hhue_43",
559
+ "u-typography-base--xxl": "_u-typography-base--xxl_8hhue_49",
560
+ "u-typography-base--xl": "_u-typography-base--xl_8hhue_53",
561
+ "u-typography-base--lg": "_u-typography-base--lg_8hhue_57",
562
+ "snackbar--message": "_snackbar--message_8hhue_57",
563
+ "u-typography-base--sm": "_u-typography-base--sm_8hhue_61",
564
+ "u-typography-base--bold": "_u-typography-base--bold_8hhue_65",
565
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_8hhue_68",
566
+ "u-typography-base--underlined": "_u-typography-base--underlined_8hhue_71",
567
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_8hhue_74",
568
568
  snackbar: ie,
569
- "snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_1w4kg_90",
570
- "snackbar--content": "_snackbar--content_1w4kg_95",
571
- "snackbar--success": "_snackbar--success_1w4kg_105",
572
- "snackbar--error": "_snackbar--error_1w4kg_108",
573
- "snackbar--warning": "_snackbar--warning_1w4kg_111",
574
- "snackbar--action": "_snackbar--action_1w4kg_121",
569
+ "snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_8hhue_91",
570
+ "snackbar--content": "_snackbar--content_8hhue_96",
571
+ "snackbar--success": "_snackbar--success_8hhue_106",
572
+ "snackbar--error": "_snackbar--error_8hhue_109",
573
+ "snackbar--warning": "_snackbar--warning_8hhue_112",
574
+ "snackbar--action": "_snackbar--action_8hhue_122",
575
575
  bottomToTop: ue
576
576
  }, ye = ({
577
577
  snackbarMessage: u,
@@ -583,25 +583,25 @@ const ie = "_snackbar_1w4kg_56", ue = "_bottomToTop_1w4kg_1", v = {
583
583
  classNameWrapper: o,
584
584
  "data-testid": a
585
585
  }) => {
586
- const [p, h] = V(!0), d = X(null), m = {
586
+ const [p, f] = V(!0), d = X(null), m = {
587
587
  entering: "translateY(0)",
588
588
  entered: "translateY(0)",
589
589
  exiting: "translateY(80px)",
590
590
  exited: "translateY(80px)",
591
591
  unmounted: "translateY(80px)"
592
592
  }, y = () => {
593
- h(!1);
594
- }, T = () => {
595
- h(!0);
593
+ f(!1);
594
+ }, O = () => {
595
+ f(!0);
596
596
  };
597
- return /* @__PURE__ */ E("div", { className: N(v.snackbar, o), children: /* @__PURE__ */ E(
597
+ return /* @__PURE__ */ E("div", { className: w(k.snackbar, o), children: /* @__PURE__ */ E(
598
598
  q,
599
599
  {
600
600
  autoHideDuration: i,
601
601
  open: r,
602
- onClose: (k, O) => O !== "clickaway" && (t == null ? void 0 : t()),
602
+ onClose: (g, N) => N !== "clickaway" && (t == null ? void 0 : t()),
603
603
  exited: p,
604
- className: N(v["snackbar__snackbar-el-wrapper"]),
604
+ className: w(k["snackbar__snackbar-el-wrapper"]),
605
605
  children: /* @__PURE__ */ E(
606
606
  b,
607
607
  {
@@ -610,22 +610,22 @@ const ie = "_snackbar_1w4kg_56", ue = "_bottomToTop_1w4kg_1", v = {
610
610
  appear: !0,
611
611
  unmountOnExit: !0,
612
612
  onEnter: y,
613
- onExited: T,
613
+ onExited: O,
614
614
  onExit: e,
615
615
  nodeRef: d,
616
- children: (k) => /* @__PURE__ */ Y(
616
+ children: (g) => /* @__PURE__ */ Y(
617
617
  "div",
618
618
  {
619
- className: N(v["snackbar--content"], v[`snackbar--${s}`]),
619
+ className: w(k["snackbar--content"], k[`snackbar--${s}`]),
620
620
  style: {
621
- transform: m[k],
621
+ transform: m[g],
622
622
  transition: "transform 300ms ease"
623
623
  },
624
624
  ref: d,
625
625
  "data-testid": a,
626
626
  children: [
627
- /* @__PURE__ */ E("div", { className: N(v["snackbar--message"]), children: /* @__PURE__ */ E("p", { children: u }) }),
628
- /* @__PURE__ */ E("div", { className: N(v["snackbar--action"]), children: /* @__PURE__ */ E("a", { onClick: t, children: /* @__PURE__ */ E(K, { icon: "xmark", color: "var(--white-100)", size: "1.5rem" }) }) })
627
+ /* @__PURE__ */ E("div", { className: w(k["snackbar--message"]), children: /* @__PURE__ */ E("p", { children: u }) }),
628
+ /* @__PURE__ */ E("div", { className: w(k["snackbar--action"]), children: /* @__PURE__ */ E("a", { onClick: t, children: /* @__PURE__ */ E(K, { icon: "xmark", color: "var(--white-100)", size: "1.5rem" }) }) })
629
629
  ]
630
630
  }
631
631
  )