@cronocode/react-box 1.5.3 → 1.5.5

package/box.d.ts

@@ -4,11 +4,7 @@ import ClassNameUtils from './utils/className/classNameUtils';
 import { ThemeComponentProps } from './theme';
 type AllProps<TTag extends keyof React.ReactHTML> = React.ComponentProps<TTag>;
 type TagPropsType<TTag extends keyof React.ReactHTML> = Omit<AllProps<TTag>, 'className' | 'style' | 'ref'>;
-export declare namespace Augmented {
-    interface Props {
-    }
-}
-interface Props<TTag extends keyof React.ReactHTML> extends BoxStyles, ThemeComponentProps, Augmented.Props {
+interface Props<TTag extends keyof React.ReactHTML> extends BoxStyles, ThemeComponentProps {
     children?: React.ReactNode | ((props: {
         isHover: boolean;
     }) => React.ReactNode);

package/components/baseSvg.d.ts

@@ -4,11 +4,7 @@ import ClassNameUtils from '../utils/className/classNameUtils';
 type AllSvgProps = React.SVGProps<SVGElement>;
 type SvgPropsType = Omit<AllSvgProps, 'className' | 'style' | 'width' | 'height'>;
 type SvgStyleType = Omit<React.CSSProperties, 'width' | 'height'>;
-export declare namespace Augmented {
-    interface Props {
-    }
-}
-interface Props extends SvgStyles, Augmented.Props {
+interface Props extends SvgStyles {
     children?: React.ReactNode | ((props: {
         isHover: boolean;
     }) => React.ReactNode);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "main": "./box.cjs",
   "module": "./box.mjs",
   "types": "./box.d.ts",
@@ -16,6 +16,9 @@
       "require": "./theme.cjs",
       "types": "./theme.d.ts"
     },
+    "./types": {
+      "types": "./types.d.ts"
+    },
     "./components/*": {
       "import": "./components/*.mjs",
       "require": "./components/*.cjs",

package/plugins.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(r){const _=Object.entries(r.colors).map(([o,l])=>`--color${o}: ${l};`).join(`
   `),t=Object.entries(r.shadows).map(([o,l])=>`--shadow${o}: ${l};`).join(`
   `),c=Object.entries(r.backgrounds).map(([o,l])=>`--background${o}: ${l};`).join(`
-  `),e=[":root {"];_&&e.push(`  ${_}`),t&&e.push(`  ${t}`),c&&e.push(`  ${c}`),e.push("}");const n=Object.keys(r.colors).map(o=>`
+  `),e=[":root {"];_&&e.push(`  ${_}`),t&&e.push(`  ${t}`),c&&e.push(`  ${c}`),e.push("}");const i=Object.keys(r.colors).map(o=>`
 .color_${o},
 .color_h_${o}:hover,
 ._h:hover>.color_h_${o} {
@@ -120,7 +120,7 @@
   line {
     stroke: var(--color${o});
   }
-}`),i=Object.keys(r.shadows).map(o=>`
+}`),n=Object.keys(r.shadows).map(o=>`
 .shadow_${o},
 .shadow_h_${o}:hover,
 ._h:hover>.shadow_h_${o} {
@@ -148,15 +148,15 @@
 
 .bg_a_${o}:active {
   background: var(--background${o});
-}`),s=Object.keys(r.colors).map(o=>`'${o}'`).join(" | "),$=Object.keys(r.backgrounds).map(o=>`'${o}'`).join(" | "),b=Object.keys(r.shadows).map(o=>`'${o}'`).join(" | "),p=`import {ColorType} from '@cronocode/react-box';
+}`),$=Object.keys(r.colors).map(o=>`'${o}'`).join(" | "),s=Object.keys(r.backgrounds).map(o=>`'${o}'`).join(" | "),b=Object.keys(r.shadows).map(o=>`'${o}'`).join(" | "),p=`import '@cronocode/react-box';
 
-declare module '@cronocode/react-box' {
-  type ColorType = ${s};
-  type BackgroundType = ${$};
+declare module '@cronocode/react-box/types' {
+  type ColorType = ${$};
+  type BackgroundType = ${s};
   type ShadowType = ${b};
 
   namespace Augmented {
-    interface Props {
+    interface BoxProps {
       color?: ColorType;
       colorH?: ColorType;
       colorF?: ColorType;
@@ -190,12 +190,8 @@ declare module '@cronocode/react-box' {
       shadowF?: ShadowType;
       shadowA?: ShadowType;
     }
-  }
-}
 
-declare module '@cronocode/react-box/components/baseSvg' {
-  namespace Augmented {
-    interface Props {
+    interface SvgProps {
       fill?: ColorType;
       fillH?: ColorType;
       fillF?: ColorType;
@@ -208,5 +204,5 @@ declare module '@cronocode/react-box/components/baseSvg' {
   }
 }
 `;return{themeCss:[e.join(`
-`),...n,...i,...h].join(`
+`),...i,...n,...h].join(`
 `),boxDts:p}}exports.boxTheme=u;

package/plugins.mjs

@@ -1,9 +1,9 @@
-function d(r) {
-  const _ = Object.entries(r.colors).map(([o, l]) => `--color${o}: ${l};`).join(`
-  `), t = Object.entries(r.shadows).map(([o, l]) => `--shadow${o}: ${l};`).join(`
-  `), c = Object.entries(r.backgrounds).map(([o, l]) => `--background${o}: ${l};`).join(`
-  `), e = [":root {"];
-  _ && e.push(`  ${_}`), t && e.push(`  ${t}`), c && e.push(`  ${c}`), e.push("}");
+function u(r) {
+  const _ = Object.entries(r.colors).map(([o, e]) => `--color${o}: ${e};`).join(`
+  `), t = Object.entries(r.shadows).map(([o, e]) => `--shadow${o}: ${e};`).join(`
+  `), c = Object.entries(r.backgrounds).map(([o, e]) => `--background${o}: ${e};`).join(`
+  `), l = [":root {"];
+  _ && l.push(`  ${_}`), t && l.push(`  ${t}`), c && l.push(`  ${c}`), l.push("}");
   const n = Object.keys(r.colors).map((o) => `
 .color_${o},
 .color_h_${o}:hover,
@@ -151,15 +151,15 @@ function d(r) {
 
 .bg_a_${o}:active {
   background: var(--background${o});
-}`), $ = Object.keys(r.colors).map((o) => `'${o}'`).join(" | "), s = Object.keys(r.backgrounds).map((o) => `'${o}'`).join(" | "), b = Object.keys(r.shadows).map((o) => `'${o}'`).join(" | "), p = `import {ColorType} from '@cronocode/react-box';
+}`), $ = Object.keys(r.colors).map((o) => `'${o}'`).join(" | "), s = Object.keys(r.backgrounds).map((o) => `'${o}'`).join(" | "), b = Object.keys(r.shadows).map((o) => `'${o}'`).join(" | "), p = `import '@cronocode/react-box';
 
-declare module '@cronocode/react-box' {
+declare module '@cronocode/react-box/types' {
   type ColorType = ${$};
   type BackgroundType = ${s};
   type ShadowType = ${b};
 
   namespace Augmented {
-    interface Props {
+    interface BoxProps {
       color?: ColorType;
       colorH?: ColorType;
       colorF?: ColorType;
@@ -193,12 +193,8 @@ declare module '@cronocode/react-box' {
       shadowF?: ShadowType;
       shadowA?: ShadowType;
     }
-  }
-}
 
-declare module '@cronocode/react-box/components/baseSvg' {
-  namespace Augmented {
-    interface Props {
+    interface SvgProps {
       fill?: ColorType;
       fillH?: ColorType;
       fillF?: ColorType;
@@ -212,12 +208,12 @@ declare module '@cronocode/react-box/components/baseSvg' {
 }
 `;
   return {
-    themeCss: [e.join(`
+    themeCss: [l.join(`
 `), ...n, ...i, ...h].join(`
 `),
     boxDts: p
   };
 }
 export {
-  d as boxTheme
+  u as boxTheme
 };

package/types.d.ts

@@ -217,12 +217,18 @@ interface BoxPointerEvents {
     pointerEvents?: PointerEventsType;
 }
 type BoxNormalStyles = BoxPseudoClasses & BoxDisplay & BoxSizing & BoxPosition & BoxSize & BoxMargin & BoxPadding & BoxBorder & BoxCursor & BoxZIndex & BoxOverflow & BoxOpacity & BoxFont & BoxText & BoxFlex & BoxOutline & BoxTransition & BoxUserSelect & BoxAppearance & BoxPointerEvents;
-export type BoxStyles = BoxNormalStyles & Hovered<BoxNormalStyles> & Focused<BoxNormalStyles> & Activated<BoxNormalStyles>;
+export declare namespace Augmented {
+    interface BoxProps {
+    }
+    interface SvgProps {
+    }
+}
+export type BoxStyles = BoxNormalStyles & Hovered<BoxNormalStyles> & Focused<BoxNormalStyles> & Activated<BoxNormalStyles> & Augmented.BoxProps;
 export declare const themeClasses: Partial<Record<string, string>>;
 interface SvgNormalStyles {
     rotate?: 0 | 90 | 180 | 270 | -90 | -180 | -270;
     flip?: 'xAxis' | 'yAxis';
 }
-export type SvgStyles = SvgNormalStyles & Hovered<SvgNormalStyles> & Focused<SvgNormalStyles> & Activated<SvgNormalStyles>;
+export type SvgStyles = SvgNormalStyles & Hovered<SvgNormalStyles> & Focused<SvgNormalStyles> & Activated<SvgNormalStyles> & Augmented.SvgProps;
 export declare const themeSvgClasses: Partial<Record<string, string>>;
 export {};