@metropolle/design-system/dist/tokens/index.d.ts

Sistema de design unificado para a plataforma Metropolle

// Auto-generated design token types
export interface DesignTokens {
  spacing: {
    'xs': string;
    'sm': string;
    'md': string;
    'lg': string;
    'xl': string;
    '2xl': string;
    '3xl': string;
    'borderRadius-sm': string;
    'borderRadius-md': string;
    'borderRadius-lg': string;
    'borderRadius-xl': string;
    'borderRadius-full': string;
    'shadow-sm': string;
    'shadow-md': string;
    'shadow-lg': string;
  };
  effects: {
    'transition-fast': string;
    'transition-normal': string;
    'transition-slow': string;
    'animation-fadeIn': string;
    'animation-slideUp': string;
    'animation-bounce': string;
    'transform-hoverUp': string;
    'shadow-card': string;
    'shadow-cardSm': string;
    'opacity-disabled': string;
    'opacity-muted': string;
  };
}

export declare const tokens: DesignTokens;
export declare function getToken(category: keyof DesignTokens, token: string): string;
export declare function getCSSVar(category: string, token: string): string;