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.
Files changed (49) hide show
  1. package/README.md +22 -0
  2. package/dist/components/Button/ui/Button.js +49 -47
  3. package/dist/components/ModalSuccess/index.d.ts +1 -0
  4. package/dist/components/ModalSuccess/index.js +4 -0
  5. package/dist/components/NewIcon/index.d.ts +1 -1
  6. package/dist/components/NewIcon/index.js +3 -2
  7. package/dist/components/TabSelect/ui/TabSelect.js +32 -32
  8. package/dist/{index-DQgqDqGf.js → index-DvCs2JPX.js} +2927 -3002
  9. package/dist/stories/entities/CommercialLotCard/CommercialLotCard.stories.js +166 -0
  10. package/dist/stories/entities/index.js +4 -0
  11. package/dist/stories/shared/ui/Button/Button.stories.js +118 -0
  12. package/dist/stories/shared/ui/CheckBox/CheckBox.stories.js +71 -0
  13. package/dist/stories/shared/ui/CheckBox/CheckBoxNew.stories.js +45 -0
  14. package/dist/stories/shared/ui/CheckboxSelect/CheckboxSelect.stories.js +114 -0
  15. package/dist/stories/shared/ui/DestinationTab/DestinationTab.stories.js +89 -0
  16. package/dist/stories/shared/ui/FieldInput/FieldInput.stories.js +31 -0
  17. package/dist/stories/shared/ui/FilterWithSave/FilterWithSave.stories.js +44 -0
  18. package/dist/stories/shared/ui/Flex/Flex.stories.js +74 -0
  19. package/dist/stories/shared/ui/FormModal/FormModal.stories.js +65 -0
  20. package/dist/stories/shared/ui/GroupedInput/GroupedInput.stories.js +68 -0
  21. package/dist/stories/shared/ui/Input/Input.stories.js +82 -0
  22. package/dist/stories/shared/ui/Logo/Logo.stories.js +75 -0
  23. package/dist/stories/shared/ui/MetroLabel/MetroLabel.stories.js +91 -0
  24. package/dist/stories/shared/ui/MetroTag/MetroTag.stories.js +96 -0
  25. package/dist/stories/shared/ui/MobileButton/MobileButton.stories.js +77 -0
  26. package/dist/stories/shared/ui/Modal/Modal.stories.js +77 -0
  27. package/dist/stories/shared/ui/ModalSuccess/ModalSuccess.stories.js +34 -0
  28. package/dist/stories/shared/ui/NewIcon/NewIcon.stories.js +38 -0
  29. package/dist/stories/shared/ui/RoundButton/RoundButton.stories.js +83 -0
  30. package/dist/stories/shared/ui/Select/Select.stories.js +81 -0
  31. package/dist/stories/shared/ui/SliderNavigation/SliderNavigation.stories.js +82 -0
  32. package/dist/stories/shared/ui/SortSelect/SortSelect.stories.js +87 -0
  33. package/dist/stories/shared/ui/SummarySelect/SummarySelect.stories.js +85 -0
  34. package/dist/stories/shared/ui/Switcher/Switcher.stories.js +77 -0
  35. package/dist/stories/shared/ui/TabSelect/TabSelect.stories.js +76 -0
  36. package/dist/stories/shared/ui/TabSwitcher/TabSwitcher.stories.js +76 -0
  37. package/dist/stories/shared/ui/Tag/Tag.stories.js +51 -0
  38. package/dist/stories/shared/ui/Text/Text.stories.js +22 -0
  39. package/dist/stories/shared/ui/TextArea/TextArea.stories.js +37 -0
  40. package/dist/stories/shared/ui/ZoomControls/ZoomControls.stories.js +91 -0
  41. package/dist/stories/shared/ui/index.js +62 -0
  42. package/dist/style.css +1 -1
  43. package/package.json +4 -4
  44. package/dist/stories/Button.js +0 -23
  45. package/dist/stories/Button.stories.js +0 -50
  46. package/dist/stories/Header.js +0 -44
  47. package/dist/stories/Header.stories.js +0 -28
  48. package/dist/stories/Page.js +0 -58
  49. 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 _, jsxs as d, Fragment as r } from "react/jsx-runtime";
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 = "_btnCommon_f868m_1", C = "_btnLoading_f868m_20", N = "_isHidden_f868m_24", v = "_blue_f868m_68", H = "_lightBlue_f868m_82", S = "_sokolniki_f868m_97", B = "_black_f868m_111", L = "_gray_f868m_125", $ = "_whiteStroke_f868m_139", x = "_whiteFilled_f868m_151", F = "_shade_f868m_165", j = "_transparent_f868m_171", I = "_volodiyaLight_f868m_192", q = "_loader_f868m_198", A = "_LoaderSpin_f868m_1", e = {
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: C,
7
- isHidden: N,
8
- "auto-width": "_auto-width_f868m_28",
9
- "full-width": "_full-width_f868m_32",
10
- "tiny-size": "_tiny-size_f868m_36",
11
- "small-size": "_small-size_f868m_44",
12
- "medium-size": "_medium-size_f868m_52",
13
- "large-size": "_large-size_f868m_60",
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: j,
23
- volodiyaLight: I,
24
- loader: q,
25
- LoaderSpin: A,
26
- "tiny-size_m": "_tiny-size_m_f868m_204",
27
- "small-size_m": "_small-size_m_f868m_211",
28
- "medium-size_m": "_medium-size_m_f868m_218",
29
- "large-size_m": "_large-size_m_f868m_225",
30
- "tiny-size_l": "_tiny-size_l_f868m_234",
31
- "small-size_l": "_small-size_l_f868m_241",
32
- "medium-size_l": "_medium-size_l_f868m_248",
33
- "large-size_l": "_large-size_l_f868m_255"
34
- }, s = k.bind(e), J = ({
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: f,
38
+ size_m: j,
37
39
  size_l: z,
38
- onCLick: t,
39
- pre: m = !1,
40
+ onCLick: o,
41
+ pre: l = !1,
40
42
  children: h = "",
41
- post: n = !1,
43
+ post: t = !1,
42
44
  variant: u = "blue",
43
45
  width: b = "auto",
44
46
  additionalClass: g = "",
45
- isLoading: i = !1,
46
- ...l
47
+ isLoading: _ = !1,
48
+ ...i
47
49
  }) => {
48
50
  const a = s(
49
51
  e.btnCommon,
50
52
  e[`${c}-size`],
51
- e[`${f}-size_m`],
53
+ e[`${j}-size_m`],
52
54
  e[`${z}-size_l`],
53
55
  e[`${u}`],
54
- { [e.btnLoading]: i },
55
- { [e.btnCommonInline]: m || n },
56
+ { [e.btnLoading]: _ },
57
+ { [e.btnCommonInline]: l || t },
56
58
  e[`${b}-width`],
57
59
  g
58
- ), o = () => /* @__PURE__ */ d(r, { children: [
59
- i && /* @__PURE__ */ _(
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__ */ d(r, { children: [
69
- m && /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: m }),
70
- /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: h }),
71
- n && /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: n })
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 l.as === "link" ? (delete l.as, /* @__PURE__ */ _(
76
+ return i.as === "link" ? (delete i.as, /* @__PURE__ */ n(
75
77
  "a",
76
78
  {
77
79
  className: a,
78
- onClick: t,
79
- ...l,
80
- children: o()
80
+ onClick: o,
81
+ ...i,
82
+ children: d()
81
83
  }
82
- )) : (delete l.as, /* @__PURE__ */ _(
84
+ )) : (delete i.as, /* @__PURE__ */ n(
83
85
  "button",
84
86
  {
85
87
  className: a,
86
- onClick: t,
87
- ...l,
88
- children: o()
88
+ onClick: o,
89
+ ...i,
90
+ children: d()
89
91
  }
90
92
  ));
91
93
  };
92
94
  export {
93
- J as Button
95
+ K as Button
94
96
  };
@@ -0,0 +1 @@
1
+ export * from './ModalSuccess';
@@ -0,0 +1,4 @@
1
+ import { ModalSuccess as e } from "./ModalSuccess.js";
2
+ export {
3
+ e as ModalSuccess
4
+ };
@@ -1 +1 @@
1
- export { NewIcon } from './ui/NewIcon';
1
+ export { NewIcon, iconTypes } from './ui/NewIcon';
@@ -1,4 +1,5 @@
1
- import { NewIcon as r } from "./ui/NewIcon.js";
1
+ import { NewIcon as c, iconTypes as n } from "./ui/NewIcon.js";
2
2
  export {
3
- r as NewIcon
3
+ c as NewIcon,
4
+ n as iconTypes
4
5
  };
@@ -1,59 +1,59 @@
1
- import { jsxs as x, jsx as e } from "react/jsx-runtime";
2
- import { forwardRef as N } from "react";
3
- import { c as T } from "../../../index-rKuIKazb.js";
4
- import { Text as k } from "../../Text/ui/Text.js";
5
- import { useClientWidth as W } from "../../../shared/useClientWidth.js";
6
- const D = "_root_1lhly_1", F = "_whiteFill_1lhly_29", P = "_text_1lhly_34", C = "_fullWhite_1lhly_48", I = "_whiteStroke_1lhly_67", j = "_withPadding_1lhly_105", A = "_grayDesign_1lhly_109", t = {
7
- root: D,
8
- whiteFill: F,
9
- text: P,
10
- fullWhite: C,
11
- whiteStroke: I,
12
- withPadding: j,
13
- grayDesign: A
14
- }, i = T.bind(t), V = {
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
- }, L = ({ variant: l = "whiteFill", classname: s, children: a }) => /* @__PURE__ */ e("div", { className: i(t.root, t[`${l}`], s), children: a }), r = N((l, s) => {
20
- const { isTablet: a, isDesktop: h } = W(), c = (b, p) => b && o ? o : p && n ? n : u, {
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: g,
27
- checked: f,
28
- withPadding: y = !1,
29
- width: u,
26
+ isLong: b,
27
+ checked: g,
28
+ withPadding: p = !1,
29
+ width: f,
30
30
  width_m: o,
31
31
  width_l: n,
32
- ...S
33
- } = l;
34
- return /* @__PURE__ */ x("label", { className: i(t.item, w, { [t.withPadding]: y }), children: [
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: s,
38
+ ref: l,
39
39
  type: "checkbox",
40
- checked: f,
41
- ...S
40
+ checked: g,
41
+ ...u
42
42
  }
43
43
  ),
44
44
  /* @__PURE__ */ e(
45
45
  "div",
46
46
  {
47
- className: i(_, m, { isLong: g }),
48
- style: { width: c(a, h) },
49
- children: /* @__PURE__ */ e(k, { className: i(t.text), children: d })
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 $ = Object.assign(L, { Item: r });
55
+ const V = Object.assign(A, { Item: r });
56
56
  export {
57
- V as TAB_SELECT_VARIANTS,
58
- $ as TabSelect
57
+ O as TAB_SELECT_VARIANTS,
58
+ V as TabSelect
59
59
  };