@cronocode/react-box 1.2.0 → 1.2.2

package/box.mjs

@@ -1,13 +1,13 @@
 import N, { forwardRef as v, useState as b } from "react";
 import { c as a } from "./box.module.css.mjs";
-import { C as g, t as u } from "./utils/utils.mjs";
+import { C as g, a as u } from "./utils/utils.mjs";
 function C(n, r) {
-  const { tag: d, children: e, props: h, className: c, style: l } = n, t = c ? g.classNames(a.box, c) : [a.box];
-  Object.entries(n).forEach(([o, m]) => {
-    const p = a[o + m];
-    p ? t.push(p) : o in u && t.push(`${u[o]}${m}`);
+  const { tag: d, children: e, props: h, className: c, style: l } = n, o = c ? g.classNames(a.box, c) : [a.box];
+  Object.entries(n).forEach(([t, m]) => {
+    const p = a[t + m];
+    p ? o.push(p) : t in u && o.push(`${u[t]}${m}`);
   });
-  const s = { ...h, className: t.join(" ") };
+  const s = { ...h, className: o.join(" ") };
   l && (s.style = l), r && (s.ref = r);
   const [x, f] = b(!1), i = typeof e == "function";
   return i && (s.onMouseEnter = () => f(!0), s.onMouseLeave = () => f(!1)), N.createElement(d || "div", s, i ? e({ isHover: x }) : e);

package/components/baseSvg.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ColorType, Hovered } from '../types';
+import { Activated, ColorType, Focused, Hovered } from '../types';
 import ClassNameUtils from '../utils/className/classNameUtils';
 interface SvgNormalStyles {
     fill?: ColorType | string;
@@ -7,7 +7,7 @@ interface SvgNormalStyles {
     rotate?: 0 | 90 | 180 | 270;
     flip?: 'xAxis' | 'yAxis';
 }
-export type SvgStyles = SvgNormalStyles & Hovered<SvgNormalStyles>;
+export type SvgStyles = SvgNormalStyles & Hovered<SvgNormalStyles> & Focused<SvgNormalStyles> & Activated<SvgNormalStyles>;
 type AllSvgProps = React.SVGProps<SVGElement>;
 type SvgPropsType = Omit<AllSvgProps, 'className' | 'style' | 'width' | 'height'>;
 type SvgStyleType = Omit<React.CSSProperties, 'width' | 'height'>;

package/components/baseSvg.mjs

@@ -1,21 +1,21 @@
-import x, { useState as v } from "react";
-import { C as d } from "../utils/utils.mjs";
-const a = { base: "cGH", rotate0: "cGI", rotateH0: "cGJ", hovertrue: "_h", rotate90: "cGK", rotateH90: "cGL", rotate180: "cGM", rotateH180: "cGN", rotate270: "cGO", rotateH270: "cGP", flipxAxis: "cGQ", flipHxAxis: "cGR", flipyAxis: "cGS", flipHyAxis: "cGT" }, g = ["fill", "fillH", "stroke", "strokeH"];
+import H, { useState as g } from "react";
+import { C as w, t as p } from "../utils/utils.mjs";
+const a = { base: "cGH", rotate0: "cGI", rotateH0: "cGJ", hovertrue: "_h", rotate90: "cGK", rotateH90: "cGL", rotate180: "cGM", rotateH180: "cGN", rotate270: "cGO", rotateH270: "cGP", flipxAxis: "cGQ", flipHxAxis: "cGR", flipyAxis: "cGS", flipHyAxis: "cGT" };
 function A(c) {
-  const { children: s, props: m, className: r, style: p, viewBox: G, width: u, height: H } = c, e = r ? d.classNames(r, a.base) : [a.base];
-  Object.entries(c).forEach(([o, n]) => {
-    const f = a[o + n];
-    f ? e.push(f) : g.includes(o) && e.push(`${o}${n}`);
+  const { children: s, props: G, className: r, style: m, viewBox: h, width: u, height: v } = c, e = r ? w.classNames(r, a.base) : [a.base];
+  Object.entries(c).forEach(([o, l]) => {
+    const f = a[o + l];
+    f ? e.push(f) : o in p && e.push(`${p[o]}${l}`);
   });
   const t = {
-    ...m,
-    style: { ...p, width: u, height: H },
+    ...G,
+    style: { ...m, width: u, height: v },
     className: e.join(" "),
-    viewBox: G || "0 0 24 24",
+    viewBox: h || "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none"
-  }, [h, i] = v(!1), l = typeof s == "function";
-  return l && (t.onMouseEnter = () => i(!0), t.onMouseLeave = () => i(!1)), x.createElement("svg", t, l ? s({ isHover: h }) : s);
+  }, [x, i] = g(!1), n = typeof s == "function";
+  return n && (t.onMouseEnter = () => i(!0), t.onMouseLeave = () => i(!1)), H.createElement("svg", t, n ? s({ isHover: x }) : s);
 }
 export {
   A as default

package/package.json

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