- 0.8.5 -> 0.8.6

- Updated components for supporting new version of styled-component - Package updates
Sly777 · Aug 29, 2018 · bdeba3a · bdeba3a
1 parent 535a87a
commit bdeba3a
Show file tree

Hide file tree

Showing 7 changed files with 196 additions and 133 deletions.
diff --git a/components/AuthFields/styles.js b/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)};
 `;
diff --git a/components/LinkList/styles.js b/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;

diff --git a/components/PostList/styles.js b/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;
- }`;
+ }
+`;
diff --git a/components/PostUpvoter/styles.js b/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;
  }
 `;
diff --git a/package.json b/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 <[email protected]> (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"
  },

diff --git a/pages/_document.js b/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}