export type Tone =
  | 'highlight-1'
  | 'highlight-1-dark'
  | 'highlight-1-darker'
  | 'highlight-2'
  | 'highlight-2-dark'
  | 'highlight-2-darker'
  | 'highlight-3'
  | 'highlight-3-dark'
  | 'highlight-3-darker'
  | 'highlight-4'
  | 'highlight-4-dark'
  | 'highlight-4-darker'
  | 'neutral-1'
  | 'neutral-2'
  | 'neutral-3'
  | 'neutral-4'
  | 'neutral-5'
  | 'neutral-6'
  | 'neutral-7'
  | 'alert'
  | 'alert-light'
  | 'success'
  | 'success-light'
  | 'white';

export type InputTone = 'primary' | 'accent' | 'highlight' | 'dark' | 'white';

export type Space =
  | 'none'
  | '3xs'
  | '2xs'
  | 'xs'
  | 'sm'
  | 'md'
  | 'lg'
  | 'gutter'
  | 'xl'
  | '2xl';

export type AlignX = 'stretch' | 'left' | 'right' | 'center';

export type AlignY = 'top' | 'bottom' | 'center';

export type TextAlign = 'left' | 'right' | 'center' | 'justify';

export type ResponsiveBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';

export type FontWeigth =
  | 'thin'
  | 'extralight'
  | 'light'
  | 'normal'
  | 'medium'
  | 'semibold'
  | 'bold'
  | 'extrabold'
  | 'black';

export type LetterSpacing =
  | 'tighter'
  | 'tight'
  | 'normal'
  | 'wide'
  | 'wider'
  | 'widest';

export type RoundedCorners = 'none' | 'rounded';