chore(charts): fix import (#33381)

layershifter · web-flow · commit 7e9766f5d509 · 2024-12-02T12:12:08.000Z
diff --git a/change/@fluentui-react-charts-preview-803c5a15-3686-44e2-827f-e70720369036.json b/change/@fluentui-react-charts-preview-803c5a15-3686-44e2-827f-e70720369036.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: fix import of makeStyles()",
+  "packageName": "@fluentui/react-charts-preview",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charts-preview/library/src/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.ts b/packages/charts/react-charts-preview/library/src/components/HorizontalBarChart/useHorizontalBarChartStyles.styles.ts
@@ -1,4 +1,4 @@
-import { makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';
+import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
 import { HorizontalBarChartProps, HorizontalBarChartStyles, HorizontalBarChartVariant } from './index';
 import type { SlotClassNames } from '@fluentui/react-utilities';

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';`
	`1`	`+import { makeStyles, mergeClasses, shorthands } from '@griffel/react';`
`2`	`2`	`import { tokens, typographyStyles } from '@fluentui/react-theme';`
`3`	`3`	`import { HorizontalBarChartProps, HorizontalBarChartStyles, HorizontalBarChartVariant } from './index';`
`4`	`4`	`import type { SlotClassNames } from '@fluentui/react-utilities';`