stone-kit 0.0.1106 → 0.0.1107

package/README.md

@@ -57,3 +57,33 @@ as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by
 ### 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/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/App.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "./layout/Layout.js";
+import t from "./Router.js";
+import { B as p } from "./chunk-4WY6JWTD-BeveLKf_.js";
+function u() {
+  return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(t, {}) }) });
+}
+export {
+  u as default
+};

package/dist/Option-DmDx_xOt.js

@@ -0,0 +1,99 @@
+import { jsxs as S, jsx as l } from "react/jsx-runtime";
+import { c as g } from "./index-YnD2EP-S.js";
+import { NewIcon as p } from "./components/NewIcon/ui/NewIcon.js";
+const f = "_multiSelectWrapper_1n881_1", h = "_loaderWrapper_1n881_8", w = "_emptyStateWrapper_1n881_15", L = "_loader_1n881_8", W = "_rotate_1n881_1", y = "_selectedOptions_1n881_37", k = "_selectedText_1n881_55", v = "_selectedOptionsBtn_1n881_63", x = "_selectedOptionsOpened_1n881_89", D = "_selectedOptionsNotEmpty_1n881_93", N = "_selectOptionsDisabled_1n881_98", B = "_optionsOuterContainer_1n881_105", A = "_optionLabel_1n881_118", E = "_betweenSize_small_1n881_124", R = "_betweenSize_medium_1n881_128", T = "_optionsList_1n881_132", j = "_scroll_standard_1n881_161", H = "_scroll_compact_1n881_165", P = "_lastList_1n881_170", U = "_listRight_1n881_175", $ = "_inputWrapper_1n881_179", q = "_option_1n881_105", F = "_category_1n881_201", G = "_leftSide_1n881_207", I = "_optionCategory_1n881_212", J = "_isPositionLeftCheckbox_1n881_218", K = "_optionDisabled_1n881_223", M = "_optionClickable_1n881_227", Q = "_icon_1n881_231", V = "_iconArrow_1n881_237", X = "_iconBtn_1n881_243", t = {
+  multiSelectWrapper: f,
+  loaderWrapper: h,
+  emptyStateWrapper: w,
+  loader: L,
+  rotate: W,
+  selectedOptions: y,
+  selectedText: k,
+  selectedOptionsBtn: v,
+  "small-size": "_small-size_1n881_68",
+  "medium-size": "_medium-size_1n881_75",
+  "large-size": "_large-size_1n881_82",
+  selectedOptionsOpened: x,
+  selectedOptionsNotEmpty: D,
+  selectOptionsDisabled: N,
+  optionsOuterContainer: B,
+  optionLabel: A,
+  betweenSize_small: E,
+  betweenSize_medium: R,
+  optionsList: T,
+  scroll_standard: j,
+  scroll_compact: H,
+  lastList: P,
+  listRight: U,
+  inputWrapper: $,
+  option: q,
+  category: F,
+  leftSide: G,
+  optionCategory: I,
+  isPositionLeftCheckbox: J,
+  optionDisabled: K,
+  optionClickable: M,
+  icon: Q,
+  iconArrow: V,
+  iconBtn: X,
+  "small-size_m": "_small-size_m_1n881_256",
+  "medium-size_m": "_medium-size_m_1n881_262",
+  "large-size_m": "_large-size_m_1n881_268",
+  "small-size_l": "_small-size_l_1n881_283",
+  "medium-size_l": "_medium-size_l_1n881_289",
+  "large-size_l": "_large-size_l_1n881_295"
+}, Y = g.bind(t), ne = ({
+  option: e,
+  selectedOptions: d,
+  disabledOptions: m,
+  clickableOptions: n,
+  handleOptionClick: u,
+  isOptionCategory: s,
+  isPositionLeftCheckbox: o = !1,
+  sizeIcon: c,
+  dataTestId: z,
+  isDisabledNotClickable: b,
+  addClassName: O = ""
+}) => {
+  const C = n ? n.includes(`${e.value}`) : !0, a = e.value === "selectAll", _ = d.some((i) => i.value === e.value), r = () => a ? !1 : b && n ? !n.includes(`${e.value}`) : m.some((i) => i.value === e.value);
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      className: Y(
+        t.option,
+        {
+          [t.optionDisabled]: r(),
+          [t.optionCategory]: s,
+          [t.isPositionLeftCheckbox]: o,
+          [t.optionClickable]: C || a
+        },
+        O
+      ),
+      "data-testid": z,
+      onClick: () => {
+        r() && !_ || u(e);
+      },
+      children: [
+        (s || o) && /* @__PURE__ */ l(
+          p,
+          {
+            size: c ?? "20",
+            name: _ ? "selectChecked" : "selectUncheckedHollow"
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: t.optionLabel, children: e.label }),
+        !s && !o && /* @__PURE__ */ l(
+          p,
+          {
+            size: c ?? "20",
+            name: _ ? "selectChecked" : "selectUncheckedHollow"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ne as O,
+  t as s
+};

package/dist/PinTrans-D6OZq76b.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+import { forwardRef as n } from "react";
+const l = ({
+  title: t,
+  titleId: r,
+  ...a
+}, o) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: o, "aria-labelledby": r, ...a }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M10.6667 6.66665C10.6667 8.13941 9.47284 9.33331 8.00008 9.33331C6.52732 9.33331 5.33341 8.13941 5.33341 6.66665C5.33341 5.19389 6.52732 3.99998 8.00008 3.99998C9.47284 3.99998 10.6667 5.19389 10.6667 6.66665Z", stroke: "#141416" }), /* @__PURE__ */ e.createElement("path", { d: "M13.3334 6.66665C13.3334 9.61217 9.33341 14.6666 8.00008 14.6666C6.66675 14.6666 2.66675 9.61217 2.66675 6.66665C2.66675 3.72113 5.05456 1.33331 8.00008 1.33331C10.9456 1.33331 13.3334 3.72113 13.3334 6.66665Z", stroke: "#141416" })), m = n(l);
+export {
+  m as F
+};

package/dist/Router.d.ts

@@ -0,0 +1,2 @@
+declare const AppRouter: () => import("react/jsx-runtime").JSX.Element;
+export default AppRouter;

package/dist/Router.js

@@ -0,0 +1,103 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import m from "./pages/HomePage/HomePage.js";
+import { ButtonsPage as a } from "./pages/ButtonsPage/Buttons.js";
+import r from "./pages/ModalsPage/ModalPage.js";
+import p from "./pages/TabsPage/TabsPage.js";
+import { IconsPage as s } from "./pages/IconsPage/IconsPage.js";
+import { LotsPage as n } from "./pages/LotsPage/LotsPage.js";
+import { TagsPage as l } from "./pages/TagsPage/TagsPage.js";
+import { SelectPage as i } from "./pages/SelectPage/SelectPage.js";
+import f from "./pages/FormsPage/FormsPage.js";
+import { LogoPage as g } from "./pages/LogoPage/LogoPage.js";
+import { InputPage as h } from "./pages/InputPage/InputPage.js";
+import { CheckBoxPage as P } from "./pages/CheckboxPage/CheckboxPage.js";
+import { R as c, a as t } from "./chunk-4WY6JWTD-BeveLKf_.js";
+const H = () => /* @__PURE__ */ o(c, { children: [
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/",
+      element: /* @__PURE__ */ e(m, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/buttons",
+      element: /* @__PURE__ */ e(a, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/modals",
+      element: /* @__PURE__ */ e(r, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/tabs",
+      element: /* @__PURE__ */ e(p, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/icons",
+      element: /* @__PURE__ */ e(s, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/lots",
+      element: /* @__PURE__ */ e(n, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/tags",
+      element: /* @__PURE__ */ e(l, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/select",
+      element: /* @__PURE__ */ e(i, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/forms",
+      element: /* @__PURE__ */ e(f, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/logo",
+      element: /* @__PURE__ */ e(g, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/input",
+      element: /* @__PURE__ */ e(h, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      path: "/checkbox",
+      element: /* @__PURE__ */ e(P, {})
+    }
+  )
+] });
+export {
+  H as default
+};

package/dist/SmallFilter-C-VKnbkP.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+import { forwardRef as l } from "react";
+const n = ({
+  title: t,
+  titleId: r,
+  ...o
+}, a) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": r, ...o }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M2.66667 5.33331H10.6667M10.6667 5.33331C10.6667 6.43788 11.5621 7.33331 12.6667 7.33331C13.7712 7.33331 14.6667 6.43788 14.6667 5.33331C14.6667 4.22874 13.7712 3.33331 12.6667 3.33331C11.5621 3.33331 10.6667 4.22874 10.6667 5.33331ZM6 10.6666H13.3333M6 10.6666C6 11.7712 5.10457 12.6666 4 12.6666C2.89543 12.6666 2 11.7712 2 10.6666C2 9.56208 2.89543 8.66665 4 8.66665C5.10457 8.66665 6 9.56208 6 10.6666Z", stroke: "white", strokeLinecap: "round" })), m = l(n);
+export {
+  m as F
+};