diff --git a/packages/react-ui-validations/.creevey/images/ModalWithSingleInput/Example 1/chromeDefault.png b/packages/react-ui-validations/.creevey/images/ModalWithSingleInput/Example 1/chromeDefault.png
index 4aa8a3ee862..b132938a7f8 100644
--- a/packages/react-ui-validations/.creevey/images/ModalWithSingleInput/Example 1/chromeDefault.png
+++ b/packages/react-ui-validations/.creevey/images/ModalWithSingleInput/Example 1/chromeDefault.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2f426965b007f80e805c1857d9b4d2130efd3e014ca90dbc205f0cddbadd16f0
-size 10214
+oid sha256:51d4164180e75dd269751cc623c9e6295e6257f32b351d5f750719803e2985c9
+size 10212
diff --git a/packages/react-ui-validations/.creevey/images/ModalWithSingleInput/Example 2/chromeDefault.png b/packages/react-ui-validations/.creevey/images/ModalWithSingleInput/Example 2/chromeDefault.png
index 1fdd68918f8..b5b9bef087d 100644
--- a/packages/react-ui-validations/.creevey/images/ModalWithSingleInput/Example 2/chromeDefault.png
+++ b/packages/react-ui-validations/.creevey/images/ModalWithSingleInput/Example 2/chromeDefault.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:64cfcf7aceb9209b93d9eacde565e200ad8f4f9371112de889334a50f9a4714b
-size 34447
+oid sha256:49d1d36b8f13d0899d6cec68cb72d1b031b1ebe49f79cbb74162211616df4c7b
+size 34441
diff --git a/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/chrome2022.png b/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/chrome2022.png
index a34b5ab6768..775f84a720a 100644
--- a/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/chrome2022.png
+++ b/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:7bae06cc5cb6b4d81da0e345401dbb6fba4348493e537841377ca2144b0fcce4
-size 8793
+oid sha256:db7e0af1cbb8f561db70e96956a50f793e003caca3ecd36e3d04618e20e7bc4c
+size 8794
diff --git a/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/chrome2022Dark.png b/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/chrome2022Dark.png
index 0ec550a3dec..fdae6b96879 100644
--- a/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/chrome2022Dark.png
+++ b/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/chrome2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2a4b15c84730e60c78dc7540d3993aaaf93877798b2867b85a117114c1088f68
-size 7565
+oid sha256:49dca031080f9d0f733c7856930f2e532e1ce986c22faf2719e2083305f894d8
+size 7569
diff --git a/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/firefox2022.png b/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/firefox2022.png
index 032592fc330..9c46b4de006 100644
--- a/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/firefox2022.png
+++ b/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:678c27ff000bef444219efbcf1aa3a9e137a8315ee0357f77003aafd4dbb4fb0
-size 21498
+oid sha256:104b0a6cba2fa6d5f6be15db6b519e14f85af65e1b1f87677d09b2f1ed9101c8
+size 21464
diff --git a/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/firefox2022Dark.png b/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/firefox2022Dark.png
index 6591d8c5af0..bf034c9f400 100644
--- a/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/ComboBoxView/in flex modal/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:eedb2b986ebf748ded58bec06a37532b00db2760102423d2986f73d06b5f8e75
-size 19746
+oid sha256:1d84c3a46a8b135614e513f695eb1031aab7723de003663104e1f1f60fccdc5d
+size 19754
diff --git a/packages/react-ui/.creevey/images/Modal/Mobile modal/top/chromeMobile/top.png b/packages/react-ui/.creevey/images/Modal/Mobile modal/top/chromeMobile/top.png
index 01130511e5b..42cfc5e01a9 100644
--- a/packages/react-ui/.creevey/images/Modal/Mobile modal/top/chromeMobile/top.png
+++ b/packages/react-ui/.creevey/images/Modal/Mobile modal/top/chromeMobile/top.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:73ca3e80ca0ad255b297970893972176a6e315409aa2d78f34c2de4cfe82b12b
-size 82155
+oid sha256:ed69421adeb45c452c5eca56651f0984f350e9d5b9327b76f2e3a874eec9eaef
+size 82178
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/chrome2022/bottom.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/chrome2022/bottom.png
index 1ccb64b3424..4704fe4d8f4 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/chrome2022/bottom.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/chrome2022/bottom.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:ee68ca48db9bd2f3b44d708cbadb97dbf01fb9444b0d8df3d39398d4d90feda1
-size 58663
+oid sha256:ec45ec698801477116f8a33e7c40085f72c710cc3b7a20dc91ab49e5563261e1
+size 58662
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/chrome2022Dark/bottom.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/chrome2022Dark/bottom.png
index 3ec25ece5a0..c548f183aad 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/chrome2022Dark/bottom.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/chrome2022Dark/bottom.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:da5a7dfec38d6f40cdd45e5b2e355751a3b238683e6ae31ea1a3698b4d145447
-size 58048
+oid sha256:2413610aeb478aad7ec62fc14517717f04e72ecad91ae7b1723b80faa3befc26
+size 58043
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/firefox2022/bottom.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/firefox2022/bottom.png
index 63346b31708..9421965fe65 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/firefox2022/bottom.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/firefox2022/bottom.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:21a0eb8e12892da866b2c7aeaf051a6ec45fe4321449625f9bb35d293613f876
-size 68240
+oid sha256:b2537478884485b6dd117c7372a0a5a9e63110b5af0ead00f135e3964486ffba
+size 68185
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/firefox2022Dark/bottom.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/firefox2022Dark/bottom.png
index e5fd391a59a..42ec6103013 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/firefox2022Dark/bottom.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/bottom/firefox2022Dark/bottom.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:9827a4346f3020fe7322064b399c852987a90c8c2ef0b8ddfe4bb93fab17a06c
-size 66836
+oid sha256:b0f936b1f1211a8ebd8af89b9ef34db837ce96cf4de7f4db6e767cda1e00080a
+size 66830
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/chrome2022/middle.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/chrome2022/middle.png
index da801520fe2..5f894904892 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/chrome2022/middle.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/chrome2022/middle.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:28b800c866d1685f285352c7b7619eec13dfbcc60cf243c2e958c21c4b72b75d
-size 67073
+oid sha256:f12a33b45953056360de835b97e2c0b358ba1a3a8c0b7653d944aed1864f0276
+size 67068
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/chrome2022Dark/middle.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/chrome2022Dark/middle.png
index 2d465ea7c1e..29fac54e453 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/chrome2022Dark/middle.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/chrome2022Dark/middle.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:dd254ca62a04df9b6fcf60814b12d94169e95a56f086bbdeab95400f360d871a
-size 68004
+oid sha256:d913504572badf94a0b8cc868dfd43109933eb42f483370286d4a77c625da833
+size 68003
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/firefox2022/middle.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/firefox2022/middle.png
index 194e376e44d..3050beef105 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/firefox2022/middle.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/firefox2022/middle.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:03cf8e17b0ff30f5db06964d18f8b3c72ec1ddb96b8dcc0ba94c7216d9691bc0
-size 74535
+oid sha256:1e2e055fefa75e91a110008718b798bdc01e10c87286ace99c317a196c773790
+size 74479
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/firefox2022Dark/middle.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/firefox2022Dark/middle.png
index 21d0ba18ad7..c12664580f2 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/firefox2022Dark/middle.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/middle/firefox2022Dark/middle.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:68505d0286437731708f4a9388c6406150bfa56507015a8e41dc3436173fac32
-size 74170
+oid sha256:16221b4df2058173cff9153c41bcb0f5bec16acc94d79491d1d605dd0cfe1eef
+size 74169
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/chrome2022/top.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/chrome2022/top.png
index 6c7f08b52f3..81bb7b25e40 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/chrome2022/top.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/chrome2022/top.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8706556d7e511467d27adb810a4412aa818852ff42e260f115a04b2f40b1fcf9
-size 62863
+oid sha256:19aa05422857b939e4fc72757ebbf19ab47bfdb79ec4e3f363983abe3e532225
+size 62861
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/chrome2022Dark/top.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/chrome2022Dark/top.png
index 82cffb13c6c..262de0049eb 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/chrome2022Dark/top.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/chrome2022Dark/top.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:47c2870af67bbf5152694533c252d1726d61e73e53fb467b28e6cc0cb323f575
+oid sha256:a57e50f3e450a28e25801cb79e34b4c96767d450271f07d19c59c15c505c31d8
size 62922
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/firefox2022/top.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/firefox2022/top.png
index ff15556ef8d..c26f900327e 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/firefox2022/top.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/firefox2022/top.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:ecab25aeac51c50a3992394b5998d666699f66c74bde58d2770fc003a93ea09a
-size 70124
+oid sha256:3a4317e1025267ec6763fcb10d3f866bef2758112df93374e77a49c427a25493
+size 70126
diff --git a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/firefox2022Dark/top.png b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/firefox2022Dark/top.png
index d81642413c4..0c296504111 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/firefox2022Dark/top.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal With Children From Other Component/top/firefox2022Dark/top.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:d0e2b74f0fb3eb73df1cb34d659ad125c9041d19d0d3b8a4129ccf3eb93c660b
-size 69417
+oid sha256:a6c83141744cba3a8a93072a869158586889fdc721760fdfc37b9c0c0d09b63a
+size 69232
diff --git a/packages/react-ui/.creevey/images/Modal/Modal mobile view/idle/chromeMobile/idle.png b/packages/react-ui/.creevey/images/Modal/Modal mobile view/idle/chromeMobile/idle.png
index c824b1db252..000bdc66638 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal mobile view/idle/chromeMobile/idle.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal mobile view/idle/chromeMobile/idle.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2f20da7505d8cb0e2d6c77326bebc3a5dacc1f2b303b875846f35ee913e0bbd4
-size 25858
+oid sha256:101420354ef3025bbc4830d568b7d2639e9dcb2e4efa7ccc02ba76496d989289
+size 25877
diff --git a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/chrome2022/open first modal.png b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/chrome2022/open first modal.png
index 26dd0a2d629..5f2fd15588d 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/chrome2022/open first modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/chrome2022/open first modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:be3166e0549fa38a5dee52f1a2de2d08a89cf952d5a9ea61eb7318b4f3ee6ace
-size 15125
+oid sha256:40ee2aa294226610c8690e1fbabe0ebdcfb34ffb9a1afacc2bdddfd6c7d8614d
+size 15132
diff --git a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/chrome2022Dark/open first modal.png b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/chrome2022Dark/open first modal.png
index 4d52865b561..e4c54792862 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/chrome2022Dark/open first modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/chrome2022Dark/open first modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e684e8fcd6c664c5feac7ed160b5fb2b09da036a9ef73da36f3795751162aac3
-size 13281
+oid sha256:17d753a427cfc441285611485f8efde147ce9769cf632862c25dce8e0c9bdf83
+size 13278
diff --git a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/firefox2022/open first modal.png b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/firefox2022/open first modal.png
index 937bf379af0..d3be73144a9 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/firefox2022/open first modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/firefox2022/open first modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:9c971307a05002a6ad42fb064fa64a6e59cd4f3a21d92b0fed6c3b88dffee230
-size 28220
+oid sha256:e6c07702ec2a94cb9c304f0cc6ef3b49937041ba1e220105860ab9c0d006a3c4
+size 28236
diff --git a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/firefox2022Dark/open first modal.png b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/firefox2022Dark/open first modal.png
index b0d00eccd24..35f91684097 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/firefox2022Dark/open first modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open first modal/firefox2022Dark/open first modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8347efc9e28c88d673901b7634c3780ffdaa33cb2047c8fbf61f2a058b4845cc
-size 25949
+oid sha256:4da1e08899b416f18506199d974c49d7b9e3c062f94c05ccceddb8ab6b812cf8
+size 25928
diff --git a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/chrome2022/open second modal.png b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/chrome2022/open second modal.png
index d6f9f860dc0..b7bb1cf598e 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/chrome2022/open second modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/chrome2022/open second modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:951705da13dcd38542455c45ba408bbed87c6091f5baea03a6d924391edcf064
-size 18008
+oid sha256:3a721513953602750402dbe31ecedd49f2a74ff4056bb16b9171192ef1560ed6
+size 18045
diff --git a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/chrome2022Dark/open second modal.png b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/chrome2022Dark/open second modal.png
index 2994d95291a..6054bc7b168 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/chrome2022Dark/open second modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/chrome2022Dark/open second modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:0999d430ab2abd6d2319aa4534e7119d9791c2bae1d9a4835068718b9e1ff0f7
-size 14384
+oid sha256:d81ee475e78002bc1baed979d0f497f82d01342556a8036af839dffc7d57576c
+size 14376
diff --git a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/firefox2022/open second modal.png b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/firefox2022/open second modal.png
index 2a548dc9521..6cb973ecdbd 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/firefox2022/open second modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/firefox2022/open second modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:c56da925cf517f7b9be24fa2b67a90f1fe126bf0d61c6164a0bc1b108a565993
-size 32165
+oid sha256:74d576b55bafb02487fee9edff41abb10e8e068b85057d9fce8fa5c94c248650
+size 32166
diff --git a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/firefox2022Dark/open second modal.png b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/firefox2022Dark/open second modal.png
index f061fb2740d..6e02aae2b3b 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/firefox2022Dark/open second modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal over another modal/open second modal/firefox2022Dark/open second modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:ca7b850c87c273870e7c1bca697a064589633410de100b014e52eee54e9d04c9
-size 28051
+oid sha256:308ee1cfd86ebb1f7fc9494b5cc9be614ba96ddafd4e0ca4b81d998bc3049d5e
+size 28017
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/chrome2022/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/chrome2022/open modal.png
index dfa8a3c3f77..6e4d1819df8 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/chrome2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/chrome2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2fed3cdc1286918a9f6674bdd449e9e1d1f234bae5d86050660906068df0d464
-size 23748
+oid sha256:4ef3b7a212c72f564bbd0596de1d26d38b7bccae5c474cd18b16b825ed8941ef
+size 23746
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/chrome2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/chrome2022Dark/open modal.png
index 6cac42f742a..4d78dddce16 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/chrome2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/chrome2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:206003d17b7b3a4b106f7f917cdd9dc09d1b6245e8ee984c5b851460e9ecda8c
-size 21849
+oid sha256:a332682ce55cdfe44e6a72edae576064012c825b73eb4aa0e87afd9b88ed8bb4
+size 21863
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/firefox2022/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/firefox2022/open modal.png
index 9c7d5644b3c..7343e75e080 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/firefox2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/firefox2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:d31792f386e8fe1f3ae46f4bde03c499c08daa51b673eac5dd8a192f2c0a0cf2
-size 34312
+oid sha256:762d0a5beb59b7530322be07c2774b7a93fca5d4e3655c1c83ed63e117747537
+size 34288
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/firefox2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/firefox2022Dark/open modal.png
index cd8f661bedc..1bf6dbadb6a 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/firefox2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with footer panel/open modal/firefox2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:354599c2c71be92e747b876f6b646cf92e29c739174e452e19aaba2b5072140f
-size 32007
+oid sha256:492fd383f0816626e9e68af4312a6fef66b0299326e989c982f4a86b2539d80d
+size 31986
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with no-padding/chrome2022.png b/packages/react-ui/.creevey/images/Modal/Modal with no-padding/chrome2022.png
index 4f5af546981..0305d1e8cb5 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with no-padding/chrome2022.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with no-padding/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:143d1b8ab26345b54b567633e0bd3e01b5bc5fdbe52f1db2966486faa7e75e9c
-size 15827
+oid sha256:b8c22a820111d55d43354a512edb98893747e2dfc1d3d53524bbcfbd0e4d9790
+size 15823
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with no-padding/chrome2022Dark.png b/packages/react-ui/.creevey/images/Modal/Modal with no-padding/chrome2022Dark.png
index 6a5ca977115..d0d32192451 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with no-padding/chrome2022Dark.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with no-padding/chrome2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:846b8dedf8ed53b9feef37ed6c27b32c12f3379caa3df0e007a797611f632bfa
-size 15378
+oid sha256:06bc250318486703e30cf4f521b935bfa5bbf9f0787315f41754788180bdec08
+size 15377
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with no-padding/firefox2022.png b/packages/react-ui/.creevey/images/Modal/Modal with no-padding/firefox2022.png
index baf60443a07..14e4f8e5926 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with no-padding/firefox2022.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with no-padding/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:d65d97684ac1c97988893c1960d79433fdd405b0f19c85ad73ea2ae5067de54d
-size 28104
+oid sha256:bfb7e9235ce8e23429e1919d32d17663a70711b48599e8d772d62f151da01477
+size 28114
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with no-padding/firefox2022Dark.png b/packages/react-ui/.creevey/images/Modal/Modal with no-padding/firefox2022Dark.png
index c3d153ed8dd..0976cdc8f19 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with no-padding/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with no-padding/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:4e22baaaf90d138bf6be29028fd69d7d3cb1c9b44a42434fb38432d3fe037a2a
-size 26947
+oid sha256:b9ef5ec2b4b518eb293c77267291a4ae7c30dfb3085d83a3143a75f7ba9f7a07
+size 26958
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/chrome2022/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/chrome2022/open modal.png
index 2a1974200a3..6ecbd386f28 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/chrome2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/chrome2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:daf99593153afdff8e70da9c97d614fda3efc15b3886344afe70005e2057b195
-size 54434
+oid sha256:28b9c7786d8efc4fa8f72aeb95a192beb0e6c62886a48febb5b56d061fa849ce
+size 54438
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/chrome2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/chrome2022Dark/open modal.png
index 9eea5fd04b0..324a063756d 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/chrome2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/chrome2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:f33bdb6355a7393ab815cf4519a5a3cf808fb2c12ed0551f464d089757e65c2c
-size 53345
+oid sha256:81961227de58cb2d2c9f88ec258a13bd67e286de3eb1ab347a9d878555641769
+size 53350
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/firefox2022/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/firefox2022/open modal.png
index 25d885fedc2..1c984af6d75 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/firefox2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/firefox2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:77cf6c5b600518848c513986bd7d2506c5630aa3775bcdd8c9f58ecd27bf0ea8
-size 61830
+oid sha256:8519dff0d3652c6d25f71e98c01fb6b2fd05448ce1d4912034fd0018924abe0f
+size 61924
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/firefox2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/firefox2022Dark/open modal.png
index 2892b7afa05..913ec53c161 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/firefox2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/open modal/firefox2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:7b1134686853892f7ea68b3f822561e3d2f49cc03d67b8426c9f49975b1f72c7
-size 59833
+oid sha256:e5fb539e9b23f4d9fe92e187e52b97bb3399af181a5c31e7c02038807dd9b86c
+size 59791
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/chrome2022/toggle content height.png b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/chrome2022/toggle content height.png
index ace1555c104..9d925714314 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/chrome2022/toggle content height.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/chrome2022/toggle content height.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:b5be61f98447ce0300ade8310d437b916ddae12d777355ba8f631980a49f7c4c
-size 50748
+oid sha256:4f5192cd25262e52e80d04442062063277833226ae9d996bb60aacdeadea107d
+size 50752
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/chrome2022Dark/toggle content height.png b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/chrome2022Dark/toggle content height.png
index 11a9709f5fd..b79e4ab623c 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/chrome2022Dark/toggle content height.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/chrome2022Dark/toggle content height.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:50b4325ad6f12fe0d70c1ad1b0b89150a2071ab3d00cba1b27efc9559a5d3a3b
-size 50926
+oid sha256:dee3e78f5f8ded5f0895cc0cc86e37477ecb19e881f8c612659bc505f23e5f2c
+size 50931
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/firefox2022/toggle content height.png b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/firefox2022/toggle content height.png
index 8221f96a2cd..0d0d399ba82 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/firefox2022/toggle content height.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/firefox2022/toggle content height.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:972ebc7e24122624e3c5d64378e73e7ecb67b0c0d55ff2c8a03dbda1535d95cc
-size 59942
+oid sha256:e1837f55724002da25c7f8b4b9b93bec373e3fd442a3e4b5f7d5e0a1c6728572
+size 60023
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/firefox2022Dark/toggle content height.png b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/firefox2022Dark/toggle content height.png
index cabc747ef2d..27ad7ed9bc0 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/firefox2022Dark/toggle content height.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with variable height of content/toggle content height/firefox2022Dark/toggle content height.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:64aa8a3e13eff5c7904e2f9d5d088e82a75585fb75904fe32b1b5f22415c8133
-size 58903
+oid sha256:68ef73c79bae9c530d58d20d801781f5710f4f51e5de54618a0674c45974906c
+size 58859
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/chrome2022.png b/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/chrome2022.png
index 2122710419b..46c634542f9 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/chrome2022.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:5eb8016457ab85bb053a534a58cf243dd20a1ed924a1e4a4561a639f7346ba50
-size 20856
+oid sha256:23fab435a5809c2a377021ce337ed508505d543d725c40706d30b09041284517
+size 20869
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/chrome2022Dark.png b/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/chrome2022Dark.png
index bd8d5999c8d..cc3918efeed 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/chrome2022Dark.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/chrome2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:560bf032d73feab3736701f5975621bdfdbe78cc6c1a48275a2b125b0ebc12b8
-size 19877
+oid sha256:79d6276c0775c251903f2654f21836f8dff175377980b412c4d43acba0911646
+size 19873
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/firefox2022.png b/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/firefox2022.png
index fe3e2ad8a88..8242ad9ccaa 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/firefox2022.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:5fe7e310aa0acd43a90dcfd82cf31c353fe34c81bc3c70468ab3a32869fac8b4
-size 31797
+oid sha256:a4d00c722dff7c14a22c046a2a8feb3fa9f6428f285a4c3a519025f6548e17f1
+size 31809
diff --git a/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/firefox2022Dark.png b/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/firefox2022Dark.png
index b53a67f5ac6..2a364a0eb00 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal with veryLongHeaderWithoutSpaces/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:0bff4ce55ff192b147d59d592c36154bbcb65809c1499654ce1d0e0c5d81ea1b
-size 30594
+oid sha256:6508fbc174c7d5e5d40ee3077dffcee564cbc6bda2e3f6757ebf065f519673ba
+size 30581
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/chrome2022/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/chrome2022/open modal.png
index f8aad49a42d..a26194d0d45 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/chrome2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/chrome2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:11a7a2585a613e4fb45f21fc1b63cededebe203537bffd088f3ceced39a3ba9c
-size 30706
+oid sha256:1009012edd462cdbb57e68a32b31abf6ee9a3a75e119116c4e61d421fc5670b5
+size 30732
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/chrome2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/chrome2022Dark/open modal.png
index 32c86f803bf..3a25a137f74 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/chrome2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/chrome2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:d520f1ace2a52f8ffa90eb8d96a134f117a6640e489102cc09f9679f5aa82ed7
-size 29189
+oid sha256:61471e016c252b91dfa7991e92bcf0d066bd37c59d6f1ce9e4b05e2061c29c13
+size 29202
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/firefox2022/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/firefox2022/open modal.png
index fbce82a86f6..c074a7d6067 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/firefox2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/firefox2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:9f82b6c2cbf73899b254ecc8864c9c0881a2eacb3da5fff0764ca062f5e479fb
+oid sha256:7f557e8870a845ac20dc6e9f41a5c50434be01de4adaf2d039d7a0d81587af06
size 39059
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/firefox2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/firefox2022Dark/open modal.png
index d8c62358ecc..55878c451b9 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/firefox2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without footer panel/open modal/firefox2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:1fad1a7077523578ff5e73691ddd2637b88a8444fa38ca0edca36e827999d989
+oid sha256:83a21a6b6eeb29f4917705e2782a720e523a29dcc5071464f5c6b9b583f867d3
size 36588
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/chrome2022/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/chrome2022/open modal.png
index 77024c36028..bb374bb8af0 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/chrome2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/chrome2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2524c59f2eb5d902d68fe6cda79cef8a751a1ab5cb6080381e1b7f65e1a2e689
-size 26986
+oid sha256:a5b7a44598ffaaf8592f5a817a2c677ce7f6815099079feddf7dce6942de27bb
+size 27000
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/chrome2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/chrome2022Dark/open modal.png
index 8c87c0d15e2..4f568a548c9 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/chrome2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/chrome2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:cf07180c6562d35b3ab04353597dfef004147f2128bb4fb55369851fedc0a5d2
-size 25295
+oid sha256:8cf36d6106c03432a6205cbe1a4a82b787792198038f27160f66e0c807d49b3c
+size 25311
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/firefox2022/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/firefox2022/open modal.png
index e732f145931..e8671684ee5 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/firefox2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/firefox2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:550c4a5a21c6c25b5f9536a6109015a024b1c35d68da8a93acfb665163516533
-size 35947
+oid sha256:a14fcbdc5c0de5e5a7bf64e23491d7165225e51da7cd4d126a2229e0e81e9134
+size 35938
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/firefox2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/firefox2022Dark/open modal.png
index 532b5eabb26..46106443794 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/firefox2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without footer/open modal/firefox2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e0da58a29ac6982bed262b4f9c8181e1a47ffff57d36d45eda6b1a909c543309
-size 33796
+oid sha256:5ae2921aa4ae16f7254e90e995fbbab8f7f9c706fd7351a9a9e6ddb3d25ee01e
+size 33779
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without header/chrome2022.png b/packages/react-ui/.creevey/images/Modal/Modal without header/chrome2022.png
index 08b4aabea47..25c590700c1 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without header/chrome2022.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without header/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:ef00b41f8301fabf5ee1760f13d65716296506407e9c33ac6e7b33f780b3a6dd
-size 17214
+oid sha256:d604a05a66a900d99ea18b7886934de24d1b4ce1f0839247570470f5f70355fe
+size 17231
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without header/chrome2022Dark.png b/packages/react-ui/.creevey/images/Modal/Modal without header/chrome2022Dark.png
index 73f5e7b6cbd..cd1e10dad3a 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without header/chrome2022Dark.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without header/chrome2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:424db428442157439a375ecd10bc48f23be692afacd56cfa243d0544192d2908
-size 15999
+oid sha256:e008afc724083b1295a99f8c8e8583779ce21094ae13f62af882aa15f6fb3520
+size 16028
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without header/firefox2022.png b/packages/react-ui/.creevey/images/Modal/Modal without header/firefox2022.png
index dd3b8bace71..b1f784a4f32 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without header/firefox2022.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without header/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:60292a501e440e2206c6ae64a7a983ed0b6d6a64009d72976b003d9a908cc8e3
-size 27548
+oid sha256:499bd05c5a356dd744d8225aef87a52a863908beeac62a9ba63bc2530ad76491
+size 27537
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without header/firefox2022Dark.png b/packages/react-ui/.creevey/images/Modal/Modal without header/firefox2022Dark.png
index 3f0d852f060..b77591632a0 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without header/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without header/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:cc34bada95bed7808bf602cfa8392bb504a8aeb3ec59f886b2050a1a55b062b1
-size 25775
+oid sha256:05e0e6151c67a7c9eca9f1c5cdf9c7279d910c49e7a7c686513f535669f252fd
+size 25761
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/chrome2022/top.png b/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/chrome2022/top.png
index 70d2620851c..6e3836f3056 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/chrome2022/top.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/chrome2022/top.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8257f772623724d853b207d4ffc49042755e02dfe0c9de5dd798d865da7e6b89
-size 66615
+oid sha256:e53c60fc71ce7347d8c762e82f627f94046cf8ae96dd80b3cea57e725d9b19b8
+size 66613
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/chrome2022Dark/top.png b/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/chrome2022Dark/top.png
index 23f8a174258..3ec6120327d 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/chrome2022Dark/top.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/chrome2022Dark/top.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:615055be13a55f9c3bb98aed8c031af195321eda23f82a0a31ecde02db7ae7dd
-size 66581
+oid sha256:1a43fbac3ab67aab497655ce787a2e27669bea63e8ea511fd5e287d8082e0ab6
+size 66573
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/firefox2022/top.png b/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/firefox2022/top.png
index 9b0d17fb831..b4c11451460 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/firefox2022/top.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/firefox2022/top.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:16a467dc63196b70ff14878fc58c98840121cc8f9c6b6f9d500545443a0dd695
-size 74493
+oid sha256:aca4c3cb0b1ca42f1314702c956525182bdaafacb41f3a2e4ff16500697bc301
+size 74497
diff --git a/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/firefox2022Dark/top.png b/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/firefox2022Dark/top.png
index 658e1eb2371..21137884690 100644
--- a/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/firefox2022Dark/top.png
+++ b/packages/react-ui/.creevey/images/Modal/Modal without sticky elements/top/firefox2022Dark/top.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:3a7fe18f4aab4b28a42e468006ca8faad83b17084ed7b40127cf1f0ec0edbf35
-size 73649
+oid sha256:43db87230bfe94bf9ec6587f7096e3fa0b5df3737f08941e37858ee74d56cc27
+size 73458
diff --git a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/chrome2022/doesn't close by click on the content.png b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/chrome2022/doesn't close by click on the content.png
index cf5f5a3b4c7..e6515ddc67a 100644
--- a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/chrome2022/doesn't close by click on the content.png
+++ b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/chrome2022/doesn't close by click on the content.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8659876f70e5f4cc1d3f6a23d46b55bf46f802880b23032b0475663396a8bb35
-size 13105
+oid sha256:2344a0207ff014e7dd756ffe541ae29e8b99b3c24cc5756834a8caa664b92f25
+size 13099
diff --git a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/chrome2022Dark/doesn't close by click on the content.png b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/chrome2022Dark/doesn't close by click on the content.png
index 6c204040aa4..a65a2858267 100644
--- a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/chrome2022Dark/doesn't close by click on the content.png
+++ b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/chrome2022Dark/doesn't close by click on the content.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:7aad400b7c665a2f6259b55f7ff2f7c0987890dee0b8d90ff43ae9c60a0184d7
-size 11355
+oid sha256:9b76cc76f4c24f8d59640a1830b32d6e1cdc27d0267e8f2f5737f2a611823ae8
+size 11351
diff --git a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/firefox2022/doesn't close by click on the content.png b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/firefox2022/doesn't close by click on the content.png
index 5c7badb73a3..dd95b6faba9 100644
--- a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/firefox2022/doesn't close by click on the content.png
+++ b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/firefox2022/doesn't close by click on the content.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:73d34000b75e2ea876515b64abf2950e78aa90e278c43c48700ff7a9920ae3fe
-size 26172
+oid sha256:4d38379f8fc12e6ee509d31001ee51314c5c6fc96f5d4a6a61b4040dc7f7ef59
+size 26138
diff --git a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/firefox2022Dark/doesn't close by click on the content.png b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/firefox2022Dark/doesn't close by click on the content.png
index 7548b3b8932..f5eb0194e3f 100644
--- a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/firefox2022Dark/doesn't close by click on the content.png
+++ b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/doesn't close by click on the content/firefox2022Dark/doesn't close by click on the content.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:32daf5ed3c3a04a05cb6acee41576760acc8a5953b61fc978f5612a91994c816
-size 23024
+oid sha256:ac997abe069ef70f7a904a884b0cac1778948dbcb11a8f35a3b510f7ca88a570
+size 23042
diff --git a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/chrome2022/open modal.png b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/chrome2022/open modal.png
index 2990e54630b..babbd6c3ee7 100644
--- a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/chrome2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/chrome2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:1f070ff37fa199ee87a0998e1680f15590e1c8d8df22560242ae8ddd917014f6
+oid sha256:6bb04658b5bfa8ae8c58e2646d0c1db5d31afb4f087e9aa81942e4946332f6a8
size 13106
diff --git a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/chrome2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/chrome2022Dark/open modal.png
index 66de3b28d61..5c980bb60bb 100644
--- a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/chrome2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/chrome2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:9d66b6b754cede75cfe67d30433ab4940fc4cfdd12bbe6a2762447234a63536e
-size 11369
+oid sha256:77af5da39258e27aab91118545ca980d80490a8dbb41b8da60742ad8edea2ddc
+size 11360
diff --git a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/firefox2022/open modal.png b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/firefox2022/open modal.png
index ed474eac5d3..951cfc3c99d 100644
--- a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/firefox2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/firefox2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:effbf0543221dd85252a701797be0394546d672e47660eeeb3d51a32f9930d85
-size 26133
+oid sha256:1a698cf87b9e425eb17f504b86791b7a0bf58b9f898232d7310a4477045c09ae
+size 26098
diff --git a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/firefox2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/firefox2022Dark/open modal.png
index 3eeb67a4ce6..cbc16278e32 100644
--- a/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/firefox2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/Small modal on the Top/open modal/firefox2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:7d6ffcc39a7d9a9bd33f9f7f5bb72d40fd168ccabaa4e0965ea5bd5bc3cefa60
-size 23025
+oid sha256:ec8c7e6c90755d79db5f28c41ca1ee00ac3c39dfd4442ecaf24ef7b06b5471ab
+size 23046
diff --git a/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/chrome2022/open modal.png b/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/chrome2022/open modal.png
index 86182d99e4d..d8ec0e9ed24 100644
--- a/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/chrome2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/chrome2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:3f6a5c093441aff6f4c317a74032e7adaf9e7599068a6ee8d3ea824bff1c7758
-size 25584
+oid sha256:3ccb56a686def7146c2a3a02e948bc5423018bf0a2a9d23cc7c5ae604155eeba
+size 25576
diff --git a/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/chrome2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/chrome2022Dark/open modal.png
index 3060aad1e78..d25112ff626 100644
--- a/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/chrome2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/chrome2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e23a97f32a46f5f6482501fb6e2609edb5dcb1d39465c989cb747d26da098583
-size 22466
+oid sha256:b29ca4e2c1748238a33070fbe47811662e923133f92dd48608bcfcf1116aabbf
+size 22465
diff --git a/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/firefox2022/open modal.png b/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/firefox2022/open modal.png
index f37888cf704..fe8243a1225 100644
--- a/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/firefox2022/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/firefox2022/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:cfcacc320cbee99d46c09748e5a5187e99f975dbb350673ebeaae902f31bc054
-size 37435
+oid sha256:450c360e3876e216b5e5fc8e03accda998bbccc4946751fa466b60215e9f043d
+size 37398
diff --git a/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/firefox2022Dark/open modal.png b/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/firefox2022Dark/open modal.png
index b559102902e..462bad05559 100644
--- a/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/firefox2022Dark/open modal.png
+++ b/packages/react-ui/.creevey/images/Modal/With Icon Input/open modal/firefox2022Dark/open modal.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e08b7447c921726628e9827f617e0931f9e459d5d786d6ae886840f96c049548
-size 34356
+oid sha256:8a814a609beaa455ed27a355e1842f11e65ac4faf38d08c2bd2b4d00d9cbad31
+size 34363
diff --git a/packages/react-ui/.creevey/images/Modal/With alignTop/chrome2022.png b/packages/react-ui/.creevey/images/Modal/With alignTop/chrome2022.png
index 0578e1af42a..e83c2edb4f8 100644
--- a/packages/react-ui/.creevey/images/Modal/With alignTop/chrome2022.png
+++ b/packages/react-ui/.creevey/images/Modal/With alignTop/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:0eede3e6a859817fdd83fefe869408afe0022bb6570b19a6505a3cdab6106a9d
-size 11238
+oid sha256:f62b56cdc45514923160f694e68de49da493fbe04a5fdca2f531246c9e8e5d67
+size 11209
diff --git a/packages/react-ui/.creevey/images/Modal/With alignTop/chrome2022Dark.png b/packages/react-ui/.creevey/images/Modal/With alignTop/chrome2022Dark.png
index 2a4ee8ba0c5..55be280255e 100644
--- a/packages/react-ui/.creevey/images/Modal/With alignTop/chrome2022Dark.png
+++ b/packages/react-ui/.creevey/images/Modal/With alignTop/chrome2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:9a082e5c04211979555d453c8bb14b7dade62e0e82b442418181fb3503747f76
-size 10008
+oid sha256:5a1fafe3f9bee54bcb816db9040be0d53bdf830a5176344f17a664e2760298cf
+size 9988
diff --git a/packages/react-ui/.creevey/images/Modal/With alignTop/firefox2022.png b/packages/react-ui/.creevey/images/Modal/With alignTop/firefox2022.png
index 2bd2dd622a5..2cd2ca7084c 100644
--- a/packages/react-ui/.creevey/images/Modal/With alignTop/firefox2022.png
+++ b/packages/react-ui/.creevey/images/Modal/With alignTop/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:3992dd11b83752441870f7d0583ae319ddbf9861c910342c0d88a6cd7a4aba84
-size 23759
+oid sha256:d1cc1e7ccf9eda865482fedb40236e41809460b4356da48bb69658b3b7c603b9
+size 23734
diff --git a/packages/react-ui/.creevey/images/Modal/With alignTop/firefox2022Dark.png b/packages/react-ui/.creevey/images/Modal/With alignTop/firefox2022Dark.png
index 3fe535c1568..86e71195d9b 100644
--- a/packages/react-ui/.creevey/images/Modal/With alignTop/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/Modal/With alignTop/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:b8e55169120b42d2282cacd53f33721ba24d556afc8d6a66b87c320fad294e08
-size 22233
+oid sha256:5be3c35d94e135ce8cd1fe96fd447d270899d1b87917f0a35a2ab66eaf83f18e
+size 22226
diff --git a/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/chrome2022/scroll to bottom.png b/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/chrome2022/scroll to bottom.png
index 41501d37ae2..03adbf1ef79 100644
--- a/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/chrome2022/scroll to bottom.png
+++ b/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/chrome2022/scroll to bottom.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8feb41da067bd18200be80df14a4b0f84c69fa40ccd78315499af77010524327
-size 20859
+oid sha256:9bcf119d061ae6c366372b9cb979ee0404f5f407c8293ebbb863299e0615d3fb
+size 20915
diff --git a/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/chrome2022Dark/scroll to bottom.png b/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/chrome2022Dark/scroll to bottom.png
index 51e0da41a42..4f9d1863bee 100644
--- a/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/chrome2022Dark/scroll to bottom.png
+++ b/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/chrome2022Dark/scroll to bottom.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:d8d4f6d2ebd471b9f4eb6704aecd066495fc038d14fcda27a22be615375012b2
-size 20681
+oid sha256:c0a51a55df0604ed717e3f8f315faca1dceb6d31a98d7da953d5946f615a0875
+size 20744
diff --git a/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/firefox2022/scroll to bottom.png b/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/firefox2022/scroll to bottom.png
index f78e6ec7c73..4ce4dedb1e0 100644
--- a/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/firefox2022/scroll to bottom.png
+++ b/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/firefox2022/scroll to bottom.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:bdeed12252ab67d63dccbb7ad80c89f852a612045ad38c72f71ee23ac86adec3
-size 37636
+oid sha256:3f9af95514666d5a0edf9d83c6f20f48c5dff787901f39d937c5b88c23e21ff1
+size 37662
diff --git a/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/firefox2022Dark/scroll to bottom.png b/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/firefox2022Dark/scroll to bottom.png
index 1777b12bbf9..8077f92a1a7 100644
--- a/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/firefox2022Dark/scroll to bottom.png
+++ b/packages/react-ui/.creevey/images/SidePage/Body without Footer/scroll to bottom/firefox2022Dark/scroll to bottom.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:312ef6e943af76bc227176366245f6558772855c25348524c295ba658ecb0575
-size 37449
+oid sha256:5d946a2c14fb3811d065f1e4423a636a88e490d610773418799ae4321b99e9ca
+size 37462
diff --git a/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/chrome2022.png b/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/chrome2022.png
index 08fd3308ca2..4efdc5d7f01 100644
--- a/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/chrome2022.png
+++ b/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:4a0fc41b876bc81612e904595391d84fa81ad5a535e1847347f1aa00f3f6ec6f
-size 164790
+oid sha256:051de472f95c9d0fdee0bc33656beb3374e4ecbc138257342a5750b5f83c656d
+size 164770
diff --git a/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/chrome2022Dark.png b/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/chrome2022Dark.png
index fad5efcb77c..b4257599319 100644
--- a/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/chrome2022Dark.png
+++ b/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/chrome2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:d42f996e8970e3b161a548af034de14f4064da8bc4c6beb29c1593facdc7b3ea
-size 160982
+oid sha256:1c37a7674ed342252396002cf7f6593c0f32a583ccbc75aeb7bd7d2fb1816df8
+size 161051
diff --git a/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/firefox2022.png b/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/firefox2022.png
index b43c73455b6..7afa27224d0 100644
--- a/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/firefox2022.png
+++ b/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:f1538c63fba5e3160051177cfb240af16daf8371530687b1c7d407f1f7985d21
-size 149487
+oid sha256:65d9a37cfda3134321b16cb2381a4aa1c49cb93ec3679a4790b1779dcb3990da
+size 149548
diff --git a/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/firefox2022Dark.png b/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/firefox2022Dark.png
index 7c814650efe..dccff01ae21 100644
--- a/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/SidePage/Left SidePage With Right SidePage/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:d38cb80873b3be5bb9cec87bbe7e7e5222e8cf9b713726f1928997bc7913e46a
-size 148118
+oid sha256:8877b54025303d3bc3ad97476ea3031a68c5f16ab15a422edec60ce52c2c7e55
+size 148178
diff --git a/packages/react-ui/.creevey/images/SidePage/Mobile Simple/open side-page/chromeMobile/open side-page.png b/packages/react-ui/.creevey/images/SidePage/Mobile Simple/open side-page/chromeMobile/open side-page.png
index d33ec05f2f7..b89ce7c94b0 100644
--- a/packages/react-ui/.creevey/images/SidePage/Mobile Simple/open side-page/chromeMobile/open side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/Mobile Simple/open side-page/chromeMobile/open side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:4d3e5dd21773bc40c3cdcc93675c4ebc6d02a1e222d1878803f0a0f10303a1df
-size 137978
+oid sha256:84de6fb11cdff5697e088d68ea9d9937ac879866dd8798381e10bb191d7911f7
+size 138026
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/chrome2022/close internal side-page.png b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/chrome2022/close internal side-page.png
index dad7ff58f18..498e0e4b042 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/chrome2022/close internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/chrome2022/close internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:0b0ecf86f43ccde27882769bc4a89bbc5d077ea84a1696c99d90384a799ae39a
-size 133439
+oid sha256:4aa31d48cd5b1b64816f526fb8dd4eca65b8eea04b681dd77aebdf23e6df7403
+size 133510
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/chrome2022Dark/close internal side-page.png b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/chrome2022Dark/close internal side-page.png
index 1385c4dc6e9..b46decb76ca 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/chrome2022Dark/close internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/chrome2022Dark/close internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:71634785fa5cde5ab3a6693e0d77a89b8c76d9a38a5452c67588b89764c2a6cf
-size 135038
+oid sha256:7b1b80d7fb91b907791f927ea6bf06ceff9a7ce2bc73fa86424f0067700c1fba
+size 135106
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/firefox2022/close internal side-page.png b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/firefox2022/close internal side-page.png
index d8d9f2d3f27..7fcee9afa8b 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/firefox2022/close internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/firefox2022/close internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:75ff5e09239a6ddd110e3b439f0b450733893a3260ebcf17c1dc42949d6b0bd8
-size 128511
+oid sha256:a3ce65e1abbd37434522ba189785489ae724474981fb0145887a7f1b99f8a374
+size 128527
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/firefox2022Dark/close internal side-page.png b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/firefox2022Dark/close internal side-page.png
index 482e6230d4c..636d43a0bb6 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/firefox2022Dark/close internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/close internal side-page/firefox2022Dark/close internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:a0f62c5539cf3ac6eb71823f9fcf69c4ea843d82beb10395212262aa26b7b94b
-size 127523
+oid sha256:c693ee7423b018aae60fc2a7f47b56da5257fdf7d0d5160cc47a4788c826ecc4
+size 127547
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/chrome2022/open internal side-page.png b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/chrome2022/open internal side-page.png
index cc75f217760..c8f2a521a19 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/chrome2022/open internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/chrome2022/open internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8eacad338fc5c9ebc4d693452d56c887231d93cf77a9bb5412df64ec74db01f5
-size 134266
+oid sha256:f017200171f06d0c7dfecfd79ddc8a2a1466c00cee6c3d3b228798c73f8fe355
+size 134335
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/chrome2022Dark/open internal side-page.png b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/chrome2022Dark/open internal side-page.png
index ef57dc013d2..7dfd843a896 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/chrome2022Dark/open internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/chrome2022Dark/open internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:6c0de4efe96702ab1cbe870763951c7bafa9884eb8f621e7a3bf82bd9f400a87
-size 135580
+oid sha256:53a2e03ae93775f764f46906cba45310b1db992630afc5736c6da3c0390ab05f
+size 135652
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/firefox2022/open internal side-page.png b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/firefox2022/open internal side-page.png
index 08f19bc6e19..e01f222ebbd 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/firefox2022/open internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/firefox2022/open internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:019080fc5ecb826fa124bb10f91c7100f2d488ede1c0d8cd9e4ae12402c285d0
-size 129008
+oid sha256:ee378e58b22b5efe2230fcbf00884256d323edb66a44b6b86239beaad48f514c
+size 129025
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/firefox2022Dark/open internal side-page.png b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/firefox2022Dark/open internal side-page.png
index ef37b7594d6..c070223b168 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/firefox2022Dark/open internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage over another SidePage/open internal side-page/firefox2022Dark/open internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:7bb1628352f91418e36e7776ebe6746844a729fdf157bbca5b015a67b0403ead
-size 128054
+oid sha256:33afa906282ad33bfa02b2dbab0b37a26dae9a0b21a538c32625d7ea8f3c199d
+size 128076
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/chrome2022/scroll to bottom with header, footer.png b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/chrome2022/scroll to bottom with header, footer.png
index 7f59bf6a3bb..aed0530af1a 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/chrome2022/scroll to bottom with header, footer.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/chrome2022/scroll to bottom with header, footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:538eecf0a1eb8448c5b38e054773b2567cadcbe1d69544300a95b3708cdecdaa
-size 164234
+oid sha256:ca257cbd891ba34edd36d60fbe9d41796c2c8b11fe72ecc1fb86e2f5900fdfa5
+size 164294
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/chrome2022Dark/scroll to bottom with header, footer.png b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/chrome2022Dark/scroll to bottom with header, footer.png
index 79f812ae06a..745847cfd7a 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/chrome2022Dark/scroll to bottom with header, footer.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/chrome2022Dark/scroll to bottom with header, footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:cb92f205b2af5ba1072797df80764ac0bb8cdc30b2168bde364e33a2a237ff71
-size 163910
+oid sha256:24941923c2321052bf362054b81c0f0d9ec821d54750539fcd6bacce9008d491
+size 163956
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/firefox2022/scroll to bottom with header, footer.png b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/firefox2022/scroll to bottom with header, footer.png
index 569519ede11..b94a96cc5b0 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/firefox2022/scroll to bottom with header, footer.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/firefox2022/scroll to bottom with header, footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:fbf7504fbc31b23f668972a42e8aed36cb51cd677640d92c0ad752bd8d9a3f50
-size 149418
+oid sha256:b6b3553b34c60df7ec6c0d8953a28eca79976efcfac3ef2a9172d42be0f29dc9
+size 149456
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/firefox2022Dark/scroll to bottom with header, footer.png b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/firefox2022Dark/scroll to bottom with header, footer.png
index f15dd78418d..9916c7904a3 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/firefox2022Dark/scroll to bottom with header, footer.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/scroll to bottom with header, footer/firefox2022Dark/scroll to bottom with header, footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e1e81e9f89f4089da27da2f2a6ee1ec191a01789c47a0697775a374bffca4b1a
-size 148608
+oid sha256:8c70d23bdc2b89d2ed31ea7213baac1915d0c5404ee606545c3d105778291522
+size 148637
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/chrome2022/with header, footer.png b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/chrome2022/with header, footer.png
index 8b8f0a9d1b2..32d0ab85c27 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/chrome2022/with header, footer.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/chrome2022/with header, footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:d9cc0c834033cfeeaab40176530c1dc761badbe08c86899d640f2d9bdea75049
-size 160929
+oid sha256:3964aabd11e0846de3ea66c3f3dfec7832d26f879f951cf2dd377624d8612ae2
+size 160985
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/chrome2022Dark/with header, footer.png b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/chrome2022Dark/with header, footer.png
index ba9cf775aa8..c3f1038241c 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/chrome2022Dark/with header, footer.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/chrome2022Dark/with header, footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:1a07ff638db970ad3a200b31155b63e3192f28c0ca7b59c1a5375c20112a6a05
-size 160275
+oid sha256:3e09790ce1e534ba7bdf55aa173d31c4f8145a28aebbb11fcd7ca07cb928f297
+size 160333
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/firefox2022/with header, footer.png b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/firefox2022/with header, footer.png
index b90634d7017..dcf3d273672 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/firefox2022/with header, footer.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/firefox2022/with header, footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:50a481740cc21fe3ee55bd253f23f1db0f76f0248da1b187d511bb13697f7bd4
-size 146673
+oid sha256:0a88f97df93a183b4eca45e005739eee7203915349d2a3089005863bcc25ce42
+size 146704
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/firefox2022Dark/with header, footer.png b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/firefox2022Dark/with header, footer.png
index 6b16f292bf9..c916beb6b81 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/firefox2022Dark/with header, footer.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with Custom Children/with header, footer/firefox2022Dark/with header, footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:1ec66b22e2e925916cf9483a839762a605bf0ff219d1733ebd8b6f9bd6c1b87c
-size 145555
+oid sha256:480a3987ec1ec213427b7a06063c43681d34992b6b79d1bde453a3a764c900e2
+size 145578
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/firstTimeTabPress.png b/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/firstTimeTabPress.png
index 1f3e40a72fd..6b41f1a0a79 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/firstTimeTabPress.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/firstTimeTabPress.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:880d2b8d2b70b2a4b68beb45d43e522b7a57246807d044a6bc59bbdd62ec0ec6
-size 13524
+oid sha256:e581990be15286afce3cff150fcd40ac1be7aaaf5f17d89854b078fd53427aa5
+size 13836
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/fourthTimeTabPress.png b/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/fourthTimeTabPress.png
index 1f3e40a72fd..6b41f1a0a79 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/fourthTimeTabPress.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/fourthTimeTabPress.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:880d2b8d2b70b2a4b68beb45d43e522b7a57246807d044a6bc59bbdd62ec0ec6
-size 13524
+oid sha256:e581990be15286afce3cff150fcd40ac1be7aaaf5f17d89854b078fd53427aa5
+size 13836
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/secondTimeTabPress.png b/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/secondTimeTabPress.png
index 53487abcbe9..58e16342193 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/secondTimeTabPress.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/secondTimeTabPress.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:84f62f48bff98b658cb4293b2d20b663c7b86b3b25b88819127331b29e19a9da
-size 14207
+oid sha256:ba4a2dfaec987c063bc35ddc002636b49c4b16832bcccb1c8ae62e7bf7cccf98
+size 14268
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/thirdTimeTabPress.png b/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/thirdTimeTabPress.png
index 272b89d4a48..d0fabbfdff9 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/thirdTimeTabPress.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with FocusLock when background blocked/open side-page/chrome2022/thirdTimeTabPress.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e8ef10e76a888597299f1da5fffad18f1185d59e69b1b523755bbf3747a77b2b
-size 13734
+oid sha256:6117600671ad06741fe8bae19c2637a034ca4c353119a303375f7681b35a5d0a
+size 13792
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with block background/open side-page/chrome2022.png b/packages/react-ui/.creevey/images/SidePage/SidePage with block background/open side-page/chrome2022.png
index 8d93b7a2eb6..8c48dcc7684 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with block background/open side-page/chrome2022.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with block background/open side-page/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:118a9e9ecd3592b15ca3e13544d82287f5f10c63a10029262a0b43b3bc820556
-size 13457
+oid sha256:ac4afc37d2b13d5c6cf7fbca52c7bd4fa49746168db1278c6dbb954d8cb733f2
+size 13516
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with left position/chrome2022.png b/packages/react-ui/.creevey/images/SidePage/SidePage with left position/chrome2022.png
index 888203e7bb4..5dad6d894cb 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with left position/chrome2022.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with left position/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:04402899d1e536598b3e22dbdfb89325489a6733521250bf376e20528b847123
-size 155351
+oid sha256:cb36024b60f7f37cbc3e9bb82db43b01eaadcb5cdea7e8bacf51fa588a3552e9
+size 155339
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with left position/chrome2022Dark.png b/packages/react-ui/.creevey/images/SidePage/SidePage with left position/chrome2022Dark.png
index 86feaa3b125..e7745ad4431 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with left position/chrome2022Dark.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with left position/chrome2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:28a67b39fd551bb526ed7909d6a7326a6b97c849fbab7022bf79957f1114aa50
-size 155488
+oid sha256:01c6dd4a1d188a7243d6dc71ce426ec5cd5cc749be0daa84d675a9de9f01d80d
+size 155534
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with left position/firefox2022.png b/packages/react-ui/.creevey/images/SidePage/SidePage with left position/firefox2022.png
index 0b227f8de14..244b205929f 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with left position/firefox2022.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with left position/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8fb65993c21773d0208d845b67e8f7cc162d8770695f8e716eae8e4e61ca1643
-size 142494
+oid sha256:4be30161d85f2a743b10a4bd40a909007435a7d8ce3d8fc55559ac5a4938bda2
+size 142533
diff --git a/packages/react-ui/.creevey/images/SidePage/SidePage with left position/firefox2022Dark.png b/packages/react-ui/.creevey/images/SidePage/SidePage with left position/firefox2022Dark.png
index 0d7dc120a23..9ae4c5f2639 100644
--- a/packages/react-ui/.creevey/images/SidePage/SidePage with left position/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/SidePage/SidePage with left position/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:fc3164a9545b4ff1e4068509d25fe3d6a6238070d343abdb484337fab63f2d2f
-size 141255
+oid sha256:fd478918846edd3173e9a5adf1b2ef642b9f09919126a8eef5654d8c3e6b64e3
+size 141287
diff --git a/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/chrome2022/open side-page.png b/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/chrome2022/open side-page.png
index 54f3008665a..8d1185508df 100644
--- a/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/chrome2022/open side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/chrome2022/open side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:fff62215bb47b031fac66e39e3ff97a15fdfef6d71df98e1d12ef93fab266f35
-size 134075
+oid sha256:6d3fdbde438691b3d113ea371a612c4b0bd0f03cc5077ba1dfcd8bbcbbd91a43
+size 134113
diff --git a/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/chrome2022Dark/open side-page.png b/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/chrome2022Dark/open side-page.png
index b8598f9a0a3..4920fb11e94 100644
--- a/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/chrome2022Dark/open side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/chrome2022Dark/open side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:38d95b2cc91cc406464ff78345148733c128f9af6a55fb4ec716c4b5538d5ca2
-size 131986
+oid sha256:f508e8cac6a7ed3497a112508db4fff5d686ef6cfe273809371492b17bf9a649
+size 132034
diff --git a/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/firefox2022/open side-page.png b/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/firefox2022/open side-page.png
index f6e14a5aceb..3a105dc3504 100644
--- a/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/firefox2022/open side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/firefox2022/open side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:a88303b2fd249509356bae62366bcc73aad666540333d012c8b6e76474f43de8
-size 126279
+oid sha256:fa6d3541cec965e793603df76c181cb4f307204a64a51aaf553c2879cb852de5
+size 126298
diff --git a/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/firefox2022Dark/open side-page.png b/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/firefox2022Dark/open side-page.png
index cbdbc56eb3e..a1e1411a7de 100644
--- a/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/firefox2022Dark/open side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/Simple/open side-page/firefox2022Dark/open side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:588f87eeafcf25251cf99d6899d53c849f48f33a97797806d9ff6a3af9f4d2bb
-size 125387
+oid sha256:e98705d44581a5b0d49cb0de40a30344ae1828f03b4df8e485bbf5ce813845af
+size 125407
diff --git a/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/chrome2022/sticky header, open and close internal side-page.png b/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/chrome2022/sticky header, open and close internal side-page.png
index 49484cdc52f..d0d5bbcc693 100644
--- a/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/chrome2022/sticky header, open and close internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/chrome2022/sticky header, open and close internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:69bc5b0821d08e06651358f1e330535a5e2509c9027f92fdea1110d1e9dd5624
-size 21927
+oid sha256:ad7c113f5e01d2563cc254f17c58329eb32a42f9f24dfd1295f7b9b937829e85
+size 21976
diff --git a/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/chrome2022Dark/sticky header, open and close internal side-page.png b/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/chrome2022Dark/sticky header, open and close internal side-page.png
index 28856cf7fe3..f3431e74849 100644
--- a/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/chrome2022Dark/sticky header, open and close internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/chrome2022Dark/sticky header, open and close internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:c42997797a980eb616191ecf10cf252ea14ea60fbea824701db0562c0bad8ccb
-size 21124
+oid sha256:060c6e6b60d7a32297fa8d303e48c41e72b581f3d7116966c798a7248c20e768
+size 21185
diff --git a/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/firefox2022/sticky header, open and close internal side-page.png b/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/firefox2022/sticky header, open and close internal side-page.png
index cfae058cd3e..8daccb90cd5 100644
--- a/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/firefox2022/sticky header, open and close internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/firefox2022/sticky header, open and close internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:cbf19eb8412e1ce70c0a09e59261de01f5ee39a4a0e2942ef0963e6439fe0e80
-size 38017
+oid sha256:635d7a87ea5e3bea736804e20a406c6e1ccd45a7c6b81e61f63ca75c687fbe5a
+size 38046
diff --git a/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/firefox2022Dark/sticky header, open and close internal side-page.png b/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/firefox2022Dark/sticky header, open and close internal side-page.png
index a9857f703aa..8276c7422bd 100644
--- a/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/firefox2022Dark/sticky header, open and close internal side-page.png
+++ b/packages/react-ui/.creevey/images/SidePage/Sticky SidePageHeader when another SidePage/sticky header, open and close internal side-page/firefox2022Dark/sticky header, open and close internal side-page.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:caaf05b8a45e80b47968bdfa6c946709b8839dab0d3790ab1486463b96455ae6
-size 37349
+oid sha256:b93662105ffad77b6fdecfabb28d927da3bc79180a708c2554bb017343a0154c
+size 37382
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/chrome2022/fixed close element.png b/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/chrome2022/fixed close element.png
index 91aeaa24fc0..bcd4275440d 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/chrome2022/fixed close element.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/chrome2022/fixed close element.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:3533d5e3662b29823a03c940a7e310441c819b1433f906cd93129174113d4ef3
-size 36209
+oid sha256:68a5ca9b007b8773f87543a5fc97b95b21260ccfec3fce8ce327064d221c8157
+size 36264
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/chrome2022Dark/fixed close element.png b/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/chrome2022Dark/fixed close element.png
index 3600cad4bb6..7c46989b022 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/chrome2022Dark/fixed close element.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/chrome2022Dark/fixed close element.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:66b3fd3ad6d6f3fd4a314b86771b094a7d4818e4a1bf281f3500d1123ccc6e42
-size 36074
+oid sha256:7cd32d1ff802e467a80f8296336c988133491cf70d8d75a53c07bcb7dd59e764
+size 36130
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/firefox2022/fixed close element.png b/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/firefox2022/fixed close element.png
index 5dcd3007fc2..3330e0499b2 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/firefox2022/fixed close element.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/firefox2022/fixed close element.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:69540d4c42f705b74a46b7da829d56d153ca12c9c8070468b5b0d40c012c05d4
-size 49347
+oid sha256:6f33a97abce2efc205f8bb863b2f858736f7a48e8b582c95ac79b08f68420528
+size 49369
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/firefox2022Dark/fixed close element.png b/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/firefox2022Dark/fixed close element.png
index 0b33d9881d6..a14042b1f1a 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/firefox2022Dark/fixed close element.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/fixed close element/firefox2022Dark/fixed close element.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8656bb925da516801f0bb254dd09c88bfcc393b301de12863105a0d23cc479e7
-size 48841
+oid sha256:bfac0ab26ddb8b92d0281382bb911947825288e7bcb048ea3ba77a473f3c23ed
+size 48860
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/chrome2022/fixed header.png b/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/chrome2022/fixed header.png
index dda38e370f4..4d5e5b8042c 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/chrome2022/fixed header.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/chrome2022/fixed header.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:eb86457f9d67a1513c93b064781b8e44eec12ea609c99ff366316a51d996893d
-size 23114
+oid sha256:23f715aaa4b0d4ad7c3c5051a749643f58231d7b0b042e7d957ec4420837828c
+size 23140
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/chrome2022Dark/fixed header.png b/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/chrome2022Dark/fixed header.png
index 7bd296604d6..531a5171069 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/chrome2022Dark/fixed header.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/chrome2022Dark/fixed header.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:96a51bcf980631cb49d360b3fa8494e808a3b596a10a7c56a60d6754971c424b
-size 22853
+oid sha256:c0f6bc400f2d6f0a49fec6ac58bb39dbd03ecdfcd4c60446fcf157abfe51f76c
+size 22913
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/firefox2022/fixed header.png b/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/firefox2022/fixed header.png
index a81775ea492..f9a6d896d7a 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/firefox2022/fixed header.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/firefox2022/fixed header.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:362ade18e59407667b889ddaf63c545aa37276e9cc29946d4e0dabf598daed55
-size 38120
+oid sha256:c92930d1cd2372d9ef49ef784662f924990fc1a73509aa7054688973b74b243c
+size 38086
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/firefox2022Dark/fixed header.png b/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/firefox2022Dark/fixed header.png
index cc089cf9477..24c5afec8d0 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/firefox2022Dark/fixed header.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/fixed header/firefox2022Dark/fixed header.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:cb35e8741fb56148e9e5d683a3d764e170b7b800dcaa0a8e9001a13547c0e70e
-size 37726
+oid sha256:77bddf0a3e09e727bfb7f6ec2d229bef7fc6637487f34ee957efac644cff5cae
+size 37700
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/chrome2022/not fixed.png b/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/chrome2022/not fixed.png
index 63737a1c833..f7bac6bd917 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/chrome2022/not fixed.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/chrome2022/not fixed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:cd50ff3463d56e9f00d240d92d04c55133f15142f570408b0fe8d5ad0cf28da8
-size 44893
+oid sha256:059955bb2957127eb8a307a1b248c9d719a4ceca22d1230b7df1e10fd4419afa
+size 44926
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/chrome2022Dark/not fixed.png b/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/chrome2022Dark/not fixed.png
index bddd5ba82b6..f5cbec9df6e 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/chrome2022Dark/not fixed.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/chrome2022Dark/not fixed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2b6bf9a64bde333b6deb7b16ed41f5c33cb550faf29bcf2ab127e6817cd0ad95
-size 44720
+oid sha256:41007cb2740514293467af4b1c63e852e0ecb69536ccb3cfb050163e25ea4a85
+size 44756
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/firefox2022/not fixed.png b/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/firefox2022/not fixed.png
index 89870682607..cd5e0d376e2 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/firefox2022/not fixed.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/firefox2022/not fixed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:699e5863810c078a5f1d3ad8f58180aa7c0fc4a028093d37803baf2589c41469
-size 54711
+oid sha256:2cb9d76167959912e33a3a0bf037baa0437d96dd935b286399a4a9f14b727b8f
+size 54741
diff --git a/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/firefox2022Dark/not fixed.png b/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/firefox2022Dark/not fixed.png
index 8b5620f6728..03c26666495 100644
--- a/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/firefox2022Dark/not fixed.png
+++ b/packages/react-ui/.creevey/images/SidePage/With long title/not fixed/firefox2022Dark/not fixed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:dca82aebd0d7a8152130ccdd7eb102fade4faa62243abe8d8c62ebf2a86a1e54
-size 54134
+oid sha256:1eb516ed1d2944cf478b0c832790a7d751b9d20bf7488f083b96f9f5fed445b5
+size 54131
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/chrome2022/Body content has been changed.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/chrome2022/Body content has been changed.png
index 44d4de34cd6..40763d5681c 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/chrome2022/Body content has been changed.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/chrome2022/Body content has been changed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:ee2e10b02b7e4ea9019a6bdd54640819a208bf5f8d4821b2f8dbe369cec0431d
-size 24250
+oid sha256:961bc34555dced47b7e0a96ea3118acc110777b21581fd2bf091152bb3d2c327
+size 24295
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/chrome2022Dark/Body content has been changed.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/chrome2022Dark/Body content has been changed.png
index 3bca002d2a2..40477cc0f1d 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/chrome2022Dark/Body content has been changed.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/chrome2022Dark/Body content has been changed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:66b374c1c66917b9f00d70aec0adafe4f34967a35708cc6e3fac6097e7777b25
-size 23961
+oid sha256:1508e078842e527e7affbcd16f8859b62d223943c9f7e084f6f541fcc6456f93
+size 24027
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/firefox2022/Body content has been changed.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/firefox2022/Body content has been changed.png
index 1160affeeeb..b4650775374 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/firefox2022/Body content has been changed.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/firefox2022/Body content has been changed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:43a1dda1bb9b3d4472f52ccb29ea6ac6cee73ae05293187744dfda3ee134b7c2
-size 40328
+oid sha256:1d19a7e6073daabb2fbf7f89fab145db76deda19d8b14a93738427e5debf1947
+size 40344
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/firefox2022Dark/Body content has been changed.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/firefox2022Dark/Body content has been changed.png
index 8087b541290..81a1ce369eb 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/firefox2022Dark/Body content has been changed.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/Body content has been changed/firefox2022Dark/Body content has been changed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:c9ab59cdb3addd6621ca013dbe26d3bc77069a7677f23b1e794c8f699ee0fe0c
-size 39984
+oid sha256:913038f2cbeed995768ac8971022746f730a9391297ec7e1e25f90243be249d6
+size 40004
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/chrome2022/child component content has been changed.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/chrome2022/child component content has been changed.png
index 6cccabcf4de..f41bd739812 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/chrome2022/child component content has been changed.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/chrome2022/child component content has been changed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:1cf33d11b52e10d377c42dd1678751826cc717a9bd2fcfea918b891babfc9ad8
-size 25671
+oid sha256:491484b18fbbbd2ee5aa9407c8e30bd391e53ccca10dfa712eb6202fa853940f
+size 25717
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/chrome2022Dark/child component content has been changed.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/chrome2022Dark/child component content has been changed.png
index e8841c1a376..92248f12fd6 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/chrome2022Dark/child component content has been changed.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/chrome2022Dark/child component content has been changed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:eb8b29d651daa473156d2baf558e8072a26103e6613e9e241fc57193534b0c24
-size 26119
+oid sha256:b4126b9fd8be855fe7fc4551e445682f35d917951cf005c092a9da0df4e08549
+size 26184
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/firefox2022/child component content has been changed.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/firefox2022/child component content has been changed.png
index f2ed10639d1..b62f4fdc29e 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/firefox2022/child component content has been changed.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/firefox2022/child component content has been changed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:a956da5debc5ed57aa1c8d44d4da8ed6c70326351e0558218d2f25c0855a07ed
-size 41883
+oid sha256:16c33f31bf24e1fee06d86f3e7674bbee7f151d0e773d2b5e5f43f19284c842e
+size 41905
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/firefox2022Dark/child component content has been changed.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/firefox2022Dark/child component content has been changed.png
index f63b7b93444..4760e8a11ea 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/firefox2022Dark/child component content has been changed.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/child component content has been changed/firefox2022Dark/child component content has been changed.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:f46bfba49d3ffff1f86b077294bdfcc0ee7008a19eed966e832166367c2ccb5c
-size 43670
+oid sha256:30c1cbd6d2d41b52ef6942044a67d95cb91787003885bab0edc52ffaacae24d8
+size 43676
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/chrome2022/idle.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/chrome2022/idle.png
index 5e09386afbb..55c8c95f93c 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/chrome2022/idle.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/chrome2022/idle.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:1577768d09b2b16f61a5ca7cb450983d6678c14ef6d2438706476af4c92d4ebe
-size 12413
+oid sha256:a8fe59ab1d8b068fa0d5524a2597600b82d95d659d96cf19f9bb709a4a1259c3
+size 12471
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/chrome2022Dark/idle.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/chrome2022Dark/idle.png
index c5d78146898..8e79fc26fe3 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/chrome2022Dark/idle.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/chrome2022Dark/idle.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e1aed0fd35596b34ceea083f2b9e7426c56e6ab612ada6e413a084a0679ff04b
-size 12189
+oid sha256:f2d15d12a289ba80d009bc164231b575feadcf0d32a4a9212d58cd4b0fcbfbc7
+size 12268
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/firefox2022/idle.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/firefox2022/idle.png
index 2277a83ab8c..b86d6aaf4c0 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/firefox2022/idle.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/firefox2022/idle.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:39d15938309fcb77fd7d6088774773eb267b285dc351ded2dc0e0665f6f5b0a9
-size 26174
+oid sha256:2a95f293bf4de595ff9a336282519ebf37baac95eb0382da103f4bfdca339b1d
+size 26192
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/firefox2022Dark/idle.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/firefox2022Dark/idle.png
index 3be47e9fb5c..26d06ea7a12 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/firefox2022Dark/idle.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/idle/firefox2022Dark/idle.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:7ab79e21db157ffd23d0dbe015d7b5961498a8e7814084e3c09bf004dc345964
-size 25786
+oid sha256:a9d91ef78e6a05455eed8442e47b6ee63d63c5ac28ac68660ee2eda15f175ac3
+size 25814
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/chrome2022/update layout.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/chrome2022/update layout.png
index 6bda01c3937..b7f82494d65 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/chrome2022/update layout.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/chrome2022/update layout.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:00e1e96950a617089a524185b163a481abc128035395573573e0f2e209eb45da
-size 23343
+oid sha256:37a4aca25af33da2c13e0c47ad2c6d13526a582e95b28063f05dc2f71f383ec4
+size 23395
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/chrome2022Dark/update layout.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/chrome2022Dark/update layout.png
index 4d924dc5877..4f7baed8d9d 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/chrome2022Dark/update layout.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/chrome2022Dark/update layout.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:f749d01d2a6a9b012534cf8ddeb6ecb6b3e3f5d7b71e0fbce11a9da8894a12ee
-size 23029
+oid sha256:5000fb598112075423390560403ccf291e5ba0597309b4d0c46194b1343ac776
+size 23100
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/firefox2022/update layout.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/firefox2022/update layout.png
index 4ff039c5048..0543387e148 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/firefox2022/update layout.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/firefox2022/update layout.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:274181195fb80555b36235f2aed1e1654d758b49e7df122a6d13b560152ac017
-size 39973
+oid sha256:eb07e371ad281f6ab95185fe548c58e15e7d57afa0f9c657faacca04300c0eac
+size 39988
diff --git a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/firefox2022Dark/update layout.png b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/firefox2022Dark/update layout.png
index e48800a87cf..42eca28218e 100644
--- a/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/firefox2022Dark/update layout.png
+++ b/packages/react-ui/.creevey/images/SidePage/test updateLayout method/update layout/firefox2022Dark/update layout.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e8d189352ec1f993c5086bd0f6e6c127cd713ca0e990cdb9bbc8f9b2e405897b
-size 39581
+oid sha256:f4ff1a9c0d06fa9ec781c08649945bacc2804db17dff4db9ebdc72d4b0a21cdd
+size 39603
diff --git a/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/chrome2022/Header covers Loader.png b/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/chrome2022/Header covers Loader.png
index e323452a329..1c461d6108c 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/chrome2022/Header covers Loader.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/chrome2022/Header covers Loader.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:f6ae1b02bf450adfa23a41c56349b8853427065980b7516a170bdd4e2a057180
-size 12307
+oid sha256:404d7300452e1e952c29ae98de02f8ddb25cf692c601ebb1ed2c0039b2eac3af
+size 12308
diff --git a/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/chrome2022Dark/Header covers Loader.png b/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/chrome2022Dark/Header covers Loader.png
index dd3cf626728..6768eceef9c 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/chrome2022Dark/Header covers Loader.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/chrome2022Dark/Header covers Loader.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:a916b29491a903a79d186792532fb116965c2d4323e9e72b7776f800a8fdb770
-size 12201
+oid sha256:57182728daa32bee8abc1ee0bc28211e0c793e7ea065e0aea1fc8388fdad0c54
+size 12192
diff --git a/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/firefox2022/Header covers Loader.png b/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/firefox2022/Header covers Loader.png
index 99df11f86a6..ef5e87add59 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/firefox2022/Header covers Loader.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/firefox2022/Header covers Loader.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:a703e703cdc79ff0ab84186f93cd7cdf0ed292554c6380778012efa79935e444
-size 26941
+oid sha256:15a870d2fb2c60b2084f150e99b0c825b9b5bd542f0663235f92c50cfd112435
+size 26933
diff --git a/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/firefox2022Dark/Header covers Loader.png b/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/firefox2022Dark/Header covers Loader.png
index e5eda2ff785..1465eb725a6 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/firefox2022Dark/Header covers Loader.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Big modal with Loader/Header covers Loader/firefox2022Dark/Header covers Loader.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:aed33f307ae41ca46474b5fc79ab1adcd7660b0a14a21797946e6b0c0c5e75c7
-size 26101
+oid sha256:75ada59265f344eca950c21d0e6d3cb5bc4f90f817ca0e5c33948fe3b65a27b2
+size 26102
diff --git a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/chrome2022/Hide Hint on active Loader.png b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/chrome2022/Hide Hint on active Loader.png
index e8de9888a7f..dbd2d80e896 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/chrome2022/Hide Hint on active Loader.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/chrome2022/Hide Hint on active Loader.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:f24949211e21b0fbf224a891c818e7b80b8655f4fa6df8bb7c5c997c967054aa
-size 14288
+oid sha256:1fbedac65c51fa5aa62b9824fe01fbac326c12c221c831d394dc4b416df648fc
+size 14269
diff --git a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/firefox2022/Hide Hint on active Loader.png b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/firefox2022/Hide Hint on active Loader.png
index 4cf02f01e75..41d9a6a5bbd 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/firefox2022/Hide Hint on active Loader.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/firefox2022/Hide Hint on active Loader.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:af5bd407fb843db4c9781b187625f9cb90b3bbbb558c3a054beb86e9a069bb13
-size 28928
+oid sha256:d5c615cdbe0b5755d8b0a18247f9b919f36867cbcdd202ff3ee7e82acec7d38d
+size 28781
diff --git a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/firefox2022Dark/Hide Hint on active Loader.png b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/firefox2022Dark/Hide Hint on active Loader.png
index 6275841615e..682992d3e18 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/firefox2022Dark/Hide Hint on active Loader.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Hide Hint on active Loader/firefox2022Dark/Hide Hint on active Loader.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:af91db5c595e7fe27cbfb91d5ace879ea15b434a7d84bf538b7daf62749c1bd6
-size 27366
+oid sha256:79b7d1abdee7544e756b8b3a28e74531bb9fb527a0ddcec9f432628d2e3a72a8
+size 27356
diff --git a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/chrome2022/Open Dropdown while Loader is inactive.png b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/chrome2022/Open Dropdown while Loader is inactive.png
index 56387c7d6a9..7802173cc93 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/chrome2022/Open Dropdown while Loader is inactive.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/chrome2022/Open Dropdown while Loader is inactive.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:6aba25540d0b7ece0e1100894459ad69927af14c3eee4445118e43f72870cd10
-size 19712
+oid sha256:ba746dabbb668d0a3c358788a4453ce2b1e60b3501a3d476cef10071cba0d0e0
+size 19682
diff --git a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/chrome2022Dark/Open Dropdown while Loader is inactive.png b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/chrome2022Dark/Open Dropdown while Loader is inactive.png
index 6fe58a28355..41b251bfc5e 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/chrome2022Dark/Open Dropdown while Loader is inactive.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/chrome2022Dark/Open Dropdown while Loader is inactive.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:bb0e1b3ad939f04ed41d3726d10a7362e45d0c294607458ffe4e54b221171668
-size 17040
+oid sha256:943991f9628a110a5f246c2b8f401b197a8c330609fae46da7b8b3388451de29
+size 17026
diff --git a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/firefox2022/Open Dropdown while Loader is inactive.png b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/firefox2022/Open Dropdown while Loader is inactive.png
index 8b37ac402df..5b791ee0d96 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/firefox2022/Open Dropdown while Loader is inactive.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/firefox2022/Open Dropdown while Loader is inactive.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:049ba1e62da1d51f8ed68ae9954a0c36bbbaf43c358587004625be51437781c5
-size 35879
+oid sha256:402fc151e28582ce5e3f11169cd749b5ec8b4dc01cdb1c46809131ea30601da9
+size 35748
diff --git a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/firefox2022Dark/Open Dropdown while Loader is inactive.png b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/firefox2022Dark/Open Dropdown while Loader is inactive.png
index 038704fbb93..c797e89abd7 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/firefox2022Dark/Open Dropdown while Loader is inactive.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Elements in Loader in Modal/Open Dropdown while Loader is inactive/firefox2022Dark/Open Dropdown while Loader is inactive.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:ab28bf8d6acfc0b522dd98584e16073e106015bb6264b092272f7989821792c0
-size 33077
+oid sha256:838cc847aee2480c8e86591999640e18ab4ca8e1030de627d0f647c369de97ce
+size 33068
diff --git a/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/chrome2022/Modal covers hint.png b/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/chrome2022/Modal covers hint.png
index 3e4911aaa8c..849ec6b6131 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/chrome2022/Modal covers hint.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/chrome2022/Modal covers hint.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e9ffd2d4123b0e6e5d08e11965e91c71983a59d895078f13c1649715bf7e197a
-size 30528
+oid sha256:7534c9a25ecb28d240c1ba6c7ef5ded7f9ec6e3b71d7bc48b18e807338486de3
+size 30540
diff --git a/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/chrome2022Dark/Modal covers hint.png b/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/chrome2022Dark/Modal covers hint.png
index 8778237ae44..2ebffd660df 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/chrome2022Dark/Modal covers hint.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/chrome2022Dark/Modal covers hint.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8896ed52d9ab50513c74c5a05137ae2c625321f7c7859f69c4eb356f5ffd7ce9
-size 29024
+oid sha256:67a3fc668bd3c15f76613be5a2934d509997be97907eaefc11cfbbaed5595cee
+size 29030
diff --git a/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/firefox2022/Modal covers hint.png b/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/firefox2022/Modal covers hint.png
index f43d8b15557..384f91db356 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/firefox2022/Modal covers hint.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/firefox2022/Modal covers hint.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:1b2f63fb32b7f008b6861213f9ac348308c5d18bca4a6bacd52ba7608c5572c1
-size 38583
+oid sha256:39d5f69ef34ac8d3fcd9a82e137ac875dabeffd37e44bbf43ff74a1db4afe456
+size 38596
diff --git a/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/firefox2022Dark/Modal covers hint.png b/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/firefox2022Dark/Modal covers hint.png
index 00e01064e51..ecd9ad28fd7 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/firefox2022Dark/Modal covers hint.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Hint and modal/Modal covers hint/firefox2022Dark/Modal covers hint.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2ced7181a8410d4a6de9212da6d754348c11eab55d8e0cf2fa1a4d4173b1340f
-size 36803
+oid sha256:c9f9c6b091ce44fba9ba7507629a7016052eacaf0d47c99df96143f222de1009
+size 36708
diff --git a/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/chrome2022/SidePage shadow cover Loader.png b/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/chrome2022/SidePage shadow cover Loader.png
index efdeefaba7a..d9d00ade152 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/chrome2022/SidePage shadow cover Loader.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/chrome2022/SidePage shadow cover Loader.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:16c5d4eccf9594e101eecc271702081c898d5642172fd19dcc0f54cb50bcf53c
-size 13327
+oid sha256:153ffb59da980424a70155e32b8048235c2166936fb1c049834f26897697bece
+size 13346
diff --git a/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/chrome2022Dark/SidePage shadow cover Loader.png b/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/chrome2022Dark/SidePage shadow cover Loader.png
index 794baa54cf2..f4b8eb53caf 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/chrome2022Dark/SidePage shadow cover Loader.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/chrome2022Dark/SidePage shadow cover Loader.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:06978b34dc5e2663ed5e528e0f4c7c00f1a0deba2aa2e5236783ddbda82e34ca
-size 13077
+oid sha256:1b7dff9ea80c46fa2e731a42fe33c273e2db4f56ea525932d0c8024bab00e111
+size 13085
diff --git a/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/firefox2022/SidePage shadow cover Loader.png b/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/firefox2022/SidePage shadow cover Loader.png
index 8f09bc981ec..f28e05a442f 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/firefox2022/SidePage shadow cover Loader.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/firefox2022/SidePage shadow cover Loader.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:b95888d5885ddacc1a9b2419e423cab7bc023ba4f48847ff5a0ea191f2a430c4
-size 26657
+oid sha256:407554d955307a620c8993c2e5b96a7bd0bf67e04b6549126e1ef06723806d94
+size 26654
diff --git a/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/firefox2022Dark/SidePage shadow cover Loader.png b/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/firefox2022Dark/SidePage shadow cover Loader.png
index c23ef580133..6a93b1d5c7f 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/firefox2022Dark/SidePage shadow cover Loader.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Loader and SidePage/SidePage shadow cover Loader/firefox2022Dark/SidePage shadow cover Loader.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:dc55fbccbcbb0c76cdf6c1f40ba403263f7f33ae5a8e179b8de792d5cdc6f3a8
-size 26191
+oid sha256:871180a61eee581de729c35ce6d6bd2e01a98f7a6fabfe46c743d1ee70a472bd
+size 26226
diff --git a/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/chrome2022/is covered by Header and Footer.png b/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/chrome2022/is covered by Header and Footer.png
index 145c71ee210..6d4e71e9951 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/chrome2022/is covered by Header and Footer.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/chrome2022/is covered by Header and Footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8bd8da76723b1c08a8b8d4a98fe1b8bc6b6bb2295d55f5601b633226069846ec
-size 21818
+oid sha256:23ba1a731ff5f6cd731dfa0ed1bfecd810fa2a1545810959b1513bb943597c62
+size 21816
diff --git a/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/chrome2022Dark/is covered by Header and Footer.png b/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/chrome2022Dark/is covered by Header and Footer.png
index 9a259ec99b2..3aed600666d 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/chrome2022Dark/is covered by Header and Footer.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/chrome2022Dark/is covered by Header and Footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:50215f443ad741c58511f4a2ea03dca3aa245cce5ead5f0f6d6d38afde4559be
-size 21570
+oid sha256:b8fa83b91c7393167631a565b64b4408b49222903d6144053a827e14b365b2c7
+size 21567
diff --git a/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/firefox2022/is covered by Header and Footer.png b/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/firefox2022/is covered by Header and Footer.png
index 1c3fa175550..f3608270f8d 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/firefox2022/is covered by Header and Footer.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/firefox2022/is covered by Header and Footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:10cb637dd8f14a61c01e05d32d0a31b60b3ab25adaaab1c99e2c085e81d7776c
-size 39961
+oid sha256:fe320da6afdc938ebbe37f68651fb40e700af97bdc8e3b5952644cc938a880ba
+size 39955
diff --git a/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/firefox2022Dark/is covered by Header and Footer.png b/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/firefox2022Dark/is covered by Header and Footer.png
index a2f09e469a5..d2edfececd7 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/firefox2022Dark/is covered by Header and Footer.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Loader in SidePage.Body/is covered by Header and Footer/firefox2022Dark/is covered by Header and Footer.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:06745e4535627527a79d72e9fc82a1cfde3318385619a15fcb4afd342408d4d7
-size 39746
+oid sha256:5f95572923ddd63ad0de0605603c201fe42a1878697de7da9cb0f7613896de79
+size 39734
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/chrome2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/chrome2022.png
index 322532448f5..d8c6145255b 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/chrome2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:4bf9187f3265b0a9a30ecb19ab7a10b81298149a47fc8920ecb4adb86723e42b
-size 12231
+oid sha256:85d98fa676c8a6e71987b995665666cb9ad6aa29b0f38b7ffd3e8f5af336a04e
+size 12235
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/chrome2022Dark.png b/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/chrome2022Dark.png
index 5e2104a514e..f0dba9d66b9 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/chrome2022Dark.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/chrome2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:7681db15603910000e341d64b9c895848cea9b3d1a3156853997111cd556f6b0
-size 10940
+oid sha256:1dad68c922369f983ac43921f0fac9e22b78ae795d856bd8ba8c7cce580b697c
+size 10922
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/firefox2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/firefox2022.png
index d57ecf97e9a..555282272ed 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/firefox2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:727311391e85143fe198b8ae70b5b289ea794f0b15464fa2215ca850cee7f847
-size 25366
+oid sha256:05820fa522d3c61e77037d67434d4309e23a71a3c35db1afd9f72c7a49ce8501
+size 25330
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/firefox2022Dark.png b/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/firefox2022Dark.png
index 2f9d8d37b8b..278dc1b4e86 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal And Toast/toastShown/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:67608d6d6355d6fa72375a28bc743e7952ae6149d7e1ceb0d99a14f8da9d1d30
-size 22969
+oid sha256:de48082b2bc98cda3785b7feb9be9f2aa70fc35c7408192504b95532e72155eb
+size 22988
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/chrome2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/chrome2022.png
index e498309d553..bd5811998db 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/chrome2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:a4040ffb4874069ca9da99f3c5a58a0a5d053a1b406f950be308210bc01c4c70
-size 12898
+oid sha256:7d1eccec4f166b148994c20dc2891ea5243d2cf3cfb37a110fb5b08fedbd1bb1
+size 12883
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/firefox2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/firefox2022.png
index 2009c913e69..0cc1cb39470 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/firefox2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:ad23ba72cd22dce3ac7f96cf10152b67378e8335a60c2b4eb7ebb446b391042b
-size 30384
+oid sha256:98b3169cf24a8380fd1af85bf917cfbe73e362f7017d2442f226050cbbb8610c
+size 30334
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed header/chrome2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed header/chrome2022.png
index 30c6b74fbc9..41210d2f34d 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed header/chrome2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed header/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:309f4e0031490d4009cce9b949c41fac7733b3309b9e7508cde1ae318404991e
+oid sha256:8b6612fbfecca6ad024615b99d362645c6f2b86b82256501adc525d9a7b2ab32
size 16616
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed header/firefox2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed header/firefox2022.png
index ed591796842..eef8d8d0837 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed header/firefox2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown lays under fixed header/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e4a1f35869a024f2e8cc22650963e5fb223b49df9def0a2ad979ec0ee6be9041
-size 33202
+oid sha256:f033dd0a797b15fa734fb66f0c921cbc5dd5768ff54360bbe0aad6c09e29d74c
+size 33195
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static footer/chrome2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static footer/chrome2022.png
index edcae088ad1..0222e055d46 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static footer/chrome2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static footer/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:3f7d009df401d564625f86279ea4502034f85d4a978129ffa78961c892e09cd1
-size 30556
+oid sha256:b4fac9adee6d808b248a2d057f2111e145ae21ece0bc4e59564b74826ce2c3c1
+size 30554
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static footer/firefox2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static footer/firefox2022.png
index 4424f18a6b7..1d46c7606fa 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static footer/firefox2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static footer/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:608680447441e0fff2e5f642e61689fc034e0a3809cc8ccb2e311b560d4faab8
-size 50802
+oid sha256:e11923aad8e4a2e06a28822725e1f7772060ef4af9dde2c52799a5acf3edf439
+size 50763
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static header/chrome2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static header/chrome2022.png
index 2876eed5610..944a46f84e8 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static header/chrome2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static header/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:5d4ef2ea0fc49cc1b3ea9864972f6aef420b152019fc1e35462dc351fb4380e2
-size 30107
+oid sha256:685c813b60f0b260c8bb6e9366526658e04a68bf6cedbd1bf06c4d6bb6321c3d
+size 30085
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static header/firefox2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static header/firefox2022.png
index 1db765d6a15..37da5789d07 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static header/firefox2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal With Dropdown/dropdown overlaps static header/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:1ceeab59bda4bab26454a5100a734bc1f31d9a9e979e7baf0727b85d6f64c0e3
-size 49956
+oid sha256:1d18b27667a53967017cb8a960e98bc156cbb5dc889621225a5b0304d2aaab9f
+size 49923
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal With Tooltip In Loader/chrome2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal With Tooltip In Loader/chrome2022.png
index 23cca2fa417..970f29fff33 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal With Tooltip In Loader/chrome2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal With Tooltip In Loader/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:ac361e7f449674572712d0e6065322f0d64d62c0351f46971543f3f1b0d9d698
-size 8457
+oid sha256:ba5d4d74597d12d9096253f1f9778b7f839f7db006cfdd7194e5108493a2ef66
+size 8472
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal With Tooltip In Loader/firefox2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal With Tooltip In Loader/firefox2022.png
index 1fd57fce3db..96294c255fc 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal With Tooltip In Loader/firefox2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal With Tooltip In Loader/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:5bae0b92ce058000a3957628468aeec92c68c035a35aaf43a98f6203138776dc
-size 21398
+oid sha256:22e2cf387634107917ef0ed78b892686d318da6a19d77ab90b3ea58611c8127e
+size 21440
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/chrome2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/chrome2022.png
index 3c614f76f9e..69fbfee13a9 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/chrome2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:eba951abe4202c326447fb265ff6cea52fd54f7a703dc3dcf4ba45c266269c63
-size 19112
+oid sha256:bdf9a86f9bf75e1239fbc4a916f66d489df8ab07770e74a0772f2a839dda208b
+size 19094
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/chrome2022Dark.png b/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/chrome2022Dark.png
index 20ebba38f1c..79355ade444 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/chrome2022Dark.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/chrome2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:99019922ab9d7dac059b348691b44bb31cf927fb8afeb9088ff55a5a9e440007
-size 16199
+oid sha256:d6f263eeec671b12d29b978dc87f3e58c64cb198d7ab60af2151bce4961f0679
+size 16190
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/firefox2022.png b/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/firefox2022.png
index 117e5f115b2..b0f39b3709e 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/firefox2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:0046970b9f78b09bffb3c0b176f98e64b9e2ecc73a8a7fda29a8a1f8afa3c3bb
-size 32838
+oid sha256:f64aba54c759f389dcd88d711e605cd5222250f8248757ae5dbd0c17b3fd5354
+size 32888
diff --git a/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/firefox2022Dark.png b/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/firefox2022Dark.png
index 3f5a3094605..c6aba44c31e 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Modal in Loader and Modal/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:a0faa6c55c7e190a1818c39ed9c204b51328d31eeef26d0c47cf398996a28e3b
-size 29765
+oid sha256:2cfc9316b981d803da6954f54c90a3e8c2a16b3af702cc254b93fa27738fdd51
+size 29768
diff --git a/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/chrome2022.png b/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/chrome2022.png
index cd1dc080466..95cc236f3b1 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/chrome2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:611131ed5663fa0c32c09d8e1c76dfbc1429c85c77a5fe14b926e2ae70fe09cd
-size 11457
+oid sha256:3cfe10958003c30493a797bbaa3fb60fdcaf5558b93a3ce79d453dca695596bb
+size 11467
diff --git a/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/chrome2022Dark.png b/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/chrome2022Dark.png
index 39823955001..4fba6b621d7 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/chrome2022Dark.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/chrome2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:b37b4bf03617a4760d54388c4208c73144067a108af98903bb6a9e2fa362e334
-size 10030
+oid sha256:b10537c14797a2845194b97cbb0d5327363920abe4f74c0e76a66b77004a1445
+size 10040
diff --git a/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/firefox2022.png b/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/firefox2022.png
index 5bf86c08e45..85b2273c06a 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/firefox2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:715b2db27d2c4e733b74fe43c4459d7e7986339d0d11ceea423aaed1dafcd122
-size 24551
+oid sha256:5966d63a5c40df15cd552b56a6426c13d2590160994e3a847f4c7b80a02110dd
+size 24526
diff --git a/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/firefox2022Dark.png b/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/firefox2022Dark.png
index c39cd768071..60448b4059c 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Nested elements in loader/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:344519106f31b41759a74275c966516de5b3e607a7cd20aeebd7dc8394141053
-size 22925
+oid sha256:695c33832e1bc2aa6c4e58bee201426ecc91335349bb5625a16cba79f912ac8a
+size 22920
diff --git a/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/chrome2022/SidePage covers Select and Tooltip.png b/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/chrome2022/SidePage covers Select and Tooltip.png
index 7cfe9f3b4cc..0cf9bfbe9b7 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/chrome2022/SidePage covers Select and Tooltip.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/chrome2022/SidePage covers Select and Tooltip.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:6c8ca04ab8d2759da8e3b925fcccf290c6cd21da5aaea7866faa9d1250c56341
-size 40232
+oid sha256:6453282390471738a6f44e82abd6d29a156dcd40e8f26671788eba8fba37f5bc
+size 40289
diff --git a/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/chrome2022Dark/SidePage covers Select and Tooltip.png b/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/chrome2022Dark/SidePage covers Select and Tooltip.png
index dc2cd736e91..d51716cb006 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/chrome2022Dark/SidePage covers Select and Tooltip.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/chrome2022Dark/SidePage covers Select and Tooltip.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:84f0a13ddf314bc2f8d036bfe4c8808103280f9ce1fbcd90d192ea7f3416e4f5
-size 39428
+oid sha256:e512e2dcf20ba3bb16a6e0f358b07f0679fbcf55d2793335fb2a92c219905b21
+size 39502
diff --git a/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/firefox2022/SidePage covers Select and Tooltip.png b/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/firefox2022/SidePage covers Select and Tooltip.png
index 29feb3052db..72a8fd7c606 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/firefox2022/SidePage covers Select and Tooltip.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/firefox2022/SidePage covers Select and Tooltip.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:1d53646dcb4501df680c3ac50ea5fa24e266b85bf2c7c5bde43420649b19ad80
-size 53528
+oid sha256:33015ad6503a6c27cd44e055fb91da0f801adaf762db8011484e5df875ea5fcd
+size 53513
diff --git a/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/firefox2022Dark/SidePage covers Select and Tooltip.png b/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/firefox2022Dark/SidePage covers Select and Tooltip.png
index 1d744468831..85b16b347af 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/firefox2022Dark/SidePage covers Select and Tooltip.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Sidepage and Select/SidePage covers Select and Tooltip/firefox2022Dark/SidePage covers Select and Tooltip.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:9cbebd44792bb77c1df087a05c4e3efebd0780056eccf11ba3d08474b1021d15
-size 52021
+oid sha256:bd6542b3467b167bf20b70656b62a4d5528718b27bdaa27e2ee055a83eb6d50b
+size 52066
diff --git a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/chrome2022.png b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/chrome2022.png
index d9c9b08829a..d475be3f86e 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/chrome2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/chrome2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:67638d880d737896d0a913bdf7c13ac426c371667d455166468d986d76988a78
-size 17502
+oid sha256:160273e6039cabf2a05cfe6d1857c87c4c4b2743318b50639c898b6fcc444bc7
+size 17545
diff --git a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/chrome2022Dark.png b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/chrome2022Dark.png
index 428f7b30b9c..f692dce1fec 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/chrome2022Dark.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/chrome2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:aaf04a4ad68b8c1bd777f0b759f906a669d820c679a97ad2e8f7d67d946e84c5
-size 15610
+oid sha256:c86baf2a799fec786f502f448d6e8b4921b9f4c806475e0a91e7628c02ee672e
+size 15650
diff --git a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/firefox2022.png b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/firefox2022.png
index bc148932cb5..3e10970cc9f 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/firefox2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:cf25ef1b427585d6dbac282acde681c6f7d0341eb0fd3c87075f7fc108420a2a
+oid sha256:344fbd447f478b1487e2e2dcf167938c8eba93227973592c97cd9757c32a90fb
size 31115
diff --git a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/firefox2022Dark.png b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/firefox2022Dark.png
index 1161dbac08e..10e05b6716a 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/refToast/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:5f6843406468e2c55f9bc718575435c795c649e238fc70d13259195600bc8618
-size 28942
+oid sha256:8ba2cd440ed6dfde5f6ea8839b1ec8aadcb14e6344e6929221e21858dd63a999
+size 28901
diff --git a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/staticToast/firefox2022.png b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/staticToast/firefox2022.png
index 20a22ef7c10..3df3085c12f 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/staticToast/firefox2022.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/staticToast/firefox2022.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:affdd4c384a618b17602cf85cda790f3bd7fa79b419fee9be51a053e594797e2
-size 31654
+oid sha256:cd78d8c5a62f9e7e006e4fc67d4bd5306f130e7be5e251496986bd6eb2d8b12d
+size 31623
diff --git a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/staticToast/firefox2022Dark.png b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/staticToast/firefox2022Dark.png
index 47bafd824e5..46c1f5173ab 100644
--- a/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/staticToast/firefox2022Dark.png
+++ b/packages/react-ui/.creevey/images/ZIndex/Toast Over Everything/staticToast/firefox2022Dark.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:75d576dd693a9596fbc4fa9fdaf7509ab15b3f5326b1df99c96628a76abedc64
-size 29363
+oid sha256:b5a9a1f66fee287b31bc568c601f1d2878c1700bd6a854bb2cb9999a40eee2bc
+size 29304
diff --git a/packages/react-ui/components/Modal/Modal.styles.ts b/packages/react-ui/components/Modal/Modal.styles.ts
index 35a08426b1f..2be26dc687e 100644
--- a/packages/react-ui/components/Modal/Modal.styles.ts
+++ b/packages/react-ui/components/Modal/Modal.styles.ts
@@ -104,21 +104,26 @@ export const styles = memoizeStyle({
},
close(t: Theme) {
- const padding = parseInt(t.modalCloseButtonPadding);
return css`
${resetButton()};
position: absolute;
display: flex;
- right: ${padding}px;
- top: ${padding}px;
+ right: ${t.modalCloseButtonClickAreaRight};
+ top: ${t.modalCloseButtonClickAreaTop};
background: none;
background: transparent;
cursor: pointer;
color: ${t.modalCloseButtonColor};
text-align: center;
vertical-align: middle;
- padding: ${t.modalCloseButtonClickArea};
- margin: -${t.modalCloseButtonClickArea};
+ padding-top: ${t.modalCloseButtonClickAreaTop};
+ margin-top: -${t.modalCloseButtonClickAreaTop};
+ padding-right: ${t.modalCloseButtonClickAreaRight};
+ margin-right: -${t.modalCloseButtonClickAreaRight};
+ padding-bottom: ${t.modalCloseButtonClickAreaBottom};
+ margin-bottom: -${t.modalCloseButtonClickAreaBottom};
+ padding-left: ${t.modalCloseButtonClickAreaLeft};
+ margin-left: -${t.modalCloseButtonClickAreaLeft};
&:hover {
color: ${t.modalCloseButtonHoverColor};
@@ -132,10 +137,10 @@ export const styles = memoizeStyle({
`;
},
- mobileClose(t: Theme) {
+ closeMobile(t: Theme) {
return css`
right: ${t.mobileModalCloseButtonRightPadding};
- top: ${parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding)}px;
+ top: ${t.mobileModalCloseButtonTopPadding};
padding: ${t.mobileModalCloseButtonClickArea};
margin: -${t.mobileModalCloseButtonClickArea};
@@ -196,7 +201,8 @@ export const styles = memoizeStyle({
focus(t: Theme) {
return css`
color: ${t.modalCloseButtonHoverColor};
- outline: 2px solid ${t.borderColorFocus};
+ box-shadow: inset 0 0 0 2px ${t.borderColorFocus};
+ border-radius: 4px;
`;
},
diff --git a/packages/react-ui/components/Modal/ModalClose.tsx b/packages/react-ui/components/Modal/ModalClose.tsx
index 5a168aef15e..658f8c6df1c 100644
--- a/packages/react-ui/components/Modal/ModalClose.tsx
+++ b/packages/react-ui/components/Modal/ModalClose.tsx
@@ -43,7 +43,7 @@ export function ModalClose({ disableClose, requestClose, ...otherProps }: CloseP
aria-label={locale.closeButtonAriaLabel}
className={cx({
[styles.close(theme)]: true,
- [styles.mobileClose(theme)]: isMobile,
+ [styles.closeMobile(theme)]: isMobile,
[styles.disabled(theme)]: disableClose,
[styles.focus(theme)]: focusedByTab,
})}
diff --git a/packages/react-ui/components/SidePage/SidePage.styles.ts b/packages/react-ui/components/SidePage/SidePage.styles.ts
index 0292cca2db2..5b95db06f12 100644
--- a/packages/react-ui/components/SidePage/SidePage.styles.ts
+++ b/packages/react-ui/components/SidePage/SidePage.styles.ts
@@ -167,7 +167,10 @@ export const styles = memoizeStyle({
},
title(t: Theme) {
- const paddingRight = parseInt(t.sidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);
+ const paddingRight =
+ parseInt(t.sidePageCloseButtonClickAreaLeft) +
+ parseInt(t.sidePageCloseIconSize) +
+ parseInt(t.sidePageCloseButtonClickAreaRight);
return css`
padding-left: ${t.sidePagePaddingLeft};
padding-right: ${paddingRight}px;
@@ -216,8 +219,14 @@ export const styles = memoizeStyle({
${resetButton()};
cursor: pointer;
color: ${t.sidePageCloseButtonColor};
- padding: ${t.sidePageCloseButtonClickArea};
- margin: -${t.sidePageCloseButtonClickArea};
+ padding-top: ${t.sidePageCloseButtonClickAreaTop};
+ margin-top: -${t.sidePageCloseButtonClickAreaTop};
+ padding-right: ${t.sidePageCloseButtonClickAreaRight};
+ margin-right: -${t.sidePageCloseButtonClickAreaRight};
+ padding-bottom: ${t.sidePageCloseButtonClickAreaBottom};
+ margin-bottom: -${t.sidePageCloseButtonClickAreaBottom};
+ padding-left: ${t.sidePageCloseButtonClickAreaLeft};
+ margin-left: -${t.sidePageCloseButtonClickAreaLeft};
font-size: 0;
&:focus,
@@ -232,8 +241,16 @@ export const styles = memoizeStyle({
}
`;
},
+ closeSticky(t: Theme) {
+ return css`
+ padding-top: ${t.sidePageCloseButtonFixedClickAreaTop};
+ margin-top: -${t.sidePageCloseButtonFixedClickAreaTop};
+ padding-bottom: ${t.sidePageCloseButtonFixedClickAreaBottom};
+ margin-bottom: -${t.sidePageCloseButtonFixedClickAreaBottom};
+ `;
+ },
- mobileClose(t: Theme) {
+ closeMobile(t: Theme) {
return css`
padding: ${t.mobileSidePageCloseButtonClickArea};
margin: -${t.mobileSidePageCloseButtonClickArea};
@@ -243,7 +260,8 @@ export const styles = memoizeStyle({
closeFocus(t: Theme) {
return css`
- outline: 2px solid ${t.borderColorFocus};
+ box-shadow: inset 0 0 0 2px ${t.borderColorFocus};
+ border-radius: 4px;
`;
},
@@ -254,7 +272,7 @@ export const styles = memoizeStyle({
line-height: ${t.sidePageHeaderLineHeight};
padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};
position: absolute;
- right: ${t.sidePageCloseButtonPadding};
+ right: ${t.sidePageCloseButtonClickAreaRight};
top: ${t.sidePageCloseButtonWrapperOffsetTop};
`;
},
@@ -263,7 +281,7 @@ export const styles = memoizeStyle({
return css`
line-height: ${t.mobileSidePageHeaderLineHeight};
padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};
- right: ${t.mobileSidePageCloseButtonRightPadding};
+ right: ${t.mobileSidePageCloseButtonPadding};
`;
},
@@ -279,6 +297,7 @@ export const styles = memoizeStyle({
return css`
line-height: ${t.sidePageHeaderFixedLineHeight};
padding: ${t.sidePageHeaderFixedPaddingY} 0;
+ top: ${t.sidePageCloseButtonWrapperFixedOffsetTop};
`;
},
diff --git a/packages/react-ui/components/SidePage/SidePageCloseButton.tsx b/packages/react-ui/components/SidePage/SidePageCloseButton.tsx
index 843f4efe81a..4be7dd2d439 100644
--- a/packages/react-ui/components/SidePage/SidePageCloseButton.tsx
+++ b/packages/react-ui/components/SidePage/SidePageCloseButton.tsx
@@ -6,13 +6,19 @@ import { useLocaleForControl } from '../../lib/locale/useLocaleForControl';
import { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';
import { cx } from '../../lib/theming/Emotion';
import { keyListener } from '../../lib/events/keyListener';
+import { CommonProps } from '../../internal/CommonWrapper';
import { styles } from './SidePage.styles';
import { SidePageLocaleHelper } from './locale';
import { SidePageHeaderDataTids } from './SidePageHeader';
import { SidePageContext } from './SidePageContext';
-export const SidePageCloseButton = () => {
+export interface SidePageCloseButtonProps extends CommonProps {
+ isHeaderFixed: boolean;
+ isMobile?: boolean;
+}
+
+export const SidePageCloseButton = ({ isHeaderFixed, isMobile }: SidePageCloseButtonProps) => {
const [isFocusedByTab, setIsFocusedByTab] = useState(false);
const locale = useLocaleForControl('SidePage', SidePageLocaleHelper);
@@ -37,6 +43,8 @@ export const SidePageCloseButton = () => {
aria-label={locale?.closeButtonAriaLabel}
className={cx(styles.close(theme), {
[styles.closeFocus(theme)]: isFocusedByTab,
+ [styles.closeSticky(theme)]: isHeaderFixed,
+ [styles.closeMobile(theme)]: isMobile,
})}
onFocus={handleFocus}
onBlur={handleBlur}
diff --git a/packages/react-ui/components/SidePage/SidePageHeader.tsx b/packages/react-ui/components/SidePage/SidePageHeader.tsx
index f4baf4fbccd..682c363ec14 100644
--- a/packages/react-ui/components/SidePage/SidePageHeader.tsx
+++ b/packages/react-ui/components/SidePage/SidePageHeader.tsx
@@ -63,8 +63,6 @@ export class SidePageHeader extends React.Component);
-
public get regularHeight(): number {
const { isReadyToFix } = this.state;
if (!this.wrapper) {
@@ -179,10 +177,10 @@ export class SidePageHeader extends React.Component
{this.isMobileLayout ? (
- this.closeIcon
+
) : (
- {this.closeIcon}
+
)}
diff --git a/packages/react-ui/internal/themes/BasicLightTheme.ts b/packages/react-ui/internal/themes/BasicLightTheme.ts
index fe522ba583f..5f1cd4de57e 100644
--- a/packages/react-ui/internal/themes/BasicLightTheme.ts
+++ b/packages/react-ui/internal/themes/BasicLightTheme.ts
@@ -793,7 +793,10 @@ export class BasicLightThemeInternal {
public static modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';
public static modalCloseButtonPadding = '32px';
public static modalCloseButtonBottomPadding = '20px';
- public static modalCloseButtonClickArea = '6px';
+ public static modalCloseButtonClickAreaTop = '30px';
+ public static modalCloseButtonClickAreaBottom = '22px';
+ public static modalCloseButtonClickAreaLeft = '24px';
+ public static modalCloseButtonClickAreaRight = '28px';
public static modalCloseIconSize = '20px';
public static modalBorderRadius = '16px';
public static get modalFixedHeaderBg() {
@@ -848,9 +851,13 @@ export class BasicLightThemeInternal {
public static get modalFooterPanelPaddingBottom() {
return this.modalFooterPaddingBottom;
}
- public static mobileModalCloseButtonRightPadding = '16px';
- public static mobileModalCloseButtonTopPadding = '8px';
- public static mobileModalCloseButtonClickArea = '16px';
+ public static get mobileModalCloseButtonRightPadding() {
+ return this.mobileModalCloseButtonClickArea;
+ }
+ public static get mobileModalCloseButtonTopPadding() {
+ return this.mobileModalCloseButtonClickArea;
+ }
+ public static mobileModalCloseButtonClickArea = '22px';
public static mobileModalCloseIconSize = '20px';
public static mobileModalHeaderFontSize = '24px';
public static mobileModalHeaderLineHeight = '32px';
@@ -898,9 +905,10 @@ export class BasicLightThemeInternal {
public static sidePageHeaderFixedFontSize = '18px';
public static sidePageHeaderFixedLineHeight = '28px';
public static sidePageHeaderFixedPaddingY = '10px';
- public static sidePageHeaderStickyOffset = '9px';
- public static sidePageCloseButtonPadding = '32px';
- public static mobileSidePageCloseButtonPadding = '16px';
+ public static sidePageHeaderStickyOffset = '10px';
+ public static get mobileSidePageCloseButtonPadding() {
+ return this.mobileSidePageCloseButtonClickArea;
+ }
public static get sidePageFooterPanelPaddingTop() {
return this.sidePageFooterPaddingTop;
}
@@ -908,8 +916,24 @@ export class BasicLightThemeInternal {
return this.sidePageFooterPanelPaddingTop;
}
public static sidePageCloseIconSize = '20px';
- public static sidePageCloseButtonClickArea = '6px';
- public static mobileSidePageCloseButtonClickArea = '16px';
+ public static get sidePageCloseButtonClickAreaTop() {
+ return this.modalCloseButtonClickAreaTop;
+ }
+ public static get sidePageCloseButtonClickAreaBottom() {
+ return this.modalCloseButtonClickAreaBottom;
+ }
+ public static get sidePageCloseButtonClickAreaLeft() {
+ return this.modalCloseButtonClickAreaLeft;
+ }
+ public static get sidePageCloseButtonClickAreaRight() {
+ return this.modalCloseButtonClickAreaRight;
+ }
+ public static get sidePageCloseButtonFixedClickAreaTop() {
+ return this.sidePageCloseButtonFixedClickAreaBottom;
+ }
+ public static sidePageCloseButtonFixedClickAreaBottom = '14px';
+ public static mobileSidePageCloseButtonClickArea = '22px';
+
public static get sidePageFixedHeaderShadow() {
return this.fixedPanelShadow;
}
@@ -921,9 +945,9 @@ export class BasicLightThemeInternal {
public static mobileSidePageHeaderLineHeight = '32px';
public static mobileSidePageHeaderPaddingBottom = '16px';
public static mobileSidePageHeaderPaddingTop = '16px';
- public static mobileSidePageCloseButtonRightPadding = '12px';
public static sidePageHeaderFontWeight = 'bold';
- public static sidePageCloseButtonWrapperOffsetTop = '4px';
+ public static sidePageCloseButtonWrapperFixedOffsetTop = '4px';
+ public static sidePageCloseButtonWrapperOffsetTop = '2px';
//#endregion SidePage
//#region DateInput
public static get dateInputIconColor() {