build(deps): bump emotion-theming from 10.0.27 to 11.0.0 in /docs . (#1623)

Co-authored-by: Fernandez Ludovic <[email protected]>

Author: dependabot[bot]

docs/package-lock.json

@@ -6,16 +6,15 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@emotion/core": "^10.1.1",
-    "@emotion/styled": "^10.0.27",
+    "@emotion/react": "^11.1.4",
+    "@emotion/styled": "^11.3.0",
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.16",
-    "emotion-theming": "^10.0.27",
     "gatsby": "^2.32.11",
     "gatsby-alias-imports": "^1.0.6",
     "gatsby-plugin-canonical-urls": "^2.10.0",
     "gatsby-plugin-catch-links": "^2.10.0",
-    "gatsby-plugin-emotion": "^4.3.10",
+    "gatsby-plugin-emotion": "^5.0.0",
     "gatsby-plugin-google-analytics": "^2.11.0",
     "gatsby-plugin-manifest": "^2.12.1",
     "gatsby-plugin-mdx": "^2.2.0",

docs/package.json

@@ -1,6 +1,6 @@
 /* eslint-disable */
 import React from 'react';
-import { ThemeProvider } from 'emotion-theming';
+import { ThemeProvider } from '@emotion/react';
 
 import defaultTheme from '../src/styles/theme';
 import GlobalStyle from '../src/styles/global';

docs/src/@rocketseat/gatsby-theme-docs/gatsby/wrapRootElement.js

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import { darken } from 'polished';
 import {
   LiveError as AuxLiveError,

docs/src/@rocketseat/gatsby-theme-docs/src/components/Code/styles.js

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 
 export const Main = styled.main`
   padding: 0 40px;

docs/src/@rocketseat/gatsby-theme-docs/src/components/Layout/styles.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { css, keyframes } from "@emotion/core";
+import { css, keyframes } from "@emotion/react";
 import GolangciSvg from "./logo.svg";
 
 const grow = keyframes`

docs/src/@rocketseat/gatsby-theme-docs/src/components/Logo.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { Global, css } from '@emotion/core';
-import { useTheme } from 'emotion-theming';
+import { Global, css, useTheme } from '@emotion/react';
 import { lighten } from 'polished';
 
 export default function GlobalStyle() {

docs/src/@rocketseat/gatsby-theme-docs/src/styles/global.js

@@ -1,6 +1,6 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
-import { css, jsx } from "@emotion/core";
+import { css, jsx } from "@emotion/react";
 
 const ResponsiveContainer = ({ children }) => (
   <div

docs/src/components/ResponsiveContainer.js

@@ -1,6 +1,6 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
-import { css, jsx } from "@emotion/core";
+import { css, jsx } from "@emotion/react";
 
 export const IconContainer = ({ color, children }) => (
   <span