chore: remove emotion entirely from project

doczjs · Feb 27, 2019 · d1e148f · d1e148f
1 parent b490010
commit d1e148f
Show file tree

Hide file tree

Showing 15 changed files with 26 additions and 29 deletions.
diff --git a/README.md b/README.md
@@ -45,14 +45,17 @@ Documenting our things is one of the most important and heavy processes when you
 
 ## 🎛 &nbsp; Plugins
 
+- **[gatsby-theme-docz](https://github.com/pedronauck/docz/tree/master/core/gatsby-theme-docz)** - Use docz as a theme for Gatsby
 - **[css](https://github.com/pedronauck/docz-plugin-css)** - Parse css files inside your documents
 - **[netlify](https://github.com/nicholasess/docz-plugin-netlify)** - Deploy your documentation to [Netlify](http://netlify.com/)
 - **[postcss](https://github.com/andreasonny83/docz-plugin-postcss)** - Use Docz with PostCSS
 
 ## 🗃 &nbsp; Examples
 
 - **[basic](https://github.com/pedronauck/docz/tree/master/examples/basic)** - Some basic example
+- **[gatsby](https://github.com/pedronauck/docz/tree/master/examples/gatsby)** - Example using Docz as a theme for Gatsby
 - **[react native](https://github.com/pedronauck/docz/tree/master/examples/react-native)** - Using in a React Native project
+- **[styled-components](https://github.com/pedronauck/docz/tree/master/examples/styled-components)** - Using docz with styled-components
 - **[with typescript](https://github.com/pedronauck/docz/tree/master/examples/typescript)** - Using docz with Typescript
 - **[with flow](https://github.com/pedronauck/docz/tree/master/examples/flow)** - Using docz with Flow
 - **[with sass](https://github.com/pedronauck/docz-plugin-css/tree/master/examples/css-sass)** - Using docz parsing css with Sass

diff --git a/core/docz-utils/src/codesandbox.ts b/core/docz-utils/src/codesandbox.ts
@@ -24,7 +24,6 @@ const checkCodeToRender = (code: string) => {
 
 const wrapCode = (code: string): string =>
   `import React from 'react';
-  import { jsx } from '@emotion/core'
 
   const doczStyles = {
     margin: '0 3px',

diff --git a/examples/basic/.babelrc b/examples/basic/.babelrc
diff --git a/examples/basic/package.json b/examples/basic/package.json
@@ -7,14 +7,12 @@
     "build": "docz build"
   },
   "dependencies": {
-    "@emotion/core": "^10.0.7",
-    "@emotion/styled": "^10.0.7",
     "prop-types": "^15.7.2",
     "react": "^16.8.3",
-    "react-dom": "^16.8.3"
+    "react-dom": "^16.8.3",
+    "styled-components": "^4.1.3"
   },
   "devDependencies": {
-    "babel-plugin-emotion": "^10.0.7",
     "docz": "^0.13.6"
   }
 }
diff --git a/examples/basic/src/components/Alert.jsx b/examples/basic/src/components/Alert.jsx
@@ -1,5 +1,5 @@
 import React, { Fragment } from 'react'
-import styled from '@emotion/styled'
+import styled from 'styled-components'
 import t from 'prop-types'
 
 const kinds = {

diff --git a/examples/basic/src/components/Button.jsx b/examples/basic/src/components/Button.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import styled from '@emotion/styled'
+import styled from 'styled-components'
 import t from 'prop-types'
 
 const scales = {

diff --git a/examples/flow/.babelrc b/examples/flow/.babelrc
@@ -1,3 +1,3 @@
 {
-  "presets": ["@babel/preset-flow", "@emotion/babel-preset-css-prop"]
+  "presets": ["@babel/preset-flow"]
 }
diff --git a/examples/flow/package.json b/examples/flow/package.json
@@ -7,15 +7,13 @@
     "build": "docz build"
   },
   "dependencies": {
-    "@emotion/core": "^10.0.7",
-    "@emotion/styled": "^10.0.7",
     "prop-types": "^15.7.2",
     "react": "^16.8.3",
-    "react-dom": "^16.8.3"
+    "react-dom": "^16.8.3",
+    "styled-components": "^4.1.3"
   },
   "devDependencies": {
     "@babel/preset-flow": "^7.0.0",
-    "babel-plugin-emotion": "^10.0.7",
     "docz": "^0.13.6",
     "flow-bin": "^0.93.0",
     "flow-typed": "^2.5.1"

diff --git a/examples/flow/src/components/Alert.jsx b/examples/flow/src/components/Alert.jsx
@@ -1,7 +1,7 @@
 // @flow
 
 import React, { Fragment } from 'react'
-import styled from '@emotion/styled'
+import styled from 'styled-components'
 
 const kinds = {
   info: '#5352ED',

diff --git a/examples/flow/src/components/Button.jsx b/examples/flow/src/components/Button.jsx
@@ -1,6 +1,6 @@
 // @flow
 import React from 'react'
-import styled from '@emotion/styled'
+import styled from 'styled-components'
 
 const scales = {
   small: `

diff --git a/examples/typescript/.babelrc b/examples/typescript/.babelrc
diff --git a/examples/typescript/package.json b/examples/typescript/package.json
@@ -7,16 +7,14 @@
     "build": "docz build"
   },
   "dependencies": {
-    "@emotion/core": "^10.0.7",
-    "@emotion/styled": "^10.0.7",
     "docz": "^0.13.6",
     "docz-core": "^0.13.6",
     "react": "^16.8.3",
-    "react-dom": "^16.8.3"
+    "react-dom": "^16.8.3",
+    "styled-components": "^4.1.3"
   },
   "devDependencies": {
     "@types/react": "^16.8.5",
-    "@types/react-dom": "^16.8.2",
-    "babel-plugin-emotion": "^10.0.7"
+    "@types/react-dom": "^16.8.2"
   }
 }
diff --git a/examples/typescript/src/components/Alert.tsx b/examples/typescript/src/components/Alert.tsx
@@ -1,5 +1,5 @@
 import React, { SFC } from 'react'
-import styled from '@emotion/styled'
+import styled from 'styled-components'
 
 export type Kind = 'info' | 'positive' | 'negative' | 'warning'
 export type KindMap = Record<Kind, string>

diff --git a/examples/typescript/src/components/Button.tsx b/examples/typescript/src/components/Button.tsx
@@ -1,5 +1,5 @@
 import React, { SFC } from 'react'
-import styled from '@emotion/styled'
+import styled from 'styled-components'
 
 const scales = {
   small: `

diff --git a/yarn.lock b/yarn.lock
@@ -1428,7 +1428,7 @@
     "@emotion/utils" "0.11.1"
     "@emotion/weak-memoize" "0.2.2"
 
-"@emotion/core@^10.0.5", "@emotion/core@^10.0.7":
+"@emotion/core@^10.0.5":
   version "10.0.7"
   resolved "https://registry.npmjs.org/@emotion/core/-/core-10.0.7.tgz#a894324b944cb06dcd36813afe35f07b0ed8d20d"
   integrity sha512-f5ZeA8R5mTiD2VDFCy6kRTXrQXN/1s79WPvEZZSwROJIyy9mHBB0/Lxg9BSIXfFdXryVw76kHNehTcBkgDYS7A==
@@ -1491,7 +1491,7 @@
     "@emotion/utils" "0.11.1"
     object-assign "^4.1.1"
 
-"@emotion/styled@^10.0.5", "@emotion/styled@^10.0.7":
+"@emotion/styled@^10.0.5":
   version "10.0.7"
   resolved "https://registry.npmjs.org/@emotion/styled/-/styled-10.0.7.tgz#e36c84bf14435127481a1ea0b038d64a15c13995"
   integrity sha512-H/7wi2bFYl6GdxBPYef0FNYay1ay5iKFGYxmkuH8WJZnDc/bf1Bx+lH9IQ+QujAMgmAtUHwJsgO2vwj0LEIYcg==
@@ -8550,6 +8550,13 @@ gatsby-plugin-root-import@^2.0.5:
   resolved "https://registry.npmjs.org/gatsby-plugin-root-import/-/gatsby-plugin-root-import-2.0.5.tgz#04e520dc661d67f49aa7950f11b7c780fd2fdbd3"
   integrity sha512-/yA6rFjfjiFb8D6nCjfFrrGqYQMkOt4J3u2o6s7VYEF/zpA5dw2C9ENJ5fDKkJSCbbwLiEIGVMMee3vMEip2zA==
 
+gatsby-plugin-styled-components@^3.0.6:
+  version "3.0.6"
+  resolved "https://registry.npmjs.org/gatsby-plugin-styled-components/-/gatsby-plugin-styled-components-3.0.6.tgz#873857d1a03123683833688c8f008bd9f782504b"
+  integrity sha512-wCr0ab4LlYF7X2+idSB1fRIL4aoxoUjfRGYpcyDE0k9qsGHlMpD3Gd4qSdyCUdxSDd+7oK35Wqy0KPHl56RDCg==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+
 gatsby-react-router-scroll@^2.0.4:
   version "2.0.4"
   resolved "https://registry.npmjs.org/gatsby-react-router-scroll/-/gatsby-react-router-scroll-2.0.4.tgz#d13d8b2a6c076338f17e331c52075d78b059e9bc"