New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Fix css
prop typings
#3982
Merged
quantizor
merged 4 commits into
styled-components:main
from
ahutchings:feature/fix-css-prop-typings
Apr 7, 2023
Merged
Fix css
prop typings
#3982
quantizor
merged 4 commits into
styled-components:main
from
ahutchings:feature/fix-css-prop-typings
Apr 7, 2023
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
quantizor
approved these changes
Apr 7, 2023
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🔥 thank you!!
kodiakhq bot
pushed a commit
to X-oss-byte/Canary-nextjs
that referenced
this pull request
Sep 23, 2023
[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [styled-components](https://styled-components.com) ([source](https://togithub.com/styled-components/styled-components)) | [`6.0.0-beta.5` -> `6.0.8`](https://renovatebot.com/diffs/npm/styled-components/6.0.0-beta.5/6.0.8) | [![age](https://developer.mend.io/api/mc/badges/age/npm/styled-components/6.0.8?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/styled-components/6.0.8?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/styled-components/6.0.0-beta.5/6.0.8?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/styled-components/6.0.0-beta.5/6.0.8?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>styled-components/styled-components (styled-components)</summary> ### [`v6.0.8`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.8) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.7...v6.0.8) #### What's Changed - feat(native): add `toStyleSheet` function by [@​krudos](https://togithub.com/krudos) in [styled-components/styled-components#4124 - fix: prevent `StyleSheetManager` updating context on every render by [@​keeganstreet](https://togithub.com/keeganstreet) in [styled-components/styled-components#4159 - fix(types): ensure typing for static properties defined on third-party components wrapped by styled-components by [@​MartinPELCAT](https://togithub.com/MartinPELCAT) in [styled-components/styled-components#4141 - fix: production mode inconsistent CSS rendering when dynamic property values are the same but property names are different by [@​bcole808](https://togithub.com/bcole808) in [styled-components/styled-components#4132 - fix(types): decrease type complexity by moving off of `JSX.IntrinsicElements` for the supported element list by [@​RJWadley](https://togithub.com/RJWadley) in [styled-components/styled-components#4149 - fix(types): adopt ref typing from forwardedAs by [@​probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#4163 - chore: update typescript reference on issue template by [@​chilled-capybara](https://togithub.com/chilled-capybara) in [styled-components/styled-components#4150 - chore(types): add type exports for `StyleFunction`, `Interpolation` by [@​bcole808](https://togithub.com/bcole808) in [styled-components/styled-components#4140 - chore: updated Contributing guide benchmark instructions by [@​bcole808](https://togithub.com/bcole808) in [styled-components/styled-components#4137 - chore(types): add missing types `CSSProperties`, `CSSObject`, `CSSPseudos` and `CSSKeyframes` by [@​takurinton](https://togithub.com/takurinton) in [styled-components/styled-components#4117 #### New Contributors - [@​takurinton](https://togithub.com/takurinton) made their first contribution in [styled-components/styled-components#4117 - [@​krudos](https://togithub.com/krudos) made their first contribution in [styled-components/styled-components#4124 - [@​chilled-capybara](https://togithub.com/chilled-capybara) made their first contribution in [styled-components/styled-components#4150 - [@​MartinPELCAT](https://togithub.com/MartinPELCAT) made their first contribution in [styled-components/styled-components#4141 - [@​RJWadley](https://togithub.com/RJWadley) made their first contribution in [styled-components/styled-components#4149 **Full Changelog**: styled-components/styled-components@v6.0.7...v6.0.8 ### [`v6.0.7`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.7) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.6...v6.0.7) #### What's Changed - refactor(types): enable `exactOptionalPropertyTypes` check by [@​aspirisen](https://togithub.com/aspirisen) in [styled-components/styled-components#3993 - fix(types): allow number for height/width/etc ([#​4090](https://togithub.com/styled-components/styled-components/issues/4090)) by [@​drewbrend](https://togithub.com/drewbrend) in [styled-components/styled-components#4111 #### New Contributors - [@​aspirisen](https://togithub.com/aspirisen) made their first contribution in [styled-components/styled-components#3993 - [@​drewbrend](https://togithub.com/drewbrend) made their first contribution in [styled-components/styled-components#4111 **Full Changelog**: styled-components/styled-components@v6.0.6...v6.0.7 ### [`v6.0.6`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.6) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.5...v6.0.6) #### What's Changed - fix(types): issues with StyleFunctions and StyledObjects by [@​bcole808](https://togithub.com/bcole808) in [styled-components/styled-components#4107 #### New Contributors - [@​bcole808](https://togithub.com/bcole808) made their first contribution in [styled-components/styled-components#4107 **Full Changelog**: styled-components/styled-components@v6.0.5...v6.0.6 ### [`v6.0.5`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.5) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.4...v6.0.5) #### What's Changed - Fix createGlobalStyle not removing styles on unmount by [@​mdeschamps](https://togithub.com/mdeschamps) in [styled-components/styled-components#4101 #### New Contributors - [@​mdeschamps](https://togithub.com/mdeschamps) made their first contribution in [styled-components/styled-components#4101 **Full Changelog**: styled-components/styled-components@v6.0.4...v6.0.5 ### [`v6.0.4`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.4) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.3...v6.0.4) #### What's Changed - refactor: dev warning on unknown props retargeted specifically toward HTML targets rather than other React components by [@​woodreamz](https://togithub.com/woodreamz) in [styled-components/styled-components#4084 - fix: untyped event handler callbacks by [@​ziolekjj](https://togithub.com/ziolekjj) in [styled-components/styled-components#4086 #### New Contributors - [@​woodreamz](https://togithub.com/woodreamz) made their first contribution in [styled-components/styled-components#4084 - [@​ziolekjj](https://togithub.com/ziolekjj) made their first contribution in [styled-components/styled-components#4086 **Full Changelog**: styled-components/styled-components@v6.0.3...v6.0.4 ### [`v6.0.3`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.3) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.2...v6.0.3) #### What's Changed - fix: StyleSheetManager missing Stylis types by [@​MattIPv4](https://togithub.com/MattIPv4) in [styled-components/styled-components#4078 #### New Contributors - [@​MattIPv4](https://togithub.com/MattIPv4) made their first contribution in [styled-components/styled-components#4078 **Full Changelog**: styled-components/styled-components@v6.0.2...v6.0.3 ### [`v6.0.2`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.2) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.1...v6.0.2) #### What's Changed - fix: StyleSheetManager must accept undefined props by [@​gineika](https://togithub.com/gineika) in [styled-components/styled-components#4069 - fix: replace slow Omit type by [@​gineika](https://togithub.com/gineika) in [styled-components/styled-components#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](https://togithub.com/gineika) made their first contribution in [styled-components/styled-components#4069 **Full Changelog**: styled-components/styled-components@v6.0.1...v6.0.2 ### [`v6.0.1`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.1) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0...v6.0.1) Fixed an issue where a dev-time warning was being triggered too eagerly. **Full Changelog**: styled-components/styled-components@v6.0.0...v6.0.1 ### [`v6.0.0`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0) [Compare Source](https://togithub.com/styled-components/styled-components/compare/f135d4f20f7876d926312999ce244e049f57d256...v6.0.0) yarn add styled-components #### Changed in this version - fix(types): prevent prop bleed on styling properties (fixes [#​4053](https://togithub.com/styled-components/styled-components/issues/4053), [`c0f8015`](https://togithub.com/styled-components/styled-components/commit/c0f8015af64367938ff9d9debf90fb8005459c6c)) - feat(types): ship csstype via "CSS" namespace ([`e6c4f0a`](https://togithub.com/styled-components/styled-components/commit/e6c4f0a6b1a1c483cf0c433f0d0434bbda124d2c)) - chore: bump stylis to 4.3 (fixes [#​4007](https://togithub.com/styled-components/styled-components/issues/4007), [`fa58875`](https://togithub.com/styled-components/styled-components/commit/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 ```tsx <StyleSheetManager enableVendorPrefixes> {/* your React tree and ThemeProvider goes here */} </StyleSheetManager> ``` - dropped deprecated `withComponent` API ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed **Full Changelog**: styled-components/styled-components@v5.3.7...v6.0.0 ### [`v6.0.0-rc.2-4007`](https://togithub.com/styled-components/styled-components/compare/v6.0.0-rc.6...f135d4f20f7876d926312999ce244e049f57d256) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-rc.6...f135d4f20f7876d926312999ce244e049f57d256) ### [`v6.0.0-rc.6`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-rc.6) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-rc.5...v6.0.0-rc.6) yarn add styled-components #### Changed in this version - fix: stylis types are now included as a direct dependency [#​4051](https://togithub.com/styled-components/styled-components/issues/4051) ([`235a62b`](https://togithub.com/styled-components/styled-components/commit/235a62b8d2f2ad42319df380f83a7e033b177db1)) - refactor: simplify code related to style tag injection [#​4040](https://togithub.com/styled-components/styled-components/issues/4040) ([`c3939a4`](https://togithub.com/styled-components/styled-components/commit/c3939a4aa8a98ba1ed38a3ea024470f2395439a5)) - chore: don't warn if shouldForwardProp is in use and the prop is forwarded (styled-components/styled-components@00ab9c4) #### 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 ```tsx <StyleSheetManager enableVendorPrefixes> {/* your React tree and ThemeProvider goes here */} </StyleSheetManager> ``` - dropped deprecated `withComponent` API ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/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`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-rc.5) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-rc.4...v6.0.0-rc.5) yarn add styled-components #### Changed in this version - Compatibility with frozen Object prototype, part 2 by [@​jportner](https://togithub.com/jportner) in [styled-components/styled-components#4042 - ensure useTheme hook returns theme object by [@​nksfrank](https://togithub.com/nksfrank) in [styled-components/styled-components#4033 - revert rc.3 type changes, investigate alternate fixes by [@​probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#4037 - finalize rc.4 inclusions by [@​probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#4047 - object styles now have strong typing - add dev-time warning if `enableVendorPrefixes` needs to be enabled based on prop usage #### New Contributors - [@​nksfrank](https://togithub.com/nksfrank) made their first contribution in [styled-components/styled-components#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 ```tsx <StyleSheetManager enableVendorPrefixes> {/* your React tree and ThemeProvider goes here */} </StyleSheetManager> ``` - dropped deprecated `withComponent` API ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/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.4`](https://togithub.com/styled-components/styled-components/compare/v6.0.0-rc.3...v6.0.0-rc.4) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-rc.3...v6.0.0-rc.4) ### [`v6.0.0-rc.3`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-rc.3) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-rc.2...v6.0.0-rc.3) - fix(types): several regression fixes and improved CSSProp typing by [@​justinbhopper](https://togithub.com/justinbhopper), [@​aliceHendicott](https://togithub.com/aliceHendicott), [@​probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#4028 - fix(stylis): ensure rules are split coming out of stylis by [@​probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#4021 (this is a partial fix for [#​4007](https://togithub.com/styled-components/styled-components/issues/4007), the remainder requires [thysultan/stylis#315) **Full Changelog**: styled-components/styled-components@v6.0.0-rc.2...v6.0.0-rc.3 ### [`v6.0.0-rc.2`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-rc.2) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-rc.1...v6.0.0-rc.2) yarn add styled-components #### Changed in this version - fix(types): perf issue with large union types by [@​justinbhopper](https://togithub.com/justinbhopper) in [styled-components/styled-components#4011 - fix(types): resolve deficiencies in the attr typings, and many other type improvements by [@​justinbhopper](https://togithub.com/justinbhopper), [@​aliceHendicott](https://togithub.com/aliceHendicott), [@​probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#4014 #### New Contributors - [@​justinbhopper](https://togithub.com/justinbhopper) made their first contribution in [styled-components/styled-components#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 ```tsx <StyleSheetManager enableVendorPrefixes> {/* your React tree and ThemeProvider goes here */} </StyleSheetManager> ``` - dropped deprecated `withComponent` API ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed **Full Changelog**: styled-components/styled-components@v6.0.0-rc.1...v6.0.0-rc.2 ### [`v6.0.0-rc.1`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-rc.1) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-rc.0...v6.0.0-rc.1) 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 ```tsx <StyleSheetManager enableVendorPrefixes> {/* your React tree and ThemeProvider goes here */} </StyleSheetManager> ``` - dropped deprecated `withComponent` API ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed **Full Changelog**: styled-components/styled-components@v6.0.0-rc.0...v6.0.0-rc.1 ### [`v6.0.0-rc.0`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-rc.0) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-beta.15...v6.0.0-rc.0) yarn add styled-components@beta #### Changed in this version - fix: correct dep declaration for styled-components by [@​PeachScript](https://togithub.com/PeachScript) in [styled-components/styled-components#3995 - fix scenario where stylis failed to process some self references in CSS ([`6cee6c2`](https://togithub.com/styled-components/styled-components/commit/6cee6c24f7e8dd4f0ada724fcea397d03e778ea2)) #### Upcoming - `@layer` rule support ([thysultan/stylis#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 ```tsx <StyleSheetManager enableVendorPrefixes> {/* your React tree and ThemeProvider goes here */} </StyleSheetManager> ``` - dropped deprecated `withComponent` API ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed #### New Contributors (thank you!) - [@​PeachScript](https://togithub.com/PeachScript) made their first contribution in [styled-components/styled-components#3995 **Full Changelog**: styled-components/styled-components@v6.0.0-beta.15...v6.0.0-rc.0 ### [`v6.0.0-beta.15`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-beta.15) [Compare Source](https://togithub.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 - Fixes an issue where keyframes are declared inside a namespaced StyleSheetManager by [@​marmite22](https://togithub.com/marmite22) in [styled-components/styled-components#3977 - chore: remove --clipboard option in envinfo by [@​ImBIOS](https://togithub.com/ImBIOS) in [styled-components/styled-components#3972 - Fix `css` prop typings by [@​ahutchings](https://togithub.com/ahutchings) in [styled-components/styled-components#3982 - Remove duplicated test by [@​ahutchings](https://togithub.com/ahutchings) in [styled-components/styled-components#3984 - fix: Do not add px to CSS variables (main branch) by [@​Lazyuki](https://togithub.com/Lazyuki) in [styled-components/styled-components#3987 - several typing fixes by [@​probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#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 ```tsx <StyleSheetManager enableVendorPrefixes> {/* your React tree and ThemeProvider goes here */} </StyleSheetManager> ``` - dropped deprecated `withComponent` API ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed #### New Contributors (thank you!) - [@​ImBIOS](https://togithub.com/ImBIOS) made their first contribution in [styled-components/styled-components#3972 - [@​ahutchings](https://togithub.com/ahutchings) made their first contribution in [styled-components/styled-components#3982 **Full Changelog**: styled-components/styled-components@v6.0.0-beta.14...v6.0.0-beta.15 ### [`v6.0.0-beta.14`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-beta.14) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-beta.13...v6.0.0-beta.14) yarn add styled-components@beta #### Changed in this version - **breaking refactor**(stylis): disable vendor prefixing by default by [@​probablyup](https://togithub.com/probablyup) in styled-components/styled-components@2b4f6cb - Fix determineTheme & add typing by [@​benbryant0](https://togithub.com/benbryant0) in [styled-components/styled-components#3966 - Optimization of hot paths by [@​benbryant0](https://togithub.com/benbryant0) in [styled-components/styled-components#3970 - refactor: adjust className application order by [@​probablyup](https://togithub.com/probablyup) in styled-components/styled-components@1e3ffeb - 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 ```tsx <StyleSheetManager enableVendorPrefixes> {/* your React tree and ThemeProvider goes here */} </StyleSheetManager> ``` - dropped deprecated `withComponent` API ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed #### New Contributors (thank you!) - [@​benbryant0](https://togithub.com/benbryant0) made their first contribution in [styled-components/styled-components#3966 **Full Changelog**: styled-components/styled-components@v6.0.0-beta.13...v6.0.0-beta.14 ### [`v6.0.0-beta.13`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-beta.13) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-beta.12...v6.0.0-beta.13) yarn add styled-components@beta #### Changed in this version - Remove "exports" entries by [@​SilviaPag95](https://togithub.com/SilviaPag95) in [styled-components/styled-components#3961 - Make styled components work when the Object prototype is frozen by [@​jportner](https://togithub.com/jportner) in [styled-components/styled-components#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 ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed #### New Contributors (thank you!) - [@​SilviaPag95](https://togithub.com/SilviaPag95) made their first contribution in [styled-components/styled-components#3961 - [@​jportner](https://togithub.com/jportner) made their first contribution in [styled-components/styled-components#3963 **Full Changelog**: styled-components/styled-components@v6.0.0-beta.11...v6.0.0-beta.12 ### [`v6.0.0-beta.12`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-beta.12) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-beta.11...v6.0.0-beta.12) yarn add styled-components@beta #### Changed in this version - fix(types): restore exotic component prop passing ([`f678107`](https://togithub.com/styled-components/styled-components/commit/f678107f420ecf5454aa6326bd6819d83a61c09d)); this restores `React.ComponentProps<typeof MyStyledComponent>` support - add "exports" config in package.json - minor dependency updates - thank you [@​marmite22](https://togithub.com/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 ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed **Full Changelog**: styled-components/styled-components@v6.0.0-beta.11...v6.0.0-beta.12 ### [`v6.0.0-beta.11`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-beta.11) [Compare Source](https://togithub.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: invert StyleFunction prop handling by [@​probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#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 ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed **Full Changelog**: styled-components/styled-components@v6.0.0-beta.10...v6.0.0-beta.11 ### [`v6.0.0-beta.10`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-beta.10) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-beta.9...v6.0.0-beta.10) yarn add styled-components@beta #### Changed in this version - fix: interpolation functions returning null should not console.error by [@​charltoons](https://togithub.com/charltoons) in [styled-components/styled-components#3925 - fix: prevent crash when process.env is not defined by [@​eMerzh](https://togithub.com/eMerzh) in [styled-components/styled-components#3907 - Fixes issue when using an ampersand (&) to scope css to a parent selector alongside the new namespace feature by [@​marmite22](https://togithub.com/marmite22) in [styled-components/styled-components#3908 - feat(StyleSheetManager): add ability to provide default shouldForwardProp by [@​probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#3930 - refactor: type adjustments by [@​probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#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 ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed #### New Contributors - [@​charltoons](https://togithub.com/charltoons) made their first contribution in [styled-components/styled-components#3925 - [@​eMerzh](https://togithub.com/eMerzh) made their first contribution in [styled-components/styled-components#3907 - [@​marmite22](https://togithub.com/marmite22) made their first contribution in [styled-components/styled-components#3908 **Full Changelog**: styled-components/styled-components@v6.0.0-beta.9...v6.0.0-beta.10 ### [`v6.0.0-beta.9`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-beta.9) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-beta.8...v6.0.0-beta.9) yarn add styled-components@beta #### What's Changed - fix: add `<use>` to domElements by [@​shanpriyan](https://togithub.com/shanpriyan) in [styled-components/styled-components#3901 - refactor(typings): revise to support more attrs patterns by [@​probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#3906 #### New Contributors - [@​shanpriyan](https://togithub.com/shanpriyan) made their first contribution in [styled-components/styled-components#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 ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed **Full Changelog**: styled-components/styled-components@v6.0.0-beta.8...v6.0.0-beta.9 ### [`v6.0.0-beta.8`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-beta.8) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-beta.7...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 (styled-components/styled-components@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`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed **Full Changelog**: styled-components/styled-components@v6.0.0-beta.7...v6.0.0-beta.8 ### [`v6.0.0-beta.7`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-beta.7) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-beta.6...v6.0.0-beta.7) yarn add styled-components@beta #### What's Changed - feat(StyleSheetManager): add optional namespacing ([#​3881](https://togithub.com/styled-components/styled-components/issues/3881)); replaces functionality in the babel plugin to be performed at runtime - breaking refactor: remove deprecated `withComponent` API ([`87f511a`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - feat: add styled as named export as well ([`5aed9e3`](https://togithub.com/styled-components/styled-components/commit/5aed9e3f84cd52fa053693d5b66dc5a0f0c82ee9)); 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`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed **Full Changelog**: styled-components/styled-components@v6.0.0-beta.6...v6.0.0-beta.7 ### [`v6.0.0-beta.6`](https://togithub.com/styled-components/styled-components/releases/tag/v6.0.0-beta.6) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v6.0.0-beta.5...v6.0.0-beta.6) yarn add styled-components@beta #### What's Changed - Bump stylis to version 4.1.3 by [@​lunaris](https://togithub.com/lunaris) in [styled-components/styled-components#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`](https://togithub.com/styled-components/styled-components/commit/87f511a228e5b13b1ff70a416409e0705e5bf456)); use "as" prop instead - node >= 14 needed **Full Changelog**: styled-components/styled-components@v6.0.0-beta.5...v6.0.0-beta.6 </details> --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/X-oss-byte/Canary-nextjs).
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fix the
css
prop typings to resolve TypeScript errors when using the prop (described in #3800 (comment)) and added type tests for a few common usages.I also included some related improvements:
CSSProp
docblockAttributes
rather thanDOMAttributes
. This makes it possible to usecss
with custom components whose props don't extend DOMAttributes, and matches the example usage in DefinitelyTyped.css
prop rather than styled-components-related module augmentations in general (especiallyDefaultTheme
).RuleSet
type, which could be useful when building functions that accept or return RuleSets (asked about in this discussion topic).