@cronocode/react-box 1.7.1 → 1.7.3

package/{components/dox/doxStylesFormatters.d.ts → core/boxStylesFormatters.d.ts}

@@ -1,4 +1,4 @@
-export declare namespace DoxStylesFormatters {
+export declare namespace BoxStylesFormatters {
     namespace ClassName {
         function fraction(key: string, value: string | number | boolean): string;
         function svg(selector: string): string[];

package/core/boxTypes.d.ts

@@ -0,0 +1,3 @@
+import { boxStyles, pseudoClassSuffixes } from './boxStyles';
+export type StyleKey = keyof typeof boxStyles;
+export type PseudoClassSuffix = (typeof pseudoClassSuffixes)[number];

package/core/classNames.d.ts

@@ -0,0 +1,2 @@
+export type ClassNameType = undefined | string | string[] | Record<string, boolean> | ClassNameType[];
+export declare function classNames(...classNameRules: ClassNameType[]): string[];

package/{components/dox → core}/stylesContext.d.ts

@@ -1,6 +1,7 @@
-export declare namespace StylesContext {
-    const doxClassName = "_dox";
+declare namespace StylesContext {
+    const boxClassName = "_box";
     const svgClassName = "_svg";
     function get(key: string, value: string | number | boolean): string | undefined;
     function flush(): void;
 }
+export default StylesContext;

package/core/theme.d.ts

@@ -0,0 +1,38 @@
+import { BoxStyleProps } from './types';
+export interface ThemeStyles {
+    styles: BoxStyleProps;
+    disabled?: BoxStyleProps;
+}
+export interface ThemeComponentStyles {
+    styles: BoxStyleProps;
+    disabled?: BoxStyleProps;
+    themes?: {
+        [name: string]: ThemeStyles;
+    };
+}
+export interface ThemeSetup {
+    components?: {
+        [name: string]: ThemeComponentStyles;
+    };
+    button?: ThemeComponentStyles;
+    textbox?: ThemeComponentStyles;
+    textarea?: ThemeComponentStyles;
+    checkbox?: ThemeComponentStyles;
+    radioButton?: ThemeComponentStyles;
+}
+interface BoxAugmentedProps {
+    colors: Record<string, string>;
+    shadows: Record<string, string>;
+    backgrounds: Record<string, string>;
+}
+declare namespace Theme {
+    let Styles: ThemeSetup;
+    function setup(styles: ThemeSetup): void;
+    function setupAugmentedProps(props: BoxAugmentedProps, options?: {
+        namespacePath?: string;
+    }): {
+        variables: string;
+        boxDts: string;
+    };
+}
+export default Theme;

package/core/types.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { StyleItem, aliases, boxStyles } from './boxStyles';
+import { ThemeComponentProps } from './useTheme';
+export type ExtractElementType<T> = T extends React.DetailedHTMLProps<React.HTMLAttributes<infer E>, infer E> ? E : T extends React.SVGProps<infer E> ? E : never;
+export type ExtractElementFromTag<T extends keyof React.JSX.IntrinsicElements> = ExtractElementType<React.JSX.IntrinsicElements[T]>;
+export type Hovered<T> = {
+    [K in keyof T as K extends string ? `${K}H` : never]: T[K];
+};
+export type Focused<T> = {
+    [K in keyof T as K extends string ? `${K}F` : never]: T[K];
+};
+export type Activated<T> = {
+    [K in keyof T as K extends string ? `${K}A` : never]: T[K];
+};
+export declare namespace Augmented {
+    interface BoxProps {
+    }
+    interface SvgProps {
+    }
+}
+type BoxStyles<T extends Record<string, StyleItem>> = {
+    [K in keyof T]?: T[K]['values1']['values'][number] | T[K]['values2']['values'][number] | T[K]['values3']['values'][number];
+};
+type BoxNormalStyles = BoxStyles<typeof boxStyles> & BoxStyles<typeof aliases>;
+interface BoxPseudoClasses {
+    hover?: boolean;
+    focus?: boolean;
+}
+export type BoxStyleProps = BoxNormalStyles & BoxPseudoClasses & Hovered<BoxNormalStyles> & Focused<BoxNormalStyles> & Activated<BoxNormalStyles> & ThemeComponentProps & Augmented.BoxProps;
+interface SvgNormalStyles {
+    rotate?: BoxNormalStyles['rotate'];
+    flip?: BoxNormalStyles['flip'];
+    transitionDuration?: BoxNormalStyles['transitionDuration'];
+}
+export type BoxSvgStyles = SvgNormalStyles & Hovered<SvgNormalStyles> & Focused<SvgNormalStyles> & Activated<SvgNormalStyles> & ThemeComponentProps & Augmented.SvgProps;
+export {};

package/core/useStyles.d.ts

@@ -0,0 +1,2 @@
+import { BoxStyleProps } from './types';
+export default function useStyles(props: BoxStyleProps, isSvg: boolean): (string | undefined)[];

package/core/useTheme.d.ts

@@ -0,0 +1,11 @@
+import { ThemeSetup } from './theme';
+import { BoxStyleProps } from './types';
+type ReservedComponentName = Exclude<string, keyof Omit<ThemeSetup, 'components'>>;
+export interface ThemeComponentProps {
+    clean?: boolean;
+    disabled?: boolean;
+    component?: ReservedComponentName;
+    theme?: string;
+}
+export declare function useTheme(props: ThemeComponentProps): BoxStyleProps | undefined;
+export {};