Update emotion monorepo to v10 (major)

[renovate[bot]]

This PR contains the following updates:

Package	Type	Update	Change
babel-plugin-emotion (source)	dependencies	major	9.2.11 -> 10.0.27
emotion (source)	dependencies	major	9.2.12 -> 10.0.27
emotion-server (source)	dependencies	major	9.2.12 -> 10.0.27

---

Release Notes

emotion-js/emotion

v10.0.27

Compare Source

v10.0.23

Compare Source

v10.0.22

Compare Source

v10.0.21

Compare Source

v10.0.20

Compare Source

v10.0.19

Compare Source

v10.0.17

Compare Source

v10.0.16

Compare Source

v10.0.15

Compare Source

v10.0.14

Compare Source

v10.0.13

Compare Source

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.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

:rocket: 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

:boom: 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

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

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

:recycle: Rebasing: Renovate will not automatically rebase this PR, because other commits have been found.

:no_bell: 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 WhiteSource Renovate. View repository job log here.

[vercel[bot]]

This pull request is being automatically deployed with ZEIT Now (learn more). To see the status of your deployment, click below or on the icon next to each commit.

[coderplex-bot]

Deploy preview for coderplex failed.

Built with commit 3da5304d6cefc1cb2900c5a3ae93f5d7e930eaf7

https://app.netlify.com/sites/coderplex/deploys/5d72992204faa0000831111b

[renovate[bot]]

PR has been edited

:construction_worker: This PR has received other commits, so Renovate will stop updating it to avoid conflicts or other problems. If you wish to abandon your changes and have Renovate start over you may click the "rebase" checkbox in the PR body/description.

If you think this comment is in error and the branch is not modified, try deleting this comment. If it comes back again the next time Renovate runs, please submit an issue or seek config help.