yarn add styled-components@beta
Changed in this version
- fix: correct dep declaration for styled-components by @PeachScript in #3995
- fix scenario where stylis failed to process some self references in CSS (6cee6c2)
Upcoming
@layer
rule support (thysultan/stylis#313)- v6 migration documentation
Breaking changes in v6
- now using
stylis
v4 (if usingstylis-plugin-rtl
you'll need to upgrade to the newer version) - styled-components now provides its own types; if you installed
@types/styled-components
in the past, you'll want to remove it - dropped
$as
and$forwardedAs
props (useas
orforwardedAs
) - dropped automatic prop filtering; use transient props (
$
prefix) for stuff you don't want to be passed to child component / HTML StyleSheetManager
- replaced
disableVendorPrefixes
withenableVendorPrefixes
prop - dropped automatic vendor prefixing; if you need to support older browsers, you can re-enable it easily with the above prop
<StyleSheetManager enableVendorPrefixes> {/* your React tree and ThemeProvider goes here */} </StyleSheetManager>
- replaced
- dropped deprecated
withComponent
API (87f511a); use "as" prop instead - node >= 14 needed
New Contributors (thank you!)
- @PeachScript made their first contribution in #3995
Full Changelog: v6.0.0-beta.15...v6.0.0-rc.0