@pismo/marola 1.0.29 → 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/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/BankCard/BankCard.js +57 -57
- package/dist/components/Button/Button.d.ts +9 -1
- package/dist/components/Button/Button.js +80 -56
- package/dist/components/Button/Button.stories.d.ts +13 -5
- package/dist/components/Button/Button.test.d.ts +1 -0
- package/dist/components/Calendar/Calendar.js +19 -19
- package/dist/components/Description/Description.js +37 -37
- 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/DialogTitle.js +1 -1
- package/dist/components/PageHeader/PageHeader.js +110 -89
- package/dist/components/PageHeader/PageHeader.stories.d.ts +6 -3
- package/dist/components/Pagination/Pagination.js +62 -62
- package/dist/components/StepperNavigator/StepperNavigator.js +79 -72
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -1
- package/dist/components/Tag/Tag.js +54 -54
- package/dist/marola.css +1 -1
- package/package.json +2 -2
- package/dist/Dialog.module-BFRHcF1J.js +0 -28
|
@@ -7,10 +7,13 @@ declare const meta: {
|
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
9
9
|
type Story = StoryObj<typeof meta>;
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
10
|
+
export declare const WithTitleOnly: Story;
|
|
11
|
+
export declare const WithTitleAndSubtitle: Story;
|
|
12
|
+
export declare const WithTitleAndRightChildren: Story;
|
|
13
|
+
export declare const WithTitleAndSubtitleAndRightChildren: Story;
|
|
12
14
|
export declare const WithBreadcrumb: Story;
|
|
13
|
-
export declare const
|
|
15
|
+
export declare const WithBreadcrumbAndRightChildren: Story;
|
|
16
|
+
export declare const WithBreadcrumbAndTitleAndRightChildren: Story;
|
|
14
17
|
export declare const WithBottomChildren: Story;
|
|
15
18
|
export declare const WithHeaderBubble: Story;
|
|
16
19
|
export declare const WithLargeHeaderBubble: Story;
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { jsxs as s, Fragment as
|
|
1
|
+
import { jsxs as s, Fragment as h, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { c as _ } from "../../clsx-DB4S2d7J.js";
|
|
3
|
-
import { Select as
|
|
3
|
+
import { Select as p } from "../Select/Select.js";
|
|
4
4
|
import C from "./usePagination.js";
|
|
5
|
-
import '../../assets/Pagination.css';const w = "
|
|
6
|
-
"u-typography-h1": "_u-typography-
|
|
7
|
-
"u-typography-h2": "_u-typography-
|
|
8
|
-
"u-typography-h3": "_u-typography-
|
|
9
|
-
"u-typography-h4": "_u-typography-
|
|
10
|
-
"u-typography-h5": "_u-typography-
|
|
11
|
-
"u-typography-h6": "_u-typography-
|
|
12
|
-
"u-typography-base": "_u-typography-
|
|
5
|
+
import '../../assets/Pagination.css';const w = "_pagination_2kmrd_43", n = {
|
|
6
|
+
"u-typography-h1": "_u-typography-h1_2kmrd_1",
|
|
7
|
+
"u-typography-h2": "_u-typography-h2_2kmrd_8",
|
|
8
|
+
"u-typography-h3": "_u-typography-h3_2kmrd_15",
|
|
9
|
+
"u-typography-h4": "_u-typography-h4_2kmrd_22",
|
|
10
|
+
"u-typography-h5": "_u-typography-h5_2kmrd_29",
|
|
11
|
+
"u-typography-h6": "_u-typography-h6_2kmrd_36",
|
|
12
|
+
"u-typography-base": "_u-typography-base_2kmrd_43",
|
|
13
13
|
pagination: w,
|
|
14
|
-
"per-page-container": "_per-page-
|
|
15
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
16
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
17
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
18
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
19
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
20
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
21
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
22
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
23
|
-
"per-page-container__select": "_per-page-
|
|
24
|
-
"pages-navigator-container": "_pages-navigator-
|
|
25
|
-
"page-item": "_page-
|
|
26
|
-
"page-number__btn": "_page-
|
|
27
|
-
"pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-
|
|
28
|
-
"page-number__btn--selected": "_page-number__btn--
|
|
14
|
+
"per-page-container": "_per-page-container_2kmrd_43",
|
|
15
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_2kmrd_49",
|
|
16
|
+
"u-typography-base--xl": "_u-typography-base--xl_2kmrd_53",
|
|
17
|
+
"u-typography-base--lg": "_u-typography-base--lg_2kmrd_57",
|
|
18
|
+
"u-typography-base--sm": "_u-typography-base--sm_2kmrd_61",
|
|
19
|
+
"u-typography-base--bold": "_u-typography-base--bold_2kmrd_65",
|
|
20
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_2kmrd_68",
|
|
21
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_2kmrd_71",
|
|
22
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_2kmrd_74",
|
|
23
|
+
"per-page-container__select": "_per-page-container__select_2kmrd_91",
|
|
24
|
+
"pages-navigator-container": "_pages-navigator-container_2kmrd_98",
|
|
25
|
+
"page-item": "_page-item_2kmrd_115",
|
|
26
|
+
"page-number__btn": "_page-number__btn_2kmrd_115",
|
|
27
|
+
"pages-navigator-container__previous-next-btn": "_pages-navigator-container__previous-next-btn_2kmrd_134",
|
|
28
|
+
"page-number__btn--selected": "_page-number__btn--selected_2kmrd_156"
|
|
29
29
|
}, B = {
|
|
30
30
|
pt: {
|
|
31
31
|
showing: "Exibindo",
|
|
@@ -45,43 +45,43 @@ import '../../assets/Pagination.css';const w = "_pagination_2n0nk_43", a = {
|
|
|
45
45
|
}
|
|
46
46
|
}, $ = ({
|
|
47
47
|
perPageOptions: o = [5, 10, 25, 50, 100],
|
|
48
|
-
language:
|
|
49
|
-
usePaginationProps:
|
|
48
|
+
language: m = "en",
|
|
49
|
+
usePaginationProps: y = {},
|
|
50
50
|
...e
|
|
51
51
|
}) => {
|
|
52
|
-
const
|
|
53
|
-
count:
|
|
52
|
+
const d = Math.ceil(e.totalItems / e.perPage), b = e.currentPage <= 1, k = e.currentPage >= d, v = { ...B[m], ...e.t || {} }, i = (t) => v[t], { items: x } = C({
|
|
53
|
+
count: d,
|
|
54
54
|
page: e.currentPage,
|
|
55
55
|
hideNextButton: !0,
|
|
56
56
|
hidePrevButton: !0,
|
|
57
57
|
siblingCount: 1,
|
|
58
58
|
boundaryCount: 2,
|
|
59
|
-
...
|
|
60
|
-
}),
|
|
61
|
-
return /* @__PURE__ */ s("div", { className: _(
|
|
59
|
+
...y
|
|
60
|
+
}), l = e.perPage * (e.currentPage - 1) + 1, u = l + e.perPage - 1, P = u > e.totalItems ? u - e.totalItems : 0, N = u - P;
|
|
61
|
+
return /* @__PURE__ */ s("div", { className: _(n.pagination, e.className), "data-testid": e["data-testid"], children: [
|
|
62
62
|
/* @__PURE__ */ s(
|
|
63
63
|
"div",
|
|
64
64
|
{
|
|
65
|
-
className: _(
|
|
65
|
+
className: _(n["per-page-container"], e.classNamePerPage),
|
|
66
66
|
"data-testid": e["data-testid-per-page"],
|
|
67
67
|
children: [
|
|
68
|
-
o && /* @__PURE__ */ s(
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
/* @__PURE__ */
|
|
71
|
-
|
|
68
|
+
o && /* @__PURE__ */ s(h, { children: [
|
|
69
|
+
/* @__PURE__ */ a("span", { children: i`perPage` }),
|
|
70
|
+
/* @__PURE__ */ a(
|
|
71
|
+
p,
|
|
72
72
|
{
|
|
73
|
-
className:
|
|
73
|
+
className: n["per-page-container__select"],
|
|
74
74
|
value: String(e.perPage),
|
|
75
|
-
onChange: (
|
|
76
|
-
children: o == null ? void 0 : o.map((
|
|
77
|
-
const r = typeof
|
|
78
|
-
return /* @__PURE__ */
|
|
79
|
-
|
|
75
|
+
onChange: (t) => e.onRowsPerPageChange(Number(t)),
|
|
76
|
+
children: o == null ? void 0 : o.map((t) => {
|
|
77
|
+
const r = typeof t == "number";
|
|
78
|
+
return /* @__PURE__ */ a(
|
|
79
|
+
p.Option,
|
|
80
80
|
{
|
|
81
|
-
value: String(r ?
|
|
82
|
-
children: r ?
|
|
81
|
+
value: String(r ? t : t.value),
|
|
82
|
+
children: r ? t : t.label
|
|
83
83
|
},
|
|
84
|
-
`per-page__${r ?
|
|
84
|
+
`per-page__${r ? t : t.value}`
|
|
85
85
|
);
|
|
86
86
|
})
|
|
87
87
|
}
|
|
@@ -89,7 +89,7 @@ import '../../assets/Pagination.css';const w = "_pagination_2n0nk_43", a = {
|
|
|
89
89
|
] }),
|
|
90
90
|
/* @__PURE__ */ s("div", { className: e.classNamePagesInfo, "data-testid": e["data-testid-pages-info"], children: [
|
|
91
91
|
/* @__PURE__ */ s("span", { children: [
|
|
92
|
-
|
|
92
|
+
l,
|
|
93
93
|
" - ",
|
|
94
94
|
N
|
|
95
95
|
] }),
|
|
@@ -97,7 +97,7 @@ import '../../assets/Pagination.css';const w = "_pagination_2n0nk_43", a = {
|
|
|
97
97
|
/* @__PURE__ */ s("span", { children: [
|
|
98
98
|
i`of`,
|
|
99
99
|
" ",
|
|
100
|
-
/* @__PURE__ */
|
|
100
|
+
/* @__PURE__ */ a("strong", { children: e.totalItems }),
|
|
101
101
|
" ",
|
|
102
102
|
i`results`
|
|
103
103
|
] })
|
|
@@ -108,37 +108,37 @@ import '../../assets/Pagination.css';const w = "_pagination_2n0nk_43", a = {
|
|
|
108
108
|
/* @__PURE__ */ s(
|
|
109
109
|
"div",
|
|
110
110
|
{
|
|
111
|
-
className: _(
|
|
111
|
+
className: _(n["pages-navigator-container"], e.classNamePagesNav),
|
|
112
112
|
"data-testid": e["data-testid-pages-nav"],
|
|
113
113
|
children: [
|
|
114
|
-
/* @__PURE__ */
|
|
114
|
+
/* @__PURE__ */ a(
|
|
115
115
|
"button",
|
|
116
116
|
{
|
|
117
|
-
className:
|
|
118
|
-
disabled:
|
|
117
|
+
className: n["pages-navigator-container__previous-next-btn"],
|
|
118
|
+
disabled: b,
|
|
119
119
|
onClick: () => e.onPageChange(e.currentPage - 1),
|
|
120
120
|
type: "button",
|
|
121
121
|
children: i`previous`
|
|
122
122
|
},
|
|
123
123
|
"page__previous"
|
|
124
124
|
),
|
|
125
|
-
/* @__PURE__ */
|
|
126
|
-
let g = /* @__PURE__ */
|
|
127
|
-
return r === "start-ellipsis" || r === "end-ellipsis" ? g = /* @__PURE__ */
|
|
125
|
+
/* @__PURE__ */ a("ul", { children: x.map(({ page: t, type: r, selected: f, ...I }, c) => {
|
|
126
|
+
let g = /* @__PURE__ */ a(h, {});
|
|
127
|
+
return r === "start-ellipsis" || r === "end-ellipsis" ? g = /* @__PURE__ */ a("span", { className: n["page-item"], children: "..." }) : r === "page" ? g = /* @__PURE__ */ a(
|
|
128
128
|
"button",
|
|
129
129
|
{
|
|
130
|
-
className: _(
|
|
131
|
-
onClick: () => e.onPageChange(
|
|
130
|
+
className: _(n["page-number__btn"], f && n["page-number__btn--selected"]),
|
|
131
|
+
onClick: () => e.onPageChange(t || 0),
|
|
132
132
|
type: "button",
|
|
133
|
-
children:
|
|
133
|
+
children: t
|
|
134
134
|
},
|
|
135
|
-
`page__${
|
|
136
|
-
) : g = /* @__PURE__ */
|
|
135
|
+
`page__${c}`
|
|
136
|
+
) : g = /* @__PURE__ */ a("button", { type: "button", ...I, children: r }), /* @__PURE__ */ a("li", { children: g }, c);
|
|
137
137
|
}) }),
|
|
138
|
-
/* @__PURE__ */
|
|
138
|
+
/* @__PURE__ */ a(
|
|
139
139
|
"button",
|
|
140
140
|
{
|
|
141
|
-
className:
|
|
141
|
+
className: n["pages-navigator-container__previous-next-btn"],
|
|
142
142
|
disabled: k,
|
|
143
143
|
onClick: () => e.onPageChange(e.currentPage + 1),
|
|
144
144
|
type: "button",
|
|
@@ -1,109 +1,116 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
3
|
-
import { Button as
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
"
|
|
7
|
-
"cancel-button": "_cancel-
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
}, 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 = {
|
|
12
11
|
en: {
|
|
13
|
-
previous: "
|
|
12
|
+
previous: "Back",
|
|
14
13
|
cancel: "Cancel",
|
|
15
14
|
next: "Next",
|
|
16
15
|
finish: "Finish"
|
|
17
16
|
},
|
|
18
17
|
pt: {
|
|
19
|
-
previous: "
|
|
18
|
+
previous: "Voltar",
|
|
20
19
|
cancel: "Cancelar",
|
|
21
20
|
next: "Próximo",
|
|
22
21
|
finish: "Finalizar"
|
|
23
22
|
}
|
|
24
23
|
}, R = ({
|
|
25
|
-
hideNext:
|
|
26
|
-
hidePrevious:
|
|
27
|
-
hideCancel:
|
|
28
|
-
hideFinish:
|
|
29
|
-
disableNext:
|
|
24
|
+
hideNext: z = !1,
|
|
25
|
+
hidePrevious: S = !1,
|
|
26
|
+
hideCancel: V = !1,
|
|
27
|
+
hideFinish: q = !1,
|
|
28
|
+
disableNext: w = !1,
|
|
30
29
|
disablePrevious: A = !1,
|
|
31
|
-
disableCancel:
|
|
32
|
-
disableFinish:
|
|
33
|
-
lang:
|
|
34
|
-
labelNext:
|
|
35
|
-
labelPrevious:
|
|
36
|
-
labelCancel:
|
|
37
|
-
labelFinish:
|
|
38
|
-
className:
|
|
39
|
-
"data-testid":
|
|
40
|
-
previousButtonProps:
|
|
41
|
-
cancelButtonProps:
|
|
42
|
-
nextButtonProps:
|
|
43
|
-
finishButtonProps:
|
|
44
|
-
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 = () => {
|
|
45
44
|
},
|
|
46
|
-
onPrevious:
|
|
45
|
+
onPrevious: J = () => {
|
|
47
46
|
},
|
|
48
|
-
onCancel:
|
|
47
|
+
onCancel: K = () => {
|
|
49
48
|
},
|
|
50
|
-
onFinish:
|
|
49
|
+
onFinish: L = () => {
|
|
51
50
|
}
|
|
52
|
-
}) => (
|
|
53
|
-
|
|
54
|
-
|
|
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,
|
|
55
54
|
{
|
|
56
|
-
|
|
57
|
-
|
|
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"],
|
|
58
59
|
disabled: A,
|
|
59
|
-
onClick:
|
|
60
|
+
onClick: J,
|
|
60
61
|
children: [
|
|
61
|
-
/* @__PURE__ */
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
/* @__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 })
|
|
64
65
|
]
|
|
65
66
|
}
|
|
66
67
|
),
|
|
67
|
-
/* @__PURE__ */
|
|
68
|
-
!
|
|
69
|
-
|
|
68
|
+
/* @__PURE__ */ _("span", { children: [
|
|
69
|
+
!V && /* @__PURE__ */ _(
|
|
70
|
+
c,
|
|
70
71
|
{
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
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,
|
|
75
78
|
children: [
|
|
76
|
-
/* @__PURE__ */
|
|
77
|
-
/* @__PURE__ */
|
|
78
|
-
/* @__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 })
|
|
79
82
|
]
|
|
80
83
|
}
|
|
81
84
|
),
|
|
82
|
-
!
|
|
83
|
-
|
|
85
|
+
!z && /* @__PURE__ */ _(
|
|
86
|
+
c,
|
|
84
87
|
{
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
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,
|
|
89
94
|
children: [
|
|
90
|
-
/* @__PURE__ */
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
/* @__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 })
|
|
93
98
|
]
|
|
94
99
|
}
|
|
95
100
|
),
|
|
96
|
-
!
|
|
97
|
-
|
|
101
|
+
!q && /* @__PURE__ */ _(
|
|
102
|
+
c,
|
|
98
103
|
{
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
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,
|
|
103
110
|
children: [
|
|
104
|
-
/* @__PURE__ */
|
|
105
|
-
/* @__PURE__ */
|
|
106
|
-
/* @__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 })
|
|
107
114
|
]
|
|
108
115
|
}
|
|
109
116
|
)
|
|
@@ -1,73 +1,73 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useMemo as
|
|
3
|
-
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";
|
|
4
4
|
import { Icon as g } from "../Icon/Icon.js";
|
|
5
|
-
import '../../assets/Tag.css';const m = "
|
|
5
|
+
import '../../assets/Tag.css';const m = "_container_cza2q_1", e = {
|
|
6
6
|
container: m,
|
|
7
|
-
"container--content": "_container--
|
|
8
|
-
"container--content__icon": "_container--
|
|
9
|
-
"container--default": "_container--
|
|
10
|
-
"container--default__outlined": "_container--
|
|
11
|
-
"container--default__icon": "_container--
|
|
12
|
-
"container--success": "_container--
|
|
13
|
-
"container--success__outlined": "_container--
|
|
14
|
-
"container--error": "_container--
|
|
15
|
-
"container--error__outlined": "_container--
|
|
16
|
-
"container--processing": "_container--
|
|
17
|
-
"container--processing__outlined": "_container--
|
|
18
|
-
"container--warning": "_container--
|
|
19
|
-
"container--warning__outlined": "_container--
|
|
20
|
-
"container--warning__icon": "_container--
|
|
21
|
-
"container--magenta": "_container--
|
|
22
|
-
"container--magenta__outlined": "_container--
|
|
23
|
-
"container--blue": "_container--
|
|
24
|
-
"container--blue__outlined": "_container--
|
|
25
|
-
"container--cyan": "_container--
|
|
26
|
-
"container--cyan__outlined": "_container--
|
|
27
|
-
"container--geek-blue": "_container--geek-
|
|
28
|
-
"container--geek-blue__outlined": "_container--geek-
|
|
29
|
-
"container--gold": "_container--
|
|
30
|
-
"container--gold__outlined": "_container--
|
|
31
|
-
"container--green": "_container--
|
|
32
|
-
"container--green__outlined": "_container--
|
|
33
|
-
"container--lime": "_container--
|
|
34
|
-
"container--lime__outlined": "_container--
|
|
35
|
-
"container--orange": "_container--
|
|
36
|
-
"container--orange__outlined": "_container--
|
|
37
|
-
"container--purple": "_container--
|
|
38
|
-
"container--purple__outlined": "_container--
|
|
39
|
-
"container--red": "_container--
|
|
40
|
-
"container--red__outlined": "_container--
|
|
41
|
-
"container--volcano": "_container--
|
|
42
|
-
"container--volcano__outlined": "_container--
|
|
43
|
-
},
|
|
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 = ({
|
|
44
44
|
variant: n,
|
|
45
45
|
color: _,
|
|
46
|
-
children:
|
|
47
|
-
"data-testid":
|
|
48
|
-
outlined:
|
|
49
|
-
"with-icon":
|
|
50
|
-
iconSize:
|
|
46
|
+
children: t,
|
|
47
|
+
"data-testid": r,
|
|
48
|
+
outlined: o = !1,
|
|
49
|
+
"with-icon": l = !1,
|
|
50
|
+
iconSize: s
|
|
51
51
|
}) => {
|
|
52
52
|
n && _ && console.error("You should only use props Variant and Color one at a time");
|
|
53
|
-
const
|
|
53
|
+
const u = i(
|
|
54
54
|
e.container,
|
|
55
55
|
n && e[`container--${n}`],
|
|
56
56
|
_ && e[`container--${_}`],
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
),
|
|
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 && {
|
|
60
60
|
default: "circle-minus",
|
|
61
61
|
processing: "arrows-rotate",
|
|
62
62
|
success: "circle-check",
|
|
63
63
|
warning: "circle-exclamation",
|
|
64
64
|
error: "circle-xmark"
|
|
65
65
|
}[n], [n]);
|
|
66
|
-
return /* @__PURE__ */
|
|
67
|
-
|
|
68
|
-
|
|
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
|
|
69
69
|
] }) });
|
|
70
70
|
};
|
|
71
71
|
export {
|
|
72
|
-
|
|
72
|
+
k as Tag
|
|
73
73
|
};
|
package/dist/marola.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199;--error-text: #d9363e;--error-text-rgb: 217, 54, 62;--success-text: #045440;--success-text-rgb: 4, 84, 64;--warning-text: #874d00;--warning-text-rgb: 135, 77, 0;--warning: #faad14;--warning-rgb: 250, 173, 20;--avatar-background: rgba(63, 61, 75, .2509803922);--avatar-background-rgb: 63, 61, 75}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255;--green-1: #f0fff7;--green-1-rgb: 240, 255, 247;--green-3: #a1edcb;--green-3-rgb: 161, 237, 203;--green-6: #28c88f;--green-6-rgb: 40, 200, 143;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--blue-6: #1897f3;--blue-6-rgb: 24, 151, 243;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143;--gold-6: #faad14;--gold-6-rgb: 250, 173, 20;--magenta-1: #fff0f6;--magenta-1-rgb: 255, 240, 246;--magenta-3: #ffadd2;--magenta-3-rgb: 255, 173, 210;--magenta-6: #eb2f96;--magenta-6-rgb: 235, 47, 150;--cyan-1: #e6fffb;--cyan-1-rgb: 230, 255, 251;--cyan-3: #87e8de;--cyan-3-rgb: 135, 232, 222;--cyan-6: #13c2c2;--cyan-6-rgb: 19, 194, 194;--geek-blue-1: #f0f5ff;--geek-blue-1-rgb: 240, 245, 255;--geek-blue-3: #adc6ff;--geek-blue-3-rgb: 173, 198, 255;--geek-blue-6: #2f54eb;--geek-blue-6-rgb: 47, 84, 235;--lime-1: #fcffe6;--lime-1-rgb: 252, 255, 230;--lime-3: #eaff8f;--lime-3-rgb: 234, 255, 143;--lime-6: #a0d911;--lime-6-rgb: 160, 217, 17;--orange-1: #fffaf0;--orange-1-rgb: 255, 250, 240;--orange-3: #ffe8bf;--orange-3-rgb: 255, 232, 191;--orange-6: #ffa945;--orange-6-rgb: 255, 169, 69;--purple-1: #f9f0ff;--purple-1-rgb: 249, 240, 255;--purple-3: #d3adf7;--purple-3-rgb: 211, 173, 247;--purple-6: #722ed1;--purple-6-rgb: 114, 46, 209;--red-1: #fff0f0;--red-1-rgb: 255, 240, 240;--red-3: #fcbdc3;--red-3-rgb: 252, 189, 195;--red-6: #d53a56;--red-6-rgb: 213, 58, 86;--volcano-1: #fff2e8;--volcano-1-rgb: 255, 242, 232;--volcano-3: #ffbb96;--volcano-3-rgb: 255, 187, 150;--volcano-6: #fa541c;--volcano-6-rgb: 250, 84, 28}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}:root{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078)}
|
|
1
|
+
:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199;--error-text: #d9363e;--error-text-rgb: 217, 54, 62;--success-text: #045440;--success-text-rgb: 4, 84, 64;--warning-text: #874d00;--warning-text-rgb: 135, 77, 0;--warning: #faad14;--warning-rgb: 250, 173, 20;--avatar-background: rgba(63, 61, 75, .2509803922);--avatar-background-rgb: 63, 61, 75}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255;--green-1: #f0fff7;--green-1-rgb: 240, 255, 247;--green-3: #a1edcb;--green-3-rgb: 161, 237, 203;--green-6: #28c88f;--green-6-rgb: 40, 200, 143;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--blue-6: #1897f3;--blue-6-rgb: 24, 151, 243;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143;--gold-6: #faad14;--gold-6-rgb: 250, 173, 20;--magenta-1: #fff0f6;--magenta-1-rgb: 255, 240, 246;--magenta-3: #ffadd2;--magenta-3-rgb: 255, 173, 210;--magenta-6: #eb2f96;--magenta-6-rgb: 235, 47, 150;--cyan-1: #e6fffb;--cyan-1-rgb: 230, 255, 251;--cyan-3: #87e8de;--cyan-3-rgb: 135, 232, 222;--cyan-6: #13c2c2;--cyan-6-rgb: 19, 194, 194;--geek-blue-1: #f0f5ff;--geek-blue-1-rgb: 240, 245, 255;--geek-blue-3: #adc6ff;--geek-blue-3-rgb: 173, 198, 255;--geek-blue-6: #2f54eb;--geek-blue-6-rgb: 47, 84, 235;--lime-1: #fcffe6;--lime-1-rgb: 252, 255, 230;--lime-3: #eaff8f;--lime-3-rgb: 234, 255, 143;--lime-6: #a0d911;--lime-6-rgb: 160, 217, 17;--orange-1: #fffaf0;--orange-1-rgb: 255, 250, 240;--orange-3: #ffe8bf;--orange-3-rgb: 255, 232, 191;--orange-6: #ffa945;--orange-6-rgb: 255, 169, 69;--purple-1: #f9f0ff;--purple-1-rgb: 249, 240, 255;--purple-3: #d3adf7;--purple-3-rgb: 211, 173, 247;--purple-6: #722ed1;--purple-6-rgb: 114, 46, 209;--red-1: #fff0f0;--red-1-rgb: 255, 240, 240;--red-3: #fcbdc3;--red-3-rgb: 252, 189, 195;--red-6: #d53a56;--red-6-rgb: 213, 58, 86;--volcano-1: #fff2e8;--volcano-1-rgb: 255, 242, 232;--volcano-3: #ffbb96;--volcano-3-rgb: 255, 187, 150;--volcano-6: #fa541c;--volcano-6-rgb: 250, 84, 28}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}:root{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-brand-error-color-error-hover: #ff7875;--colors-brand-error-color-error-active: #d9363e;--colors-brand-error-color-error: #ff4d4f;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-base-blue-7: #0a75cc;--colors-brand-primary-color-primary-active: var(--colors-base-blue-7);--colors-neutral-border-color-border: #d9d9d9;--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078)}
|
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.
|
|
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,28 +0,0 @@
|
|
|
1
|
-
import './assets/Dialog.css';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 = {
|
|
2
|
-
"u-typography-h1": "_u-typography-h1_1rdt4_1",
|
|
3
|
-
"u-typography-h2": "_u-typography-h2_1rdt4_8",
|
|
4
|
-
"u-typography-h3": "_u-typography-h3_1rdt4_15",
|
|
5
|
-
"u-typography-h4": "_u-typography-h4_1rdt4_22",
|
|
6
|
-
"u-typography-h5": "_u-typography-h5_1rdt4_29",
|
|
7
|
-
"u-typography-h6": "_u-typography-h6_1rdt4_36",
|
|
8
|
-
"u-typography-base": "_u-typography-base_1rdt4_43",
|
|
9
|
-
"u-typography-base--xxl": "_u-typography-base--xxl_1rdt4_49",
|
|
10
|
-
"u-typography-base--xl": "_u-typography-base--xl_1rdt4_53",
|
|
11
|
-
"u-typography-base--lg": "_u-typography-base--lg_1rdt4_57",
|
|
12
|
-
"u-typography-base--sm": "_u-typography-base--sm_1rdt4_61",
|
|
13
|
-
"u-typography-base--bold": "_u-typography-base--bold_1rdt4_65",
|
|
14
|
-
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_1rdt4_68",
|
|
15
|
-
"u-typography-base--underlined": "_u-typography-base--underlined_1rdt4_71",
|
|
16
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1rdt4_74",
|
|
17
|
-
dialog: _,
|
|
18
|
-
dialog__backdrop: t,
|
|
19
|
-
dialog__panel: a,
|
|
20
|
-
dialog__title: o,
|
|
21
|
-
dialog__subtitle: r,
|
|
22
|
-
dialog__divider: p,
|
|
23
|
-
"dialog__close-icon": "_dialog__close-icon_1rdt4_127",
|
|
24
|
-
dialog__actions: d
|
|
25
|
-
};
|
|
26
|
-
export {
|
|
27
|
-
y as s
|
|
28
|
-
};
|