import colors from './colors'
import typography from './typography'
import borders from './borders'
import spacing from './spacing'
import effects from './effects'
import misc from './miscs'

import { screens } from './screens'
import {
  componentTypos,
  debug,
  iconSizes,
  illustrationsSizes,
  maxLines,
  outlinesForFocus,
  placeholder,
  resetFillFields,
  scrollbarBase,
  textColorsBase,
} from './utilities'

export { colors, typography, spacing, borders, effects, misc, screens }

export const utilities = {
  componentTypos,
  outlinesForFocus,
  maxLines,
  debug,
  placeholder,
  scrollbarBase,
  iconSizes,
  resetFillFields,
  textColorsBase,
  illustrationsSizes,
}