fix: convert object into function

microsoft · Sep 25, 2023 · 3cabfc3 · 3cabfc3
1 parent da528ba
commit 3cabfc3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 10 deletions.
diff --git a/...react-components/react-drawer/src/components/DrawerInline/useDrawerInlineStyles.styles.ts b/...react-components/react-drawer/src/components/DrawerInline/useDrawerInlineStyles.styles.ts
@@ -4,18 +4,14 @@ import type { SlotClassNames } from '@fluentui/react-utilities';
 import { tokens } from '@fluentui/react-theme';
 
 import type { DrawerInlineSlots, DrawerInlineState } from './DrawerInline.types';
-import {
-  drawerCSSVars,
-  getDrawerDefaultStyles,
-  useDrawerBaseClassNames,
-} from '../../shared/useDrawerBaseStyles.styles';
+import { drawerCSSVars, drawerDefaultStyles, useDrawerBaseClassNames } from '../../shared/useDrawerBaseStyles.styles';
 
 export const drawerInlineClassNames: SlotClassNames<DrawerInlineSlots> = {
   root: 'fui-DrawerInline',
 };
 
 const useDrawerResetStyles = makeResetStyles({
-  ...getDrawerDefaultStyles(),
+  ...drawerDefaultStyles,
   position: 'relative',
   opacity: 0,
   transitionProperty: 'opacity, transform',

diff --git a/...act-components/react-drawer/src/components/DrawerOverlay/useDrawerOverlayStyles.styles.ts b/...act-components/react-drawer/src/components/DrawerOverlay/useDrawerOverlayStyles.styles.ts
@@ -6,7 +6,7 @@ import type { SlotClassNames } from '@fluentui/react-utilities';
 import type { DrawerOverlaySlots, DrawerOverlayState } from './DrawerOverlay.types';
 import {
   drawerCSSVars,
-  getDrawerDefaultStyles,
+  drawerDefaultStyles,
   useDrawerBaseClassNames,
   useDrawerDurationStyles,
 } from '../../shared/useDrawerBaseStyles.styles';
@@ -21,7 +21,7 @@ export const drawerOverlayClassNames: Omit<SlotClassNames<DrawerOverlaySlots>, '
  */
 const useDrawerRootStyles = makeStyles({
   root: {
-    ...getDrawerDefaultStyles(),
+    ...drawerDefaultStyles,
     position: 'fixed',
     top: 0,
     bottom: 0,

diff --git a/packages/react-components/react-drawer/src/shared/useDrawerBaseStyles.styles.ts b/packages/react-components/react-drawer/src/shared/useDrawerBaseStyles.styles.ts
@@ -13,7 +13,7 @@ export const drawerCSSVars = {
 /**
  * Default shared styles for the Drawer component
  */
-export const getDrawerDefaultStyles = (): GriffelStyle => ({
+export const drawerDefaultStyles: GriffelStyle = {
   ...shorthands.padding(0),
   ...shorthands.overflow('hidden'),
   ...shorthands.borderRadius(0),
@@ -28,7 +28,7 @@ export const getDrawerDefaultStyles = (): GriffelStyle => ({
   alignItems: 'flex-start',
   justifyContent: 'flex-start',
   backgroundColor: tokens.colorNeutralBackground1,
-});
+};
 
 /**
  * Shared dynamic styles for the Drawer component