[react@18] bump styled-components (#192368)

## Summary

Prep for https://github.com/elastic/kibana/issues/138222


This PR updates `styled-components` package to the latest v5 version. I
would like to do it for react@18 upgrade to suppress a noisy warning
that is coming from `styled-components` when it is used with react@18.
Here is that PR
https://github.com/styled-components/styled-components/pull/3564/files


Updates the failed snapshot tests.


Dear reviewers, could you please smoke-check your apps visually? This is
a minor upgrade, but I think it is worth to click around anyway.
This commit is contained in:
Anton Dosov 2024-09-20 11:26:47 +02:00 committed by GitHub
parent bb1899653f
commit b1434a446f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 369 additions and 376 deletions

View file

@ -1241,7 +1241,7 @@
"source-map-support": "^0.5.19",
"stats-lite": "^2.2.0",
"strip-ansi": "^6.0.0",
"styled-components": "^5.1.0",
"styled-components": "^5.3.11",
"suricata-sid-db": "^1.0.2",
"swr": "^2.2.5",
"symbol-observable": "^1.2.0",

View file

@ -249,7 +249,7 @@ exports[`ScreenReaderRouteAnnouncements renders 1`] = `
</style>
<style
data-styled="active"
data-styled-version="5.1.0"
data-styled-version="5.3.11"
/>
</head>,
"ctr": 1,

View file

@ -221,7 +221,7 @@ exports[`<CodeEditor /> is rendered 1`] = `
</style>
<style
data-styled="active"
data-styled-version="5.1.0"
data-styled-version="5.3.11"
/>
</head>,
"ctr": 2,

View file

@ -67,11 +67,11 @@ exports[`Doc table cell component renders a cell with filter buttons if it is fi
"container": <head>
<style
data-styled="active"
data-styled-version="5.1.0"
data-styled-version="5.3.11"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
data-styled-version="5.3.11"
/>
<style
data-emotion="css"
@ -194,11 +194,11 @@ exports[`Doc table cell component renders a cell with filter buttons if it is fi
"container": <head>
<style
data-styled="active"
data-styled-version="5.1.0"
data-styled-version="5.3.11"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
data-styled-version="5.3.11"
/>
<style
data-emotion="css"

View file

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`AgentMarker renders 1`] = `
<ThemeProvider
<Component
theme={[Function]}
>
<AgentMarker
@ -14,5 +14,5 @@ exports[`AgentMarker renders 1`] = `
}
}
/>
</ThemeProvider>
</Component>
`;

View file

@ -2022,20 +2022,13 @@
resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.1.tgz#4ffb0055f7ef676ebc3a5a91fb621393294e2f43"
integrity sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==
"@emotion/is-prop-valid@1.2.1", "@emotion/is-prop-valid@^1.2.1":
"@emotion/is-prop-valid@1.2.1", "@emotion/is-prop-valid@^1.1.0", "@emotion/is-prop-valid@^1.2.1":
version "1.2.1"
resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz#23116cf1ed18bfeac910ec6436561ecb1a3885cc"
integrity sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==
dependencies:
"@emotion/memoize" "^0.8.1"
"@emotion/is-prop-valid@^0.8.8":
version "0.8.8"
resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"
integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==
dependencies:
"@emotion/memoize" "0.7.4"
"@emotion/jest@^11.11.0":
version "11.11.0"
resolved "https://registry.yarnpkg.com/@emotion/jest/-/jest-11.11.0.tgz#4d64b33052308739dcdd7396fd2bc902f7244f82"
@ -13156,7 +13149,7 @@ babel-plugin-require-context-hook@^1.0.0:
resolved "https://registry.yarnpkg.com/babel-plugin-require-context-hook-babel7/-/babel-plugin-require-context-hook-babel7-1.0.0.tgz#1273d4cee7e343d0860966653759a45d727e815d"
integrity sha512-kez0BAN/cQoyO1Yu1nre1bQSYZEF93Fg7VQiBHFfMWuaZTy7vJSTT4FY68FwHTYG53Nyt0A7vpSObSVxwweQeQ==
"babel-plugin-styled-components@>= 1", babel-plugin-styled-components@^2.1.4:
"babel-plugin-styled-components@>= 1.12.0", babel-plugin-styled-components@^2.1.4:
version "2.1.4"
resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz#9a1f37c7f32ef927b4b008b529feb4a2c82b1092"
integrity sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==
@ -29751,17 +29744,17 @@ style-to-object@0.3.0, style-to-object@^0.3.0:
dependencies:
inline-style-parser "0.1.1"
styled-components@^5.1.0:
version "5.1.0"
resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.1.0.tgz#2e3985b54f461027e1c91af3229e1c2530872a4e"
integrity sha512-0Qs2wEkFBXHFlysz6CV831VG6HedcrFUwChjnWylNivsx14MtmqQsohi21rMHZxzuTba063dEyoe/SR6VGJI7Q==
styled-components@^5.3.11:
version "5.3.11"
resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.3.11.tgz#9fda7bf1108e39bf3f3e612fcc18170dedcd57a8"
integrity sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==
dependencies:
"@babel/helper-module-imports" "^7.0.0"
"@babel/traverse" "^7.4.5"
"@emotion/is-prop-valid" "^0.8.8"
"@emotion/is-prop-valid" "^1.1.0"
"@emotion/stylis" "^0.8.4"
"@emotion/unitless" "^0.7.4"
babel-plugin-styled-components ">= 1"
babel-plugin-styled-components ">= 1.12.0"
css-to-react-native "^3.0.0"
hoist-non-react-statics "^3.0.0"
shallowequal "^1.1.0"