@cronocode/react-box 1.3.7 → 1.3.8

package/box.mjs

@@ -1,20 +1,20 @@
-import T, { forwardRef as j, useMemo as C, useState as N } from "react";
+import H, { forwardRef as T, useMemo as j, useState as N } from "react";
 import { c as m } from "./box.module.css.mjs";
 import { C as y, a as p } from "./utils/utils.mjs";
 import { useTheme as B } from "./theme.mjs";
 function P(t, e) {
-  const { tag: s, children: o, props: n, className: c, style: l } = t, h = B(t), x = C(() => {
-    const a = c ? y.classNames(m.box, c) : [m.box], H = { ...u(h), ...u(t) };
-    return Object.entries(H).forEach(([i, b]) => {
+  const { tag: o, children: s, props: n, className: l, style: c } = t, h = B(t), x = j(() => {
+    const a = l ? y.classNames(m.box, l) : [m.box], C = { ...u(h), ...u(t) };
+    return Object.entries(C).forEach(([i, b]) => {
       const g = m[i + b];
       g ? a.push(g) : i in p && a.push(`${p[i]}${b}`);
     }), a.join(" ");
   }, [t]), r = { ...n, className: x };
-  l && (r.style = l), e && (r.ref = e);
-  const [$, d] = N(!1), f = typeof o == "function";
-  return f && (r.onMouseEnter = () => d(!0), r.onMouseLeave = () => d(!1)), T.createElement(s || "div", r, f ? o({ isHover: $ }) : o);
+  c && (r.style = c), e && (r.ref = e);
+  const [$, d] = N(!1), f = typeof s == "function";
+  return f && (r.onMouseEnter = () => d(!0), r.onMouseLeave = () => d(!1)), H.createElement(o || "div", r, f ? s({ isHover: $ }) : s);
 }
-const z = j(P), R = {
+const z = T(P), R = {
   m: "margin",
   mx: "marginHorizontal",
   my: "marginVertical",
@@ -40,13 +40,14 @@ const z = j(P), R = {
   jc: "justifyContent",
   ai: "alignItems",
   ac: "alignContent",
-  d: "flexDirection"
-}, v = Object.entries(R).reduce((t, [e, s]) => (t[e] = s, t[`${e}H`] = `${s}H`, t[`${e}F`] = `${s}F`, t[`${e}A`] = `${s}A`, t), {});
+  d: "flexDirection",
+  bgColor: "backgroundColor"
+}, v = Object.entries(R).reduce((t, [e, o]) => (t[e] = o, t[`${e}H`] = `${o}H`, t[`${e}F`] = `${o}F`, t[`${e}A`] = `${o}A`, t), {});
 function u(t) {
   const e = { ...t };
-  return Object.keys(e).forEach((o) => {
-    const n = v[o];
-    n && (n in e || (e[n] = e[o]), delete e[o]);
+  return Object.keys(e).forEach((s) => {
+    const n = v[s];
+    n && (n in e || (e[n] = e[s]), delete e[s]);
   }), e;
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.3.7",
+  "version": "1.3.8",
   "main": "./box.mjs",
   "module": "./box.mjs",
   "types": "./box.d.ts",

package/types.d.ts

@@ -161,7 +161,6 @@ interface BoxBackground {
     bg?: BackgroundType | string;
 }
 interface BoxColors {
-    color?: ColorType | string;
     backgroundColor?: ColorType | string;
     bgColor?: ColorType | string;
     borderColor?: ColorType | string;
@@ -226,6 +225,6 @@ interface BoxPointerEvents {
 }
 type BoxNormalStyles = BoxPseudoClasses & BoxDisplay & BoxSizing & BoxPosition & BoxSize & BoxMargin & BoxPadding & BoxBorder & BoxShadow & BoxBackground & BoxColors & BoxCursor & BoxZIndex & BoxOverflow & BoxOpacity & BoxFont & BoxText & BoxFlex & BoxOutline & BoxTransition & BoxUserSelect & BoxAppearance & BoxPointerEvents;
 export type BoxStyles = BoxNormalStyles & Hovered<BoxNormalStyles> & Focused<BoxNormalStyles> & Activated<BoxNormalStyles>;
-export declare const themeClasses: Partial<Record<keyof BoxStyles, string>>;
+export declare const themeClasses: Partial<Record<string, string>>;
 export declare const themeSvgClasses: Partial<Record<keyof SvgStyles, string>>;
 export {};