stone-kit 0.0.412 → 0.0.413

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 interface Props {
-    text: string;
+    text?: string;
     error: boolean;
     isChecked?: boolean;
+    children?: React.ReactNode;
 }
 export type Ref = HTMLInputElement;
 export declare const CheckBox: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/CheckBox/CheckBox.js

@@ -1,22 +1,23 @@
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import { Input as b } from "../Input/ui/Input.js";
-import { c as h } from "../../index-rKuIKazb.js";
-import { forwardRef as m } from "react";
-import { NewIcon as x } from "../NewIcon/ui/NewIcon.js";
-const _ = "_checkboxLabel_19nrs_1", i = "_labelText_19nrs_37", k = "_error_19nrs_45", d = "_checkIcon_19nrs_53", e = {
-  checkboxLabel: _,
-  labelText: i,
-  error: k,
-  checkIcon: d
-}, r = h.bind(e), N = m(({
-  text: s,
-  isChecked: t,
-  error: o,
-  ...n
-}, l) => /* @__PURE__ */ a("label", { className: r(e.checkboxLabel, { [e.error]: o }), children: [
-  /* @__PURE__ */ c(b, { type: "checkbox", ...n, ref: l }),
-  t && /* @__PURE__ */ c(
-    x,
+import { jsxs as b, jsx as c } from "react/jsx-runtime";
+import { Input as h } from "../Input/ui/Input.js";
+import { c as m } from "../../index-rKuIKazb.js";
+import { forwardRef as i } from "react";
+import { NewIcon as _ } from "../NewIcon/ui/NewIcon.js";
+const x = "_checkboxLabel_19nrs_1", k = "_labelText_19nrs_37", d = "_error_19nrs_45", p = "_checkIcon_19nrs_53", e = {
+  checkboxLabel: x,
+  labelText: k,
+  error: d,
+  checkIcon: p
+}, s = m.bind(e), u = i(({
+  text: o,
+  isChecked: n,
+  error: r,
+  children: t,
+  ...l
+}, a) => /* @__PURE__ */ b("label", { className: s(e.checkboxLabel, { [e.error]: r }), children: [
+  /* @__PURE__ */ c(h, { type: "checkbox", ...l, ref: a }),
+  n && /* @__PURE__ */ c(
+    _,
     {
       additionalClass: e.checkIcon,
       color: "white",
@@ -28,11 +29,12 @@ const _ = "_checkboxLabel_19nrs_1", i = "_labelText_19nrs_37", k = "_error_19nrs
   /* @__PURE__ */ c(
     "div",
     {
-      className: r(e.labelText, { [e.error]: o }),
-      dangerouslySetInnerHTML: { __html: s }
+      className: s(e.labelText, { [e.error]: r }),
+      dangerouslySetInnerHTML: o ? { __html: o } : void 0,
+      children: t
     }
   )
 ] }));
 export {
-  N as CheckBox
+  u as CheckBox
 };

package/dist/components/FormModal/ui/ModalForm.d.ts

@@ -30,5 +30,5 @@ type IFormPageInputs = {
     advCheckBox?: boolean;
     textarea?: string;
 };
-export declare const ModalForm: ({ isFormOpen, setIsFormOpen, title, isEmail, isPhone, isTextArea, isRequiredPhone, isRequiredEmail, isRequiredPhoneOrEmail, textAreaPlaceholder, subTitle, submitHandler, modalWidth, rowsTextArea, personalCheckBox, advCheckBox, }: IModalFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ModalForm: ({ isFormOpen, setIsFormOpen, title, isEmail, isPhone, isTextArea, isRequiredPhone, isRequiredEmail, isRequiredPhoneOrEmail, textAreaPlaceholder, subTitle, submitHandler, modalWidth, rowsTextArea, advCheckBox, }: IModalFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};