emotion: package renaming.

golangci · May 5, 2021 · 58bae9a · 58bae9a
1 parent c213e4e
commit 58bae9a
Show file tree

Hide file tree

Showing 9 changed files with 28,001 additions and 217 deletions.
diff --git a/docs/package-lock.json b/docs/package-lock.json
diff --git a/docs/package.json b/docs/package.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",

diff --git a/docs/src/@rocketseat/gatsby-theme-docs/gatsby/wrapRootElement.js b/docs/src/@rocketseat/gatsby-theme-docs/gatsby/wrapRootElement.js
@@ -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';

diff --git a/docs/src/@rocketseat/gatsby-theme-docs/src/components/Code/styles.js b/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';
 import { darken } from 'polished';
 import {
   LiveError as AuxLiveError,

diff --git a/docs/src/@rocketseat/gatsby-theme-docs/src/components/Layout/styles.js b/docs/src/@rocketseat/gatsby-theme-docs/src/components/Layout/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;

diff --git a/docs/src/@rocketseat/gatsby-theme-docs/src/components/Logo.js b/docs/src/@rocketseat/gatsby-theme-docs/src/components/Logo.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`

diff --git a/docs/src/@rocketseat/gatsby-theme-docs/src/styles/global.js b/docs/src/@rocketseat/gatsby-theme-docs/src/styles/global.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() {

diff --git a/docs/src/components/ResponsiveContainer.js b/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";
 
 const ResponsiveContainer = ({ children }) => (
   <div

diff --git a/docs/src/lib/icons.js b/docs/src/lib/icons.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