- 0.8.5 -> 0.8.6

- Updated components for supporting new version of styled-component
- Package updates

Author: Ilker Guller

components/AuthFields/styles.js

@@ -16,6 +16,6 @@ export const Main = styled.div`
   }
 `;
 
-export const SubmitButton = T.Button.extend`
+export const SubmitButton = styled(T.Button)`
   opacity: ${({ touched }) => (touched ? 1 : 0.5)};
 `;

components/LinkList/styles.js

@@ -1,14 +1,14 @@
 import styled from 'styled-components';
 import * as T from '../Theme';
 
-export const A = T.A.extend`
+export const A = styled(T.A)`
   font-size: 14px;
   margin-right: 15px;
   cursor: pointer;
   text-decoration: ${({ active }) => (active ? 'underline' : 'none')};
 `;
 
-export const LogOutButton = T.Button.extend`
+export const LogOutButton = styled(T.Button)`
   display: inline-block;
   margin-right: 15px;
   cursor: pointer;

components/PostList/styles.js

@@ -16,7 +16,7 @@ export const Loading = styled.div`
   display: flex;
 `;
 
-export const Title = T.A.extend`
+export const Title = styled(T.A)`
   font-size: 14px;
   margin-right: 10px;
   text-decoration: none;
@@ -34,14 +34,15 @@ export const ItemList = styled.ul`
   padding: 0;
 `;
 
-export const ShowMore = T.Button.extend`
+export const ShowMore = styled(T.Button)`
   &:before {
     align-self: center;
     border-style: solid;
     border-width: 6px 4px 0 4px;
     border-color: #ffffff transparent transparent transparent;
-    content: "";
+    content: '';
     height: 0;
     margin-right: 5px;
     width: 0;
-  }`;
+  }
+`;

components/PostUpvoter/styles.js

@@ -1,7 +1,8 @@
+import styled from 'styled-components';
 import * as T from '../Theme';
 
 // eslint-disable-next-line import/prefer-default-export
-export const UpvoteButton = T.Button.extend`
+export const UpvoteButton = styled(T.Button)`
   display: inline-block;
   background-color: transparent;
   border: 1px solid #e4e4e4;
@@ -12,7 +13,7 @@ export const UpvoteButton = T.Button.extend`
   }
 
   &:before {
-    content: "▲";
+    content: '▲';
     margin-right: 7px;
   }
 `;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ran-boilerplate",
-  "version": "0.8.5",
+  "version": "0.8.6",
   "main": "server.js",
   "description": "React . Apollo (GraphQL) . Next.js Toolkit",
   "author": "Ilker Guller <me@ilkerguller.com> (http://ilkerguller.com)",
@@ -79,42 +79,42 @@
     "next-routes": "1.4.2",
     "offline-plugin": "5.0.5",
     "prop-types": "15.6.2",
-    "react": "16.4.1",
+    "react": "16.4.2",
     "react-apollo": "1.4.16",
-    "react-dom": "16.4.1",
+    "react-dom": "16.4.2",
     "react-helmet": "5.2.0",
     "react-redux": "5.0.7",
     "redux": "4.0.0",
     "rimraf": "2.6.2",
-    "styled-components": "3.3.3"
+    "styled-components": "3.4.5"
   },
   "devDependencies": {
     "@babel/plugin-transform-flow-strip-types": "7.0.0-beta.47",
     "babel-eslint": "8.2.6",
     "cli-clear": "1.0.4",
-    "eslint": "5.1.0",
-    "eslint-config-airbnb": "17.0.0",
-    "eslint-config-prettier": "2.9.0",
-    "eslint-loader": "2.0.0",
+    "eslint": "5.4.0",
+    "eslint-config-airbnb": "17.1.0",
+    "eslint-config-prettier": "3.0.1",
+    "eslint-loader": "2.1.0",
     "eslint-plugin-flowtype": "2.50.0",
     "eslint-plugin-graphql": "2.1.1",
-    "eslint-plugin-import": "2.13.0",
+    "eslint-plugin-import": "2.14.0",
     "eslint-plugin-jsx-a11y": "6.1.1",
     "eslint-plugin-prettier": "2.6.2",
-    "eslint-plugin-react": "7.10.0",
-    "eslint-watch": "4.0.1",
+    "eslint-plugin-react": "7.11.1",
+    "eslint-watch": "4.0.2",
     "figlet": "1.2.0",
-    "flow-bin": "0.76.0",
-    "graphql-cli": "^2.16.4",
+    "flow-bin": "0.79.1",
+    "graphql-cli": "^2.16.5",
     "graphql-cli-voyager": "0.1.3",
     "handlebars": "4.0.11",
     "husky": "0.14.3",
-    "inquirer": "6.0.0",
-    "lint-staged": "7.2.0",
+    "inquirer": "6.2.0",
+    "lint-staged": "7.2.2",
     "ngrok": "3.0.1",
     "pre-commit": "1.2.2",
-    "prettier": "1.13.7",
-    "replace-in-file": "3.4.0",
+    "prettier": "1.14.2",
+    "replace-in-file": "3.4.2",
     "shelljs": "0.8.2",
     "webpack-bundle-analyzer": "2.13.1"
   },

pages/_document.js

@@ -41,7 +41,7 @@ export default class MyDocument extends Document {
         <Head>
           <meta name="robots" content="index,follow" />
           <meta httpEquiv="expires" content="10800" />
-          <meta name="generator" content="RAN! 0.8.5" />
+          <meta name="generator" content="RAN! 0.8.6" />
           {this.helmetHeadComponents()}
           {AppIcons()}
           {this.props.styleTags}