diff --git a/.changeset/itchy-coats-argue.md b/.changeset/itchy-coats-argue.md new file mode 100644 index 000000000000..56d78ebcc535 --- /dev/null +++ b/.changeset/itchy-coats-argue.md @@ -0,0 +1,5 @@ +--- +'@ag.ds-next/react': patch +--- + +loading: Announce `'fullscreen'` `LoadingBlanket` assertively. diff --git a/packages/react/src/loading/LoadingBlanket.tsx b/packages/react/src/loading/LoadingBlanket.tsx index cbffdd18fd02..debe83359742 100644 --- a/packages/react/src/loading/LoadingBlanket.tsx +++ b/packages/react/src/loading/LoadingBlanket.tsx @@ -18,7 +18,9 @@ export const LoadingBlanket = ({ - {label} + + {label} + ); diff --git a/packages/react/src/loading/LoadingBlanketLabel.tsx b/packages/react/src/loading/LoadingBlanketLabel.tsx index 7de85b31561c..ab817562d3fd 100644 --- a/packages/react/src/loading/LoadingBlanketLabel.tsx +++ b/packages/react/src/loading/LoadingBlanketLabel.tsx @@ -3,10 +3,14 @@ import { Text } from '../text'; export type LoadingBlanketLabelProps = { children: ReactNode; + role: 'alert' | 'status'; }; -export const LoadingBlanketLabel = ({ children }: LoadingBlanketLabelProps) => ( - +export const LoadingBlanketLabel = ({ + children, + role, +}: LoadingBlanketLabelProps) => ( + {children} );