feat: Fluent UI Outlook Lite + connections mockup

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

@@ -0,0 +1,22 @@
+'use client';
+
+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;
+};