feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-breadcrumb/lib/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js

@@ -0,0 +1,24 @@
+'use client';
+import { makeResetStyles, mergeClasses } from '@griffel/react';
+export const breadcrumbClassNames = {
+    root: 'fui-Breadcrumb',
+    list: 'fui-Breadcrumb__list'
+};
+const useListClassName = makeResetStyles({
+    listStyleType: 'none',
+    display: 'flex',
+    alignItems: 'center',
+    margin: 0,
+    padding: 0
+});
+/**
+ * Apply styling to the Breadcrumb slots based on the state
+ */ export const useBreadcrumbStyles_unstable = (state)=>{
+    'use no memo';
+    const listBaseClassName = useListClassName();
+    state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);
+    if (state.list) {
+        state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);
+    }
+    return state;
+};