feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-toast/lib/components/AriaLive/useAriaLiveStyles.styles.raw.js

@@ -0,0 +1,26 @@
+'use client';
+import { mergeClasses, makeResetStyles } from '@griffel/react';
+export const ariaLiveClassNames = {
+    assertive: 'fui-AriaLive__assertive',
+    polite: 'fui-AriaLive__polite'
+};
+/**
+ * Styles for the root slot
+ */ const useResetStyles = makeResetStyles({
+    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;
+};