Styled Components Versions Save

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

v6.0.1

10 months ago

Fixed an issue where a dev-time warning was being triggered too eagerly.

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0...v6.0.1

v6.0.0

10 months ago

yarn add styled-components

Changed in this version

fix(types): prevent prop bleed on styling properties (fixes #4053, c0f8015af64367938ff9d9debf90fb8005459c6c)
feat(types): ship csstype via "CSS" namespace (e6c4f0a6b1a1c483cf0c433f0d0434bbda124d2c)
chore: bump stylis to 4.3 (fixes #4007, fa58875dcbdbff43532c3b9519eb5fc7d009830d)
reduced some sources of unnecessary branching logic

Breaking changes in v6

Migration guide → https://styled-components.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-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

Full Changelog: https://github.com/styled-components/styled-components/compare/v5.3.7...v6.0.0

v6.0.0-rc.6

10 months ago

yarn add styled-components

Changed in this version

fix: stylis types are now included as a direct dependency #4051 (235a62b8d2f2ad42319df380f83a7e033b177db1)
refactor: simplify code related to style tag injection #4040 (c3939a4aa8a98ba1ed38a3ea024470f2395439a5)
chore: don't warn if shouldForwardProp is in use and the prop is forwarded (https://github.com/styled-components/styled-components/commit/00ab9c41494fca04ae473e1053bac8f42f4220b5)

Breaking changes in v6

Migration guide → https://styled-components.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-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

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-rc.5..v6.0.0-rc.6

v6.0.0-rc.5

10 months ago

yarn add styled-components

Changed in this version

Compatibility with frozen Object prototype, part 2 by @jportner in https://github.com/styled-components/styled-components/pull/4042
ensure useTheme hook returns theme object by @nksfrank in https://github.com/styled-components/styled-components/pull/4033
revert rc.3 type changes, investigate alternate fixes by @probablyup in https://github.com/styled-components/styled-components/pull/4037
finalize rc.4 inclusions by @probablyup in https://github.com/styled-components/styled-components/pull/4047
object styles now have strong typing
add dev-time warning if enableVendorPrefixes needs to be enabled based on prop usage

New Contributors

@nksfrank made their first contribution in https://github.com/styled-components/styled-components/pull/4033

Breaking changes in v6

Migration guide → https://styled-components.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-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

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-rc.3..v6.0.0-rc.5

v6.0.0-rc.3

11 months ago

fix(types): several regression fixes and improved CSSProp typing by @justinbhopper, @aliceHendicott, @probablyup in https://github.com/styled-components/styled-components/pull/4028
fix(stylis): ensure rules are split coming out of stylis by @probablyup in https://github.com/styled-components/styled-components/pull/4021 (this is a partial fix for #4007, the remainder requires https://github.com/thysultan/stylis/pull/315)

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-rc.2...v6.0.0-rc.3

v5.3.11

11 months ago

Removed use of the useDebugValue hook to rectify older React support.

Full Changelog: https://github.com/styled-components/styled-components/compare/v5.3.10...v5.3.11

v6.0.0-rc.2

11 months ago

yarn add styled-components

Changed in this version

fix(types): perf issue with large union types by @justinbhopper in https://github.com/styled-components/styled-components/pull/4011
fix(types): resolve deficiencies in the attr typings, and many other type improvements by @justinbhopper, @aliceHendicott, @probablyup in https://github.com/styled-components/styled-components/pull/4014

New Contributors

@justinbhopper made their first contribution in https://github.com/styled-components/styled-components/pull/4011

Upcoming

v6 migration documentation

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

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-rc.1...v6.0.0-rc.2

v6.0.0-rc.1

1 year ago

yarn add styled-components

Changed in this version

bump stylis to 4.2.0 to enable @layer rule support

Upcoming

v6 migration documentation

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

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.0-rc.0...v6.0.0-rc.1

v6.0.0-rc.0

1 year ago

yarn add styled-components@beta

Changed in this version

fix: correct dep declaration for styled-components by @PeachScript in https://github.com/styled-components/styled-components/pull/3995
fix scenario where stylis failed to process some self references in CSS (6cee6c24f7e8dd4f0ada724fcea397d03e778ea2)

Upcoming

@layer rule support (https://github.com/thysultan/stylis/pull/313)
v6 migration documentation

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!)

@PeachScript made their first contribution in https://github.com/styled-components/styled-components/pull/3995

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

v5.3.10

1 year ago

What's Changed

fix: Do not add px to unitless CSS variables by @Lazyuki in https://github.com/styled-components/styled-components/pull/3975

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