stone-kit 0.0.1008 → 0.0.1010
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/README.md +22 -0
- package/dist/components/Button/ui/Button.js +49 -47
- package/dist/components/ModalSuccess/index.d.ts +1 -0
- package/dist/components/ModalSuccess/index.js +4 -0
- package/dist/components/NewIcon/index.d.ts +1 -1
- package/dist/components/NewIcon/index.js +3 -2
- package/dist/components/TabSelect/ui/TabSelect.js +32 -32
- package/dist/{index-DQgqDqGf.js → index-DvCs2JPX.js} +2927 -3002
- package/dist/stories/entities/CommercialLotCard/CommercialLotCard.stories.js +166 -0
- package/dist/stories/entities/index.js +4 -0
- package/dist/stories/shared/ui/Button/Button.stories.js +118 -0
- package/dist/stories/shared/ui/CheckBox/CheckBox.stories.js +71 -0
- package/dist/stories/shared/ui/CheckBox/CheckBoxNew.stories.js +45 -0
- package/dist/stories/shared/ui/CheckboxSelect/CheckboxSelect.stories.js +114 -0
- package/dist/stories/shared/ui/DestinationTab/DestinationTab.stories.js +89 -0
- package/dist/stories/shared/ui/FieldInput/FieldInput.stories.js +31 -0
- package/dist/stories/shared/ui/FilterWithSave/FilterWithSave.stories.js +44 -0
- package/dist/stories/shared/ui/Flex/Flex.stories.js +74 -0
- package/dist/stories/shared/ui/FormModal/FormModal.stories.js +65 -0
- package/dist/stories/shared/ui/GroupedInput/GroupedInput.stories.js +68 -0
- package/dist/stories/shared/ui/Input/Input.stories.js +82 -0
- package/dist/stories/shared/ui/Logo/Logo.stories.js +75 -0
- package/dist/stories/shared/ui/MetroLabel/MetroLabel.stories.js +91 -0
- package/dist/stories/shared/ui/MetroTag/MetroTag.stories.js +96 -0
- package/dist/stories/shared/ui/MobileButton/MobileButton.stories.js +77 -0
- package/dist/stories/shared/ui/Modal/Modal.stories.js +77 -0
- package/dist/stories/shared/ui/ModalSuccess/ModalSuccess.stories.js +34 -0
- package/dist/stories/shared/ui/NewIcon/NewIcon.stories.js +38 -0
- package/dist/stories/shared/ui/RoundButton/RoundButton.stories.js +83 -0
- package/dist/stories/shared/ui/Select/Select.stories.js +81 -0
- package/dist/stories/shared/ui/SliderNavigation/SliderNavigation.stories.js +82 -0
- package/dist/stories/shared/ui/SortSelect/SortSelect.stories.js +87 -0
- package/dist/stories/shared/ui/SummarySelect/SummarySelect.stories.js +85 -0
- package/dist/stories/shared/ui/Switcher/Switcher.stories.js +77 -0
- package/dist/stories/shared/ui/TabSelect/TabSelect.stories.js +76 -0
- package/dist/stories/shared/ui/TabSwitcher/TabSwitcher.stories.js +76 -0
- package/dist/stories/shared/ui/Tag/Tag.stories.js +51 -0
- package/dist/stories/shared/ui/Text/Text.stories.js +22 -0
- package/dist/stories/shared/ui/TextArea/TextArea.stories.js +37 -0
- package/dist/stories/shared/ui/ZoomControls/ZoomControls.stories.js +91 -0
- package/dist/stories/shared/ui/index.js +62 -0
- package/dist/style.css +1 -1
- package/package.json +4 -4
- package/dist/stories/Button.js +0 -23
- package/dist/stories/Button.stories.js +0 -50
- package/dist/stories/Header.js +0 -44
- package/dist/stories/Header.stories.js +0 -28
- package/dist/stories/Page.js +0 -58
- package/dist/stories/Page.stories.js +0 -22
package/README.md
CHANGED
|
@@ -57,3 +57,25 @@ as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by
|
|
|
57
57
|
### MobileButtonProps
|
|
58
58
|
|
|
59
59
|
### Tag
|
|
60
|
+
|
|
61
|
+
## Storybook в Docker
|
|
62
|
+
|
|
63
|
+
### Запуск production-сборки
|
|
64
|
+
|
|
65
|
+
Чтобы запустить готовую статическую сборку Storybook с помощью Docker и Nginx:
|
|
66
|
+
|
|
67
|
+
1. Убедитесь, что в корне проекта есть файлы `Dockerfile.prod` и `docker-compose.prod.yml`.
|
|
68
|
+
2. Выполните команду:
|
|
69
|
+
```sh
|
|
70
|
+
docker compose -f docker-compose.prod.yml up -d --force-recreate
|
|
71
|
+
```
|
|
72
|
+
3. После завершения сборки и запуска, Storybook будет доступен по адресу `http://localhost:8080`.
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
```
|
|
76
|
+
openssl req -x509 -nodes -days 365 \
|
|
77
|
+
-newkey rsa:2048 \
|
|
78
|
+
-keyout certs/privkey.key \
|
|
79
|
+
-out certs/fullchain.crt \
|
|
80
|
+
-subj "/CN=localhost"
|
|
81
|
+
```
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as n, jsxs as m, Fragment as r } from "react/jsx-runtime";
|
|
2
2
|
import { c as k } from "../../../index-rKuIKazb.js";
|
|
3
3
|
import { NewIcon as y } from "../../NewIcon/ui/NewIcon.js";
|
|
4
|
-
const w = "
|
|
4
|
+
const w = "_btnCommon_1n16j_1", f = "_btnLoading_1n16j_20", C = "_pre_1n16j_24", N = "_post_1n16j_25", p = "_isHidden_1n16j_29", v = "_blue_1n16j_73", H = "_lightBlue_1n16j_87", S = "_sokolniki_1n16j_102", B = "_black_1n16j_116", L = "_gray_1n16j_130", $ = "_whiteStroke_1n16j_144", x = "_whiteFilled_1n16j_156", F = "_shade_1n16j_170", I = "_transparent_1n16j_176", q = "_volodiyaLight_1n16j_197", A = "_loader_1n16j_203", D = "_LoaderSpin_1n16j_1", e = {
|
|
5
5
|
btnCommon: w,
|
|
6
|
-
btnLoading:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
6
|
+
btnLoading: f,
|
|
7
|
+
pre: C,
|
|
8
|
+
post: N,
|
|
9
|
+
isHidden: p,
|
|
10
|
+
"auto-width": "_auto-width_1n16j_33",
|
|
11
|
+
"full-width": "_full-width_1n16j_37",
|
|
12
|
+
"tiny-size": "_tiny-size_1n16j_41",
|
|
13
|
+
"small-size": "_small-size_1n16j_49",
|
|
14
|
+
"medium-size": "_medium-size_1n16j_57",
|
|
15
|
+
"large-size": "_large-size_1n16j_65",
|
|
14
16
|
blue: v,
|
|
15
17
|
lightBlue: H,
|
|
16
18
|
sokolniki: S,
|
|
@@ -19,44 +21,44 @@ const w = "_btnCommon_f868m_1", C = "_btnLoading_f868m_20", N = "_isHidden_f868m
|
|
|
19
21
|
whiteStroke: $,
|
|
20
22
|
whiteFilled: x,
|
|
21
23
|
shade: F,
|
|
22
|
-
transparent:
|
|
23
|
-
volodiyaLight:
|
|
24
|
-
loader:
|
|
25
|
-
LoaderSpin:
|
|
26
|
-
"tiny-size_m": "_tiny-
|
|
27
|
-
"small-size_m": "_small-
|
|
28
|
-
"medium-size_m": "_medium-
|
|
29
|
-
"large-size_m": "_large-
|
|
30
|
-
"tiny-size_l": "_tiny-
|
|
31
|
-
"small-size_l": "_small-
|
|
32
|
-
"medium-size_l": "_medium-
|
|
33
|
-
"large-size_l": "_large-
|
|
34
|
-
}, s = k.bind(e),
|
|
24
|
+
transparent: I,
|
|
25
|
+
volodiyaLight: q,
|
|
26
|
+
loader: A,
|
|
27
|
+
LoaderSpin: D,
|
|
28
|
+
"tiny-size_m": "_tiny-size_m_1n16j_209",
|
|
29
|
+
"small-size_m": "_small-size_m_1n16j_216",
|
|
30
|
+
"medium-size_m": "_medium-size_m_1n16j_223",
|
|
31
|
+
"large-size_m": "_large-size_m_1n16j_230",
|
|
32
|
+
"tiny-size_l": "_tiny-size_l_1n16j_239",
|
|
33
|
+
"small-size_l": "_small-size_l_1n16j_246",
|
|
34
|
+
"medium-size_l": "_medium-size_l_1n16j_253",
|
|
35
|
+
"large-size_l": "_large-size_l_1n16j_260"
|
|
36
|
+
}, s = k.bind(e), K = ({
|
|
35
37
|
size: c = "medium",
|
|
36
|
-
size_m:
|
|
38
|
+
size_m: j,
|
|
37
39
|
size_l: z,
|
|
38
|
-
onCLick:
|
|
39
|
-
pre:
|
|
40
|
+
onCLick: o,
|
|
41
|
+
pre: l = !1,
|
|
40
42
|
children: h = "",
|
|
41
|
-
post:
|
|
43
|
+
post: t = !1,
|
|
42
44
|
variant: u = "blue",
|
|
43
45
|
width: b = "auto",
|
|
44
46
|
additionalClass: g = "",
|
|
45
|
-
isLoading:
|
|
46
|
-
...
|
|
47
|
+
isLoading: _ = !1,
|
|
48
|
+
...i
|
|
47
49
|
}) => {
|
|
48
50
|
const a = s(
|
|
49
51
|
e.btnCommon,
|
|
50
52
|
e[`${c}-size`],
|
|
51
|
-
e[`${
|
|
53
|
+
e[`${j}-size_m`],
|
|
52
54
|
e[`${z}-size_l`],
|
|
53
55
|
e[`${u}`],
|
|
54
|
-
{ [e.btnLoading]:
|
|
55
|
-
{ [e.btnCommonInline]:
|
|
56
|
+
{ [e.btnLoading]: _ },
|
|
57
|
+
{ [e.btnCommonInline]: l || t },
|
|
56
58
|
e[`${b}-width`],
|
|
57
59
|
g
|
|
58
|
-
),
|
|
59
|
-
|
|
60
|
+
), d = () => /* @__PURE__ */ m(r, { children: [
|
|
61
|
+
_ && /* @__PURE__ */ n(
|
|
60
62
|
y,
|
|
61
63
|
{
|
|
62
64
|
name: "loader",
|
|
@@ -65,30 +67,30 @@ const w = "_btnCommon_f868m_1", C = "_btnLoading_f868m_20", N = "_isHidden_f868m
|
|
|
65
67
|
additionalClass: e.loader
|
|
66
68
|
}
|
|
67
69
|
),
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
|
|
70
|
-
/* @__PURE__ */
|
|
71
|
-
|
|
70
|
+
/* @__PURE__ */ m(r, { children: [
|
|
71
|
+
l && /* @__PURE__ */ n("div", { className: s(e.pre, { [e.isHidden]: _ }), children: l }),
|
|
72
|
+
/* @__PURE__ */ n("div", { className: s({ [e.isHidden]: _ }), children: h }),
|
|
73
|
+
t && /* @__PURE__ */ n("div", { className: s(e.post, { [e.isHidden]: _ }), children: t })
|
|
72
74
|
] })
|
|
73
75
|
] });
|
|
74
|
-
return
|
|
76
|
+
return i.as === "link" ? (delete i.as, /* @__PURE__ */ n(
|
|
75
77
|
"a",
|
|
76
78
|
{
|
|
77
79
|
className: a,
|
|
78
|
-
onClick:
|
|
79
|
-
...
|
|
80
|
-
children:
|
|
80
|
+
onClick: o,
|
|
81
|
+
...i,
|
|
82
|
+
children: d()
|
|
81
83
|
}
|
|
82
|
-
)) : (delete
|
|
84
|
+
)) : (delete i.as, /* @__PURE__ */ n(
|
|
83
85
|
"button",
|
|
84
86
|
{
|
|
85
87
|
className: a,
|
|
86
|
-
onClick:
|
|
87
|
-
...
|
|
88
|
-
children:
|
|
88
|
+
onClick: o,
|
|
89
|
+
...i,
|
|
90
|
+
children: d()
|
|
89
91
|
}
|
|
90
92
|
));
|
|
91
93
|
};
|
|
92
94
|
export {
|
|
93
|
-
|
|
95
|
+
K as Button
|
|
94
96
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ModalSuccess';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { NewIcon } from './ui/NewIcon';
|
|
1
|
+
export { NewIcon, iconTypes } from './ui/NewIcon';
|
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { c as
|
|
4
|
-
import { Text as
|
|
5
|
-
import { useClientWidth as
|
|
6
|
-
const
|
|
7
|
-
root:
|
|
8
|
-
whiteFill:
|
|
9
|
-
text:
|
|
10
|
-
fullWhite:
|
|
11
|
-
whiteStroke:
|
|
12
|
-
withPadding:
|
|
13
|
-
grayDesign:
|
|
14
|
-
}, i =
|
|
1
|
+
import { jsxs as N, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as T } from "react";
|
|
3
|
+
import { c as k } from "../../../index-rKuIKazb.js";
|
|
4
|
+
import { Text as y } from "../../Text/ui/Text.js";
|
|
5
|
+
import { useClientWidth as z } from "../../../shared/useClientWidth.js";
|
|
6
|
+
const W = "_root_pbslz_1", D = "_whiteFill_pbslz_29", F = "_text_pbslz_34", P = "_fullWhite_pbslz_48", C = "_whiteStroke_pbslz_67", I = "_withPadding_pbslz_105", j = "_grayDesign_pbslz_109", t = {
|
|
7
|
+
root: W,
|
|
8
|
+
whiteFill: D,
|
|
9
|
+
text: F,
|
|
10
|
+
fullWhite: P,
|
|
11
|
+
whiteStroke: C,
|
|
12
|
+
withPadding: I,
|
|
13
|
+
grayDesign: j
|
|
14
|
+
}, i = k.bind(t), O = {
|
|
15
15
|
whiteFill: "whiteFill",
|
|
16
16
|
whiteStroke: "whiteStroke",
|
|
17
17
|
grayDesign: "grayDesign",
|
|
18
18
|
fullWhite: "fullWhite"
|
|
19
|
-
},
|
|
20
|
-
const { isTablet: a, isDesktop:
|
|
19
|
+
}, A = ({ variant: s = "whiteFill", classname: l, children: a }) => /* @__PURE__ */ e("div", { className: i(t.root, t[`${s}`], l), children: a }), r = T((s, l) => {
|
|
20
|
+
const { isTablet: a, isDesktop: c } = z(), h = (S, x) => S && o ? o : x && n ? n : f, {
|
|
21
21
|
children: d,
|
|
22
22
|
className: _,
|
|
23
23
|
additionalClassName: m,
|
|
24
24
|
additionalLabelClass: w,
|
|
25
25
|
//TODO предлогаю засунуть в жопу isLong
|
|
26
|
-
isLong:
|
|
27
|
-
checked:
|
|
28
|
-
withPadding:
|
|
29
|
-
width:
|
|
26
|
+
isLong: b,
|
|
27
|
+
checked: g,
|
|
28
|
+
withPadding: p = !1,
|
|
29
|
+
width: f,
|
|
30
30
|
width_m: o,
|
|
31
31
|
width_l: n,
|
|
32
|
-
...
|
|
33
|
-
} =
|
|
34
|
-
return /* @__PURE__ */
|
|
32
|
+
...u
|
|
33
|
+
} = s;
|
|
34
|
+
return /* @__PURE__ */ N("label", { className: i(t.item, w, { [t.withPadding]: p }), children: [
|
|
35
35
|
/* @__PURE__ */ e(
|
|
36
36
|
"input",
|
|
37
37
|
{
|
|
38
|
-
ref:
|
|
38
|
+
ref: l,
|
|
39
39
|
type: "checkbox",
|
|
40
|
-
checked:
|
|
41
|
-
...
|
|
40
|
+
checked: g,
|
|
41
|
+
...u
|
|
42
42
|
}
|
|
43
43
|
),
|
|
44
44
|
/* @__PURE__ */ e(
|
|
45
45
|
"div",
|
|
46
46
|
{
|
|
47
|
-
className: i(_, m, { isLong:
|
|
48
|
-
style: { width:
|
|
49
|
-
children: /* @__PURE__ */ e(
|
|
47
|
+
className: i(_, m, { isLong: b }),
|
|
48
|
+
style: { width: h(a, c) },
|
|
49
|
+
children: /* @__PURE__ */ e(y, { className: i(t.text), children: d })
|
|
50
50
|
}
|
|
51
51
|
)
|
|
52
52
|
] });
|
|
53
53
|
});
|
|
54
54
|
r.displayName = "TabSelectItem";
|
|
55
|
-
const
|
|
55
|
+
const V = Object.assign(A, { Item: r });
|
|
56
56
|
export {
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
O as TAB_SELECT_VARIANTS,
|
|
58
|
+
V as TabSelect
|
|
59
59
|
};
|