@anpdgovbr/shared-ui/types/src/theme/foundations/spacing.d.ts

Biblioteca de componentes React com MUI v7 e padrão GovBR-ds para ANPD

/**
 * Sistema de espaçamentos baseado nos tokens do GovBR Design System
 * Referência: @govbr-ds/core/dist/core-tokens.min.css
 *
 * @security Escala granular com fallbacks previne valores inválidos
 * @resilience Map structure evita ambiguidades de chaves numéricas em objetos
 *
 * Tokens mapeados:
 * - --spacing-scale-* (escala de espaçamento padrão)
 * - --spacing-gutter (margens de contêiner)
 */
/**
 * Sistema de espaçamentos otimizado baseado nos tokens do GovBR Design System
 * Referência: @govbr-ds/core/dist/core-tokens.min.css
 *
 * OTIMIZAÇÕES:
 * - Escala mais granular para composições flexíveis
 * - Tokens organizados por uso (layout, componentes, micro-spacing)
 * - Fallbacks mais consistentes
 */
export declare const createSpacing: () => (factor: number | string) => string;
/**
 * Valores de spacing específicos do GovBR otimizados para composições
 */
export declare const govbrSpacing: {
    none: number;
    micro: string;
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
    '3xl': string;
    layout: {
        section: {
            mobile: string;
            tablet: string;
            desktop: string;
        };
        page: {
            mobile: string;
            tablet: string;
            desktop: string;
        };
    };
    component: {
        padding: {
            tight: string;
            cozy: string;
            comfortable: string;
            spacious: string;
        };
        margin: {
            tight: string;
            default: string;
            loose: string;
            spacious: string;
        };
        gap: {
            tight: string;
            default: string;
            loose: string;
        };
    };
    typography: {
        paragraph: string;
        section: string;
        heading: {
            micro: string;
            small: string;
            medium: string;
            large: string;
        };
    };
    form: {
        fieldGap: string;
        labelGap: string;
        helperGap: string;
        groupGap: string;
        buttonGap: string;
    };
    card: {
        padding: string;
        gap: string;
        margin: string;
    };
    button: {
        padding: {
            horizontal: string;
            vertical: string;
        };
        gap: string;
        group: string;
    };
    navigation: {
        itemGap: string;
        sectionGap: string;
        indent: string;
    };
};
/**
 * Breakpoints de spacing otimizados para diferentes tamanhos de tela
 * Valores mais conservadores e práticos para uso real
 */
export declare const spacingBreakpoints: {
    mobile: {
        container: string;
        section: string;
        component: string;
    };
    tablet: {
        container: string;
        section: string;
        component: string;
    };
    desktop: {
        container: string;
        section: string;
        component: string;
    };
};
/**
 * Utilitários para espaçamentos compostos
 * Facilita uso em componentes que precisam de spacing inteligente
 */
export declare const spacingUtils: {
    stack: {
        tight: string;
        default: string;
        loose: string;
        spacious: string;
    };
    inline: {
        tight: string;
        default: string;
        loose: string;
    };
    responsive: {
        padding: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
    };
    semantic: {
        afterHeader: string;
        beforeFooter: string;
        betweenSections: string;
        groupSeparation: string;
    };
};
//# sourceMappingURL=spacing.d.ts.map