@fluentui/react-components 9.62.0 → 9.64.0

package/CHANGELOG.md

@@ -1,12 +1,74 @@
 # Change Log - @fluentui/react-components
 
-This log was last generated on Wed, 16 Apr 2025 19:37:11 GMT and should not be manually modified.
+This log was last generated on Wed, 14 May 2025 18:45:44 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.64.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.64.0)
+
+Wed, 14 May 2025 18:45:44 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.63.0..@fluentui/react-components_v9.64.0)
+
+### Minor changes
+
+- `@fluentui/react-components`
+  - feat: export PositioningConfigurationProvider ([PR #34300](https://github.com/microsoft/fluentui/pull/34300) by olfedias@microsoft.com)
+- `@fluentui/react-motion-components-preview`
+  - refactor(motion): simplify Fade & Scale variant creation with createPresenceComponentVariant ([PR #34042](https://github.com/microsoft/fluentui/pull/34042) by robertpenner@microsoft.com)
+- `@fluentui/react-positioning`
+  - feat: implement shared positioning config ([PR #34300](https://github.com/microsoft/fluentui/pull/34300) by olfedias@microsoft.com)
+
+### Patches
+
+- `@fluentui/react-aria`
+  - fix: update fluent ariaNotify implementation to match new API ([PR #34311](https://github.com/microsoft/fluentui/pull/34311) by sarah.higley@microsoft.com)
+- `@fluentui/react-carousel`
+  - bug: Fix branded carousel nav button colors to be WCAG contrast compliant ([PR #34397](https://github.com/microsoft/fluentui/pull/34397) by mifraser@microsoft.com)
+  - fix: Ensure buttons are disabled when not enough content for circular ([PR #34427](https://github.com/microsoft/fluentui/pull/34427) by mifraser@microsoft.com)
+- `@fluentui/react-charts`
+  - fix(react-charts) Cleanup function removed upstream ([PR #34440](https://github.com/microsoft/fluentui/pull/34440) by 98592573+AtishayMsft@users.noreply.github.com)
+- `@fluentui/react-color-picker`
+  - fix: added touch events for ColorArea ([PR #34328](https://github.com/microsoft/fluentui/pull/34328) by v.kozlova13@gmail.com)
+- `@fluentui/react-components`
+  - fix: icorrect react-infobutton export from suite ([PR #34408](https://github.com/microsoft/fluentui/pull/34408) by vgenaev@gmail.com)
+- `@fluentui/react-motion`
+  - Export child context ([PR #34449](https://github.com/microsoft/fluentui/pull/34449) by charles.assuncao@microsoft.com)
+- `@fluentui/react-portal`
+  - fix: improve support of concurrent mode, work with React 19 ([PR #33978](https://github.com/microsoft/fluentui/pull/33978) by olfedias@microsoft.com)
+- `@fluentui/react-provider`
+  - fix: improve SSR validation ([PR #34175](https://github.com/microsoft/fluentui/pull/34175) by olfedias@microsoft.com)
+- `@fluentui/react-tabs`
+  - fix: filled-circular appearance variant shows selected tab in high contrast ([PR #34294](https://github.com/microsoft/fluentui/pull/34294) by sarah.higley@microsoft.com)
+  - fix: Tab filled (not filled-subtle) appearance has border in WHCM ([PR #34341](https://github.com/microsoft/fluentui/pull/34341) by sarah.higley@microsoft.com)
+- `@fluentui/react-tabster`
+  - Apply focus visible attribute on navigation state change ([PR #34426](https://github.com/microsoft/fluentui/pull/34426) by lingfangao@hotmail.com)
+
+## [9.63.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.63.0)
+
+Thu, 24 Apr 2025 09:59:43 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.62.0..@fluentui/react-components_v9.63.0)
+
+### Minor changes
+
+- `@fluentui/react-components`
+  - feat: Added InfoButton component to react-components package export ([PR #34255](https://github.com/microsoft/fluentui/pull/34255) by terynkum@microsoft.com)
+  - chore: Re-exporting CellRenderFunction from @fluentui/react-components. ([PR #34267](https://github.com/microsoft/fluentui/pull/34267) by Humberto.Morimoto@microsoft.com)
+- `@fluentui/react-infolabel`
+  - Feat: Exported InfoButton types and component ([PR #34255](https://github.com/microsoft/fluentui/pull/34255) by terynkum@microsoft.com)
+
+### Patches
+
+- `@fluentui/chart-utilities`
+  - feat(chart-utilities): Add support for scatter polar chart ([PR #34278](https://github.com/microsoft/fluentui/pull/34278) by atisjai@microsoft.com)
+- `@fluentui/react-charts`
+  - fix(react-charts): Stacked data not showing on callout for Vertical stacked bar chart ([PR #34288](https://github.com/microsoft/fluentui/pull/34288) by 120183316+srmukher@users.noreply.github.com)
+  - High contrast bug fixes ([PR #34284](https://github.com/microsoft/fluentui/pull/34284) by anushgupta@microsoft.com)
+- `@fluentui/react-tabster`
+  - fix:  use useLayoutEffect() for Tabster creation ([PR #34315](https://github.com/microsoft/fluentui/pull/34315) by olfedias@microsoft.com)
+
 ## [9.62.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.62.0)
 
-Wed, 16 Apr 2025 19:37:11 GMT 
+Wed, 16 Apr 2025 19:42:02 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.61.6..@fluentui/react-components_v9.62.0)
 
 ### Minor changes

package/dist/index.d.ts

@@ -207,6 +207,7 @@ import { carouselViewportClassNames } from '@fluentui/react-carousel';
 import { CarouselViewportProps } from '@fluentui/react-carousel';
 import { CarouselViewportSlots } from '@fluentui/react-carousel';
 import { CarouselViewportState } from '@fluentui/react-carousel';
+import { CellRenderFunction } from '@fluentui/react-table';
 import { Checkbox } from '@fluentui/react-checkbox';
 import { checkboxClassNames } from '@fluentui/react-checkbox';
 import { CheckboxOnChangeData } from '@fluentui/react-checkbox';
@@ -465,6 +466,11 @@ import { imageSwatchClassNames } from '@fluentui/react-swatch-picker';
 import { ImageSwatchProps } from '@fluentui/react-swatch-picker';
 import { ImageSwatchSlots } from '@fluentui/react-swatch-picker';
 import { ImageSwatchState } from '@fluentui/react-swatch-picker';
+import { InfoButton } from '@fluentui/react-infolabel';
+import { infoButtonClassNames } from '@fluentui/react-infolabel';
+import { InfoButtonProps } from '@fluentui/react-infolabel';
+import { InfoButtonSlots } from '@fluentui/react-infolabel';
+import { InfoButtonState } from '@fluentui/react-infolabel';
 import { InfoLabel } from '@fluentui/react-infolabel';
 import { infoLabelClassNames } from '@fluentui/react-infolabel';
 import { InfoLabelProps } from '@fluentui/react-infolabel';
@@ -708,6 +714,9 @@ import { PortalMountNodeProvider } from '@fluentui/react-shared-contexts';
 import { PortalProps } from '@fluentui/react-portal';
 import { PortalState } from '@fluentui/react-portal';
 import { PositioningBoundary } from '@fluentui/react-positioning';
+import { PositioningConfigurationFn } from '@fluentui/react-positioning';
+import { PositioningConfigurationFnOptions } from '@fluentui/react-positioning';
+import { PositioningConfigurationProvider } from '@fluentui/react-positioning';
 import { PositioningImperativeRef } from '@fluentui/react-positioning';
 import { PositioningProps } from '@fluentui/react-positioning';
 import { PositioningRect } from '@fluentui/react-positioning';
@@ -840,6 +849,7 @@ import { renderFlatTree_unstable } from '@fluentui/react-tree';
 import { renderFluentProvider_unstable } from '@fluentui/react-provider';
 import { renderImage_unstable } from '@fluentui/react-image';
 import { renderImageSwatch_unstable } from '@fluentui/react-swatch-picker';
+import { renderInfoButton_unstable } from '@fluentui/react-infolabel';
 import { renderInfoLabel_unstable } from '@fluentui/react-infolabel';
 import { renderInlineDrawer_unstable } from '@fluentui/react-drawer';
 import { renderInput_unstable } from '@fluentui/react-input';
@@ -1572,6 +1582,8 @@ import { useImage_unstable } from '@fluentui/react-image';
 import { useImageStyles_unstable } from '@fluentui/react-image';
 import { useImageSwatch_unstable } from '@fluentui/react-swatch-picker';
 import { useImageSwatchStyles_unstable } from '@fluentui/react-swatch-picker';
+import { useInfoButton_unstable } from '@fluentui/react-infolabel';
+import { useInfoButtonStyles_unstable } from '@fluentui/react-infolabel';
 import { useInfoLabel_unstable } from '@fluentui/react-infolabel';
 import { useInfoLabelStyles_unstable } from '@fluentui/react-infolabel';
 import { useInlineDrawer_unstable } from '@fluentui/react-drawer';
@@ -2275,6 +2287,8 @@ export { CarouselViewportSlots }
 
 export { CarouselViewportState }
 
+export { CellRenderFunction }
+
 export { Checkbox }
 
 export { checkboxClassNames }
@@ -2791,6 +2805,16 @@ export { ImageSwatchSlots }
 
 export { ImageSwatchState }
 
+export { InfoButton }
+
+export { infoButtonClassNames }
+
+export { InfoButtonProps }
+
+export { InfoButtonSlots }
+
+export { InfoButtonState }
+
 export { InfoLabel }
 
 export { infoLabelClassNames }
@@ -3277,6 +3301,12 @@ export { PortalState }
 
 export { PositioningBoundary }
 
+export { PositioningConfigurationFn }
+
+export { PositioningConfigurationFnOptions }
+
+export { PositioningConfigurationProvider }
+
 export { PositioningImperativeRef }
 
 export { PositioningProps }
@@ -3541,6 +3571,8 @@ export { renderImage_unstable }
 
 export { renderImageSwatch_unstable }
 
+export { renderInfoButton_unstable }
+
 export { renderInfoLabel_unstable }
 
 export { renderInlineDrawer_unstable }
@@ -5005,6 +5037,10 @@ export { useImageSwatch_unstable }
 
 export { useImageSwatchStyles_unstable }
 
+export { useInfoButton_unstable }
+
+export { useInfoButtonStyles_unstable }
+
 export { useInfoLabel_unstable }
 
 export { useInfoLabelStyles_unstable }

package/lib/index.js

@@ -39,7 +39,7 @@ export { renderTab_unstable, Tab, tabClassNames, useTabStyles_unstable, useTab_u
 export { Body1, Body1Strong, Body1Stronger, Body2, Caption1, Caption1Strong, Caption1Stronger, Caption2, Caption2Strong, Display, LargeTitle, Subtitle1, Subtitle2, Subtitle2Stronger, Text, Title1, Title2, Title3, body1ClassNames, body1StrongClassNames, body1StrongerClassNames, body2ClassNames, caption1ClassNames, caption1StrongClassNames, caption1StrongerClassNames, caption2ClassNames, caption2StrongClassNames, displayClassNames, largeTitleClassNames, subtitle1ClassNames, subtitle2ClassNames, subtitle2StrongerClassNames, textClassNames, title1ClassNames, title2ClassNames, title3ClassNames, renderText_unstable, useText_unstable, useTextStyles_unstable } from '@fluentui/react-text';
 export { Textarea, textareaClassNames, renderTextarea_unstable, useTextarea_unstable, useTextareaStyles_unstable } from '@fluentui/react-textarea';
 export { Tooltip, renderTooltip_unstable, tooltipClassNames, useTooltip_unstable, useTooltipStyles_unstable } from '@fluentui/react-tooltip';
-export { resolvePositioningShorthand } from '@fluentui/react-positioning';
+export { resolvePositioningShorthand, PositioningConfigurationProvider } from '@fluentui/react-positioning';
 export { Dialog, useDialog_unstable, renderDialog_unstable, DialogTitle, dialogTitleClassNames, useDialogTitle_unstable, useDialogTitleStyles_unstable, renderDialogTitle_unstable, DialogTrigger, useDialogTrigger_unstable, renderDialogTrigger_unstable, DialogBody, dialogBodyClassNames, useDialogBody_unstable, useDialogBodyStyles_unstable, renderDialogBody_unstable, DialogActions, dialogActionsClassNames, useDialogActions_unstable, useDialogActionsStyles_unstable, renderDialogActions_unstable, DialogSurface, dialogSurfaceClassNames, useDialogSurface_unstable, useDialogSurfaceStyles_unstable, renderDialogSurface_unstable, DialogContent, dialogContentClassNames, useDialogContentStyles_unstable, useDialogContent_unstable, renderDialogContent_unstable, useDialogContext_unstable, useDialogSurfaceContext_unstable, useDialogSurfaceContextValues_unstable, DialogProvider } from '@fluentui/react-dialog';
 export { ProgressBar, progressBarClassNames, renderProgressBar_unstable, useProgressBarStyles_unstable, useProgressBar_unstable } from '@fluentui/react-progress';
 export { Overflow, OverflowItem, OverflowDivider, useIsOverflowGroupVisible, useIsOverflowItemVisible, useOverflowCount, useOverflowMenu, DATA_OVERFLOWING, DATA_OVERFLOW_MENU, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_DIVIDER, useOverflowVisibility } from '@fluentui/react-overflow';
@@ -52,6 +52,7 @@ export { FlatTree, FlatTreeItem, Tree, TreeItem, TreeItemLayout, TreeItemPersona
 export { Tag, renderTag_unstable, tagClassNames, useTagStyles_unstable, useTag_unstable, InteractionTag, renderInteractionTag_unstable, interactionTagClassNames, useInteractionTagStyles_unstable, useInteractionTag_unstable, useInteractionTagContextValues_unstable, InteractionTagPrimary, interactionTagPrimaryClassNames, renderInteractionTagPrimary_unstable, useInteractionTagPrimaryStyles_unstable, useInteractionTagPrimary_unstable, InteractionTagSecondary, renderInteractionTagSecondary_unstable, interactionTagSecondaryClassNames, useInteractionTagSecondaryStyles_unstable, useInteractionTagSecondary_unstable, TagGroup, renderTagGroup_unstable, tagGroupClassNames, useTagGroupStyles_unstable, useTagGroup_unstable, useTagGroupContextValues_unstable, useTagAvatarContextValues_unstable } from '@fluentui/react-tags';
 export { MessageBar, useMessageBarStyles_unstable, useMessageBar_unstable, renderMessageBar_unstable, messageBarClassNames, MessageBarTitle, useMessageBarTitleStyles_unstable, useMessageBarTitle_unstable, renderMessageBarTitle_unstable, messageBarTitleClassNames, MessageBarActions, useMessageBarActionsStyles_unstable, useMessageBarActions_unstable, renderMessageBarActions_unstable, messageBarActionsClassNames, MessageBarBody, useMessageBarBodyStyles_unstable, useMessageBarBody_unstable, renderMessageBarBody_unstable, messageBarBodyClassNames, MessageBarContextProvider, useMessageBarContext, MessageBarGroup, useMessageBarGroupStyles_unstable, useMessageBarGroup_unstable, renderMessageBarGroup_unstable, messageBarGroupClassNames, useMessageBarContextValue_unstable, useMessageBarActionsContextValue_unstable } from '@fluentui/react-message-bar';
 export { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from '@fluentui/react-infolabel';
+export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from '@fluentui/react-infolabel';
 export { Drawer, renderDrawer_unstable, useDrawerStyles_unstable, useDrawer_unstable, OverlayDrawer, overlayDrawerClassNames, renderOverlayDrawer_unstable, useOverlayDrawerStyles_unstable, useOverlayDrawer_unstable, InlineDrawer, inlineDrawerClassNames, renderInlineDrawer_unstable, useInlineDrawerStyles_unstable, useInlineDrawer_unstable, DrawerBody, drawerBodyClassNames, renderDrawerBody_unstable, useDrawerBodyStyles_unstable, useDrawerBody_unstable, DrawerHeader, drawerHeaderClassNames, renderDrawerHeader_unstable, useDrawerHeaderStyles_unstable, useDrawerHeader_unstable, DrawerHeaderTitle, drawerHeaderTitleClassNames, renderDrawerHeaderTitle_unstable, useDrawerHeaderTitleStyles_unstable, useDrawerHeaderTitle_unstable, DrawerHeaderNavigation, drawerHeaderNavigationClassNames, renderDrawerHeaderNavigation_unstable, useDrawerHeaderNavigationStyles_unstable, useDrawerHeaderNavigation_unstable, DrawerFooter, drawerFooterClassNames, renderDrawerFooter_unstable, useDrawerFooterStyles_unstable, useDrawerFooter_unstable, DrawerProvider, useDrawerContextValue, useDrawerContext_unstable } from '@fluentui/react-drawer';
 export { Breadcrumb, renderBreadcrumb_unstable, useBreadcrumb_unstable, useBreadcrumbStyles_unstable, breadcrumbClassNames, BreadcrumbDivider, breadcrumbDividerClassNames, renderBreadcrumbDivider_unstable, useBreadcrumbDividerStyles_unstable, useBreadcrumbDivider_unstable, BreadcrumbItem, breadcrumbItemClassNames, renderBreadcrumbItem_unstable, useBreadcrumbItemStyles_unstable, useBreadcrumbItem_unstable, partitionBreadcrumbItems, truncateBreadcrumbLongName, truncateBreadcrumLongTooltip, isTruncatableBreadcrumbContent, BreadcrumbButton, breadcrumbButtonClassNames, renderBreadcrumbButton_unstable, useBreadcrumbButtonStyles_unstable, useBreadcrumbButton_unstable, BreadcrumbProvider, useBreadcrumbContext_unstable } from '@fluentui/react-breadcrumb';
 export { AriaLiveAnnouncer, renderAriaLiveAnnouncer_unstable, useAriaLiveAnnouncer_unstable, useAriaLiveAnnouncerContextValues_unstable } from '@fluentui/react-aria';