NewYour coding agent can read the release notes before it upgrades.Set up the MCP server →
npm · #1878 most downloaded on npm
A recommended babel preprocessing plugin for emotion, The Next Generation of CSS-in-JS.
Last release 2 years ago
no release in 18 months
Release timing varies
gaps range from 8 days to 1.2 years
Nearly every release is documented
notes for 16 of 16 stable releases
Nothing withdrawn
no release was ever pulled
7 years old
24 releases · first in 2020
One column per quarter.
Updated dependencies [ 77d930d ]:
#3270 77d930d Thanks @emmatown! - Fix inconsistent hashes using development vs production bundles/exports conditions when using @emotion/babel-plugin with sourceMap: true (the default). This is particularly visible when using Emotion with the Next.js Pages router where the development condition is used when bundling code but not when importing external code with Node.js.
Updated dependencies [77d930d]:
Updated dependencies [`9ca22c6`, `7f8db2d`, `ea2c397`]:
Updated dependencies [`eed5e6cf`]:
### Patch Changes - #3025 `6bd13425` Thanks @Andarist! - Updated the underlying parser (stylis) to 4.1.4
### Patch Changes - #2985 `4e172c2a` Thanks @emmatown! - Remove peer dependency on @babel/core
### Patch Changes - #2858 `005e211d` Thanks @Andarist! - Fixed an issue in the styles minifier that caused interpolations to be sometimes included mor
Updated dependencies [`bbad8c79`]:
bbad8c79 Thanks @nicksrandall! - exports field has been added to the package.json manifest. It limits what files can be imported from a package but we've tried our best to allow importing all the files that were considered to be a part of the public API.bbad8c79]:
### Patch Changes - #2799 `5b99a849` Thanks @Andarist! - Fixed an issue with the lack of /*#__PURE__*/ annotations before styled calls transformed fro
### Patch Changes - #2721 `ae0f650b` Thanks @Andarist! - Fixed an issue in the minifying logic that could remove rules with the same context values as
### Patch Changes - #2585 `b830c7dc` Thanks @Andarist! - Fixed label extraction crashing in some cases involving variable declarations with array and
b830c7dc Thanks @Andarist! - Fixed label extraction crashing in some cases involving variable declarations with array and object patterns.### Patch Changes - #2590 `1554a7e2` Thanks @Andarist! - Upgraded and pinned the version of Stylis - the CSS parser that Emotion uses under the hood.
`36a51c27` #2340 Thanks @Andarist! - Added support for label extraction from object methods.
`c9b57f36` #2157 Thanks @Andarist! - Fixed an issue with styled transformer not respecting autoLabel: 'dev-only' setting.
`de378ab8` #2147 Thanks @macalinao! - Fixed an issue with template strings minifier crashing on two consecutive interpolations without any meaningful
de378ab8 #2147 Thanks @macalinao! - Fixed an issue with template strings minifier crashing on two consecutive interpolations without any meaningful string in between them.
Updated dependencies [ee6a673f]:
`b8476e08` #1675 Thanks @emmatown! - Rename babel-plugin-emotion to @emotion/babel-plugin. Please replace "plugins": ["emotion"] with "plugins": ["@em
b8476e08 #1675 Thanks @emmatown! - Rename babel-plugin-emotion to @emotion/babel-plugin. Please replace "plugins": ["emotion"] with "plugins": ["@emotion"] in your Babel config.c5b12d90 #1220 Thanks @emmatown! - Removed support for the instances option, any usage of it should be replaced with the importMap option
c7850e61 #1656 Thanks @Andarist! - autoLabel option no longer is a simple boolean. Instead we accept now 3 values: dev-only (the default), always and never.
Each possible value for this option produces different output code:
dev-only we optimize the production code, so there are no labels added there, but at the same time we keep labels for development environments,always we always add labels when possible,never we disable this entirely and no labels are added.b7d21373 #2080 Thanks @Andarist! - cssPropOptimization defaults now to true regardless of the @emotion/react import presence.c5b12d90 #1220 Thanks @emmatown! - Added the importMap option which allows you to tell @emotion/babel-plugin what imports it should look at to determine what it should transform so if you re-export Emotion's exports, you can still use the Babel transforms
c672175b #1130 Thanks @jtmthf! - Adjust how arrays passed to css prop are transformed so function elements can be resolved at runtime.
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``
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.
828111cd #1639 Thanks @Andarist! - Global gets handled by the Babel plugin now - this gives inline css-less expressions source maps.
b0ad4f0c #1602 Thanks @Andarist! - Avoid transpiling vanilla emotion calls in already transpiled code to avoid double labels and such9e998e37 #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 [e3d7db87, 8a896a31, 5c55fd17, a085003d, 5d692a6a, c6431074]:
`9c4ebc16` #2030 Thanks @Andarist! - Release candidate version.
Updated dependencies [`76e3dc4d`]:
76e3dc4d]:
@emotion/serialize@0.11.15-next.4
Updated dependencies [`5d692a6a`]:
5d692a6a]:
`5e803106` #1893 Thanks @Andarist! - Added support for converting assignment expressions to labels in cases like this:
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 []:
`5c7ec859` #1805 Thanks @Andarist! - Requirements for a label extraction have been relaxed. In certain situations it was previously required for a con
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]:
Updated dependencies [`f08ef5a3`]:
f08ef5a3]:
`b8476e08` #1675 Thanks @emmatown! - Rename babel-plugin-emotion to @emotion/babel-plugin. Please replace "plugins": ["emotion"] with "plugins": ["@em
b8476e08 #1675 Thanks @emmatown! - Rename babel-plugin-emotion to @emotion/babel-plugin. Please replace "plugins": ["emotion"] with "plugins": ["@emotion"] in your Babel config.c7850e61 #1656 Thanks @Andarist! - autoLabel option no longer is a simple boolean. Instead we accept now 3 values: dev-only (the default), always and never.
Each possible value for this option produces different output code:
dev-only we optimize the production code, so there are no labels added there, but at the same time we keep labels for development environments,always we always add labels when possible,never we disable this entirely and no labels are added.Your coding agent can read these notes before it upgrades. Set up the MCP server →