diff --git a/change/@fluentui-react-text-4ec8a8d0-658f-4318-9259-eb36057dbf99.json b/change/@fluentui-react-text-4ec8a8d0-658f-4318-9259-eb36057dbf99.json new file mode 100644 index 00000000000000..8fa5f8d88243a0 --- /dev/null +++ b/change/@fluentui-react-text-4ec8a8d0-658f-4318-9259-eb36057dbf99.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: Adding calls to custom style hooks derived from context.", + "packageName": "@fluentui/react-text", + "email": "gcox@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-text/package.json b/packages/react-components/react-text/package.json index d26921b13059c9..20a609c4b63833 100644 --- a/packages/react-components/react-text/package.json +++ b/packages/react-components/react-text/package.json @@ -32,8 +32,9 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@griffel/react": "^1.5.2", + "@fluentui/react-shared-contexts": "^9.3.0", "@fluentui/react-theme": "^9.1.5", + "@griffel/react": "^1.5.2", "@fluentui/react-utilities": "^9.7.0", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-text/src/components/Text/Text.tsx b/packages/react-components/react-text/src/components/Text/Text.tsx index 697c6c1d57f655..f9ca2632f0f947 100644 --- a/packages/react-components/react-text/src/components/Text/Text.tsx +++ b/packages/react-components/react-text/src/components/Text/Text.tsx @@ -4,6 +4,7 @@ import { renderText_unstable } from './renderText'; import { useTextStyles_unstable } from './useTextStyles'; import type { TextProps } from './Text.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts'; /** * Typography and styling abstraction component used to ensure consistency of text. @@ -13,6 +14,9 @@ export const Text: ForwardRefComponent = React.forwardRef((props, ref useTextStyles_unstable(state); + const { useTextStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable(); + useCustomStyles(state); + return renderText_unstable(state); // Work around some small mismatches in inferred types which don't matter in practice }) as ForwardRefComponent;