stone-kit 0.0.1009 → 0.0.1011

package/README.md

@@ -1,59 +1,89 @@
-# Stone-kit
-
-Uikit for stone redesign 2.0
-
-## Installation
-
-Package installation:
-
-```bash
-npm i stone-kit@latest
-```
-
-## Usage
-
-For Next.js page router in App.tsx:
-
-```bash
-import 'stone-kit/dist/style.css'
-```
-
-and then:
-
-```bash
-import {Button} from 'stone-kit'
-```
-
-For other projects u can immediately:
-
-```bash
-import {Button} from 'stone-kit'
-```
-
-## Docs
-
-### ButtonProps
-
-size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
-
-pre: optional, insert icon/text before button text. type: ReactNode
-
-post: optional, insert icon/text after button text. type: ReactNode
-
-variant: optional, color variants of button. type:
-'blue',
-'gray',
-'whiteStroke',
-'sokolniki',
-'black',
-'whiteFilled'
-
-width: optional, width of button. type: 'auto' | 'full'
-
-additionalClass: optional, add your custom class to button. type: 'string'
-
-as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
-
-### MobileButtonProps
-
-### Tag
+# Stone-kit
+
+Uikit for stone redesign 2.0
+
+## Installation
+
+Package installation:
+
+```bash
+npm i stone-kit@latest
+```
+
+## Usage
+
+For Next.js page router in App.tsx:
+
+```bash
+import 'stone-kit/dist/style.css'
+```
+
+and then:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+For other projects u can immediately:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+## Docs
+
+### ButtonProps
+
+size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
+
+pre: optional, insert icon/text before button text. type: ReactNode
+
+post: optional, insert icon/text after button text. type: ReactNode
+
+variant: optional, color variants of button. type:
+'blue',
+'gray',
+'whiteStroke',
+'sokolniki',
+'black',
+'whiteFilled'
+
+width: optional, width of button. type: 'auto' | 'full'
+
+additionalClass: optional, add your custom class to button. type: 'string'
+
+as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
+
+### MobileButtonProps
+
+### Tag
+
+## Storybook в Docker
+
+### Запуск production-сборки
+
+Чтобы запустить готовую статическую сборку Storybook с помощью Docker и Nginx:
+
+1.  Убедитесь, что в корне проекта есть файлы `Dockerfile.prod` и `docker-compose.prod.yml`.
+2.  Выполните команду:docker system prune
+    ```sh
+    docker compose -f docker-compose.prod.yml up -d --force-recreate
+    ```
+3.  После завершения сборки и запуска, Storybook будет доступен по адресу `http://localhost:8080`.
+
+
+```
+openssl req -x509 -nodes -days 365 \
+  -newkey rsa:2048 \
+  -keyout certs/privkey.key \
+  -out certs/fullchain.crt \
+  -subj "/CN=storybook.stone.ru"
+
+
+
+openssl req -x509 -nodes -newkey rsa:2048 \
+    -days 365 -subj "/CN=storybook.stone.ru" \
+    -keyout certs/privkey.key \
+    -out certs/fullchain.crt
+
+```

package/dist/components/Button/ui/Button.js

@@ -1,16 +1,18 @@
-import { jsx as _, jsxs as d, Fragment as r } from "react/jsx-runtime";
+import { jsx as n, jsxs as m, Fragment as r } from "react/jsx-runtime";
 import { c as k } from "../../../index-rKuIKazb.js";
 import { NewIcon as y } from "../../NewIcon/ui/NewIcon.js";
-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 = {
+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 = {
   btnCommon: w,
-  btnLoading: C,
-  isHidden: N,
-  "auto-width": "_auto-width_f868m_28",
-  "full-width": "_full-width_f868m_32",
-  "tiny-size": "_tiny-size_f868m_36",
-  "small-size": "_small-size_f868m_44",
-  "medium-size": "_medium-size_f868m_52",
-  "large-size": "_large-size_f868m_60",
+  btnLoading: f,
+  pre: C,
+  post: N,
+  isHidden: p,
+  "auto-width": "_auto-width_1n16j_33",
+  "full-width": "_full-width_1n16j_37",
+  "tiny-size": "_tiny-size_1n16j_41",
+  "small-size": "_small-size_1n16j_49",
+  "medium-size": "_medium-size_1n16j_57",
+  "large-size": "_large-size_1n16j_65",
   blue: v,
   lightBlue: H,
   sokolniki: S,
@@ -19,44 +21,44 @@ const w = "_btnCommon_f868m_1", C = "_btnLoading_f868m_20", N = "_isHidden_f868m
   whiteStroke: $,
   whiteFilled: x,
   shade: F,
-  transparent: j,
-  volodiyaLight: I,
-  loader: q,
-  LoaderSpin: A,
-  "tiny-size_m": "_tiny-size_m_f868m_204",
-  "small-size_m": "_small-size_m_f868m_211",
-  "medium-size_m": "_medium-size_m_f868m_218",
-  "large-size_m": "_large-size_m_f868m_225",
-  "tiny-size_l": "_tiny-size_l_f868m_234",
-  "small-size_l": "_small-size_l_f868m_241",
-  "medium-size_l": "_medium-size_l_f868m_248",
-  "large-size_l": "_large-size_l_f868m_255"
-}, s = k.bind(e), J = ({
+  transparent: I,
+  volodiyaLight: q,
+  loader: A,
+  LoaderSpin: D,
+  "tiny-size_m": "_tiny-size_m_1n16j_209",
+  "small-size_m": "_small-size_m_1n16j_216",
+  "medium-size_m": "_medium-size_m_1n16j_223",
+  "large-size_m": "_large-size_m_1n16j_230",
+  "tiny-size_l": "_tiny-size_l_1n16j_239",
+  "small-size_l": "_small-size_l_1n16j_246",
+  "medium-size_l": "_medium-size_l_1n16j_253",
+  "large-size_l": "_large-size_l_1n16j_260"
+}, s = k.bind(e), K = ({
   size: c = "medium",
-  size_m: f,
+  size_m: j,
   size_l: z,
-  onCLick: t,
-  pre: m = !1,
+  onCLick: o,
+  pre: l = !1,
   children: h = "",
-  post: n = !1,
+  post: t = !1,
   variant: u = "blue",
   width: b = "auto",
   additionalClass: g = "",
-  isLoading: i = !1,
-  ...l
+  isLoading: _ = !1,
+  ...i
 }) => {
   const a = s(
     e.btnCommon,
     e[`${c}-size`],
-    e[`${f}-size_m`],
+    e[`${j}-size_m`],
     e[`${z}-size_l`],
     e[`${u}`],
-    { [e.btnLoading]: i },
-    { [e.btnCommonInline]: m || n },
+    { [e.btnLoading]: _ },
+    { [e.btnCommonInline]: l || t },
     e[`${b}-width`],
     g
-  ), o = () => /* @__PURE__ */ d(r, { children: [
-    i && /* @__PURE__ */ _(
+  ), d = () => /* @__PURE__ */ m(r, { children: [
+    _ && /* @__PURE__ */ n(
       y,
       {
         name: "loader",
@@ -65,30 +67,30 @@ const w = "_btnCommon_f868m_1", C = "_btnLoading_f868m_20", N = "_isHidden_f868m
         additionalClass: e.loader
       }
     ),
-    /* @__PURE__ */ d(r, { children: [
-      m && /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: m }),
-      /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: h }),
-      n && /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: n })
+    /* @__PURE__ */ m(r, { children: [
+      l && /* @__PURE__ */ n("div", { className: s(e.pre, { [e.isHidden]: _ }), children: l }),
+      /* @__PURE__ */ n("div", { className: s({ [e.isHidden]: _ }), children: h }),
+      t && /* @__PURE__ */ n("div", { className: s(e.post, { [e.isHidden]: _ }), children: t })
     ] })
   ] });
-  return l.as === "link" ? (delete l.as, /* @__PURE__ */ _(
+  return i.as === "link" ? (delete i.as, /* @__PURE__ */ n(
     "a",
     {
       className: a,
-      onClick: t,
-      ...l,
-      children: o()
+      onClick: o,
+      ...i,
+      children: d()
     }
-  )) : (delete l.as, /* @__PURE__ */ _(
+  )) : (delete i.as, /* @__PURE__ */ n(
     "button",
     {
       className: a,
-      onClick: t,
-      ...l,
-      children: o()
+      onClick: o,
+      ...i,
+      children: d()
     }
   ));
 };
 export {
-  J as Button
+  K as Button
 };

package/dist/components/CheckBoxNew/CheckBoxNew.js

@@ -3,24 +3,24 @@ import { Input as m } from "../Input/ui/Input.js";
 import { c as h } from "../../index-rKuIKazb.js";
 import { forwardRef as d } from "react";
 import { NewIcon as i } from "../NewIcon/ui/NewIcon.js";
-const k = "_checkboxLabel_8850s_1", T = "_labelText_8850s_36", p = "_labelTextModal_8850s_44", f = "_error_8850s_49", I = "_checkIcon_8850s_58", e = {
+const k = "_checkboxLabel_115at_1", T = "_labelText_115at_36", p = "_labelTextModal_115at_44", f = "_error_115at_49", I = "_checkIcon_115at_58", e = {
   checkboxLabel: k,
   labelText: T,
   labelTextModal: p,
   error: f,
   checkIcon: I
-}, s = h.bind(e), B = d(
-  ({ text: c, isChecked: l, error: r, children: t, emitIsChecked: a, modalFontSize: n, ...b }, x) => /* @__PURE__ */ _("label", { className: s(e.checkboxLabel, { [e.error]: r }), children: [
+}, t = h.bind(e), B = d(
+  ({ text: c, isChecked: a, error: l, children: n, emitIsChecked: r, modalFontSize: s, ...b }, x) => /* @__PURE__ */ _("label", { className: t(e.checkboxLabel, { [e.error]: l }), children: [
     /* @__PURE__ */ o(
       m,
       {
         type: "checkbox",
         ...b,
-        onChange: () => a && a(!l),
+        onChange: () => r && r(!a),
         ref: x
       }
     ),
-    l && /* @__PURE__ */ o(
+    a && /* @__PURE__ */ o(
       i,
       {
         additionalClass: e.checkIcon,
@@ -33,9 +33,9 @@ const k = "_checkboxLabel_8850s_1", T = "_labelText_8850s_36", p = "_labelTextMo
     /* @__PURE__ */ o(
       "div",
       {
-        className: s(e.labelText, { [e.labelTextModal]: n }, { [e.error]: r }),
+        className: t(e.labelText, { [e.labelTextModal]: s }, { [e.error]: l }),
         dangerouslySetInnerHTML: c ? { __html: c } : void 0,
-        children: t
+        children: n
       }
     )
   ] })

package/dist/components/ModalSuccess/index.d.ts

@@ -0,0 +1 @@
+export * from './ModalSuccess';

package/dist/components/ModalSuccess/index.js

@@ -0,0 +1,4 @@
+import { ModalSuccess as e } from "./ModalSuccess.js";
+export {
+  e as ModalSuccess
+};

package/dist/components/NewIcon/index.d.ts

@@ -1 +1 @@
-export { NewIcon } from './ui/NewIcon';
+export { NewIcon, iconTypes } from './ui/NewIcon';

package/dist/components/NewIcon/index.js

@@ -1,4 +1,5 @@
-import { NewIcon as r } from "./ui/NewIcon.js";
+import { NewIcon as c, iconTypes as n } from "./ui/NewIcon.js";
 export {
-  r as NewIcon
+  c as NewIcon,
+  n as iconTypes
 };

package/dist/components/Switcher/ui/Switcher.d.ts

@@ -1,3 +1,3 @@
 import { ISwitcherProps } from './Switcher.types';
 
-export declare const Switcher: ({ children, isActive, onClick, isReverse, isBetween }: ISwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Switcher: ({ children, isActive, onClick, isReverse, isBetween, dataTestId }: ISwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Switcher/ui/Switcher.js

@@ -1,23 +1,23 @@
-import { jsxs as a, jsx as p } from "react/jsx-runtime";
-import { useRef as o, useEffect as _ } from "react";
-import { c as d } from "../../../index-rKuIKazb.js";
-const v = "_switcherWrapper_1b1pd_29", h = "_switcherWrapperReverse_1b1pd_40", b = "_switcherWrapperBetween_1b1pd_44", W = "_swiper_1b1pd_48", l = "_swiperBackward_1b1pd_1", m = "_swiperActive_1b1pd_63", f = "_swiperForward_1b1pd_1", u = "_swiperInactive_1b1pd_68", I = "_swiperInitialize_1b1pd_73", P = "_swiperPoint_1b1pd_77", B = "_swiperPointActive_1b1pd_89", e = {
-  switcherWrapper: v,
-  switcherWrapperReverse: h,
-  switcherWrapperBetween: b,
-  swiper: W,
-  swiperBackward: l,
-  swiperActive: m,
-  swiperForward: f,
-  swiperInactive: u,
-  swiperInitialize: I,
-  swiperPoint: P,
-  swiperPointActive: B
-}, s = d.bind(e), z = ({ children: t, isActive: i, onClick: c, isReverse: w, isBetween: n }) => {
-  const r = o(!0);
-  return _(() => {
+import { jsxs as o, jsx as p } from "react/jsx-runtime";
+import { useRef as _, useEffect as d } from "react";
+import { c as v } from "../../../index-rKuIKazb.js";
+const h = "_switcherWrapper_1b1pd_29", b = "_switcherWrapperReverse_1b1pd_40", W = "_switcherWrapperBetween_1b1pd_44", l = "_swiper_1b1pd_48", m = "_swiperBackward_1b1pd_1", f = "_swiperActive_1b1pd_63", u = "_swiperForward_1b1pd_1", I = "_swiperInactive_1b1pd_68", P = "_swiperInitialize_1b1pd_73", B = "_swiperPoint_1b1pd_77", A = "_swiperPointActive_1b1pd_89", e = {
+  switcherWrapper: h,
+  switcherWrapperReverse: b,
+  switcherWrapperBetween: W,
+  swiper: l,
+  swiperBackward: m,
+  swiperActive: f,
+  swiperForward: u,
+  swiperInactive: I,
+  swiperInitialize: P,
+  swiperPoint: B,
+  swiperPointActive: A
+}, s = v.bind(e), F = ({ children: t, isActive: i, onClick: c, isReverse: w, isBetween: n, dataTestId: a }) => {
+  const r = _(!0);
+  return d(() => {
     r.current && (r.current = !1);
-  }, []), /* @__PURE__ */ a(
+  }, []), /* @__PURE__ */ o(
     "div",
     {
       className: s(
@@ -36,6 +36,7 @@ const v = "_switcherWrapper_1b1pd_29", h = "_switcherWrapperReverse_1b1pd_40", b
               { [e.swiperInactive]: !i && !r.current }
             ),
             onClick: c,
+            "data-testid": a,
             children: /* @__PURE__ */ p("div", { className: s(e.swiperPoint, { [e.swiperPointActive]: i }) })
           }
         ),
@@ -45,5 +46,5 @@ const v = "_switcherWrapper_1b1pd_29", h = "_switcherWrapperReverse_1b1pd_40", b
   );
 };
 export {
-  z as Switcher
+  F as Switcher
 };

package/dist/components/Switcher/ui/Switcher.types.d.ts

@@ -5,4 +5,5 @@ export interface ISwitcherProps extends React.HTMLAttributes<HTMLDivElement> {
     onClick?: () => void;
     isReverse?: boolean;
     isBetween?: boolean;
+    dataTestId?: string;
 }

package/dist/components/ZoomControls/ui/ZoomControls.js

@@ -1,10 +1,10 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { RoundButton as s } from "../../RoundButton/ui/RoundButton.js";
-const r = "_root_1gn8f_1", u = "_plusBtn_1gn8f_6", c = "_minusBtn_1gn8f_11", o = {
+const r = "_root_1gn8f_1", u = "_plusBtn_1gn8f_6", a = "_minusBtn_1gn8f_11", o = {
   root: r,
   plusBtn: u,
-  minusBtn: c
-}, _ = ({ size: n = "medium", zoomIn: i, zoomOut: l }) => /* @__PURE__ */ m("div", { className: o.root, children: [
+  minusBtn: a
+}, B = ({ size: n = "medium", zoomIn: i, zoomOut: m }) => /* @__PURE__ */ l("div", { className: o.root, children: [
   /* @__PURE__ */ t(
     s,
     {
@@ -12,7 +12,8 @@ const r = "_root_1gn8f_1", u = "_plusBtn_1gn8f_6", c = "_minusBtn_1gn8f_11", o =
       size: n,
       color: "#141416",
       additionalClass: o.plusBtn,
-      onClick: i
+      onClick: i,
+      "data-testid": "zoom-in"
     }
   ),
   /* @__PURE__ */ t(
@@ -22,10 +23,11 @@ const r = "_root_1gn8f_1", u = "_plusBtn_1gn8f_6", c = "_minusBtn_1gn8f_11", o =
       size: n,
       color: "#141416",
       additionalClass: o.minusBtn,
-      onClick: l
+      onClick: m,
+      "data-testid": "zoom-out"
     }
   )
 ] });
 export {
-  _ as ZoomControls
+  B as ZoomControls
 };