fix(fuselage): ToastBar remove close button from content alert (#1320)

Co-authored-by: Júlia Jaeger Foresti <[email protected]>
RocketChat · Mar 13, 2024 · 06b1d57 · 06b1d57
1 parent b37dd11
commit 06b1d57
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/clever-socks-double.md b/.changeset/clever-socks-double.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": patch
+---
+
+fix(fuselage): `ToastBar` remove close button from content alert
diff --git a/packages/fuselage/src/components/ToastBar/ToastBar.tsx b/packages/fuselage/src/components/ToastBar/ToastBar.tsx
@@ -24,7 +24,6 @@ export function ToastBar({
   time = 5,
   id,
   onClose,
-  buttonLabel = 'Close',
   ...props
 }: ToastBarProps) {
   const iconName =
@@ -74,6 +73,7 @@ export function ToastBar({
       elevation='2nb'
       borderRadius='x4'
       role='alert'
+      aria-labelledby={toastId}
       {...props}
     >
       <div className='rcx-toastbar_inner'>
@@ -91,7 +91,8 @@ export function ToastBar({
               tiny
               onClick={() => onClose(toastId)}
               icon='cross'
-              aria-label={buttonLabel}
+              tabIndex={-1}
+              aria-hidden
             />
           </div>
         )}