Move theming into its own file (#130)

Author: emmatown

docs/theming.md

@@ -1,7 +1,7 @@
 ## Theming
 
 ```jsx
-import { ThemeProvider, withTheme } from 'emotion/react'
+import { ThemeProvider, withTheme } from 'emotion/react/theming'
 ```
 
 Theming is provided by the theming library. 

package.json

@@ -8,7 +8,7 @@
     "src",
     "dist",
     "lib",
-    "react.js",
+    "react",
     "server.js",
     "vue.js",
     "dist/DO-NOT-USE.min.js"

react.js

@@ -0,0 +1 @@
+module.exports = require('../lib/react')

react/index.js

@@ -0,0 +1 @@
+module.exports = require('../lib/react/theming')

react/theming.js

@@ -0,0 +1 @@
+export const CHANNEL = '__emotion__'

src/react/constants.js

@@ -1,13 +1,9 @@
 import { Component, createElement as h } from 'react'
-import { createTheming } from 'theming'
 import PropTypes from 'prop-types'
 import map from '@arr/map'
-import { css } from './index'
-import { omit } from './utils'
-
-const theming = createTheming('__emotion__')
-const { channel: CHANNEL, withTheme, ThemeProvider } = theming
-export { CHANNEL, withTheme, ThemeProvider }
+import { css } from '../index'
+import { omit } from '../utils'
+import { CHANNEL } from './constants'
 
 export default function (tag, cls, vars = [], content) {
   if (!tag) {

src/react.js renamed to src/react/index.js

@@ -0,0 +1,6 @@
+import { createTheming } from 'theming'
+import { CHANNEL } from './constants'
+
+const theming = createTheming(CHANNEL)
+const { withTheme, ThemeProvider } = theming
+export { CHANNEL, withTheme, ThemeProvider }

src/react/theming.js

@@ -3,7 +3,8 @@ import React from 'react'
 import renderer from 'react-test-renderer'
 import { matcher, serializer } from '../jest-utils'
 import { css } from '../src/index'
-import styled, { ThemeProvider } from '../src/react'
+import styled from '../src/react'
+import { ThemeProvider } from '../src/react/theming'
 
 import { lighten, hiDPI, modularScale, borderWidth } from 'polished'