export type TTypography = (
  'h1'
  | 'h2'
  | 'h3'
  | 'h4'
  | 'h5'
  | 's1'
  | 's2'
  | 'b1'
  | 'b2'
  | 'b3'
  | 'btn1'
  | 'btn2'
  | 'c1'
  | 'c2'
);

export type TColor = (
  // primary
  'primary-tint-5'
  | 'primary-tint-4'
  | 'primary-tint-3'
  | 'primary-tint-2'
  | 'primary-tint-1'
  | 'primary'
  | 'primary-shade-1'
  | 'primary-shade-2'
  | 'primary-shade-3'
  | 'primary-shade-4'
  | 'primary-shade-5'
  | 'primary-contrast'
  // secondary
  | 'secondary-tint-5'
  | 'secondary-tint-4'
  | 'secondary-tint-3'
  | 'secondary-tint-2'
  | 'secondary-tint-1'
  | 'secondary'
  | 'secondary-shade-1'
  | 'secondary-shade-2'
  | 'secondary-shade-3'
  | 'secondary-shade-4'
  | 'secondary-shade-5'
  | 'secondary-contrast'
  // wrong
  | 'wrong-tint-5'
  | 'wrong-tint-4'
  | 'wrong-tint-3'
  | 'wrong-tint-2'
  | 'wrong-tint-1'
  | 'wrong'
  | 'wrong-shade-1'
  | 'wrong-shade-2'
  | 'wrong-shade-3'
  | 'wrong-shade-4'
  | 'wrong-shade-5'
  | 'wrong-contrast'
  // attention
  | 'attention-tint-5'
  | 'attention-tint-4'
  | 'attention-tint-3'
  | 'attention-tint-2'
  | 'attention-tint-1'
  | 'attention'
  | 'attention-shade-1'
  | 'attention-shade-2'
  | 'attention-shade-3'
  | 'attention-shade-4'
  | 'attention-shade-5'
  // success
  | 'success-tint-5'
  | 'success-tint-4'
  | 'success-tint-3'
  | 'success-tint-2'
  | 'success-tint-1'
  | 'success'
  | 'success-shade-1'
  | 'success-shade-2'
  | 'success-shade-3'
  | 'success-shade-4'
  | 'success-shade-5'
  // grayscale
  | 'black'
  | 'gray-10'
  | 'gray-9'
  | 'gray-8'
  | 'gray-7'
  | 'gray-6'
  | 'gray-5'
  | 'gray-4'
  | 'gray-3'
  | 'gray-2'
  | 'gray-1'
  | 'white'
  // additional
  | 'extra-1'
  | 'extra-2'
);

// eslint-disable-next-line import/no-unresolved
export * from './components';
export * from './index';