import { colorSwatches } from './colors'
import { font, fontValue } from './font'
import { media } from './media'
import { spacing, rem } from './spacing'

export const defaultRootProperties = `
  :root {
    ${spacing}
    ${colorSwatches}
  }
`

export const styledHelpers = {
  defaultRootProperties,
  rem,
  font,
  fontValue,
  colorSwatches,
  spacing,
  media,
}

export * from './colors'
export * from './font'
export * from './media'
export * from './spacing'
export * from './typings'