@pismo/marola 1.1.0 → 1.1.2

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 (38) hide show
  1. package/dist/Dialog.module-BlXtafuW.js +29 -0
  2. package/dist/SelectButton-DbiTJagF.js +75 -0
  3. package/dist/assets/BankCard.css +1 -1
  4. package/dist/assets/Button.css +1 -1
  5. package/dist/assets/Calendar.css +1 -1
  6. package/dist/assets/Description.css +1 -1
  7. package/dist/assets/Dialog.css +1 -1
  8. package/dist/assets/Input.css +1 -1
  9. package/dist/assets/PageHeader.css +1 -1
  10. package/dist/assets/Pagination.css +1 -1
  11. package/dist/assets/SelectButton.css +1 -1
  12. package/dist/assets/StepperNavigator.css +1 -1
  13. package/dist/assets/Tag.css +1 -1
  14. package/dist/components/BankCard/BankCard.js +57 -57
  15. package/dist/components/Button/Button.js +69 -69
  16. package/dist/components/Calendar/Calendar.js +19 -19
  17. package/dist/components/Description/Description.js +37 -37
  18. package/dist/components/Dialog/Actions.js +1 -1
  19. package/dist/components/Dialog/Backdrop.js +1 -1
  20. package/dist/components/Dialog/CloseIconButton.js +1 -1
  21. package/dist/components/Dialog/Dialog.js +1 -1
  22. package/dist/components/Dialog/DialogTitle.js +1 -1
  23. package/dist/components/Input/Input.js +265 -260
  24. package/dist/components/Input/Input.stories.d.ts +1 -0
  25. package/dist/components/Input/Input.test.d.ts +1 -0
  26. package/dist/components/PageHeader/PageHeader.js +110 -89
  27. package/dist/components/PageHeader/PageHeader.stories.d.ts +6 -3
  28. package/dist/components/Pagination/Pagination.js +62 -62
  29. package/dist/components/Select/Select.d.ts +1 -0
  30. package/dist/components/Select/Select.js +266 -261
  31. package/dist/components/Select/Select.test.d.ts +1 -0
  32. package/dist/components/Select/SelectButton.js +1 -1
  33. package/dist/components/StepperNavigator/StepperNavigator.js +79 -72
  34. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -1
  35. package/dist/components/Tag/Tag.js +54 -54
  36. package/package.json +2 -2
  37. package/dist/Dialog.module-BFRHcF1J.js +0 -29
  38. package/dist/SelectButton-B38avP9u.js +0 -75
@@ -1,91 +1,91 @@
1
1
  import '../../assets/Button.css';
2
- import { jsx as e, jsxs as f } from "react/jsx-runtime";
3
- import { forwardRef as k, useMemo as x } from "react";
4
- import { c as q } from "../../clsx-DB4S2d7J.js";
5
- import { LoadingSpinner as B } from "../LoadingSpinner/LoadingSpinner.js";
6
- import { B as $ } from "../../Button-BAljjMv3.js";
7
- const v = "_button_531rm_43", r = {
8
- "u-typography-h1": "_u-typography-h1_531rm_1",
9
- "u-typography-h2": "_u-typography-h2_531rm_8",
10
- "u-typography-h3": "_u-typography-h3_531rm_15",
11
- "u-typography-h4": "_u-typography-h4_531rm_22",
12
- "u-typography-h5": "_u-typography-h5_531rm_29",
13
- "u-typography-h6": "_u-typography-h6_531rm_36",
14
- "u-typography-base": "_u-typography-base_531rm_43",
15
- button: v,
16
- "u-typography-base--xxl": "_u-typography-base--xxl_531rm_49",
17
- "u-typography-base--xl": "_u-typography-base--xl_531rm_53",
18
- "u-typography-base--lg": "_u-typography-base--lg_531rm_57",
19
- "button--large": "_button--large_531rm_57",
20
- "u-typography-base--sm": "_u-typography-base--sm_531rm_61",
21
- "u-typography-base--bold": "_u-typography-base--bold_531rm_65",
22
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_531rm_68",
23
- "u-typography-base--underlined": "_u-typography-base--underlined_531rm_71",
24
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_531rm_74",
25
- "button--small": "_button--small_531rm_92",
26
- "button--round": "_button--round_531rm_95",
27
- "button--primary": "_button--primary_531rm_98",
28
- "button--primary--danger": "_button--primary--danger_531rm_117",
29
- "button--default": "_button--default_531rm_129",
30
- "button--default--danger": "_button--default--danger_531rm_150",
31
- "button--dashed": "_button--dashed_531rm_162",
32
- "button--dashed--danger": "_button--dashed--danger_531rm_183",
33
- "button--link": "_button--link_531rm_195",
34
- "button--link--danger": "_button--link--danger_531rm_212",
35
- "button--text": "_button--text_531rm_222",
36
- "button--text--danger": "_button--text--danger_531rm_238",
37
- "button--secondary": "_button--secondary_531rm_253",
38
- "button--quick": "_button--quick_531rm_270",
39
- "button__loading-container": "_button__loading-container_531rm_290"
40
- }, w = k((p, s) => {
2
+ import { jsx as _, jsxs as m } from "react/jsx-runtime";
3
+ import { forwardRef as c, useMemo as f } from "react";
4
+ import { c as k } from "../../clsx-DB4S2d7J.js";
5
+ import { LoadingSpinner as x } from "../LoadingSpinner/LoadingSpinner.js";
6
+ import { B as q } from "../../Button-BAljjMv3.js";
7
+ const B = "_button_1wddv_43", d = {
8
+ "u-typography-h1": "_u-typography-h1_1wddv_1",
9
+ "u-typography-h2": "_u-typography-h2_1wddv_8",
10
+ "u-typography-h3": "_u-typography-h3_1wddv_15",
11
+ "u-typography-h4": "_u-typography-h4_1wddv_22",
12
+ "u-typography-h5": "_u-typography-h5_1wddv_29",
13
+ "u-typography-h6": "_u-typography-h6_1wddv_36",
14
+ "u-typography-base": "_u-typography-base_1wddv_43",
15
+ button: B,
16
+ "u-typography-base--xxl": "_u-typography-base--xxl_1wddv_49",
17
+ "u-typography-base--xl": "_u-typography-base--xl_1wddv_53",
18
+ "u-typography-base--lg": "_u-typography-base--lg_1wddv_57",
19
+ "button--large": "_button--large_1wddv_57",
20
+ "u-typography-base--sm": "_u-typography-base--sm_1wddv_61",
21
+ "u-typography-base--bold": "_u-typography-base--bold_1wddv_65",
22
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1wddv_68",
23
+ "u-typography-base--underlined": "_u-typography-base--underlined_1wddv_71",
24
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1wddv_74",
25
+ "button--small": "_button--small_1wddv_93",
26
+ "button--round": "_button--round_1wddv_96",
27
+ "button--primary": "_button--primary_1wddv_99",
28
+ "button--primary--danger": "_button--primary--danger_1wddv_118",
29
+ "button--default": "_button--default_1wddv_130",
30
+ "button--default--danger": "_button--default--danger_1wddv_151",
31
+ "button--dashed": "_button--dashed_1wddv_163",
32
+ "button--dashed--danger": "_button--dashed--danger_1wddv_184",
33
+ "button--link": "_button--link_1wddv_196",
34
+ "button--link--danger": "_button--link--danger_1wddv_213",
35
+ "button--text": "_button--text_1wddv_223",
36
+ "button--text--danger": "_button--text--danger_1wddv_239",
37
+ "button--secondary": "_button--secondary_1wddv_254",
38
+ "button--quick": "_button--quick_1wddv_271",
39
+ "button__loading-container": "_button__loading-container_1wddv_291"
40
+ }, P = c((e, p) => {
41
41
  const {
42
- onClick: y,
43
- link: d,
42
+ onClick: s,
43
+ link: y,
44
44
  children: o,
45
45
  type: b = "button",
46
- disabled: m,
47
- loading: h,
46
+ disabled: h,
47
+ loading: g,
48
48
  className: a,
49
49
  size: n = "medium",
50
50
  variant: t = "default",
51
- shape: u = "square",
52
- danger: _,
53
- muiButtonBaseProps: g,
54
- "data-testid": i
55
- } = p, l = {
51
+ shape: r = "square",
52
+ danger: u,
53
+ muiButtonBaseProps: i,
54
+ "data-testid": l
55
+ } = e, v = {
56
56
  invert: t !== "primary"
57
57
  };
58
- (t === "quick" || t === "secondary") && (u !== "square" || n !== "medium" || _) && console.error("Secondary and Quick variants do not support shape, size or danger props");
59
- const c = x(
60
- () => q([
61
- r.button,
62
- r[`button--${t}`],
63
- r[`button--${n}`],
64
- r[`button--${u}`],
65
- _ && r[`button--${t}--danger`],
58
+ (t === "quick" || t === "secondary") && (r !== "square" || n !== "medium" || u) && console.error("Secondary and Quick variants do not support shape, size or danger props");
59
+ const w = f(
60
+ () => k([
61
+ d.button,
62
+ d[`button--${t}`],
63
+ d[`button--${n}`],
64
+ d[`button--${r}`],
65
+ u && d[`button--${t}--danger`],
66
66
  a
67
67
  ]),
68
68
  [a, t]
69
69
  );
70
- return /* @__PURE__ */ e(
71
- $,
70
+ return /* @__PURE__ */ _(
71
+ q,
72
72
  {
73
73
  type: b,
74
- href: d,
75
- onClick: y,
76
- disabled: m,
77
- className: c,
78
- ref: s,
79
- "data-testid": i,
80
- ...g ?? {},
81
- children: h ? /* @__PURE__ */ f("div", { className: r["button__loading-container"], children: [
82
- /* @__PURE__ */ e(B, { ...l }),
74
+ href: y,
75
+ onClick: s,
76
+ disabled: h,
77
+ className: w,
78
+ ref: p,
79
+ "data-testid": l,
80
+ ...i ?? {},
81
+ children: g ? /* @__PURE__ */ m("div", { className: d["button__loading-container"], children: [
82
+ /* @__PURE__ */ _(x, { ...v }),
83
83
  o
84
84
  ] }) : o
85
85
  }
86
86
  );
87
87
  });
88
88
  export {
89
- w as Button,
90
- w as default
89
+ P as Button,
90
+ P as default
91
91
  };
@@ -1,38 +1,38 @@
1
1
  import '../../assets/Calendar.css';
2
2
  import { jsx as s, jsxs as k } from "react/jsx-runtime";
3
3
  import { c as v } from "../../clsx-DB4S2d7J.js";
4
- const _ = {
5
- "calendar-wrapper": "_calendar-wrapper_1ku17_1",
6
- "mode-view": "_mode-view_1ku17_1",
7
- "calendar-day": "_calendar-day_1ku17_7",
8
- "day-number": "_day-number_1ku17_12",
9
- "day-id": "_day-id_1ku17_18",
10
- "day-active": "_day-active_1ku17_28",
11
- "mode-edit": "_mode-edit_1ku17_33",
12
- "day-checkbox": "_day-checkbox_1ku17_51"
13
- }, f = ({ days: t = [], onChangeDay: l, mode: o = "view", totalDays: e = 28, className: m, ...p }) => {
4
+ const c = {
5
+ "calendar-wrapper": "_calendar-wrapper_1cyku_1",
6
+ "mode-view": "_mode-view_1cyku_1",
7
+ "calendar-day": "_calendar-day_1cyku_7",
8
+ "day-number": "_day-number_1cyku_12",
9
+ "day-id": "_day-id_1cyku_18",
10
+ "day-active": "_day-active_1cyku_28",
11
+ "mode-edit": "_mode-edit_1cyku_33",
12
+ "day-checkbox": "_day-checkbox_1cyku_51"
13
+ }, b = ({ days: t = [], onChangeDay: l, mode: o = "view", totalDays: e = 28, className: m, ...p }) => {
14
14
  const u = (a, d) => {
15
15
  let r = [...t];
16
- d !== void 0 ? a.active || a.id ? r[d] = a : r.splice(d, 1) : a.active && r.push(a), r = r.sort((c, i) => c.day - i.day), l == null || l({
16
+ d !== void 0 ? a.active || a.id ? r[d] = a : r.splice(d, 1) : a.active && r.push(a), r = r.sort((_, i) => _.day - i.day), l == null || l({
17
17
  changedDay: a,
18
18
  changedDayIndex: d,
19
19
  selectedDays: r
20
20
  });
21
21
  };
22
- return /* @__PURE__ */ s("div", { className: v(_["calendar-wrapper"], _[`mode-${o}`], m), ...p, children: new Array(e).fill(null).map((a, d) => {
23
- const r = d + 1, c = t.findIndex((n) => n.day === r), i = c >= 0 ? t[c] : void 0;
22
+ return /* @__PURE__ */ s("div", { className: v(c["calendar-wrapper"], c[`mode-${o}`], m), ...p, children: new Array(e).fill(null).map((a, d) => {
23
+ const r = d + 1, _ = t.findIndex((n) => n.day === r), i = _ >= 0 ? t[_] : void 0;
24
24
  return /* @__PURE__ */ k(
25
25
  "div",
26
26
  {
27
- className: v(_["calendar-day"], (i == null ? void 0 : i.active) && _["day-active"]),
27
+ className: v(c["calendar-day"], (i == null ? void 0 : i.active) && c["day-active"]),
28
28
  onClick: o === "edit" ? () => u(
29
29
  { day: r, id: i == null ? void 0 : i.id, active: !(i != null && i.active) },
30
- c >= 0 ? c : void 0
30
+ _ >= 0 ? _ : void 0
31
31
  ) : void 0,
32
32
  children: [
33
- /* @__PURE__ */ s("span", { className: _["day-checkbox"] }),
34
- /* @__PURE__ */ s("span", { className: _["day-number"], children: String(r).padStart(2, "0") }),
35
- o === "view" && /* @__PURE__ */ s("span", { className: _["day-id"], children: i != null && i.id && (i != null && i.active) ? `ID: ${i == null ? void 0 : i.id}` : "" })
33
+ /* @__PURE__ */ s("span", { className: c["day-checkbox"] }),
34
+ /* @__PURE__ */ s("span", { className: c["day-number"], children: String(r).padStart(2, "0") }),
35
+ o === "view" && /* @__PURE__ */ s("span", { className: c["day-id"], children: i != null && i.id && (i != null && i.active) ? `ID: ${i == null ? void 0 : i.id}` : "" })
36
36
  ]
37
37
  },
38
38
  d
@@ -40,5 +40,5 @@ const _ = {
40
40
  }) });
41
41
  };
42
42
  export {
43
- f as Calendar
43
+ b as Calendar
44
44
  };
@@ -1,61 +1,61 @@
1
1
  import '../../assets/Description.css';
2
- import { jsxs as u, jsx as t } from "react/jsx-runtime";
3
- import { c as g } from "../../clsx-DB4S2d7J.js";
2
+ import { jsxs as i, jsx as a } from "react/jsx-runtime";
3
+ import { c as u } from "../../clsx-DB4S2d7J.js";
4
4
  import { Skeleton as y } from "../Skeleton/Skeleton.js";
5
5
  import { Typography as _ } from "../Typography/Typography.js";
6
- const l = "_container_he0z3_78", a = {
7
- "u-typography-h1": "_u-typography-h1_he0z3_1",
8
- "u-typography-h2": "_u-typography-h2_he0z3_8",
9
- "u-typography-h3": "_u-typography-h3_he0z3_15",
10
- "u-typography-h4": "_u-typography-h4_he0z3_22",
11
- "u-typography-h5": "_u-typography-h5_he0z3_29",
12
- "u-typography-h6": "_u-typography-h6_he0z3_36",
13
- "u-typography-base": "_u-typography-base_he0z3_43",
14
- "u-typography-base--xxl": "_u-typography-base--xxl_he0z3_49",
15
- "u-typography-base--xl": "_u-typography-base--xl_he0z3_53",
16
- "u-typography-base--lg": "_u-typography-base--lg_he0z3_57",
17
- "u-typography-base--sm": "_u-typography-base--sm_he0z3_61",
18
- "u-typography-base--bold": "_u-typography-base--bold_he0z3_65",
19
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_he0z3_68",
20
- "u-typography-base--underlined": "_u-typography-base--underlined_he0z3_71",
21
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_he0z3_74",
22
- container: l,
23
- "container--text": "_container--text_he0z3_82",
24
- "container--inline": "_container--inline_he0z3_85"
6
+ const g = "_container_1hzzl_78", e = {
7
+ "u-typography-h1": "_u-typography-h1_1hzzl_1",
8
+ "u-typography-h2": "_u-typography-h2_1hzzl_8",
9
+ "u-typography-h3": "_u-typography-h3_1hzzl_15",
10
+ "u-typography-h4": "_u-typography-h4_1hzzl_22",
11
+ "u-typography-h5": "_u-typography-h5_1hzzl_29",
12
+ "u-typography-h6": "_u-typography-h6_1hzzl_36",
13
+ "u-typography-base": "_u-typography-base_1hzzl_43",
14
+ "u-typography-base--xxl": "_u-typography-base--xxl_1hzzl_49",
15
+ "u-typography-base--xl": "_u-typography-base--xl_1hzzl_53",
16
+ "u-typography-base--lg": "_u-typography-base--lg_1hzzl_57",
17
+ "u-typography-base--sm": "_u-typography-base--sm_1hzzl_61",
18
+ "u-typography-base--bold": "_u-typography-base--bold_1hzzl_65",
19
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1hzzl_68",
20
+ "u-typography-base--underlined": "_u-typography-base--underlined_1hzzl_71",
21
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1hzzl_74",
22
+ container: g,
23
+ "container--text": "_container--text_1hzzl_82",
24
+ "container--inline": "_container--inline_1hzzl_85"
25
25
  }, m = ({
26
- label: s,
27
- value: n,
26
+ label: l,
27
+ value: s,
28
28
  isLoading: r,
29
29
  color: h = "var(--gray-95)",
30
- "data-testid": e = "Description",
30
+ "data-testid": t = "Description",
31
31
  inline: p,
32
- labelVariant: i = "base",
32
+ labelVariant: n = "base",
33
33
  valueVariant: o
34
- }) => /* @__PURE__ */ u(
34
+ }) => /* @__PURE__ */ i(
35
35
  "div",
36
36
  {
37
- className: g([a.container, { [a["container--inline"]]: p }]),
38
- "data-testid": `${e}-container`,
37
+ className: u([e.container, { [e["container--inline"]]: p }]),
38
+ "data-testid": `${t}-container`,
39
39
  children: [
40
- /* @__PURE__ */ t(
40
+ /* @__PURE__ */ a(
41
41
  _,
42
42
  {
43
43
  color: h,
44
- className: a["container--text"],
45
- variant: i,
46
- "data-testid": `${e}-label`,
47
- children: r ? /* @__PURE__ */ t(y, { style: { width: 70, marginBottom: 2 }, "data-testid": `${e}-skeletonLabel` }) : s
44
+ className: e["container--text"],
45
+ variant: n,
46
+ "data-testid": `${t}-label`,
47
+ children: r ? /* @__PURE__ */ a(y, { style: { width: 70, marginBottom: 2 }, "data-testid": `${t}-skeletonLabel` }) : l
48
48
  }
49
49
  ),
50
- /* @__PURE__ */ t(
50
+ /* @__PURE__ */ a(
51
51
  _,
52
52
  {
53
- className: a["container--text"],
53
+ className: e["container--text"],
54
54
  bold: !0,
55
55
  color: h,
56
56
  variant: o || (p ? "base" : "base-lg"),
57
- "data-testid": `${e}-value`,
58
- children: r ? /* @__PURE__ */ t(y, { style: { width: 100 }, "data-testid": `${e}-skeletonValue` }) : n || "-"
57
+ "data-testid": `${t}-value`,
58
+ children: r ? /* @__PURE__ */ a(y, { style: { width: 100 }, "data-testid": `${t}-skeletonValue` }) : s || "-"
59
59
  }
60
60
  )
61
61
  ]
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { s as t } from "../../Dialog.module-BFRHcF1J.js";
2
+ import { s as t } from "../../Dialog.module-BlXtafuW.js";
3
3
  const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
4
4
  export {
5
5
  i as default
@@ -1,7 +1,7 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import { forwardRef as s } from "react";
3
3
  import { c as t } from "../../clsx-DB4S2d7J.js";
4
- import { s as m } from "../../Dialog.module-BFRHcF1J.js";
4
+ import { s as m } from "../../Dialog.module-BlXtafuW.js";
5
5
  const l = s(
6
6
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
7
7
  ({ ownerState: e, ...r }, o) => /* @__PURE__ */ a("div", { ...r, className: t(m.dialog__backdrop, r.className), ref: o })
@@ -1,6 +1,6 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import { Icon as i } from "../Icon/Icon.js";
3
- import { s as r } from "../../Dialog.module-BFRHcF1J.js";
3
+ import { s as r } from "../../Dialog.module-BlXtafuW.js";
4
4
  import { B as s } from "../../Button-BAljjMv3.js";
5
5
  const n = ({ handleOnClose: t }) => /* @__PURE__ */ o(
6
6
  s,
@@ -4,7 +4,7 @@ import ie from "./Actions.js";
4
4
  import ae from "./Backdrop.js";
5
5
  import le from "./CloseIconButton.js";
6
6
  import ce from "./Content.js";
7
- import { s as z } from "../../Dialog.module-BFRHcF1J.js";
7
+ import { s as z } from "../../Dialog.module-BlXtafuW.js";
8
8
  import ee from "./DialogTitle.js";
9
9
  import { u as te, P as i, f as de, b as C, g as ue, a as fe, _ as pe, c as G, d as be, e as he } from "../../useSlotProps-C_I1kEHr.js";
10
10
  import * as f from "react";
@@ -1,7 +1,7 @@
1
1
  import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
2
2
  import { Icon as d } from "../Icon/Icon.js";
3
3
  import { Typography as i } from "../Typography/Typography.js";
4
- import { s as r } from "../../Dialog.module-BFRHcF1J.js";
4
+ import { s as r } from "../../Dialog.module-BlXtafuW.js";
5
5
  const g = ({ title: o, subTitle: t, icon: a }) => /* @__PURE__ */ l(s, { children: [
6
6
  /* @__PURE__ */ l(
7
7
  i,