Cleanup Hover + new export

Author: casesandberg

src/components/hover.js

@@ -1,37 +1,16 @@
-'use strict'
-
 import React from 'react'
 
 export const hover = Component => {
   return class Hover extends React.Component {
-    constructor() {
-      super()
-      this.state = {
-        hover: false,
-      }
-    }
-
-    handleMouseOver = () => {
-      this.setState({ hover: true })
-    }
-
-    handleMouseOut = () => {
-      this.setState({ hover: false })
-    }
+    state = { hover: false }
+    handleMouseOver = () => this.setState({ hover: true })
+    handleMouseOut = () => this.setState({ hover: false })
 
-    render() {
-      return (
-        <div
-          onMouseOver={ this.handleMouseOver }
-          onMouseOut={ this.handleMouseOut }
-        >
-          <Component
-            {...this.props}
-            {...this.state}
-          />
-        </div>
-      )
-    }
+    render = () => (
+      <span onMouseOver={ this.handleMouseOver } onMouseOut={ this.handleMouseOut }>
+        <Component { ...this.props } { ...this.state } />
+      </span>
+    )
   }
 }
 

src/reactcss.js

@@ -1,13 +1,15 @@
 'use strict'
 
-import objectAssign from 'object-assign';
+import objectAssign from 'object-assign'
 
 import flattenNames from './flattenNames'
 import mergeClasses from './mergeClasses'
 import autoprefix from './autoprefix'
 
 export Component from './deprecated/Component'
 export hover from './components/hover'
+export handleHover from './components/hover'
+export handleActive from './components/active'
 export loop from './loop'
 
 export const ReactCSS = (classes, ...activations) => {