@camtom/nyx-design-system/dist/src/types/index.d.ts

Nyx Design System - Sistema de diseño profesional para React con TypeScript, componentes accesibles y documentación completa

import { ReactNode, ElementType } from 'react';
export interface BaseComponentProps {
    className?: string;
    children?: ReactNode;
    'data-testid'?: string;
}
export interface PolymorphicComponentProps<T extends ElementType = 'div'> extends BaseComponentProps {
    as?: T;
}
export type ComponentVariant = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'success' | 'warning';
export type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export type ComponentRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
export interface ThemeConfig {
    colors: {
        primary: string;
        secondary: string;
        background: string;
        surface: string;
        text: string;
        textSecondary: string;
        border: string;
        error: string;
        warning: string;
        success: string;
    };
    spacing: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    typography: {
        fontFamily: string;
        fontSize: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        fontWeight: {
            normal: number;
            medium: number;
            semibold: number;
            bold: number;
        };
    };
    borderRadius: {
        sm: string;
        md: string;
        lg: string;
        full: string;
    };
    shadows: {
        sm: string;
        md: string;
        lg: string;
    };
}
export interface ComponentProps extends BaseComponentProps {
    variant?: ComponentVariant;
    size?: ComponentSize;
    radius?: ComponentRadius;
    disabled?: boolean;
    loading?: boolean;
}
//# sourceMappingURL=index.d.ts.map