👩🎤 CSS-in-JS library designed for high performance style composition
MIT License
Bot releases are visible (Hide)
Published by github-actions[bot] over 4 years ago
9e998e37
]:
Published by github-actions[bot] over 4 years ago
9e998e37
#1817 Thanks @Andarist! - The parser we use (Stylis) got upgraded. It fixes some long-standing parsing edge cases while being smaller and faster 🚀
It has been completely rewritten and comes with some breaking changes. Most notable ones that might affect Emotion users are:
prefix
option. This was always limited to turning off all of some of the prefixes as all available prefixes were on by default. The prefix
option is gone and to customize which prefixes are applied you need to fork (copy-paste) the prefixer plugin and adjust it to your needs. While this being somewhat more problematic to setup at first we believe that the vast majority of users were not customizing this anyway. By not including the possibility to customize this through an extra option the final solution is more performant because there is no extra overhead of checking if a particular property should be prefixed or not.stylisPlugins
. If you plan to use custom stylisPlugins
and you want to have your styles prefixed automatically you must include prefixer in your custom stylisPlugins
. You can import prefixer
from the stylis
module to do that.@import
rules are no longer special-cased. The responsibility to put them first has been moved to the author of the styles. They also can't be nested within other rules now. It's only possible to write them at the top level of global styles.91046a8c
, 9e998e37
, 9e998e37
, 9e998e37
]:
Published by github-actions[bot] over 4 years ago
9e998e37
#1817 Thanks @Andarist! - The parser we use (Stylis) got upgraded. It fixes some long-standing parsing edge cases while being smaller and faster 🚀
It has been completely rewritten and comes with some breaking changes. Most notable ones that might affect Emotion users are:
prefix
option. This was always limited to turning off all of some of the prefixes as all available prefixes were on by default. The prefix
option is gone and to customize which prefixes are applied you need to fork (copy-paste) the prefixer plugin and adjust it to your needs. While this being somewhat more problematic to setup at first we believe that the vast majority of users were not customizing this anyway. By not including the possibility to customize this through an extra option the final solution is more performant because there is no extra overhead of checking if a particular property should be prefixed or not.stylisPlugins
. If you plan to use custom stylisPlugins
and you want to have your styles prefixed automatically you must include prefixer in your custom stylisPlugins
. You can import prefixer
from the stylis
module to do that.@import
rules are no longer special-cased. The responsibility to put them first has been moved to the author of the styles. They also can't be nested within other rules now. It's only possible to write them at the top level of global styles.5e803106
, 9e998e37
, 9e998e37
, 9e998e37
]:
Published by github-actions[bot] over 4 years ago
Published by github-actions[bot] over 4 years ago
5e803106
, 9e998e37
, 9e998e37
, 9e998e37
]:
Published by github-actions[bot] over 4 years ago
9e998e37
#1817 Thanks @Andarist! - The parser we use (Stylis) got upgraded. It fixes some long-standing parsing edge cases while being smaller and faster 🚀
It has been completely rewritten and comes with some breaking changes. Most notable ones that might affect Emotion users are:
prefix
option. This was always limited to turning off all of some of the prefixes as all available prefixes were on by default. The prefix
option is gone and to customize which prefixes are applied you need to fork (copy-paste) the prefixer plugin and adjust it to your needs. While this being somewhat more problematic to setup at first we believe that the vast majority of users were not customizing this anyway. By not including the possibility to customize this through an extra option the final solution is more performant because there is no extra overhead of checking if a particular property should be prefixed or not.stylisPlugins
. If you plan to use custom stylisPlugins
and you want to have your styles prefixed automatically you must include prefixer in your custom stylisPlugins
. You can import prefixer
from the stylis
module to do that.@import
rules are no longer special-cased. The responsibility to put them first has been moved to the author of the styles. They also can't be nested within other rules now. It's only possible to write them at the top level of global styles.91046a8c
, 5e803106
, 9e998e37
, 9e998e37
, 9e998e37
, 9e998e37
]:
Published by github-actions[bot] over 4 years ago
Published by github-actions[bot] over 4 years ago
5e803106
, 9e998e37
]:
Published by github-actions[bot] over 4 years ago
ca599c5f
#1901 Thanks @Andarist! - test
& print
are no longer exported as named exports. If you want to access the default serializer just access the default export. This means that @emotion/jest
(previously jest-emotion
) can't be used directly in the snapshotSerializers
option, you should use @emotion/jest/serializer
instead for this.
ca599c5f
#1901 Thanks @Andarist! - Refactored to use new serializers API which has been introduced in Jest 21.
ca599c5f
#1901 Thanks @Andarist! - Improved printing of nested at-rules.
ca599c5f
#1901 Thanks @Andarist! - Fixed an issue with all styles being recognized as changed in Jest 25 on unrelated changed.
9e998e37
]:
Published by github-actions[bot] over 4 years ago
5e803106
#1893 Thanks @Andarist! - Added support for converting assignment expressions to labels in cases like this:
styles = css``
Timeline.Item = styled.li``
Timeline.Item.Anchor = styled.a``
9e998e37
#1817 Thanks @Andarist! - Fixed an issue in our tagged template expressions minifier which has caused whitespace before nested orphaned pseudo selectors being incorrectly removed. In a selector like & :hover
the whitespace before colon has a semantic meaning and needs to be preserved.
Updated dependencies []:
Published by github-actions[bot] over 4 years ago
Published by github-actions[bot] over 4 years ago
Published by github-actions[bot] over 4 years ago
Published by github-actions[bot] over 4 years ago
5c7ec859
#1805 Thanks @Andarist! - Requirements for a label extraction have been relaxed. In certain situations it was previously required for a containing function to have a PascalCased name.e3d7db87
#1732 Thanks @Andarist! - Fixed a regression from a PR which has optimized Babel output which has caused inserted label not being extracted correctly and also broke styles composition in certain situations.
Updated dependencies [e3d7db87
]:
Published by github-actions[bot] over 4 years ago
105de5c8
#1572 Thanks @Andarist! - [data-emotion]
attribute on SSRed styled has changed. You should never rely on it though.7dea6d7a
#1734 Thanks @Andarist! - Fixed styles inserted by <Global/>
component not inheriting speedy
option from a cache passed to a wrapping <CacheProvider/>
.
be2eb614
#1806 Thanks @Andarist! - Do not warn about @emotion/react
being loaded twice in Jest. For some reason Jest sometimes evaluates modules twice when jest.mock
is being called.
75e2f9e1
#1810 Thanks @Andarist! - Add a dev-only warning about styles created with css
from @emotion/react
being passed to cx
from <ClassNames/>
.
Updated dependencies [e3d7db87
, 105de5c8
, 105de5c8
, 5bea60b1
, 105de5c8
, 105de5c8
]:
Published by github-actions[bot] over 4 years ago
11fc27f8
#1750 Thanks @Zn4rK! - Match supported components to what is exported from the latest version of React Native (0.61.5).
Updated dependencies []:
Published by github-actions[bot] over 4 years ago
7dea6d7a
, 105de5c8
, be2eb614
, 5bea60b1
, 75e2f9e1
, 105de5c8
]:
Published by github-actions[bot] over 4 years ago
Published by github-actions[bot] over 4 years ago
Published by github-actions[bot] over 4 years ago
105de5c8
#1572 Thanks @Andarist! - [data-emotion]
attribute on SSRed styled has changed. You should never rely on it though.7dea6d7a
, e3d7db87
, 105de5c8
, 5c7ec859
, be2eb614
, 75e2f9e1
, e3d7db87
]: