fix: lift notifications above modal overlay (#2175)

Author: MartinCupela

package.json

@@ -30,7 +30,7 @@
   "dependencies": {
     "@braintree/sanitize-url": "^6.0.4",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "^3.13.0",
+    "@stream-io/stream-chat-css": "^3.14.2",
     "clsx": "^2.0.0",
     "dayjs": "^1.10.4",
     "emoji-mart": "3.0.1",

src/components/MessageList/CustomNotification.tsx

@@ -18,6 +18,7 @@ const UnMemoizedCustomNotification = (props: PropsWithChildren<CustomNotificatio
       className={clsx(
         `str-chat__custom-notification notification-${type}`,
         `str-chat__notification`,
+        `str-chat-react__notification`,
         className,
       )}
       data-testid='custom-notification'

src/components/MessageList/__tests__/CustomNotification.test.js

@@ -23,7 +23,7 @@ describe('CustomNotification', () => {
     expect(tree).toMatchInlineSnapshot(`
       <div
         aria-live="polite"
-        className="str-chat__custom-notification notification-undefined str-chat__notification"
+        className="str-chat__custom-notification notification-undefined str-chat__notification str-chat-react__notification"
         data-testid="custom-notification"
       >
         children

yarn.lock

@@ -2256,10 +2256,10 @@
     crypto-browserify "^3.11.0"
     process-es6 "^0.11.2"
 
-"@stream-io/stream-chat-css@^3.13.0":
-  version "3.13.0"
-  resolved "https://registry.yarnpkg.com/@stream-io/stream-chat-css/-/stream-chat-css-3.13.0.tgz#3c49d17baeddf9d48b4fea377387eca23663b5fe"
-  integrity sha512-dF0VauSvAVeq+71z9zIru2Jpaj9D3yMK5S2+o1RGApYvGXkl07nS3vcPXv9btZ6c1RFskoVnzG/2xb42P0nleA==
+"@stream-io/stream-chat-css@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@stream-io/stream-chat-css/-/stream-chat-css-3.14.2.tgz#11674178b538e2a7630038a420a642d411ce03de"
+  integrity sha512-S54qkFRJ4GwQ0uR36z+m3uv1aYD+Ut/tNG0i/9FpjE/mcqQLcpV7GrTYTfZh0hr5w4m3xJ5N+Mruz/A3BHe5mw==
 
 "@stream-io/transliterate@^1.5.5":
   version "1.5.5"