@cronocode/react-box 1.0.2 → 1.0.5

package/components/baseSvg.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ColorType, Hovered } from '../types';
+import ClassNameUtils from '../utils/className/classNameUtils';
+interface SvgNormalStyles {
+    fill?: ColorType | string;
+    stroke?: ColorType | string;
+    rotate?: 0 | 90 | 180 | 270;
+    flip?: 'xAxis' | 'yAxis';
+}
+export declare type SvgStyles = SvgNormalStyles & Hovered<SvgNormalStyles>;
+declare type AllSvgProps = React.SVGProps<SVGElement>;
+declare type SvgPropsType = Omit<AllSvgProps, 'className' | 'style' | 'width' | 'height'>;
+declare type SvgStyleType = Omit<React.CSSProperties, 'width' | 'height'>;
+interface Props extends SvgStyles {
+    children?: React.ReactNode | ((props: {
+        isHover: boolean;
+    }) => React.ReactNode);
+    props?: SvgPropsType;
+    style?: SvgStyleType;
+    className?: ClassNameUtils.ClassNameType;
+    viewBox?: string;
+    width?: string;
+    height?: string;
+}
+export default function BaseSvg(props: Props): React.ReactSVGElement;
+export {};

package/components/baseSvg.js

@@ -0,0 +1,22 @@
+import g, { useState as w } from "react";
+import { C as v } from "../utils/utils.js";
+const s = { base: "cLz", fillnone: "cLA", fillHnone: "cLB", hovertrue: "d", filltransparent: "cLC", fillHtransparent: "cLD", fillblack: "cLE", fillHblack: "cLF", fillwhite: "cLG", fillHwhite: "cLH", fillblue: "cLI", fillHblue: "cLJ", fillred: "cLK", fillHred: "cLL", fillpurple: "cLM", fillHpurple: "cLN", fillyellow: "cLO", fillHyellow: "cLP", fillpink: "cLQ", fillHpink: "cLR", fillgreen: "cLS", fillHgreen: "cLT", fillorange: "cLU", fillHorange: "cLV", fillnavy: "cLW", fillHnavy: "cLX", fillteal: "cLY", fillHteal: "cLZ", fillviolet: "cL0", fillHviolet: "cL1", fillgray: "cL2", fillHgray: "cL3", fillbrown: "cL4", fillHbrown: "cL5", strokenone: "cL6", strokeHnone: "cL7", stroketransparent: "cL8", strokeHtransparent: "cL9", strokeblack: "cMa", strokeHblack: "cMb", strokewhite: "cMc", strokeHwhite: "cMd", strokeblue: "cMe", strokeHblue: "cMf", strokered: "cMg", strokeHred: "cMh", strokepurple: "cMi", strokeHpurple: "cMj", strokeyellow: "cMk", strokeHyellow: "cMl", strokepink: "cMm", strokeHpink: "cMn", strokegreen: "cMo", strokeHgreen: "cMp", strokeorange: "cMq", strokeHorange: "cMr", strokenavy: "cMs", strokeHnavy: "cMt", stroketeal: "cMu", strokeHteal: "cMv", strokeviolet: "cMw", strokeHviolet: "cMx", strokegray: "cMy", strokeHgray: "cMz", strokebrown: "cMA", strokeHbrown: "cMB", rotate0: "cMC", rotateH0: "cMD", rotate90: "cME", rotateH90: "cMF", rotate180: "cMG", rotateH180: "cMH", rotate270: "cMI", rotateH270: "cMJ", flipxAxis: "cMK", flipHxAxis: "cML", flipyAxis: "cMM", flipHyAxis: "cMN" }, b = ["fill", "fillH", "stroke", "strokeH"];
+function m(o) {
+  const { children: e, props: H, className: r, style: M, viewBox: k, width: L, height: p } = o, l = r ? v.classNames(r, s.base) : [s.base];
+  Object.entries(o).forEach(([c, n]) => {
+    const f = s[c + n];
+    f ? l.push(f) : b.includes(c) && l.push(`${c}${n}`);
+  });
+  const t = {
+    ...H,
+    style: { ...M, width: L, height: p },
+    className: l.join(" "),
+    viewBox: k || "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none"
+  }, [u, i] = w(!1), a = typeof e == "function";
+  return a && (t.onMouseEnter = () => i(!0), t.onMouseLeave = () => i(!1)), g.createElement("svg", t, a ? e({ isHover: u }) : e);
+}
+export {
+  m as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.0.2",
+  "version": "1.0.5",
   "main": "./box.js",
   "module": "./box.js",
   "types": "./box.d.ts",