@metropolle/design-system/dist/tokens/index.js

Sistema de design unificado para a plataforma Metropolle

// Auto-generated design tokens
export const tokens = {
  "typography": {
    "fontFamily-brand": "Helvetica, Inter Tight, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
    "fontFamily-mono": "'SF Mono', Monaco, 'Inconsolata', 'Roboto Mono', 'Source Code Pro', monospace",
    "fontSize-xs": "0.75rem",
    "fontSize-sm": "0.875rem",
    "fontSize-base": "1rem",
    "fontSize-lg": "1.125rem",
    "fontSize-xl": "1.25rem",
    "fontSize-2xl": "1.5rem",
    "fontSize-3xl": "1.875rem",
    "fontSize-4xl": "2.125rem",
    "lineHeight-tight": "1.2",
    "lineHeight-normal": "1.5",
    "lineHeight-relaxed": "1.75",
    "letterSpacing-brand": "-0.05rem",
    "letterSpacing-tight": "-0.03rem",
    "letterSpacing-normal": "0",
    "letterSpacing-wide": "0.025rem",
    "fontWeight-light": "300",
    "fontWeight-normal": "400",
    "fontWeight-medium": "500",
    "fontWeight-semibold": "600",
    "fontWeight-bold": "700"
  },
  "spacing": {
    "xs": "0.25rem",
    "sm": "0.5rem",
    "md": "1rem",
    "lg": "1.5rem",
    "xl": "2rem",
    "2xl": "3rem",
    "3xl": "4rem"
  }
};

// Typed token access
export type TokenCategory = 'typography' | 'spacing';

export function getToken(category: TokenCategory, token: string): string {
  return tokens[category]?.[token] || '';
}

// CSS variable helper
export function getCSSVar(category: string, token: string): string {
  return `var(--mds-${category}-${token})`;
}