Emotion style generator

Visage uses emotion style generator by default. It's created by createEmotionStyleGenerator().

This style generator doesn't produce CSS media queries but uses the current breakpoint matched by window.matchMedia API.

const styleGenerator = createEmotionStyleGenerator();
render(
  <DesignSystem responsive styleGenerator={styleGenerator}>
    <Text>Hello</Text>
  </DesignSystem>,
);