Try upgrading styled-components

undeletable · May 8, 2024 · 7d584c8 · 7d584c8
1 parent 58770f0
commit 7d584c8
Show file tree

Hide file tree

Showing 42 changed files with 6,979 additions and 6,954 deletions.
diff --git a/package.json b/package.json
@@ -136,7 +136,7 @@
     "require-reload": "^0.2.2",
     "simple-git": "^3.24.0",
     "storybook": "7.0.20",
-    "styled-components": "5.3.9",
+    "styled-components": "5.3.11",
     "tarball-extract": "^0.0.6",
     "testcafe": "3.3.0",
     "testcafe-react-selectors": "^5.0.3",

diff --git a/src/js/components/Avatar/__tests__/__snapshots__/Avatar-test.tsx.snap b/src/js/components/Avatar/__tests__/__snapshots__/Avatar-test.tsx.snap
@@ -885,7 +885,7 @@ exports[`Avatar size 1`] = `
     class="c3 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
   >
     <span
-      class="c11 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+      class="c11 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
     >
       S
     </span>
@@ -894,7 +894,7 @@ exports[`Avatar size 1`] = `
     class="c4 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
   >
     <span
-      class="c12 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+      class="c12 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
     >
       S
     </span>
@@ -903,7 +903,7 @@ exports[`Avatar size 1`] = `
     class="c5 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
   >
     <span
-      class="c13 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+      class="c13 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
     >
       S
     </span>
@@ -912,7 +912,7 @@ exports[`Avatar size 1`] = `
     class="c6 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
   >
     <span
-      class="c14 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+      class="c14 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
     >
       S
     </span>
@@ -921,7 +921,7 @@ exports[`Avatar size 1`] = `
     class="c7 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
   >
     <span
-      class="c15 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+      class="c15 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
     >
       S
     </span>
@@ -930,7 +930,7 @@ exports[`Avatar size 1`] = `
     class="c8 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
   >
     <span
-      class="c16 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+      class="c16 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
     >
       S
     </span>
@@ -939,7 +939,7 @@ exports[`Avatar size 1`] = `
     class="c9 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
   >
     <span
-      class="c17 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+      class="c17 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
     >
       S
     </span>
@@ -948,7 +948,7 @@ exports[`Avatar size 1`] = `
     class="c10 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
   >
     <span
-      class="c18 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+      class="c18 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
     >
       S
     </span>
@@ -1413,7 +1413,7 @@ exports[`Avatar text size changes according to theme 1`] = `
       class="c2 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
     >
       <span
-        class="c3 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+        class="c3 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
       >
         T1
       </span>
@@ -1422,7 +1422,7 @@ exports[`Avatar text size changes according to theme 1`] = `
       class="c4 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
     >
       <span
-        class="c5 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+        class="c5 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
       >
         T2
       </span>
@@ -1431,7 +1431,7 @@ exports[`Avatar text size changes according to theme 1`] = `
       class="c6 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
     >
       <span
-        class="c7 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+        class="c7 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
       >
         T3
       </span>
@@ -1440,7 +1440,7 @@ exports[`Avatar text size changes according to theme 1`] = `
       class="c8 StyledAvatar-sc-1suyamb-1 StyledAvatar-sc-1suyamb-1"
     >
       <span
-        class="c9 StyledAvatar__StyledAvatarText-sc-1suyamb-0 hSfKSP"
+        class="c9 StyledAvatar__StyledAvatarText-sc-1suyamb-0 bJISiG"
       >
         T4
       </span>

diff --git a/src/js/components/Button/__tests__/__snapshots__/Button-kind-test.js.snap b/src/js/components/Button/__tests__/__snapshots__/Button-kind-test.js.snap
@@ -2223,10 +2223,10 @@ exports[`Button kind disabled with hoverIndicator should not hover 1`] = `
 
 exports[`Button kind disabled with hoverIndicator should not hover 2`] = `
 <div
-  class="StyledGrommet-sc-19lkkz7-0 gIiCYk"
+  class="StyledGrommet-sc-19lkkz7-0 fYxOkd"
 >
   <button
-    class="StyledButtonKind-sc-1vhfpnt-0 jVGQvr"
+    class="StyledButtonKind-sc-1vhfpnt-0 lgYeXy"
     disabled=""
     type="button"
   >
@@ -2923,10 +2923,10 @@ exports[`Button kind hover secondary with color and background 1`] = `
 
 exports[`Button kind hover secondary with color and background 2`] = `
 <div
-  class="StyledGrommet-sc-19lkkz7-0 gIiCYk"
+  class="StyledGrommet-sc-19lkkz7-0 fYxOkd"
 >
   <button
-    class="StyledButtonKind-sc-1vhfpnt-0 daTts"
+    class="StyledButtonKind-sc-1vhfpnt-0 loGnnZ"
     type="button"
   >
     Button
@@ -3029,10 +3029,10 @@ exports[`Button kind hoverIndicator with color and background 1`] = `
 
 exports[`Button kind hoverIndicator with color and background 2`] = `
 <div
-  class="StyledGrommet-sc-19lkkz7-0 gIiCYk"
+  class="StyledGrommet-sc-19lkkz7-0 fYxOkd"
 >
   <button
-    class="StyledButtonKind-sc-1vhfpnt-0 hDjQBz"
+    class="StyledButtonKind-sc-1vhfpnt-0 bmQWQe"
     type="button"
   >
     Button
@@ -4499,18 +4499,18 @@ exports[`Button kind mouseOver and mouseOut events 1`] = `
 
 exports[`Button kind mouseOver and mouseOut events 2`] = `
 <div
-  class="StyledGrommet-sc-19lkkz7-0 gIiCYk"
+  class="StyledGrommet-sc-19lkkz7-0 fYxOkd"
 >
   <button
-    class="StyledButtonKind-sc-1vhfpnt-0 cFkjwE"
+    class="StyledButtonKind-sc-1vhfpnt-0 dSIiSp"
     type="button"
   >
     <div
-      class="StyledBox-sc-13pk1d4-0 dGYhTK"
+      class="StyledBox-sc-13pk1d4-0 fAiRlv"
     >
       <svg
         aria-label="Add"
-        class="StyledIcon-sc-ofa7kd-0 krqAqI"
+        class="StyledIcon-sc-ofa7kd-0 WGyvx"
         viewBox="0 0 24 24"
       >
         <path
@@ -4521,7 +4521,7 @@ exports[`Button kind mouseOver and mouseOut events 2`] = `
         />
       </svg>
       <div
-        class="StyledBox__StyledBoxGap-sc-13pk1d4-1 hPClIF"
+        class="StyledBox__StyledBoxGap-sc-13pk1d4-1 eAIiJs"
       />
       label
     </div>