diff --git a/change/@fluentui-react-toolbar-3898461e-a785-43d9-9b44-149bb5a84e79.json b/change/@fluentui-react-toolbar-3898461e-a785-43d9-9b44-149bb5a84e79.json new file mode 100644 index 00000000000000..aa632d482a6b3e --- /dev/null +++ b/change/@fluentui-react-toolbar-3898461e-a785-43d9-9b44-149bb5a84e79.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: Remove empty makeStyles call.", + "packageName": "@fluentui/react-toolbar", + "email": "138819425+benlemmon-ms@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.styles.ts b/packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.styles.ts index 40dd882b6a4895..221ba1fddf4f5a 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.styles.ts +++ b/packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.styles.ts @@ -1,24 +1,16 @@ import { SlotClassNames } from '@fluentui/react-utilities'; -import { makeStyles, mergeClasses } from '@griffel/react'; +import { mergeClasses } from '@griffel/react'; import type { ToolbarGroupSlots, ToolbarGroupState } from './ToolbarGroup.types'; export const toolbarGroupClassNames: SlotClassNames = { root: 'fui-ToolbarGroup', }; -/** - * Styles for the root slot - */ -const useStyles = makeStyles({ - root: {}, -}); - /** * Apply styling to the Toolbar slots based on the state */ export const useToolbarGroupStyles_unstable = (state: ToolbarGroupState): ToolbarGroupState => { - const styles = useStyles(); - state.root.className = mergeClasses(toolbarGroupClassNames.root, styles.root, state.root.className); + state.root.className = mergeClasses(toolbarGroupClassNames.root, state.root.className); return state; };