v6.0.0-beta.8

yarn add styled-components@beta

What's Changed

• revert rollup upgrade to resolve issues with cjs<>es default import interop
• refactor(ThemeProvider): allow multiple children (871435c)

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

Full Changelog: v6.0.0-beta.7...v6.0.0-beta.8

v6.0.0-beta.7

yarn add styled-components@beta

What's Changed

• feat(StyleSheetManager): add optional namespacing (#3881); replaces functionality in the babel plugin to be performed at runtime
• breaking refactor: remove deprecated withComponent API (87f511a); use "as" prop instead
• feat: add styled as named export as well (5aed9e3); note that this syntax will probably not work with the babel plugin until it is updated
• chore: dependency maintenance, including rollup upgrades

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

Full Changelog: v6.0.0-beta.6...v6.0.0-beta.7

v6.0.0-beta.6

yarn add styled-components@beta

What's Changed

• Bump stylis to version 4.1.3 by @lunaris in #3860 (adds @container CSS support)
• Fix various type issues

Breaking changes in v6 (as of this version)

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

Full Changelog: v6.0.0-beta.5...v6.0.0-beta.6

v6.0.0-beta.5

yarn add styled-components@beta

What's Changed

• chore: remove extraneous lockfile by @alexandernanberg in #3848
• fix(types): react-native should not receive base web attributes by @probablyup in #3849

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

Full Changelog: v6.0.0-beta.4...v6.0.0-beta.5

v6.0.0-beta.4

yarn add styled-components@beta

What's Changed

• v6/beta 3 typescript fixes by @agriffis in #3828
• fix: don't send undefined props to DOM by @agriffis in #3839
• refactor(types): satisfy attrs scenarios with updated types, fix strict "as" type resolution by @probablyup in #3844
• test: kill disused validAttr test by @agriffis in #3840
• chore: add node 18 to test matrix by @alexandernanberg in #3837

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

Full Changelog: v6.0.0-beta.3...v6.0.0-beta.4

v6.0.0-beta.3

yarn add styled-components@beta

What's Changed

• fix(types): allow interpolating false by @agriffis in #3799
• Disallow mix of $as and as by @agriffis in #3801
• chore: update typescript by @agriffis in #3803
• fix: typescript typo by @agriffis in #3804
• fix: css vars mangled by hyphenateStyleName by @agriffis in #3812
• collected fixes for v6 typescript by @agriffis in #3809
• chore: correctly link local styled-components to sandbox by @alexandernanberg in #3822

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

Full Changelog: v6.0.0-beta.2...v6.0.0-beta.3

v5.3.6

What's Changed

• Fix statement on Ukraine by @Fer0x in #3724
• Fix/nonce in ssr by @samimakicc in #3755

Deprecations

• $as and $forwardedAs will be removed in the next major version, use the unprefixed props instead

New Contributors

• @samimakicc made their first contribution in #3755

Full Changelog: v5.3.5...v5.3.6

v6.0.0 beta 2

yarn add styled-components@beta

What's Changed

• breaking removed runtime prop validation functionality; use transient props for styling-only props or shouldForwardProp for more advanced scenarios
• only minify standalone prod build by @henryqdineen in #3796
• refactored component types to use a consolidated setup with a runtime switch (web | native) in the generic
• improve misc types
• smaller code size

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

Full Changelog: v6.0.0-beta.1...v6.0.0-beta.2

v6.0.0 beta 1

yarn add styled-components@beta

What's Changed

• Fix speedy rule insertion when css contains multiple rules by @janicduplessis in #3787
• performance optimizations
• smaller code size

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

Full Changelog: v6.0.0-beta.0...v6.0.0-beta.1

v6.0.0 beta 0

yarn add styled-components@beta

What's Changed

• refactor: conditionally use useInsertionEffect where available by @probablyup in #3726
• refactor: replace git.io within error message by @SukkaW in #3733
• fix: minor grammar mistakes in contribution guidelines by @imchell in #3771
• V6/fix newbie012 type regression by @probablyup in #3776
• chore: upgrade jest by @probablyup in #3778
• fixed bug #3793 and #3792 by @jasham in #3794
• updated a few dependencies
• removed react-primitives support
• update react-native component aliases to current stable list
• build size optimization (now 12.98kB)

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

New Contributors

• @SukkaW made their first contribution in #3733
• @imchell made their first contribution in #3771
• @jasham made their first contribution in #3794

Full Changelog: v6.0.0-alpha.5...v6.0.0-beta.0