@abdalla-1/swisco/src/config/tokens/typography.ts

Swiscare Components Kit

// Shared base typography tokens.

export const fontWeight = {
  /** 400 */
  regular: '400',
  /** 500 */
  medium: '500',
  /** 700 */
  bold: '700',
  /** 800 */
  extrabold: '800',
};

export const lineHeight = {
  /** 1 (100%) */
  none: 1,
  /** 1.25 (125%) */
  tight: 1.25,
  /** 1.3 (130%) */
  snug: 1.3,
  /** 1.4 (140%) */
  compact: 1.4,
  /** 1.5 (150%) */
  regular: 1.5,
};

export const fontSize = {
  /** 10px */
  micro: 10,
  /** 12px */
  tiny: 12,
  /** 14px */
  small: 14,
  /** 16px */
  regular: 16,
  /** 18px */
  large: 18,
  /** 20px */
  xlarge: 20,
  /** 24px */
  xxlarge: 24,
  /** 32px */
  xxxlarge: 32,
  /** 40px */
  xxxxlarge: 40,
};

export const letterSpacing = {
  /** -0.025 (-0.025em or -2.5%) */
  tightest: -0.025,
  /** -0.02 (-0.02em or -2%) */
  tight: -0.02,
  /** -0.005 (-0.005em or -0.5%) */
  snug: -0.005,
  /** -0.0025 (-0.0025em or -0.25%) */
  compact: -0.0025,
  /** 0 (0em or 0%) */
  normal: 0,
};