@pismo/marola 2.1.56 → 2.1.58
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-DWi17zjS.js +13 -0
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/TransactionRow.css +1 -1
- 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/TransactionRow/TransactionRow.d.ts +11 -4
- package/dist/components/TransactionRow/TransactionRow.js +166 -85
- package/dist/components/TransactionRow/TransactionRow.stories.d.ts +17 -4
- package/dist/marola.css +1 -1
- package/package.json +1 -1
- package/dist/Dialog.module-BtKUNFVu.js +0 -13
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import './assets/Dialog.css';const _ = "_dialog_ckzm1_78", o = "_dialog__backdrop_ckzm1_88", i = "_dialog__panel_ckzm1_96", l = "_dialog__title_ckzm1_112", a = "_dialog__subtitle_ckzm1_118", d = "_dialog__divider_ckzm1_121", c = "_dialog__actions_ckzm1_136", t = {
|
|
2
|
+
dialog: _,
|
|
3
|
+
dialog__backdrop: o,
|
|
4
|
+
dialog__panel: i,
|
|
5
|
+
dialog__title: l,
|
|
6
|
+
dialog__subtitle: a,
|
|
7
|
+
dialog__divider: d,
|
|
8
|
+
"dialog__close-icon": "_dialog__close-icon_ckzm1_126",
|
|
9
|
+
dialog__actions: c
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
t as s
|
|
13
|
+
};
|
package/dist/assets/Dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_ckzm1_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_ckzm1_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_ckzm1_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_ckzm1_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_ckzm1_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_ckzm1_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_ckzm1_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_ckzm1_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_ckzm1_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_ckzm1_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_ckzm1_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_ckzm1_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_ckzm1_68{text-decoration:line-through}._u-typography-base--underlined_ckzm1_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_ckzm1_74{text-decoration:underline line-through}._dialog_ckzm1_78{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_ckzm1_88{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_ckzm1_96{position:relative;display:flex;flex-direction:column;width:680px;max-height:100%;padding:2rem;overflow:visible;font-weight:500;color:var(--gray-90);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_ckzm1_112{display:flex;gap:.75rem;align-items:center;color:#3f3d4be0}._dialog__subtitle_ckzm1_118{color:#3f3d4be0}._dialog__divider_ckzm1_121{width:100%;margin:1.5rem 0;border-top:1px solid var(--gray-10)}._dialog__close-icon_ckzm1_126{position:absolute;top:37px;right:32px;padding:0;margin:0;cursor:pointer;background:none;border:none}._dialog__actions_ckzm1_136{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}._dialog__actions_ckzm1_136 button{padding:0 1.5rem}._dialog__actions_ckzm1_136 button [class*=_u-typography-base]{font-weight:700}._dialog__actions_ckzm1_136 button[class*=_button--secondary]{color:#3f3d4be0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1a6p1_1{width:100%;min-height:56px;border-top:1px solid var(--border-secondary)}._container__grid_1a6p1_6{display:grid;grid-template-columns:1fr 1.5fr .5fr 4.5fr 2.5fr 2fr;align-items:center;justify-content:space-between;height:56px;padding:12px 16px}._container--pending_1a6p1_14{display:flex;align-items:center;justify-content:flex-start;height:66px;padding:12px 16px}._container__pending-right_1a6p1_21{margin-left:auto}._container--two-line_1a6p1_24{display:flex;gap:1rem;align-items:center;justify-content:space-between;min-height:72px;padding:16px}._container_1a6p1_1 :hover{cursor:pointer;background-color:var(--border-secondary)}._container__icon-wrapper_1a6p1_36{position:relative;display:inline-block}._container__pending-indicator_1a6p1_40{position:absolute;right:-6px;bottom:-6px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;pointer-events:none;background-color:var(--colors-brand-primary-color-primary-bg);border-radius:50%}._container__two-line-content_1a6p1_53{display:flex;flex-direction:column;flex-grow:1;gap:0;min-width:0}._container__two-line-primary_1a6p1_60{font-weight:600;color:var(--gray-95)}._container__two-line-secondary_1a6p1_64{font-size:.875rem;color:var(--gray-75)}._container__two-line-right_1a6p1_68{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;align-items:flex-end;margin-left:auto}._container__two-line-right-primary_1a6p1_76{font-weight:600;color:var(--gray-95)}._container__two-line-right-secondary_1a6p1_80{font-size:.875rem;color:var(--gray-75)}._container__info-section_1a6p1_84,._container__info-section--content_1a6p1_88{width:100%;overflow:hidden}._container__info-section--item_1a6p1_92{display:inline-flex;flex-shrink:0;padding-left:8px}._container__info-section--item_1a6p1_92:not(:last-child){flex-shrink:0}._container__info-section--item_1a6p1_92:last-child{flex-shrink:1;min-width:0;overflow:hidden}._container__info-section--item_1a6p1_92:not(:first-child){margin-left:8px;border-left:1px solid var(--border-secondary)}._container__info-section--right_1a6p1_109{display:flex;justify-content:flex-end}._container__truncate-text_1a6p1_113{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._container__separator_1a6p1_120{display:inline-block;width:1px;height:16px;margin:0 8px;vertical-align:middle;background-color:var(--border-secondary)}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { s as t } from "../../Dialog.module-
|
|
2
|
+
import { s as t } from "../../Dialog.module-DWi17zjS.js";
|
|
3
3
|
const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
|
|
4
4
|
export {
|
|
5
5
|
i as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as s } from "react";
|
|
3
3
|
import { c as t } from "../../clsx-OuTLNxxd.js";
|
|
4
|
-
import { s as m } from "../../Dialog.module-
|
|
4
|
+
import { s as m } from "../../Dialog.module-DWi17zjS.js";
|
|
5
5
|
const l = s(
|
|
6
6
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
7
7
|
({ ownerState: e, ...r }, o) => /* @__PURE__ */ a("div", { ...r, className: t(m.dialog__backdrop, r.className), ref: o })
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { Icon as i } from "../Icon/Icon.js";
|
|
3
|
-
import { s as r } from "../../Dialog.module-
|
|
3
|
+
import { s as r } from "../../Dialog.module-DWi17zjS.js";
|
|
4
4
|
import { B as s } from "../../Button-BrEDdtHO.js";
|
|
5
5
|
const n = ({ handleOnClose: t }) => /* @__PURE__ */ o(
|
|
6
6
|
s,
|
|
@@ -6,7 +6,7 @@ import le from "./Actions.js";
|
|
|
6
6
|
import ae from "./Backdrop.js";
|
|
7
7
|
import ce from "./CloseIconButton.js";
|
|
8
8
|
import de from "./Content.js";
|
|
9
|
-
import { s as z } from "../../Dialog.module-
|
|
9
|
+
import { s as z } from "../../Dialog.module-DWi17zjS.js";
|
|
10
10
|
import ee from "./DialogTitle.js";
|
|
11
11
|
import { u as te, P as l, _ as C, f as ue, g as fe, a as pe, b as be, c as G, d as he, e as me } from "../../useSlotProps-CYHDC4TN.js";
|
|
12
12
|
import { o as A, e as oe } from "../../ownerDocument-By592Iy6.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { Icon as d } from "../Icon/Icon.js";
|
|
3
3
|
import { Typography as i } from "../Typography/Typography.js";
|
|
4
|
-
import { s as r } from "../../Dialog.module-
|
|
4
|
+
import { s as r } from "../../Dialog.module-DWi17zjS.js";
|
|
5
5
|
const g = ({ title: o, subTitle: t, icon: a }) => /* @__PURE__ */ l(s, { children: [
|
|
6
6
|
/* @__PURE__ */ l(
|
|
7
7
|
i,
|
|
@@ -4,15 +4,22 @@ type TransactionRowProps = {
|
|
|
4
4
|
month?: React.ReactNode;
|
|
5
5
|
category?: React.ReactNode;
|
|
6
6
|
categoryType?: React.ReactNode;
|
|
7
|
-
name
|
|
7
|
+
name?: React.ReactNode;
|
|
8
8
|
type?: React.ReactNode;
|
|
9
9
|
icon?: IconName;
|
|
10
|
-
amount
|
|
10
|
+
amount?: React.ReactNode;
|
|
11
11
|
installments?: React.ReactNode;
|
|
12
12
|
onClick?: () => void;
|
|
13
|
-
isPendingTransaction?: boolean;
|
|
14
13
|
isLoading?: boolean;
|
|
15
14
|
'data-testid'?: string;
|
|
15
|
+
isPendingTransaction?: boolean;
|
|
16
|
+
variant?: 'default' | 'two-line';
|
|
17
|
+
primaryContent?: React.ReactNode;
|
|
18
|
+
secondaryContent?: React.ReactNode;
|
|
19
|
+
rightPrimaryContent?: React.ReactNode;
|
|
20
|
+
rightSecondaryContent?: React.ReactNode;
|
|
21
|
+
colorVariant?: 'danger' | 'success' | 'primary';
|
|
22
|
+
pendingItem?: boolean;
|
|
16
23
|
};
|
|
17
|
-
export declare const TransactionRow: ({ dateTime, category, categoryType, name, type, installments, amount, month, icon, onClick,
|
|
24
|
+
export declare const TransactionRow: ({ dateTime, category, categoryType, name, type, installments, amount, month, icon, onClick, pendingItem, isLoading, isPendingTransaction, "data-testid": dataTestId, variant, primaryContent, secondaryContent, rightPrimaryContent, rightSecondaryContent, colorVariant, }: TransactionRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
25
|
export {};
|
|
@@ -1,89 +1,170 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { Avatar as
|
|
3
|
-
import { Icon as
|
|
4
|
-
import { SkeletonCircle as
|
|
5
|
-
import { Typography as
|
|
6
|
-
import '../../assets/TransactionRow.css';const
|
|
7
|
-
container:
|
|
8
|
-
|
|
9
|
-
"container
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
1
|
+
import { jsx as e, jsxs as i, Fragment as _ } from "react/jsx-runtime";
|
|
2
|
+
import { Avatar as y } from "../Avatar/Avatar.js";
|
|
3
|
+
import { Icon as d } from "../Icon/Icon.js";
|
|
4
|
+
import { SkeletonCircle as w, Skeleton as a } from "../Skeleton/Skeleton.js";
|
|
5
|
+
import { Typography as o } from "../Typography/Typography.js";
|
|
6
|
+
import '../../assets/TransactionRow.css';const F = "_container_1a6p1_1", M = "_container__grid_1a6p1_6", R = "_container__separator_1a6p1_120", n = {
|
|
7
|
+
container: F,
|
|
8
|
+
container__grid: M,
|
|
9
|
+
"container--pending": "_container--pending_1a6p1_14",
|
|
10
|
+
"container__pending-right": "_container__pending-right_1a6p1_21",
|
|
11
|
+
"container--two-line": "_container--two-line_1a6p1_24",
|
|
12
|
+
"container__icon-wrapper": "_container__icon-wrapper_1a6p1_36",
|
|
13
|
+
"container__pending-indicator": "_container__pending-indicator_1a6p1_40",
|
|
14
|
+
"container__two-line-content": "_container__two-line-content_1a6p1_53",
|
|
15
|
+
"container__two-line-primary": "_container__two-line-primary_1a6p1_60",
|
|
16
|
+
"container__two-line-secondary": "_container__two-line-secondary_1a6p1_64",
|
|
17
|
+
"container__two-line-right": "_container__two-line-right_1a6p1_68",
|
|
18
|
+
"container__two-line-right-primary": "_container__two-line-right-primary_1a6p1_76",
|
|
19
|
+
"container__two-line-right-secondary": "_container__two-line-right-secondary_1a6p1_80",
|
|
20
|
+
"container__info-section": "_container__info-section_1a6p1_84",
|
|
21
|
+
"container__info-section--content": "_container__info-section--content_1a6p1_88",
|
|
22
|
+
"container__info-section--item": "_container__info-section--item_1a6p1_92",
|
|
23
|
+
"container__info-section--right": "_container__info-section--right_1a6p1_109",
|
|
24
|
+
"container__truncate-text": "_container__truncate-text_1a6p1_113",
|
|
25
|
+
container__separator: R
|
|
26
|
+
}, K = ({
|
|
27
|
+
dateTime: k,
|
|
28
|
+
category: g,
|
|
29
|
+
categoryType: f,
|
|
30
|
+
name: N,
|
|
31
|
+
type: z,
|
|
32
|
+
installments: l,
|
|
33
|
+
amount: $,
|
|
34
|
+
month: A,
|
|
35
|
+
icon: p,
|
|
36
|
+
onClick: c,
|
|
37
|
+
pendingItem: h = !1,
|
|
38
|
+
isLoading: t = !1,
|
|
39
|
+
isPendingTransaction: D = !1,
|
|
40
|
+
"data-testid": r = "Description",
|
|
41
|
+
variant: j = "default",
|
|
42
|
+
primaryContent: b,
|
|
43
|
+
secondaryContent: u,
|
|
44
|
+
rightPrimaryContent: m,
|
|
45
|
+
rightSecondaryContent: v,
|
|
46
|
+
colorVariant: x
|
|
47
|
+
}) => {
|
|
48
|
+
const s = (() => {
|
|
49
|
+
if (!x) return "var(--gray-95)";
|
|
50
|
+
switch (x) {
|
|
51
|
+
case "danger":
|
|
52
|
+
return "var(--colors-brand-error-color-error-active)";
|
|
53
|
+
case "success":
|
|
54
|
+
return "var(--colors-brand-success-color-success-active)";
|
|
55
|
+
case "primary":
|
|
56
|
+
return "var(--colors-brand-primary-color-primary-text)";
|
|
57
|
+
default:
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
})();
|
|
61
|
+
return j === "two-line" ? /* @__PURE__ */ e("div", { className: n.container, onClick: () => c == null ? void 0 : c(), children: /* @__PURE__ */ i("div", { className: n["container--two-line"], children: [
|
|
62
|
+
t ? /* @__PURE__ */ e(w, { size: "32px", "data-testid": `${r}-skeletonIcon` }) : /* @__PURE__ */ i("div", { className: n["container__icon-wrapper"], children: [
|
|
63
|
+
/* @__PURE__ */ e(y, { type: "icon", children: /* @__PURE__ */ e(d, { icon: p || "coin", color: s }) }),
|
|
64
|
+
h && /* @__PURE__ */ e("div", { className: n["container__pending-indicator"], children: /* @__PURE__ */ e(d, { icon: "clock-rotate-left", color: "var(--colors-brand-primary-color-primary)", size: "0.75rem" }) })
|
|
65
|
+
] }),
|
|
66
|
+
/* @__PURE__ */ e("div", { className: n["container__two-line-content"], children: t ? /* @__PURE__ */ i(_, { children: [
|
|
67
|
+
/* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${r}-skeletonName` }),
|
|
68
|
+
/* @__PURE__ */ e(a, { style: { width: 100, marginTop: "4px" }, "data-testid": `${r}-skeletonDate` })
|
|
69
|
+
] }) : /* @__PURE__ */ i(_, { children: [
|
|
70
|
+
b && /* @__PURE__ */ e(
|
|
71
|
+
o,
|
|
72
|
+
{
|
|
73
|
+
color: "var(--gray-95)",
|
|
74
|
+
variant: "base",
|
|
75
|
+
className: n["container__two-line-primary"],
|
|
76
|
+
"data-testid": `${r}-name`,
|
|
77
|
+
children: b
|
|
78
|
+
}
|
|
79
|
+
),
|
|
80
|
+
u && /* @__PURE__ */ e(o, { color: "var(--gray-75)", variant: "base", className: n["container__two-line-secondary"], children: u })
|
|
81
|
+
] }) }),
|
|
82
|
+
(m || v || h || t) && /* @__PURE__ */ e("div", { className: n["container__two-line-right"], children: t ? /* @__PURE__ */ i(_, { children: [
|
|
83
|
+
/* @__PURE__ */ e(a, { style: { width: 60 }, "data-testid": `${r}-skeletonType` }),
|
|
84
|
+
/* @__PURE__ */ e(a, { style: { width: 50, marginTop: "4px" }, "data-testid": `${r}-skeletonAmount` })
|
|
85
|
+
] }) : /* @__PURE__ */ i(_, { children: [
|
|
86
|
+
m && /* @__PURE__ */ e(
|
|
87
|
+
o,
|
|
88
|
+
{
|
|
89
|
+
color: s || "var(--gray-95)",
|
|
90
|
+
variant: "base",
|
|
91
|
+
className: n["container__two-line-right-primary"],
|
|
92
|
+
children: m
|
|
93
|
+
}
|
|
94
|
+
),
|
|
95
|
+
(v || l || h) && /* @__PURE__ */ i(
|
|
96
|
+
o,
|
|
97
|
+
{
|
|
98
|
+
color: "var(--gray-75)",
|
|
99
|
+
variant: "base",
|
|
100
|
+
className: n["container__two-line-right-secondary"],
|
|
101
|
+
children: [
|
|
102
|
+
l && /* @__PURE__ */ i(_, { children: [
|
|
103
|
+
l,
|
|
104
|
+
" . "
|
|
105
|
+
] }),
|
|
106
|
+
v || "Pending"
|
|
107
|
+
]
|
|
108
|
+
}
|
|
109
|
+
)
|
|
110
|
+
] }) })
|
|
111
|
+
] }) }) : D ? /* @__PURE__ */ e("div", { className: n.container, children: /* @__PURE__ */ i("div", { className: n["container--pending"], onClick: () => c == null ? void 0 : c(), children: [
|
|
112
|
+
t ? /* @__PURE__ */ e(w, { size: "32px", "data-testid": `${r}-skeletonIcon` }) : /* @__PURE__ */ e(y, { type: "icon", children: /* @__PURE__ */ e(d, { icon: p || "coin", color: s }) }),
|
|
113
|
+
/* @__PURE__ */ e("div", { className: n["container__info-section"], children: /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${r}-skeletonName` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", "data-testid": `${r}-content`, children: N }) }) }),
|
|
114
|
+
/* @__PURE__ */ e("div", { className: n["container__pending-right"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${r}-skeletonAmount` }) : /* @__PURE__ */ e(o, { bold: !0, color: "var(--gray-95)", variant: "base", children: $ }) })
|
|
115
|
+
] }) }) : /* @__PURE__ */ e("div", { className: n.container, children: /* @__PURE__ */ i("div", { onClick: () => c == null ? void 0 : c(), className: n.container__grid, children: [
|
|
116
|
+
/* @__PURE__ */ e("div", { children: t ? /* @__PURE__ */ e(a, { style: { width: 50 }, "data-testid": `${r}-skeletonMonth` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: A }) }),
|
|
117
|
+
/* @__PURE__ */ e("div", { children: t ? /* @__PURE__ */ e(a, { style: { width: 90 }, "data-testid": `${r}-skeletonDate` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: k }) }),
|
|
118
|
+
t ? /* @__PURE__ */ e(w, { size: "32px", "data-testid": `${r}-skeletonIcon` }) : /* @__PURE__ */ e(y, { type: "icon", children: /* @__PURE__ */ e(d, { icon: p || "coin", color: s }) }),
|
|
119
|
+
/* @__PURE__ */ e("div", { className: n["container__info-section"], children: /* @__PURE__ */ e("div", { className: n["container__info-section--content"], children: t ? /* @__PURE__ */ i(_, { children: [
|
|
120
|
+
/* @__PURE__ */ e(
|
|
121
|
+
a,
|
|
122
|
+
{
|
|
123
|
+
style: { width: 70, display: "inline-block", marginLeft: "8px" },
|
|
124
|
+
"data-testid": `${r}-skeletonName`
|
|
125
|
+
}
|
|
126
|
+
),
|
|
127
|
+
/* @__PURE__ */ e(
|
|
128
|
+
a,
|
|
129
|
+
{
|
|
130
|
+
style: { width: 70, display: "inline-block", marginLeft: "8px" },
|
|
131
|
+
"data-testid": `${r}-skeletonCategory`
|
|
132
|
+
}
|
|
133
|
+
),
|
|
134
|
+
/* @__PURE__ */ e(
|
|
135
|
+
a,
|
|
136
|
+
{
|
|
137
|
+
style: { width: 70, display: "inline-block", marginLeft: "8px" },
|
|
138
|
+
"data-testid": `${r}-skeletonCategoryType`
|
|
139
|
+
}
|
|
140
|
+
)
|
|
141
|
+
] }) : /* @__PURE__ */ i(
|
|
142
|
+
o,
|
|
56
143
|
{
|
|
57
|
-
|
|
58
|
-
"
|
|
144
|
+
color: "var(--gray-95)",
|
|
145
|
+
variant: "base",
|
|
146
|
+
className: n["container__truncate-text"],
|
|
147
|
+
"data-testid": `${r}-content`,
|
|
148
|
+
children: [
|
|
149
|
+
/* @__PURE__ */ e("span", { "data-testid": `${r}-name`, children: N }),
|
|
150
|
+
g && /* @__PURE__ */ i(_, { children: [
|
|
151
|
+
/* @__PURE__ */ e("span", { className: n.container__separator }),
|
|
152
|
+
/* @__PURE__ */ e("span", { "data-testid": `${r}-category`, children: g })
|
|
153
|
+
] }),
|
|
154
|
+
f && /* @__PURE__ */ i(_, { children: [
|
|
155
|
+
/* @__PURE__ */ e("span", { className: n.container__separator }),
|
|
156
|
+
/* @__PURE__ */ e("span", { "data-testid": `${r}-categoryType`, children: f })
|
|
157
|
+
] })
|
|
158
|
+
]
|
|
59
159
|
}
|
|
60
|
-
)
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
children: [
|
|
69
|
-
/* @__PURE__ */ e("span", { "data-testid": `${t}-name`, children: h }),
|
|
70
|
-
l && /* @__PURE__ */ c(s, { children: [
|
|
71
|
-
/* @__PURE__ */ e("span", { className: n.separator }),
|
|
72
|
-
/* @__PURE__ */ e("span", { "data-testid": `${t}-category`, children: l })
|
|
73
|
-
] }),
|
|
74
|
-
d && /* @__PURE__ */ c(s, { children: [
|
|
75
|
-
/* @__PURE__ */ e("span", { className: n.separator }),
|
|
76
|
-
/* @__PURE__ */ e("span", { "data-testid": `${t}-categoryType`, children: d })
|
|
77
|
-
] })
|
|
78
|
-
]
|
|
79
|
-
}
|
|
80
|
-
) }) }),
|
|
81
|
-
/* @__PURE__ */ c("div", { className: n["info-section--right"], children: [
|
|
82
|
-
m && /* @__PURE__ */ e("div", { className: n["info-section--item"], children: i ? /* @__PURE__ */ e(r, { style: { width: 70 }, "data-testid": `${t}-skeletonInstallments` }) : /* @__PURE__ */ e(a, { color: "var(--gray-95)", variant: "base", children: m }) }),
|
|
83
|
-
/* @__PURE__ */ e("div", { className: n["info-section--item"], children: i ? /* @__PURE__ */ e(r, { style: { width: 70 }, "data-testid": `${t}-skeletonType` }) : /* @__PURE__ */ e(a, { color: "var(--gray-95)", variant: "base", children: w }) })
|
|
84
|
-
] }),
|
|
85
|
-
/* @__PURE__ */ e("div", { className: n["info-section--right"], children: i ? /* @__PURE__ */ e(r, { style: { width: 140 }, "data-testid": `${t}-skeletonAmount` }) : /* @__PURE__ */ e(a, { bold: !0, variant: "base", children: p }) })
|
|
86
|
-
] }) });
|
|
160
|
+
) }) }),
|
|
161
|
+
/* @__PURE__ */ i("div", { className: n["container__info-section--right"], children: [
|
|
162
|
+
l && /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${r}-skeletonInstallments` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: l }) }),
|
|
163
|
+
/* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${r}-skeletonType` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: z }) })
|
|
164
|
+
] }),
|
|
165
|
+
/* @__PURE__ */ e("div", { className: n["container__info-section--right"], children: t ? /* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${r}-skeletonAmount` }) : /* @__PURE__ */ e(o, { bold: !0, variant: "base", children: $ }) })
|
|
166
|
+
] }) });
|
|
167
|
+
};
|
|
87
168
|
export {
|
|
88
|
-
|
|
169
|
+
K as TransactionRow
|
|
89
170
|
};
|
|
@@ -1,20 +1,27 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ dateTime, category, categoryType, name, type, installments, amount, month, icon, onClick,
|
|
4
|
+
component: ({ dateTime, category, categoryType, name, type, installments, amount, month, icon, onClick, pendingItem, isLoading, isPendingTransaction, "data-testid": dataTestId, variant, primaryContent, secondaryContent, rightPrimaryContent, rightSecondaryContent, colorVariant, }: {
|
|
5
5
|
dateTime?: import('react').ReactNode;
|
|
6
6
|
month?: import('react').ReactNode;
|
|
7
7
|
category?: import('react').ReactNode;
|
|
8
8
|
categoryType?: import('react').ReactNode;
|
|
9
|
-
name
|
|
9
|
+
name?: import('react').ReactNode;
|
|
10
10
|
type?: import('react').ReactNode;
|
|
11
11
|
icon?: import('../Icon/types').IconName | undefined;
|
|
12
|
-
amount
|
|
12
|
+
amount?: import('react').ReactNode;
|
|
13
13
|
installments?: import('react').ReactNode;
|
|
14
14
|
onClick?: (() => void) | undefined;
|
|
15
|
-
isPendingTransaction?: boolean | undefined;
|
|
16
15
|
isLoading?: boolean | undefined;
|
|
17
16
|
'data-testid'?: string | undefined;
|
|
17
|
+
isPendingTransaction?: boolean | undefined;
|
|
18
|
+
variant?: "default" | "two-line" | undefined;
|
|
19
|
+
primaryContent?: import('react').ReactNode;
|
|
20
|
+
secondaryContent?: import('react').ReactNode;
|
|
21
|
+
rightPrimaryContent?: import('react').ReactNode;
|
|
22
|
+
rightSecondaryContent?: import('react').ReactNode;
|
|
23
|
+
colorVariant?: "success" | "primary" | "danger" | undefined;
|
|
24
|
+
pendingItem?: boolean | undefined;
|
|
18
25
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
19
26
|
tags: string[];
|
|
20
27
|
parameters: {
|
|
@@ -34,3 +41,9 @@ export declare const WithLargeAmount: Story;
|
|
|
34
41
|
export declare const IsPending: Story;
|
|
35
42
|
export declare const IsPendingLoading: Story;
|
|
36
43
|
export declare const LongTitleAndCategory: Story;
|
|
44
|
+
export declare const TwoLine: Story;
|
|
45
|
+
export declare const TwoLineWithClick: Story;
|
|
46
|
+
export declare const TwoLineMultipleExamples: Story;
|
|
47
|
+
export declare const TwoLineWithColorVariants: Story;
|
|
48
|
+
export declare const DefaultWithColorVariants: Story;
|
|
49
|
+
export declare const TwoLineWithPendingIndicator: Story;
|
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;--info-text: #003e80;--info-text-rgb: 0, 62, 128;--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-5: #597ef7;--geek-blue-5-rgb: 89, 126, 247;--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-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);--colors-base-green-6: #28c88f;--colors-brand-success-color-success: var(--colors-base-green-6);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-neutral-text-color-text-secondary: rgba(63, 61, 75, .6509803922);--colors-neutral-bg-color-bg-layout: #fafafa}
|
|
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;--info-text: #003e80;--info-text-rgb: 0, 62, 128;--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-5: #597ef7;--geek-blue-5-rgb: 89, 126, 247;--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-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);--colors-base-green-6: #28c88f;--colors-brand-success-color-success: var(--colors-base-green-6);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-neutral-text-color-text-secondary: rgba(63, 61, 75, .6509803922);--colors-neutral-bg-color-bg-layout: #fafafa;--colors-base-green-7: #18a175;--colors-brand-success-color-success-active: var(--colors-base-green-7);--colors-base-blue-9: #003e80;--colors-brand-primary-color-primary-text: var(--colors-base-blue-9)}
|
package/package.json
CHANGED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import './assets/Dialog.css';const _ = "_dialog_1jup2_78", o = "_dialog__backdrop_1jup2_88", i = "_dialog__panel_1jup2_96", l = "_dialog__title_1jup2_112", a = "_dialog__subtitle_1jup2_118", d = "_dialog__divider_1jup2_121", t = "_dialog__actions_1jup2_136", g = {
|
|
2
|
-
dialog: _,
|
|
3
|
-
dialog__backdrop: o,
|
|
4
|
-
dialog__panel: i,
|
|
5
|
-
dialog__title: l,
|
|
6
|
-
dialog__subtitle: a,
|
|
7
|
-
dialog__divider: d,
|
|
8
|
-
"dialog__close-icon": "_dialog__close-icon_1jup2_126",
|
|
9
|
-
dialog__actions: t
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
g as s
|
|
13
|
-
};
|