Skip to content
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.

Sign up for GitHub

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

Jump to bottom

fix: replace slow Omit type #4068

Merged
merged 4 commits into from Jul 3, 2023
Merged

fix: replace slow Omit type #4068

merged 4 commits into from Jul 3, 2023

Conversation

gineika
Copy link
Contributor

@gineika gineika commented Jun 29, 2023 •
edited

Fixes #4061

Omit type uses Exclude, it's much slower.

CSS.Properties type must be huge:

styled-components/packages/styled-components/src/types.ts

Line 225 in bb1bd5a

export type StyledObject<Props extends object> = Substitute<Props, CSS.Properties> & {

@RJWadley
Copy link
Contributor

Tested this and it fixes the issue for me. Much faster too, went from crashing after 90s to succeeding in 5s.

Nice work!

@wadehammes
Copy link

That is some magical TS, nice

@kitajchuk
Copy link

kitajchuk commented Jun 30, 2023 •
edited

Same—tested as well and it greatly reduced slow TS issues.

:shipit:

quantizor
quantizor approved these changes Jul 2, 2023
View reviewed changes
Copy link
Contributor

@quantizor quantizor left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dope!! Going to verify this locally in a bit

@quantizor
Copy link
Contributor

Things are almost passing. There's a type issue in StyledComponent.ts I'm attempting to track down. Something about the way FastOmit works isn't jiving well with propTypes I guess 🙄

@quantizor quantizor enabled auto-merge (rebase) July 3, 2023 02:44
@quantizor quantizor merged commit fc37542 into styled-components:main Jul 3, 2023
4 checks passed
@gineika gineika deleted the fix-4061 branch July 3, 2023 03:26
ddadaal pushed a commit to PKUHPC/SCOW that referenced this pull request Jul 4, 2023
@renovate
chore(deps): update dependency styled-components to v6 (#713)
9e6f7f2 
[![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)) |
[`5.3.11` ->
`6.0.2`](https://renovatebot.com/diffs/npm/styled-components/5.3.11/6.0.2)
|
[![age](https://badges.renovateapi.com/packages/npm/styled-components/6.0.2/age-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://badges.renovateapi.com/packages/npm/styled-components/6.0.2/adoption-slim)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://badges.renovateapi.com/packages/npm/styled-components/6.0.2/compatibility-slim/5.3.11)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://badges.renovateapi.com/packages/npm/styled-components/6.0.2/confidence-slim/5.3.11)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>styled-components/styled-components
(styled-components)</summary>

###
[`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
[@&#8203;gineika](https://togithub.com/gineika) in
[styled-components/styled-components#4069
- fix: replace slow Omit type by
[@&#8203;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

- [@&#8203;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/v5.3.11...v6.0.0)

    yarn add styled-components

##### Changed in this version

- fix(types): prevent prop bleed on styling properties (fixes
[#&#8203;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
[#&#8203;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

</details>

---

### Configuration

📅 **Schedule**: Branch creation - "on sunday" in timezone Asia/Shanghai,
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 these
updates again.

---

- [ ] <!-- rebase-check -->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/PKUHPC/SCOW).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNS4xNDQuMiIsInVwZGF0ZWRJblZlciI6IjM1LjE0NC4yIiwidGFyZ2V0QnJhbmNoIjoibWFzdGVyIn0=-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
@renovate renovate bot mentioned this pull request Jul 4, 2023
Open
1 task
kodiakhq bot pushed a commit to kula-app/OnLaunch that referenced this pull request Jul 6, 2023
@renovate
fix(deps): update dependency styled-components to v6.0.2 (#354)
0c79507 
[![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.1` -> `6.0.2`](https://renovatebot.com/diffs/npm/styled-components/6.0.1/6.0.2) | [![age](https://badges.renovateapi.com/packages/npm/styled-components/6.0.2/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/styled-components/6.0.2/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/styled-components/6.0.2/compatibility-slim/6.0.1)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/styled-components/6.0.2/confidence-slim/6.0.1)](https://docs.renovatebot.com/merge-confidence/) |

---

### Release Notes

<details>
<summary>styled-components/styled-components (styled-components)</summary>

### [`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 [@&#8203;gineika](https://togithub.com/gineika) in [styled-components/styled-components#4069
-   fix: replace slow Omit type by [@&#8203;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

-   [@&#8203;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

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

---

 - [ ] <!-- rebase-check -->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/kula-app/OnLaunch).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNS4xNDQuMiIsInVwZGF0ZWRJblZlciI6IjM1LjE0NC4yIiwidGFyZ2V0QnJhbmNoIjoibWFpbiJ9-->
constanzauanini pushed a commit to terraware/terraware-web that referenced this pull request Sep 18, 2023
@renovate
Update dependency styled-components to v6 (#1707)
2f90fb5 
[![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)) |
[`^5.3.5` ->
`^6.0.0`](https://renovatebot.com/diffs/npm/styled-components/5.3.6/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/5.3.6/6.0.8?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/styled-components/5.3.6/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
[@&#8203;krudos](https://togithub.com/krudos) in
[styled-components/styled-components#4124
- fix: prevent `StyleSheetManager` updating context on every render by
[@&#8203;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
[@&#8203;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
[@&#8203;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
[@&#8203;RJWadley](https://togithub.com/RJWadley) in
[styled-components/styled-components#4149
- fix(types): adopt ref typing from forwardedAs by
[@&#8203;probablyup](https://togithub.com/probablyup) in
[styled-components/styled-components#4163
- chore: update typescript reference on issue template by
[@&#8203;chilled-capybara](https://togithub.com/chilled-capybara) in
[styled-components/styled-components#4150
- chore(types): add type exports for `StyleFunction`, `Interpolation` by
[@&#8203;bcole808](https://togithub.com/bcole808) in
[styled-components/styled-components#4140
- chore: updated Contributing guide benchmark instructions by
[@&#8203;bcole808](https://togithub.com/bcole808) in
[styled-components/styled-components#4137
- chore(types): add missing types `CSSProperties`, `CSSObject`,
`CSSPseudos` and `CSSKeyframes` by
[@&#8203;takurinton](https://togithub.com/takurinton) in
[styled-components/styled-components#4117

#### New Contributors

- [@&#8203;takurinton](https://togithub.com/takurinton) made their first
contribution in
[styled-components/styled-components#4117
- [@&#8203;krudos](https://togithub.com/krudos) made their first
contribution in
[styled-components/styled-components#4124
- [@&#8203;chilled-capybara](https://togithub.com/chilled-capybara) made
their first contribution in
[styled-components/styled-components#4150
- [@&#8203;MartinPELCAT](https://togithub.com/MartinPELCAT) made their
first contribution in
[styled-components/styled-components#4141
- [@&#8203;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
[@&#8203;aspirisen](https://togithub.com/aspirisen) in
[styled-components/styled-components#3993
- fix(types): allow number for height/width/etc
([#&#8203;4090](https://togithub.com/styled-components/styled-components/issues/4090))
by [@&#8203;drewbrend](https://togithub.com/drewbrend) in
[styled-components/styled-components#4111

#### New Contributors

- [@&#8203;aspirisen](https://togithub.com/aspirisen) made their first
contribution in
[styled-components/styled-components#3993
- [@&#8203;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
[@&#8203;bcole808](https://togithub.com/bcole808) in
[styled-components/styled-components#4107

#### New Contributors

- [@&#8203;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
[@&#8203;mdeschamps](https://togithub.com/mdeschamps) in
[styled-components/styled-components#4101

#### New Contributors

- [@&#8203;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
[@&#8203;woodreamz](https://togithub.com/woodreamz) in
[styled-components/styled-components#4084
- fix: untyped event handler callbacks by
[@&#8203;ziolekjj](https://togithub.com/ziolekjj) in
[styled-components/styled-components#4086

#### New Contributors

- [@&#8203;woodreamz](https://togithub.com/woodreamz) made their first
contribution in
[styled-components/styled-components#4084
- [@&#8203;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
[@&#8203;MattIPv4](https://togithub.com/MattIPv4) in
[styled-components/styled-components#4078

#### New Contributors

- [@&#8203;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
[@&#8203;gineika](https://togithub.com/gineika) in
[styled-components/styled-components#4069
- fix: replace slow Omit type by
[@&#8203;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

- [@&#8203;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/v5.3.11...v6.0.0)

    yarn add styled-components

#### Changed in this version

- fix(types): prevent prop bleed on styling properties (fixes
[#&#8203;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
[#&#8203;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

###
[`v5.3.11`](https://togithub.com/styled-components/styled-components/releases/tag/v5.3.11)

[Compare
Source](https://togithub.com/styled-components/styled-components/compare/v5.3.10...v5.3.11)

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

**Full Changelog**:
styled-components/styled-components@v5.3.10...v5.3.11

###
[`v5.3.10`](https://togithub.com/styled-components/styled-components/releases/tag/v5.3.10)

[Compare
Source](https://togithub.com/styled-components/styled-components/compare/v5.3.9...v5.3.10)

#### What's Changed

- fix: Do not add px to unitless CSS variables by
[@&#8203;Lazyuki](https://togithub.com/Lazyuki) in
[styled-components/styled-components#3975

**Full Changelog**:
styled-components/styled-components@v5.3.9...v5.3.10

###
[`v5.3.9`](https://togithub.com/styled-components/styled-components/releases/tag/v5.3.9)

[Compare
Source](https://togithub.com/styled-components/styled-components/compare/v5.3.8...v5.3.9)

##### What's Changed

- \[v5] Make styled components work when the Object prototype is frozen
by [@&#8203;jportner](https://togithub.com/jportner) in
[styled-components/styled-components#3964

**Full Changelog**:
styled-components/styled-components@v5.3.8...v5.3.9

###
[`v5.3.8`](https://togithub.com/styled-components/styled-components/releases/tag/v5.3.8)

[Compare
Source](https://togithub.com/styled-components/styled-components/compare/v5.3.7...v5.3.8)

#### What's Changed

fix(constants): rework process env guard

**Full Changelog**:
styled-components/styled-components@v5.3.7-fixed...v5.3.8

###
[`v5.3.7`](https://togithub.com/styled-components/styled-components/compare/v5.3.6...v5.3.7)

[Compare
Source](https://togithub.com/styled-components/styled-components/compare/v5.3.6...v5.3.7)

</details>

---

### Configuration

📅 **Schedule**: Branch creation - "every weekend" (UTC), 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.

---

- [ ] <!-- rebase-check -->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/terraware/terraware-web).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNi44My4wIiwidXBkYXRlZEluVmVyIjoiMzYuODMuMCIsInRhcmdldEJyYW5jaCI6Im1haW4ifQ==-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
kodiakhq bot pushed a commit to X-oss-byte/Canary-nextjs that referenced this pull request Sep 23, 2023
@renovate
Update dependency styled-components to v6.0.8 (#91)
061cbf0 
[![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 [@&#8203;krudos](https://togithub.com/krudos) in [styled-components/styled-components#4124
-   fix: prevent `StyleSheetManager` updating context on every render by [@&#8203;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 [@&#8203;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 [@&#8203;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 [@&#8203;RJWadley](https://togithub.com/RJWadley) in [styled-components/styled-components#4149
-   fix(types): adopt ref typing from forwardedAs by [@&#8203;probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#4163
-   chore: update typescript reference on issue template by [@&#8203;chilled-capybara](https://togithub.com/chilled-capybara) in [styled-components/styled-components#4150
-   chore(types): add type exports for `StyleFunction`, `Interpolation` by [@&#8203;bcole808](https://togithub.com/bcole808) in [styled-components/styled-components#4140
-   chore: updated Contributing guide benchmark instructions by [@&#8203;bcole808](https://togithub.com/bcole808) in [styled-components/styled-components#4137
-   chore(types): add missing types `CSSProperties`, `CSSObject`, `CSSPseudos` and `CSSKeyframes` by [@&#8203;takurinton](https://togithub.com/takurinton) in [styled-components/styled-components#4117

#### New Contributors

-   [@&#8203;takurinton](https://togithub.com/takurinton) made their first contribution in [styled-components/styled-components#4117
-   [@&#8203;krudos](https://togithub.com/krudos) made their first contribution in [styled-components/styled-components#4124
-   [@&#8203;chilled-capybara](https://togithub.com/chilled-capybara) made their first contribution in [styled-components/styled-components#4150
-   [@&#8203;MartinPELCAT](https://togithub.com/MartinPELCAT) made their first contribution in [styled-components/styled-components#4141
-   [@&#8203;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 [@&#8203;aspirisen](https://togithub.com/aspirisen) in [styled-components/styled-components#3993
-   fix(types): allow number for height/width/etc ([#&#8203;4090](https://togithub.com/styled-components/styled-components/issues/4090)) by [@&#8203;drewbrend](https://togithub.com/drewbrend) in [styled-components/styled-components#4111

#### New Contributors

-   [@&#8203;aspirisen](https://togithub.com/aspirisen) made their first contribution in [styled-components/styled-components#3993
-   [@&#8203;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 [@&#8203;bcole808](https://togithub.com/bcole808) in [styled-components/styled-components#4107

#### New Contributors

-   [@&#8203;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 [@&#8203;mdeschamps](https://togithub.com/mdeschamps) in [styled-components/styled-components#4101

#### New Contributors

-   [@&#8203;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 [@&#8203;woodreamz](https://togithub.com/woodreamz) in [styled-components/styled-components#4084
-   fix: untyped event handler callbacks  by [@&#8203;ziolekjj](https://togithub.com/ziolekjj) in [styled-components/styled-components#4086

#### New Contributors

-   [@&#8203;woodreamz](https://togithub.com/woodreamz) made their first contribution in [styled-components/styled-components#4084
-   [@&#8203;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 [@&#8203;MattIPv4](https://togithub.com/MattIPv4) in [styled-components/styled-components#4078

#### New Contributors

-   [@&#8203;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 [@&#8203;gineika](https://togithub.com/gineika) in [styled-components/styled-components#4069
-   fix: replace slow Omit type by [@&#8203;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

-   [@&#8203;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 [#&#8203;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 [#&#8203;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 [#&#8203;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 [#&#8203;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 [@&#8203;jportner](https://togithub.com/jportner) in [styled-components/styled-components#4042
-   ensure useTheme hook returns theme object by [@&#8203;nksfrank](https://togithub.com/nksfrank) in [styled-components/styled-components#4033
-   revert rc.3 type changes, investigate alternate fixes by [@&#8203;probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#4037
-   finalize rc.4 inclusions by [@&#8203;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

-   [@&#8203;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 [@&#8203;justinbhopper](https://togithub.com/justinbhopper), [@&#8203;aliceHendicott](https://togithub.com/aliceHendicott), [@&#8203;probablyup](https://togithub.com/probablyup)  in [styled-components/styled-components#4028
-   fix(stylis): ensure rules are split coming out of stylis by [@&#8203;probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#4021 (this is a partial fix for [#&#8203;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 [@&#8203;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 [@&#8203;justinbhopper](https://togithub.com/justinbhopper), [@&#8203;aliceHendicott](https://togithub.com/aliceHendicott), [@&#8203;probablyup](https://togithub.com/probablyup)  in [styled-components/styled-components#4014

#### New Contributors

-   [@&#8203;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 [@&#8203;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!)

-   [@&#8203;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 [@&#8203;marmite22](https://togithub.com/marmite22) in [styled-components/styled-components#3977
-   chore: remove --clipboard option in envinfo by [@&#8203;ImBIOS](https://togithub.com/ImBIOS) in [styled-components/styled-components#3972
-   Fix `css` prop typings by [@&#8203;ahutchings](https://togithub.com/ahutchings) in [styled-components/styled-components#3982
-   Remove duplicated test by [@&#8203;ahutchings](https://togithub.com/ahutchings) in [styled-components/styled-components#3984
-   fix: Do not add px to CSS variables (main branch) by [@&#8203;Lazyuki](https://togithub.com/Lazyuki) in [styled-components/styled-components#3987
-   several typing fixes by [@&#8203;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!)

-   [@&#8203;ImBIOS](https://togithub.com/ImBIOS) made their first contribution in [styled-components/styled-components#3972
-   [@&#8203;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 [@&#8203;probablyup](https://togithub.com/probablyup) in styled-components/styled-components@2b4f6cb
-   Fix determineTheme & add typing by [@&#8203;benbryant0](https://togithub.com/benbryant0) in [styled-components/styled-components#3966
-   Optimization of hot paths by [@&#8203;benbryant0](https://togithub.com/benbryant0) in [styled-components/styled-components#3970
-   refactor: adjust className application order by [@&#8203;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!)

-   [@&#8203;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 [@&#8203;SilviaPag95](https://togithub.com/SilviaPag95) in [styled-components/styled-components#3961
-   Make styled components work when the Object prototype is frozen by [@&#8203;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!)

-   [@&#8203;SilviaPag95](https://togithub.com/SilviaPag95) made their first contribution in [styled-components/styled-components#3961
-   [@&#8203;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 [@&#8203;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 [@&#8203;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 [@&#8203;charltoons](https://togithub.com/charltoons) in [styled-components/styled-components#3925
-   fix: prevent crash when process.env is not defined by [@&#8203;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 [@&#8203;marmite22](https://togithub.com/marmite22) in [styled-components/styled-components#3908
-   feat(StyleSheetManager): add ability to provide default shouldForwardProp by [@&#8203;probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#3930
-   refactor: type adjustments by [@&#8203;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

-   [@&#8203;charltoons](https://togithub.com/charltoons) made their first contribution in [styled-components/styled-components#3925
-   [@&#8203;eMerzh](https://togithub.com/eMerzh) made their first contribution in [styled-components/styled-components#3907
-   [@&#8203;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 [@&#8203;shanpriyan](https://togithub.com/shanpriyan) in [styled-components/styled-components#3901
-   refactor(typings): revise to support more attrs patterns by [@&#8203;probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#3906

#### New Contributors

-   [@&#8203;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 ([#&#8203;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 [@&#8203;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).
kodiakhq bot pushed a commit to X-oss-byte/Nextjs that referenced this pull request Sep 27, 2023
@renovate
Update dependency styled-components to v6.0.8 (#107)
dcc4ec8 
[![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-rc.3` -> `6.0.8`](https://renovatebot.com/diffs/npm/styled-components/6.0.0-rc.3/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-rc.3/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-rc.3/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 [@&#8203;krudos](https://togithub.com/krudos) in [styled-components/styled-components#4124
-   fix: prevent `StyleSheetManager` updating context on every render by [@&#8203;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 [@&#8203;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 [@&#8203;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 [@&#8203;RJWadley](https://togithub.com/RJWadley) in [styled-components/styled-components#4149
-   fix(types): adopt ref typing from forwardedAs by [@&#8203;probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#4163
-   chore: update typescript reference on issue template by [@&#8203;chilled-capybara](https://togithub.com/chilled-capybara) in [styled-components/styled-components#4150
-   chore(types): add type exports for `StyleFunction`, `Interpolation` by [@&#8203;bcole808](https://togithub.com/bcole808) in [styled-components/styled-components#4140
-   chore: updated Contributing guide benchmark instructions by [@&#8203;bcole808](https://togithub.com/bcole808) in [styled-components/styled-components#4137
-   chore(types): add missing types `CSSProperties`, `CSSObject`, `CSSPseudos` and `CSSKeyframes` by [@&#8203;takurinton](https://togithub.com/takurinton) in [styled-components/styled-components#4117

#### New Contributors

-   [@&#8203;takurinton](https://togithub.com/takurinton) made their first contribution in [styled-components/styled-components#4117
-   [@&#8203;krudos](https://togithub.com/krudos) made their first contribution in [styled-components/styled-components#4124
-   [@&#8203;chilled-capybara](https://togithub.com/chilled-capybara) made their first contribution in [styled-components/styled-components#4150
-   [@&#8203;MartinPELCAT](https://togithub.com/MartinPELCAT) made their first contribution in [styled-components/styled-components#4141
-   [@&#8203;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 [@&#8203;aspirisen](https://togithub.com/aspirisen) in [styled-components/styled-components#3993
-   fix(types): allow number for height/width/etc ([#&#8203;4090](https://togithub.com/styled-components/styled-components/issues/4090)) by [@&#8203;drewbrend](https://togithub.com/drewbrend) in [styled-components/styled-components#4111

#### New Contributors

-   [@&#8203;aspirisen](https://togithub.com/aspirisen) made their first contribution in [styled-components/styled-components#3993
-   [@&#8203;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 [@&#8203;bcole808](https://togithub.com/bcole808) in [styled-components/styled-components#4107

#### New Contributors

-   [@&#8203;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 [@&#8203;mdeschamps](https://togithub.com/mdeschamps) in [styled-components/styled-components#4101

#### New Contributors

-   [@&#8203;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 [@&#8203;woodreamz](https://togithub.com/woodreamz) in [styled-components/styled-components#4084
-   fix: untyped event handler callbacks  by [@&#8203;ziolekjj](https://togithub.com/ziolekjj) in [styled-components/styled-components#4086

#### New Contributors

-   [@&#8203;woodreamz](https://togithub.com/woodreamz) made their first contribution in [styled-components/styled-components#4084
-   [@&#8203;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 [@&#8203;MattIPv4](https://togithub.com/MattIPv4) in [styled-components/styled-components#4078

#### New Contributors

-   [@&#8203;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 [@&#8203;gineika](https://togithub.com/gineika) in [styled-components/styled-components#4069
-   fix: replace slow Omit type by [@&#8203;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

-   [@&#8203;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 [#&#8203;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 [#&#8203;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 [#&#8203;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 [#&#8203;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 [@&#8203;jportner](https://togithub.com/jportner) in [styled-components/styled-components#4042
-   ensure useTheme hook returns theme object by [@&#8203;nksfrank](https://togithub.com/nksfrank) in [styled-components/styled-components#4033
-   revert rc.3 type changes, investigate alternate fixes by [@&#8203;probablyup](https://togithub.com/probablyup) in [styled-components/styled-components#4037
-   finalize rc.4 inclusions by [@&#8203;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

-   [@&#8203;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)

</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/Nextjs).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@quantizor quantizor quantizor approved these changes

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

v6 crashes tsc (OOM)
5 participants
@gineika @RJWadley @wadehammes @kitajchuk @quantizor