@pismo/marola 2.1.68 → 2.1.69
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/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1a40j_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_1a40j_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_1a40j_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_1a40j_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_1a40j_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_1a40j_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_1a40j_43,._button_1a40j_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1a40j_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1a40j_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1a40j_57,._button--large_1a40j_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1a40j_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1a40j_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1a40j_68{text-decoration:line-through}._u-typography-base--underlined_1a40j_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1a40j_74{text-decoration:underline line-through}._button_1a40j_43{display:flex;align-items:center;justify-content:center;height:32px;padding:0 15px;font-weight:700;cursor:pointer;border:none;border-radius:6px;transition:all .2s ease}._button--large_1a40j_57{height:40px}._button--small_1a40j_93{height:24px}._button--round_1a40j_96{border-radius:9999px}._button--primary_1a40j_99{color:var(--white-100);background-color:var(--colors-brand-primary-color-primary);border:1px solid var(--colors-brand-primary-color-primary)}._button--primary_1a40j_99:hover{background-color:var(--colors-brand-primary-color-primary-border-hover);border:1px solid var(--colors-brand-primary-color-primary-border-hover)}._button--primary_1a40j_99:active{background-color:var(--colors-brand-primary-color-primary-active);border:1px solid var(--colors-brand-primary-color-primary-active)}._button--primary_1a40j_99:disabled{color:var(--colors-neutral-text-color-text-quaternary);cursor:default;background-color:rgb(var(--black-100-rgb),.04);border:1px solid var(--colors-neutral-border-color-border)}._button--primary--danger_1a40j_118{background-color:var(--colors-brand-error-color-error);border:1px solid var(--colors-brand-error-color-error)}._button--primary--danger_1a40j_118:hover{background-color:var(--colors-brand-error-color-error-hover);border:1px solid var(--colors-brand-error-color-error-hover)}._button--primary--danger_1a40j_118:active{background-color:var(--colors-brand-error-color-error-active);border:1px solid var(--colors-brand-error-color-error-active)}._button--default_1a40j_130{color:var(--colors-neutral-text-color-text);background-color:var(--white-100);border:1px solid var(--colors-neutral-border-color-border)}._button--default_1a40j_130:hover{color:var(--colors-brand-primary-color-primary-border-hover);background-color:var(--white-100);border:1px solid var(--colors-brand-primary-color-primary-border-hover)}._button--default_1a40j_130:active{color:var(--colors-brand-primary-color-primary-active);background-color:initial;border:1px solid var(--colors-brand-primary-color-primary-active)}._button--default_1a40j_130:disabled{color:var(--colors-neutral-text-color-text-quaternary);cursor:default;background-color:rgb(var(--black-100-rgb),.04);border:1px solid var(--colors-neutral-border-color-border)}._button--default--danger_1a40j_151{color:var(--colors-brand-error-color-error);border:1px solid var(--colors-brand-error-color-error)}._button--default--danger_1a40j_151:hover{color:var(--colors-brand-error-color-error-hover);border:1px solid var(--colors-brand-error-color-error-hover)}._button--default--danger_1a40j_151:active{color:var(--colors-brand-error-color-error-active);border:1px solid var(--colors-brand-error-color-error-active)}._button--dashed_1a40j_163{color:var(--colors-neutral-text-color-text);background-color:var(--white-100);border:1px dashed var(--colors-neutral-border-color-border)}._button--dashed_1a40j_163:hover{color:var(--colors-brand-primary-color-primary-border-hover);background-color:var(--white-100);border:1px dashed var(--colors-brand-primary-color-primary-border-hover)}._button--dashed_1a40j_163:active{color:var(--colors-brand-primary-color-primary-active);background-color:initial;border:1px dashed var(--colors-brand-primary-color-primary-active)}._button--dashed_1a40j_163:disabled{color:var(--colors-neutral-text-color-text-quaternary);cursor:default;background-color:rgb(var(--black-100-rgb),.04);border:1px dashed var(--colors-neutral-border-color-border)}._button--dashed--danger_1a40j_184{color:var(--colors-brand-error-color-error);border:1px dashed var(--colors-brand-error-color-error)}._button--dashed--danger_1a40j_184:hover{color:var(--colors-brand-error-color-error-hover);border:1px dashed var(--colors-brand-error-color-error-hover)}._button--dashed--danger_1a40j_184:active{color:var(--colors-brand-error-color-error-active);border:1px dashed var(--colors-brand-error-color-error-active)}._button--link_1a40j_196{color:var(--colors-base-blue-7);background-color:transparent;border:none}._button--link_1a40j_196:hover{color:var(--colors-brand-primary-color-primary-border-hover)}._button--link_1a40j_196:active{color:var(--accent-light);background-color:initial}._button--link_1a40j_196:disabled{color:var(--colors-neutral-text-color-text-quaternary);cursor:default;background-color:initial}._button--link--danger_1a40j_213{color:var(--colors-brand-error-color-error);background-color:transparent}._button--link--danger_1a40j_213:hover{color:var(--colors-brand-error-color-error-hover)}._button--link--danger_1a40j_213:active{color:var(--colors-brand-error-color-error-active)}._button--text_1a40j_223{color:var(--colors-neutral-text-color-text);background-color:transparent}._button--text_1a40j_223:hover{background-color:rgb(var(--black-100-rgb),.06)}._button--text_1a40j_223:active{color:var(--colors-neutral-text-color-text);background-color:rgb(var(--black-100-rgb),.15)}._button--text_1a40j_223:disabled{color:var(--colors-neutral-text-color-text-quaternary);cursor:default;background-color:initial}._button--text--danger_1a40j_239{color:var(--colors-brand-error-color-error);background-color:transparent;border:1px solid transparent}._button--text--danger_1a40j_239:hover{color:var(--colors-brand-error-color-error-hover);background-color:var(--colors-brand-error-color-error-bg);border:1px solid var(--colors-brand-error-color-error-bg)}._button--text--danger_1a40j_239:active{color:var(--colors-brand-error-color-error-active);background-color:var(--colors-brand-error-color-error-bg);border:1px solid var(--colors-brand-error-color-error-hover)}._button--secondary_1a40j_254{color:var(--accent);background-color:var(--white-100)}._button--secondary_1a40j_254:hover{color:var(--accent-dark);background-color:var(--gray-5)}._button--secondary_1a40j_254:active{color:var(--accent-light);background-color:initial}._button--secondary_1a40j_254:disabled{color:var(--black-25);cursor:default;background-color:initial}._button--quick_1a40j_271{height:2rem;padding:0 1rem;color:var(--accent);background-color:rgb(var(--accent-rgb),.05);border-radius:6px}._button--quick_1a40j_271:hover{color:var(--accent-dark);background-color:rgb(var(--accent-rgb),.1)}._button--quick_1a40j_271:active{color:var(--accent-light);background-color:rgb(var(--accent-rgb),.05)}._button--quick_1a40j_271:disabled{color:var(--gray-50);cursor:default;background-color:var(--gray-10)}._button__loading-container_1a40j_291{display:flex;gap:8px;align-items:center}
|
|
@@ -1,90 +1,90 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { c as
|
|
4
|
-
import { LoadingSpinner as
|
|
5
|
-
import { B
|
|
6
|
-
import '../../assets/Button.css';const
|
|
7
|
-
"u-typography-h1": "_u-typography-
|
|
8
|
-
"u-typography-h2": "_u-typography-
|
|
9
|
-
"u-typography-h3": "_u-typography-
|
|
10
|
-
"u-typography-h4": "_u-typography-
|
|
11
|
-
"u-typography-h5": "_u-typography-
|
|
12
|
-
"u-typography-h6": "_u-typography-
|
|
13
|
-
"u-typography-base": "_u-typography-
|
|
14
|
-
button:
|
|
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
|
-
"button--large": "_button--
|
|
19
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
20
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
21
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
22
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
23
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
24
|
-
"button--small": "_button--
|
|
25
|
-
"button--round": "_button--
|
|
26
|
-
"button--primary": "_button--
|
|
27
|
-
"button--primary--danger": "_button--primary--
|
|
28
|
-
"button--default": "_button--
|
|
29
|
-
"button--default--danger": "_button--default--
|
|
30
|
-
"button--dashed": "_button--
|
|
31
|
-
"button--dashed--danger": "_button--dashed--
|
|
32
|
-
"button--link": "_button--
|
|
33
|
-
"button--link--danger": "_button--link--
|
|
34
|
-
"button--text": "_button--
|
|
35
|
-
"button--text--danger": "_button--text--
|
|
36
|
-
"button--secondary": "_button--
|
|
37
|
-
"button--quick": "_button--
|
|
38
|
-
"button__loading-container": "_button__loading-
|
|
39
|
-
},
|
|
1
|
+
import { jsx as e, jsxs as c } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as f, useMemo as k } from "react";
|
|
3
|
+
import { c as x } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { LoadingSpinner as q } from "../LoadingSpinner/LoadingSpinner.js";
|
|
5
|
+
import { B } from "../../Button-CJaBSdv1.js";
|
|
6
|
+
import '../../assets/Button.css';const $ = "_button_1a40j_43", a = {
|
|
7
|
+
"u-typography-h1": "_u-typography-h1_1a40j_1",
|
|
8
|
+
"u-typography-h2": "_u-typography-h2_1a40j_8",
|
|
9
|
+
"u-typography-h3": "_u-typography-h3_1a40j_15",
|
|
10
|
+
"u-typography-h4": "_u-typography-h4_1a40j_22",
|
|
11
|
+
"u-typography-h5": "_u-typography-h5_1a40j_29",
|
|
12
|
+
"u-typography-h6": "_u-typography-h6_1a40j_36",
|
|
13
|
+
"u-typography-base": "_u-typography-base_1a40j_43",
|
|
14
|
+
button: $,
|
|
15
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_1a40j_49",
|
|
16
|
+
"u-typography-base--xl": "_u-typography-base--xl_1a40j_53",
|
|
17
|
+
"u-typography-base--lg": "_u-typography-base--lg_1a40j_57",
|
|
18
|
+
"button--large": "_button--large_1a40j_57",
|
|
19
|
+
"u-typography-base--sm": "_u-typography-base--sm_1a40j_61",
|
|
20
|
+
"u-typography-base--bold": "_u-typography-base--bold_1a40j_65",
|
|
21
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_1a40j_68",
|
|
22
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_1a40j_71",
|
|
23
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1a40j_74",
|
|
24
|
+
"button--small": "_button--small_1a40j_93",
|
|
25
|
+
"button--round": "_button--round_1a40j_96",
|
|
26
|
+
"button--primary": "_button--primary_1a40j_99",
|
|
27
|
+
"button--primary--danger": "_button--primary--danger_1a40j_118",
|
|
28
|
+
"button--default": "_button--default_1a40j_130",
|
|
29
|
+
"button--default--danger": "_button--default--danger_1a40j_151",
|
|
30
|
+
"button--dashed": "_button--dashed_1a40j_163",
|
|
31
|
+
"button--dashed--danger": "_button--dashed--danger_1a40j_184",
|
|
32
|
+
"button--link": "_button--link_1a40j_196",
|
|
33
|
+
"button--link--danger": "_button--link--danger_1a40j_213",
|
|
34
|
+
"button--text": "_button--text_1a40j_223",
|
|
35
|
+
"button--text--danger": "_button--text--danger_1a40j_239",
|
|
36
|
+
"button--secondary": "_button--secondary_1a40j_254",
|
|
37
|
+
"button--quick": "_button--quick_1a40j_271",
|
|
38
|
+
"button__loading-container": "_button__loading-container_1a40j_291"
|
|
39
|
+
}, w = f((p, s) => {
|
|
40
40
|
const {
|
|
41
|
-
onClick:
|
|
42
|
-
link:
|
|
41
|
+
onClick: y,
|
|
42
|
+
link: d,
|
|
43
43
|
children: o,
|
|
44
44
|
type: b = "button",
|
|
45
45
|
disabled: h,
|
|
46
46
|
loading: g,
|
|
47
|
-
className:
|
|
48
|
-
size:
|
|
47
|
+
className: n,
|
|
48
|
+
size: r = "medium",
|
|
49
49
|
variant: t = "default",
|
|
50
|
-
shape:
|
|
51
|
-
danger:
|
|
50
|
+
shape: u = "square",
|
|
51
|
+
danger: _,
|
|
52
52
|
muiButtonBaseProps: i,
|
|
53
53
|
"data-testid": l
|
|
54
|
-
} =
|
|
54
|
+
} = p, j = {
|
|
55
55
|
invert: t !== "primary"
|
|
56
56
|
};
|
|
57
|
-
(t === "quick" || t === "secondary") && (
|
|
58
|
-
const
|
|
59
|
-
() =>
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
57
|
+
(t === "quick" || t === "secondary") && (u !== "square" || r !== "medium" || _) && console.error("Secondary and Quick variants do not support shape, size or danger props");
|
|
58
|
+
const m = k(
|
|
59
|
+
() => x([
|
|
60
|
+
a.button,
|
|
61
|
+
a[`button--${t}`],
|
|
62
|
+
a[`button--${r}`],
|
|
63
|
+
a[`button--${u}`],
|
|
64
|
+
_ && a[`button--${t}--danger`],
|
|
65
|
+
n
|
|
66
66
|
]),
|
|
67
|
-
[
|
|
67
|
+
[n, t]
|
|
68
68
|
);
|
|
69
|
-
return /* @__PURE__ */
|
|
70
|
-
|
|
69
|
+
return /* @__PURE__ */ e(
|
|
70
|
+
B,
|
|
71
71
|
{
|
|
72
72
|
type: b,
|
|
73
|
-
href:
|
|
74
|
-
onClick:
|
|
73
|
+
href: d,
|
|
74
|
+
onClick: y,
|
|
75
75
|
disabled: h,
|
|
76
|
-
className:
|
|
77
|
-
ref:
|
|
76
|
+
className: m,
|
|
77
|
+
ref: s,
|
|
78
78
|
"data-testid": l,
|
|
79
79
|
...i ?? {},
|
|
80
|
-
children: g ? /* @__PURE__ */
|
|
81
|
-
/* @__PURE__ */
|
|
80
|
+
children: g ? /* @__PURE__ */ c("div", { className: a["button__loading-container"], children: [
|
|
81
|
+
/* @__PURE__ */ e(q, { ...j }),
|
|
82
82
|
o
|
|
83
83
|
] }) : o
|
|
84
84
|
}
|
|
85
85
|
);
|
|
86
86
|
});
|
|
87
87
|
export {
|
|
88
|
-
|
|
89
|
-
|
|
88
|
+
w as Button,
|
|
89
|
+
w as default
|
|
90
90
|
};
|