⬆️ upgrade dependencies

migrate to styled-components v4

Author: leonardodino

package.json

@@ -21,19 +21,19 @@
     "@leonardodino/gatsby-plugin-page-creator": "^0.0.2",
     "@reach/router": "^1.1.1",
     "deep-map": "^1.5.0",
-    "gatsby": "^2.0.90",
-    "gatsby-plugin-lodash": "^3.0.1",
-    "gatsby-plugin-netlify": "^2.0.0",
-    "gatsby-plugin-nprogress": "^2.0.5",
-    "gatsby-plugin-react-helmet": "^3.0.0",
-    "gatsby-plugin-styled-components": "^3.0.0",
-    "gatsby-react-router-scroll": "^2.0.0",
+    "gatsby": "^2.0.112",
+    "gatsby-plugin-lodash": "^3.0.4",
+    "gatsby-plugin-netlify": "^2.0.8",
+    "gatsby-plugin-nprogress": "^2.0.8",
+    "gatsby-plugin-react-helmet": "^3.0.6",
+    "gatsby-plugin-styled-components": "^3.0.5",
+    "gatsby-react-router-scroll": "^2.0.4",
     "gatsby-remark-external-links": "^0.0.4",
     "gatsby-remark-figure-caption": "^2.0.0",
-    "gatsby-remark-responsive-iframe": "^2.0.5",
-    "gatsby-source-filesystem": "^2.0.13",
+    "gatsby-remark-responsive-iframe": "^2.0.9",
+    "gatsby-source-filesystem": "^2.0.20",
     "gatsby-source-git": "https://github.com/stevetweeddale/gatsby-source-git",
-    "gatsby-transformer-remark": "^2.2.0",
+    "gatsby-transformer-remark": "^2.2.4",
     "lodash": "^4.17.11",
     "lru-cache": "^4.1.3",
     "polished": "^2.3.3",
@@ -43,18 +43,19 @@
     "react-helmet": "^5.2.0",
     "react-window-size": "^1.2.0",
     "recompose": "^0.30.0",
-    "styled-components": "^3.4.8",
+    "styled-components": "^4.1.3",
     "timesince": "^0.1.0-alpha.0",
     "unist-util-visit": "^1.4.0"
   },
   "devDependencies": {
     "babel-eslint": "^10.0.1",
     "babel-plugin-styled-components": "^1.7.1",
-    "eslint": "^5.12.0",
-    "eslint-plugin-import": "^2.12.0",
-    "eslint-plugin-react": "^7.8.2",
-    "gatsby-plugin-eslint": "^2.0.1",
+    "eslint": "^5.13.0",
+    "eslint-loader": "^2.1.1",
+    "eslint-plugin-import": "^2.16.0",
+    "eslint-plugin-react": "^7.12.4",
+    "gatsby-plugin-eslint": "^2.0.4",
     "gatsby-plugin-netlify-cache": "^1.0.0-beta0",
-    "lint-staged": "^8.1.0"
+    "lint-staged": "^8.1.3"
   }
 }

src/components/Hero/index.js

@@ -73,7 +73,7 @@ const Sup = styled.div`
 	opacity: 0.66;
 `
 
-const Sub = Sup.extend`
+const Sub = styled(Sup)`
 	margin-top: 0.5rem;
 `