0.5.2

`Linking` no longer uses an iframe hack to add 'noopener' support to
older Safari. Instead it relies on browsers having support for
'noopener'.

Fix #837
Close #846

README.md

@@ -19,21 +19,19 @@ rewriting existing code. React Native for Web can also render to HTML and
 critical CSS on the server using Node.js.
 
 Who is using React Native for Web? [Twitter](https://mobile.twitter.com),
-[Major League Soccer](https://matchcenter.mlssoccer.com), Playstation, Uber, [The
+[Major League Soccer](https://matchcenter.mlssoccer.com),
+[Flipkart](https://www.flipkart.com/), Playstation, Uber, [The
 Times](https://github.com/newsuk/times-components), [React Native's
 documentation](http://facebook.github.io/react-native/).
 
-Browser support: Chrome, Firefox, Safari >= 7, IE 10, Edge.
+Browser support: Chrome, Firefox, Edge, Safari 7+, IE 10+.
 
 ## Quick start
 
 The easiest way to get started with React Native for Web is to use this
-[ready-to-go project on Glitch](https://glitch.com/edit/#!/react-native-web-playground).
+[ready-to-go project on Glitch](https://glitch.com/edit/#!/react-native).
 You don’t need to install anything to try it out.
 
-If you are unfamiliar with setting up a React web project, please follow the
-recommendations in the [React documentation](https://reactjs.org/).
-
 ## Documentation
 
 You can find the React Native for Web API documentation [on the
@@ -97,6 +95,16 @@ You'll notice that there is no reference to `react-dom`; the `App` component is
 defined using the platform-agnostic APIs and Components introduced by React
 Native. This allows the app to be rendered to web and native platforms.
 
+## Integrations
+
+Examples of using React Native for Web with other web tools:
+
+* [Next.js](https://github.com/zeit/next.js/tree/master/examples/with-react-native-web)
+* [Storybook](https://github.com/necolas/react-native-web/tree/0.5.1/website/storybook/.storybook)
+* [Razzle](https://github.com/jaredpalmer/razzle/tree/master/examples/with-react-native-web)
+* [Phenomic](https://github.com/phenomic/phenomic/tree/v1.0.0-alpha.20/docs)
+* [Styleguidist](https://github.com/styleguidist/react-styleguidist/tree/v6.2.6/examples/react-native)
+
 ## Contributing
 
 The main purpose of this repository is to help evolve React web and native

package.json

@@ -1,6 +1,6 @@
 {
   "private": true,
-  "version": "0.5.1",
+  "version": "0.5.2",
   "name": "react-native-web-monorepo",
   "scripts": {
     "clean": "del ./packages/*/dist",

packages/babel-plugin-react-native-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-plugin-react-native-web",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Babel plugin for React Native for Web",
   "main": "index.js",
   "devDependencies": {

packages/benchmarks/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "benchmarks",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "scripts": {
     "build": "mkdir -p dist && cp -f index.html dist/index.html && webpack --config ./webpack.config.js",
     "release": "yarn build && git checkout gh-pages && rm -rf ../../benchmarks && mv dist ../../benchmarks && git add -A && git commit -m \"Benchmarks deploy\" && git push origin gh-pages && git checkout -"
@@ -10,26 +10,25 @@
     "aphrodite": "1.2.5",
     "classnames": "^2.2.5",
     "d3-scale-chromatic": "^1.2.0",
-    "emotion": "^9.0.1",
+    "emotion": "^9.0.2",
-    "fela": "6.1.3",
+    "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",
+    "react-native-web": "0.5.2",
-    "reactxp": "^0.51.8",
+    "reactxp": "^1.0.0",
-    "style-loader": "0.20.1",
+    "styled-components": "^3.2.0",
-    "styled-components": "^3.1.6",
+    "styled-jsx": "^2.2.5",
-    "styled-jsx": "^2.2.4",
+    "styletron-engine-atomic": "^1.0.0",
-    "styletron-client": "3.0.4",
+    "styletron-react": "^4.0.0"
-    "styletron-react": "3.0.4"
   },
   "devDependencies": {
-    "babel-plugin-react-native-web": "0.5.1",
+    "babel-plugin-react-native-web": "0.5.2",
-    "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 { Client as Styletron } from 'styletron-engine-atomic';
-import { StyletronProvider } from 'styletron-react';
+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>
     );

packages/react-native-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-web",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "React Native for Web",
   "main": "dist/index.js",
   "files": [

packages/react-native-web/src/exports/AppRegistry/index.js

@@ -77,9 +77,9 @@ export default class AppRegistry {
     params.rootTag = `#${params.rootTag.id}`;
 
     console.log(
-      `Running application "${appKey}" with appParams: ${JSON.stringify(params)}. ` +
+      `Running application "${appKey}" with appParams: ${JSON.stringify(params)}.\n` +
-        `development-level warnings are ${isDevelopment ? 'ON' : 'OFF'}, ` +
+        `Development-level warnings: ${isDevelopment ? 'ON' : 'OFF'}.\n` +
-        `performance optimizations are ${isDevelopment ? 'OFF' : 'ON'}`
+        `Performance optimizations: ${isDevelopment ? 'OFF' : 'ON'}.`
     );
 
     invariant(

packages/react-native-web/src/exports/Linking/index.js

@@ -24,7 +24,7 @@ const Linking = {
   },
   openURL(url: string): Promise<Object | void> {
     try {
-      iframeOpen(url);
+      open(url);
       return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
@@ -32,37 +32,12 @@ const Linking = {
   }
 };
 
-/**
+const open = url => {
- * Tabs opened using JavaScript may redirect the parent tab using
+  const anchor = document.createElement('a');
- * `window.opener.location`, ignoring cross-origin restrictions and enabling
+  anchor.target = '_blank'; // :(
- * phishing attacks.
+  anchor.rel = 'noopener';
- *
+  anchor.href = url;
- * Safari requires that we open the url by injecting a hidden iframe that calls
+  anchor.click();
- * window.open(), then removes the iframe from the DOM.
- *
- * https://mathiasbynens.github.io/rel-noopener/
- */
-const iframeOpen = url => {
-  const noOpener = url.indexOf('mailto:') !== 0;
-  const body = document.body;
-  if (body) {
-    const iframe = document.createElement('iframe');
-    iframe.style.display = 'none';
-    body.appendChild(iframe);
-
-    const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
-    const iframeBody = iframeDoc.body;
-    if (iframeBody) {
-      const script = iframeDoc.createElement('script');
-      const openerExpression = noOpener ? 'child.opener = null' : '';
-      script.text = `
-        window.parent = null; window.top = null; window.frameElement = null;
-        var child = window.open("${url}"); ${openerExpression};
-      `;
-      iframeBody.appendChild(script);
-    }
-    body.removeChild(iframe);
-  }
 };
 
 export default Linking;

website/guides/getting-started.md

@@ -13,6 +13,9 @@ Facebook's React web starter kit –
 that is needed after initializing a web app with CRA is to install
 `react-native-web`.
 
+If you are unfamiliar with setting up a new React web project, please follow
+the recommendations in the [React documentation](https://reactjs.org/).
+
 ## Adding to an existing web app
 
 Existing web apps need to alias `react-native` to `react-native-web` and

website/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "website",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "scripts": {
     "build": "build-storybook -o ./dist -c ./storybook/.storybook",
     "start": "start-storybook -p 9001 -c ./storybook/.storybook",
@@ -12,10 +12,10 @@
     "@storybook/react": "^3.3.6",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
-    "react-native-web": "0.5.1"
+    "react-native-web": "0.5.2"
   },
   "devDependencies": {
-    "babel-plugin-react-native-web": "0.5.1",
+    "babel-plugin-react-native-web": "0.5.2",
     "url-loader": "^0.6.2",
     "webpack": "^3.10.0"
   }

yarn.lock

@@ -259,9 +259,9 @@
   version "4.14.91"
   resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.91.tgz#794611b28056d16b5436059c6d800b39d573cd3a"
 
-"@types/lodash@^4.14.78":
+"@types/lodash@^4.14.80":
-  version "4.14.97"
+  version "4.14.104"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.97.tgz#7262d6d5fc5e87cdb3f68eb33accd4024f2b211e"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.104.tgz#53ee2357fa2e6e68379341d92eb2ecea4b11bb80"
 
 "@types/node@*":
   version "8.5.2"
@@ -386,7 +386,7 @@ ansi-align@^2.0.0:
   dependencies:
     string-width "^2.0.0"
 
-ansi-escapes@^1.0.0:
+ansi-escapes@^1.0.0, ansi-escapes@^1.1.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-1.4.0.tgz#d3a8a83b319aa67793662b13e761c7911422306e"
 
@@ -1436,6 +1436,14 @@ babel-plugin-transform-undefined-to-void@^6.8.3:
   version "6.8.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-undefined-to-void/-/babel-plugin-transform-undefined-to-void-6.8.3.tgz#fc52707f6ee1ddc71bb91b0d314fbefdeef9beb4"
 
+babel-polyfill@6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.23.0.tgz#8364ca62df8eafb830499f699177466c3b03499d"
+  dependencies:
+    babel-runtime "^6.22.0"
+    core-js "^2.4.0"
+    regenerator-runtime "^0.10.0"
+
 babel-polyfill@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153"
@@ -2015,7 +2023,7 @@ chain-function@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/chain-function/-/chain-function-1.0.0.tgz#0d4ab37e7e18ead0bdc47b920764118ce58733dc"
 
-chalk@^1.0.0, chalk@^1.1.1, chalk@^1.1.3:
+chalk@1.1.3, chalk@^1.0.0, chalk@^1.1.1, chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
   dependencies:
@@ -2350,9 +2358,9 @@ create-ecdh@^4.0.0:
     bn.js "^4.1.0"
     elliptic "^6.0.0"
 
-create-emotion@^9.0.1:
+create-emotion@^9.0.2:
-  version "9.0.1"
+  version "9.0.2"
-  resolved "https://registry.yarnpkg.com/create-emotion/-/create-emotion-9.0.1.tgz#fe9ea0e0f74c13d7d1e64b3eede37e64fbc89b89"
+  resolved "https://registry.yarnpkg.com/create-emotion/-/create-emotion-9.0.2.tgz#a8680b9f02f736112b68b9e9b47401dfbb4d9260"
   dependencies:
     emotion-utils "^9.0.1"
     stylis "^3.3.2"
@@ -2446,6 +2454,25 @@ css-in-js-utils@2.0.0, css-in-js-utils@^2.0.0:
   dependencies:
     hyphenate-style-name "^1.0.2"
 
+css-loader@^0.28.10:
+  version "0.28.10"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.28.10.tgz#40282e79230f7bcb4e483efa631d670b735ebf42"
+  dependencies:
+    babel-code-frame "^6.26.0"
+    css-selector-tokenizer "^0.7.0"
+    cssnano "^3.10.0"
+    icss-utils "^2.1.0"
+    loader-utils "^1.0.2"
+    lodash.camelcase "^4.3.0"
+    object-assign "^4.1.1"
+    postcss "^5.0.6"
+    postcss-modules-extract-imports "^1.2.0"
+    postcss-modules-local-by-default "^1.2.0"
+    postcss-modules-scope "^1.1.0"
+    postcss-modules-values "^1.3.0"
+    postcss-value-parser "^3.3.0"
+    source-list-map "^2.0.0"
+
 css-loader@^0.28.8:
   version "0.28.8"
   resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.28.8.tgz#ff36381464dea18fe60f2601a060ba6445886bd5"
@@ -2465,25 +2492,6 @@ css-loader@^0.28.8:
     postcss-value-parser "^3.3.0"
     source-list-map "^2.0.0"
 
-css-loader@^0.28.9:
-  version "0.28.9"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.28.9.tgz#68064b85f4e271d7ce4c48a58300928e535d1c95"
-  dependencies:
-    babel-code-frame "^6.26.0"
-    css-selector-tokenizer "^0.7.0"
-    cssnano "^3.10.0"
-    icss-utils "^2.1.0"
-    loader-utils "^1.0.2"
-    lodash.camelcase "^4.3.0"
-    object-assign "^4.1.1"
-    postcss "^5.0.6"
-    postcss-modules-extract-imports "^1.2.0"
-    postcss-modules-local-by-default "^1.2.0"
-    postcss-modules-scope "^1.1.0"
-    postcss-modules-values "^1.3.0"
-    postcss-value-parser "^3.3.0"
-    source-list-map "^2.0.0"
-
 css-select@^1.1.0, css-select@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
@@ -2915,12 +2923,12 @@ emotion-utils@^9.0.1:
   version "9.0.1"
   resolved "https://registry.yarnpkg.com/emotion-utils/-/emotion-utils-9.0.1.tgz#db1034410d8ac4e399845d346471c3f2db5124d7"
 
-emotion@^9.0.1:
+emotion@^9.0.2:
-  version "9.0.1"
+  version "9.0.2"
-  resolved "https://registry.yarnpkg.com/emotion/-/emotion-9.0.1.tgz#e6e8aaa6cfb703c4652de222cba87aa5bfeeae39"
+  resolved "https://registry.yarnpkg.com/emotion/-/emotion-9.0.2.tgz#a40d28fd330562a42012a2cb17168b41b7caec94"
   dependencies:
     babel-plugin-emotion "^9.0.1"
-    create-emotion "^9.0.1"
+    create-emotion "^9.0.2"
 
 encodeurl@~1.0.1:
   version "1.0.1"
@@ -3353,7 +3361,7 @@ extend@~3.0.0, extend@~3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.1.tgz#a755ea7bc1adfcc5a31ce7e762dbaadc5e636444"
 
-external-editor@^2.0.4:
+external-editor@^2.0.1, external-editor@^2.0.4:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.1.0.tgz#3d026a21b7f95b5726387d4200ac160d372c3b48"
   dependencies:
@@ -3417,46 +3425,47 @@ fbjs@^0.8.12, fbjs@^0.8.16, fbjs@^0.8.5, fbjs@^0.8.9:
     setimmediate "^1.0.5"
     ua-parser-js "^0.7.9"
 
-fela-bindings@^1.3.4:
+fela-bindings@^2.0.1:
-  version "1.3.4"
+  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/fela-bindings/-/fela-bindings-1.3.4.tgz#f48887dfed8c0948d851af14b18434d902cb034f"
+  resolved "https://registry.yarnpkg.com/fela-bindings/-/fela-bindings-2.0.1.tgz#b037723250d74a4f8bfeb9f4a2637bb41d5ea3c6"
   dependencies:
     fast-loops "^1.0.0"
-    fela-dom "^7.0.4"
+    fela-dom "^7.0.5"
-    fela-tools "^5.1.2"
+    fela-tools "^5.1.3"
     shallow-equal "^1.0.0"
 
-fela-dom@^7.0.4:
+fela-dom@^7.0.5:
-  version "7.0.4"
+  version "7.0.5"
-  resolved "https://registry.yarnpkg.com/fela-dom/-/fela-dom-7.0.4.tgz#30a159d12142c5cec376608a5dd1d4395462c4a0"
+  resolved "https://registry.yarnpkg.com/fela-dom/-/fela-dom-7.0.5.tgz#3c00a27317720c8e6e54b8840850d8dfd21dbaf8"
   dependencies:
     css-in-js-utils "^2.0.0"
     fast-loops "^1.0.0"
-    fela-utils "^8.0.3"
+    fela-utils "^8.0.4"
 
-fela-tools@^5.1.2:
+fela-tools@^5.1.3:
-  version "5.1.2"
+  version "5.1.3"
-  resolved "https://registry.npmjs.org/fela-tools/-/fela-tools-5.1.2.tgz#c6760b42d72116911c2c0341b6d880cfc11c76a8"
+  resolved "https://registry.yarnpkg.com/fela-tools/-/fela-tools-5.1.3.tgz#09db3fadb32cf5eb7d96867b3f507a73d5eb418d"
   dependencies:
     css-in-js-utils "2.0.0"
     fast-loops "^1.0.0"
-    fela "^6.1.3"
+    fela "^6.1.4"
-    fela-utils "^8.0.3"
+    fela-utils "^8.0.4"
 
-fela-utils@^8.0.3:
+fela-utils@^8.0.4:
-  version "8.0.3"
+  version "8.0.4"
-  resolved "https://registry.npmjs.org/fela-utils/-/fela-utils-8.0.3.tgz#4a1728e7f5711e26f6f37da9c85a6b270c84c466"
+  resolved "https://registry.yarnpkg.com/fela-utils/-/fela-utils-8.0.4.tgz#90662c5516437a1882112b7d3fdc6590f70a5082"
   dependencies:
     css-in-js-utils "^2.0.0"
     fast-loops "^1.0.0"
+    string-hash "^1.1.3"
 
-fela@6.1.3, fela@^6.1.3:
+fela@^6.1.4:
-  version "6.1.3"
+  version "6.1.4"
-  resolved "https://registry.yarnpkg.com/fela/-/fela-6.1.3.tgz#c3bc8726dada63c23914bed9ca79d902e61e9a74"
+  resolved "https://registry.yarnpkg.com/fela/-/fela-6.1.4.tgz#d2ccf55700abbc1b5b42fa839fbbbe36dec68864"
   dependencies:
     css-in-js-utils "2.0.0"
     fast-loops "^1.0.0"
-    fela-utils "^8.0.3"
+    fela-utils "^8.0.4"
 
 figures@^1.7.0:
   version "1.7.0"
@@ -4200,6 +4209,24 @@ inline-style-prefixer@^4.0.0:
     bowser "^1.7.3"
     css-in-js-utils "^2.0.0"
 
+inquirer@3.0.6:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.0.6.tgz#e04aaa9d05b7a3cb9b0f407d04375f0447190347"
+  dependencies:
+    ansi-escapes "^1.1.0"
+    chalk "^1.0.0"
+    cli-cursor "^2.1.0"
+    cli-width "^2.0.0"
+    external-editor "^2.0.1"
+    figures "^2.0.0"
+    lodash "^4.3.0"
+    mute-stream "0.0.7"
+    run-async "^2.2.0"
+    rx "^4.1.0"
+    string-width "^2.0.0"
+    strip-ansi "^3.0.0"
+    through "^2.3.6"
+
 inquirer@^3.0.6:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.3.0.tgz#9dd2f2ad765dcab1ff0443b491442a20ba227dc9"
@@ -5206,7 +5233,7 @@ lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
 
-lodash@4.x.x, lodash@^4.14.0, lodash@^4.15.0, lodash@^4.17.1, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.6.1:
+lodash@4.x.x, lodash@^4.14.0, lodash@^4.15.0, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.6.1:
   version "4.17.4"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
 
@@ -5426,7 +5453,7 @@ minimist@0.0.8:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
 
-minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
+minimist@1.2.0, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
 
@@ -5512,6 +5539,13 @@ node-dir@^0.1.10:
   dependencies:
     minimatch "^3.0.2"
 
+node-fetch@1.6.3:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.6.3.tgz#dc234edd6489982d58e8f0db4f695029abcd8c04"
+  dependencies:
+    encoding "^0.1.11"
+    is-stream "^1.0.1"
+
 node-fetch@^1.0.1:
   version "1.7.3"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
@@ -5762,10 +5796,28 @@ onetime@^2.0.0:
   dependencies:
     mimic-fn "^1.0.0"
 
+opencollective@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/opencollective/-/opencollective-1.0.3.tgz#aee6372bc28144583690c3ca8daecfc120dd0ef1"
+  dependencies:
+    babel-polyfill "6.23.0"
+    chalk "1.1.3"
+    inquirer "3.0.6"
+    minimist "1.2.0"
+    node-fetch "1.6.3"
+    opn "4.0.2"
+
 opener@^1.4.3:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.4.3.tgz#5c6da2c5d7e5831e8ffa3964950f8d6674ac90b8"
 
+opn@4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/opn/-/opn-4.0.2.tgz#7abc22e644dff63b0a96d5ab7f2790c0f01abc95"
+  dependencies:
+    object-assign "^4.0.1"
+    pinkie-promise "^2.0.0"
+
 optimist@^0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
@@ -6480,9 +6532,9 @@ radium@^0.19.0:
     inline-style-prefixer "^2.0.5"
     prop-types "^15.5.8"
 
-radium@^0.22.0:
+radium@^0.22.1:
-  version "0.22.0"
+  version "0.22.1"
-  resolved "https://registry.yarnpkg.com/radium/-/radium-0.22.0.tgz#0127708896a7dc592bdae4768e17054c8f4b29f9"
+  resolved "https://registry.yarnpkg.com/radium/-/radium-0.22.1.tgz#75c987a0d13f18a1709e925c89a5a1ec62dc7d1c"
   dependencies:
     exenv "^1.2.1"
     inline-style-prefixer "^4.0.0"
@@ -6587,12 +6639,12 @@ react-dom@^16.2.0:
     object-assign "^4.1.1"
     prop-types "^15.6.0"
 
-react-fela@6.2.4:
+react-fela@^7.0.1:
-  version "6.2.4"
+  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/react-fela/-/react-fela-6.2.4.tgz#18e5984c22d8eb8921ed4c43500a5f7608b91c40"
+  resolved "https://registry.yarnpkg.com/react-fela/-/react-fela-7.0.1.tgz#33638efb9abb61cb8d832a8839f5b3b02a139e23"
   dependencies:
-    fela-bindings "^1.3.4"
+    fela-bindings "^2.0.1"
-    fela-dom "^7.0.4"
+    fela-dom "^7.0.5"
     prop-types "^15.5.8"
 
 react-fuzzy@^0.5.1:
@@ -6726,20 +6778,20 @@ react@^16.2.0:
     object-assign "^4.1.1"
     prop-types "^15.6.0"
 
-reactxp@^0.51.8:
+reactxp@^1.0.0:
-  version "0.51.8"
+  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/reactxp/-/reactxp-0.51.8.tgz#e8ef1eaaa6fef35040f411a7b11193dc98f96a6e"
+  resolved "https://registry.yarnpkg.com/reactxp/-/reactxp-1.0.0.tgz#56565624ecc8fe4b347288a72883ac05eddf41f1"
   dependencies:
-    "@types/lodash" "^4.14.78"
+    "@types/lodash" "^4.14.80"
     "@types/react" "^16.0.36"
     "@types/react-dom" "^16.0.3"
     assert "^1.3.0"
     ifvisible "^1.1.0"
-    lodash "^4.17.1"
+    lodash "^4.17.4"
     prop-types "^15.5.9"
     rebound "^0.0.13"
     subscribableevent "^1.0.0"
-    synctasks "^0.3.0"
+    synctasks "^0.3.1"
 
 read-pkg-up@^1.0.1:
   version "1.0.1"
@@ -6864,7 +6916,7 @@ regenerate@^1.2.1:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.3.tgz#0c336d3980553d755c39b586ae3b20aa49c82b7f"
 
-regenerator-runtime@^0.10.5:
+regenerator-runtime@^0.10.0, regenerator-runtime@^0.10.5:
   version "0.10.5"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"
 
@@ -7114,6 +7166,10 @@ rx-lite@*, rx-lite@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-4.0.8.tgz#0b1e11af8bc44836f04a6407e92da42467b79444"
 
+rx@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782"
+
 rxjs@^5.4.2:
   version "5.5.6"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-5.5.6.tgz#e31fb96d6fd2ff1fd84bcea8ae9c02d007179c02"
@@ -7517,13 +7573,6 @@ strip-json-comments@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
 
-style-loader@0.20.1:
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.20.1.tgz#33ac2bf4d5c65a8906bc586ad253334c246998d0"
-  dependencies:
-    loader-utils "^1.1.0"
-    schema-utils "^0.4.3"
-
 style-loader@^0.19.1:
   version "0.19.1"
   resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.19.1.tgz#591ffc80bcefe268b77c5d9ebc0505d772619f85"
@@ -7531,73 +7580,80 @@ style-loader@^0.19.1:
     loader-utils "^1.0.2"
     schema-utils "^0.3.0"
 
-styled-components@^3.1.6:
+style-loader@^0.20.2:
-  version "3.1.6"
+  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-3.1.6.tgz#9c443146fa82c6659a9f64dd493bf2202480342e"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.20.2.tgz#851b373c187890331776e9cde359eea9c95ecd00"
+  dependencies:
+    loader-utils "^1.1.0"
+    schema-utils "^0.4.3"
+
+styled-components@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-3.2.0.tgz#5e063656783a66f6bf411153fcfe994572f3e848"
   dependencies:
     buffer "^5.0.3"
     css-to-react-native "^2.0.3"
     fbjs "^0.8.9"
     hoist-non-react-statics "^1.2.0"
     is-plain-object "^2.0.1"
+    opencollective "^1.0.3"
     prop-types "^15.5.4"
-    stylis "^3.4.0"
+    stylis "^3.4.10"
-    stylis-rule-sheet "^0.0.7"
+    stylis-rule-sheet "^0.0.8"
     supports-color "^3.2.3"
 
-styled-jsx@^2.2.4:
+styled-jsx@^2.2.5:
-  version "2.2.4"
+  version "2.2.5"
-  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-2.2.4.tgz#aac903fd0a4240c356af335261183aa8f8673075"
+  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-2.2.5.tgz#3eb98418720655421bfc1a680e2add581726a5e6"
   dependencies:
     babel-plugin-syntax-jsx "6.18.0"
     babel-types "6.26.0"
     convert-source-map "1.5.1"
     source-map "0.6.1"
     string-hash "1.1.3"
-    stylis "3.4.5"
+    stylis "3.4.10"
-    stylis-rule-sheet "0.0.7"
+    stylis-rule-sheet "0.0.8"
 
-styletron-client@3.0.4, styletron-client@^3.0.4:
+styletron-engine-atomic@^1.0.0:
-  version "3.0.4"
+  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/styletron-client/-/styletron-client-3.0.4.tgz#50c3fcdc7f45ed0693d68dc174bd0f2fa607cc57"
+  resolved "https://registry.yarnpkg.com/styletron-engine-atomic/-/styletron-engine-atomic-1.0.0.tgz#b8390fc6345d5864902cc2524da0749e559651b5"
   dependencies:
-    styletron-core "^3.0.4"
+    inline-style-prefixer "^4.0.0"
+    styletron-standard "^1.0.0"
 
-styletron-core@^3.0.4:
+styletron-react-core@^1.0.0:
-  version "3.0.4"
+  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/styletron-core/-/styletron-core-3.0.4.tgz#648081572a8de30acbe3008cd283c421565444bb"
+  resolved "https://registry.yarnpkg.com/styletron-react-core/-/styletron-react-core-1.0.0.tgz#1c361dbd7061b2e3e51ef4af0a96d40cbab93ca6"
-
-styletron-react@3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/styletron-react/-/styletron-react-3.0.4.tgz#fe7714778a809f6c2634b62a334fc0b6ba265a36"
   dependencies:
-    "@types/react" "*"
     prop-types "^15.6.0"
-    styletron-client "^3.0.4"
-    styletron-server "^3.0.4"
-    styletron-utils "^3.0.4"
 
-styletron-server@^3.0.4:
+styletron-react@^4.0.0:
-  version "3.0.4"
+  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/styletron-server/-/styletron-server-3.0.4.tgz#6bf24643b2ce84198d0fcb7c27308f00880c8dfd"
+  resolved "https://registry.yarnpkg.com/styletron-react/-/styletron-react-4.0.0.tgz#509a3ef920640b9871a025ac176b29793c9e300f"
   dependencies:
-    styletron-core "^3.0.4"
+    prop-types "^15.6.0"
+    styletron-react-core "^1.0.0"
+    styletron-standard "^1.0.0"
 
-styletron-utils@^3.0.4:
+styletron-standard@^1.0.0:
-  version "3.0.4"
+  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/styletron-utils/-/styletron-utils-3.0.4.tgz#6696320f6ade52383006c4d47e72c5c6a1f37b15"
+  resolved "https://registry.yarnpkg.com/styletron-standard/-/styletron-standard-1.0.0.tgz#9136a0e24d178bc9f7ef2448a7bb9999d103d76d"
   dependencies:
     inline-style-prefixer "^4.0.0"
 
-stylis-rule-sheet@0.0.7, stylis-rule-sheet@^0.0.7:
+stylis-rule-sheet@0.0.8, stylis-rule-sheet@^0.0.8:
-  version "0.0.7"
+  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/stylis-rule-sheet/-/stylis-rule-sheet-0.0.7.tgz#5c51dc879141a61821c2094ba91d2cbcf2469c6c"
+  resolved "https://registry.yarnpkg.com/stylis-rule-sheet/-/stylis-rule-sheet-0.0.8.tgz#b0d0a126c945b1f3047447a3aae0647013e8d166"
 
 stylis-rule-sheet@^0.0.5:
   version "0.0.5"
   resolved "https://registry.yarnpkg.com/stylis-rule-sheet/-/stylis-rule-sheet-0.0.5.tgz#ebae935cc1f6fb31b9b62dba47f2ea8b833dad9f"
 
-stylis@3.4.5, stylis@^3.3.2, stylis@^3.4.0:
+stylis@3.4.10, stylis@^3.4.10:
+  version "3.4.10"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.4.10.tgz#a135cab4b9ff208e327fbb5a6fde3fa991c638ee"
+
+stylis@^3.3.2:
   version "3.4.5"
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.4.5.tgz#d7b9595fc18e7b9c8775eca8270a9a1d3e59806e"
 
@@ -7656,7 +7712,7 @@ symbol-tree@^3.2.1:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.2.tgz#ae27db38f660a7ae2e1c3b7d1bc290819b8519e6"
 
-synctasks@^0.3.0:
+synctasks@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/synctasks/-/synctasks-0.3.1.tgz#1f9012b23792ad775ba2693e0cafcfcd65b80d97"