styled-components 6.0.0-beta.15

v6.0.0-beta.15

on Node.js Yarn

yarn add styled-components@beta

Changed in this version

• Fixes an issue where keyframes are declared inside a namespaced StyleSheetManager by @marmite22 in #3977
• chore: remove --clipboard option in envinfo by @ImBIOS in #3972
• Fix css prop typings by @ahutchings in #3982
• Remove duplicated test by @ahutchings in #3984
• fix: Do not add px to CSS variables (main branch) by @Lazyuki in #3987
• several typing fixes by @probablyup in #3991

Breaking changes in v6

• now using stylis v4 (if using stylis-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 (use as or forwardedAs)
• dropped automatic prop filtering; use transient props ($ prefix) for stuff you don't want to be passed to child component / HTML
• StyleSheetManager
  • replaced disableVendorPrefixes with enableVendorPrefixes 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>

• dropped deprecated withComponent API (87f511a); use "as" prop instead
• node >= 14 needed

New Contributors (thank you!)

• @ImBIOS made their first contribution in #3972
• @ahutchings made their first contribution in #3982

Full Changelog: v6.0.0-beta.14...v6.0.0-beta.15