@cronocode/react-box 1.3.4 → 1.3.6

package/theme.mjs

@@ -45,31 +45,30 @@ const r = {
 let n = r;
 var u;
 ((d) => {
-  function o(t) {
-    n = t, i();
+  function i(t) {
+    n = t, o();
   }
-  d.setup = o;
-  function i() {
+  d.setup = i;
+  function o() {
     Object.keys(r).forEach((s) => {
-      console.log(s);
       const e = n[s], l = r[s];
-      e ? (e.styles = { ...l.styles, ...e.styles }, console.log(e.styles), e.disabled && l.disabled && (e.disabled = { ...l.disabled, ...e.disabled })) : n[s] = r[s];
+      e ? (e.styles = { ...l.styles, ...e.styles }, e.disabled && l.disabled && (e.disabled = { ...l.disabled, ...e.disabled })) : n[s] = r[s];
     });
   }
 })(u || (u = {}));
 const m = u;
 function p(d) {
-  const { clean: o, disabled: i, theme: t, component: s } = d;
+  const { clean: i, disabled: o, theme: t, component: s } = d;
   return y(() => {
     var a, b, c;
-    if (o)
+    if (i)
       return {};
     let e = n[s] ?? ((a = n.components) == null ? void 0 : a[s]);
     if (!e)
       return {};
     let l = t ? { ...e.styles, ...(b = e.themes) == null ? void 0 : b[t].styles } : e.styles;
-    return i ? t ? { ...l, ...e.disabled, ...(c = e.themes) == null ? void 0 : c[t].disabled } : { ...l, ...e.disabled } : l;
-  }, [s, o, i, t]);
+    return o ? t ? { ...l, ...e.disabled, ...(c = e.themes) == null ? void 0 : c[t].disabled } : { ...l, ...e.disabled } : l;
+  }, [s, i, o, t]);
 }
 export {
   m as default,

package/types.d.ts

@@ -195,10 +195,14 @@ interface BoxText {
 interface BoxFlex {
     flexWrap?: (typeof styleVariables.flexWrap)[number];
     justifyContent?: (typeof styleVariables.justifyContent)[number];
+    jc?: (typeof styleVariables.justifyContent)[number];
     alignItems?: (typeof styleVariables.alignItems)[number];
+    ai?: (typeof styleVariables.alignItems)[number];
     alignContent?: (typeof styleVariables.alignContent)[number];
+    ac?: (typeof styleVariables.alignContent)[number];
     flex1?: boolean;
     flexDirection?: (typeof styleVariables.flexDirection)[number];
+    d?: (typeof styleVariables.flexDirection)[number];
     gap?: GapType;
     rowGap?: GapType;
     columnGap?: GapType;

package/components/flex.d.ts

@@ -1,17 +0,0 @@
-import Box from '../box';
-import { Activated, Focused, Hovered } from '../types';
-type BoxProps = React.ComponentProps<typeof Box>;
-interface FlexStylesShortCuts {
-    wrap?: BoxProps['flexWrap'];
-    jc?: BoxProps['justifyContent'];
-    ai?: BoxProps['alignItems'];
-    ac?: BoxProps['alignContent'];
-    d?: BoxProps['flexDirection'];
-    grow?: BoxProps['flexGrow'];
-    shrink?: BoxProps['flexShrink'];
-    as?: BoxProps['alignSelf'];
-    js?: BoxProps['justifySelf'];
-}
-type Props = BoxProps & FlexStylesShortCuts & Hovered<FlexStylesShortCuts> & Focused<FlexStylesShortCuts> & Activated<FlexStylesShortCuts>;
-export default function Flex(props: Props): JSX.Element;
-export {};