Remove the runtime option from @emotion/babel-preset-css-prop (#2076

) * Remove `runtime` option from `@emotion/babel-preset-css-prop` * Update .changeset/weak-pears-design.md * Update packages/babel-preset-css-prop/src/index.js Co-authored-by: Mitchell Hamilton <mitchell@hamil.town>
emotion-js · Nov 9, 2020 · 9e3671c · 9e3671c
1 parent 30ddee1
commit 9e3671c
Show file tree

Hide file tree

Showing 15 changed files with 34 additions and 830 deletions.
diff --git a/.changeset/weak-pears-design.md b/.changeset/weak-pears-design.md
@@ -0,0 +1,5 @@
+---
+'@emotion/babel-preset-css-prop': major
+---
+
+Removed `runtime` option that was introduced to this preset and deprecated shortly after that. If you want to configure `runtime: "automatic"`, replace `@emotion/babel-preset-css-prop` with `@babel/preset-react` and `@emotion/babel-plugin`. You can find out how to configure things properly here: https://emotion.sh/docs/css-prop#babel-preset
diff --git a/babel.config.js b/babel.config.js
@@ -34,15 +34,20 @@ module.exports = api => {
           filename &&
           isTestFile(filename) &&
           filename.includes('automatic-runtime'),
-        presets: [[emotionDevPreset, { runtime: 'automatic' }]]
+        presets: [
+          [emotionDevPreset, { runtime: 'automatic', useEmotionPlugin: true }]
+        ]
       },
       {
         test: filename =>
           filename &&
           isTestFile(filename) &&
           filename.includes('automatic-dev-runtime'),
         presets: [
-          [emotionDevPreset, { runtime: 'automatic', development: true }]
+          [
+            emotionDevPreset,
+            { runtime: 'automatic', development: true, useEmotionPlugin: true }
+          ]
         ]
       }
     ]

diff --git a/packages/babel-preset-css-prop/__tests__/__fixtures__/fragment.js b/packages/babel-preset-css-prop/__tests__/__fixtures__/fragment.js
diff --git a/packages/babel-preset-css-prop/__tests__/__fixtures__/key-after-spread.js b/packages/babel-preset-css-prop/__tests__/__fixtures__/key-after-spread.js
diff --git a/packages/babel-preset-css-prop/__tests__/__fixtures__/no-static-children.js b/packages/babel-preset-css-prop/__tests__/__fixtures__/no-static-children.js
diff --git a/packages/babel-preset-css-prop/__tests__/__fixtures__/static-children.js b/packages/babel-preset-css-prop/__tests__/__fixtures__/static-children.js
diff --git a/packages/babel-preset-css-prop/__tests__/__snapshots__/automatic-runtime-dev.js.snap b/packages/babel-preset-css-prop/__tests__/__snapshots__/automatic-runtime-dev.js.snap