Releases: vercel/styled-jsx
Releases · vercel/styled-jsx
v3.0.0
-
Enables authoring of styles in actual
css
files via the newstyled-jsx/webpack
loader 🔥 -
Introduces support for dynamic HTML elements
const Heading = `h${props.level}`
- Simplifies styling of child components via the new
css.resolve
tag which returns the scopedclassName
andstyles
const { className, styles } = css.resolve`p { color: black }`
// ...
<div>
<ChildComponent className={className} />
{styles}
<div/>
React.StrictMode
compliant
Breaking changes
- 051d0d1 - Rewrote
styled-jsx/css
. External global styles should now be tagged withcss.global``
(#422) (@giuseppeg)
Features
- bd7ae2a - Add webpack loader to load external CSS files (#466) (@giuseppeg)
- 051d0d1 - Introduce
css.resolve``
which returns a scopedclassName
andstyles
(#422) (@giuseppeg) - 051d0d1 - Introduce
styled-jsx/macro
which allows to usecss.resolve
as a Babel macro (eg. in Create React App) (#422) (@giuseppeg) - 8d9374a - Add support for dynamic html elements (#462) (@twltwl)
- a55c821 - Log a message when loading a plugin (#448) (@giuseppeg)
Patches
- 69c00d4 - Switch to async safe lifecycle methods (#464) (@giuseppeg)
- 8deb136 - Add FAQ about packaging with Rollup (@giuseppeg)
- 2831798 - Simplify build and clean up things a bit (#421) (@giuseppeg)