feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-table/lib/components/TableBody/useTableBodyStyles.styles.raw.js

@@ -0,0 +1,27 @@
+'use client';
+import { mergeClasses, makeStyles } from '@griffel/react';
+const useTableLayoutStyles = makeStyles({
+    root: {
+        display: 'table-row-group'
+    }
+});
+const useFlexLayoutStyles = makeStyles({
+    root: {
+        display: 'block'
+    }
+});
+export const tableBodyClassName = 'fui-TableBody';
+export const tableBodyClassNames = {
+    root: 'fui-TableBody'
+};
+/**
+ * Apply styling to the TableBody slots based on the state
+ */ export const useTableBodyStyles_unstable = (state)=>{
+    'use no memo';
+    const layoutStyles = {
+        table: useTableLayoutStyles(),
+        flex: useFlexLayoutStyles()
+    };
+    state.root.className = mergeClasses(tableBodyClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);
+    return state;
+};