fix(react-toast): invoke useCustomStyleHook_unstable() (#29632)

Author: layershifter

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"
+}

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"
+}

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"
+}

packages/react-components/react-provider/etc/react-provider.api.md

@@ -133,6 +133,7 @@ export const FluentProvider: React_2.ForwardRefExoticComponent<Omit<ComponentPro
         useMessageBarTitleStyles_unstable: (state: unknown) => void;
         useMessageBarActionsStyles_unstable: (state: unknown) => void;
         useMessageBarGroupStyles_unstable: (state: unknown) => void;
+        useToasterStyles_unstable: (state: unknown) => void;
     }> | undefined;
     dir?: "ltr" | "rtl" | undefined;
     targetDocument?: Document | undefined;

packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md

@@ -128,6 +128,7 @@ export const CustomStyleHooksContext_unstable: React_2.Context<Partial<{
     useMessageBarTitleStyles_unstable: CustomStyleHook;
     useMessageBarActionsStyles_unstable: CustomStyleHook;
     useMessageBarGroupStyles_unstable: CustomStyleHook;
+    useToasterStyles_unstable: CustomStyleHook;
 }> | 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<Partial<{
     useMessageBarTitleStyles_unstable: CustomStyleHook;
     useMessageBarActionsStyles_unstable: CustomStyleHook;
     useMessageBarGroupStyles_unstable: CustomStyleHook;
+    useToasterStyles_unstable: CustomStyleHook;
 }> | undefined>;
 
 // @internal (undocumented)

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;
 }>;
 
 /**

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<ToasterProps> = props => {
   const state = useToaster_unstable(props);
 
   useToasterStyles_unstable(state);
+  useCustomStyleHook_unstable('useToasterStyles_unstable')(state);
   return renderToaster_unstable(state);
 };