fix global css in storybook

Author: SaraVieira

package.json

@@ -20,7 +20,7 @@
     "start:fast": "cd packages/app && yarn start",
     "start:vscode": "cross-env VSCODE=1 yarn start:fast & cd standalone-packages/monaco-editor && yarn simpleserver & cd standalone-packages/vscode && yarn watch",
     "start:dynamic": "lerna run dev --scope dynamic-pages --stream",
-    "start:common": "lerna run start --scope common --stream",
+    "start:common": "lerna run start --scope @codesandbox/common --stream",
     "start:home": "yarn build:deps && yarn start:home:fast",
     "start:home:fast": "cd packages/homepage && yarn start",
     "start:test": "lerna run start:test --scope app --stream",
@@ -73,7 +73,7 @@
     "eslint-loader": "^1.7.1",
     "eslint-plugin-flowtype": "^2.34.0",
     "eslint-plugin-import": "^2.3.0",
-    "eslint-plugin-jsx-a11y": "^6.1.0",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-react": "~7.4.0",
     "eslint-plugin-react-hooks": "^1.6.0",
     "flow-bin": "^0.72.0",

packages/common/.storybook/config.tsx

@@ -1,8 +1,26 @@
+import React, { Fragment } from 'react';
+
 import { withKnobs } from '@storybook/addon-knobs';
 import { addDecorator, addParameters, configure } from '@storybook/react';
 import { themes } from '@storybook/theming';
 
-import { ThemeDecorator, withGlobal } from '../src/stories/decorators';
+import { ThemeDecorator } from '../src/stories/decorators';
+
+import { createGlobalStyle } from 'styled-components';
+
+import global from '../src/global.css';
+
+const GlobalStyle = createGlobalStyle`
+  ${global}
+`;
+
+export const withGlobal = cb => (
+  <Fragment>
+    <GlobalStyle />
+
+    {cb()}
+  </Fragment>
+);
 
 addDecorator(withKnobs);
 addDecorator(withGlobal);

packages/common/src/stories/decorators/index.ts

@@ -1,2 +1 @@
 export * from './ThemeDecorator';
-export * from './withGlobal';