fix(deps): update dependency styled-components to v5 - autoclosed

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
styled-components (source)	`^4.4.1` -> `^5.0.0`

⚠ Dependency Lookup Warnings ⚠

Warnings were logged while processing this repo. Please check the Dependency Dashboard for more information.

Release Notes

styled-components/styled-components

### [`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**: https://github.com/styled-components/styled-components/compare/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 [@Lazyuki](https://togithub.com/Lazyuki) in [https://github.com/styled-components/styled-components/pull/3975](https://togithub.com/styled-components/styled-components/pull/3975) **Full Changelog**: https://github.com/styled-components/styled-components/compare/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 [@jportner](https://togithub.com/jportner) in [https://github.com/styled-components/styled-components/pull/3964](https://togithub.com/styled-components/styled-components/pull/3964) **Full Changelog**: https://github.com/styled-components/styled-components/compare/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**: https://github.com/styled-components/styled-components/compare/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) ### [`v5.3.6`](https://togithub.com/styled-components/styled-components/releases/tag/v5.3.6) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v5.3.5...v5.3.6) #### What's Changed - Fix statement on Ukraine by [@Fer0x](https://togithub.com/Fer0x) in [https://github.com/styled-components/styled-components/pull/3724](https://togithub.com/styled-components/styled-components/pull/3724) - Fix/nonce in ssr by [@samimakicc](https://togithub.com/samimakicc) in [https://github.com/styled-components/styled-components/pull/3755](https://togithub.com/styled-components/styled-components/pull/3755) #### Deprecations - `$as` and `$forwardedAs` will be removed in the next major version, use the unprefixed props instead #### New Contributors - [@samimakicc](https://togithub.com/samimakicc) made their first contribution in [https://github.com/styled-components/styled-components/pull/3755](https://togithub.com/styled-components/styled-components/pull/3755) **Full Changelog**: https://github.com/styled-components/styled-components/compare/v5.3.5...v5.3.6 ### [`v5.3.5`](https://togithub.com/styled-components/styled-components/releases/tag/v5.3.5) Add statement of solidarity against the war on Ukraine 🇺🇦 ### [`v5.3.3`](https://togithub.com/styled-components/styled-components/releases/tag/v5.3.3) #### What's Changed - Backport [#3568](https://togithub.com/styled-components/styled-components/issues/3568) (read from textContent rather than innerHTML during rehydrate) to v5 by [@keeganstreet](https://togithub.com/keeganstreet) in [https://github.com/styled-components/styled-components/pull/3591](https://togithub.com/styled-components/styled-components/pull/3591) - \[v5] generate more complete sourcemaps by [@henryqdineen](https://togithub.com/henryqdineen) in [https://github.com/styled-components/styled-components/pull/3597](https://togithub.com/styled-components/styled-components/pull/3597) #### New Contributors - [@henryqdineen](https://togithub.com/henryqdineen) made their first contribution in [https://github.com/styled-components/styled-components/pull/3597](https://togithub.com/styled-components/styled-components/pull/3597) **Full Changelog**: https://github.com/styled-components/styled-components/compare/v5.3.1...v5.3.3 ### [`v5.3.1`](https://togithub.com/styled-components/styled-components/releases/tag/v5.3.1) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v5.3.0...v5.3.1) - Fix forced server-side mode not triggering global styles (See [#3566](https://togithub.com/styled-components/styled-components/issues/3566)) - Fix SSR collisions caused by insufficient hash inputs and reordering of groups on the client, which is a regression in v5.2.0 (See [#3563](https://togithub.com/styled-components/styled-components/issues/3563)) - Fix dynamic creation React warning for React v18, backported to v5 by [@lynndylanhurley](https://togithub.com/lynndylanhurley) (See [#3564](https://togithub.com/styled-components/styled-components/issues/3564)) - Add missing typeof window check when checking for duplicate instances of styled-components (See [#3553](https://togithub.com/styled-components/styled-components/issues/3553)) - Prevent ServerStyleSheet from emitting empty style tags, which would cause issues in IE11 (See [#3555](https://togithub.com/styled-components/styled-components/issues/3555)) - Support css tagged templates inside style objects, by [@roginfarrer](https://togithub.com/roginfarrer) and [@dvingo](https://togithub.com/dvingo) (See [#3469](https://togithub.com/styled-components/styled-components/issues/3469)) ### [`v5.3.0`](https://togithub.com/styled-components/styled-components/releases/tag/v5.3.0) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v5.2.3...v5.3.0) - Pass `elementToBeCreated` as a third parameter to `shouldForwardProp` so that the user-specified function can decide whether to pass through props based on whether the created element will be a tag or another component. (see [#3436](https://togithub.com/styled-components/styled-components/pull/3436)) - Fix React Native components accepts function as style prop. (see [#3389](https://togithub.com/styled-components/styled-components/pull/3389)) ### [`v5.2.3`](https://togithub.com/styled-components/styled-components/releases/tag/v5.2.3) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v5.2.2...v5.2.3) fix an issue with an unguarded window accessor in a SSR path ([see #3446](https://togithub.com/styled-components/styled-components/pull/3446)) ### [`v5.2.2`](https://togithub.com/styled-components/styled-components/releases/tag/v5.2.2) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v5.2.1...v5.2.2) - For React Native based components, pass `testID` down to the native component if specified for an easier time testing. (see [#3365](https://togithub.com/styled-components/styled-components/pull/3365)) - Enable users of the babel macro to customize the styled-components import with `importModuleName` (see [#3422](https://togithub.com/styled-components/styled-components/pull/3422)) - \[fix] COMPLEX_SELECTOR_PREFIX.includes wasn't transpiled (see [#3397](https://togithub.com/styled-components/styled-components/pull/3397)) ### [`v5.2.1`](https://togithub.com/styled-components/styled-components/releases/tag/v5.2.1) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v5.2.0...v5.2.1) Tweak server-side build settings to resolve an issue with jest-dom not being able to pick up generated styles (see [#3308](https://togithub.com/styled-components/styled-components/pull/3308)) thanks [@Lazyuki](https://togithub.com/Lazyuki) ### [`v5.2.0`](https://togithub.com/styled-components/styled-components/releases/tag/v5.2.0) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v5.1.1...v5.2.0) - Make sure `StyleSheetManager` renders all styles in iframe / child windows (see [#3159](https://togithub.com/styled-components/styled-components/pull/3159)) thanks [@eramdam](https://togithub.com/eramdam)! - Rework how components self-reference in extension scenarios (see [#3236](https://togithub.com/styled-components/styled-components/pull/3236)); should fix a bunch of subtle bugs around patterns like `& + &` - Fix `keyframes` not receiving a modified stylis instance when using something like `stylis-plugin-rtl` (see [#3239](https://togithub.com/styled-components/styled-components/pull/3239)) - Big performance gain for components using [style objects](https://styled-components.com/docs/advanced#style-objects) (see [#3239](https://togithub.com/styled-components/styled-components/pull/3239)) - We no longer emit dynamic classNames for empty rulesets, so some className churn may occur in snapshots - Preallocate global style placement to ensure cGS is consistently inserted at the top of the stylesheet; note that this is done in *runtime order* so, if you have multiple cGS that have overlapping styles, ensure they're defined in code in the sequence you would want them injected (see [#3239](https://togithub.com/styled-components/styled-components/pull/3239)) - Add "engines" to package.json (currently set to Node 10, the oldest supported LTS distribution) (see [#3201](https://togithub.com/styled-components/styled-components/pull/3201)) thanks [@MichaelDeBoey](https://togithub.com/MichaelDeBoey)! Finally, special thanks to [@willheslam](https://togithub.com/willheslam) for testing and some last minute fixes on this release! ### [`v5.1.1`](https://togithub.com/styled-components/styled-components/releases/tag/v5.1.1) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v5.1.0...v5.1.1) ##### New Functionality - Implement `shouldForwardProp` API for native and primitive platforms, which was previously missing in \[v5.1.0] (see [#3093](https://togithub.com/styled-components/styled-components/pull/3107)) This has been released under a patch bump instead of a minor, since it's only been missing from Native-support. ##### Bugfixes - Added `useTheme` hook to named exports for react-primitives entrypoint (see [#2982](https://togithub.com/styled-components/styled-components/pull/2982)) thanks [@jladuval](https://togithub.com/jladuval)! - Escape every CSS ident character necessary when converting component display names to class names (see [#3102](https://togithub.com/styled-components/styled-components/pull/3102)) thanks [@kripod](https://togithub.com/kripod)! ### [`v5.1.0`](https://togithub.com/styled-components/styled-components/releases/tag/v5.1.0) [Compare Source](https://togithub.com/styled-components/styled-components/compare/v5.0.1...v5.1.0) #### New Functionality - Add `shouldForwardProp` API (almost the same as emotion's, just a slightly different usage pattern); [https://github.com/styled-components/styled-components/pull/3006](https://togithub.com/styled-components/styled-components/pull/3006) Sometimes when composing multiple higher-order components together, it's possible to get into scenarios when multiple layers consume props by the same name. In the past we've introduced various workarounds for popular props like `"as"` but this power-user API allows for more granular customization of what props are passed down to descendant component children when using the `styled()` HOC wrapper. When combined with other APIs like `.attrs()` this becomes a very powerful constellation of abilities. Here's how you use it: ```jsx const Comp = styled('div').withConfig({ shouldForwardProp: (prop, defaultValidatorFn) => !['filterThis'].includes(prop), })` color: red; `; render(); ``` ### Renders:

```` The second argument `defaultValidatorFn` is what we use internally to validate props based on known HTML attributes. It's provided so you can filter exactly what props you don't wish to pass and then fall-back to the default filtering mechanism if desired. Other methods on the `styled` HOC like `.attrs` can be chained after `withConfig()`, and before opening your template literal: ```jsx const Comp = styled('div').withConfig({ shouldForwardProp: (prop, defaultValidatorFn) => !['filterThis'].includes(prop), }).attrs({ className: 'foo' })` color: red; `; render(); ### Renders:

```` Thanks [@stevesims](https://togithub.com/stevesims) and all that contributed! - Add "transient props" API; [https://github.com/styled-components/styled-components/pull/3052](https://togithub.com/styled-components/styled-components/pull/3052) Think of [*transient props*](https://medium.com/@probablyup/introducing-transient-props-f35fd5203e0c) as a lightweight, but complementary API to `shouldForwardProp`. Because styled-components allows any kind of prop to be used for styling (a trait shared by most CSS-in-JS libraries, but not the third party library ecosystem in general), adding a filter for every possible prop you might use can get cumbersome. *Transient props* are a new pattern to pass props that are explicitly consumed only by styled components and are not meant to be passed down to deeper component layers. Here's how you use them: ```jsx const Comp = styled.div` color: ${props => props.$fg || 'black'}; `; render(I'm red!); ``` Note the dollar sign (`$`) prefix on the prop; this marks it as *transient* and styled-components knows not to add it to the rendered DOM element or pass it further down the component hierarchy. #### Bugfixes - Fix slow SSR Rehydration for malformed CSS and increase fault-tolerance (see [#3018](https://togithub.com/styled-components/styled-components/pull/3018)) - Change isPlainObject (internal method) to support objects created in a different context (see [#3068](https://togithub.com/styled-components/styled-components/pull/3068)) thanks [@keeganstreet](https://togithub.com/keeganstreet)! - Add support for the `

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. View repository job log here.

stakater / Forecastle