-
Notifications
You must be signed in to change notification settings - Fork 58
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(deps): update dependency styled-components to v6 #389
base: master
Are you sure you want to change the base?
Conversation
@renovate[bot] Image is available for testing. |
2f41bea
to
25cdd81
Compare
fc1c6b6
to
f13909c
Compare
f13909c
to
9d18ac7
Compare
4101bbb
to
e9d7016
Compare
e9d7016
to
682c98e
Compare
8e70c2d
to
2fdbc5b
Compare
2fdbc5b
to
3844894
Compare
3844894
to
d0b8e7d
Compare
7d19b01
to
762faca
Compare
762faca
to
4ffcaf3
Compare
dfad54e
to
7f210c7
Compare
7f210c7
to
7b4c701
Compare
7b4c701
to
af477d4
Compare
7b1364a
to
0ee804d
Compare
534dde2
to
7abae72
Compare
@renovate[bot] Image is available for testing. |
7abae72
to
41a3608
Compare
@renovate[bot] Image is available for testing. |
41a3608
to
10641cc
Compare
@renovate[bot] Image is available for testing. |
5c34c1b
to
4a709df
Compare
dfb8f9f
to
e806117
Compare
e806117
to
5c4dbe8
Compare
5c4dbe8
to
0fba891
Compare
This PR contains the following updates:
^4.4.1
->^6.0.0
Release Notes
styled-components/styled-components (styled-components)
v6.1.13
Compare Source
v6.1.12
Compare Source
What's Changed
New Contributors
Full Changelog: styled-components/styled-components@v6.1.11...v6.1.12
v6.1.11
Compare Source
v6.1.10
Compare Source
v6.1.9
Compare Source
What's Changed
New Contributors
Full Changelog: styled-components/styled-components@v6.1.8...v6.1.9
v6.1.8
Compare Source
Revert adding
peerDependencies
from v6.1.7; apparently some build tools do not respectpeerDependenciesMeta[package].optional
which is causing issues. Will revisit at a later date if possible.Full Changelog: styled-components/styled-components@v6.1.7...v6.1.8
v6.1.7
Compare Source
What's Changed
chore: add all missing peer dependency statements by @quantizor in https://github.com/styled-components/styled-components/pull/4243
NOTE: this change may cause some installed dependency duplication until this NPM bug is addressed but yarn and pnpm have correct behavior. Bun also has a similar bug.
Overall these changes ensure that styled-components is specifying a known working version of all utilized libraries, while instructing the client package manager that higher semver-compliant versions are permissible and should work, assuming the relevant libraries are compliant in practice.
Full Changelog: styled-components/styled-components@v6.1.6...v6.1.7
v6.1.6
Compare Source
What's Changed
Full Changelog: styled-components/styled-components@v6.1.5...v6.1.6
v6.1.5
Compare Source
What's Changed
Full Changelog: styled-components/styled-components@v6.1.4...v6.1.5
v6.1.4
Compare Source
What's Changed
attrs
to provide a customtheme
prop to child components by @quantizor in https://github.com/styled-components/styled-components/pull/4242Full Changelog: styled-components/styled-components@v6.1.3...v6.1.4
v6.1.3
Compare Source
What's Changed
New Contributors
Full Changelog: styled-components/styled-components@v6.1.2...v6.1.3
v6.1.2
Compare Source
What's Changed
New Contributors
Full Changelog: styled-components/styled-components@v6.1.1...v6.1.2
v6.1.1
Compare Source
What's Changed
New Contributors
Full Changelog: styled-components/styled-components@v6.1.0...v6.1.1
v6.1.0
Compare Source
What's Changed
New Contributors
Full Changelog: styled-components/styled-components@v6.0.9...v6.1.0
v6.0.9
Compare Source
fix bundling to not hardcode
window
(should fix some testing use cases that were incorrectly assuming a server environment when JSDOM and similar are in use)Full Changelog: styled-components/styled-components@v6.0.8...v6.0.9
v6.0.8
Compare Source
What's Changed
toStyleSheet
function by @krudos in https://github.com/styled-components/styled-components/pull/4124StyleSheetManager
updating context on every render by @keeganstreet in https://github.com/styled-components/styled-components/pull/4159JSX.IntrinsicElements
for the supported element list by @RJWadley in https://github.com/styled-components/styled-components/pull/4149StyleFunction
,Interpolation
by @bcole808 in https://github.com/styled-components/styled-components/pull/4140CSSProperties
,CSSObject
,CSSPseudos
andCSSKeyframes
by @takurinton in https://github.com/styled-components/styled-components/pull/4117New Contributors
Full Changelog: styled-components/styled-components@v6.0.7...v6.0.8
v6.0.7
Compare Source
What's Changed
exactOptionalPropertyTypes
check by @aspirisen in https://github.com/styled-components/styled-components/pull/3993New Contributors
Full Changelog: styled-components/styled-components@v6.0.6...v6.0.7
v6.0.6
Compare Source
What's Changed
New Contributors
Full Changelog: styled-components/styled-components@v6.0.5...v6.0.6
v6.0.5
Compare Source
What's Changed
New Contributors
Full Changelog: styled-components/styled-components@v6.0.4...v6.0.5
v6.0.4
Compare Source
What's Changed
New Contributors
Full Changelog: styled-components/styled-components@v6.0.3...v6.0.4
v6.0.3
Compare Source
What's Changed
New Contributors
Full Changelog: styled-components/styled-components@v6.0.2...v6.0.3
v6.0.2
Compare Source
What's Changed
displayName
in production to save bytes, it's already present in the static className if you're using the babel plugin or equivalentflatMap
andat
with ES5-compliant variantsNew Contributors
Full Changelog: styled-components/styled-components@v6.0.1...v6.0.2
v6.0.1
Compare Source
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
Compare Source
Changed in this version
c0f8015
)e6c4f0a
)fa58875
)Breaking changes in v6
Migration guide → https://styled-components.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-v6
stylis
v4 (if usingstylis-plugin-rtl
you'll need to upgrade to the newer version)@types/styled-components
in the past, you'll want to remove it$as
and$forwardedAs
props (useas
orforwardedAs
)$
prefix) for stuff you don't want to be passed to child component / HTMLStyleSheetManager
disableVendorPrefixes
withenableVendorPrefixes
propwithComponent
API (87f511a
); use "as" prop insteadFull Changelog: styled-components/styled-components@v5.3.7...v6.0.0
v5.3.11
Compare Source
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
Compare Source
What's Changed
Full Changelog: styled-components/styled-components@v5.3.9...v5.3.10
v5.3.9
Compare Source
What's Changed
Full Changelog: styled-components/styled-components@v5.3.8...v5.3.9
v5.3.8
Compare Source
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
Compare Source
v5.3.6
Compare Source
What's Changed
Deprecations
$as
and$forwardedAs
will be removed in the next major version, use the unprefixed props insteadNew Contributors
Full Changelog: styled-components/styled-components@v5.3.5...v5.3.6
v5.3.5
Add statement of solidarity against the war on Ukraine 🇺🇦
v5.3.3
What's Changed
New Contributors
Full Changelog: styled-components/styled-components@v5.3.1...v5.3.3
v5.3.1
Compare Source
v5.3.0
Compare Source
Pass
elementToBeCreated
as a third parameter toshouldForwardProp
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)Fix React Native components accepts function as style prop. (see #3389)
v5.2.3
Compare Source
fix an issue with an unguarded window accessor in a SSR path (see #3446)
v5.2.2
Compare Source
For React Native based components, pass
testID
down to the native component if specified for an easier time testing. (see #3365)Enable users of the babel macro to customize the styled-components import with
importModuleName
(see #3422)[fix] COMPLEX_SELECTOR_PREFIX.includes wasn't transpiled (see #3397)
v5.2.1
Compare Source
Tweak server-side build settings to resolve an issue with jest-dom not being able to pick up generated styles (see #3308) thanks @Lazyuki
v5.2.0
Compare Source
Make sure
StyleSheetManager
renders all styles in iframe / child windows (see #3159) thanks @eramdam!Rework how components self-reference in extension scenarios (see #3236); should fix a bunch of subtle bugs around patterns like
& + &
Fix
keyframes
not receiving a modified stylis instance when using something likestylis-plugin-rtl
(see #3239)Big performance gain for components using style objects (see #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)
Add "engines" to package.json (currently set to Node 10, the oldest supported LTS distribution) (see #3201) thanks @MichaelDeBoey!
Finally, special thanks to @willheslam for testing and some last minute fixes on this release!
v5.1.1
Compare Source
New Functionality
shouldForwardProp
API for native and primitive platforms, which was previously missing in [v5.1.0] (see #3093)This has been released under a patch bump instead of a minor, since it's only been missing from Native-support.
Bugfixes
useTheme
hook to named exports for react-primitives entrypoint (see #2982) thanks @jladuval!v5.1.0
Compare Source
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/3006Sometimes 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 thestyled()
HOC wrapper.When combined with other APIs like
.attrs()
this becomes a very powerful constellation of abilities.Here's how you use it:
Renders:
Thanks @stevesims and all that contributed!
Add "transient props" API; https://github.com/styled-components/styled-components/pull/3052
Think of transient props 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:
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)
Change isPlainObject (internal method) to support objects created in a different context (see #3068) thanks @keeganstreet!
Add support for the
<video disablePictureInPicture>
(see #3058) thanks @egdbear!v5.0.1
Compare Source
Added useTheme hook to named exports for react native (#2982)
Performance enhancements
Added some helpful new dev-time warnings for antipatterns
@import
insidecreateGlobalStyle
and what to do instead (#2997)v5.0.0
Compare Source
It's finally here!!! 🚀See the migrating to v5 FAQ page for easy upgrade instructions!
Read the v5 release announcement!
TL;DR:
...and much more all, with no breaking changes!
NOTE: At this time we recommend not using
@import
inside ofcreateGlobalStyle
. We're working on better behavior for this functionality but it just doesn't really work at the moment and it's better if you just embed these imports in your HTML index file, etc.Changes
StyleSheetManager
enhancements<StyleSheetManager stylisPlugins={[]}>...</StyleSheetManager>
disableVendorPrefixes
removes autoprefixing if you don't need legacy browser support;<StyleSheetManager disableVendorPrefixes>...</StyleSheetManager>
disableCSSOMInjection
forces using the slower injection mode if other integrations in your runtime environment can't parse CSSOM-injected styles;<StyleSheetManager disableCSSOMInjection>...</StyleSheetManager>
Removed the "subfunction" attrs syntax that was deprecated in v4
becomes
Update css-to-react-native to v3.0.0 (#2811); the one breaking change noted is that unitless line height is no longer allowed when setting font properties
disallow /ad/i in generated class names (#2837); this change primarily helps to avoid some overly aggressive ad blockers that will mangle generated classnames containing the substring "ad"
if you use styled-components from CDN, in v5 the "react-is" dependency was added (make sure you add this to your project)
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 is behind base branch, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR was generated by Mend Renovate. View the repository job log.