@pismo/marola 1.1.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/Dialog.module-BlXtafuW.js +28 -0
  2. package/dist/Group-ZXteFV4M.js +1 -2
  3. package/dist/Popover.module-B4boCutS.js +1 -2
  4. package/dist/SelectButton-B38avP9u.js +1 -2
  5. package/dist/Tabs.module-BNRwj3Z0.js +1 -2
  6. package/dist/Toggle-BuZjueQ7.js +1 -2
  7. package/dist/assets/BankCard.css +1 -1
  8. package/dist/assets/Button.css +1 -1
  9. package/dist/assets/Calendar.css +1 -1
  10. package/dist/assets/Description.css +1 -1
  11. package/dist/assets/Dialog.css +1 -1
  12. package/dist/assets/PageHeader.css +1 -1
  13. package/dist/assets/Pagination.css +1 -1
  14. package/dist/assets/StepperNavigator.css +1 -1
  15. package/dist/assets/Tag.css +1 -1
  16. package/dist/components/Adornment/Adornment.js +1 -2
  17. package/dist/components/Advice/Advice.js +1 -2
  18. package/dist/components/Alert/Alert.js +1 -2
  19. package/dist/components/Autocomplete/Autocomplete.js +1 -2
  20. package/dist/components/Avatar/Avatar.js +1 -2
  21. package/dist/components/BankCard/BankCard.js +57 -58
  22. package/dist/components/Button/Button.js +69 -70
  23. package/dist/components/Calendar/Calendar.js +19 -20
  24. package/dist/components/Checkbox/Checkbox.js +1 -2
  25. package/dist/components/Chip/Chip.stories.d.ts +1 -1
  26. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +1 -1
  27. package/dist/components/Description/Description.js +37 -38
  28. package/dist/components/Dialog/Actions.js +1 -1
  29. package/dist/components/Dialog/Backdrop.js +1 -1
  30. package/dist/components/Dialog/CloseIconButton.js +1 -1
  31. package/dist/components/Dialog/Dialog.js +1 -1
  32. package/dist/components/Dialog/Dialog.stories.d.ts +1 -1
  33. package/dist/components/Dialog/DialogTitle.js +1 -1
  34. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +1 -2
  35. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
  36. package/dist/components/IconButton/IconButton.js +1 -2
  37. package/dist/components/Input/Input.js +1 -2
  38. package/dist/components/InputSearch/InputSearch.js +1 -2
  39. package/dist/components/LoadingSpinner/LoadingSpinner.js +1 -2
  40. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
  41. package/dist/components/PageHeader/PageHeader.js +110 -90
  42. package/dist/components/PageHeader/PageHeader.stories.d.ts +6 -3
  43. package/dist/components/Pagination/Pagination.js +62 -63
  44. package/dist/components/Popover/Popover.stories.d.ts +1 -1
  45. package/dist/components/RadioButton/RadioButton.js +1 -2
  46. package/dist/components/ResultWithChips/ResultWithChips.js +1 -2
  47. package/dist/components/Skeleton/Skeleton.js +1 -2
  48. package/dist/components/Snackbar/Snackbar.js +1 -2
  49. package/dist/components/Snackbar/Snackbar.stories.d.ts +1 -1
  50. package/dist/components/SortTooltip/SortTooltip.js +1 -2
  51. package/dist/components/Stepper/Stepper.js +1 -2
  52. package/dist/components/StepperNavigator/StepperNavigator.js +79 -73
  53. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -1
  54. package/dist/components/Table/Table.js +1 -2
  55. package/dist/components/Tag/Tag.js +54 -55
  56. package/dist/components/TextDisplay/TextDisplay.js +1 -2
  57. package/dist/components/Toggle/Toggle.js +1 -2
  58. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
  59. package/dist/components/Tooltip/Tooltip.js +1 -2
  60. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
  61. package/dist/components/TransactionRow/TransactionRow.js +1 -2
  62. package/dist/components/Typography/Typography.js +1 -2
  63. package/dist/components/Typography/Typography.stories.d.ts +1 -1
  64. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  65. package/package.json +2 -2
  66. package/dist/Dialog.module-BFRHcF1J.js +0 -29
@@ -1,110 +1,116 @@
1
- import '../../assets/StepperNavigator.css';
2
- import { jsxs as l, jsx as a } from "react/jsx-runtime";
3
- import { c as i } from "../../clsx-DB4S2d7J.js";
4
- import { Button as I } from "../Button/Button.js";
5
- import { Icon as K } from "../Icon/Icon.js";
6
- const _ = {
7
- "stepper-navigator": "_stepper-navigator_27f6m_1",
8
- "cancel-button": "_cancel-button_27f6m_11",
9
- "previous-button": "_previous-button_27f6m_20",
10
- "next-button": "_next-button_27f6m_39",
11
- "finish-button": "_finish-button_27f6m_40"
12
- }, b = {
1
+ import { jsxs as _, jsx as I } from "react/jsx-runtime";
2
+ import { c as g } from "../../clsx-DB4S2d7J.js";
3
+ import { Button as c } from "../Button/Button.js";
4
+ import '../../assets/StepperNavigator.css';const b = {
5
+ "stepper-navigator": "_stepper-navigator_v6lmn_1",
6
+ "previous-button": "_previous-button_v6lmn_14",
7
+ "cancel-button": "_cancel-button_v6lmn_15",
8
+ "next-button": "_next-button_v6lmn_16",
9
+ "finish-button": "_finish-button_v6lmn_17"
10
+ }, h = {
13
11
  en: {
14
- previous: "Previous",
12
+ previous: "Back",
15
13
  cancel: "Cancel",
16
14
  next: "Next",
17
15
  finish: "Finish"
18
16
  },
19
17
  pt: {
20
- previous: "Anterior",
18
+ previous: "Voltar",
21
19
  cancel: "Cancelar",
22
20
  next: "Próximo",
23
21
  finish: "Finalizar"
24
22
  }
25
23
  }, R = ({
26
- hideNext: C = !1,
27
- hidePrevious: j = !1,
28
- hideCancel: z = !1,
29
- hideFinish: w = !1,
30
- disableNext: y = !1,
24
+ hideNext: z = !1,
25
+ hidePrevious: S = !1,
26
+ hideCancel: V = !1,
27
+ hideFinish: q = !1,
28
+ disableNext: w = !1,
31
29
  disablePrevious: A = !1,
32
- disableCancel: S = !1,
33
- disableFinish: q = !1,
34
- lang: h = "en",
35
- labelNext: N,
36
- labelPrevious: f,
37
- labelCancel: g,
38
- labelFinish: k,
39
- className: D,
40
- "data-testid": E = "stepper-navigator",
41
- previousButtonProps: d,
42
- cancelButtonProps: c,
43
- nextButtonProps: e = { rightIcon: /* @__PURE__ */ a(K, { icon: "circle-arrow-right", size: 24 }) },
44
- finishButtonProps: m,
45
- onNext: F = () => {
30
+ disableCancel: D = !1,
31
+ disableFinish: E = !1,
32
+ lang: N = "en",
33
+ labelNext: k,
34
+ labelPrevious: C,
35
+ labelCancel: y,
36
+ labelFinish: j,
37
+ className: F,
38
+ "data-testid": G = "stepper-navigator",
39
+ previousButtonProps: a,
40
+ cancelButtonProps: d,
41
+ nextButtonProps: m,
42
+ finishButtonProps: l,
43
+ onNext: H = () => {
46
44
  },
47
- onPrevious: G = () => {
45
+ onPrevious: J = () => {
48
46
  },
49
- onCancel: H = () => {
47
+ onCancel: K = () => {
50
48
  },
51
- onFinish: J = () => {
49
+ onFinish: L = () => {
52
50
  }
53
- }) => (g = g || b[h].cancel, f = f || b[h].previous, N = N || b[h].next, k = k || b[h].finish, /* @__PURE__ */ l("div", { className: i(_["stepper-navigator"], D), "data-testid": E, children: [
54
- j ? /* @__PURE__ */ a("span", {}) : /* @__PURE__ */ l(
55
- I,
51
+ }) => (y = y || h[N].cancel, C = C || h[N].previous, k = k || h[N].next, j = j || h[N].finish, /* @__PURE__ */ _("div", { className: g(b["stepper-navigator"], F), "data-testid": G, children: [
52
+ S ? /* @__PURE__ */ I("span", {}) : /* @__PURE__ */ _(
53
+ c,
56
54
  {
57
- className: i(_["previous-button"], d == null ? void 0 : d.className),
58
- "data-testid": d == null ? void 0 : d["data-testid"],
55
+ variant: "default",
56
+ shape: "round",
57
+ className: g(b["previous-button"], a == null ? void 0 : a.className),
58
+ "data-testid": a == null ? void 0 : a["data-testid"],
59
59
  disabled: A,
60
- onClick: G,
60
+ onClick: J,
61
61
  children: [
62
- /* @__PURE__ */ a("span", { children: d == null ? void 0 : d.leftIcon }),
63
- /* @__PURE__ */ a("span", { children: f }),
64
- /* @__PURE__ */ a("span", { children: d == null ? void 0 : d.rightIcon })
62
+ (a == null ? void 0 : a.leftIcon) && /* @__PURE__ */ I("span", { children: a == null ? void 0 : a.leftIcon }),
63
+ /* @__PURE__ */ I("span", { children: C }),
64
+ (a == null ? void 0 : a.rightIcon) && /* @__PURE__ */ I("span", { children: a == null ? void 0 : a.rightIcon })
65
65
  ]
66
66
  }
67
67
  ),
68
- /* @__PURE__ */ l("span", { children: [
69
- !z && /* @__PURE__ */ l(
70
- I,
68
+ /* @__PURE__ */ _("span", { children: [
69
+ !V && /* @__PURE__ */ _(
70
+ c,
71
71
  {
72
- className: i(_["cancel-button"], c == null ? void 0 : c.className),
73
- "data-testid": c == null ? void 0 : c["data-testid"],
74
- disabled: S,
75
- onClick: H,
72
+ variant: "text",
73
+ shape: "round",
74
+ className: g(b["cancel-button"], d == null ? void 0 : d.className),
75
+ "data-testid": d == null ? void 0 : d["data-testid"],
76
+ disabled: D,
77
+ onClick: K,
76
78
  children: [
77
- /* @__PURE__ */ a("span", { children: c == null ? void 0 : c.leftIcon }),
78
- /* @__PURE__ */ a("span", { children: g }),
79
- /* @__PURE__ */ a("span", { children: c == null ? void 0 : c.rightIcon })
79
+ (d == null ? void 0 : d.leftIcon) && /* @__PURE__ */ I("span", { children: d == null ? void 0 : d.leftIcon }),
80
+ /* @__PURE__ */ I("span", { children: y }),
81
+ (d == null ? void 0 : d.rightIcon) && /* @__PURE__ */ I("span", { children: d == null ? void 0 : d.rightIcon })
80
82
  ]
81
83
  }
82
84
  ),
83
- !C && /* @__PURE__ */ l(
84
- I,
85
+ !z && /* @__PURE__ */ _(
86
+ c,
85
87
  {
86
- className: i(_["next-button"], e == null ? void 0 : e.className),
87
- "data-testid": e == null ? void 0 : e["data-testid"],
88
- disabled: y,
89
- onClick: F,
88
+ variant: "primary",
89
+ shape: "round",
90
+ className: g(b["next-button"], m == null ? void 0 : m.className),
91
+ "data-testid": m == null ? void 0 : m["data-testid"],
92
+ disabled: w,
93
+ onClick: H,
90
94
  children: [
91
- /* @__PURE__ */ a("span", { children: e == null ? void 0 : e.leftIcon }),
92
- /* @__PURE__ */ a("span", { children: N }),
93
- /* @__PURE__ */ a("span", { children: e == null ? void 0 : e.rightIcon })
95
+ (m == null ? void 0 : m.leftIcon) && /* @__PURE__ */ I("span", { children: m == null ? void 0 : m.leftIcon }),
96
+ /* @__PURE__ */ I("span", { children: k }),
97
+ (m == null ? void 0 : m.rightIcon) && /* @__PURE__ */ I("span", { children: m == null ? void 0 : m.rightIcon })
94
98
  ]
95
99
  }
96
100
  ),
97
- !w && /* @__PURE__ */ l(
98
- I,
101
+ !q && /* @__PURE__ */ _(
102
+ c,
99
103
  {
100
- className: i(_["finish-button"], m == null ? void 0 : m.className),
101
- "data-testid": m == null ? void 0 : m["data-testid"],
102
- disabled: q,
103
- onClick: J,
104
+ variant: "primary",
105
+ shape: "round",
106
+ className: g(b["finish-button"], l == null ? void 0 : l.className),
107
+ "data-testid": l == null ? void 0 : l["data-testid"],
108
+ disabled: E,
109
+ onClick: L,
104
110
  children: [
105
- /* @__PURE__ */ a("span", { children: m == null ? void 0 : m.leftIcon }),
106
- /* @__PURE__ */ a("span", { children: k }),
107
- /* @__PURE__ */ a("span", { children: m == null ? void 0 : m.rightIcon })
111
+ (l == null ? void 0 : l.leftIcon) && /* @__PURE__ */ I("span", { children: l == null ? void 0 : l.leftIcon }),
112
+ /* @__PURE__ */ I("span", { children: j }),
113
+ (l == null ? void 0 : l.rightIcon) && /* @__PURE__ */ I("span", { children: l == null ? void 0 : l.rightIcon })
108
114
  ]
109
115
  }
110
116
  )
@@ -15,4 +15,3 @@ export declare const WithCustomLanguage: Story;
15
15
  export declare const WithCustomLabels: Story;
16
16
  export declare const Disabled: Story;
17
17
  export declare const WithIcons: Story;
18
- export declare const DefaultWithNoIcons: Story;
@@ -1,4 +1,3 @@
1
- import '../../assets/Table.css';
2
1
  import { jsxs as f, jsx as r } from "react/jsx-runtime";
3
2
  import * as i from "react";
4
3
  import { useState as u } from "react";
@@ -6,7 +5,7 @@ import { c as m } from "../../clsx-DB4S2d7J.js";
6
5
  import { paginationDefaultTranslations as b, Pagination as g } from "../Pagination/Pagination.js";
7
6
  import { sortTooltipDefaultTranslations as T, SortTooltip as N } from "../SortTooltip/SortTooltip.js";
8
7
  import { TableProvider as y, useTable as x } from "./TableContext.js";
9
- const C = (l) => /* @__PURE__ */ i.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ i.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ i.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ i.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ i.createElement("defs", null, /* @__PURE__ */ i.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ i.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_484oh_1", E = "_th__wrapper_484oh_43", v = "_tr_484oh_66", B = "_td_484oh_70", t = {
8
+ import '../../assets/Table.css';const C = (l) => /* @__PURE__ */ i.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ i.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ i.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ i.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ i.createElement("defs", null, /* @__PURE__ */ i.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ i.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_484oh_1", E = "_th__wrapper_484oh_43", v = "_tr_484oh_66", B = "_td_484oh_70", t = {
10
9
  table: L,
11
10
  "table--fixed": "_table--fixed_484oh_5",
12
11
  "table--full-width": "_table--full-width_484oh_8",
@@ -1,74 +1,73 @@
1
- import '../../assets/Tag.css';
2
- import { jsx as o, jsxs as d } from "react/jsx-runtime";
3
- import { useMemo as j } from "react";
4
- import { c } from "../../clsx-DB4S2d7J.js";
1
+ import { jsx as c, jsxs as z } from "react/jsx-runtime";
2
+ import { useMemo as q } from "react";
3
+ import { c as i } from "../../clsx-DB4S2d7J.js";
5
4
  import { Icon as g } from "../Icon/Icon.js";
6
- const m = "_container_b8jbs_1", e = {
5
+ import '../../assets/Tag.css';const m = "_container_cza2q_1", e = {
7
6
  container: m,
8
- "container--content": "_container--content_b8jbs_9",
9
- "container--content__icon": "_container--content__icon_b8jbs_14",
10
- "container--default": "_container--default_b8jbs_18",
11
- "container--default__outlined": "_container--default__outlined_b8jbs_22",
12
- "container--default__icon": "_container--default__icon_b8jbs_25",
13
- "container--success": "_container--success_b8jbs_29",
14
- "container--success__outlined": "_container--success__outlined_b8jbs_33",
15
- "container--error": "_container--error_b8jbs_36",
16
- "container--error__outlined": "_container--error__outlined_b8jbs_40",
17
- "container--processing": "_container--processing_b8jbs_43",
18
- "container--processing__outlined": "_container--processing__outlined_b8jbs_47",
19
- "container--warning": "_container--warning_b8jbs_50",
20
- "container--warning__outlined": "_container--warning__outlined_b8jbs_54",
21
- "container--warning__icon": "_container--warning__icon_b8jbs_57",
22
- "container--magenta": "_container--magenta_b8jbs_60",
23
- "container--magenta__outlined": "_container--magenta__outlined_b8jbs_64",
24
- "container--blue": "_container--blue_b8jbs_67",
25
- "container--blue__outlined": "_container--blue__outlined_b8jbs_71",
26
- "container--cyan": "_container--cyan_b8jbs_74",
27
- "container--cyan__outlined": "_container--cyan__outlined_b8jbs_78",
28
- "container--geek-blue": "_container--geek-blue_b8jbs_81",
29
- "container--geek-blue__outlined": "_container--geek-blue__outlined_b8jbs_85",
30
- "container--gold": "_container--gold_b8jbs_88",
31
- "container--gold__outlined": "_container--gold__outlined_b8jbs_92",
32
- "container--green": "_container--green_b8jbs_95",
33
- "container--green__outlined": "_container--green__outlined_b8jbs_99",
34
- "container--lime": "_container--lime_b8jbs_102",
35
- "container--lime__outlined": "_container--lime__outlined_b8jbs_106",
36
- "container--orange": "_container--orange_b8jbs_109",
37
- "container--orange__outlined": "_container--orange__outlined_b8jbs_113",
38
- "container--purple": "_container--purple_b8jbs_116",
39
- "container--purple__outlined": "_container--purple__outlined_b8jbs_120",
40
- "container--red": "_container--red_b8jbs_123",
41
- "container--red__outlined": "_container--red__outlined_b8jbs_127",
42
- "container--volcano": "_container--volcano_b8jbs_130",
43
- "container--volcano__outlined": "_container--volcano__outlined_b8jbs_134"
44
- }, x = ({
7
+ "container--content": "_container--content_cza2q_9",
8
+ "container--content__icon": "_container--content__icon_cza2q_14",
9
+ "container--default": "_container--default_cza2q_18",
10
+ "container--default__outlined": "_container--default__outlined_cza2q_22",
11
+ "container--default__icon": "_container--default__icon_cza2q_25",
12
+ "container--success": "_container--success_cza2q_29",
13
+ "container--success__outlined": "_container--success__outlined_cza2q_33",
14
+ "container--error": "_container--error_cza2q_36",
15
+ "container--error__outlined": "_container--error__outlined_cza2q_40",
16
+ "container--processing": "_container--processing_cza2q_43",
17
+ "container--processing__outlined": "_container--processing__outlined_cza2q_47",
18
+ "container--warning": "_container--warning_cza2q_50",
19
+ "container--warning__outlined": "_container--warning__outlined_cza2q_54",
20
+ "container--warning__icon": "_container--warning__icon_cza2q_57",
21
+ "container--magenta": "_container--magenta_cza2q_60",
22
+ "container--magenta__outlined": "_container--magenta__outlined_cza2q_64",
23
+ "container--blue": "_container--blue_cza2q_67",
24
+ "container--blue__outlined": "_container--blue__outlined_cza2q_71",
25
+ "container--cyan": "_container--cyan_cza2q_74",
26
+ "container--cyan__outlined": "_container--cyan__outlined_cza2q_78",
27
+ "container--geek-blue": "_container--geek-blue_cza2q_81",
28
+ "container--geek-blue__outlined": "_container--geek-blue__outlined_cza2q_85",
29
+ "container--gold": "_container--gold_cza2q_88",
30
+ "container--gold__outlined": "_container--gold__outlined_cza2q_92",
31
+ "container--green": "_container--green_cza2q_95",
32
+ "container--green__outlined": "_container--green__outlined_cza2q_99",
33
+ "container--lime": "_container--lime_cza2q_102",
34
+ "container--lime__outlined": "_container--lime__outlined_cza2q_106",
35
+ "container--orange": "_container--orange_cza2q_109",
36
+ "container--orange__outlined": "_container--orange__outlined_cza2q_113",
37
+ "container--purple": "_container--purple_cza2q_116",
38
+ "container--purple__outlined": "_container--purple__outlined_cza2q_120",
39
+ "container--red": "_container--red_cza2q_123",
40
+ "container--red__outlined": "_container--red__outlined_cza2q_127",
41
+ "container--volcano": "_container--volcano_cza2q_130",
42
+ "container--volcano__outlined": "_container--volcano__outlined_cza2q_134"
43
+ }, k = ({
45
44
  variant: n,
46
45
  color: _,
47
- children: r,
48
- "data-testid": a,
49
- outlined: i = !1,
50
- "with-icon": s = !1,
51
- iconSize: b
46
+ children: t,
47
+ "data-testid": r,
48
+ outlined: o = !1,
49
+ "with-icon": l = !1,
50
+ iconSize: s
52
51
  }) => {
53
52
  n && _ && console.error("You should only use props Variant and Color one at a time");
54
- const l = c(
53
+ const u = i(
55
54
  e.container,
56
55
  n && e[`container--${n}`],
57
56
  _ && e[`container--${_}`],
58
- i && _ && e[`container--${_}__outlined`],
59
- i && n && e[`container--${n}__outlined`]
60
- ), u = c(e[`container--${n}__icon`], e["container--content__icon"]), t = j(() => !!n && {
57
+ o && _ && e[`container--${_}__outlined`],
58
+ o && n && e[`container--${n}__outlined`]
59
+ ), d = i(e[`container--${n}__icon`], e["container--content__icon"]), a = q(() => !!n && {
61
60
  default: "circle-minus",
62
61
  processing: "arrows-rotate",
63
62
  success: "circle-check",
64
63
  warning: "circle-exclamation",
65
64
  error: "circle-xmark"
66
65
  }[n], [n]);
67
- return /* @__PURE__ */ o("div", { "data-testid": a, className: l, children: /* @__PURE__ */ d("div", { className: e["container--content"], children: [
68
- s && !!t && /* @__PURE__ */ o("div", { className: u, children: /* @__PURE__ */ o(g, { size: b, icon: t }) }),
69
- r
66
+ return /* @__PURE__ */ c("div", { "data-testid": r, className: u, children: /* @__PURE__ */ z("div", { className: e["container--content"], children: [
67
+ l && !!a && /* @__PURE__ */ c("div", { className: d, children: /* @__PURE__ */ c(g, { size: s, icon: a }) }),
68
+ t
70
69
  ] }) });
71
70
  };
72
71
  export {
73
- x as Tag
72
+ k as Tag
74
73
  };
@@ -1,9 +1,8 @@
1
- import '../../assets/TextDisplay.css';
2
1
  import { jsxs as f, jsx as d } from "react/jsx-runtime";
3
2
  import { c as $ } from "../../clsx-DB4S2d7J.js";
4
3
  import { Skeleton as m } from "../Skeleton/Skeleton.js";
5
4
  import { Typography as y } from "../Typography/Typography.js";
6
- const g = "_container_ia8vu_1", e = {
5
+ import '../../assets/TextDisplay.css';const g = "_container_ia8vu_1", e = {
7
6
  container: g,
8
7
  "container--inline": "_container--inline_ia8vu_5"
9
8
  }, i = ({
@@ -1,11 +1,10 @@
1
- import '../../assets/Toggle.css';
2
1
  import { jsxs as j, jsx as P } from "react/jsx-runtime";
3
2
  import { c as O } from "../../clsx-DB4S2d7J.js";
4
3
  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-C_I1kEHr.js";
5
4
  import * as F from "react";
6
5
  import { u as D } from "../../useControlled-CCMYYdCM.js";
7
6
  import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
8
- function W(l) {
7
+ import '../../assets/Toggle.css';function W(l) {
9
8
  const {
10
9
  checked: s,
11
10
  defaultChecked: i,
@@ -6,7 +6,7 @@ declare const meta: {
6
6
  title: string;
7
7
  component: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
8
8
  tags: string[];
9
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
9
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
10
10
  legend?: import('react').ReactNode;
11
11
  error?: import('react').ReactNode;
12
12
  children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];
@@ -1,4 +1,3 @@
1
- import '../../assets/Tooltip.css';
2
1
  import { jsx as a, jsxs as v, Fragment as P } from "react/jsx-runtime";
3
2
  import * as u from "react";
4
3
  import { useRef as R, useState as T, useEffect as E, isValidElement as q, cloneElement as M } from "react";
@@ -6,7 +5,7 @@ import { T as O, P as V } from "../../Popup-Ck3XlWMq.js";
6
5
  import { _ as $, b as z, P as l } from "../../useSlotProps-C_I1kEHr.js";
7
6
  import { c as D } from "../../clsx-DB4S2d7J.js";
8
7
  import { C as F } from "../../ClickAwayListener-DbEYZpyh.js";
9
- function I() {
8
+ import '../../assets/Tooltip.css';function I() {
10
9
  const e = u.useContext(O);
11
10
  if (!e)
12
11
  throw new Error("Missing transition context");
@@ -8,7 +8,7 @@ declare const meta: {
8
8
  parameters: {
9
9
  layout: string;
10
10
  };
11
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
11
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
12
12
  children: import('react').ReactNode;
13
13
  title: import('react').ReactNode;
14
14
  open?: boolean | undefined;
@@ -1,9 +1,8 @@
1
- import '../../assets/TransactionRow.css';
2
1
  import { jsx as i, jsxs as a } from "react/jsx-runtime";
3
2
  import { Avatar as d } from "../Avatar/Avatar.js";
4
3
  import { Icon as l } from "../Icon/Icon.js";
5
4
  import { Typography as r } from "../Typography/Typography.js";
6
- const f = "_container_1zn5j_1", n = {
5
+ import '../../assets/TransactionRow.css';const f = "_container_1zn5j_1", n = {
7
6
  container: f,
8
7
  "container-grid": "_container-grid_1zn5j_6",
9
8
  "container-pending": "_container-pending_1zn5j_13",
@@ -1,9 +1,8 @@
1
- import '../../assets/Typography.css';
2
1
  import { jsx as m } from "react/jsx-runtime";
3
2
  import { forwardRef as c, useMemo as f } from "react";
4
3
  import { bemify as x, getBEMBase as k, getBEMBlock as B } from "../../utils/styleStrings.js";
5
4
  import { c as $ } from "../../clsx-DB4S2d7J.js";
6
- const t = {
5
+ import '../../assets/Typography.css';const t = {
7
6
  "u-typography-h1": "_u-typography-h1_gn8st_1",
8
7
  "u-typography-h2": "_u-typography-h2_gn8st_8",
9
8
  "u-typography-h3": "_u-typography-h3_gn8st_15",
@@ -12,7 +12,7 @@ declare const meta: {
12
12
  };
13
13
  };
14
14
  };
15
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
15
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
16
16
  children: import('react').ReactNode;
17
17
  element?: import('react').ElementType | undefined;
18
18
  variant?: import('./Typography').VariantType | undefined;
@@ -12,7 +12,7 @@ declare const meta: {
12
12
  };
13
13
  };
14
14
  tags: string[];
15
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
15
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
16
16
  [x: string]: any;
17
17
  }>) => import("react/jsx-runtime").JSX.Element)[];
18
18
  };
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.1.0",
4
+ "version": "1.1.1",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -100,4 +100,4 @@
100
100
  "@mui/base": "^5.0.0-beta.40",
101
101
  "@mui/material": "^5.15.15"
102
102
  }
103
- }
103
+ }
@@ -1,29 +0,0 @@
1
- import './assets/Dialog.css';
2
- const _ = "_dialog_1rdt4_78", t = "_dialog__backdrop_1rdt4_88", a = "_dialog__panel_1rdt4_96", o = "_dialog__title_1rdt4_113", r = "_dialog__subtitle_1rdt4_119", p = "_dialog__divider_1rdt4_122", d = "_dialog__actions_1rdt4_137", y = {
3
- "u-typography-h1": "_u-typography-h1_1rdt4_1",
4
- "u-typography-h2": "_u-typography-h2_1rdt4_8",
5
- "u-typography-h3": "_u-typography-h3_1rdt4_15",
6
- "u-typography-h4": "_u-typography-h4_1rdt4_22",
7
- "u-typography-h5": "_u-typography-h5_1rdt4_29",
8
- "u-typography-h6": "_u-typography-h6_1rdt4_36",
9
- "u-typography-base": "_u-typography-base_1rdt4_43",
10
- "u-typography-base--xxl": "_u-typography-base--xxl_1rdt4_49",
11
- "u-typography-base--xl": "_u-typography-base--xl_1rdt4_53",
12
- "u-typography-base--lg": "_u-typography-base--lg_1rdt4_57",
13
- "u-typography-base--sm": "_u-typography-base--sm_1rdt4_61",
14
- "u-typography-base--bold": "_u-typography-base--bold_1rdt4_65",
15
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1rdt4_68",
16
- "u-typography-base--underlined": "_u-typography-base--underlined_1rdt4_71",
17
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1rdt4_74",
18
- dialog: _,
19
- dialog__backdrop: t,
20
- dialog__panel: a,
21
- dialog__title: o,
22
- dialog__subtitle: r,
23
- dialog__divider: p,
24
- "dialog__close-icon": "_dialog__close-icon_1rdt4_127",
25
- dialog__actions: d
26
- };
27
- export {
28
- y as s
29
- };