All new changes are now documented in CHANGELOG.md files in each package's directory.
v10.0.0 (2018-10-27)
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
You can trigger a rebase of this PR by commenting @dependabot rebase.
Dependabot will merge this PR once CI passes on it, as requested by @GermanBluefox.
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `@dependabot show ignore conditions` will show all of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
Note
Automatic rebases have been disabled on this pull request as it has been open for over 30 days.
Updates the requirements on @emotion/styled to permit the latest version.
Release notes
Sourced from
@emotion/styled
's releases.Changelog
Sourced from
@emotion/styled
's changelog.... (truncated)
Commits
f4640f6
Version Packages (#3170)c9b84db
Fix mismatch between CSSInterpolation and Interpolation<Props> (#3164)6e0e388
Version Packages (#3160)5b82631
Renamed an internalhasOwnProperty
tohasOwn
(#3159)0bfa978
AdddisableRemotePlayback
to valid prop types (#3156)b0014b4
Version Packages (#3143)49c20b4
Fix Theme import for newer Typescript module resolution modes (#3101)45c440f
ChangeArray
toReadonlyArray
in CSS type declarations (#3141)1c60314
AddSECURITY.md
f3b268f
Version Packages (#3058)You can trigger a rebase of this PR by commenting
@dependabot rebase
.Dependabot will merge this PR once CI passes on it, as requested by @GermanBluefox.
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show