Styled Components Versions Save

yarn add styled-components@beta

Changed in this version

• Fixes an issue where keyframes are declared inside a namespaced StyleSheetManager by @marmite22 in https://github.com/styled-components/styled-components/pull/3977
• chore: remove --clipboard option in envinfo by @ImBIOS in https://github.com/styled-components/styled-components/pull/3972
• Fix css prop typings by @ahutchings in https://github.com/styled-components/styled-components/pull/3982
• Remove duplicated test by @ahutchings in https://github.com/styled-components/styled-components/pull/3984
• fix: Do not add px to CSS variables (main branch) by @Lazyuki in https://github.com/styled-components/styled-components/pull/3987
• several typing fixes by @probablyup in https://github.com/styled-components/styled-components/pull/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 (87f511a228e5b13b1ff70a416409e0705e5bf456); use "as" prop instead
• node >= 14 needed

New Contributors (thank you!)

• @ImBIOS made their first contribution in https://github.com/styled-components/styled-components/pull/3972
• @ahutchings made their first contribution in https://github.com/styled-components/styled-components/pull/3982

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-beta.14...v6.0.0-beta.15

yarn add styled-components@beta

Changed in this version

• breaking refactor(stylis): disable vendor prefixing by default by @probablyup in https://github.com/styled-components/styled-components/commit/2b4f6cbd29441f1dc5ab91e26da688157e6809eb
• Fix determineTheme & add typing by @benbryant0 in https://github.com/styled-components/styled-components/pull/3966
• Optimization of hot paths by @benbryant0 in https://github.com/styled-components/styled-components/pull/3970
• refactor: adjust className application order by @probablyup in https://github.com/styled-components/styled-components/commit/1e3ffeb98df0c31a82aead9c0b2992cdc9606ea2
• misc code optimizations

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 (87f511a228e5b13b1ff70a416409e0705e5bf456); use "as" prop instead
• node >= 14 needed

New Contributors (thank you!)

• @benbryant0 made their first contribution in https://github.com/styled-components/styled-components/pull/3966

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-beta.13...v6.0.0-beta.14

What's Changed

• [v5] Make styled components work when the Object prototype is frozen by @jportner in https://github.com/styled-components/styled-components/pull/3964

Full Changelog: https://github.com/styled-components/styled-components/compare/v5.3.8...v5.3.9

yarn add styled-components@beta

Changed in this version

• Remove "exports" entries by @SilviaPag95 in https://github.com/styled-components/styled-components/pull/3961
• Make styled components work when the Object prototype is frozen by @jportner in https://github.com/styled-components/styled-components/pull/3963

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
• dropped deprecated withComponent API (87f511a228e5b13b1ff70a416409e0705e5bf456); use "as" prop instead
• node >= 14 needed

New Contributors (thank you!)

• @SilviaPag95 made their first contribution in https://github.com/styled-components/styled-components/pull/3961
• @jportner made their first contribution in https://github.com/styled-components/styled-components/pull/3963

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-beta.11...v6.0.0-beta.12

What's Changed

fix(constants): rework process env guard

Full Changelog: https://github.com/styled-components/styled-components/compare/v5.3.7-fixed...v5.3.8

yarn add styled-components@beta

Changed in this version

• fix(types): restore exotic component prop passing (f678107f420ecf5454aa6326bd6819d83a61c09d); this restores React.ComponentProps<typeof MyStyledComponent> support
• add "exports" config in package.json
• minor dependency updates
• thank you @marmite22 for updating a test that was not getting properly run

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
• dropped deprecated withComponent API (87f511a228e5b13b1ff70a416409e0705e5bf456); use "as" prop instead
• node >= 14 needed

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-beta.11...v6.0.0-beta.12

• fix: (React Native) passing testID as attrs property by @ku8ar (see #3857)

• fix: prevent crash when process.env is not defined by Suhas R (see #3957)

• Add support for the translate attribute as a valid prop by @ay4toh5i (see #3619)

• remove Ukraine message; it's now out of date and the message has been received

yarn add styled-components@beta

Changed in this version

• fix: invert StyleFunction prop handling by @probablyup in https://github.com/styled-components/styled-components/pull/3941 (fixes props.theme in interpolations when using attrs

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
• dropped deprecated withComponent API (87f511a228e5b13b1ff70a416409e0705e5bf456); use "as" prop instead
• node >= 14 needed

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-beta.10...v6.0.0-beta.11

yarn add styled-components@beta

Changed in this version

• fix: interpolation functions returning null should not console.error by @charltoons in https://github.com/styled-components/styled-components/pull/3925
• fix: prevent crash when process.env is not defined by @eMerzh in https://github.com/styled-components/styled-components/pull/3907
• Fixes issue when using an ampersand (&) to scope css to a parent selector alongside the new namespace feature by @marmite22 in https://github.com/styled-components/styled-components/pull/3908
• feat(StyleSheetManager): add ability to provide default shouldForwardProp by @probablyup in https://github.com/styled-components/styled-components/pull/3930
• refactor: type adjustments by @probablyup in https://github.com/styled-components/styled-components/pull/3931

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
• dropped deprecated withComponent API (87f511a228e5b13b1ff70a416409e0705e5bf456); use "as" prop instead
• node >= 14 needed

New Contributors

• @charltoons made their first contribution in https://github.com/styled-components/styled-components/pull/3925
• @eMerzh made their first contribution in https://github.com/styled-components/styled-components/pull/3907
• @marmite22 made their first contribution in https://github.com/styled-components/styled-components/pull/3908

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-beta.9...v6.0.0-beta.10

yarn add styled-components@beta

What's Changed

• fix: add <use> to domElements by @shanpriyan in https://github.com/styled-components/styled-components/pull/3901
• refactor(typings): revise to support more attrs patterns by @probablyup in https://github.com/styled-components/styled-components/pull/3906

New Contributors

• @shanpriyan made their first contribution in https://github.com/styled-components/styled-components/pull/3901

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
• dropped deprecated withComponent API (87f511a228e5b13b1ff70a416409e0705e5bf456); use "as" prop instead
• node >= 14 needed

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-beta.8...v6.0.0-beta.9