stone-kit 0.0.419 → 0.0.421

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.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { ComponentProps } from './Button.types';
 
-export declare const Button: ({ size, size_m, size_l, pre, children, post, variant, width, additionalClass, isLoading, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ size, size_m, size_l, onCLick, pre, children, post, variant, width, additionalClass, isLoading, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,27 +1,27 @@
-import { jsx as e, jsxs as c, Fragment as o } from "react/jsx-runtime";
-import { c as k } from "../../../index-rKuIKazb.js";
-import { NewIcon as y } from "../../NewIcon/ui/NewIcon.js";
-const w = "_btnCommon_acr66_1", f = "_btnLoading_acr66_20", C = "_isHidden_acr66_24", N = "_blue_acr66_68", H = "_sokolniki_acr66_82", L = "_black_acr66_96", S = "_gray_acr66_110", p = "_whiteStroke_acr66_124", $ = "_whiteFilled_acr66_136", x = "_shade_acr66_150", F = "_transparent_acr66_156", v = "_volodiyaLight_acr66_177", j = "_loader_acr66_183", B = "_LoaderSpin_acr66_1", _ = {
-  btnCommon: w,
-  btnLoading: f,
-  isHidden: C,
+import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
+import { c as y } from "../../../index-rKuIKazb.js";
+import { NewIcon as w } from "../../NewIcon/ui/NewIcon.js";
+const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66_24", H = "_blue_acr66_68", S = "_sokolniki_acr66_82", p = "_black_acr66_96", L = "_gray_acr66_110", $ = "_whiteStroke_acr66_124", x = "_whiteFilled_acr66_136", F = "_shade_acr66_150", v = "_transparent_acr66_156", j = "_volodiyaLight_acr66_177", B = "_loader_acr66_183", I = "_LoaderSpin_acr66_1", _ = {
+  btnCommon: f,
+  btnLoading: C,
+  isHidden: N,
   "auto-width": "_auto-width_acr66_28",
   "full-width": "_full-width_acr66_32",
   "tiny-size": "_tiny-size_acr66_36",
   "small-size": "_small-size_acr66_44",
   "medium-size": "_medium-size_acr66_52",
   "large-size": "_large-size_acr66_60",
-  blue: N,
-  sokolniki: H,
-  black: L,
-  gray: S,
-  whiteStroke: p,
-  whiteFilled: $,
-  shade: x,
-  transparent: F,
-  volodiyaLight: v,
-  loader: j,
-  LoaderSpin: B,
+  blue: H,
+  sokolniki: S,
+  black: p,
+  gray: L,
+  whiteStroke: $,
+  whiteFilled: x,
+  shade: F,
+  transparent: v,
+  volodiyaLight: j,
+  loader: B,
+  LoaderSpin: I,
   "tiny-size_m": "_tiny-size_m_acr66_189",
   "small-size_m": "_small-size_m_acr66_196",
   "medium-size_m": "_medium-size_m_acr66_203",
@@ -30,32 +30,33 @@ const w = "_btnCommon_acr66_1", f = "_btnLoading_acr66_20", C = "_isHidden_acr66
   "small-size_l": "_small-size_l_acr66_226",
   "medium-size_l": "_medium-size_l_acr66_233",
   "large-size_l": "_large-size_l_acr66_240"
-}, i = k.bind(_), D = ({
-  size: m = "medium",
-  size_m: d,
-  size_l: z,
+}, i = y.bind(_), E = ({
+  size: d = "medium",
+  size_m: z,
+  size_l: h,
+  onCLick: r,
   pre: s = !1,
-  children: h = "",
+  children: u = "",
   post: n = !1,
-  variant: u = "blue",
-  width: b = "auto",
+  variant: b = "blue",
+  width: k = "auto",
   additionalClass: g = "",
   isLoading: a = !1,
   ...l
 }) => {
-  const r = i(
+  const t = i(
     _.btnCommon,
-    _[`${m}-size`],
-    _[`${d}-size_m`],
-    _[`${z}-size_l`],
-    _[`${u}`],
+    _[`${d}-size`],
+    _[`${z}-size_m`],
+    _[`${h}-size_l`],
+    _[`${b}`],
     { [_.btnLoading]: a },
     { [_.btnCommonInline]: s || n },
-    _[`${b}-width`],
+    _[`${k}-width`],
     g
-  ), t = () => /* @__PURE__ */ c(o, { children: [
+  ), c = () => /* @__PURE__ */ o(m, { children: [
     a && /* @__PURE__ */ e(
-      y,
+      w,
       {
         name: "loader",
         size: "24",
@@ -63,28 +64,30 @@ const w = "_btnCommon_acr66_1", f = "_btnLoading_acr66_20", C = "_isHidden_acr66
         additionalClass: _.loader
       }
     ),
-    /* @__PURE__ */ c(o, { children: [
+    /* @__PURE__ */ o(m, { children: [
       s && /* @__PURE__ */ e("span", { className: i({ [_.isHidden]: a }), children: s }),
-      /* @__PURE__ */ e("span", { className: i({ [_.isHidden]: a }), children: h }),
+      /* @__PURE__ */ e("span", { className: i({ [_.isHidden]: a }), children: u }),
       n && /* @__PURE__ */ e("span", { className: i({ [_.isHidden]: a }), children: n })
     ] })
   ] });
   return l.as === "link" ? /* @__PURE__ */ e(
     "a",
     {
-      className: r,
+      className: t,
+      onClick: r,
       ...l,
-      children: t()
+      children: c()
     }
   ) : /* @__PURE__ */ e(
     "button",
     {
-      className: r,
+      className: t,
+      onClick: r,
       ...l,
-      children: t()
+      children: c()
     }
   );
 };
 export {
-  D as Button
+  E as Button
 };

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

@@ -26,6 +26,7 @@ interface ButtonProps {
     additionalClass?: string;
     isLoading?: boolean;
     as: 'button' | 'link';
+    onCLick?: () => {};
 }
 export type ComponentProps = ButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {
     as: 'button';

package/package.json

@@ -2,7 +2,7 @@
   "name": "stone-kit",
   "description": "uikit for redesign",
   "private": false,
-  "version": "0.0.419",
+  "version": "0.0.421",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",