stone-kit 0.0.674 → 0.0.676
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,7 +1,7 @@
|
|
|
1
|
-
import { jsx as e, jsxs as o, Fragment as
|
|
1
|
+
import { jsx as e, jsxs as o, Fragment as d } from "react/jsx-runtime";
|
|
2
2
|
import { c as y } from "../../../index-rKuIKazb.js";
|
|
3
3
|
import { NewIcon as w } from "../../NewIcon/ui/NewIcon.js";
|
|
4
|
-
const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66_24",
|
|
4
|
+
const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66_24", v = "_blue_acr66_68", H = "_sokolniki_acr66_82", S = "_black_acr66_96", L = "_gray_acr66_110", $ = "_whiteStroke_acr66_124", x = "_whiteFilled_acr66_136", F = "_shade_acr66_150", j = "_transparent_acr66_156", p = "_volodiyaLight_acr66_177", B = "_loader_acr66_183", I = "_LoaderSpin_acr66_1", _ = {
|
|
5
5
|
btnCommon: f,
|
|
6
6
|
btnLoading: C,
|
|
7
7
|
isHidden: N,
|
|
@@ -11,15 +11,15 @@ const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66
|
|
|
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:
|
|
14
|
+
blue: v,
|
|
15
|
+
sokolniki: H,
|
|
16
|
+
black: S,
|
|
17
17
|
gray: L,
|
|
18
18
|
whiteStroke: $,
|
|
19
19
|
whiteFilled: x,
|
|
20
20
|
shade: F,
|
|
21
|
-
transparent:
|
|
22
|
-
volodiyaLight:
|
|
21
|
+
transparent: j,
|
|
22
|
+
volodiyaLight: p,
|
|
23
23
|
loader: B,
|
|
24
24
|
LoaderSpin: I,
|
|
25
25
|
"tiny-size_m": "_tiny-size_m_acr66_189",
|
|
@@ -30,8 +30,8 @@ const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_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
|
-
},
|
|
34
|
-
size:
|
|
33
|
+
}, a = y.bind(_), E = ({
|
|
34
|
+
size: m = "medium",
|
|
35
35
|
size_m: z,
|
|
36
36
|
size_l: h,
|
|
37
37
|
onCLick: r,
|
|
@@ -41,21 +41,21 @@ const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66
|
|
|
41
41
|
variant: b = "blue",
|
|
42
42
|
width: k = "auto",
|
|
43
43
|
additionalClass: g = "",
|
|
44
|
-
isLoading:
|
|
44
|
+
isLoading: i = !1,
|
|
45
45
|
...l
|
|
46
46
|
}) => {
|
|
47
|
-
const t =
|
|
47
|
+
const t = a(
|
|
48
48
|
_.btnCommon,
|
|
49
|
-
_[`${
|
|
49
|
+
_[`${m}-size`],
|
|
50
50
|
_[`${z}-size_m`],
|
|
51
51
|
_[`${h}-size_l`],
|
|
52
52
|
_[`${b}`],
|
|
53
|
-
{ [_.btnLoading]:
|
|
53
|
+
{ [_.btnLoading]: i },
|
|
54
54
|
{ [_.btnCommonInline]: s || n },
|
|
55
55
|
_[`${k}-width`],
|
|
56
56
|
g
|
|
57
|
-
), c = () => /* @__PURE__ */ o(
|
|
58
|
-
|
|
57
|
+
), c = () => /* @__PURE__ */ o(d, { children: [
|
|
58
|
+
i && /* @__PURE__ */ e(
|
|
59
59
|
w,
|
|
60
60
|
{
|
|
61
61
|
name: "loader",
|
|
@@ -64,10 +64,10 @@ const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66
|
|
|
64
64
|
additionalClass: _.loader
|
|
65
65
|
}
|
|
66
66
|
),
|
|
67
|
-
/* @__PURE__ */ o(
|
|
68
|
-
s && /* @__PURE__ */ e("
|
|
69
|
-
/* @__PURE__ */ e("
|
|
70
|
-
n && /* @__PURE__ */ e("
|
|
67
|
+
/* @__PURE__ */ o(d, { children: [
|
|
68
|
+
s && /* @__PURE__ */ e("div", { className: a({ [_.isHidden]: i }), children: s }),
|
|
69
|
+
/* @__PURE__ */ e("div", { className: a({ [_.isHidden]: i }), children: u }),
|
|
70
|
+
n && /* @__PURE__ */ e("div", { className: a({ [_.isHidden]: i }), children: n })
|
|
71
71
|
] })
|
|
72
72
|
] });
|
|
73
73
|
return l.as === "link" ? /* @__PURE__ */ e(
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as a, Fragment as m, jsx as
|
|
1
|
+
import { jsxs as a, Fragment as m, jsx as p } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as x } from "react";
|
|
3
3
|
import { c as k } from "../../../index-rKuIKazb.js";
|
|
4
4
|
const f = "_inputWrapper_1ice0_10", P = "_inputWrapperPost_1ice0_37", g = "_inputWrapperPre_1ice0_38", w = "_light_1ice0_54", $ = "_dark_1ice0_92", B = "_inputWrapperError_1ice0_133", E = "_checkBox_1ice0_147", r = {
|
|
@@ -21,11 +21,11 @@ const f = "_inputWrapper_1ice0_10", P = "_inputWrapperPost_1ice0_37", g = "_inpu
|
|
|
21
21
|
variant: l = "light",
|
|
22
22
|
width: h = "auto",
|
|
23
23
|
error: d,
|
|
24
|
-
type:
|
|
24
|
+
type: i,
|
|
25
25
|
additionalClass: W = "",
|
|
26
26
|
...c
|
|
27
27
|
}, n) => /* @__PURE__ */ a(m, { children: [
|
|
28
|
-
|
|
28
|
+
i !== "checkbox" && /* @__PURE__ */ a(
|
|
29
29
|
"div",
|
|
30
30
|
{
|
|
31
31
|
className: o(
|
|
@@ -41,20 +41,20 @@ const f = "_inputWrapper_1ice0_10", P = "_inputWrapperPost_1ice0_37", g = "_inpu
|
|
|
41
41
|
W
|
|
42
42
|
),
|
|
43
43
|
children: [
|
|
44
|
-
e && /* @__PURE__ */
|
|
45
|
-
/* @__PURE__ */
|
|
44
|
+
e && /* @__PURE__ */ p("div", { children: e }),
|
|
45
|
+
/* @__PURE__ */ p(
|
|
46
46
|
"input",
|
|
47
47
|
{
|
|
48
48
|
ref: n,
|
|
49
|
-
type:
|
|
49
|
+
type: i,
|
|
50
50
|
...c
|
|
51
51
|
}
|
|
52
52
|
),
|
|
53
|
-
t && /* @__PURE__ */
|
|
53
|
+
t && /* @__PURE__ */ p("div", { children: t })
|
|
54
54
|
]
|
|
55
55
|
}
|
|
56
56
|
),
|
|
57
|
-
|
|
57
|
+
i === "checkbox" && /* @__PURE__ */ p("input", { className: o(r.checkBox), ref: n, type: i, ...c })
|
|
58
58
|
] })
|
|
59
59
|
);
|
|
60
60
|
N.displayName = "Input";
|
|
@@ -1,32 +1,31 @@
|
|
|
1
|
-
import { jsxs as m, Fragment as
|
|
1
|
+
import { jsxs as m, Fragment as N, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { s as t, O as k } from "../../../Option-C4HGcCtY.js";
|
|
3
3
|
import { NewIcon as v } from "../../NewIcon/ui/NewIcon.js";
|
|
4
4
|
import { c as w } from "../../../index-rKuIKazb.js";
|
|
5
|
-
import { useState as
|
|
6
|
-
const
|
|
5
|
+
import { useState as x } from "react";
|
|
6
|
+
const b = w.bind(t), D = ({
|
|
7
7
|
category: o,
|
|
8
8
|
selectedOptions: s,
|
|
9
9
|
disabledOptions: u,
|
|
10
|
-
clickableOptions:
|
|
10
|
+
clickableOptions: i,
|
|
11
11
|
handleOptionClick: p,
|
|
12
|
-
sizeIcon:
|
|
12
|
+
sizeIcon: n,
|
|
13
13
|
mode: d
|
|
14
14
|
}) => {
|
|
15
|
-
const [l, f] =
|
|
16
|
-
return /* @__PURE__ */ m(
|
|
15
|
+
const [l, f] = x(!0), g = s.map((e) => JSON.stringify(e)), a = d === "category", h = d === "double", C = a && o.options.every((e) => g.includes(JSON.stringify(e))), S = a ? C ? "minusCheck" : "selectUnchecked" : h && s.some((e) => e.value === o.value) ? "minusCheck" : "selectUnchecked";
|
|
16
|
+
return /* @__PURE__ */ m(N, { children: [
|
|
17
17
|
/* @__PURE__ */ m(
|
|
18
18
|
"div",
|
|
19
19
|
{
|
|
20
|
-
className:
|
|
20
|
+
className: b(
|
|
21
21
|
t.option,
|
|
22
22
|
t.category,
|
|
23
|
-
t.optionClickable,
|
|
24
23
|
{
|
|
25
24
|
[t.selected]: s.some((e) => e.value === o.value),
|
|
26
25
|
[t.optionDisabled]: u.some(
|
|
27
26
|
(e) => e.value === o.value
|
|
28
27
|
),
|
|
29
|
-
[t.optionClickable]:
|
|
28
|
+
[t.optionClickable]: i ? i.includes(o.value.toString()) : !0
|
|
30
29
|
}
|
|
31
30
|
),
|
|
32
31
|
onClick: () => {
|
|
@@ -34,37 +33,37 @@ const x = w.bind(t), D = ({
|
|
|
34
33
|
},
|
|
35
34
|
children: [
|
|
36
35
|
/* @__PURE__ */ m("div", { className: t.leftSide, children: [
|
|
37
|
-
/* @__PURE__ */
|
|
36
|
+
/* @__PURE__ */ r(
|
|
38
37
|
v,
|
|
39
38
|
{
|
|
40
|
-
size:
|
|
41
|
-
name:
|
|
39
|
+
size: n ?? "20",
|
|
40
|
+
name: S
|
|
42
41
|
}
|
|
43
42
|
),
|
|
44
|
-
/* @__PURE__ */
|
|
43
|
+
/* @__PURE__ */ r("div", { children: o.label })
|
|
45
44
|
] }),
|
|
46
|
-
/* @__PURE__ */
|
|
45
|
+
/* @__PURE__ */ r("div", { className: t.iconArrow, onClick: (e) => {
|
|
47
46
|
e.stopPropagation(), f((c) => !c);
|
|
48
|
-
}, children: /* @__PURE__ */
|
|
47
|
+
}, children: /* @__PURE__ */ r(
|
|
49
48
|
v,
|
|
50
49
|
{
|
|
51
50
|
name: "arrowShort",
|
|
52
51
|
deg: l ? "180" : "0",
|
|
53
|
-
size:
|
|
52
|
+
size: n ?? "24"
|
|
54
53
|
}
|
|
55
54
|
) })
|
|
56
55
|
]
|
|
57
56
|
}
|
|
58
57
|
),
|
|
59
|
-
l && o.options.map((e, c) => /* @__PURE__ */
|
|
58
|
+
l && o.options.map((e, c) => /* @__PURE__ */ r(
|
|
60
59
|
k,
|
|
61
60
|
{
|
|
62
61
|
option: e,
|
|
63
62
|
disabledOptions: u,
|
|
64
63
|
selectedOptions: s,
|
|
65
64
|
handleOptionClick: () => p(e),
|
|
66
|
-
sizeIcon:
|
|
67
|
-
clickableOptions:
|
|
65
|
+
sizeIcon: n,
|
|
66
|
+
clickableOptions: i,
|
|
68
67
|
isOptionCategory: !0
|
|
69
68
|
},
|
|
70
69
|
c
|
|
@@ -1,60 +1,60 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as d, jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import { c as u } from "../../../index-rKuIKazb.js";
|
|
3
|
-
const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34",
|
|
3
|
+
const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34", t = {
|
|
4
4
|
btnCommon: w,
|
|
5
5
|
"auto-width": "_auto-width_1act6_18",
|
|
6
6
|
"full-width": "_full-width_1act6_22",
|
|
7
7
|
"small-size": "_small-size_1act6_26",
|
|
8
8
|
whiteFilled: r
|
|
9
|
-
},
|
|
10
|
-
size:
|
|
11
|
-
pre:
|
|
12
|
-
children:
|
|
13
|
-
post:
|
|
14
|
-
variant:
|
|
15
|
-
width:
|
|
16
|
-
additionalClass:
|
|
17
|
-
...
|
|
9
|
+
}, _ = u.bind(t), F = ({
|
|
10
|
+
size: m = "small",
|
|
11
|
+
pre: n = !1,
|
|
12
|
+
children: o = "",
|
|
13
|
+
post: i = !1,
|
|
14
|
+
variant: s = "whiteFilled",
|
|
15
|
+
width: c = "auto",
|
|
16
|
+
additionalClass: a = "",
|
|
17
|
+
...e
|
|
18
18
|
}) => {
|
|
19
|
-
if (
|
|
20
|
-
const { as: C, ...b } =
|
|
21
|
-
return /* @__PURE__ */
|
|
19
|
+
if (e.as === "link") {
|
|
20
|
+
const { as: C, ...b } = e;
|
|
21
|
+
return /* @__PURE__ */ d(
|
|
22
22
|
"a",
|
|
23
23
|
{
|
|
24
|
-
className:
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
{ [
|
|
29
|
-
|
|
30
|
-
|
|
24
|
+
className: _(
|
|
25
|
+
t.btnCommon,
|
|
26
|
+
t[`${m}-size`],
|
|
27
|
+
t[`${s}`],
|
|
28
|
+
{ [t.btnCommonInline]: n || i },
|
|
29
|
+
t[`${c}-width`],
|
|
30
|
+
a
|
|
31
31
|
),
|
|
32
32
|
...b,
|
|
33
33
|
children: [
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
n && /* @__PURE__ */ l("div", { children: n }),
|
|
35
|
+
o,
|
|
36
|
+
i && /* @__PURE__ */ l("div", { children: i })
|
|
37
37
|
]
|
|
38
38
|
}
|
|
39
39
|
);
|
|
40
40
|
}
|
|
41
|
-
const { as: f, ...
|
|
42
|
-
return /* @__PURE__ */
|
|
41
|
+
const { as: f, ...h } = e;
|
|
42
|
+
return /* @__PURE__ */ d(
|
|
43
43
|
"button",
|
|
44
44
|
{
|
|
45
|
-
className:
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
{ [
|
|
50
|
-
|
|
51
|
-
|
|
45
|
+
className: _(
|
|
46
|
+
t.btnCommon,
|
|
47
|
+
t[`${m}-size`],
|
|
48
|
+
t[`${s}`],
|
|
49
|
+
{ [t.btnCommonInline]: n || i },
|
|
50
|
+
t[`${c}-width`],
|
|
51
|
+
a
|
|
52
52
|
),
|
|
53
|
-
...
|
|
53
|
+
...h,
|
|
54
54
|
children: [
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
n && /* @__PURE__ */ l("div", { children: n }),
|
|
56
|
+
o,
|
|
57
|
+
i && /* @__PURE__ */ l("div", { children: i })
|
|
58
58
|
]
|
|
59
59
|
}
|
|
60
60
|
);
|