breaking: stop exporting useTheme() hook (#21257)

* breaking: stop exporting useTheme hook * Change files * update API
microsoft · Jan 12, 2022 · 7d40205 · 7d40205
1 parent dfb5538
commit 7d40205
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/change/@fluentui-react-components-c4676f9d-868b-4612-8296-8a30d56a2a12.json b/change/@fluentui-react-components-c4676f9d-868b-4612-8296-8a30d56a2a12.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "breaking: stop exporting useTheme hook",
+  "packageName": "@fluentui/react-components",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/etc/react-components.api.md b/packages/react-components/etc/react-components.api.md
@@ -284,6 +284,7 @@ import { ToggleButton } from '@fluentui/react-button';
 import { toggleButtonClassName } from '@fluentui/react-button';
 import { ToggleButtonProps } from '@fluentui/react-button';
 import { ToggleButtonState } from '@fluentui/react-button';
+import { tokens } from '@fluentui/react-theme';
 import { Tooltip } from '@fluentui/react-tooltip';
 import { tooltipClassName } from '@fluentui/react-tooltip';
 import { TooltipProps } from '@fluentui/react-tooltip';
@@ -366,7 +367,6 @@ import { useSplitButton } from '@fluentui/react-button';
 import { useSplitButtonStyles } from '@fluentui/react-button';
 import { useText } from '@fluentui/react-text';
 import { useTextStyles } from '@fluentui/react-text';
-import { useTheme } from '@fluentui/react-provider';
 import { useToggleButton } from '@fluentui/react-button';
 import { useToggleButtonStyles } from '@fluentui/react-button';
 import { useTooltip } from '@fluentui/react-tooltip';
@@ -935,6 +935,8 @@ export { ToggleButtonProps }
 
 export { ToggleButtonState }
 
+export { tokens }
+
 export { Tooltip }
 
 export { tooltipClassName }
@@ -1099,8 +1101,6 @@ export { useText }
 
 export { useTextStyles }
 
-export { useTheme }
-
 export { useToggleButton }
 
 export { useToggleButtonStyles }

diff --git a/packages/react-components/src/index.ts b/packages/react-components/src/index.ts
@@ -20,7 +20,6 @@ export {
   useFluentProvider,
   useFluentProviderContextValues,
   useFluentProviderStyles,
-  useTheme,
 } from '@fluentui/react-provider';
 export type {
   FluentProviderContextValues,
@@ -37,6 +36,7 @@ export {
   teamsDarkTheme,
   teamsHighContrastTheme,
   teamsLightTheme,
+  tokens,
   webDarkTheme,
   webHighContrastTheme,
   webLightTheme,