stone-kit 0.0.373 → 0.0.374
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/components/Button/ui/Button.js +53 -54
- package/dist/components/FormModal/ui/ModalForm.d.ts +1 -5
- package/dist/components/FormModal/ui/ModalForm.js +323 -325
- package/dist/components/MetroTag/ui/MetroTag.js +28 -35
- package/dist/components/MetroTag/ui/MetroTag.types.d.ts +0 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
1
|
+
import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
|
|
2
|
+
import { c as b } from "../../../index-rKuIKazb.js";
|
|
3
3
|
import { NewIcon as y } from "../../NewIcon/ui/NewIcon.js";
|
|
4
|
-
const w = "
|
|
4
|
+
const w = "_btnCommon_1gtkl_1", f = "_btnLoading_1gtkl_20", C = "_isHidden_1gtkl_24", N = "_blue_1gtkl_68", H = "_sokolniki_1gtkl_82", L = "_black_1gtkl_96", S = "_gray_1gtkl_110", p = "_whiteStroke_1gtkl_124", $ = "_whiteFilled_1gtkl_136", x = "_shade_1gtkl_150", F = "_transparent_1gtkl_156", v = "_volodiyaLight_1gtkl_177", j = "_loader_1gtkl_183", B = "_LoaderSpin_1gtkl_1", l = {
|
|
5
5
|
btnCommon: w,
|
|
6
6
|
btnLoading: f,
|
|
7
7
|
isHidden: C,
|
|
8
|
-
"auto-width": "_auto-
|
|
9
|
-
"full-width": "_full-
|
|
10
|
-
"tiny-size": "_tiny-
|
|
11
|
-
"small-size": "_small-
|
|
12
|
-
"medium-size": "_medium-
|
|
13
|
-
"large-size": "_large-
|
|
8
|
+
"auto-width": "_auto-width_1gtkl_28",
|
|
9
|
+
"full-width": "_full-width_1gtkl_32",
|
|
10
|
+
"tiny-size": "_tiny-size_1gtkl_36",
|
|
11
|
+
"small-size": "_small-size_1gtkl_44",
|
|
12
|
+
"medium-size": "_medium-size_1gtkl_52",
|
|
13
|
+
"large-size": "_large-size_1gtkl_60",
|
|
14
14
|
blue: N,
|
|
15
15
|
sokolniki: H,
|
|
16
16
|
black: L,
|
|
@@ -22,66 +22,65 @@ const w = "_btnCommon_acr66_1", f = "_btnLoading_acr66_20", C = "_isHidden_acr66
|
|
|
22
22
|
volodiyaLight: v,
|
|
23
23
|
loader: j,
|
|
24
24
|
LoaderSpin: B,
|
|
25
|
-
"tiny-size_m": "_tiny-
|
|
26
|
-
"small-size_m": "_small-
|
|
27
|
-
"medium-size_m": "_medium-
|
|
28
|
-
"large-
|
|
29
|
-
"tiny-size_l": "_tiny-
|
|
30
|
-
"small-size_l": "_small-
|
|
31
|
-
"medium-size_l": "_medium-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
...l
|
|
25
|
+
"tiny-size_m": "_tiny-size_m_1gtkl_189",
|
|
26
|
+
"small-size_m": "_small-size_m_1gtkl_196",
|
|
27
|
+
"medium-size_m": "_medium-size_m_1gtkl_203",
|
|
28
|
+
"large-size_l": "_large-size_l_1gtkl_210",
|
|
29
|
+
"tiny-size_l": "_tiny-size_l_1gtkl_219",
|
|
30
|
+
"small-size_l": "_small-size_l_1gtkl_226",
|
|
31
|
+
"medium-size_l": "_medium-size_l_1gtkl_233"
|
|
32
|
+
}, e = b.bind(l), D = ({
|
|
33
|
+
size: r = "medium",
|
|
34
|
+
size_m: k,
|
|
35
|
+
size_l: c,
|
|
36
|
+
pre: i = !1,
|
|
37
|
+
children: g = "",
|
|
38
|
+
post: s = !1,
|
|
39
|
+
variant: z = "blue",
|
|
40
|
+
width: h = "auto",
|
|
41
|
+
additionalClass: u = "",
|
|
42
|
+
isLoading: _ = !1,
|
|
43
|
+
...n
|
|
45
44
|
}) => {
|
|
46
|
-
const
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
{ [
|
|
53
|
-
{ [
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
),
|
|
57
|
-
|
|
45
|
+
const a = e(
|
|
46
|
+
l.btnCommon,
|
|
47
|
+
l[`${r}-size`],
|
|
48
|
+
l[`${k}-size_m`],
|
|
49
|
+
l[`${c}-size_l`],
|
|
50
|
+
l[`${z}`],
|
|
51
|
+
{ [l.btnLoading]: _ },
|
|
52
|
+
{ [l.btnCommonInline]: i || s },
|
|
53
|
+
l[`${h}-width`],
|
|
54
|
+
u
|
|
55
|
+
), o = () => /* @__PURE__ */ m(d, { children: [
|
|
56
|
+
_ && /* @__PURE__ */ t(
|
|
58
57
|
y,
|
|
59
58
|
{
|
|
60
59
|
name: "loader",
|
|
61
60
|
size: "24",
|
|
62
61
|
color: "currentColor",
|
|
63
|
-
additionalClass:
|
|
62
|
+
additionalClass: l.loader
|
|
64
63
|
}
|
|
65
64
|
),
|
|
66
|
-
/* @__PURE__ */
|
|
67
|
-
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
|
|
65
|
+
/* @__PURE__ */ m(d, { children: [
|
|
66
|
+
i && /* @__PURE__ */ t("span", { className: e({ [l.isHidden]: _ }), children: i }),
|
|
67
|
+
/* @__PURE__ */ t("span", { className: e({ [l.isHidden]: _ }), children: g }),
|
|
68
|
+
s && /* @__PURE__ */ t("span", { className: e({ [l.isHidden]: _ }), children: s })
|
|
70
69
|
] })
|
|
71
70
|
] });
|
|
72
|
-
return
|
|
71
|
+
return n.as === "link" ? /* @__PURE__ */ t(
|
|
73
72
|
"a",
|
|
74
73
|
{
|
|
75
|
-
className:
|
|
76
|
-
...
|
|
77
|
-
children:
|
|
74
|
+
className: a,
|
|
75
|
+
...n,
|
|
76
|
+
children: o()
|
|
78
77
|
}
|
|
79
|
-
) : /* @__PURE__ */
|
|
78
|
+
) : /* @__PURE__ */ t(
|
|
80
79
|
"button",
|
|
81
80
|
{
|
|
82
|
-
className:
|
|
83
|
-
...
|
|
84
|
-
children:
|
|
81
|
+
className: a,
|
|
82
|
+
...n,
|
|
83
|
+
children: o()
|
|
85
84
|
}
|
|
86
85
|
);
|
|
87
86
|
};
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
interface IModalFormProps {
|
|
2
|
-
createPortalObj?: {
|
|
3
|
-
domNode: HTMLElement | null;
|
|
4
|
-
key?: string | null | undefined;
|
|
5
|
-
};
|
|
6
2
|
isFormOpen: boolean;
|
|
7
3
|
setIsFormOpen: (isOpen: boolean) => void;
|
|
8
4
|
submitHandler: (data: IFormPageInputs) => void;
|
|
@@ -34,5 +30,5 @@ type IFormPageInputs = {
|
|
|
34
30
|
advCheckBox?: boolean;
|
|
35
31
|
textarea?: string;
|
|
36
32
|
};
|
|
37
|
-
export declare const ModalForm: ({
|
|
33
|
+
export declare const ModalForm: ({ isFormOpen, setIsFormOpen, title, isEmail, isPhone, isTextArea, isRequiredPhone, isRequiredEmail, isRequiredPhoneOrEmail, textAreaPlaceholder, subTitle, submitHandler, modalWidth, rowsTextArea, personalCheckBox, advCheckBox, }: IModalFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
38
34
|
export {};
|