diff --git a/change/@fluentui-react-provider-b4ae6507-5ab8-4993-a09e-817306d5b73e.json b/change/@fluentui-react-provider-b4ae6507-5ab8-4993-a09e-817306d5b73e.json new file mode 100644 index 00000000000000..b6184b55e41f70 --- /dev/null +++ b/change/@fluentui-react-provider-b4ae6507-5ab8-4993-a09e-817306d5b73e.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: Update IconDirectionContextProvider imports to use export map", + "packageName": "@fluentui/react-provider", + "email": "ololubek@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 efde2f0d520b9a..a268c963110d75 100644 --- a/packages/react-components/react-provider/etc/react-provider.api.md +++ b/packages/react-components/react-provider/etc/react-provider.api.md @@ -4,12 +4,10 @@ ```ts -/// - import { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; import type { CustomStyleHooksContextValue_unstable } from '@fluentui/react-shared-contexts'; -import type { IconDirectionContextValue } from '@fluentui/react-icons'; +import type { IconDirectionContextValue } from '@fluentui/react-icons/lib/providers'; import { OverridesContextValue_unstable } from '@fluentui/react-shared-contexts'; import type { PartialTheme } from '@fluentui/react-theme'; import type { ProviderContextValue_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.types.ts b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.types.ts index e5f41f495076b4..4820905d6c014b 100644 --- a/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.types.ts +++ b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.types.ts @@ -1,4 +1,9 @@ -import type { IconDirectionContextValue } from '@fluentui/react-icons'; +/* + IconDirectionContextValue is being imported as a leaf node import in order to prevent extra icons froms being + downloaded when trying to use the FluentProvider. + This issue has more context: https://github.com/microsoft/fluentui/issues/30909 +*/ +import type { IconDirectionContextValue } from '@fluentui/react-icons/lib/providers'; import type { OverridesContextValue_unstable as OverridesContextValue, ProviderContextValue_unstable as ProviderContextValue, diff --git a/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx b/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx index b5a5a037137850..60b86a1f960499 100644 --- a/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx +++ b/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx @@ -12,7 +12,7 @@ import { CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue, } from '@fluentui/react-shared-contexts'; import type { FluentProviderContextValues, FluentProviderState, FluentProviderSlots } from './FluentProvider.types'; -import { IconDirectionContextProvider } from '@fluentui/react-icons'; +import { IconDirectionContextProvider } from '@fluentui/react-icons/lib/providers'; /** * Render the final JSX of FluentProvider