@cronocode/react-box 1.1.6 → 1.1.9

package/types.d.ts

@@ -1,14 +1,14 @@
-export declare type Hovered<T> = {
+export type Hovered<T> = {
     [K in keyof T as K extends string ? `${K}H` : never]: T[K];
 };
-export declare type Focused<T> = {
+export type Focused<T> = {
     [K in keyof T as K extends string ? `${K}F` : never]: T[K];
 };
-export declare type Activated<T> = {
+export type Activated<T> = {
     [K in keyof T as K extends string ? `${K}A` : never]: T[K];
 };
 export declare const styleVariables: {
-    display: readonly ["none", "block", "inline-block", "flex", "inline-flex", "grid", "contents"];
+    display: readonly ["none", "block", "inline-block", "flex", "inline-flex", "grid", "inline-grid", "contents"];
     boxSizing: readonly ["border-box", "content-box"];
     position: readonly ["static", "relative", "absolute", "fixed", "sticky"];
     sizeSpecialValues: readonly ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"];
@@ -38,23 +38,27 @@ export declare const styleVariables: {
     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"];
+    background: readonly ["none"];
+    userSelect: readonly ["none"];
 };
-declare type GapType = (typeof styleVariables.gap)[number];
-declare type BoxSizeValue = (typeof styleVariables.sizeSpecialValues)[number];
-declare type BorderSizeType = (typeof styleVariables.borderSizes)[number];
-declare type SizeType = (typeof styleVariables.sizes)[number];
-export declare type ColorType = (typeof styleVariables.baseColors)[number];
-declare type CursorType = (typeof styleVariables.cursors)[number];
-declare type OverflowType = (typeof styleVariables.overflows)[number];
-declare type FontSizeType = (typeof styleVariables.fontSizes)[number];
-declare type FontWeightType = (typeof styleVariables.fontWeight)[number];
-declare type ZIndexSizeType = (typeof styleVariables.zIndexSizes)[number];
-declare type OpacitySizeType = (typeof styleVariables.opacity)[number];
-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];
+type GapType = (typeof styleVariables.gap)[number];
+type BoxSizeValue = (typeof styleVariables.sizeSpecialValues)[number];
+type BorderSizeType = (typeof styleVariables.borderSizes)[number];
+type SizeType = (typeof styleVariables.sizes)[number];
+export type ColorType = (typeof styleVariables.baseColors)[number];
+type CursorType = (typeof styleVariables.cursors)[number];
+type OverflowType = (typeof styleVariables.overflows)[number];
+type FontSizeType = (typeof styleVariables.fontSizes)[number];
+type FontWeightType = (typeof styleVariables.fontWeight)[number];
+type ZIndexSizeType = (typeof styleVariables.zIndexSizes)[number];
+type OpacitySizeType = (typeof styleVariables.opacity)[number];
+type TextDecorationType = (typeof styleVariables.textDecoration)[number];
+type TextTransformType = (typeof styleVariables.textTransform)[number];
+type TextAlignType = (typeof styleVariables.textAlign)[number];
+type BorderAndOutlineStyleType = (typeof styleVariables.borderAndOutlineStyles)[number];
+type TransitionType = (typeof styleVariables.transition)[number];
+type BackgroundType = (typeof styleVariables.background)[number];
+type UserSelectType = (typeof styleVariables.userSelect)[number];
 interface BoxPseudoClasses {
     hover?: boolean;
     focus?: boolean;
@@ -149,8 +153,8 @@ interface BoxShadow {
     shadow?: string;
 }
 interface BoxBackground {
-    background?: string;
-    bg?: string;
+    background?: BackgroundType | string;
+    bg?: BackgroundType | string;
 }
 interface BoxColors {
     color?: ColorType | string;
@@ -203,7 +207,10 @@ interface BoxFlex {
 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>;
+interface BoxUserSelect {
+    userSelect?: UserSelectType;
+}
+type BoxNormalStyles = BoxPseudoClasses & BoxDisplay & BoxSizing & BoxPosition & BoxSize & BoxMargin & BoxPadding & BoxBorder & BoxShadow & BoxBackground & BoxColors & BoxCursor & BoxZIndex & BoxOverflow & BoxOpacity & BoxFont & BoxText & BoxFlex & BoxOutline & BoxTransition & BoxUserSelect;
+export type BoxStyles = BoxNormalStyles & Hovered<BoxNormalStyles> & Focused<BoxNormalStyles> & Activated<BoxNormalStyles>;
 export declare const themeClasses: Array<keyof BoxStyles>;
 export {};

package/utils/form/formUtils.d.ts

@@ -1,4 +1,4 @@
-declare type FormValue = string | string[] | number | number[] | boolean;
+type FormValue = string | string[] | number | number[] | boolean;
 interface FormObject {
     [index: string]: FormValue | FormObject;
 }

package/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />