feat: add support to override drawer styles

marcosmoura · Apr 27, 2023 · 7035ce5 · 7035ce5
1 parent 8f76678
commit 7035ce5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/react-components/react-drawer/src/components/Drawer/Drawer.tsx b/packages/react-components/react-drawer/src/components/Drawer/Drawer.tsx
@@ -4,6 +4,7 @@ import { renderDrawer_unstable } from './renderDrawer';
 import { useDrawerStyles_unstable } from './useDrawerStyles.styles';
 import type { DrawerProps } from './Drawer.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 
 /**
  * Drawer contains supplementary content and are used for complex creation, edit, or management experiences.
@@ -12,6 +13,8 @@ export const Drawer: ForwardRefComponent<DrawerProps> = React.forwardRef((props,
   const state = useDrawer_unstable(props, ref);
 
   useDrawerStyles_unstable(state);
+  useCustomStyleHook_unstable('useDrawerStyles_unstable')(state);
+
   return renderDrawer_unstable(state);
 });
 

diff --git a/...t-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts b/...t-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts
@@ -89,6 +89,7 @@ export type CustomStyleHooksContextValue = Partial<{
   useDataGridHeaderStyles_unstable: CustomStyleHook;
   useDataGridHeaderCellStyles_unstable: CustomStyleHook;
   useDataGridSelectionCellStyles_unstable: CustomStyleHook;
+  useDrawerStyles_unstable: CustomStyleHook;
   useDrawerBodyStyles_unstable: CustomStyleHook;
 }>;