stone-kit 0.0.770 → 0.0.772

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/Modal/ui/Modal.js

@@ -1,34 +1,34 @@
-import { jsxs as $, jsx as r } from "react/jsx-runtime";
+import { jsxs as $, jsx as n } from "react/jsx-runtime";
 import { useEffect as N } from "react";
-import { createPortal as w } from "react-dom";
-const C = "_root_1k6wm_1", L = "_modalBody_1k6wm_15", b = "_modalOverlay_1k6wm_19", x = "_isTransparentBack_1k6wm_31", s = {
-  root: C,
+import { createPortal as C } from "react-dom";
+const w = "_root_1k6wm_1", L = "_modalBody_1k6wm_15", x = "_modalOverlay_1k6wm_19", T = "_isTransparentBack_1k6wm_31", s = {
+  root: w,
   modalBody: L,
-  modalOverlay: b,
-  isTransparentBack: x
+  modalOverlay: x,
+  isTransparentBack: T
 }, h = ({
-  isOpen: l,
-  emitIsOpen: t,
-  isTransparentBack: d = !1,
-  isClickOutside: n = !0,
+  isOpen: d,
+  emitIsOpen: r,
+  isTransparentBack: l = !1,
+  isClickOutside: t = !0,
   leaveDisableScroll: i = !1,
   createPortalObj: o,
   additionalClass: m,
   additionalClassOverlay: c,
   additionalClassModalBody: f,
   opacity: u = 0.7,
-  colorOverlay: a,
+  colorOverlay: e,
   notDisableScroll: y = !1,
   children: _,
   modalBodyRef: k,
   additionalStylesModalBody: v
 }) => {
   const p = () => {
-    n && t(!1);
+    t && r(!1);
   };
   N(() => {
     if (!y) {
-      if (l) {
+      if (d) {
         if (document.body.classList.contains("disable-scroll"))
           return;
         document.body.classList.add("disable-scroll");
@@ -39,25 +39,25 @@ const C = "_root_1k6wm_1", L = "_modalBody_1k6wm_15", b = "_modalOverlay_1k6wm_1
       }
       return () => document.body.classList.remove("disable-scroll");
     }
-  }, [l]);
-  const e = /* @__PURE__ */ $(
+  }, [d]);
+  const a = /* @__PURE__ */ $(
     "div",
     {
       className: `${s.root} ${m}`,
       onClick: (B) => B.stopPropagation(),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           "div",
           {
             onClick: p,
-            className: `${s.modalOverlay} ${c} ${d ? s.isTransparentBack : ""}`,
+            className: `${s.modalOverlay} ${c} ${l ? s.isTransparentBack : ""}`,
             style: {
-              opacity: d ? u : void 0,
-              backgroundColor: a || void 0
+              opacity: l ? u : void 0,
+              backgroundColor: e || void 0
             }
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           "div",
           {
             className: `${s.modalBody} ${f}`,
@@ -69,7 +69,7 @@ const C = "_root_1k6wm_1", L = "_modalBody_1k6wm_15", b = "_modalOverlay_1k6wm_1
       ]
     }
   );
-  return l ? o != null && o.domNode ? w(e, o.domNode, o.key) : e : null;
+  return d ? o != null && o.domNode && o.domNode.isConnected ? C(a, o.domNode, o.key) : a : null;
 };
 export {
   h as Modal

package/dist/main.d.ts

@@ -17,6 +17,7 @@ export { MetroTag } from './components/MetroTag';
 export { LotCard } from './components/LotCard';
 export { Select } from './components/Select';
 export { useClientWidth } from './shared/useClientWidth';
+export { deepEqual } from './shared/deepEqual.ts';
 export { SortSelect } from './components/SortSelect';
 export { SliderNavigation } from './components/SliderNavigation';
 export { LotCardSkeleton } from './components/LotCardSkeleton';

package/dist/main.js

@@ -1,58 +1,60 @@
 import { Button as e } from "./components/Button/ui/Button.js";
-import { MobileButton as m } from "./components/mobileButton/ui/MobileButton.js";
+import { MobileButton as p } from "./components/mobileButton/ui/MobileButton.js";
 import { NewIcon as x } from "./components/NewIcon/ui/NewIcon.js";
 import { DestinationTab as a } from "./components/DestinationTab/ui/DestinationTab.js";
 import { RoundButton as n } from "./components/RoundButton/ui/RoundButton.js";
 import { Tag as i } from "./components/Tag/ui/Tag.js";
 import { Switcher as d } from "./components/Switcher/ui/Switcher.js";
-import { Text as u } from "./components/Text/ui/Text.js";
+import { Text as s } from "./components/Text/ui/Text.js";
 import { Flex as M } from "./components/Flex/ui/Flex.js";
 import { Input as b } from "./components/Input/ui/Input.js";
 import { Modal as F } from "./components/Modal/ui/Modal.js";
 import { FieldInput as I } from "./components/FieldInput/ui/FieldInput.js";
 import { F as k, L as w, M as B, a as v, S as N } from "./FilterWithSave-DjgZREIK.js";
 import { GroupedInputs as j } from "./components/GroupedInput/ui/GroupedInputs.js";
-import { Logo as D } from "./components/Logo/ui/Logo.js";
-import { MetroTag as P } from "./components/MetroTag/ui/MetroTag.js";
-import { Select as Z } from "./components/Select/ui/Select.js";
-import { useClientWidth as z } from "./shared/useClientWidth.js";
-import { SliderNavigation as E } from "./components/SliderNavigation/ui/SliderNavigation.js";
-import { LotCardSkeleton as J } from "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
-import { ProjectCardSkeleton as O } from "./components/ProjectCardSkeleton/ui/ProjectCardSkeleton.js";
-import { TabSelect as U } from "./components/TabSelect/ui/TabSelect.js";
-import { ZoomControls as X } from "./components/ZoomControls/ui/ZoomControls.js";
-import { ModalSuccess as _ } from "./components/ModalSuccess/ModalSuccess.js";
-import { SummarySelect as oo } from "./components/SummarySelect/ui/SummarySelect.js";
-import { CheckboxSelect as eo } from "./components/CheckboxSelect/ui/CheckboxSelect.js";
+import { Logo as y } from "./components/Logo/ui/Logo.js";
+import { MetroTag as E } from "./components/MetroTag/ui/MetroTag.js";
+import { Select as P } from "./components/Select/ui/Select.js";
+import { useClientWidth as Z } from "./shared/useClientWidth.js";
+import { deepEqual as A } from "./shared/deepEqual.js";
+import { SliderNavigation as J } from "./components/SliderNavigation/ui/SliderNavigation.js";
+import { LotCardSkeleton as O } from "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
+import { ProjectCardSkeleton as U } from "./components/ProjectCardSkeleton/ui/ProjectCardSkeleton.js";
+import { TabSelect as X } from "./components/TabSelect/ui/TabSelect.js";
+import { ZoomControls as _ } from "./components/ZoomControls/ui/ZoomControls.js";
+import { ModalSuccess as oo } from "./components/ModalSuccess/ModalSuccess.js";
+import { SummarySelect as eo } from "./components/SummarySelect/ui/SummarySelect.js";
+import { CheckboxSelect as po } from "./components/CheckboxSelect/ui/CheckboxSelect.js";
 export {
   e as Button,
-  eo as CheckboxSelect,
+  po as CheckboxSelect,
   a as DestinationTab,
   I as FieldInput,
   k as FilterWithSave,
   M as Flex,
   j as GroupedInputs,
   b as Input,
-  D as Logo,
+  y as Logo,
   w as LotCard,
-  J as LotCardSkeleton,
-  P as MetroTag,
-  m as MobileButton,
+  O as LotCardSkeleton,
+  E as MetroTag,
+  p as MobileButton,
   F as Modal,
   B as ModalForm,
-  _ as ModalSuccess,
+  oo as ModalSuccess,
   x as NewIcon,
-  O as ProjectCardSkeleton,
+  U as ProjectCardSkeleton,
   n as RoundButton,
-  Z as Select,
-  E as SliderNavigation,
+  P as Select,
+  J as SliderNavigation,
   v as SortSelect,
-  oo as SummarySelect,
+  eo as SummarySelect,
   d as Switcher,
-  U as TabSelect,
+  X as TabSelect,
   N as TabSwitcher,
   i as Tag,
-  u as Text,
-  X as ZoomControls,
-  z as useClientWidth
+  s as Text,
+  _ as ZoomControls,
+  A as deepEqual,
+  Z as useClientWidth
 };

package/package.json

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