@cronocode/react-box 1.0.8 → 1.1.0

package/types.d.ts

@@ -37,6 +37,7 @@ export declare const styleVariables: {
     flexShrink: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
     flexSelf: readonly ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
     outlineOffset: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+    transition: readonly ["none"];
 };
 declare type GapType = (typeof styleVariables.gap)[number];
 declare type BoxSizeValue = (typeof styleVariables.sizeSpecialValues)[number];
@@ -53,6 +54,7 @@ declare type TextDecorationType = (typeof styleVariables.textDecoration)[number]
 declare type TextTransformType = (typeof styleVariables.textTransform)[number];
 declare type TextAlignType = (typeof styleVariables.textAlign)[number];
 declare type BorderAndOutlineStyleType = (typeof styleVariables.borderAndOutlineStyles)[number];
+declare type TransitionType = (typeof styleVariables.transition)[number];
 interface BoxPseudoClasses {
     hover?: boolean;
     focus?: boolean;
@@ -198,7 +200,10 @@ interface BoxFlex {
     alignSelf?: (typeof styleVariables.flexSelf)[number];
     justifySelf?: (typeof styleVariables.flexSelf)[number];
 }
-declare type BoxNormalStyles = BoxPseudoClasses & BoxDisplay & BoxSizing & BoxPosition & BoxSize & BoxMargin & BoxPadding & BoxBorder & BoxShadow & BoxBackground & BoxColors & BoxCursor & BoxZIndex & BoxOverflow & BoxOpacity & BoxFont & BoxText & BoxFlex & BoxOutline;
+interface BoxTransition {
+    transition?: TransitionType;
+}
+declare type BoxNormalStyles = BoxPseudoClasses & BoxDisplay & BoxSizing & BoxPosition & BoxSize & BoxMargin & BoxPadding & BoxBorder & BoxShadow & BoxBackground & BoxColors & BoxCursor & BoxZIndex & BoxOverflow & BoxOpacity & BoxFont & BoxText & BoxFlex & BoxOutline & BoxTransition;
 export declare type BoxStyles = BoxNormalStyles & Hovered<BoxNormalStyles> & Focused<BoxNormalStyles> & Activated<BoxNormalStyles>;
 export declare const themeClasses: Array<keyof BoxStyles>;
 export {};

package/utils/className/classNameUtils.d.ts

@@ -1,5 +1,5 @@
 declare namespace ClassNameUtils {
-    type ClassNameType = string | string[] | Record<string, boolean> | ClassNameType[];
+    type ClassNameType = undefined | string | string[] | Record<string, boolean> | ClassNameType[];
     function classNames(...classNameRules: ClassNameType[]): string[];
 }
 export default ClassNameUtils;

package/utils/utils.js

@@ -24,55 +24,55 @@ const g = [
   "outlineColorH",
   "outlineColorA"
 ];
-var b;
-((a) => {
+var a;
+((h) => {
   function l(...d) {
-    return d.reduce((t, c) => typeof c == "string" ? (t.push(c), t) : Array.isArray(c) ? (t.push(...l(...c)), t) : (Object.entries(c).forEach(([o, s]) => {
-      s && t.push(o);
-    }), t), []);
+    return d.reduce((e, t) => t ? typeof t == "string" ? (e.push(t), e) : Array.isArray(t) ? (e.push(...l(...t)), e) : (Object.entries(t).forEach(([o, s]) => {
+      s && e.push(o);
+    }), e) : e, []);
   }
-  a.classNames = l;
-})(b || (b = {}));
-const C = b;
-var f;
-((a) => {
-  function l(t) {
-    const c = Array.from(t.elements).reduce((o, s) => {
+  h.classNames = l;
+})(a || (a = {}));
+const C = a;
+var b;
+((h) => {
+  function l(e) {
+    const t = Array.from(e.elements).reduce((o, s) => {
       const r = s.name;
       return r && (o[r] || (o[r] = []), o[r].push(s)), o;
     }, {});
-    return Object.entries(c).reduce((o, [s, r]) => {
+    return Object.entries(t).reduce((o, [s, r]) => {
       if (r.length === 1) {
-        const e = r[0];
-        d(o, s, e.type === "checkbox" || e.type === "radio" ? e.checked : e.value);
+        const c = r[0];
+        d(o, s, c.type === "checkbox" || c.type === "radio" ? c.checked : c.value);
       } else {
-        const e = r.reduce((i, n) => (n.type === "checkbox" || n.type === "radio" ? n.checked && i.push(n.value) : i.push(n.value), i), []);
-        d(o, s, e);
+        const c = r.reduce((i, n) => (n.type === "checkbox" || n.type === "radio" ? n.checked && i.push(n.value) : i.push(n.value), i), []);
+        d(o, s, c);
       }
       return o;
     }, {});
   }
-  a.getFormEntries = l;
-  function d(t, c, o) {
-    if (c.includes(".")) {
-      const s = c.split(".");
-      let r = t;
-      s.forEach((e, i) => {
+  h.getFormEntries = l;
+  function d(e, t, o) {
+    if (t.includes(".")) {
+      const s = t.split(".");
+      let r = e;
+      s.forEach((c, i) => {
         if (s.length > i + 1) {
-          const n = e.match(/^(.+)\[(\d)\]$/);
+          const n = c.match(/^(.+)\[(\d)\]$/);
           if (n) {
-            const [, u, h] = n;
-            r[u] = r[u] || [], r[u][h] = r[u][h] || {}, r = r[u][h];
+            const [, u, f] = n;
+            r[u] = r[u] || [], r[u][f] = r[u][f] || {}, r = r[u][f];
           } else
-            r[e] = r[e] || {}, r = r[e];
+            r[c] = r[c] || {}, r = r[c];
         } else
-          r[e] = o;
+          r[c] = o;
       });
     } else
-      t[c] = o;
+      e[t] = o;
   }
-})(f || (f = {}));
-const p = f;
+})(b || (b = {}));
+const p = b;
 export {
   C,
   p as F,