Update emotion monorepo to v10 (major)

[renovate]

This PR contains the following updates:

Package	Type	Update	Change	References
emotion	dependencies	major	^9.2.12 -> ^10.0.0	homepage, source
emotion-server	dependencies	major	^9.2.12 -> ^10.0.0	homepage, source

---

Release Notes

emotion-js/emotion

v10.0.9

Compare Source

v10.0.8

Compare Source

v10.0.7

Compare Source

v10.0.6

Compare Source

v10.0.5

Compare Source

v10.0.4

Compare Source

v10.0.3

Compare Source

v10.0.2

Compare Source

v10.0.1

Compare Source

v10.0.0

Compare Source

Emotion 10 is a big change that we're really excited about with improvements to the css prop, a Global component for dynamic global styles, zero config SSR, lots of small fixes and improvements and more with an incremental adoption strategy. For a higher-level overview, read the Medium article on Emotion 10. For a migration guide, visit the migrating to Emotion 10 page on emotion.sh

🚀 Enhancement

• The css prop works without babel-plugin-emotion
  • The css prop receives the theme
  • Labels are added to the css prop without babel-plugin-emotion in some cases
• Add the Global and ClassNames components
• styled uses forwardRef
• Add the as prop to styled
• Providing options can be done via the CacheProvider
• The autoLabel and sourceMap options are enabled in development with the Babel Macros
• The autoLabel and sourceMap options are on by default in development in babel-plugin-emotion
• Add warning for kebab-case css properties in objects
• Add keyframes to snapshots with jest-emotion
• Add codemod rules for Emotion 10
• Fix SSR with _ in labels
• Add warnings for unsafe pseudo classes

💥 Breaking Change

• create-emotion no longer accepts a global context object
• Support for preact-emotion has been dropped(note that the emotion package still works with preact)
• Emotion only supports react@>=16.3
• The channel and createBroadcast exports from emotion-theming have been removed
• The extractStatic option to babel-plugin-emotion has been removed
• jest-emotion no longer accepts an emotion instance
• create-emotion-server accepts a cache instead of an emotion instance
• The css prop doesn't work via the babel plugin. jsx can be manually imported from @emotion/core(which can be automated with eslint-plugin-emotion) or babel-plugin-jsx-pragmatic can be used.
• Functions in interpolations are stringified in css and cx calls(probably won't affect you very much, there's a warning about it in v9)
• create-emotion doesn't return a caches property and instead returns a cache property which is the same return value as @emotion/cache
• The importedNames option to babel-plugin-emotion is gone
• The hoist option is gone, hoisting always happens

---

Renovate configuration

📅 Schedule: At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻️ Rebasing: Whenever PR becomes conflicted, or if you modify the PR title to begin with "rebase!".

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

---

• If you want to rebase/retry this PR, check this box

---

This PR has been generated by Renovate Bot. View repository job log here.

[dustinsoftware]

Emotion 10 currently breaks during server side rendering:

React.Exceptions.ReactScriptLoadException: Error while loading "~/dist/components.js": ReferenceError: 'document' is not defined ---> JavaScriptEngineSwitcher.Core.JsRuntimeException: ReferenceError: 'document' is not defined ---> JavaScriptEngineSwitcher.ChakraCore.JsRt.JsScriptException: Script threw an exception.

Issue is tracked here emotion-js/emotion#1246

[renovate]

Renovate Ignore Notification

As this PR has been closed unmerged, Renovate will ignore this upgrade and you will not receive PRs for any future 10.x releases. However, if you upgrade to 10.x manually then Renovate will then reenable updates for minor and patch updates automatically.

If this PR was closed by mistake or you changed your mind, you can simply rename this PR and you will soon get a fresh replacement PR opened.