Made styled components a peer dependency (#14)

* Made it a peer dependency and it works

* Improved readme getting started

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standard/portal",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "Easily add a login portal to any React app with Auth0",
   "homepage": "https://github.com/standard-ai/portal#readme",
   "bugs": "https://github.com/standard-ai/portal/issues",
@@ -19,12 +19,11 @@
     "stats": "webpack -c --profile --json > webpack-stats.json",
     "test": "jest"
   },
-  "dependencies": {
-    "styled-components": "^5.2.0"
-  },
+  "dependencies": {},
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react-dom": "^16.8.0 || ^17.0.0",
+    "styled-components": "^5.2.0"
   },
   "devDependencies": {
     "@auth0/auth0-spa-js": "^1.13.0",
@@ -39,6 +38,7 @@
     "react-dom": "^16.8.0 || ^17.0.0",
     "react-test": "^0.7.3",
     "regenerator-runtime": "^0.13.7",
+    "styled-components": "^5.2.0",
     "use-async-effect": "^2.2.2",
     "webpack": "^4.44.2",
     "webpack-cli": "^3.1.2"

readme.md

@@ -43,10 +43,10 @@ export default () => (
 
 ## Getting started
 
-This is the _quick guide_ on how to get started. First install this library:
+First install this library. You need to install `styled-components` as well if you don't have it yet:
 
 ```bash
-npm i @standard/portal
+npm i @standard/portal styled-components
 ```
 
 Then provide the Auth0 config as environment variables:

webpack.config.js

@@ -27,7 +27,7 @@ module.exports = {
     }
   },
   externals: {
-    // Don't bundle react
+    // Don't bundle styled components
     "styled-components": {
       commonjs: "styled-components",
       commonjs2: "styled-components",