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.8

7 months ago

What's Changed

feat(native): add toStyleSheet function by @krudos in https://github.com/styled-components/styled-components/pull/4124
fix: prevent StyleSheetManager updating context on every render by @keeganstreet in https://github.com/styled-components/styled-components/pull/4159
fix(types): ensure typing for static properties defined on third-party components wrapped by styled-components by @MartinPELCAT in https://github.com/styled-components/styled-components/pull/4141
fix: production mode inconsistent CSS rendering when dynamic property values are the same but property names are different by @bcole808 in https://github.com/styled-components/styled-components/pull/4132
fix(types): decrease type complexity by moving off of JSX.IntrinsicElements for the supported element list by @RJWadley in https://github.com/styled-components/styled-components/pull/4149
fix(types): adopt ref typing from forwardedAs by @probablyup in https://github.com/styled-components/styled-components/pull/4163
chore: update typescript reference on issue template by @chilled-capybara in https://github.com/styled-components/styled-components/pull/4150
chore(types): add type exports for StyleFunction, Interpolation by @bcole808 in https://github.com/styled-components/styled-components/pull/4140
chore: updated Contributing guide benchmark instructions by @bcole808 in https://github.com/styled-components/styled-components/pull/4137
chore(types): add missing types CSSProperties, CSSObject, CSSPseudos and CSSKeyframes by @takurinton in https://github.com/styled-components/styled-components/pull/4117

New Contributors

@takurinton made their first contribution in https://github.com/styled-components/styled-components/pull/4117
@krudos made their first contribution in https://github.com/styled-components/styled-components/pull/4124
@chilled-capybara made their first contribution in https://github.com/styled-components/styled-components/pull/4150
@MartinPELCAT made their first contribution in https://github.com/styled-components/styled-components/pull/4141
@RJWadley made their first contribution in https://github.com/styled-components/styled-components/pull/4149

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.7...v6.0.8

v6.0.7

9 months ago

What's Changed

refactor(types): enable exactOptionalPropertyTypes check by @aspirisen in https://github.com/styled-components/styled-components/pull/3993
fix(types): allow number for height/width/etc (#4090) by @drewbrend in https://github.com/styled-components/styled-components/pull/4111

New Contributors

@aspirisen made their first contribution in https://github.com/styled-components/styled-components/pull/3993
@drewbrend made their first contribution in https://github.com/styled-components/styled-components/pull/4111

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.6...v6.0.7

v6.0.6

9 months ago

What's Changed

fix(types): issues with StyleFunctions and StyledObjects by @bcole808 in https://github.com/styled-components/styled-components/pull/4107

New Contributors

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

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.5...v6.0.6

v6.0.5

9 months ago

What's Changed

Fix createGlobalStyle not removing styles on unmount by @mdeschamps in https://github.com/styled-components/styled-components/pull/4101

New Contributors

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

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.4...v6.0.5

v6.0.4

9 months ago

What's Changed

refactor: dev warning on unknown props retargeted specifically toward HTML targets rather than other React components by @woodreamz in https://github.com/styled-components/styled-components/pull/4084
fix: untyped event handler callbacks by @ziolekjj in https://github.com/styled-components/styled-components/pull/4086

New Contributors

@woodreamz made their first contribution in https://github.com/styled-components/styled-components/pull/4084
@ziolekjj made their first contribution in https://github.com/styled-components/styled-components/pull/4086

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.3...v6.0.4

v6.0.3

9 months ago

What's Changed

fix: StyleSheetManager missing Stylis types by @MattIPv4 in https://github.com/styled-components/styled-components/pull/4078

New Contributors

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

Full Changelog: https://github.com/styled-components/styled-components/compare/v6.0.2...v6.0.3

v6.0.2

10 months ago

What's Changed

fix: StyleSheetManager must accept undefined props by @gineika in https://github.com/styled-components/styled-components/pull/4069
fix: replace slow Omit type by @gineika in https://github.com/styled-components/styled-components/pull/4068
drop displayName in production to save bytes, it's already present in the static className if you're using the babel plugin or equivalent
refactor use of flatMap and at with ES5-compliant variants

New Contributors

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

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

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