stone-kit 0.0.1009 → 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/{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';
|