@fluentui/react-components 9.56.8 → 9.58.0

package/CHANGELOG.md

@@ -1,12 +1,92 @@
 # Change Log - @fluentui/react-components
 
-This log was last generated on Thu, 19 Dec 2024 14:30:31 GMT and should not be manually modified.
+This log was last generated on Wed, 22 Jan 2025 13:55:17 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.58.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.58.0)
+
+Wed, 22 Jan 2025 13:55:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.57.0..@fluentui/react-components_v9.58.0)
+
+### Minor changes
+
+- `@fluentui/react-provider`
+  - fix: Updating FluentProvider types to avoid implicit import in API definition. ([PR #33590](https://github.com/microsoft/fluentui/pull/33590) by makotom@microsoft.com)
+- `@fluentui/react-tag-picker`
+  - feature: single line layout ([PR #32247](https://github.com/microsoft/fluentui/pull/32247) by bernardo.sunderhus@gmail.com)
+- `@fluentui/react-tree`
+  - feature: introduces navigationMode property ([PR #33658](https://github.com/microsoft/fluentui/pull/33658) by bernardo.sunderhus@gmail.com)
+  - feature: TreeRootReset component ([PR #33663](https://github.com/microsoft/fluentui/pull/33663) by bernardo.sunderhus@gmail.com)
+- `@fluentui/react-components`
+  - feature: re-export react-tag-picker context ([PR #32247](https://github.com/microsoft/fluentui/pull/32247) by bernardo.sunderhus@gmail.com)
+  - feature: TreeRootReset component ([PR #33663](https://github.com/microsoft/fluentui/pull/33663) by bernardo.sunderhus@gmail.com)
+- `@fluentui/react-nav-preview`
+  - [BREAKING CHANGE] Replacing NavSize type and size prop with NavDensity type and density prop to avoid collisions with size on base Drawer component.  ([PR #33559](https://github.com/microsoft/fluentui/pull/33559) by matejera@microsoft.com)
+
+### Patches
+
+- `@fluentui/react-spinbutton`
+  - fix spinbutton test ([PR #33680](https://github.com/microsoft/fluentui/pull/33680) by carla.muntean@microsoft.com)
+- `@fluentui/react-tag-picker`
+  - bugfix: secondaryContent not displaying properly ([PR #33689](https://github.com/microsoft/fluentui/pull/33689) by bernardo.sunderhus@gmail.com)
+- `@fluentui/react-tooltip`
+  - fix: wrong call of useIsNavigatingWithKeyboard ([PR #33666](https://github.com/microsoft/fluentui/pull/33666) by viktorgenaev@microsoft.com)
+- `@fluentui/react-utilities`
+  - fix: add autoCorrect and minLength input properties support to getNativeProps utility ([PR #33642](https://github.com/microsoft/fluentui/pull/33642) by dmytrokirpa@microsoft.com)
+- `@fluentui/react-color-picker-preview`
+  - chore: Moving @ctrl/tinycolor dependency to be a caret dependency in production packages. ([PR #33611](https://github.com/microsoft/fluentui/pull/33611) by makotom@microsoft.com)
+  - fix: focus jumps to inputY instead of next element ([PR #33620](https://github.com/microsoft/fluentui/pull/33620) by vkozlova@microsoft.com)
+  - feat: Added `transparent` option to the AlphaSlider ([PR #33572](https://github.com/microsoft/fluentui/pull/33572) by v.kozlova13@gmail.com)
+- `@fluentui/react-link`
+  - fix: support Enter and Space interaction, if rendered as span ([PR #33587](https://github.com/microsoft/fluentui/pull/33587) by vgenaev@gmail.com)
+- `@fluentui/react-migration-v8-v9`
+  - chore: Moving @ctrl/tinycolor dependency to be a caret dependency in production packages. ([PR #33611](https://github.com/microsoft/fluentui/pull/33611) by makotom@microsoft.com)
+- `@fluentui/react-motion`
+  - feat: add extended support for reduced motion ([PR #33353](https://github.com/microsoft/fluentui/pull/33353) by olfedias@microsoft.com)
+- `@fluentui/react-motion-components-preview`
+  - refactor(Collapse): streamline motion atom functions ([PR #33463](https://github.com/microsoft/fluentui/pull/33463) by robertpenner@microsoft.com)
+- `@fluentui/react-nav-preview`
+  - fix: Speeding up animations in Nav. ([PR #33588](https://github.com/microsoft/fluentui/pull/33588) by matejera@microsoft.com)
+  - fix - changing hover animation curve to linear. ([PR #33633](https://github.com/microsoft/fluentui/pull/33633) by matejera@microsoft.com)
+
+## [9.57.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.57.0)
+
+Wed, 08 Jan 2025 18:33:32 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.56.8..@fluentui/react-components_v9.57.0)
+
+### Minor changes
+
+- `@fluentui/react-components`
+  - feat: add @fluentui/react-list to suite ([PR #33378](https://github.com/microsoft/fluentui/pull/33378) by jirivyhnalek@microsoft.com)
+- `@fluentui/react-list`
+  - feat: release stable ([PR #33378](https://github.com/microsoft/fluentui/pull/33378) by jirivyhnalek@microsoft.com)
+- `@fluentui/react-message-bar`
+  - refactor(MessageBar): migrate slide & fade to motion components ([PR #33465](https://github.com/microsoft/fluentui/pull/33465) by robertpenner@microsoft.com)
+- `@fluentui/react-teaching-popover`
+  - fix: accName updates and semantic fixes ([PR #33194](https://github.com/microsoft/fluentui/pull/33194) by sarah.higley@microsoft.com)
+
+### Patches
+
+- `@fluentui/eslint-plugin-react-components`
+  - feat: add prefer-fluentui-v9 rule ([PR #33449](https://github.com/microsoft/fluentui/pull/33449) by dmytrokirpa@microsoft.com)
+- `@fluentui/react-color-picker-preview`
+  - fix: contrast border of thumb ([PR #33526](https://github.com/microsoft/fluentui/pull/33526) by vkozlova@microsoft.com)
+  - feat: added aria-attributes to the ColorPicker ([PR #33543](https://github.com/microsoft/fluentui/pull/33543) by vkozlova@microsoft.com)
+- `@fluentui/react-conformance`
+  - chore: remove usage of "export *" ([PR #33448](https://github.com/microsoft/fluentui/pull/33448) by olfedias@microsoft.com)
+- `@fluentui/react-motion`
+  - fix: handle case when Animation.persist() does not exist ([PR #33282](https://github.com/microsoft/fluentui/pull/33282) by seanmonahan@microsoft.com)
+- `@fluentui/react-positioning`
+  - chore: bump @floating-ui/dom ([PR #33458](https://github.com/microsoft/fluentui/pull/33458) by 863023+radium-v@users.noreply.github.com)
+- `@fluentui/react-tabs`
+  - fix: update tab border color for better visibility in high contrast mode ([PR #33573](https://github.com/microsoft/fluentui/pull/33573) by dmytrokirpa@microsoft.com)
+- `@fluentui/react-toast`
+  - feat: Add intent property to Toast state and useToast hook. Correct media className assignment in useToastTitleStyles. ([PR #33550](https://github.com/microsoft/fluentui/pull/33550) by soumya_tripathy@outlook.com)
+
 ## [9.56.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.56.8)
 
-Thu, 19 Dec 2024 14:30:31 GMT 
+Thu, 19 Dec 2024 14:30:56 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.56.7..@fluentui/react-components_v9.56.8)
 
 ### Patches

package/dist/index.d.ts

@@ -490,6 +490,7 @@ import { linkClassNames } from '@fluentui/react-link';
 import { LinkProps } from '@fluentui/react-link';
 import { LinkSlots } from '@fluentui/react-link';
 import { LinkState } from '@fluentui/react-link';
+import { List } from '@fluentui/react-list';
 import { Listbox } from '@fluentui/react-combobox';
 import { listboxClassNames } from '@fluentui/react-combobox';
 import { ListboxContextValue } from '@fluentui/react-combobox';
@@ -498,6 +499,15 @@ import { ListboxProps } from '@fluentui/react-combobox';
 import { ListboxProvider } from '@fluentui/react-combobox';
 import { ListboxSlots } from '@fluentui/react-combobox';
 import { ListboxState } from '@fluentui/react-combobox';
+import { listClassNames } from '@fluentui/react-list';
+import { ListItem } from '@fluentui/react-list';
+import { listItemClassNames } from '@fluentui/react-list';
+import { ListItemProps } from '@fluentui/react-list';
+import { ListItemSlots } from '@fluentui/react-list';
+import { ListItemState } from '@fluentui/react-list';
+import { ListProps } from '@fluentui/react-list';
+import { ListSlots } from '@fluentui/react-list';
+import { ListState } from '@fluentui/react-list';
 import { makeResetStyles } from '@griffel/react';
 import { makeStaticStyles } from '@griffel/react';
 import { makeStyles } from '@griffel/react';
@@ -810,7 +820,9 @@ import { renderInteractionTagPrimary_unstable } from '@fluentui/react-tags';
 import { renderInteractionTagSecondary_unstable } from '@fluentui/react-tags';
 import { renderLabel_unstable } from '@fluentui/react-label';
 import { renderLink_unstable } from '@fluentui/react-link';
+import { renderList_unstable } from '@fluentui/react-list';
 import { renderListbox_unstable } from '@fluentui/react-combobox';
+import { renderListItem_unstable } from '@fluentui/react-list';
 import { renderMenu_unstable } from '@fluentui/react-menu';
 import { renderMenuButton_unstable } from '@fluentui/react-button';
 import { renderMenuDivider_unstable } from '@fluentui/react-menu';
@@ -1117,6 +1129,7 @@ import { tagPickerButtonClassNames } from '@fluentui/react-tag-picker';
 import { TagPickerButtonProps } from '@fluentui/react-tag-picker';
 import { TagPickerButtonSlots } from '@fluentui/react-tag-picker';
 import { TagPickerButtonState } from '@fluentui/react-tag-picker';
+import { TagPickerContextValue } from '@fluentui/react-tag-picker';
 import { TagPickerContextValues } from '@fluentui/react-tag-picker';
 import { TagPickerControl } from '@fluentui/react-tag-picker';
 import { tagPickerControlClassNames } from '@fluentui/react-tag-picker';
@@ -1350,6 +1363,7 @@ import { TreeOpenChangeData } from '@fluentui/react-tree';
 import { TreeOpenChangeEvent } from '@fluentui/react-tree';
 import { TreeProps } from '@fluentui/react-tree';
 import { TreeProvider } from '@fluentui/react-tree';
+import { TreeRootReset } from '@fluentui/react-tree';
 import { TreeSelectionValue } from '@fluentui/react-tree';
 import { TreeSlots } from '@fluentui/react-tree';
 import { TreeState } from '@fluentui/react-tree';
@@ -1546,10 +1560,14 @@ import { useLabelStyles_unstable } from '@fluentui/react-label';
 import { useLink_unstable } from '@fluentui/react-link';
 import { useLinkState_unstable } from '@fluentui/react-link';
 import { useLinkStyles_unstable } from '@fluentui/react-link';
+import { useList_unstable } from '@fluentui/react-list';
 import { useListbox_unstable } from '@fluentui/react-combobox';
 import { useListboxContext_unstable } from '@fluentui/react-combobox';
 import { useListboxContextValues } from '@fluentui/react-combobox';
 import { useListboxStyles_unstable } from '@fluentui/react-combobox';
+import { useListItem_unstable } from '@fluentui/react-list';
+import { useListItemStyles_unstable } from '@fluentui/react-list';
+import { useListStyles_unstable } from '@fluentui/react-list';
 import { useMenu_unstable } from '@fluentui/react-menu';
 import { useMenuButton_unstable } from '@fluentui/react-button';
 import { useMenuButtonStyles_unstable } from '@fluentui/react-button';
@@ -1711,6 +1729,7 @@ import { useTagGroupStyles_unstable } from '@fluentui/react-tags';
 import { useTagPicker_unstable } from '@fluentui/react-tag-picker';
 import { useTagPickerButton_unstable } from '@fluentui/react-tag-picker';
 import { useTagPickerButtonStyles_unstable } from '@fluentui/react-tag-picker';
+import { useTagPickerContext_unstable } from '@fluentui/react-tag-picker';
 import { useTagPickerControl_unstable } from '@fluentui/react-tag-picker';
 import { useTagPickerControlStyles_unstable } from '@fluentui/react-tag-picker';
 import { useTagPickerFilter } from '@fluentui/react-tag-picker';
@@ -2786,6 +2805,8 @@ export { LinkSlots }
 
 export { LinkState }
 
+export { List }
+
 export { Listbox }
 
 export { listboxClassNames }
@@ -2802,6 +2823,24 @@ export { ListboxSlots }
 
 export { ListboxState }
 
+export { listClassNames }
+
+export { ListItem }
+
+export { listItemClassNames }
+
+export { ListItemProps }
+
+export { ListItemSlots }
+
+export { ListItemState }
+
+export { ListProps }
+
+export { ListSlots }
+
+export { ListState }
+
 export { makeResetStyles }
 
 export { makeStaticStyles }
@@ -3426,8 +3465,12 @@ export { renderLabel_unstable }
 
 export { renderLink_unstable }
 
+export { renderList_unstable }
+
 export { renderListbox_unstable }
 
+export { renderListItem_unstable }
+
 export { renderMenu_unstable }
 
 export { renderMenuButton_unstable }
@@ -4040,6 +4083,8 @@ export { TagPickerButtonSlots }
 
 export { TagPickerButtonState }
 
+export { TagPickerContextValue }
+
 export { TagPickerContextValues }
 
 export { TagPickerControl }
@@ -4506,6 +4551,8 @@ export { TreeProps }
 
 export { TreeProvider }
 
+export { TreeRootReset }
+
 export { TreeSelectionValue }
 
 export { TreeSlots }
@@ -4898,6 +4945,8 @@ export { useLinkState_unstable }
 
 export { useLinkStyles_unstable }
 
+export { useList_unstable }
+
 export { useListbox_unstable }
 
 export { useListboxContext_unstable }
@@ -4906,6 +4955,12 @@ export { useListboxContextValues }
 
 export { useListboxStyles_unstable }
 
+export { useListItem_unstable }
+
+export { useListItemStyles_unstable }
+
+export { useListStyles_unstable }
+
 export { useMenu_unstable }
 
 export { useMenuButton_unstable }
@@ -5228,6 +5283,8 @@ export { useTagPickerButton_unstable }
 
 export { useTagPickerButtonStyles_unstable }
 
+export { useTagPickerContext_unstable }
+
 export { useTagPickerControl_unstable }
 
 export { useTagPickerControlStyles_unstable }

package/lib/index.js

@@ -5,11 +5,11 @@ export { createCustomFocusIndicatorStyle, createFocusOutlineStyle, useArrowNavig
 export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme, themeToTokensObject, teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, tokens, typographyStyles, webDarkTheme, webLightTheme } from '@fluentui/react-theme';
 export { AnnounceProvider, PortalMountNodeProvider, useAnnounce, useFluent_unstable as useFluent, usePortalMountNode, useTooltipVisibility_unstable as useTooltipVisibility, useThemeClassName_unstable as useThemeClassName } from '@fluentui/react-shared-contexts';
 export { // getNativeElementProps is deprecated but removing it would be a breaking change
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 getNativeElementProps, getIntrinsicElementProps, getPartitionedNativeProps, // getSlots is deprecated but removing it would be a breaking change
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 getSlots, slot, assertSlots, IdPrefixProvider, resetIdsForTests, // resolveShorthand is deprecated but removing it would be a breaking change
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 resolveShorthand, SSRProvider, useAnimationFrame, useId, useIsomorphicLayoutEffect, useEventCallback, mergeCallbacks, useIsSSR, useMergedRefs, useScrollbarWidth, useSelection, useTimeout } from '@fluentui/react-utilities';
 // Components
 export { Accordion, AccordionProvider, AccordionHeader, AccordionItem, AccordionItemProvider, AccordionPanel, accordionClassNames, accordionHeaderClassNames, accordionItemClassNames, accordionPanelClassNames, renderAccordion_unstable, renderAccordionHeader_unstable, renderAccordionItem_unstable, renderAccordionPanel_unstable, useAccordion_unstable, useAccordionContext_unstable, useAccordionContextValues_unstable, useAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionItem_unstable, useAccordionItemContext_unstable, useAccordionItemContextValues_unstable, useAccordionItemStyles_unstable, useAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionStyles_unstable } from '@fluentui/react-accordion';
@@ -17,7 +17,7 @@ export { Avatar, avatarClassNames, renderAvatar_unstable, useAvatar_unstable, us
 export { Badge, CounterBadge, PresenceBadge, badgeClassNames, counterBadgeClassNames, presenceBadgeClassNames, renderBadge_unstable, useBadge_unstable, useBadgeStyles_unstable, useCounterBadge_unstable, useCounterBadgeStyles_unstable, usePresenceBadge_unstable, usePresenceBadgeStyles_unstable, presenceAwayRegular, presenceAwayFilled, presenceAvailableRegular, presenceAvailableFilled, presenceBlockedRegular, presenceBusyFilled, presenceDndRegular, presenceDndFilled, presenceOofRegular, presenceOfflineRegular, presenceUnknownRegular } from '@fluentui/react-badge';
 export { Button, CompoundButton, MenuButton, SplitButton, ToggleButton, buttonClassNames, compoundButtonClassNames, menuButtonClassNames, renderButton_unstable, renderCompoundButton_unstable, renderMenuButton_unstable, renderSplitButton_unstable, renderToggleButton_unstable, splitButtonClassNames, toggleButtonClassNames, useButton_unstable, useButtonStyles_unstable, useCompoundButton_unstable, useCompoundButtonStyles_unstable, useMenuButton_unstable, useMenuButtonStyles_unstable, useSplitButton_unstable, useSplitButtonStyles_unstable, useToggleButton_unstable, useToggleButtonStyles_unstable, useToggleState } from '@fluentui/react-button';
 export { Checkbox, checkboxClassNames, renderCheckbox_unstable, useCheckbox_unstable, useCheckboxStyles_unstable } from '@fluentui/react-checkbox';
-export { Combobox, renderCombobox_unstable, comboboxClassNames, useComboboxStyles_unstable, useCombobox_unstable, Dropdown, renderDropdown_unstable, dropdownClassNames, useDropdownStyles_unstable, useDropdown_unstable, Listbox, renderListbox_unstable, listboxClassNames, useListboxStyles_unstable, useListbox_unstable, Option, renderOption_unstable, optionClassNames, useOptionStyles_unstable, useOption_unstable, OptionGroup, renderOptionGroup_unstable, optionGroupClassNames, useOptionGroupStyles_unstable, useOptionGroup_unstable, // eslint-disable-next-line deprecation/deprecation
+export { Combobox, renderCombobox_unstable, comboboxClassNames, useComboboxStyles_unstable, useCombobox_unstable, Dropdown, renderDropdown_unstable, dropdownClassNames, useDropdownStyles_unstable, useDropdown_unstable, Listbox, renderListbox_unstable, listboxClassNames, useListboxStyles_unstable, useListbox_unstable, Option, renderOption_unstable, optionClassNames, useOptionStyles_unstable, useOption_unstable, OptionGroup, renderOptionGroup_unstable, optionGroupClassNames, useOptionGroupStyles_unstable, useOptionGroup_unstable, // eslint-disable-next-line @typescript-eslint/no-deprecated
 ComboboxProvider, useComboboxContextValues, ListboxProvider, useListboxContext_unstable, useListboxContextValues, useComboboxFilter } from '@fluentui/react-combobox';
 export { Divider, dividerClassNames, renderDivider_unstable, useDivider_unstable, useDividerStyles_unstable } from '@fluentui/react-divider';
 export { Input, inputClassNames, renderInput_unstable, useInput_unstable, useInputStyles_unstable } from '@fluentui/react-input';
@@ -48,7 +48,7 @@ export { TableCell, tableCellClassNames, tableCellClassName, useTableCellStyles_
 export { Card, CardFooter, CardHeader, CardPreview, cardClassNames, cardCSSVars, cardFooterClassNames, cardHeaderClassNames, cardHeaderCSSVars, cardPreviewClassNames, renderCard_unstable, renderCardFooter_unstable, renderCardHeader_unstable, renderCardPreview_unstable, useCard_unstable, useCardFooter_unstable, useCardFooterStyles_unstable, useCardHeader_unstable, useCardHeaderStyles_unstable, useCardPreview_unstable, useCardPreviewStyles_unstable, useCardStyles_unstable } from '@fluentui/react-card';
 export { Field, fieldClassNames, FieldContextProvider, renderField_unstable, useFieldContext_unstable, useFieldContextValues_unstable, useFieldControlProps_unstable, useFieldStyles_unstable, useField_unstable } from '@fluentui/react-field';
 export { useToastController, ToastTrigger, useToastTrigger_unstable, renderToastTrigger_unstable, Toaster, useToasterStyles_unstable, useToaster_unstable, renderToaster_unstable, toasterClassNames, Toast, useToastStyles_unstable, useToast_unstable, renderToast_unstable, ToastTitle, useToastTitleStyles_unstable, useToastTitle_unstable, renderToastTitle_unstable, toastTitleClassNames, ToastBody, useToastBodyStyles_unstable, useToastBody_unstable, renderToastBody_unstable, toastBodyClassNames, ToastFooter, useToastFooterStyles_unstable, useToastFooter_unstable, renderToastFooter_unstable, toastFooterClassNames } from '@fluentui/react-toast';
-export { FlatTree, FlatTreeItem, Tree, TreeItem, TreeItemLayout, TreeItemPersonaLayout, TreeItemProvider, TreeProvider, flatTreeClassNames, flattenTree_unstable, renderFlatTree_unstable, renderTreeItemLayout_unstable, renderTreeItemPersonaLayout_unstable, renderTreeItem_unstable, renderTree_unstable, treeClassNames, treeItemClassNames, treeItemLayoutClassNames, treeItemLevelToken, treeItemPersonaLayoutClassNames, useFlatTreeContextValues_unstable, useFlatTreeStyles_unstable, useFlatTree_unstable, useHeadlessFlatTree_unstable, useTreeContextValues_unstable, useTreeContext_unstable, useSubtreeContext_unstable, useTreeItemContextValues_unstable, useTreeItemContext_unstable, useTreeItemLayoutStyles_unstable, useTreeItemLayout_unstable, useTreeItemPersonaLayoutStyles_unstable, useTreeItemPersonaLayout_unstable, useTreeItemStyles_unstable, useTreeItem_unstable, useTreeStyles_unstable, useTree_unstable } from '@fluentui/react-tree';
+export { FlatTree, FlatTreeItem, Tree, TreeItem, TreeItemLayout, TreeItemPersonaLayout, TreeItemProvider, TreeProvider, flatTreeClassNames, flattenTree_unstable, renderFlatTree_unstable, renderTreeItemLayout_unstable, renderTreeItemPersonaLayout_unstable, renderTreeItem_unstable, renderTree_unstable, treeClassNames, treeItemClassNames, treeItemLayoutClassNames, treeItemLevelToken, treeItemPersonaLayoutClassNames, useFlatTreeContextValues_unstable, useFlatTreeStyles_unstable, useFlatTree_unstable, useHeadlessFlatTree_unstable, useTreeContextValues_unstable, useTreeContext_unstable, useSubtreeContext_unstable, useTreeItemContextValues_unstable, useTreeItemContext_unstable, useTreeItemLayoutStyles_unstable, useTreeItemLayout_unstable, useTreeItemPersonaLayoutStyles_unstable, useTreeItemPersonaLayout_unstable, useTreeItemStyles_unstable, useTreeItem_unstable, useTreeStyles_unstable, useTree_unstable, TreeRootReset } from '@fluentui/react-tree';
 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';
@@ -58,7 +58,8 @@ export { AriaLiveAnnouncer, renderAriaLiveAnnouncer_unstable, useAriaLiveAnnounc
 export { Rating, ratingClassNames, renderRating_unstable, useRatingStyles_unstable, useRating_unstable, useRatingContextValues, RatingItem, ratingItemClassNames, renderRatingItem_unstable, useRatingItemStyles_unstable, useRatingItem_unstable, RatingItemProvider, useRatingItemContextValue_unstable, RatingDisplay, ratingDisplayClassNames, renderRatingDisplay_unstable, useRatingDisplayStyles_unstable, useRatingDisplay_unstable, useRatingDisplayContextValues } from '@fluentui/react-rating';
 export { SearchBox, renderSearchBox_unstable, searchBoxClassNames, useSearchBoxStyles_unstable, useSearchBox_unstable } from '@fluentui/react-search';
 export { TeachingPopoverHeader, teachingPopoverHeaderClassNames, renderTeachingPopoverHeader_unstable, useTeachingPopoverHeaderStyles_unstable, useTeachingPopoverHeader_unstable, TeachingPopoverBody, teachingPopoverBodyClassNames, renderTeachingPopoverBody_unstable, useTeachingPopoverBodyStyles_unstable, useTeachingPopoverBody_unstable, TeachingPopoverCarouselCard, teachingPopoverCarouselCardClassNames, renderTeachingPopoverCarouselCard_unstable, useTeachingPopoverCarouselCardStyles_unstable, useTeachingPopoverCarouselCard_unstable, TeachingPopoverCarousel, teachingPopoverCarouselClassNames, renderTeachingPopoverCarousel_unstable, useTeachingPopoverCarouselStyles_unstable, useTeachingPopoverCarousel_unstable, useTeachingPopoverCarouselContextValues_unstable, TeachingPopoverCarouselFooter, teachingPopoverCarouselFooterClassNames, renderTeachingPopoverCarouselFooter_unstable, useTeachingPopoverCarouselFooterStyles_unstable, useTeachingPopoverCarouselFooter_unstable, TeachingPopoverCarouselNav, teachingPopoverCarouselNavClassNames, renderTeachingPopoverCarouselNav_unstable, useTeachingPopoverCarouselNavStyles_unstable, useTeachingPopoverCarouselNav_unstable, TeachingPopoverCarouselNavButton, teachingPopoverCarouselNavButtonClassNames, renderTeachingPopoverCarouselNavButton_unstable, useTeachingPopoverCarouselNavButtonStyles_unstable, useTeachingPopoverCarouselNavButton_unstable, TeachingPopoverSurface, renderTeachingPopoverSurface_unstable, teachingPopoverSurfaceClassNames, useTeachingPopoverSurfaceStyles_unstable, useTeachingPopoverSurface_unstable, TeachingPopoverTitle, teachingPopoverTitleClassNames, renderTeachingPopoverTitle_unstable, useTeachingPopoverTitleStyles_unstable, useTeachingPopoverTitle_unstable, TeachingPopoverTrigger, renderTeachingPopoverTrigger_unstable, useTeachingPopoverTrigger_unstable, TeachingPopover, renderTeachingPopover_unstable, useTeachingPopover_unstable, TeachingPopoverFooter, teachingPopoverFooterClassNames, renderTeachingPopoverFooter_unstable, useTeachingPopoverFooter_unstable, TeachingPopoverCarouselPageCount, renderTeachingPopoverCarouselPageCount_unstable, teachingPopoverCarouselPageCountClassNames, useTeachingPopoverCarouselPageCountStyles_unstable, useTeachingPopoverCarouselPageCount_unstable } from '@fluentui/react-teaching-popover';
-export { TagPicker, renderTagPicker_unstable, useTagPicker_unstable, TagPickerInput, tagPickerInputClassNames, renderTagPickerInput_unstable, useTagPickerInputStyles_unstable, useTagPickerInput_unstable, TagPickerList, tagPickerListClassNames, renderTagPickerList_unstable, useTagPickerListStyles_unstable, useTagPickerList_unstable, TagPickerButton, tagPickerButtonClassNames, renderTagPickerButton_unstable, useTagPickerButtonStyles_unstable, useTagPickerButton_unstable, TagPickerControl, tagPickerControlClassNames, renderTagPickerControl_unstable, useTagPickerControlStyles_unstable, useTagPickerControl_unstable, TagPickerOption, tagPickerOptionClassNames, renderTagPickerOption_unstable, useTagPickerOptionStyles_unstable, useTagPickerOption_unstable, TagPickerGroup, tagPickerGroupClassNames, renderTagPickerGroup_unstable, useTagPickerGroupStyles_unstable, useTagPickerGroup_unstable, TagPickerOptionGroup, tagPickerOptionGroupClassNames, renderTagPickerOptionGroup, useTagPickerOptionGroupStyles, useTagPickerOptionGroup, useTagPickerFilter } from '@fluentui/react-tag-picker';
+export { TagPicker, renderTagPicker_unstable, useTagPicker_unstable, TagPickerInput, tagPickerInputClassNames, renderTagPickerInput_unstable, useTagPickerInputStyles_unstable, useTagPickerInput_unstable, TagPickerList, tagPickerListClassNames, renderTagPickerList_unstable, useTagPickerListStyles_unstable, useTagPickerList_unstable, TagPickerButton, tagPickerButtonClassNames, renderTagPickerButton_unstable, useTagPickerButtonStyles_unstable, useTagPickerButton_unstable, TagPickerControl, tagPickerControlClassNames, renderTagPickerControl_unstable, useTagPickerControlStyles_unstable, useTagPickerControl_unstable, TagPickerOption, tagPickerOptionClassNames, renderTagPickerOption_unstable, useTagPickerOptionStyles_unstable, useTagPickerOption_unstable, TagPickerGroup, tagPickerGroupClassNames, renderTagPickerGroup_unstable, useTagPickerGroupStyles_unstable, useTagPickerGroup_unstable, TagPickerOptionGroup, tagPickerOptionGroupClassNames, renderTagPickerOptionGroup, useTagPickerOptionGroupStyles, useTagPickerOptionGroup, useTagPickerFilter, useTagPickerContext_unstable } from '@fluentui/react-tag-picker';
 export { SwatchPicker, renderSwatchPicker_unstable, useSwatchPickerStyles_unstable, useSwatchPicker_unstable, swatchPickerClassNames, SwatchPickerProvider, swatchPickerContextDefaultValue, useSwatchPickerContextValue_unstable, useSwatchPickerContextValues, ColorSwatch, renderColorSwatch_unstable, useColorSwatchStyles_unstable, useColorSwatch_unstable, colorSwatchClassNames, swatchCSSVars, ImageSwatch, renderImageSwatch_unstable, useImageSwatchStyles_unstable, useImageSwatch_unstable, imageSwatchClassNames, SwatchPickerRow, renderSwatchPickerRow_unstable, useSwatchPickerRowStyles_unstable, useSwatchPickerRow_unstable, swatchPickerRowClassNames, renderSwatchPickerGrid, EmptySwatch, renderEmptySwatch_unstable, useEmptySwatchStyles_unstable, useEmptySwatch_unstable, emptySwatchClassNames } from '@fluentui/react-swatch-picker';
 export { motionTokens, createMotionComponent, createPresenceComponent, createPresenceComponentVariant, PresenceGroup } from '@fluentui/react-motion';
 export { CarouselButton, carouselButtonClassNames, renderCarouselButton_unstable, useCarouselButtonStyles_unstable, useCarouselButton_unstable, CarouselNav, carouselNavClassNames, renderCarouselNav_unstable, useCarouselNavStyles_unstable, useCarouselNav_unstable, CarouselNavButton, carouselNavButtonClassNames, renderCarouselNavButton_unstable, useCarouselNavButtonStyles_unstable, useCarouselNavButton_unstable, Carousel, carouselClassNames, renderCarousel_unstable, useCarouselStyles_unstable, useCarousel_unstable, CarouselCard, carouselCardClassNames, renderCarouselCard_unstable, useCarouselCardStyles_unstable, useCarouselCard_unstable, CarouselAutoplayButton, carouselAutoplayButtonClassNames, renderCarouselAutoplayButton_unstable, useCarouselAutoplayButtonStyles_unstable, useCarouselAutoplayButton_unstable, CarouselNavImageButton, carouselNavImageButtonClassNames, renderCarouselNavImageButton_unstable, useCarouselNavImageButtonStyles_unstable, useCarouselNavImageButton_unstable, CarouselSlider, carouselSliderClassNames, renderCarouselSlider_unstable, useCarouselSliderStyles_unstable, useCarouselSlider_unstable, CarouselNavContainer, carouselNavContainerClassNames, renderCarouselNavContainer_unstable, useCarouselNavContainerStyles_unstable, useCarouselNavContainer_unstable, carouselContextDefaultValue, CarouselProvider, useCarouselContext_unstable, CarouselViewport, carouselViewportClassNames, renderCarouselViewport_unstable, useCarouselViewportStyles_unstable, useCarouselViewport_unstable } from '@fluentui/react-carousel';
+export { List, listClassNames, renderList_unstable, useListStyles_unstable, useList_unstable, ListItem, listItemClassNames, renderListItem_unstable, useListItemStyles_unstable, useListItem_unstable } from '@fluentui/react-list';