From afc6478815961ceea99d472e48ee157ded4fd3a2 Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Sun, 9 Aug 2020 00:15:49 -0400
Subject: [PATCH] chore(*): upgrade styled-components (#575)

* styled-components

* Update snapshots
---
 packages/devui/package.json                   |  3 +-
 packages/devui/src/Button/styles/common.js    |  8 +-
 packages/devui/src/ContextMenu/ContextMenu.js |  2 +-
 packages/devui/src/Editor/Editor.js           |  2 +-
 packages/devui/src/Tabs/TabsHeader.js         |  2 +-
 packages/devui/src/utils/animations.js        |  4 +-
 .../tests/__snapshots__/Button.test.js.snap   |  4 +-
 .../__snapshots__/Container.test.js.snap      |  2 +-
 .../__snapshots__/ContextMenu.test.js.snap    |  2 +-
 .../tests/__snapshots__/Dialog.test.js.snap   | 30 +++----
 .../tests/__snapshots__/Editor.test.js.snap   |  6 +-
 .../__snapshots__/Notification.test.js.snap   |  4 +-
 .../SegmentedControl.test.js.snap             |  2 +-
 .../tests/__snapshots__/Select.test.js.snap   | 12 +--
 .../tests/__snapshots__/Slider.test.js.snap   |  4 +-
 .../tests/__snapshots__/Tabs.test.js.snap     | 12 +--
 .../tests/__snapshots__/Toolbar.test.js.snap  | 16 ++--
 packages/redux-devtools-core/package.json     |  3 +-
 yarn.lock                                     | 88 +++++++++++++------
 19 files changed, 123 insertions(+), 83 deletions(-)

diff --git a/packages/devui/package.json b/packages/devui/package.json
index 5154a1c6..cd038146 100755
--- a/packages/devui/package.json
+++ b/packages/devui/package.json
@@ -65,11 +65,12 @@
     "color": "^3.1.2",
     "prop-types": "^15.7.2",
     "react-icons": "^3.10.0",
+    "react-is": "^16.13.1",
     "react-jsonschema-form": "^1.8.1",
     "react-select": "^1.3.0",
     "redux-devtools-themes": "^1.0.0",
     "simple-element-resize-detector": "^1.3.0",
-    "styled-components": "^2.4.1"
+    "styled-components": "^5.1.1"
   },
   "jest": {
     "setupFilesAfterEnv": [
diff --git a/packages/devui/src/Button/styles/common.js b/packages/devui/src/Button/styles/common.js
index 31004788..15944983 100644
--- a/packages/devui/src/Button/styles/common.js
+++ b/packages/devui/src/Button/styles/common.js
@@ -205,7 +205,13 @@ export const tooltipStyle = ({
   &:before {
     ${before(tooltipPosition)}
     ${getDirection(tooltipPosition)}: 3px;
-    ${theme.type === 'material' ? `animation: ${fadeIn} 500ms;` : ''}
+    ${
+      theme.type === 'material'
+        ? css`
+            animation: ${fadeIn} 500ms;
+          `
+        : ''
+    }
   }
 
   ${
diff --git a/packages/devui/src/ContextMenu/ContextMenu.js b/packages/devui/src/ContextMenu/ContextMenu.js
index ca5a89e2..d21eec38 100644
--- a/packages/devui/src/ContextMenu/ContextMenu.js
+++ b/packages/devui/src/ContextMenu/ContextMenu.js
@@ -87,7 +87,7 @@ export default class ContextMenu extends Component {
   render() {
     return (
       <ContextMenuWrapper
-        innerRef={this.menuRef}
+        ref={this.menuRef}
         left={this.props.x}
         top={this.props.y}
         visible={this.props.visible}
diff --git a/packages/devui/src/Editor/Editor.js b/packages/devui/src/Editor/Editor.js
index 3fe0a92c..8f01bb55 100644
--- a/packages/devui/src/Editor/Editor.js
+++ b/packages/devui/src/Editor/Editor.js
@@ -61,7 +61,7 @@ export default class Editor extends Component {
   };
 
   render() {
-    return <EditorContainer innerRef={this.getRef} theme={this.props.theme} />;
+    return <EditorContainer ref={this.getRef} theme={this.props.theme} />;
   }
 }
 
diff --git a/packages/devui/src/Tabs/TabsHeader.js b/packages/devui/src/Tabs/TabsHeader.js
index 40024b81..a3255716 100644
--- a/packages/devui/src/Tabs/TabsHeader.js
+++ b/packages/devui/src/Tabs/TabsHeader.js
@@ -177,7 +177,7 @@ export default class TabsHeader extends Component {
     const { visibleTabs, hiddenTabs, contextMenu } = this.state;
     return (
       <TabsWrapper
-        innerRef={this.getTabsWrapperRef}
+        ref={this.getTabsWrapperRef}
         main={this.props.main}
         position={this.props.position}
       >
diff --git a/packages/devui/src/utils/animations.js b/packages/devui/src/utils/animations.js
index 88390f8a..c9cba056 100644
--- a/packages/devui/src/utils/animations.js
+++ b/packages/devui/src/utils/animations.js
@@ -1,9 +1,9 @@
-import { keyframes } from 'styled-components';
+import { css, keyframes } from 'styled-components';
 
 export const spin = keyframes`
   to { transform: rotate(1turn); }
 `;
-export const spinner = (theme) => `
+export const spinner = (theme) => css`
   animation: ${spin} 400ms infinite linear;
   width: ${theme.spinnerSize}px;
   height: ${theme.spinnerSize}px;
diff --git a/packages/devui/tests/__snapshots__/Button.test.js.snap b/packages/devui/tests/__snapshots__/Button.test.js.snap
index 785d8eab..fee5f61f 100644
--- a/packages/devui/tests/__snapshots__/Button.test.js.snap
+++ b/packages/devui/tests/__snapshots__/Button.test.js.snap
@@ -2,10 +2,10 @@
 
 exports[`Button renders correctly 1`] = `
 <div
-  class="sc-ifAKCX evScRP"
+  class="sc-AxhUy dkmwYZ"
 >
   <button
-    class="sc-htpNat ldLqpm"
+    class="sc-AxiKw jvXzBz"
   >
     Text
   </button>
diff --git a/packages/devui/tests/__snapshots__/Container.test.js.snap b/packages/devui/tests/__snapshots__/Container.test.js.snap
index 978bb658..cb057d78 100644
--- a/packages/devui/tests/__snapshots__/Container.test.js.snap
+++ b/packages/devui/tests/__snapshots__/Container.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`Container renders correctly 1`] = `
 <div
-  class="sc-bdVaJa ODaHo"
+  class="sc-AxjAm XFnbZ"
 >
   Text
 </div>
diff --git a/packages/devui/tests/__snapshots__/ContextMenu.test.js.snap b/packages/devui/tests/__snapshots__/ContextMenu.test.js.snap
index f691b38e..17feacff 100644
--- a/packages/devui/tests/__snapshots__/ContextMenu.test.js.snap
+++ b/packages/devui/tests/__snapshots__/ContextMenu.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`ContextMenu renders correctly 1`] = `
 <div
-  class="sc-EHOje cfLLnh"
+  class="sc-AxgMl jioOqg"
 >
   <button
     value="Menu Item 1"
diff --git a/packages/devui/tests/__snapshots__/Dialog.test.js.snap b/packages/devui/tests/__snapshots__/Dialog.test.js.snap
index dec1dda4..c3fba651 100644
--- a/packages/devui/tests/__snapshots__/Dialog.test.js.snap
+++ b/packages/devui/tests/__snapshots__/Dialog.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`Dialog renders correctly 1`] = `
 <div
-  class="sc-iwsKbI islPis"
+  class="sc-fzoLsD fLVcbf"
 >
   <div />
   <div>
@@ -21,19 +21,19 @@ exports[`Dialog renders correctly 1`] = `
       class="mc-dialog--footer"
     >
       <div
-        class="sc-ifAKCX evScRP"
+        class="sc-AxhUy dkmwYZ"
       >
         <button
-          class="sc-htpNat ldLqpm"
+          class="sc-AxiKw jvXzBz"
         >
           Cancel
         </button>
       </div>
       <div
-        class="sc-ifAKCX evScRP"
+        class="sc-AxhUy dkmwYZ"
       >
         <button
-          class="sc-htpNat cvNnmn"
+          class="sc-AxiKw kAYmfb"
         >
           Submit
         </button>
@@ -45,7 +45,7 @@ exports[`Dialog renders correctly 1`] = `
 
 exports[`Dialog renders modal 1`] = `
 <div
-  class="sc-iwsKbI islPis"
+  class="sc-fzoLsD fLVcbf"
 >
   <div />
   <div>
@@ -61,19 +61,19 @@ exports[`Dialog renders modal 1`] = `
       class="mc-dialog--footer"
     >
       <div
-        class="sc-ifAKCX evScRP"
+        class="sc-AxhUy dkmwYZ"
       >
         <button
-          class="sc-htpNat ldLqpm"
+          class="sc-AxiKw jvXzBz"
         >
           Cancel
         </button>
       </div>
       <div
-        class="sc-ifAKCX evScRP"
+        class="sc-AxhUy dkmwYZ"
       >
         <button
-          class="sc-htpNat cvNnmn"
+          class="sc-AxiKw kAYmfb"
         >
           Submit
         </button>
@@ -85,7 +85,7 @@ exports[`Dialog renders modal 1`] = `
 
 exports[`Dialog renders with props 1`] = `
 <div
-  class="sc-iwsKbI hRSLqU"
+  class="sc-fzoLsD kdTVQ"
   open=""
 >
   <div />
@@ -109,19 +109,19 @@ exports[`Dialog renders with props 1`] = `
       class="mc-dialog--footer"
     >
       <div
-        class="sc-ifAKCX evScRP"
+        class="sc-AxhUy dkmwYZ"
       >
         <button
-          class="sc-htpNat ldLqpm"
+          class="sc-AxiKw jvXzBz"
         >
           Cancel
         </button>
       </div>
       <div
-        class="sc-ifAKCX evScRP"
+        class="sc-AxhUy dkmwYZ"
       >
         <button
-          class="sc-htpNat cvNnmn"
+          class="sc-AxiKw kAYmfb"
         >
           Submit
         </button>
diff --git a/packages/devui/tests/__snapshots__/Editor.test.js.snap b/packages/devui/tests/__snapshots__/Editor.test.js.snap
index ad21f315..8f345360 100644
--- a/packages/devui/tests/__snapshots__/Editor.test.js.snap
+++ b/packages/devui/tests/__snapshots__/Editor.test.js.snap
@@ -10,11 +10,9 @@ exports[`Editor renders correctly 1`] = `
   readOnly={false}
   value="var a = 1;"
 >
-  <styled.div
-    innerRef={[Function]}
-  >
+  <styled.div>
     <div
-      className="sc-gZMcBi bFOJgt"
+      className="sc-fzpans kykpM"
     />
   </styled.div>
 </Editor>
diff --git a/packages/devui/tests/__snapshots__/Notification.test.js.snap b/packages/devui/tests/__snapshots__/Notification.test.js.snap
index 740ad748..1d1a5148 100644
--- a/packages/devui/tests/__snapshots__/Notification.test.js.snap
+++ b/packages/devui/tests/__snapshots__/Notification.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`Notification renders correctly 1`] = `
 <div
-  class="sc-fjdhpX gcvrGp"
+  class="sc-fznZeY gzHfke"
   type="info"
 >
   <span>
@@ -13,7 +13,7 @@ exports[`Notification renders correctly 1`] = `
 
 exports[`Notification renders with props 1`] = `
 <div
-  class="sc-fjdhpX gcvrGp"
+  class="sc-fznZeY gzHfke"
   type="error"
 >
   <svg
diff --git a/packages/devui/tests/__snapshots__/SegmentedControl.test.js.snap b/packages/devui/tests/__snapshots__/SegmentedControl.test.js.snap
index 9cdc2f63..3a8bd4f2 100644
--- a/packages/devui/tests/__snapshots__/SegmentedControl.test.js.snap
+++ b/packages/devui/tests/__snapshots__/SegmentedControl.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`SegmentedControl renders correctly 1`] = `
 <div
-  class="sc-jTzLTM bwMlok"
+  class="sc-fznKkj jdtBdv"
 >
   <button
     data-selected="true"
diff --git a/packages/devui/tests/__snapshots__/Select.test.js.snap b/packages/devui/tests/__snapshots__/Select.test.js.snap
index d93a5e58..b1cf980a 100644
--- a/packages/devui/tests/__snapshots__/Select.test.js.snap
+++ b/packages/devui/tests/__snapshots__/Select.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`Select renders correctly 1`] = `
 <div
-  class="Select sc-bZQynM eKUTFA is-searchable Select--single"
+  class="Select sc-AxheI giuZlH is-searchable Select--single"
 >
   <div
     class="Select-control"
@@ -47,7 +47,7 @@ exports[`Select renders correctly 1`] = `
 
 exports[`Select renders with props 1`] = `
 <div
-  class="Select sc-bZQynM lbesTc has-value is-clearable is-disabled is-loading Select--multi"
+  class="Select sc-AxheI IWCkU has-value is-clearable is-disabled is-loading Select--multi"
 >
   <div
     class="Select-control"
@@ -155,7 +155,7 @@ exports[`Select should select another option 1`] = `
       autosize={true}
       backspaceRemoves={true}
       backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="sc-bZQynM eKUTFA"
+      className="sc-AxheI giuZlH"
       clearAllText="Clear all"
       clearRenderer={[Function]}
       clearValueText="Clear value"
@@ -215,7 +215,7 @@ exports[`Select should select another option 1`] = `
       valueKey="value"
     >
       <div
-        className="Select sc-bZQynM eKUTFA is-open is-searchable Select--single"
+        className="Select sc-AxheI giuZlH is-open is-searchable Select--single"
       >
         <div
           className="Select-control"
@@ -404,7 +404,7 @@ exports[`Select shouldn't find any results 1`] = `
       autosize={true}
       backspaceRemoves={true}
       backspaceToRemoveMessage="Press backspace to remove {label}"
-      className="sc-bZQynM eKUTFA"
+      className="sc-AxheI giuZlH"
       clearAllText="Clear all"
       clearRenderer={[Function]}
       clearValueText="Clear value"
@@ -464,7 +464,7 @@ exports[`Select shouldn't find any results 1`] = `
       valueKey="value"
     >
       <div
-        className="Select sc-bZQynM eKUTFA is-open is-searchable Select--single"
+        className="Select sc-AxheI giuZlH is-open is-searchable Select--single"
       >
         <div
           className="Select-control"
diff --git a/packages/devui/tests/__snapshots__/Slider.test.js.snap b/packages/devui/tests/__snapshots__/Slider.test.js.snap
index 196582b7..4cfba5c9 100644
--- a/packages/devui/tests/__snapshots__/Slider.test.js.snap
+++ b/packages/devui/tests/__snapshots__/Slider.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`Slider renders correctly 1`] = `
 <div
-  class="sc-gzVnrw hKBSWW"
+  class="sc-Axmtr coPiXj"
 >
   <input
     max="100"
@@ -15,7 +15,7 @@ exports[`Slider renders correctly 1`] = `
 
 exports[`Slider renders with props 1`] = `
 <div
-  class="sc-gzVnrw gnJNaZ"
+  class="sc-Axmtr dRUqiC"
   disabled=""
 >
   <label>
diff --git a/packages/devui/tests/__snapshots__/Tabs.test.js.snap b/packages/devui/tests/__snapshots__/Tabs.test.js.snap
index d55f7c36..edff8bca 100644
--- a/packages/devui/tests/__snapshots__/Tabs.test.js.snap
+++ b/packages/devui/tests/__snapshots__/Tabs.test.js.snap
@@ -2,10 +2,10 @@
 
 exports[`Tabs renders correctly 1`] = `
 <div
-  class="sc-VigVT fmiisu"
+  class="sc-fznyAO eEQsxY"
 >
   <div
-    class="sc-gqjmRU kpDKzc"
+    class="sc-fzplWN dxFeew"
   >
     <div>
       <button
@@ -30,10 +30,10 @@ exports[`Tabs renders correctly 1`] = `
 
 exports[`Tabs renders tabs without inner components 1`] = `
 <div
-  class="sc-VigVT fmiisu"
+  class="sc-fznyAO eEQsxY"
 >
   <div
-    class="sc-gqjmRU kpDKzc"
+    class="sc-fzplWN dxFeew"
   >
     <div>
       <button
@@ -94,10 +94,10 @@ exports[`Tabs renders tabs without inner components 1`] = `
 
 exports[`Tabs renders with props 1`] = `
 <div
-  class="sc-VigVT fmiisu"
+  class="sc-fznyAO eEQsxY"
 >
   <div
-    class="sc-gqjmRU kpDKzc"
+    class="sc-fzplWN dxFeew"
   >
     <div>
       <button
diff --git a/packages/devui/tests/__snapshots__/Toolbar.test.js.snap b/packages/devui/tests/__snapshots__/Toolbar.test.js.snap
index 556cc8c9..55497efd 100644
--- a/packages/devui/tests/__snapshots__/Toolbar.test.js.snap
+++ b/packages/devui/tests/__snapshots__/Toolbar.test.js.snap
@@ -2,28 +2,28 @@
 
 exports[`Toolbar renders correctly 1`] = `
 <div
-  class="sc-jzJRlG bBrbNn"
+  class="sc-fzokOt kWHFmJ"
 >
   <div
-    class="sc-ifAKCX evScRP"
+    class="sc-AxhUy dkmwYZ"
   >
     <button
-      class="sc-htpNat ldLqpm"
+      class="sc-AxiKw jvXzBz"
     >
       1
     </button>
   </div>
   <div
-    class="sc-cSHVUG jRyzIG"
+    class="sc-fzqBZW bdkKty"
   />
   <div
-    class="sc-kAzzGY lcEaIs"
+    class="sc-fzqNJr jGNKLq"
   />
   <div
-    class="sc-ifAKCX evScRP"
+    class="sc-AxhUy dkmwYZ"
   >
     <button
-      class="sc-htpNat ldLqpm"
+      class="sc-AxiKw jvXzBz"
     >
       2
     </button>
@@ -33,6 +33,6 @@ exports[`Toolbar renders correctly 1`] = `
 
 exports[`Toolbar renders with props 1`] = `
 <div
-  class="sc-jzJRlG hDKaKb"
+  class="sc-fzokOt hoHbQE"
 />
 `;
diff --git a/packages/redux-devtools-core/package.json b/packages/redux-devtools-core/package.json
index b7851c7e..19234f26 100644
--- a/packages/redux-devtools-core/package.json
+++ b/packages/redux-devtools-core/package.json
@@ -74,6 +74,7 @@
     "nanoid": "^3.1.12",
     "prop-types": "^15.7.2",
     "react-icons": "^3.10.0",
+    "react-is": "^16.13.1",
     "react-redux": "^6.0.1",
     "redux": "^4.0.5",
     "redux-devtools": "^3.6.0",
@@ -87,7 +88,7 @@
     "redux-persist": "^4.10.2",
     "remotedev-serialize": "^0.1.8",
     "socketcluster-client": "^14.3.1",
-    "styled-components": "^2.4.1"
+    "styled-components": "^5.1.1"
   },
   "peerDependencies": {
     "react": "^16.3.0"
diff --git a/yarn.lock b/yarn.lock
index d9fc042d..5572444c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1247,7 +1247,7 @@
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
 
-"@babel/traverse@^7.1.0", "@babel/traverse@^7.10.4", "@babel/traverse@^7.11.0", "@babel/traverse@^7.7.0":
+"@babel/traverse@^7.1.0", "@babel/traverse@^7.10.4", "@babel/traverse@^7.11.0", "@babel/traverse@^7.4.5", "@babel/traverse@^7.7.0":
   version "7.11.0"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.11.0.tgz#9b996ce1b98f53f7c3e4175115605d56ed07dd24"
   integrity sha512-ZB2V+LskoWKNpMq6E5UUCrjtDUh5IOTAyIl0dTjIEoXum/iKWkoIEKIRDnUucO6f+2FzNkE0oD4RLKoPIufDtg==
@@ -1340,6 +1340,18 @@
   dependencies:
     "@emotion/memoize" "^0.6.6"
 
+"@emotion/is-prop-valid@^0.8.8":
+  version "0.8.8"
+  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"
+  integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==
+  dependencies:
+    "@emotion/memoize" "0.7.4"
+
+"@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/memoize@^0.6.6":
   version "0.6.6"
   resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.6.6.tgz#004b98298d04c7ca3b4f50ca2035d4f60d2eed1b"
@@ -1389,11 +1401,21 @@
   resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.7.1.tgz#50f63225e712d99e2b2b39c19c70fff023793ca5"
   integrity sha512-/SLmSIkN13M//53TtNxgxo57mcJk/UJIDFRKwOiLIBEyBHEcipgR6hNMQ/59Sl4VjCJ0Z/3zeAZyvnSLPG/1HQ==
 
+"@emotion/stylis@^0.8.4":
+  version "0.8.5"
+  resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.5.tgz#deacb389bd6ee77d1e7fcaccce9e16c5c7e78e04"
+  integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==
+
 "@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/unitless@^0.7.4":
+  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"
@@ -4154,6 +4176,21 @@ babel-plugin-react-docgen@^2.0.0:
     react-docgen "^3.0.0"
     recast "^0.14.7"
 
+"babel-plugin-styled-components@>= 1":
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.11.1.tgz#5296a9e557d736c3186be079fff27c6665d63d76"
+  integrity sha512-YwrInHyKUk1PU3avIRdiLyCpM++18Rs1NgyMXEAQC33rIXs/vro0A+stf4sT0Gf22Got+xRWB8Cm0tw+qkRzBA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.0.0"
+    "@babel/helper-module-imports" "^7.0.0"
+    babel-plugin-syntax-jsx "^6.18.0"
+    lodash "^4.17.11"
+
+babel-plugin-syntax-jsx@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
+  integrity sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=
+
 babel-plugin-transform-inline-consecutive-adds@^0.4.3:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-inline-consecutive-adds/-/babel-plugin-transform-inline-consecutive-adds-0.4.3.tgz#323d47a3ea63a83a7ac3c811ae8e6941faf2b0d1"
@@ -4679,7 +4716,7 @@ buffer@^4.3.0:
     ieee754 "^1.1.4"
     isarray "^1.0.0"
 
-buffer@^5.0.3, buffer@^5.2.1:
+buffer@^5.2.1:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.6.0.tgz#a31749dc7d81d84db08abf937b6b8c4033f62786"
   integrity sha512-/gDYp/UtU0eA1ys8bOs9J6a+E/KWIY+DZ+Q2WESNUA0jFRsJOc0SNUO6xJ5SGA1xueg3NL65W6s+NY5l9cunuw==
@@ -5838,14 +5875,14 @@ css-selector-tokenizer@^0.7.0:
     cssesc "^3.0.0"
     fastparse "^1.1.2"
 
-css-to-react-native@^2.0.3:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-2.3.2.tgz#e75e2f8f7aa385b4c3611c52b074b70a002f2e7d"
-  integrity sha512-VOFaeZA053BqvvvqIA8c9n0+9vFppVBAHCp6JgFTtTMU3Mzi+XnelJ9XC9ul3BqFzZyQ5N+H0SnwsWT2Ebchxw==
+css-to-react-native@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.0.0.tgz#62dbe678072a824a689bcfee011fc96e02a7d756"
+  integrity sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==
   dependencies:
     camelize "^1.0.0"
     css-color-keywords "^1.0.0"
-    postcss-value-parser "^3.3.0"
+    postcss-value-parser "^4.0.2"
 
 css-tokenize@^1.0.1:
   version "1.0.1"
@@ -8358,7 +8395,7 @@ hoist-non-react-statics@1.x.x, hoist-non-react-statics@^1.2.0:
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-1.2.0.tgz#aa448cf0986d55cc40773b17174b7dd066cb7cfb"
   integrity sha1-qkSM8JhtVcxAdzsXF0t90GbLfPs=
 
-hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
+hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
   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==
@@ -12506,7 +12543,7 @@ postcss-value-parser@^3.1.1, postcss-value-parser@^3.2.3, postcss-value-parser@^
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
   integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
 
-postcss-value-parser@^4.1.0:
+postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
   integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
@@ -15050,19 +15087,21 @@ style-search@^0.1.0:
   resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902"
   integrity sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=
 
-styled-components@^2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-2.4.1.tgz#663bd0485d4b6ab46f946210dc03d2398d1ade74"
-  integrity sha1-ZjvQSF1LarRvlGIQ3APSOY0a3nQ=
+styled-components@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.1.1.tgz#96dfb02a8025794960863b9e8e365e3b6be5518d"
+  integrity sha512-1ps8ZAYu2Husx+Vz8D+MvXwEwvMwFv+hqqUwhNlDN5ybg6A+3xyW1ECrAgywhvXapNfXiz79jJyU0x22z0FFTg==
   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"
-    prop-types "^15.5.4"
-    stylis "^3.4.0"
-    supports-color "^3.2.3"
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/traverse" "^7.4.5"
+    "@emotion/is-prop-valid" "^0.8.8"
+    "@emotion/stylis" "^0.8.4"
+    "@emotion/unitless" "^0.7.4"
+    babel-plugin-styled-components ">= 1"
+    css-to-react-native "^3.0.0"
+    hoist-non-react-statics "^3.0.0"
+    shallowequal "^1.1.0"
+    supports-color "^5.5.0"
 
 stylehacks@^2.3.2:
   version "2.3.2"
@@ -15139,11 +15178,6 @@ stylelint@^7.13.0:
     svg-tags "^1.0.0"
     table "^4.0.1"
 
-stylis@^3.4.0:
-  version "3.5.4"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
-  integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==
-
 sugarss@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/sugarss/-/sugarss-0.2.0.tgz#ac34237563327c6ff897b64742bf6aec190ad39e"
@@ -15194,7 +15228,7 @@ supports-color@^3.2.3:
   dependencies:
     has-flag "^1.0.0"
 
-supports-color@^5.3.0, supports-color@^5.4.0:
+supports-color@^5.3.0, supports-color@^5.4.0, supports-color@^5.5.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
   integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==