@cronocode/react-box 1.3.3 → 1.3.5

package/theme.mjs

@@ -1,27 +1,76 @@
-import { useMemo as c } from "react";
-let m = {};
+import { useMemo as y } from "react";
+const r = {
+  button: {
+    styles: {
+      inline: !0,
+      p: 3,
+      cursor: "pointer",
+      b: 1,
+      borderRadius: 1
+    },
+    disabled: {
+      cursor: "default"
+    }
+  },
+  checkbox: {
+    styles: {
+      inline: !0,
+      b: 1,
+      p: 2
+    }
+  },
+  radioButton: {
+    styles: {
+      inline: !0,
+      b: 1,
+      p: 2
+    }
+  },
+  textbox: {
+    styles: {
+      inline: !0,
+      b: 1,
+      borderRadius: 1,
+      p: 3
+    }
+  },
+  textarea: {
+    styles: {
+      inline: !0,
+      b: 1,
+      borderRadius: 1
+    }
+  }
+};
+let n = r;
 var u;
-((l) => {
-  function s(n) {
-    m = n;
+((d) => {
+  function i(t) {
+    n = t, o();
+  }
+  d.setup = i;
+  function o() {
+    Object.keys(r).forEach((s) => {
+      const e = n[s], l = r[s];
+      e ? (e.styles = { ...l.styles, ...e.styles }, e.disabled && l.disabled && (e.disabled = { ...l.disabled, ...e.disabled })) : n[s] = r[s];
+    });
   }
-  l.setup = s;
 })(u || (u = {}));
-const h = u;
-function p(l) {
-  const { clean: s, disabled: n, theme: t, component: o } = l;
-  return c(() => {
-    var i, d, a;
-    if (s)
+const m = u;
+function p(d) {
+  const { clean: i, disabled: o, theme: t, component: s } = d;
+  return y(() => {
+    var a, b, c;
+    if (i)
       return {};
-    let e = m[o] ?? ((i = m.components) == null ? void 0 : i[o]);
+    let e = n[s] ?? ((a = n.components) == null ? void 0 : a[s]);
     if (!e)
       return {};
-    let r = t ? { ...e.styles, ...(d = e.themes) == null ? void 0 : d[t].styles } : e.styles;
-    return n ? t ? { ...r, ...e.disabled, ...(a = e.themes) == null ? void 0 : a[t].disabled } : { ...r, ...e.disabled } : r;
-  }, [o, s, n, t]);
+    let l = t ? { ...e.styles, ...(b = e.themes) == null ? void 0 : b[t].styles } : e.styles;
+    return o ? t ? { ...l, ...e.disabled, ...(c = e.themes) == null ? void 0 : c[t].disabled } : { ...l, ...e.disabled } : l;
+  }, [s, i, o, t]);
 }
 export {
-  h as default,
+  m as default,
   p as useTheme
 };

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;