@pismo/marola 2.1.32 → 2.1.35
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/assets/Card.css +1 -0
- package/dist/assets/Stepper.css +1 -1
- package/dist/components/Card/Card.d.ts +8 -0
- package/dist/components/Card/Card.js +8 -0
- package/dist/components/Card/Card.stories.d.ts +13 -0
- package/dist/components/Card/Card.test.d.ts +1 -0
- package/dist/components/Stepper/Stepper.d.ts +9 -3
- package/dist/components/Stepper/Stepper.js +26 -22
- package/dist/components/Stepper/Stepper.stories.d.ts +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +128 -126
- package/dist/marola.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_1n8h6_1{width:100%;padding:16px;background-color:var(--white-100);border:1px solid var(--colors-neutral-border-color-border);border-radius:var(--border-radius-border-radius)}._container_1n8h6_1:hover{cursor:pointer;background-color:var(--cream)}
|
package/dist/assets/Stepper.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1c35a_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_1c35a_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_1c35a_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_1c35a_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_1c35a_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_1c35a_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_1c35a_43,._stepper_1c35a_43 ._item_1c35a_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1c35a_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1c35a_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1c35a_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1c35a_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1c35a_65,._stepper_1c35a_43 ._item_1c35a_43._item--active_1c35a_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1c35a_68{text-decoration:line-through}._u-typography-base--underlined_1c35a_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1c35a_74{text-decoration:underline line-through}._stepper_1c35a_43{display:flex;gap:.3rem;justify-content:space-between;margin:2.5rem auto}._stepper_1c35a_43 ._item_1c35a_43{position:relative;box-sizing:border-box;display:flex;flex:1;gap:.5rem;justify-content:center;align-items:center;padding:.6875rem 0;color:var(--colors-neutral-text-color-text-disabled);transition:color .4s ease}._stepper_1c35a_43 ._item_1c35a_43:before{position:absolute;bottom:0;left:0;width:100%;height:4px;content:" ";background:var(--border-secondary);border-radius:var(--border-radius)}._stepper_1c35a_43 ._item_1c35a_43:after{position:absolute;bottom:0;left:0;width:0%;height:4px;content:" ";background:transparent;border-radius:var(--border-radius);transition:width .4s ease-in-out,background-color .2s ease-in-out}._stepper_1c35a_43 ._item-icon_1c35a_117{animation:_fadeIn_1c35a_1 .6s ease-in-out;line-height:0}._stepper_1c35a_43 ._item_1c35a_43._item--completed_1c35a_121{color:var(--colors-neutral-text-color-text)}._stepper_1c35a_43 ._item_1c35a_43._item--completed_1c35a_121:after{width:100%;color:var(--colors-neutral-text-color-text);background:var(--accent)}._stepper_1c35a_43 ._item_1c35a_43._item--active_1c35a_65{color:var(--colors-neutral-text-color-text)}._stepper_1c35a_43 ._item_1c35a_43._item--active_1c35a_65:after{width:10%;color:var(--colors-neutral-text-color-text);background:var(--accent);transition-delay:.4s}@keyframes _fadeIn_1c35a_1{0%{opacity:0}to{opacity:1}}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type CardProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
'data-testid'?: string;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
};
|
|
7
|
+
export declare const Card: ({ children, "data-testid": dataTestId, onClick }: CardProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default Card;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/Card.css';const s = "_container_1n8h6_1", o = {
|
|
3
|
+
container: s
|
|
4
|
+
}, c = ({ children: t, "data-testid": a, onClick: n }) => /* @__PURE__ */ e("div", { "data-testid": a, className: o.container, onClick: n, children: t });
|
|
5
|
+
export {
|
|
6
|
+
c as Card,
|
|
7
|
+
c as default
|
|
8
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ children, "data-testid": dataTestId, onClick }: import('./Card').CardProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const WithClickAction: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -8,9 +8,15 @@ export type StepperProps = {
|
|
|
8
8
|
className?: string;
|
|
9
9
|
/** CSS classes to be applied on the item element */
|
|
10
10
|
classNameItem?: string;
|
|
11
|
-
/**
|
|
11
|
+
/**
|
|
12
|
+
* CSS classes to be applied on the counter element
|
|
13
|
+
* @deprecated This property is deprecated and will be removed in a future version
|
|
14
|
+
*/
|
|
12
15
|
classNameCounter?: string;
|
|
13
|
-
/**
|
|
16
|
+
/**
|
|
17
|
+
* CSS classes to be applied on the name element
|
|
18
|
+
* @deprecated This property is deprecated and will be removed in a future version
|
|
19
|
+
*/
|
|
14
20
|
classNameName?: string;
|
|
15
21
|
/** Id to be applied as `data-testid` on the container element */
|
|
16
22
|
'data-testid'?: string;
|
|
@@ -21,5 +27,5 @@ export type StepperProps = {
|
|
|
21
27
|
/** Id to be applied as `data-testid` on the name element */
|
|
22
28
|
'data-testid-name'?: string;
|
|
23
29
|
};
|
|
24
|
-
declare const Stepper: ({ currentStep, steps, classNameItem,
|
|
30
|
+
declare const Stepper: ({ currentStep, steps, classNameItem, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
31
|
export { Stepper };
|
|
@@ -1,32 +1,36 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
"item--active": "_item--
|
|
8
|
-
"item
|
|
9
|
-
|
|
10
|
-
},
|
|
11
|
-
const
|
|
12
|
-
return /* @__PURE__ */
|
|
1
|
+
import { jsx as c, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { c as o } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { Icon as n } from "../Icon/Icon.js";
|
|
4
|
+
import '../../assets/Stepper.css';const _ = "_stepper_1c35a_43", v = "_item_1c35a_43", e = {
|
|
5
|
+
stepper: _,
|
|
6
|
+
item: v,
|
|
7
|
+
"item--active": "_item--active_1c35a_65",
|
|
8
|
+
"item-icon": "_item-icon_1c35a_117",
|
|
9
|
+
"item--completed": "_item--completed_1c35a_121"
|
|
10
|
+
}, y = ({ currentStep: a = 0, steps: d, classNameItem: r, ...t }) => /* @__PURE__ */ c("div", { className: o(e.stepper, t.className), "data-testid": t["data-testid"], children: d.map((p, i) => {
|
|
11
|
+
const s = i < a, l = i === a;
|
|
12
|
+
return /* @__PURE__ */ m(
|
|
13
13
|
"div",
|
|
14
14
|
{
|
|
15
|
-
className:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
className: o(
|
|
16
|
+
e.item,
|
|
17
|
+
s && e["item--completed"],
|
|
18
|
+
l && e["item--active"],
|
|
19
|
+
r
|
|
20
20
|
),
|
|
21
|
-
"data-testid":
|
|
21
|
+
"data-testid": t["data-testid-item"],
|
|
22
22
|
children: [
|
|
23
|
-
/* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
23
|
+
s && /* @__PURE__ */ c("span", { className: e["item-icon"], children: /* @__PURE__ */ c(n, { icon: "circle-check", color: "var(--colors-brand-primary-color-primary)" }) }),
|
|
24
|
+
/* @__PURE__ */ m("div", { "data-testid": t["data-testid-counter"], children: [
|
|
25
|
+
i + 1,
|
|
26
|
+
"."
|
|
27
|
+
] }),
|
|
28
|
+
/* @__PURE__ */ c("div", { "data-testid": t["data-testid-name"], children: p })
|
|
25
29
|
]
|
|
26
30
|
},
|
|
27
|
-
|
|
31
|
+
i
|
|
28
32
|
);
|
|
29
33
|
}) });
|
|
30
34
|
export {
|
|
31
|
-
|
|
35
|
+
y as Stepper
|
|
32
36
|
};
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { StepperProps } from './Stepper';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ currentStep, steps, classNameItem,
|
|
5
|
+
component: ({ currentStep, steps, classNameItem, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
parameters: {
|
|
8
8
|
layout: string;
|
package/dist/main.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ export * from './components/Badge/Badge';
|
|
|
11
11
|
export * from './components/BankCard/BankCard';
|
|
12
12
|
export * from './components/Button/Button';
|
|
13
13
|
export * from './components/Calendar/Calendar';
|
|
14
|
+
export * from './components/Card/Card';
|
|
14
15
|
export * from './components/Checkbox/Checkbox';
|
|
15
16
|
export * from './components/Chip/Chip';
|
|
16
17
|
export * from './components/ConfirmationDialog/ConfirmationDialog';
|
package/dist/main.js
CHANGED
|
@@ -5,59 +5,60 @@ import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
|
|
|
5
5
|
import { Avatar as n } from "./components/Avatar/Avatar.js";
|
|
6
6
|
import { Badge as s } from "./components/Badge/Badge.js";
|
|
7
7
|
import { BankCard as g } from "./components/BankCard/BankCard.js";
|
|
8
|
-
import { Button as
|
|
8
|
+
import { Button as d } from "./components/Button/Button.js";
|
|
9
9
|
import { Calendar as S } from "./components/Calendar/Calendar.js";
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import { default as Rr } from "./components/Dialog/
|
|
55
|
-
import { default as vr } from "./components/Dialog/
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
10
|
+
import { Card as C } from "./components/Card/Card.js";
|
|
11
|
+
import { Checkbox as y } from "./components/Checkbox/Checkbox.js";
|
|
12
|
+
import { C as D, R as k, T as h } from "./Toggle-SlvGYQKW.js";
|
|
13
|
+
import { ConfirmationDialog as P } from "./components/ConfirmationDialog/ConfirmationDialog.js";
|
|
14
|
+
import { DatePicker as A } from "./components/DatePicker/DatePicker.js";
|
|
15
|
+
import { Description as O } from "./components/Description/Description.js";
|
|
16
|
+
import { Dialog as G } from "./components/Dialog/Dialog.js";
|
|
17
|
+
import { DoubleInput as N } from "./components/DoubleInput/DoubleInput.js";
|
|
18
|
+
import { Draggable as K } from "./components/Draggable/Draggable.js";
|
|
19
|
+
import { EllipsisTooltip as F } from "./components/EllipsisTooltip/EllipsisTooltip.js";
|
|
20
|
+
import { Fieldset as W } from "./components/Fieldset/Fieldset.js";
|
|
21
|
+
import { Icon as q } from "./components/Icon/Icon.js";
|
|
22
|
+
import { IconButton as J } from "./components/IconButton/IconButton.js";
|
|
23
|
+
import { Input as U } from "./components/Input/Input.js";
|
|
24
|
+
import { InputSearch as Y } from "./components/InputSearch/InputSearch.js";
|
|
25
|
+
import { LoadingSpinner as _ } from "./components/LoadingSpinner/LoadingSpinner.js";
|
|
26
|
+
import { PageHeader as oo } from "./components/PageHeader/PageHeader.js";
|
|
27
|
+
import { Pagination as eo, paginationDefaultTranslations as to } from "./components/Pagination/Pagination.js";
|
|
28
|
+
import { Popover as ao } from "./components/Popover/Popover.js";
|
|
29
|
+
import { RadioButton as fo } from "./components/RadioButton/RadioButton.js";
|
|
30
|
+
import { ResultContainer as lo } from "./components/ResultContainer/ResultContainer.js";
|
|
31
|
+
import { ResultWithChips as io } from "./components/ResultWithChips/ResultWithChips.js";
|
|
32
|
+
import { Select as To, SelectContext as go, SelectOption as co, useSelectContext as uo } from "./components/Select/Select.js";
|
|
33
|
+
import { Skeleton as bo, SkeletonCircle as Co, SkeletonTable as Io } from "./components/Skeleton/Skeleton.js";
|
|
34
|
+
import { Snackbar as Bo } from "./components/Snackbar/Snackbar.js";
|
|
35
|
+
import { SortTooltip as ko, sortTooltipDefaultTranslations as ho } from "./components/SortTooltip/SortTooltip.js";
|
|
36
|
+
import { Stepper as Po } from "./components/Stepper/Stepper.js";
|
|
37
|
+
import { StepperNavigator as Ao } from "./components/StepperNavigator/StepperNavigator.js";
|
|
38
|
+
import { TBody as Oo, THead as Eo, Table as Go, Td as Mo, Th as No, Tr as Ho } from "./components/Table/Table.js";
|
|
39
|
+
import { Tabs as Lo } from "./components/Tabs/Tabs.js";
|
|
40
|
+
import { Tag as Vo } from "./components/Tag/Tag.js";
|
|
41
|
+
import { TextDisplay as jo } from "./components/TextDisplay/TextDisplay.js";
|
|
42
|
+
import { ToastCard as zo } from "./components/ToastCard/ToastCard.js";
|
|
43
|
+
import { Toggle as Qo } from "./components/Toggle/Toggle.js";
|
|
44
|
+
import { G as Xo } from "./Group-DJz1rK2n.js";
|
|
45
|
+
import { Tooltip as Zo } from "./components/Tooltip/Tooltip.js";
|
|
46
|
+
import { TransactionRow as $o } from "./components/TransactionRow/TransactionRow.js";
|
|
47
|
+
import { Text as rr, Typography as er } from "./components/Typography/Typography.js";
|
|
48
|
+
import { DraggableProvider as pr } from "./contexts/DraggableProvider/DraggableProvider.js";
|
|
49
|
+
import { SnackbarContext as mr, SnackbarProvider as fr, useSnackbar as xr } from "./contexts/SnackbarProvider/SnackbarProvider.js";
|
|
50
|
+
import { replaceItemsByIndex as nr, replaceItemsByKey as ir, sortItemsByIndex as sr, sortItemsByKey as Tr } from "./utils/draggable.js";
|
|
51
|
+
import { iconsList as cr } from "./utils/iconsList.js";
|
|
52
|
+
import { allowOnlyIntegerNumbers as ur, allowOnlyMathSignals as Sr, allowOnlyNumbers as br, formatDecimalValue as Cr, parseToInteger as Ir } from "./utils/inputNumberAsText.js";
|
|
53
|
+
import { bemify as Br, getBEMBase as Dr, getBEMBlock as kr } from "./utils/styleStrings.js";
|
|
54
|
+
import { default as Rr } from "./components/Dialog/DialogTitle.js";
|
|
55
|
+
import { default as vr } from "./components/Dialog/Content.js";
|
|
56
|
+
import { default as wr } from "./components/Dialog/Actions.js";
|
|
57
|
+
import { R as Er } from "./RadioOption-DCTydlPv.js";
|
|
58
|
+
import { Tab as Mr } from "./components/Tabs/Tab.js";
|
|
59
|
+
import { TabPanel as Hr } from "./components/Tabs/TabPanel.js";
|
|
59
60
|
export {
|
|
60
|
-
|
|
61
|
+
wr as Actions,
|
|
61
62
|
e as Adornment,
|
|
62
63
|
p as Advice,
|
|
63
64
|
m as Alert,
|
|
@@ -65,80 +66,81 @@ export {
|
|
|
65
66
|
n as Avatar,
|
|
66
67
|
s as Badge,
|
|
67
68
|
g as BankCard,
|
|
68
|
-
|
|
69
|
+
d as Button,
|
|
69
70
|
S as Calendar,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
A as
|
|
76
|
-
O as
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
N as
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
F as
|
|
83
|
-
W as
|
|
84
|
-
q as
|
|
85
|
-
J as
|
|
86
|
-
U as
|
|
87
|
-
Y as
|
|
88
|
-
_ as
|
|
89
|
-
oo as
|
|
90
|
-
|
|
91
|
-
ao as
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
lo as
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
Po as
|
|
108
|
-
Ao as
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
Mr as
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
Lo as
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
zo as
|
|
121
|
-
Qo as
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
ur as
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
71
|
+
C as Card,
|
|
72
|
+
y as Checkbox,
|
|
73
|
+
D as Chip,
|
|
74
|
+
P as ConfirmationDialog,
|
|
75
|
+
vr as Content,
|
|
76
|
+
A as DatePicker,
|
|
77
|
+
O as Description,
|
|
78
|
+
G as Dialog,
|
|
79
|
+
Rr as DialogTitle,
|
|
80
|
+
N as DoubleInput,
|
|
81
|
+
K as Draggable,
|
|
82
|
+
pr as DraggableProvider,
|
|
83
|
+
F as EllipsisTooltip,
|
|
84
|
+
W as Fieldset,
|
|
85
|
+
q as Icon,
|
|
86
|
+
J as IconButton,
|
|
87
|
+
U as Input,
|
|
88
|
+
Y as InputSearch,
|
|
89
|
+
_ as LoadingSpinner,
|
|
90
|
+
oo as PageHeader,
|
|
91
|
+
eo as Pagination,
|
|
92
|
+
ao as Popover,
|
|
93
|
+
fo as RadioButton,
|
|
94
|
+
Er as RadioOption,
|
|
95
|
+
lo as ResultContainer,
|
|
96
|
+
io as ResultWithChips,
|
|
97
|
+
k as RowItem,
|
|
98
|
+
To as Select,
|
|
99
|
+
go as SelectContext,
|
|
100
|
+
co as SelectOption,
|
|
101
|
+
bo as Skeleton,
|
|
102
|
+
Co as SkeletonCircle,
|
|
103
|
+
Io as SkeletonTable,
|
|
104
|
+
Bo as Snackbar,
|
|
105
|
+
mr as SnackbarContext,
|
|
106
|
+
fr as SnackbarProvider,
|
|
107
|
+
ko as SortTooltip,
|
|
108
|
+
Po as Stepper,
|
|
109
|
+
Ao as StepperNavigator,
|
|
110
|
+
Oo as TBody,
|
|
111
|
+
Eo as THead,
|
|
112
|
+
Mr as Tab,
|
|
113
|
+
Hr as TabPanel,
|
|
114
|
+
Go as Table,
|
|
115
|
+
Lo as Tabs,
|
|
116
|
+
Vo as Tag,
|
|
117
|
+
Mo as Td,
|
|
118
|
+
rr as Text,
|
|
119
|
+
jo as TextDisplay,
|
|
120
|
+
No as Th,
|
|
121
|
+
zo as ToastCard,
|
|
122
|
+
Qo as Toggle,
|
|
123
|
+
Xo as ToggleGroup,
|
|
124
|
+
h as ToggleGroupItem,
|
|
125
|
+
Zo as Tooltip,
|
|
126
|
+
Ho as Tr,
|
|
127
|
+
$o as TransactionRow,
|
|
128
|
+
er as Typography,
|
|
129
|
+
ur as allowOnlyIntegerNumbers,
|
|
130
|
+
Sr as allowOnlyMathSignals,
|
|
131
|
+
br as allowOnlyNumbers,
|
|
132
|
+
Br as bemify,
|
|
133
|
+
Cr as formatDecimalValue,
|
|
134
|
+
Dr as getBEMBase,
|
|
135
|
+
kr as getBEMBlock,
|
|
136
|
+
cr as iconsList,
|
|
137
|
+
to as paginationDefaultTranslations,
|
|
138
|
+
Ir as parseToInteger,
|
|
139
|
+
nr as replaceItemsByIndex,
|
|
140
|
+
ir as replaceItemsByKey,
|
|
141
|
+
sr as sortItemsByIndex,
|
|
142
|
+
Tr as sortItemsByKey,
|
|
143
|
+
ho as sortTooltipDefaultTranslations,
|
|
144
|
+
uo as useSelectContext,
|
|
145
|
+
xr as useSnackbar
|
|
144
146
|
};
|
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)}
|
|
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}
|