Update benchmark libraries

packages/benchmarks/package.json

@@ -10,26 +10,25 @@
     "aphrodite": "1.2.5",
     "classnames": "^2.2.5",
     "d3-scale-chromatic": "^1.2.0",
-    "emotion": "^9.0.1",
-    "fela": "6.1.3",
+    "emotion": "^9.0.2",
+    "fela": "^6.1.4",
     "glamor": "2.20.40",
-    "radium": "^0.22.0",
+    "radium": "^0.22.1",
     "react": "^16.2.0",
     "react-component-benchmark": "^0.0.4",
     "react-dom": "^16.2.0",
-    "react-fela": "6.2.4",
+    "react-fela": "^7.0.1",
     "react-jss": "^8.3.3",
     "react-native-web": "0.5.1",
-    "reactxp": "^0.51.8",
-    "style-loader": "0.20.1",
-    "styled-components": "^3.1.6",
-    "styled-jsx": "^2.2.4",
-    "styletron-client": "3.0.4",
-    "styletron-react": "3.0.4"
+    "reactxp": "^1.0.0",
+    "styled-components": "^3.2.0",
+    "styled-jsx": "^2.2.5",
+    "styletron-engine-atomic": "^1.0.0",
+    "styletron-react": "^4.0.0"
   },
   "devDependencies": {
     "babel-plugin-react-native-web": "0.5.1",
-    "css-loader": "^0.28.9",
+    "css-loader": "^0.28.10",
     "style-loader": "^0.20.2",
     "webpack": "^3.10.0",
     "webpack-bundle-analyzer": "^2.9.2"

packages/benchmarks/src/implementations/styletron-react/Box.js

@@ -1,8 +1,8 @@
 /* eslint-disable react/prop-types */
-import { styled } from 'styletron-react';
+import { withStyle } from 'styletron-react';
 import View from './View';
 
-const Box = styled(
+const Box = withStyle(
   View,
   ({ color, fixed = false, layout = 'column', outer = false, ...other }) => ({
     ...styles[`color${color}`],

packages/benchmarks/src/implementations/styletron-react/Provider.js

@@ -1,7 +1,7 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
-import Styletron from 'styletron-client';
-import { StyletronProvider } from 'styletron-react';
+import { Client as Styletron } from 'styletron-engine-atomic';
+import { Provider as StyletronProvider } from 'styletron-react';
 import View from './View';
 
 const styletron = new Styletron();
@@ -9,7 +9,7 @@ const styletron = new Styletron();
 class Provider extends React.Component {
   render() {
     return (
-      <StyletronProvider styletron={styletron}>
+      <StyletronProvider value={styletron}>
         <View>{this.props.children}</View>
       </StyletronProvider>
     );