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

Sistema de design unificado para a plataforma Metropolle

// Auto-generated design token types
export interface DesignTokens {
  typography: {
    'fontFamily-brand': string;
    'fontFamily-mono': string;
    'fontSize-xs': string;
    'fontSize-sm': string;
    'fontSize-base': string;
    'fontSize-lg': string;
    'fontSize-xl': string;
    'fontSize-2xl': string;
    'fontSize-3xl': string;
    'fontSize-4xl': string;
    'lineHeight-tight': string;
    'lineHeight-normal': string;
    'lineHeight-relaxed': string;
    'letterSpacing-brand': string;
    'letterSpacing-tight': string;
    'letterSpacing-normal': string;
    'letterSpacing-wide': string;
    'fontWeight-light': string;
    'fontWeight-normal': string;
    'fontWeight-medium': string;
    'fontWeight-semibold': string;
    'fontWeight-bold': string;
  };
  spacing: {
    'xs': string;
    'sm': string;
    'md': string;
    'lg': string;
    'xl': string;
    '2xl': string;
    '3xl': 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;