diff --git a/.changeset/olive-toys-try.md b/.changeset/olive-toys-try.md
new file mode 100644
index 0000000000..2c3875c402
--- /dev/null
+++ b/.changeset/olive-toys-try.md
@@ -0,0 +1,8 @@
+---
+'@react-select/docs': major
+'react-select': major
+---
+
+Upgrades Emotion dependency to v11.0.0
+
+BREAKING CHANGE: The NonceProvider component now requires a `cacheKey` prop that corresponds to the `key` for the Emotion cache.
diff --git a/babel.config.js b/babel.config.js
index 629bd0c472..be16f9c219 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,6 +1,6 @@
 module.exports = {
   plugins: [
-    'emotion',
+    '@emotion/babel-plugin',
     ['@babel/plugin-proposal-class-properties', { loose: true }],
     '@babel/plugin-transform-runtime',
   ],
diff --git a/docs/App/Footer.js b/docs/App/Footer.js
index e991fcad58..037bd524cb 100644
--- a/docs/App/Footer.js
+++ b/docs/App/Footer.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { type Node } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 
 // const smallDevice = '@media (max-width: 769px)';
 const largeDevice = '@media (min-width: 770px)';
diff --git a/docs/App/GitHubButton.js b/docs/App/GitHubButton.js
index 01ffae7ac4..250778a2af 100644
--- a/docs/App/GitHubButton.js
+++ b/docs/App/GitHubButton.js
@@ -1,6 +1,6 @@
 // @flow
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 
 type Props = { count: number, repo: string };
 
diff --git a/docs/App/Header.js b/docs/App/Header.js
index 303710ed16..c5ac2bc791 100644
--- a/docs/App/Header.js
+++ b/docs/App/Header.js
@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import fetch from 'unfetch';
 import { Component, type Node } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { withRouter } from 'react-router-dom';
 
 import Select from 'react-select';
diff --git a/docs/App/PageNav.js b/docs/App/PageNav.js
index 03caa781ec..b5e8751ac2 100644
--- a/docs/App/PageNav.js
+++ b/docs/App/PageNav.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { Component, type ElementRef } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { Route, Switch } from 'react-router-dom';
 
 import type { RouterProps } from '../types';
diff --git a/docs/App/TwitterButton.js b/docs/App/TwitterButton.js
index 1721ca0b9e..76d2eac0f7 100644
--- a/docs/App/TwitterButton.js
+++ b/docs/App/TwitterButton.js
@@ -1,6 +1,6 @@
 // @flow
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 
 const TwitterButton = () => (
   <div css={{ alignItems: 'center', display: 'inline-flex' }}>
diff --git a/docs/App/components.js b/docs/App/components.js
index 25fc7fb8fe..91569c684b 100644
--- a/docs/App/components.js
+++ b/docs/App/components.js
@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import { Component, type ElementConfig } from 'react';
 import { Link, withRouter } from 'react-router-dom';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 
 const navWidth = 180;
 const appWidth = 800;
diff --git a/docs/ExampleWrapper.js b/docs/ExampleWrapper.js
index 17869ff5d7..361dd9b02c 100644
--- a/docs/ExampleWrapper.js
+++ b/docs/ExampleWrapper.js
@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { jsx } from '@emotion/core'; // eslint-disable-line no-unused-vars
+import { jsx } from '@emotion/react'; // eslint-disable-line no-unused-vars
 import { Component } from 'react';
 import CodeSandboxer from 'react-codesandboxer';
 import { CodeBlock } from './markdown/renderer';
diff --git a/docs/Svg.js b/docs/Svg.js
index f447953555..59aa15e10e 100644
--- a/docs/Svg.js
+++ b/docs/Svg.js
@@ -1,6 +1,6 @@
 // @flow
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 
 const Svg = ({ size, ...props }: { size: number }) => (
   <svg
diff --git a/docs/examples/Experimental.js b/docs/examples/Experimental.js
index 7d67e0a3a0..c1dae1b314 100644
--- a/docs/examples/Experimental.js
+++ b/docs/examples/Experimental.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { Component } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import moment from 'moment';
 import chrono from 'chrono-node';
 
diff --git a/docs/examples/Popout.js b/docs/examples/Popout.js
index 676cd684ad..c44ed7ad52 100644
--- a/docs/examples/Popout.js
+++ b/docs/examples/Popout.js
@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import Button from '@atlaskit/button';
 
 import Select from 'react-select';
diff --git a/docs/examples/StyleCompositionExample.js b/docs/examples/StyleCompositionExample.js
index 9ea96092cb..3e7ab6928e 100644
--- a/docs/examples/StyleCompositionExample.js
+++ b/docs/examples/StyleCompositionExample.js
@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import Select from 'react-select';
 import { colourOptions } from '../data';
 
diff --git a/docs/markdown/renderer.js b/docs/markdown/renderer.js
index 0e3a23ae7e..01529f8516 100644
--- a/docs/markdown/renderer.js
+++ b/docs/markdown/renderer.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx emotionJSX */
 import md from 'react-markings';
-import { jsx as emotionJSX } from '@emotion/core'; // eslint-disable-line no-unused-vars
+import { jsx as emotionJSX } from '@emotion/react'; // eslint-disable-line no-unused-vars
 import { Link as RRLink } from 'react-router-dom';
 
 import Svg from '../Svg';
diff --git a/docs/package.json b/docs/package.json
index 4cf77cb385..78cab3ed4e 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -17,9 +17,9 @@
     "@babel/preset-flow": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
     "@babel/runtime": "^7.4.4",
-    "@emotion/core": "^10.0.9",
+    "@emotion/babel-plugin": "^11.0.0",
+    "@emotion/react": "^11.1.1",
     "babel-loader": "^8.0.0",
-    "babel-plugin-emotion": "^10.0.9",
     "chroma-js": "^1.3.6",
     "chrono-node": "^1.3.5",
     "codesandboxer": "^0.1.1",
diff --git a/docs/styled-components.js b/docs/styled-components.js
index 83aedf3074..d07941c426 100644
--- a/docs/styled-components.js
+++ b/docs/styled-components.js
@@ -1,6 +1,6 @@
 // @flow
 /** @jsx emotionJSX */
-import { jsx as emotionJSX } from '@emotion/core';
+import { jsx as emotionJSX } from '@emotion/react';
 
 import SyntaxHighlighter, {
   registerLanguage,
diff --git a/package.json b/package.json
index f737288e8e..fc27afd222 100644
--- a/package.json
+++ b/package.json
@@ -25,9 +25,11 @@
     "@babel/runtime": "^7.4.4",
     "@changesets/cli": "^2.0.3",
     "@changesets/get-github-info": "^0.2.1",
-    "@emotion/cache": "^10.0.9",
-    "@emotion/core": "^10.0.9",
-    "@emotion/css": "^10.0.9",
+    "@emotion/babel-plugin": "^11.0.0",
+    "@emotion/cache": "^11.0.0",
+    "@emotion/css": "^11.0.0",
+    "@emotion/jest": "^11.1.0",
+    "@emotion/react": "^11.1.1",
     "@preconstruct/cli": "^1.0.0",
     "@testing-library/dom": "7.0.4",
     "@testing-library/jest-dom": "5.1.1",
@@ -37,7 +39,6 @@
     "babel-eslint": "^9.0.0",
     "babel-jest": "^23.6.0",
     "babel-loader": "^8.0.0",
-    "babel-plugin-emotion": "^10.0.9",
     "bolt-check": "^0.3.0",
     "chroma-js": "^1.3.6",
     "chrono-node": "^1.3.5",
@@ -60,7 +61,6 @@
     "gh-pages": "^1.1.0",
     "html-webpack-plugin": "^3.2.0",
     "jest": "^25.1.0",
-    "jest-emotion": "^10.0.11",
     "jest-in-case": "^1.0.2",
     "memoize-one": "^5.0.0",
     "moment": "^2.20.1",
@@ -133,7 +133,7 @@
       "./test-setup.js"
     ],
     "snapshotSerializers": [
-      "jest-emotion"
+      "@emotion/jest/serializer"
     ]
   },
   "workspaces": [
diff --git a/packages/react-select/package.json b/packages/react-select/package.json
index c5ef110492..48dd04c9e8 100644
--- a/packages/react-select/package.json
+++ b/packages/react-select/package.json
@@ -10,9 +10,9 @@
   "repository": "https://github.com/JedWatson/react-select/tree/master/packages/react-select",
   "dependencies": {
     "@babel/runtime": "^7.4.4",
-    "@emotion/cache": "^10.0.9",
-    "@emotion/core": "^10.0.9",
-    "@emotion/css": "^10.0.9",
+    "@emotion/cache": "^11.0.0",
+    "@emotion/css": "^11.0.0",
+    "@emotion/react": "^11.1.1",
     "memoize-one": "^5.0.0",
     "prop-types": "^15.6.0",
     "react-input-autosize": "^3.0.0",
diff --git a/packages/react-select/src/NonceProvider.js b/packages/react-select/src/NonceProvider.js
index 1666ea243f..124c2a135d 100644
--- a/packages/react-select/src/NonceProvider.js
+++ b/packages/react-select/src/NonceProvider.js
@@ -1,12 +1,13 @@
 // @flow
 import React, { Component, type Node } from 'react';
-import { CacheProvider } from '@emotion/core';
+import { CacheProvider } from '@emotion/react';
 import createCache from '@emotion/cache';
 import memoizeOne from 'memoize-one';
 
 type NonceProviderProps = {
   nonce: string,
   children: Node,
+  cacheKey: string,
 };
 
 export default class NonceProvider extends Component<NonceProviderProps> {
@@ -14,11 +15,14 @@ export default class NonceProvider extends Component<NonceProviderProps> {
     super(props);
     this.createEmotionCache = memoizeOne(this.createEmotionCache);
   }
-  createEmotionCache = (nonce: string) => {
-    return createCache({ nonce });
+  createEmotionCache = (nonce: string, key: string) => {
+    return createCache({ nonce, key });
   };
   render() {
-    const emotionCache = this.createEmotionCache(this.props.nonce);
+    const emotionCache = this.createEmotionCache(
+      this.props.nonce,
+      this.props.cacheKey
+    );
     return (
       <CacheProvider value={emotionCache}>{this.props.children}</CacheProvider>
     );
diff --git a/packages/react-select/src/__tests__/Select.test.js b/packages/react-select/src/__tests__/Select.test.js
index abc098c6b5..38fba15734 100644
--- a/packages/react-select/src/__tests__/Select.test.js
+++ b/packages/react-select/src/__tests__/Select.test.js
@@ -12,7 +12,7 @@ import {
 } from './constants';
 import Select from '../Select';
 
-import { matchers } from 'jest-emotion';
+import { matchers } from '@emotion/jest';
 
 expect.extend(matchers);
 
diff --git a/packages/react-select/src/__tests__/__snapshots__/Async.test.js.snap b/packages/react-select/src/__tests__/__snapshots__/Async.test.js.snap
index 23814a323b..f49adead6e 100644
--- a/packages/react-select/src/__tests__/__snapshots__/Async.test.js.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/Async.test.js.snap
@@ -1,18 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`defaults - snapshot 1`] = `
-.emotion-8 {
+.emotion-0 {
   position: relative;
   box-sizing: border-box;
 }
 
-.emotion-7 {
+.emotion-1 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background-color: hsl(0,0%,100%);
-  border-color: hsl(0,0%,80%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 80%);
   border-radius: 4px;
   border-style: solid;
   border-width: 1px;
@@ -21,23 +21,23 @@ exports[`defaults - snapshot 1`] = `
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
   justify-content: space-between;
   min-height: 38px;
-  outline: 0 !important;
+  outline: 0!important;
   position: relative;
   -webkit-transition: all 100ms;
   transition: all 100ms;
   box-sizing: border-box;
 }
 
-.emotion-7:hover {
-  border-color: hsl(0,0%,70%);
+.emotion-1:hover {
+  border-color: hsl(0, 0%, 70%);
 }
 
 .emotion-2 {
@@ -52,6 +52,7 @@ exports[`defaults - snapshot 1`] = `
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
+  -webkit-box-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -62,28 +63,29 @@ exports[`defaults - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-0 {
-  color: hsl(0,0%,50%);
+.emotion-3 {
+  color: hsl(0, 0%, 50%);
   margin-left: 2px;
   margin-right: 2px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   box-sizing: border-box;
 }
 
-.emotion-1 {
+.emotion-4 {
   margin: 2px;
   padding-bottom: 2px;
   padding-top: 2px;
   visibility: visible;
-  color: hsl(0,0%,20%);
+  color: hsl(0, 0%, 20%);
   box-sizing: border-box;
 }
 
-.emotion-6 {
+.emotion-5 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -101,19 +103,19 @@ exports[`defaults - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-3 {
+.emotion-6 {
   -webkit-align-self: stretch;
   -ms-flex-item-align: stretch;
   align-self: stretch;
-  background-color: hsl(0,0%,80%);
+  background-color: hsl(0, 0%, 80%);
   margin-bottom: 8px;
   margin-top: 8px;
   width: 1px;
   box-sizing: border-box;
 }
 
-.emotion-5 {
-  color: hsl(0,0%,80%);
+.emotion-7 {
+  color: hsl(0, 0%, 80%);
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -124,11 +126,11 @@ exports[`defaults - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-5:hover {
-  color: hsl(0,0%,60%);
+.emotion-7:hover {
+  color: hsl(0, 0%, 60%);
 }
 
-.emotion-4 {
+.emotion-8 {
   display: inline-block;
   fill: currentColor;
   line-height: 1;
@@ -138,21 +140,21 @@ exports[`defaults - snapshot 1`] = `
 
 <div>
   <div
-    class=" emotion-8"
+    class=" emotion-0"
   >
     <div
-      class=" emotion-7"
+      class=" emotion-1"
     >
       <div
         class=" emotion-2"
       >
         <div
-          class=" emotion-0"
+          class=" emotion-3"
         >
           Select...
         </div>
         <div
-          class="emotion-1"
+          class="emotion-4"
         >
           <div
             class=""
@@ -177,18 +179,18 @@ exports[`defaults - snapshot 1`] = `
         </div>
       </div>
       <div
-        class=" emotion-6"
+        class=" emotion-5"
       >
         <span
-          class=" emotion-3"
+          class=" emotion-6"
         />
         <div
           aria-hidden="true"
-          class=" emotion-5"
+          class=" emotion-7"
         >
           <svg
             aria-hidden="true"
-            class="emotion-4"
+            class="emotion-8"
             focusable="false"
             height="20"
             viewBox="0 0 20 20"
diff --git a/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.js.snap b/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.js.snap
index 23814a323b..f49adead6e 100644
--- a/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.js.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.js.snap
@@ -1,18 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`defaults - snapshot 1`] = `
-.emotion-8 {
+.emotion-0 {
   position: relative;
   box-sizing: border-box;
 }
 
-.emotion-7 {
+.emotion-1 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background-color: hsl(0,0%,100%);
-  border-color: hsl(0,0%,80%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 80%);
   border-radius: 4px;
   border-style: solid;
   border-width: 1px;
@@ -21,23 +21,23 @@ exports[`defaults - snapshot 1`] = `
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
   justify-content: space-between;
   min-height: 38px;
-  outline: 0 !important;
+  outline: 0!important;
   position: relative;
   -webkit-transition: all 100ms;
   transition: all 100ms;
   box-sizing: border-box;
 }
 
-.emotion-7:hover {
-  border-color: hsl(0,0%,70%);
+.emotion-1:hover {
+  border-color: hsl(0, 0%, 70%);
 }
 
 .emotion-2 {
@@ -52,6 +52,7 @@ exports[`defaults - snapshot 1`] = `
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
+  -webkit-box-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -62,28 +63,29 @@ exports[`defaults - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-0 {
-  color: hsl(0,0%,50%);
+.emotion-3 {
+  color: hsl(0, 0%, 50%);
   margin-left: 2px;
   margin-right: 2px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   box-sizing: border-box;
 }
 
-.emotion-1 {
+.emotion-4 {
   margin: 2px;
   padding-bottom: 2px;
   padding-top: 2px;
   visibility: visible;
-  color: hsl(0,0%,20%);
+  color: hsl(0, 0%, 20%);
   box-sizing: border-box;
 }
 
-.emotion-6 {
+.emotion-5 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -101,19 +103,19 @@ exports[`defaults - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-3 {
+.emotion-6 {
   -webkit-align-self: stretch;
   -ms-flex-item-align: stretch;
   align-self: stretch;
-  background-color: hsl(0,0%,80%);
+  background-color: hsl(0, 0%, 80%);
   margin-bottom: 8px;
   margin-top: 8px;
   width: 1px;
   box-sizing: border-box;
 }
 
-.emotion-5 {
-  color: hsl(0,0%,80%);
+.emotion-7 {
+  color: hsl(0, 0%, 80%);
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -124,11 +126,11 @@ exports[`defaults - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-5:hover {
-  color: hsl(0,0%,60%);
+.emotion-7:hover {
+  color: hsl(0, 0%, 60%);
 }
 
-.emotion-4 {
+.emotion-8 {
   display: inline-block;
   fill: currentColor;
   line-height: 1;
@@ -138,21 +140,21 @@ exports[`defaults - snapshot 1`] = `
 
 <div>
   <div
-    class=" emotion-8"
+    class=" emotion-0"
   >
     <div
-      class=" emotion-7"
+      class=" emotion-1"
     >
       <div
         class=" emotion-2"
       >
         <div
-          class=" emotion-0"
+          class=" emotion-3"
         >
           Select...
         </div>
         <div
-          class="emotion-1"
+          class="emotion-4"
         >
           <div
             class=""
@@ -177,18 +179,18 @@ exports[`defaults - snapshot 1`] = `
         </div>
       </div>
       <div
-        class=" emotion-6"
+        class=" emotion-5"
       >
         <span
-          class=" emotion-3"
+          class=" emotion-6"
         />
         <div
           aria-hidden="true"
-          class=" emotion-5"
+          class=" emotion-7"
         >
           <svg
             aria-hidden="true"
-            class="emotion-4"
+            class="emotion-8"
             focusable="false"
             height="20"
             viewBox="0 0 20 20"
diff --git a/packages/react-select/src/__tests__/__snapshots__/Creatable.test.js.snap b/packages/react-select/src/__tests__/__snapshots__/Creatable.test.js.snap
index 23814a323b..f49adead6e 100644
--- a/packages/react-select/src/__tests__/__snapshots__/Creatable.test.js.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/Creatable.test.js.snap
@@ -1,18 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`defaults - snapshot 1`] = `
-.emotion-8 {
+.emotion-0 {
   position: relative;
   box-sizing: border-box;
 }
 
-.emotion-7 {
+.emotion-1 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background-color: hsl(0,0%,100%);
-  border-color: hsl(0,0%,80%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 80%);
   border-radius: 4px;
   border-style: solid;
   border-width: 1px;
@@ -21,23 +21,23 @@ exports[`defaults - snapshot 1`] = `
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
   justify-content: space-between;
   min-height: 38px;
-  outline: 0 !important;
+  outline: 0!important;
   position: relative;
   -webkit-transition: all 100ms;
   transition: all 100ms;
   box-sizing: border-box;
 }
 
-.emotion-7:hover {
-  border-color: hsl(0,0%,70%);
+.emotion-1:hover {
+  border-color: hsl(0, 0%, 70%);
 }
 
 .emotion-2 {
@@ -52,6 +52,7 @@ exports[`defaults - snapshot 1`] = `
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
+  -webkit-box-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -62,28 +63,29 @@ exports[`defaults - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-0 {
-  color: hsl(0,0%,50%);
+.emotion-3 {
+  color: hsl(0, 0%, 50%);
   margin-left: 2px;
   margin-right: 2px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   box-sizing: border-box;
 }
 
-.emotion-1 {
+.emotion-4 {
   margin: 2px;
   padding-bottom: 2px;
   padding-top: 2px;
   visibility: visible;
-  color: hsl(0,0%,20%);
+  color: hsl(0, 0%, 20%);
   box-sizing: border-box;
 }
 
-.emotion-6 {
+.emotion-5 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -101,19 +103,19 @@ exports[`defaults - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-3 {
+.emotion-6 {
   -webkit-align-self: stretch;
   -ms-flex-item-align: stretch;
   align-self: stretch;
-  background-color: hsl(0,0%,80%);
+  background-color: hsl(0, 0%, 80%);
   margin-bottom: 8px;
   margin-top: 8px;
   width: 1px;
   box-sizing: border-box;
 }
 
-.emotion-5 {
-  color: hsl(0,0%,80%);
+.emotion-7 {
+  color: hsl(0, 0%, 80%);
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -124,11 +126,11 @@ exports[`defaults - snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-5:hover {
-  color: hsl(0,0%,60%);
+.emotion-7:hover {
+  color: hsl(0, 0%, 60%);
 }
 
-.emotion-4 {
+.emotion-8 {
   display: inline-block;
   fill: currentColor;
   line-height: 1;
@@ -138,21 +140,21 @@ exports[`defaults - snapshot 1`] = `
 
 <div>
   <div
-    class=" emotion-8"
+    class=" emotion-0"
   >
     <div
-      class=" emotion-7"
+      class=" emotion-1"
     >
       <div
         class=" emotion-2"
       >
         <div
-          class=" emotion-0"
+          class=" emotion-3"
         >
           Select...
         </div>
         <div
-          class="emotion-1"
+          class="emotion-4"
         >
           <div
             class=""
@@ -177,18 +179,18 @@ exports[`defaults - snapshot 1`] = `
         </div>
       </div>
       <div
-        class=" emotion-6"
+        class=" emotion-5"
       >
         <span
-          class=" emotion-3"
+          class=" emotion-6"
         />
         <div
           aria-hidden="true"
-          class=" emotion-5"
+          class=" emotion-7"
         >
           <svg
             aria-hidden="true"
-            class="emotion-4"
+            class="emotion-8"
             focusable="false"
             height="20"
             viewBox="0 0 20 20"
diff --git a/packages/react-select/src/__tests__/__snapshots__/Select.test.js.snap b/packages/react-select/src/__tests__/__snapshots__/Select.test.js.snap
index 617df280b7..c43176a9a5 100644
--- a/packages/react-select/src/__tests__/__snapshots__/Select.test.js.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/Select.test.js.snap
@@ -1,18 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`snapshot - defaults 1`] = `
-.emotion-8 {
+.emotion-0 {
   position: relative;
   box-sizing: border-box;
 }
 
-.emotion-7 {
+.emotion-1 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background-color: hsl(0,0%,100%);
-  border-color: hsl(0,0%,80%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 80%);
   border-radius: 4px;
   border-style: solid;
   border-width: 1px;
@@ -21,23 +21,23 @@ exports[`snapshot - defaults 1`] = `
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
   justify-content: space-between;
   min-height: 38px;
-  outline: 0 !important;
+  outline: 0!important;
   position: relative;
   -webkit-transition: all 100ms;
   transition: all 100ms;
   box-sizing: border-box;
 }
 
-.emotion-7:hover {
-  border-color: hsl(0,0%,70%);
+.emotion-1:hover {
+  border-color: hsl(0, 0%, 70%);
 }
 
 .emotion-2 {
@@ -52,6 +52,7 @@ exports[`snapshot - defaults 1`] = `
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
+  -webkit-box-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -62,28 +63,29 @@ exports[`snapshot - defaults 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-0 {
-  color: hsl(0,0%,50%);
+.emotion-3 {
+  color: hsl(0, 0%, 50%);
   margin-left: 2px;
   margin-right: 2px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   box-sizing: border-box;
 }
 
-.emotion-1 {
+.emotion-4 {
   margin: 2px;
   padding-bottom: 2px;
   padding-top: 2px;
   visibility: visible;
-  color: hsl(0,0%,20%);
+  color: hsl(0, 0%, 20%);
   box-sizing: border-box;
 }
 
-.emotion-6 {
+.emotion-5 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -101,19 +103,19 @@ exports[`snapshot - defaults 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-3 {
+.emotion-6 {
   -webkit-align-self: stretch;
   -ms-flex-item-align: stretch;
   align-self: stretch;
-  background-color: hsl(0,0%,80%);
+  background-color: hsl(0, 0%, 80%);
   margin-bottom: 8px;
   margin-top: 8px;
   width: 1px;
   box-sizing: border-box;
 }
 
-.emotion-5 {
-  color: hsl(0,0%,80%);
+.emotion-7 {
+  color: hsl(0, 0%, 80%);
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -124,11 +126,11 @@ exports[`snapshot - defaults 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-5:hover {
-  color: hsl(0,0%,60%);
+.emotion-7:hover {
+  color: hsl(0, 0%, 60%);
 }
 
-.emotion-4 {
+.emotion-8 {
   display: inline-block;
   fill: currentColor;
   line-height: 1;
@@ -138,21 +140,21 @@ exports[`snapshot - defaults 1`] = `
 
 <div>
   <div
-    class=" emotion-8"
+    class=" emotion-0"
   >
     <div
-      class=" emotion-7"
+      class=" emotion-1"
     >
       <div
         class=" emotion-2"
       >
         <div
-          class=" emotion-0"
+          class=" emotion-3"
         >
           Select...
         </div>
         <div
-          class="emotion-1"
+          class="emotion-4"
         >
           <div
             class=""
@@ -177,18 +179,18 @@ exports[`snapshot - defaults 1`] = `
         </div>
       </div>
       <div
-        class=" emotion-6"
+        class=" emotion-5"
       >
         <span
-          class=" emotion-3"
+          class=" emotion-6"
         />
         <div
           aria-hidden="true"
-          class=" emotion-5"
+          class=" emotion-7"
         >
           <svg
             aria-hidden="true"
-            class="emotion-4"
+            class="emotion-8"
             focusable="false"
             height="20"
             viewBox="0 0 20 20"
diff --git a/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.js.snap b/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.js.snap
index 64ab356056..86d293278c 100644
--- a/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.js.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.js.snap
@@ -1,18 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`defaults > snapshot 1`] = `
-.emotion-8 {
+.emotion-0 {
   position: relative;
   box-sizing: border-box;
 }
 
-.emotion-7 {
+.emotion-1 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background-color: hsl(0,0%,100%);
-  border-color: hsl(0,0%,80%);
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 80%);
   border-radius: 4px;
   border-style: solid;
   border-width: 1px;
@@ -21,23 +21,23 @@ exports[`defaults > snapshot 1`] = `
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
   justify-content: space-between;
   min-height: 38px;
-  outline: 0 !important;
+  outline: 0!important;
   position: relative;
   -webkit-transition: all 100ms;
   transition: all 100ms;
   box-sizing: border-box;
 }
 
-.emotion-7:hover {
-  border-color: hsl(0,0%,70%);
+.emotion-1:hover {
+  border-color: hsl(0, 0%, 70%);
 }
 
 .emotion-2 {
@@ -52,6 +52,7 @@ exports[`defaults > snapshot 1`] = `
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
+  -webkit-box-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -62,28 +63,29 @@ exports[`defaults > snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-0 {
-  color: hsl(0,0%,50%);
+.emotion-3 {
+  color: hsl(0, 0%, 50%);
   margin-left: 2px;
   margin-right: 2px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   box-sizing: border-box;
 }
 
-.emotion-1 {
+.emotion-4 {
   margin: 2px;
   padding-bottom: 2px;
   padding-top: 2px;
   visibility: visible;
-  color: hsl(0,0%,20%);
+  color: hsl(0, 0%, 20%);
   box-sizing: border-box;
 }
 
-.emotion-6 {
+.emotion-5 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -101,19 +103,19 @@ exports[`defaults > snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-3 {
+.emotion-6 {
   -webkit-align-self: stretch;
   -ms-flex-item-align: stretch;
   align-self: stretch;
-  background-color: hsl(0,0%,80%);
+  background-color: hsl(0, 0%, 80%);
   margin-bottom: 8px;
   margin-top: 8px;
   width: 1px;
   box-sizing: border-box;
 }
 
-.emotion-5 {
-  color: hsl(0,0%,80%);
+.emotion-7 {
+  color: hsl(0, 0%, 80%);
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -124,11 +126,11 @@ exports[`defaults > snapshot 1`] = `
   box-sizing: border-box;
 }
 
-.emotion-5:hover {
-  color: hsl(0,0%,60%);
+.emotion-7:hover {
+  color: hsl(0, 0%, 60%);
 }
 
-.emotion-4 {
+.emotion-8 {
   display: inline-block;
   fill: currentColor;
   line-height: 1;
@@ -138,21 +140,21 @@ exports[`defaults > snapshot 1`] = `
 
 <div>
   <div
-    class=" emotion-8"
+    class=" emotion-0"
   >
     <div
-      class=" emotion-7"
+      class=" emotion-1"
     >
       <div
         class=" emotion-2"
       >
         <div
-          class=" emotion-0"
+          class=" emotion-3"
         >
           Select...
         </div>
         <div
-          class="emotion-1"
+          class="emotion-4"
         >
           <div
             class=""
@@ -177,18 +179,18 @@ exports[`defaults > snapshot 1`] = `
         </div>
       </div>
       <div
-        class=" emotion-6"
+        class=" emotion-5"
       >
         <span
-          class=" emotion-3"
+          class=" emotion-6"
         />
         <div
           aria-hidden="true"
-          class=" emotion-5"
+          class=" emotion-7"
         >
           <svg
             aria-hidden="true"
-            class="emotion-4"
+            class="emotion-8"
             focusable="false"
             height="20"
             viewBox="0 0 20 20"
diff --git a/packages/react-select/src/components/Control.js b/packages/react-select/src/components/Control.js
index 07cc8cf1f9..9f4fb78851 100644
--- a/packages/react-select/src/components/Control.js
+++ b/packages/react-select/src/components/Control.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { type Node, type ElementRef } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 
 import type { CommonProps, PropsWithStyles } from '../types';
 
diff --git a/packages/react-select/src/components/Group.js b/packages/react-select/src/components/Group.js
index f100091509..1aba92158a 100644
--- a/packages/react-select/src/components/Group.js
+++ b/packages/react-select/src/components/Group.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { type Node, type ComponentType } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 
 import type { CommonProps } from '../types';
 
diff --git a/packages/react-select/src/components/Input.js b/packages/react-select/src/components/Input.js
index 34564a70a1..25ca189a4c 100644
--- a/packages/react-select/src/components/Input.js
+++ b/packages/react-select/src/components/Input.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { type ElementRef } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import AutosizeInput from 'react-input-autosize';
 
 import type { PropsWithStyles, ClassNamesState } from '../types';
diff --git a/packages/react-select/src/components/Menu.js b/packages/react-select/src/components/Menu.js
index e2b5ae86f2..8b585bb013 100644
--- a/packages/react-select/src/components/Menu.js
+++ b/packages/react-select/src/components/Menu.js
@@ -7,7 +7,7 @@ import {
   type ElementRef,
   type Node,
 } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { createPortal } from 'react-dom';
 
 import {
diff --git a/packages/react-select/src/components/MultiValue.js b/packages/react-select/src/components/MultiValue.js
index c5ca10d19e..36f66c9286 100644
--- a/packages/react-select/src/components/MultiValue.js
+++ b/packages/react-select/src/components/MultiValue.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { type Node } from 'react';
-import { jsx, ClassNames } from '@emotion/core';
+import { jsx, ClassNames } from '@emotion/react';
 import { CrossIcon } from './indicators';
 import type { CommonProps } from '../types';
 
diff --git a/packages/react-select/src/components/Option.js b/packages/react-select/src/components/Option.js
index de4eeff676..ff954a21e7 100644
--- a/packages/react-select/src/components/Option.js
+++ b/packages/react-select/src/components/Option.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { type Node } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 
 import type { CommonProps, PropsWithStyles, InnerRef } from '../types';
 
diff --git a/packages/react-select/src/components/Placeholder.js b/packages/react-select/src/components/Placeholder.js
index fb7cc15a77..71800825f6 100644
--- a/packages/react-select/src/components/Placeholder.js
+++ b/packages/react-select/src/components/Placeholder.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { type Node } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import type { CommonProps } from '../types';
 
 export type PlaceholderProps = CommonProps & {
diff --git a/packages/react-select/src/components/SingleValue.js b/packages/react-select/src/components/SingleValue.js
index eb15be2b07..9a23e8b2b0 100644
--- a/packages/react-select/src/components/SingleValue.js
+++ b/packages/react-select/src/components/SingleValue.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import type { CommonProps } from '../types';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 
 type State = {
   /** Whether this is disabled. */
diff --git a/packages/react-select/src/components/containers.js b/packages/react-select/src/components/containers.js
index 5d1536a63c..9656a16dba 100644
--- a/packages/react-select/src/components/containers.js
+++ b/packages/react-select/src/components/containers.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { type Node } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import type { CommonProps, KeyboardEventHandler } from '../types';
 
 // ==============================
diff --git a/packages/react-select/src/components/indicators.js b/packages/react-select/src/components/indicators.js
index 343e866f5d..aaee645984 100644
--- a/packages/react-select/src/components/indicators.js
+++ b/packages/react-select/src/components/indicators.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { type Node } from 'react';
-import { jsx, keyframes } from '@emotion/core';
+import { jsx, keyframes } from '@emotion/react';
 
 import type { CommonProps, Theme } from '../types';
 
diff --git a/packages/react-select/src/internal/A11yText.js b/packages/react-select/src/internal/A11yText.js
index 617eff39d5..02c6f6707d 100644
--- a/packages/react-select/src/internal/A11yText.js
+++ b/packages/react-select/src/internal/A11yText.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { type ElementConfig } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 
 // Assistive text to describe visual elements. Hidden for sighted users.
 const A11yText = (props: ElementConfig<'span'>) => (
diff --git a/packages/react-select/src/internal/DummyInput.js b/packages/react-select/src/internal/DummyInput.js
index 44816f9396..347f84e8f4 100644
--- a/packages/react-select/src/internal/DummyInput.js
+++ b/packages/react-select/src/internal/DummyInput.js
@@ -1,6 +1,6 @@
 // @flow
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 
 export default function DummyInput({
   in: inProp,
diff --git a/packages/react-select/src/internal/ScrollBlock.js b/packages/react-select/src/internal/ScrollBlock.js
index c0e7f8de87..db1955a898 100644
--- a/packages/react-select/src/internal/ScrollBlock.js
+++ b/packages/react-select/src/internal/ScrollBlock.js
@@ -1,7 +1,7 @@
 // @flow
 /** @jsx jsx */
 import { PureComponent, type Element } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import NodeResolver from './NodeResolver';
 import ScrollLock from './ScrollLock/index';
 
diff --git a/yarn.lock b/yarn.lock
index 5159b3b591..3d3c773d6b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -268,6 +268,13 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
+"@babel/helper-module-imports@^7.7.0":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.12.5.tgz#1bfc0229f794988f76ed0a4d4e90860850b54dfb"
+  integrity sha512-SR713Ogqg6++uexFRORf/+nPXMmWIn80TALu0uaFb+iQIUoR7bOC7zBWyzBs5b3tBBJXuyD0cRu1F15GyzjOWA==
+  dependencies:
+    "@babel/types" "^7.12.5"
+
 "@babel/helper-module-transforms@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.10.4.tgz#ca1f01fdb84e48c24d7506bb818c961f1da8805d"
@@ -520,6 +527,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-syntax-jsx@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.12.1.tgz#9d9d357cc818aa7ae7935917c1257f67677a0926"
+  integrity sha512-1yRi7yAtB0ETgxdY9ti/p2TivUxJkTdhu/ZbF9MshVGqOx1TdB3b7xCXs49Fupgg50N45KcAsRP/ZqWjs9SRjg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
@@ -1046,6 +1060,15 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.12.5":
+  version "7.12.6"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.6.tgz#ae0e55ef1cce1fbc881cd26f8234eb3e657edc96"
+  integrity sha512-hwyjw6GvjBLiyy3W0YQf0Z5Zf4NpYejUnKFcfcUhZCSffoBBp30w6wP2Wn6pk31jMYZvcOrB/1b7cGXvEoKogA==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    lodash "^4.17.19"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -1292,6 +1315,24 @@
     debug "^3.1.0"
     lodash.once "^4.1.1"
 
+"@emotion/babel-plugin@^11.0.0":
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.0.0.tgz#e6f40fa81ef52775773a53d50220c597ebc5c2ef"
+  integrity sha512-w3YP0jlqrNwBBaSI6W+r80fOKF6l9QmsPfLNx5YWSHwrxjVZhM+L50gY7YCVAvlfr1/qdD1vsFN+PDZmLvt42Q==
+  dependencies:
+    "@babel/helper-module-imports" "^7.7.0"
+    "@babel/plugin-syntax-jsx" "^7.12.1"
+    "@babel/runtime" "^7.7.2"
+    "@emotion/hash" "^0.8.0"
+    "@emotion/memoize" "^0.7.4"
+    "@emotion/serialize" "^1.0.0"
+    babel-plugin-macros "^2.6.1"
+    convert-source-map "^1.5.0"
+    escape-string-regexp "^4.0.0"
+    find-root "^1.1.0"
+    source-map "^0.5.7"
+    stylis "^4.0.3"
+
 "@emotion/babel-utils@^0.6.4":
   version "0.6.10"
   resolved "https://registry.yarnpkg.com/@emotion/babel-utils/-/babel-utils-0.6.10.tgz#83dbf3dfa933fae9fc566e54fbb45f14674c6ccc"
@@ -1304,67 +1345,79 @@
     find-root "^1.1.0"
     source-map "^0.7.2"
 
-"@emotion/cache@^10.0.27", "@emotion/cache@^10.0.9":
-  version "10.0.29"
-  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-10.0.29.tgz#87e7e64f412c060102d589fe7c6dc042e6f9d1e0"
-  integrity sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ==
+"@emotion/cache@^11.0.0":
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.0.0.tgz#473adcaf9e04c6a0e30fb1421e79a209a96818f8"
+  integrity sha512-NStfcnLkL5vj3mBILvkR2m/5vFxo3G0QEreYKDGHNHm9IMYoT/t3j6xwjx6lMI/S1LUJfVHQqn0m9wSINttTTQ==
   dependencies:
-    "@emotion/sheet" "0.9.4"
-    "@emotion/stylis" "0.8.5"
-    "@emotion/utils" "0.11.3"
-    "@emotion/weak-memoize" "0.2.5"
+    "@emotion/memoize" "^0.7.4"
+    "@emotion/sheet" "^1.0.0"
+    "@emotion/utils" "^1.0.0"
+    "@emotion/weak-memoize" "^0.2.5"
+    stylis "^4.0.3"
 
-"@emotion/core@^10.0.9":
-  version "10.0.28"
-  resolved "https://registry.yarnpkg.com/@emotion/core/-/core-10.0.28.tgz#bb65af7262a234593a9e952c041d0f1c9b9bef3d"
-  integrity sha512-pH8UueKYO5jgg0Iq+AmCLxBsvuGtvlmiDCOuv8fGNYn3cowFpLN98L8zO56U0H1PjDIyAlXymgL3Wu7u7v6hbA==
+"@emotion/css-prettifier@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@emotion/css-prettifier/-/css-prettifier-1.0.0.tgz#3ed4240d93c9798c001cedf27dd0aa960bdddd1a"
+  integrity sha512-efxSrRTiTqHTQVKW15Gz5H4pNAw8OqcG8NaiwkJIkqIdNXTD4Qr1zC1Ou6r2acd1oJJ2s56nb1ClnXMiWoj6gQ==
   dependencies:
-    "@babel/runtime" "^7.5.5"
-    "@emotion/cache" "^10.0.27"
-    "@emotion/css" "^10.0.27"
-    "@emotion/serialize" "^0.11.15"
-    "@emotion/sheet" "0.9.4"
-    "@emotion/utils" "0.11.3"
-
-"@emotion/css@^10.0.27", "@emotion/css@^10.0.9":
-  version "10.0.27"
-  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-10.0.27.tgz#3a7458198fbbebb53b01b2b87f64e5e21241e14c"
-  integrity sha512-6wZjsvYeBhyZQYNrGoR5yPMYbMBNEnanDrqmsqS1mzDm1cOTu12shvl2j4QHNS36UaTE0USIJawCH9C8oW34Zw==
-  dependencies:
-    "@emotion/serialize" "^0.11.15"
-    "@emotion/utils" "0.11.3"
-    babel-plugin-emotion "^10.0.27"
-
-"@emotion/hash@0.8.0":
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
-  integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
+    "@emotion/memoize" "^0.7.4"
+    stylis "^4.0.3"
+
+"@emotion/css@^11.0.0":
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-11.0.0.tgz#804dcec7e4990019a08e678c1145d34208923acb"
+  integrity sha512-i7/uzTYcoP0hIW9V4YobD/mYAt6rjNySr9g6CS7JEFsRDfskg4nUczzIehALfacDaHbHaOQYaNDHBGuD/AtW5A==
+  dependencies:
+    "@emotion/babel-plugin" "^11.0.0"
+    "@emotion/cache" "^11.0.0"
+    "@emotion/serialize" "^1.0.0"
+    "@emotion/sheet" "^1.0.0"
+    "@emotion/utils" "^1.0.0"
 
 "@emotion/hash@^0.6.2", "@emotion/hash@^0.6.6":
   version "0.6.6"
   resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.6.6.tgz#62266c5f0eac6941fece302abad69f2ee7e25e44"
   integrity sha512-ojhgxzUHZ7am3D2jHkMzPpsBAiB005GF5YU4ea+8DNPybMk01JJUM9V9YRlF/GE95tcOm8DxQvWA2jq19bGalQ==
 
-"@emotion/memoize@0.7.4":
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
-  integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
+"@emotion/hash@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
+  integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
+
+"@emotion/jest@^11.1.0":
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/@emotion/jest/-/jest-11.1.0.tgz#ee498838f5f8cfc3c31be38543036372f36ebf4b"
+  integrity sha512-nkJY5U/cM3WjFYoKozy4WSKILmV3Y2P/uMynI9HVoCTNuYHSdu0djQBHL6zqBmpRya0sjVT1Sv7lasYYwVoMFg==
+  dependencies:
+    "@babel/runtime" "^7.7.2"
+    "@emotion/css-prettifier" "^1.0.0"
+    chalk "^4.1.0"
+    specificity "^0.4.1"
+    stylis "^4.0.3"
 
 "@emotion/memoize@^0.6.1", "@emotion/memoize@^0.6.6":
   version "0.6.6"
   resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.6.6.tgz#004b98298d04c7ca3b4f50ca2035d4f60d2eed1b"
   integrity sha512-h4t4jFjtm1YV7UirAFuSuFGyLa+NNxjdkq6DpFLANNQY5rHueFZHVY+8Cu1HYVP6DrheB0kv4m5xPjo7eKT7yQ==
 
-"@emotion/serialize@^0.11.15", "@emotion/serialize@^0.11.16":
-  version "0.11.16"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.16.tgz#dee05f9e96ad2fb25a5206b6d759b2d1ed3379ad"
-  integrity sha512-G3J4o8by0VRrO+PFeSc3js2myYNOXVJ3Ya+RGVxnshRYgsvErfAOglKAiy1Eo1vhzxqtUvjCyS5gtewzkmvSSg==
+"@emotion/memoize@^0.7.4":
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
+  integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
+
+"@emotion/react@^11.1.1":
+  version "11.1.1"
+  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.1.1.tgz#4b304d494af321b0179e6763830e07cf674f0423"
+  integrity sha512-otA0Np8OnOeU9ChkOS9iuLB6vIxiM+bJiU0id33CsQn3R2Pk9ijVHnxevENIKV/P2S7AhrD8cFbUGysEciWlEA==
   dependencies:
-    "@emotion/hash" "0.8.0"
-    "@emotion/memoize" "0.7.4"
-    "@emotion/unitless" "0.7.5"
-    "@emotion/utils" "0.11.3"
-    csstype "^2.5.7"
+    "@babel/runtime" "^7.7.2"
+    "@emotion/cache" "^11.0.0"
+    "@emotion/serialize" "^1.0.0"
+    "@emotion/sheet" "^1.0.0"
+    "@emotion/utils" "^1.0.0"
+    "@emotion/weak-memoize" "^0.2.5"
+    hoist-non-react-statics "^3.3.1"
 
 "@emotion/serialize@^0.9.1":
   version "0.9.1"
@@ -1376,42 +1429,48 @@
     "@emotion/unitless" "^0.6.7"
     "@emotion/utils" "^0.8.2"
 
-"@emotion/sheet@0.9.4":
-  version "0.9.4"
-  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-0.9.4.tgz#894374bea39ec30f489bbfc3438192b9774d32e5"
-  integrity sha512-zM9PFmgVSqBw4zL101Q0HrBVTGmpAxFZH/pYx/cjJT5advXguvcgjHFTCaIO3enL/xr89vK2bh0Mfyj9aa0ANA==
+"@emotion/serialize@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.0.tgz#1a61f4f037cf39995c97fc80ebe99abc7b191ca9"
+  integrity sha512-zt1gm4rhdo5Sry8QpCOpopIUIKU+mUSpV9WNmFILUraatm5dttNEaYzUWWSboSMUE6PtN2j1cAsuvcugfdI3mw==
+  dependencies:
+    "@emotion/hash" "^0.8.0"
+    "@emotion/memoize" "^0.7.4"
+    "@emotion/unitless" "^0.7.5"
+    "@emotion/utils" "^1.0.0"
+    csstype "^3.0.2"
 
-"@emotion/stylis@0.8.5":
-  version "0.8.5"
-  resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.5.tgz#deacb389bd6ee77d1e7fcaccce9e16c5c7e78e04"
-  integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==
+"@emotion/sheet@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.0.0.tgz#a0ef06080f339477ad4ba7f56e1c931f7ba50822"
+  integrity sha512-cdCHfZtf/0rahPDCZ9zyq+36EqfD/6c0WUqTFZ/hv9xadTUv2lGE5QK7/Z6Dnx2oRxC0usfVM2/BYn9q9B9wZA==
 
 "@emotion/stylis@^0.7.0":
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.7.1.tgz#50f63225e712d99e2b2b39c19c70fff023793ca5"
   integrity sha512-/SLmSIkN13M//53TtNxgxo57mcJk/UJIDFRKwOiLIBEyBHEcipgR6hNMQ/59Sl4VjCJ0Z/3zeAZyvnSLPG/1HQ==
 
-"@emotion/unitless@0.7.5":
-  version "0.7.5"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
-  integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
-
 "@emotion/unitless@^0.6.2", "@emotion/unitless@^0.6.7":
   version "0.6.7"
   resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.6.7.tgz#53e9f1892f725b194d5e6a1684a7b394df592397"
   integrity sha512-Arj1hncvEVqQ2p7Ega08uHLr1JuRYBuO5cIvcA+WWEQ5+VmkOE3ZXzl04NbQxeQpWX78G7u6MqxKuNX3wvYZxg==
 
-"@emotion/utils@0.11.3":
-  version "0.11.3"
-  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-0.11.3.tgz#a759863867befa7e583400d322652a3f44820924"
-  integrity sha512-0o4l6pZC+hI88+bzuaX/6BgOvQVhbt2PfmxauVaYOGgbsAw14wdKyvMCZXnsnsHys94iadcF+RG/wZyx6+ZZBw==
+"@emotion/unitless@^0.7.5":
+  version "0.7.5"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
+  integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
 
 "@emotion/utils@^0.8.2":
   version "0.8.2"
   resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-0.8.2.tgz#576ff7fb1230185b619a75d258cbc98f0867a8dc"
   integrity sha512-rLu3wcBWH4P5q1CGoSSH/i9hrXs7SlbRLkoq9IGuoPYNGQvDJ3pt/wmOM+XgYjIDRMVIdkUWt0RsfzF50JfnCw==
 
-"@emotion/weak-memoize@0.2.5":
+"@emotion/utils@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.0.0.tgz#abe06a83160b10570816c913990245813a2fd6af"
+  integrity sha512-mQC2b3XLDs6QCW+pDQDiyO/EdGZYOygE8s5N5rrzjSI4M3IejPE/JPndCBwRT9z982aqQNi6beWs1UeayrQxxA==
+
+"@emotion/weak-memoize@^0.2.5":
   version "0.2.5"
   resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46"
   integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==
@@ -1934,11 +1993,6 @@
     jest-diff "^25.2.1"
     pretty-format "^25.2.1"
 
-"@types/jest@^23.0.2":
-  version "23.3.14"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-23.3.14.tgz#37daaf78069e7948520474c87b80092ea912520a"
-  integrity sha512-Q5hTcfdudEL2yOmluA1zaSyPbzWPmJ3XfSWeP3RyoYvS9hnje1ZyagrZOuQ6+1nQC1Gw+7gap3pLNL3xL6UBug==
-
 "@types/json-schema@^7.0.4":
   version "7.0.5"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.5.tgz#dcce4430e64b443ba8945f0290fb564ad5bac6dd"
@@ -2915,22 +2969,6 @@ babel-plugin-dynamic-import-node@^2.3.3:
   dependencies:
     object.assign "^4.1.0"
 
-babel-plugin-emotion@^10.0.27, babel-plugin-emotion@^10.0.9:
-  version "10.0.33"
-  resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-10.0.33.tgz#ce1155dcd1783bbb9286051efee53f4e2be63e03"
-  integrity sha512-bxZbTTGz0AJQDHm8k6Rf3RQJ8tX2scsfsRyKVgAbiUPUNIRtlK+7JxP+TAd1kRLABFxe0CFm2VdK4ePkoA9FxQ==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    "@emotion/hash" "0.8.0"
-    "@emotion/memoize" "0.7.4"
-    "@emotion/serialize" "^0.11.16"
-    babel-plugin-macros "^2.0.0"
-    babel-plugin-syntax-jsx "^6.18.0"
-    convert-source-map "^1.5.0"
-    escape-string-regexp "^1.0.5"
-    find-root "^1.1.0"
-    source-map "^0.5.7"
-
 babel-plugin-emotion@^9.2.11:
   version "9.2.11"
   resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-9.2.11.tgz#319c005a9ee1d15bb447f59fe504c35fd5807728"
@@ -2984,7 +3022,7 @@ babel-plugin-jest-hoist@^25.5.0:
     "@babel/types" "^7.3.3"
     "@types/babel__traverse" "^7.0.6"
 
-babel-plugin-macros@^2.0.0:
+babel-plugin-macros@^2.0.0, babel-plugin-macros@^2.6.1:
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz#0f958a7cc6556b1e65344465d99111a1e5e10138"
   integrity sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==
@@ -4567,7 +4605,7 @@ css.escape@^1.5.1:
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
   integrity sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s=
 
-css@^2.2.1, css@^2.2.4:
+css@^2.2.4:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
   integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
@@ -4645,11 +4683,16 @@ cssstyle@^2.0.0:
   dependencies:
     cssom "~0.3.6"
 
-csstype@^2.2.0, csstype@^2.5.2, csstype@^2.5.7, csstype@^2.6.7:
+csstype@^2.2.0, csstype@^2.5.2, csstype@^2.6.7:
   version "2.6.11"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.11.tgz#452f4d024149ecf260a852b025e36562a253ffc5"
   integrity sha512-l8YyEC9NBkSm783PFTvh0FmJy7s5pFKrDp49ZL7zBGX3fWkO+N4EEyan1qqp8cwPLDcD0OSdyY6hAMoxp34JFw==
 
+csstype@^3.0.2:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.5.tgz#7fdec6a28a67ae18647c51668a9ff95bb2fa7bb8"
+  integrity sha512-uVDi8LpBUKQj6sdxNaTetL6FpeCqTjOvAQuQUa/qAqq8oOd4ivkbhgnqayl0dnPal8Tb/yB1tF+gOvCBiicaiQ==
+
 csv-generate@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/csv-generate/-/csv-generate-3.2.4.tgz#440dab9177339ee0676c9e5c16f50e2b3463c019"
@@ -5412,6 +5455,11 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
 escodegen@^1.11.1:
   version "1.14.3"
   resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503"
@@ -6924,6 +6972,13 @@ hoist-non-react-statics@^2.5.0:
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
   integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==
 
+hoist-non-react-statics@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
 home-or-tmp@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
@@ -8028,16 +8083,6 @@ jest-each@^25.5.0:
     jest-util "^25.5.0"
     pretty-format "^25.5.0"
 
-jest-emotion@^10.0.11:
-  version "10.0.32"
-  resolved "https://registry.yarnpkg.com/jest-emotion/-/jest-emotion-10.0.32.tgz#8e36a871911f78841701224a95b7c535c65b70b6"
-  integrity sha512-hW3IwWc47qRuxnGsWFGY6uIMX8F4YBzq+Qci3LAYUCUqUBNP+1DU1L5Nudo9Ry0NHVFOqDnDeip1p2UR0kVMwA==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-    "@types/jest" "^23.0.2"
-    chalk "^2.4.1"
-    css "^2.2.1"
-
 jest-environment-jsdom@^25.5.0:
   version "25.5.0"
   resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-25.5.0.tgz#dcbe4da2ea997707997040ecf6e2560aec4e9834"
@@ -10965,7 +11010,7 @@ react-input-autosize@^3.0.0:
   dependencies:
     prop-types "^15.5.8"
 
-react-is@^16.12.0, react-is@^16.13.1, react-is@^16.3.1, react-is@^16.8.1, react-is@^16.8.4, react-is@^16.8.6:
+react-is@^16.12.0, react-is@^16.13.1, react-is@^16.3.1, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4, react-is@^16.8.6:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -12210,6 +12255,11 @@ spdy@^4.0.2:
     select-hose "^2.0.0"
     spdy-transport "^3.0.0"
 
+specificity@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/specificity/-/specificity-0.4.1.tgz#aab5e645012db08ba182e151165738d00887b019"
+  integrity sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==
+
 split-string@^3.0.1, split-string@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
@@ -12546,6 +12596,11 @@ stylis@^3.5.0:
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
   integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==
 
+stylis@^4.0.3:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.6.tgz#0d8b97b6bc4748bea46f68602b6df27641b3c548"
+  integrity sha512-1igcUEmYFBEO14uQHAJhCUelTR5jPztfdVKrYxRnDa5D5Dn3w0NxXupJNPr/VV/yRfZYEAco8sTIRZzH3sRYKg==
+
 supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"