20 lines
826 B
JavaScript
20 lines
826 B
JavaScript
import { mergeClasses, __resetStyles } from '@griffel/react';
|
|
export const ariaLiveClassNames = {
|
|
assertive: 'fui-AriaLive__assertive',
|
|
polite: 'fui-AriaLive__polite'
|
|
};
|
|
/**
|
|
* Styles for the root slot
|
|
*/
|
|
const useResetStyles = /*#__PURE__*/__resetStyles("rrd10u0", null, [".rrd10u0{clip:rect(0px, 0px, 0px, 0px);height:1px;margin:-1px;overflow:hidden;padding:0px;width:1px;position:absolute;}"]);
|
|
/**
|
|
* Apply styling to the AriaLive slots based on the state
|
|
*/
|
|
export const useAriaLiveStyles_unstable = state => {
|
|
'use no memo';
|
|
|
|
const visuallyHidden = useResetStyles();
|
|
state.assertive.className = mergeClasses(visuallyHidden, ariaLiveClassNames.assertive, state.assertive.className);
|
|
state.polite.className = mergeClasses(visuallyHidden, ariaLiveClassNames.polite, state.polite.className);
|
|
return state;
|
|
}; |