@cronocode/react-box 1.1.6 → 1.1.9

package/components/baseSvg.d.ts

@@ -7,10 +7,10 @@ interface SvgNormalStyles {
     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'>;
+export type SvgStyles = SvgNormalStyles & Hovered<SvgNormalStyles>;
+type AllSvgProps = React.SVGProps<SVGElement>;
+type SvgPropsType = Omit<AllSvgProps, 'className' | 'style' | 'width' | 'height'>;
+type SvgStyleType = Omit<React.CSSProperties, 'width' | 'height'>;
 interface Props extends SvgStyles {
     children?: React.ReactNode | ((props: {
         isHover: boolean;

package/components/baseSvg.mjs

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

package/components/buttonCore.d.ts

@@ -1,8 +1,8 @@
 import Box from '../box';
-declare type BoxProps = Omit<React.ComponentProps<typeof Box<'button'>>, 'ref' | 'tag'>;
-declare type BoxTagProps = Required<BoxProps>['props'];
-declare type ButtonTagProps = Omit<BoxTagProps, 'type' | 'onClick' | 'disabled'>;
-declare type ButtonType = Required<React.ComponentProps<'button'>>['type'];
+type BoxProps = Omit<React.ComponentProps<typeof Box<'button'>>, 'ref' | 'tag'>;
+type BoxTagProps = Required<BoxProps>['props'];
+type ButtonTagProps = Omit<BoxTagProps, 'type' | 'onClick' | 'disabled'>;
+type ButtonType = Required<React.ComponentProps<'button'>>['type'];
 interface Props extends Omit<BoxProps, 'props'> {
     props?: ButtonTagProps;
     type?: ButtonType;

package/components/checkboxCore.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import Box from '../box';
-declare type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
-declare type BoxTagProps = Required<BoxProps>['props'];
-declare type CheckboxCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'value' | 'autoFocus' | 'readOnly' | 'required' | 'checked' | 'defaultChecked'>;
+type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
+type BoxTagProps = Required<BoxProps>['props'];
+type CheckboxCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'value' | 'autoFocus' | 'readOnly' | 'required' | 'checked' | 'defaultChecked'>;
 interface Props extends Omit<BoxProps, 'props'> {
     name?: string;
     props?: CheckboxCoreTagProps;

package/components/flex.d.ts

@@ -1,6 +1,6 @@
 import Box from '../box';
 import { Activated, Focused, Hovered } from '../types';
-declare type BoxProps = React.ComponentProps<typeof Box>;
+type BoxProps = React.ComponentProps<typeof Box>;
 interface FlexStylesShortCuts {
     wrap?: BoxProps['flexWrap'];
     jc?: BoxProps['justifyContent'];
@@ -12,6 +12,6 @@ interface FlexStylesShortCuts {
     as?: BoxProps['alignSelf'];
     js?: BoxProps['justifySelf'];
 }
-declare type Props = BoxProps & FlexStylesShortCuts & Hovered<FlexStylesShortCuts> & Focused<FlexStylesShortCuts> & Activated<FlexStylesShortCuts>;
+type Props = BoxProps & FlexStylesShortCuts & Hovered<FlexStylesShortCuts> & Focused<FlexStylesShortCuts> & Activated<FlexStylesShortCuts>;
 export default function Flex(props: Props): JSX.Element;
 export {};

package/components/formAsync.d.ts

@@ -1,7 +1,7 @@
 import Box from '../box';
-declare type BoxProps = React.ComponentProps<typeof Box<'form'>>;
-declare type BoxTagProps = Required<BoxProps>['props'];
-declare type FormAsyncTagProps = Omit<BoxTagProps, 'onSubmit' | 'ref'>;
+type BoxProps = React.ComponentProps<typeof Box<'form'>>;
+type BoxTagProps = Required<BoxProps>['props'];
+type FormAsyncTagProps = Omit<BoxTagProps, 'onSubmit' | 'ref'>;
 interface Props<T> extends Omit<BoxProps, 'props' | 'tag'> {
     props?: FormAsyncTagProps;
     onSubmit: (obj: T, e: React.FormEvent<HTMLFormElement>) => void;

package/components/radioButtonCore.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import Box from '../box';
-declare type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
-declare type BoxTagProps = Required<BoxProps>['props'];
-declare type RadioButtonCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'value' | 'autoFocus' | 'readOnly' | 'required' | 'checked' | 'defaultChecked'>;
+type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
+type BoxTagProps = Required<BoxProps>['props'];
+type RadioButtonCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'value' | 'autoFocus' | 'readOnly' | 'required' | 'checked' | 'defaultChecked'>;
 interface Props extends Omit<BoxProps, 'props'> {
     name?: string;
     props?: RadioButtonCoreTagProps;

package/components/textareaCore.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import Box from '../box';
-declare type BoxProps = Omit<React.ComponentProps<typeof Box<'textarea'>>, 'ref' | 'tag'>;
-declare type BoxTagProps = Required<BoxProps>['props'];
-declare type TextareaCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'placeholder' | 'disabled' | 'value' | 'defaultValue' | 'rows' | 'cols' | 'autoFocus' | 'maxLength' | 'minLength' | 'readOnly' | 'required'>;
+type BoxProps = Omit<React.ComponentProps<typeof Box<'textarea'>>, 'ref' | 'tag'>;
+type BoxTagProps = Required<BoxProps>['props'];
+type TextareaCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'placeholder' | 'disabled' | 'value' | 'defaultValue' | 'rows' | 'cols' | 'autoFocus' | 'maxLength' | 'minLength' | 'readOnly' | 'required'>;
 interface Props extends Omit<BoxProps, 'props'> {
     name?: string;
     props?: TextareaCoreTagProps;

package/components/textboxCore.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import Box from '../box';
-declare type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
-declare type BoxTagProps = Required<BoxProps>['props'];
-declare type TextboxCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'defaultValue' | 'autoFocus' | 'readOnly' | 'required' | 'value' | 'pattern'>;
-declare type TextboxCoreType = 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
+type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
+type BoxTagProps = Required<BoxProps>['props'];
+type TextboxCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'defaultValue' | 'autoFocus' | 'readOnly' | 'required' | 'value' | 'pattern'>;
+type TextboxCoreType = 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
 interface Props extends Omit<BoxProps, 'props'> {
     name?: string;
     props?: TextboxCoreTagProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.1.6",
+  "version": "1.1.9",
   "main": "./box.mjs",
   "module": "./box.mjs",
   "types": "./box.d.ts",
@@ -43,20 +43,20 @@
   "devDependencies": {
     "@cronocode/identity-factory": "^0.0.6",
     "@rollup/pluginutils": "^5.0.2",
-    "@types/node": "^18.11.18",
+    "@types/node": "^18.15.7",
     "@types/postcss-mixins": "^9.0.0",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
-    "@vitejs/plugin-react": "^3.0.1",
-    "autoprefixer": "^10.4.13",
+    "@vitejs/plugin-react": "^3.1.0",
+    "autoprefixer": "^10.4.14",
     "postcss": "^8.4.21",
     "postcss-mixins": "^9.0.4",
     "postcss-nested": "^6.0.1",
-    "prettier": "^2.8.3",
+    "prettier": "^2.8.7",
     "react": "^18.1.0",
     "react-dom": "^18.2.0",
-    "typescript": "^4.9.4",
-    "vite": "^4.0.4",
-    "vite-plugin-dts": "^1.7.1"
+    "typescript": "^5.0.2",
+    "vite": "^4.2.1",
+    "vite-plugin-dts": "^2.1.0"
   }
 }