diff --git a/change/@fluentui-react-provider-1d59a37a-b2d6-4a70-b80d-0d6fe26ae7dd.json b/change/@fluentui-react-provider-1d59a37a-b2d6-4a70-b80d-0d6fe26ae7dd.json new file mode 100644 index 00000000000000..186d95baabd281 --- /dev/null +++ b/change/@fluentui-react-provider-1d59a37a-b2d6-4a70-b80d-0d6fe26ae7dd.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: invoke useCustomStyleHook_unstable()", + "packageName": "@fluentui/react-provider", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-shared-contexts-6914bf09-e179-4a18-a658-e430a7bcac83.json b/change/@fluentui-react-shared-contexts-6914bf09-e179-4a18-a658-e430a7bcac83.json new file mode 100644 index 00000000000000..1e7c6c17464521 --- /dev/null +++ b/change/@fluentui-react-shared-contexts-6914bf09-e179-4a18-a658-e430a7bcac83.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: invoke useCustomStyleHook_unstable()", + "packageName": "@fluentui/react-shared-contexts", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-toast-d1bade96-d87a-41c1-8a8a-c6bf3d154e58.json b/change/@fluentui-react-toast-d1bade96-d87a-41c1-8a8a-c6bf3d154e58.json new file mode 100644 index 00000000000000..ee3314bf1df0c0 --- /dev/null +++ b/change/@fluentui-react-toast-d1bade96-d87a-41c1-8a8a-c6bf3d154e58.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: invoke useCustomStyleHook_unstable()", + "packageName": "@fluentui/react-toast", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-provider/etc/react-provider.api.md b/packages/react-components/react-provider/etc/react-provider.api.md index 4bd299f63dffda..1200c26ea70e70 100644 --- a/packages/react-components/react-provider/etc/react-provider.api.md +++ b/packages/react-components/react-provider/etc/react-provider.api.md @@ -133,6 +133,7 @@ export const FluentProvider: React_2.ForwardRefExoticComponent void; useMessageBarActionsStyles_unstable: (state: unknown) => void; useMessageBarGroupStyles_unstable: (state: unknown) => void; + useToasterStyles_unstable: (state: unknown) => void; }> | undefined; dir?: "ltr" | "rtl" | undefined; targetDocument?: Document | undefined; diff --git a/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md b/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md index fbb370f7038dcc..a364a634251500 100644 --- a/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md +++ b/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md @@ -128,6 +128,7 @@ export const CustomStyleHooksContext_unstable: React_2.Context | undefined>; // @public (undocumented) @@ -237,6 +238,7 @@ export type CustomStyleHooksContextValue_unstable = Partial<{ useMessageBarTitleStyles_unstable: CustomStyleHook; useMessageBarActionsStyles_unstable: CustomStyleHook; useMessageBarGroupStyles_unstable: CustomStyleHook; + useToasterStyles_unstable: CustomStyleHook; }>; // @internal (undocumented) @@ -346,6 +348,7 @@ export const CustomStyleHooksProvider_unstable: React_2.Provider | undefined>; // @internal (undocumented) diff --git a/packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts b/packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts index 6c27e5479f7e4d..f2a0139e3c08c4 100644 --- a/packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts +++ b/packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts @@ -111,6 +111,7 @@ export type CustomStyleHooksContextValue = Partial<{ useMessageBarTitleStyles_unstable: CustomStyleHook; useMessageBarActionsStyles_unstable: CustomStyleHook; useMessageBarGroupStyles_unstable: CustomStyleHook; + useToasterStyles_unstable: CustomStyleHook; }>; /** diff --git a/packages/react-components/react-toast/src/components/Toaster/Toaster.tsx b/packages/react-components/react-toast/src/components/Toaster/Toaster.tsx index b4dc9d944193aa..df0b58e093a89f 100644 --- a/packages/react-components/react-toast/src/components/Toaster/Toaster.tsx +++ b/packages/react-components/react-toast/src/components/Toaster/Toaster.tsx @@ -1,4 +1,6 @@ +import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; import * as React from 'react'; + import { useToaster_unstable } from './useToaster'; import { renderToaster_unstable } from './renderToaster'; import { useToasterStyles_unstable } from './useToasterStyles.styles'; @@ -11,6 +13,7 @@ export const Toaster: React.FC = props => { const state = useToaster_unstable(props); useToasterStyles_unstable(state); + useCustomStyleHook_unstable('useToasterStyles_unstable')(state); return renderToaster_unstable(state); };