stone-kit 0.0.93 → 0.0.103

package/README.md

@@ -1,59 +1,59 @@
-# 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

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

@@ -1,17 +1,17 @@
-import { jsx as e, jsxs as o, Fragment as z } from "react/jsx-runtime";
+import { jsx as e, jsxs as c, Fragment as z } from "react/jsx-runtime";
 import { c as g } from "../../../index-DIxK0V-G.js";
 import { NewIcon as k } from "../../NewIcon/ui/NewIcon.js";
-const y = "_btnCommon_1cazw_1", f = "_btnLoading_1cazw_19", N = "_isHidden_1cazw_23", C = "_blue_1cazw_67", H = "_sokolniki_1cazw_81", L = "_black_1cazw_95", S = "_gray_1cazw_109", $ = "_whiteStroke_1cazw_123", x = "_whiteFilled_1cazw_135", F = "_shade_1cazw_149", v = "_volodiyaLight_1cazw_163", j = "_loader_1cazw_169", p = "_LoaderSpin_1cazw_1", _ = {
+const y = "_btnCommon_1cazw_1", f = "_btnLoading_1cazw_19", C = "_isHidden_1cazw_23", N = "_blue_1cazw_67", H = "_sokolniki_1cazw_81", L = "_black_1cazw_95", S = "_gray_1cazw_109", $ = "_whiteStroke_1cazw_123", x = "_whiteFilled_1cazw_135", F = "_shade_1cazw_149", v = "_volodiyaLight_1cazw_163", j = "_loader_1cazw_169", p = "_LoaderSpin_1cazw_1", _ = {
   btnCommon: y,
   btnLoading: f,
-  isHidden: N,
+  isHidden: C,
   "auto-width": "_auto-width_1cazw_27",
   "full-width": "_full-width_1cazw_31",
   "tiny-size": "_tiny-size_1cazw_35",
   "small-size": "_small-size_1cazw_43",
   "medium-size": "_medium-size_1cazw_51",
   "large-size": "_large-size_1cazw_59",
-  blue: C,
+  blue: N,
   sokolniki: H,
   black: L,
   gray: S,
@@ -32,9 +32,9 @@ const y = "_btnCommon_1cazw_1", f = "_btnLoading_1cazw_19", N = "_isHidden_1cazw
 }, a = g.bind(_), A = ({
   size: m = "medium",
   size_m: d,
-  size_l: w,
+  size_l: r,
   pre: s = !1,
-  children: r = "",
+  children: w = "",
   post: l = !1,
   variant: h = "blue",
   width: u = "auto",
@@ -46,25 +46,25 @@ const y = "_btnCommon_1cazw_1", f = "_btnLoading_1cazw_19", N = "_isHidden_1cazw
     _.btnCommon,
     _[`${m}-size`],
     _[`${d}-size_m`],
-    _[`${w}-size_l`],
+    _[`${r}-size_l`],
     _[`${h}`],
     { [_.btnLoading]: i },
     { [_.btnCommonInline]: s || l },
     _[`${u}-width`],
     b
-  ), c = () => /* @__PURE__ */ o(z, { children: [
+  ), o = () => /* @__PURE__ */ c(z, { children: [
     i && /* @__PURE__ */ e(
       k,
       {
         name: "loader",
         size: "24",
-        color: "#fff",
+        color: "currentColor",
         additionalClass: _.loader
       }
     ),
-    /* @__PURE__ */ o(z, { children: [
+    /* @__PURE__ */ c(z, { children: [
       s && /* @__PURE__ */ e("span", { className: a({ [_.isHidden]: i }), children: s }),
-      /* @__PURE__ */ e("span", { className: a({ [_.isHidden]: i }), children: r }),
+      /* @__PURE__ */ e("span", { className: a({ [_.isHidden]: i }), children: w }),
       l && /* @__PURE__ */ e("span", { className: a({ [_.isHidden]: i }), children: l })
     ] })
   ] });
@@ -73,14 +73,14 @@ const y = "_btnCommon_1cazw_1", f = "_btnLoading_1cazw_19", N = "_isHidden_1cazw
     {
       className: t,
       ...n,
-      children: c()
+      children: o()
     }
   ) : /* @__PURE__ */ e(
     "button",
     {
       className: t,
       ...n,
-      children: c()
+      children: o()
     }
   );
 };

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

@@ -0,0 +1,3 @@
+import { IMetroLabelProps } from './MetroLabel.types.ts';
+
+export declare const MetroLabel: ({ addClassName, metro, width, justifyContent, colorIcon, ...rest }: IMetroLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/MetroLabel/ui/MetroLabel.js

@@ -0,0 +1,44 @@
+import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import { c as _ } from "../../../index-DIxK0V-G.js";
+import { NewIcon as m } from "../../NewIcon/ui/NewIcon.js";
+const f = "_root_1ml5t_1", d = "_metroColor_1ml5t_15", N = "_route_1ml5t_25", p = "_auto_1ml5t_35", x = "_full_1ml5t_39", l = {
+  root: f,
+  metroColor: d,
+  route: N,
+  auto: p,
+  full: x
+}, C = _.bind(l), v = ({ addClassName: r, metro: o, width: n = "full", justifyContent: a = "flex-start", colorIcon: e = "#777E90", ...u }) => (console.log(o), /* @__PURE__ */ s(
+  "div",
+  {
+    style: { justifyContent: `${a}` },
+    className: C(l.root, r, l[n]),
+    ...u,
+    children: [
+      /* @__PURE__ */ s("div", { className: l.metroColor, children: [
+        (o == null ? void 0 : o.color) && /* @__PURE__ */ c("span", { style: { background: (o == null ? void 0 : o.color) ?? "" } }),
+        o.name
+      ] }),
+      o.routes && o.routes.map((t, i) => /* @__PURE__ */ s(
+        "div",
+        {
+          className: l.route,
+          children: [
+            t.iconName && /* @__PURE__ */ c(
+              m,
+              {
+                size: "20",
+                name: t.iconName,
+                color: e
+              }
+            ),
+            t.timeTo + " мин"
+          ]
+        },
+        i
+      ))
+    ]
+  }
+));
+export {
+  v as MetroLabel
+};

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+type TagWidth = 'full' | 'auto';
+type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+export interface IMetroLabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    metro: {
+        name?: string;
+        color?: string;
+        routes?: {
+            timeTo?: string;
+            iconName?: string;
+        }[];
+    };
+    justifyContent?: JustifyContent;
+    colorIcon?: string;
+    addClassName?: string;
+    width?: TagWidth;
+}
+export {};

package/dist/components/MetroLabel/ui/MetroLabel.types.js

@@ -0,0 +1 @@
+

package/dist/components/MetroTag/ui/MetroTag.js

@@ -1,31 +1,31 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { c as d } from "../../../index-DIxK0V-G.js";
-import { NewIcon as u } from "../../NewIcon/ui/NewIcon.js";
-const _ = "_root_129gd_1", g = "_metroColor_129gd_15", N = "_route_129gd_25", s = {
-  root: _,
-  metroColor: g,
-  route: N,
-  "auto-width": "_auto-width_129gd_35",
-  "full-width": "_full-width_129gd_39"
-}, h = d.bind(s), m = ({ addClassName: n, metro: o, width: t = "auto", ...a }) => {
-  const i = ["car", "walk"];
-  return console.log(o), /* @__PURE__ */ r(
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { c as u } from "../../../index-DIxK0V-G.js";
+import { NewIcon as _ } from "../../NewIcon/ui/NewIcon.js";
+const x = "_root_1x0xv_1", d = "_metroColor_1x0xv_15", v = "_route_1x0xv_25", N = "_auto_1x0xv_35", p = "_full_1x0xv_39", s = {
+  root: x,
+  metroColor: d,
+  route: v,
+  auto: N,
+  full: p
+}, f = u.bind(s), g = ({ addClassName: r, metro: o, width: a = "auto", ...t }) => {
+  const e = ["car", "walk"];
+  return console.log(o), /* @__PURE__ */ l(
     "div",
     {
-      className: h(s.root, n, s[t]),
-      ...a,
+      className: f(s.root, r, s[a]),
+      ...t,
       children: [
-        /* @__PURE__ */ r("div", { className: s.metroColor, children: [
-          (o == null ? void 0 : o.color) && /* @__PURE__ */ l("span", { style: { background: (o == null ? void 0 : o.color) ?? "" } }),
+        /* @__PURE__ */ l("div", { className: s.metroColor, children: [
+          (o == null ? void 0 : o.color) && /* @__PURE__ */ n("span", { style: { background: (o == null ? void 0 : o.color) ?? "" } }),
           o.name
         ] }),
-        o.routes && o.routes.map((c, e) => /* @__PURE__ */ r(
+        o.routes && o.routes.map((c, i) => /* @__PURE__ */ l(
           "div",
           {
             className: s.route,
             children: [
-              c.iconName && i.includes(c.iconName) && /* @__PURE__ */ l(
-                u,
+              c.iconName && e.includes(c.iconName) && /* @__PURE__ */ n(
+                _,
                 {
                   size: "20",
                   name: c.iconName,
@@ -35,12 +35,12 @@ const _ = "_root_129gd_1", g = "_metroColor_129gd_15", N = "_route_129gd_25", s
               c.timeTo + " мин"
             ]
           },
-          e
+          i
         ))
       ]
     }
   );
 };
 export {
-  m as MetroTag
+  g as MetroTag
 };