Merge pull request #56 from MrBenJ/chore/update-emotion-flow

Update @emotion/core to fix flowtype context.js issues

.flowconfig

@@ -1,10 +1,5 @@
-# Note: @emotion/core is throwing a bad 'context.js' typecheck error.
-# I'm ignoring @emotion/core for now and supressing flow checking
-# on any files that are importing it for now.
-# There's a pull request that supposedly fixes this issue here:
-# https://github.com/emotion-js/emotion/pull/1126
 [ignore]
-.*/node_modules/@emotion/core
+
 [include]
 
 [libs]

package.json

@@ -6,8 +6,8 @@
   "main": "index.js",
   "dependencies": {
     "@babel/core": "^7.2.2",
-    "@emotion/core": "^10.0.5",
-    "@emotion/styled": "^10.0.5",
+    "@emotion/core": "^10.0.6",
+    "@emotion/styled": "^10.0.6",
     "classnames": "^2.2.6",
     "font-awesome": "^4.7.0",
     "gatsby": "^2.0.85",

src/components/ChapterLayout/ChapterLayout.js

@@ -1,4 +1,4 @@
-// supress@flow
+// @flow
 import React, { type Node } from 'react';
 import { graphql } from 'gatsby';
 

src/components/ChapterLayout/ChapterLayout.style.js

@@ -1,4 +1,4 @@
-// supress@flow
+// @flow
 import { css } from '@emotion/core';
 import { COLORS as c } from '../../constants';
 import { HEADER_HEIGHT } from '../Header';

src/components/Header/Header.style.js

@@ -1,9 +1,7 @@
-// supress@flow
+// @flow
 import { css } from '@emotion/core';
 import { COLORS as c, BREAKPOINTS as BP } from '../../constants';
 
-
-
 export const HEADER_HEIGHT = '5rem';
 
 export default css`

src/components/Layout/Layout.style.js

@@ -1,4 +1,4 @@
-// supress@flow
+// @flow
 import { css } from '@emotion/core';
 
 import { COLORS as c } from '../../constants';
@@ -10,5 +10,4 @@ export default css`
   .container-with-header {
     padding-top: ${HEADER_HEIGHT};
   }
-
 `;

src/components/Menu/Menu.style.js

@@ -1,4 +1,4 @@
-// supress@flow
+// @flow
 import { css } from '@emotion/core';
 
 import { COLORS as c, BREAKPOINTS as BP } from '../../constants';
@@ -8,7 +8,6 @@ const ICON_SPACING = 1;
 const MOBILE_MENU_WIDTH = '100%';
 const DESKTOP_MENU_WIDTH = '30vw';
 
-
 export default css`
   .menu-icon {
     position: fixed;

src/pages/index.js

@@ -1,4 +1,4 @@
-// supress@flow
+// @flow
 import React, { type Node } from 'react';
 import { css } from '@emotion/core';