fix(theme): move injectGlobal to the function

src/index.js

@@ -2,14 +2,13 @@
 
 import { atoms } from './atoms';
 import * as molecules from './molecules';
-import { defaultTheme } from './theme';
+import { defaultTheme, resetGlobal } from './theme';
 
 const components = {
   ...atoms,
   ...molecules,
 };
 
-export { defaultTheme, components };
+export { defaultTheme, resetGlobal, components };
 
 export { ThemeProvider } from 'emotion-theming';
-

src/theme/index.js

@@ -2,3 +2,4 @@
 
 export { COLORS } from './colors';
 export { defaultTheme } from './defaultTheme';
+export { resetGlobal } from './reset';

src/theme/reset.js

@@ -1,6 +1,6 @@
 import { injectGlobal } from 'emotion';
 
-injectGlobal`
+const resetGlobal = () => injectGlobal`
   html {
     -webkit-font-smoothing: antialiased;
     font-size: 62.5% !important;
@@ -59,3 +59,5 @@ injectGlobal`
     border-spacing: 0;
   }
 `;
+
+export { resetGlobal };

storybook/utils.js

@@ -2,9 +2,11 @@ import React from 'react';
 import styled from 'react-emotion';
 import { BrowserRouter } from 'react-router-dom';
 import { storiesOf } from '@storybook/react';
-import { components, ThemeProvider, defaultTheme } from '../src';
+import { components, ThemeProvider, defaultTheme, resetGlobal } from '../src';
 import { withInfo } from '@storybook/addon-info';
 
+resetGlobal();
+
 const Root = styled('div')`
   margin: 2rem;
 `;