@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.
- package/dist/Dialog.module-BlXtafuW.js +28 -0
- package/dist/Group-ZXteFV4M.js +1 -2
- package/dist/Popover.module-B4boCutS.js +1 -2
- package/dist/SelectButton-B38avP9u.js +1 -2
- package/dist/Tabs.module-BNRwj3Z0.js +1 -2
- package/dist/Toggle-BuZjueQ7.js +1 -2
- package/dist/assets/BankCard.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Calendar.css +1 -1
- package/dist/assets/Description.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/StepperNavigator.css +1 -1
- package/dist/assets/Tag.css +1 -1
- package/dist/components/Adornment/Adornment.js +1 -2
- package/dist/components/Advice/Advice.js +1 -2
- package/dist/components/Alert/Alert.js +1 -2
- package/dist/components/Autocomplete/Autocomplete.js +1 -2
- package/dist/components/Avatar/Avatar.js +1 -2
- package/dist/components/BankCard/BankCard.js +57 -58
- package/dist/components/Button/Button.js +69 -70
- package/dist/components/Calendar/Calendar.js +19 -20
- package/dist/components/Checkbox/Checkbox.js +1 -2
- package/dist/components/Chip/Chip.stories.d.ts +1 -1
- package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +1 -1
- package/dist/components/Description/Description.js +37 -38
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +1 -1
- package/dist/components/Dialog/Dialog.js +1 -1
- package/dist/components/Dialog/Dialog.stories.d.ts +1 -1
- package/dist/components/Dialog/DialogTitle.js +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +1 -2
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +1 -2
- package/dist/components/Input/Input.js +1 -2
- package/dist/components/InputSearch/InputSearch.js +1 -2
- package/dist/components/LoadingSpinner/LoadingSpinner.js +1 -2
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
- package/dist/components/PageHeader/PageHeader.js +110 -90
- package/dist/components/PageHeader/PageHeader.stories.d.ts +6 -3
- package/dist/components/Pagination/Pagination.js +62 -63
- package/dist/components/Popover/Popover.stories.d.ts +1 -1
- package/dist/components/RadioButton/RadioButton.js +1 -2
- package/dist/components/ResultWithChips/ResultWithChips.js +1 -2
- package/dist/components/Skeleton/Skeleton.js +1 -2
- package/dist/components/Snackbar/Snackbar.js +1 -2
- package/dist/components/Snackbar/Snackbar.stories.d.ts +1 -1
- package/dist/components/SortTooltip/SortTooltip.js +1 -2
- package/dist/components/Stepper/Stepper.js +1 -2
- package/dist/components/StepperNavigator/StepperNavigator.js +79 -73
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -1
- package/dist/components/Table/Table.js +1 -2
- package/dist/components/Tag/Tag.js +54 -55
- package/dist/components/TextDisplay/TextDisplay.js +1 -2
- package/dist/components/Toggle/Toggle.js +1 -2
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -2
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/components/TransactionRow/TransactionRow.js +1 -2
- package/dist/components/Typography/Typography.js +1 -2
- package/dist/components/Typography/Typography.stories.d.ts +1 -1
- package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
- package/package.json +2 -2
- package/dist/Dialog.module-BFRHcF1J.js +0 -29
|
@@ -1,110 +1,116 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
|
|
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: "
|
|
12
|
+
previous: "Back",
|
|
15
13
|
cancel: "Cancel",
|
|
16
14
|
next: "Next",
|
|
17
15
|
finish: "Finish"
|
|
18
16
|
},
|
|
19
17
|
pt: {
|
|
20
|
-
previous: "
|
|
18
|
+
previous: "Voltar",
|
|
21
19
|
cancel: "Cancelar",
|
|
22
20
|
next: "Próximo",
|
|
23
21
|
finish: "Finalizar"
|
|
24
22
|
}
|
|
25
23
|
}, R = ({
|
|
26
|
-
hideNext:
|
|
27
|
-
hidePrevious:
|
|
28
|
-
hideCancel:
|
|
29
|
-
hideFinish:
|
|
30
|
-
disableNext:
|
|
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:
|
|
33
|
-
disableFinish:
|
|
34
|
-
lang:
|
|
35
|
-
labelNext:
|
|
36
|
-
labelPrevious:
|
|
37
|
-
labelCancel:
|
|
38
|
-
labelFinish:
|
|
39
|
-
className:
|
|
40
|
-
"data-testid":
|
|
41
|
-
previousButtonProps:
|
|
42
|
-
cancelButtonProps:
|
|
43
|
-
nextButtonProps:
|
|
44
|
-
finishButtonProps:
|
|
45
|
-
onNext:
|
|
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:
|
|
45
|
+
onPrevious: J = () => {
|
|
48
46
|
},
|
|
49
|
-
onCancel:
|
|
47
|
+
onCancel: K = () => {
|
|
50
48
|
},
|
|
51
|
-
onFinish:
|
|
49
|
+
onFinish: L = () => {
|
|
52
50
|
}
|
|
53
|
-
}) => (
|
|
54
|
-
|
|
55
|
-
|
|
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
|
-
|
|
58
|
-
|
|
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:
|
|
60
|
+
onClick: J,
|
|
61
61
|
children: [
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
/* @__PURE__ */
|
|
64
|
-
/* @__PURE__ */
|
|
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__ */
|
|
69
|
-
!
|
|
70
|
-
|
|
68
|
+
/* @__PURE__ */ _("span", { children: [
|
|
69
|
+
!V && /* @__PURE__ */ _(
|
|
70
|
+
c,
|
|
71
71
|
{
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
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__ */
|
|
78
|
-
/* @__PURE__ */
|
|
79
|
-
/* @__PURE__ */
|
|
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
|
-
!
|
|
84
|
-
|
|
85
|
+
!z && /* @__PURE__ */ _(
|
|
86
|
+
c,
|
|
85
87
|
{
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
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__ */
|
|
92
|
-
/* @__PURE__ */
|
|
93
|
-
/* @__PURE__ */
|
|
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
|
-
!
|
|
98
|
-
|
|
101
|
+
!q && /* @__PURE__ */ _(
|
|
102
|
+
c,
|
|
99
103
|
{
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
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__ */
|
|
106
|
-
/* @__PURE__ */
|
|
107
|
-
/* @__PURE__ */
|
|
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
|
)
|
|
@@ -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
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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 = "
|
|
5
|
+
import '../../assets/Tag.css';const m = "_container_cza2q_1", e = {
|
|
7
6
|
container: m,
|
|
8
|
-
"container--content": "_container--
|
|
9
|
-
"container--content__icon": "_container--
|
|
10
|
-
"container--default": "_container--
|
|
11
|
-
"container--default__outlined": "_container--
|
|
12
|
-
"container--default__icon": "_container--
|
|
13
|
-
"container--success": "_container--
|
|
14
|
-
"container--success__outlined": "_container--
|
|
15
|
-
"container--error": "_container--
|
|
16
|
-
"container--error__outlined": "_container--
|
|
17
|
-
"container--processing": "_container--
|
|
18
|
-
"container--processing__outlined": "_container--
|
|
19
|
-
"container--warning": "_container--
|
|
20
|
-
"container--warning__outlined": "_container--
|
|
21
|
-
"container--warning__icon": "_container--
|
|
22
|
-
"container--magenta": "_container--
|
|
23
|
-
"container--magenta__outlined": "_container--
|
|
24
|
-
"container--blue": "_container--
|
|
25
|
-
"container--blue__outlined": "_container--
|
|
26
|
-
"container--cyan": "_container--
|
|
27
|
-
"container--cyan__outlined": "_container--
|
|
28
|
-
"container--geek-blue": "_container--geek-
|
|
29
|
-
"container--geek-blue__outlined": "_container--geek-
|
|
30
|
-
"container--gold": "_container--
|
|
31
|
-
"container--gold__outlined": "_container--
|
|
32
|
-
"container--green": "_container--
|
|
33
|
-
"container--green__outlined": "_container--
|
|
34
|
-
"container--lime": "_container--
|
|
35
|
-
"container--lime__outlined": "_container--
|
|
36
|
-
"container--orange": "_container--
|
|
37
|
-
"container--orange__outlined": "_container--
|
|
38
|
-
"container--purple": "_container--
|
|
39
|
-
"container--purple__outlined": "_container--
|
|
40
|
-
"container--red": "_container--
|
|
41
|
-
"container--red__outlined": "_container--
|
|
42
|
-
"container--volcano": "_container--
|
|
43
|
-
"container--volcano__outlined": "_container--
|
|
44
|
-
},
|
|
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:
|
|
48
|
-
"data-testid":
|
|
49
|
-
outlined:
|
|
50
|
-
"with-icon":
|
|
51
|
-
iconSize:
|
|
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
|
|
53
|
+
const u = i(
|
|
55
54
|
e.container,
|
|
56
55
|
n && e[`container--${n}`],
|
|
57
56
|
_ && e[`container--${_}`],
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
),
|
|
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__ */
|
|
68
|
-
|
|
69
|
-
|
|
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
|
-
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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.
|
|
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
|
-
};
|