Use @emotion/babel-plugin@^11

storybookjs · Apr 9, 2022 · bddb132 · bddb132
1 parent 6d9a0c0
commit bddb132
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 114 deletions.
diff --git a/babel.config.js b/babel.config.js
@@ -6,7 +6,18 @@ module.exports = (api) => {
     plugins: [
       '@babel/plugin-proposal-object-rest-spread',
       '@babel/transform-runtime',
-      'babel-plugin-emotion',
+      [
+        '@emotion',
+        {
+          importMap: {
+            '@storybook/theming': {
+              styled: { canonicalImport: ['@emotion/styled', 'default'] },
+              css: { canonicalImport: ['@emotion/react', 'css'] },
+              Global: { canonicalImport: ['@emotion/react', 'Global'] },
+            },
+          },
+        },
+      ],
     ],
   };
 };
diff --git a/package.json b/package.json
@@ -74,6 +74,7 @@
     "@babel/preset-env": "^7.15.6",
     "@babel/preset-react": "^7.10.1",
     "@babel/preset-typescript": "^7.10.1",
+    "@emotion/babel-plugin": "^11.7.2",
     "@storybook/addon-a11y": "^6.4.13",
     "@storybook/addon-actions": "^6.4.13",
     "@storybook/addon-docs": "^6.4.13",
@@ -87,7 +88,6 @@
     "auto": "^9.50.1",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.1.0",
-    "babel-plugin-emotion": "^10.2.2",
     "chromatic": "^5.0.0",
     "cross-env": "^7.0.2",
     "dotenv-cli": "^3.1.0",

diff --git a/patches/babel-plugin-emotion+10.2.2.patch b/patches/babel-plugin-emotion+10.2.2.patch