stone-kit 0.0.419 → 0.0.420
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { ComponentProps } from './Button.types';
|
|
3
3
|
|
|
4
|
-
export declare const Button: ({ size, size_m, size_l, pre, children, post, variant, width, additionalClass, isLoading, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const Button: ({ size, size_m, size_l, onCLick, pre, children, post, variant, width, additionalClass, isLoading, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { c as
|
|
3
|
-
import { NewIcon as
|
|
4
|
-
const
|
|
5
|
-
btnCommon:
|
|
6
|
-
btnLoading:
|
|
7
|
-
isHidden:
|
|
1
|
+
import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
|
|
2
|
+
import { c as y } from "../../../index-rKuIKazb.js";
|
|
3
|
+
import { NewIcon as w } from "../../NewIcon/ui/NewIcon.js";
|
|
4
|
+
const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66_24", H = "_blue_acr66_68", S = "_sokolniki_acr66_82", p = "_black_acr66_96", L = "_gray_acr66_110", $ = "_whiteStroke_acr66_124", x = "_whiteFilled_acr66_136", F = "_shade_acr66_150", v = "_transparent_acr66_156", j = "_volodiyaLight_acr66_177", B = "_loader_acr66_183", I = "_LoaderSpin_acr66_1", _ = {
|
|
5
|
+
btnCommon: f,
|
|
6
|
+
btnLoading: C,
|
|
7
|
+
isHidden: N,
|
|
8
8
|
"auto-width": "_auto-width_acr66_28",
|
|
9
9
|
"full-width": "_full-width_acr66_32",
|
|
10
10
|
"tiny-size": "_tiny-size_acr66_36",
|
|
11
11
|
"small-size": "_small-size_acr66_44",
|
|
12
12
|
"medium-size": "_medium-size_acr66_52",
|
|
13
13
|
"large-size": "_large-size_acr66_60",
|
|
14
|
-
blue:
|
|
15
|
-
sokolniki:
|
|
16
|
-
black:
|
|
17
|
-
gray:
|
|
18
|
-
whiteStroke:
|
|
19
|
-
whiteFilled:
|
|
20
|
-
shade:
|
|
21
|
-
transparent:
|
|
22
|
-
volodiyaLight:
|
|
23
|
-
loader:
|
|
24
|
-
LoaderSpin:
|
|
14
|
+
blue: H,
|
|
15
|
+
sokolniki: S,
|
|
16
|
+
black: p,
|
|
17
|
+
gray: L,
|
|
18
|
+
whiteStroke: $,
|
|
19
|
+
whiteFilled: x,
|
|
20
|
+
shade: F,
|
|
21
|
+
transparent: v,
|
|
22
|
+
volodiyaLight: j,
|
|
23
|
+
loader: B,
|
|
24
|
+
LoaderSpin: I,
|
|
25
25
|
"tiny-size_m": "_tiny-size_m_acr66_189",
|
|
26
26
|
"small-size_m": "_small-size_m_acr66_196",
|
|
27
27
|
"medium-size_m": "_medium-size_m_acr66_203",
|
|
@@ -30,32 +30,33 @@ const w = "_btnCommon_acr66_1", f = "_btnLoading_acr66_20", C = "_isHidden_acr66
|
|
|
30
30
|
"small-size_l": "_small-size_l_acr66_226",
|
|
31
31
|
"medium-size_l": "_medium-size_l_acr66_233",
|
|
32
32
|
"large-size_l": "_large-size_l_acr66_240"
|
|
33
|
-
}, i =
|
|
34
|
-
size:
|
|
35
|
-
size_m:
|
|
36
|
-
size_l:
|
|
33
|
+
}, i = y.bind(_), E = ({
|
|
34
|
+
size: d = "medium",
|
|
35
|
+
size_m: z,
|
|
36
|
+
size_l: h,
|
|
37
|
+
onCLick: r,
|
|
37
38
|
pre: s = !1,
|
|
38
|
-
children:
|
|
39
|
+
children: u = "",
|
|
39
40
|
post: n = !1,
|
|
40
|
-
variant:
|
|
41
|
-
width:
|
|
41
|
+
variant: b = "blue",
|
|
42
|
+
width: k = "auto",
|
|
42
43
|
additionalClass: g = "",
|
|
43
44
|
isLoading: a = !1,
|
|
44
45
|
...l
|
|
45
46
|
}) => {
|
|
46
|
-
const
|
|
47
|
+
const t = i(
|
|
47
48
|
_.btnCommon,
|
|
48
|
-
_[`${
|
|
49
|
-
_[`${
|
|
50
|
-
_[`${
|
|
51
|
-
_[`${
|
|
49
|
+
_[`${d}-size`],
|
|
50
|
+
_[`${z}-size_m`],
|
|
51
|
+
_[`${h}-size_l`],
|
|
52
|
+
_[`${b}`],
|
|
52
53
|
{ [_.btnLoading]: a },
|
|
53
54
|
{ [_.btnCommonInline]: s || n },
|
|
54
|
-
_[`${
|
|
55
|
+
_[`${k}-width`],
|
|
55
56
|
g
|
|
56
|
-
),
|
|
57
|
+
), c = () => /* @__PURE__ */ o(m, { children: [
|
|
57
58
|
a && /* @__PURE__ */ e(
|
|
58
|
-
|
|
59
|
+
w,
|
|
59
60
|
{
|
|
60
61
|
name: "loader",
|
|
61
62
|
size: "24",
|
|
@@ -63,28 +64,30 @@ const w = "_btnCommon_acr66_1", f = "_btnLoading_acr66_20", C = "_isHidden_acr66
|
|
|
63
64
|
additionalClass: _.loader
|
|
64
65
|
}
|
|
65
66
|
),
|
|
66
|
-
/* @__PURE__ */
|
|
67
|
+
/* @__PURE__ */ o(m, { children: [
|
|
67
68
|
s && /* @__PURE__ */ e("span", { className: i({ [_.isHidden]: a }), children: s }),
|
|
68
|
-
/* @__PURE__ */ e("span", { className: i({ [_.isHidden]: a }), children:
|
|
69
|
+
/* @__PURE__ */ e("span", { className: i({ [_.isHidden]: a }), children: u }),
|
|
69
70
|
n && /* @__PURE__ */ e("span", { className: i({ [_.isHidden]: a }), children: n })
|
|
70
71
|
] })
|
|
71
72
|
] });
|
|
72
73
|
return l.as === "link" ? /* @__PURE__ */ e(
|
|
73
74
|
"a",
|
|
74
75
|
{
|
|
75
|
-
className:
|
|
76
|
+
className: t,
|
|
77
|
+
onClick: r,
|
|
76
78
|
...l,
|
|
77
|
-
children:
|
|
79
|
+
children: c()
|
|
78
80
|
}
|
|
79
81
|
) : /* @__PURE__ */ e(
|
|
80
82
|
"button",
|
|
81
83
|
{
|
|
82
|
-
className:
|
|
84
|
+
className: t,
|
|
85
|
+
onClick: r,
|
|
83
86
|
...l,
|
|
84
|
-
children:
|
|
87
|
+
children: c()
|
|
85
88
|
}
|
|
86
89
|
);
|
|
87
90
|
};
|
|
88
91
|
export {
|
|
89
|
-
|
|
92
|
+
E as Button
|
|
90
93
|
};
|