@fluentui/react-components 9.64.0 → 9.65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,12 +1,66 @@
1
1
  # Change Log - @fluentui/react-components
2
2
 
3
- This log was last generated on Wed, 14 May 2025 18:45:44 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 11 Jun 2025 22:29:13 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.65.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.65.0)
8
+
9
+ Wed, 11 Jun 2025 22:29:13 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.64.1..@fluentui/react-components_v9.65.0)
11
+
12
+ ### Minor changes
13
+
14
+ - `@fluentui/react-components`
15
+ - feat: add @fluentui/react-nav to suite ([PR #34631](https://github.com/microsoft/fluentui/pull/34631) by marcosvmmoura@gmail.com)
16
+ - `@fluentui/react-nav`
17
+ - feat: release stable ([PR #34631](https://github.com/microsoft/fluentui/pull/34631) by marcosvmmoura@gmail.com)
18
+
19
+ ### Patches
20
+
21
+ - `@fluentui/react-charts`
22
+ - Fix GaugeChart so it can merge customer provided styles to the chart ([PR #34604](https://github.com/microsoft/fluentui/pull/34604) by emhkimm@gmail.com)
23
+ - fix(react-charts): Move isMonth function to chart-utilities ([PR #34626](https://github.com/microsoft/fluentui/pull/34626) by 98592573+AtishayMsft@users.noreply.github.com)
24
+ - fix accessibility bugs ([PR #34609](https://github.com/microsoft/fluentui/pull/34609) by anushgupta@microsoft.com)
25
+ - `@fluentui/react-color-picker`
26
+ - docs: removed text from preview stage ([PR #34612](https://github.com/microsoft/fluentui/pull/34612) by vkozlova@microsoft.com)
27
+ - `@fluentui/react-positioning`
28
+ - feat: implement useSafeZoneArea() hook ([PR #34445](https://github.com/microsoft/fluentui/pull/34445) by olfedias@microsoft.com)
29
+ - `@fluentui/react-tags`
30
+ - fix: selected Tag and InteractionTag styles are visible in high contrast mode ([PR #34620](https://github.com/microsoft/fluentui/pull/34620) by sarah.higley@microsoft.com)
31
+
32
+ ## [9.64.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.64.1)
33
+
34
+ Fri, 06 Jun 2025 13:15:13 GMT
35
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.64.0..@fluentui/react-components_v9.64.1)
36
+
37
+ ### Minor changes
38
+
39
+ - `@fluentui/react-utilities`
40
+ - feat: add custom RefAttributes interface which is used within ForwardRefComponent to mitigate breaking changes shipped as patch release in @types/react@18.2.61 ([PR #34572](https://github.com/microsoft/fluentui/pull/34572) by martinhochel@microsoft.com)
41
+
42
+ ### Patches
43
+
44
+ - `@fluentui/react-calendar-compat`
45
+ - fix: aria-label for year selection ([PR #34536](https://github.com/microsoft/fluentui/pull/34536) by v.kozlova13@gmail.com)
46
+ - `@fluentui/react-charts`
47
+ - feat(react-charts): Improve formatting and numeric and date labels ([PR #34562](https://github.com/microsoft/fluentui/pull/34562) by 98592573+AtishayMsft@users.noreply.github.com)
48
+ - `@fluentui/react-nav-preview`
49
+ - fix: Change Nav icon display animations to opacity animations ([PR #34452](https://github.com/microsoft/fluentui/pull/34452) by jiangemma@microsoft.com)
50
+ - fix: focus borders being cut-off ([PR #34565](https://github.com/microsoft/fluentui/pull/34565) by marcosvmmoura@gmail.com)
51
+ - `@fluentui/react-slider`
52
+ - fix: adjust focus outline offset ([PR #34538](https://github.com/microsoft/fluentui/pull/34538) by dmytrokirpa@microsoft.com)
53
+ - `@fluentui/react-table`
54
+ - fix(DataGridSelectionCell): should not use `aria-checked` on gridcell ([PR #34503](https://github.com/microsoft/fluentui/pull/34503) by lingfangao@hotmail.com)
55
+ - fix: Single select should not render header selection indicator ([PR #33752](https://github.com/microsoft/fluentui/pull/33752) by lingfangao@hotmail.com)
56
+ - `@fluentui/react-tabster`
57
+ - Bumping Tabster to 8.5.5 ([PR #34395](https://github.com/microsoft/fluentui/pull/34395) by marata@microsoft.com)
58
+ - `@fluentui/react-tree`
59
+ - chore: re-introduce active state style to TreeItemLayout ([PR #34558](https://github.com/microsoft/fluentui/pull/34558) by bernardo.sunderhus@gmail.com)
60
+
7
61
  ## [9.64.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.64.0)
8
62
 
9
- Wed, 14 May 2025 18:45:44 GMT
63
+ Wed, 14 May 2025 18:49:15 GMT
10
64
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.63.0..@fluentui/react-components_v9.64.0)
11
65
 
12
66
  ### Minor changes
package/dist/index.d.ts CHANGED
@@ -44,6 +44,16 @@ import { AlphaSliderSlots } from '@fluentui/react-color-picker';
44
44
  import { AlphaSliderState } from '@fluentui/react-color-picker';
45
45
  import { AnnounceContextValue } from '@fluentui/react-shared-contexts';
46
46
  import { AnnounceProvider } from '@fluentui/react-shared-contexts';
47
+ import { AppItem } from '@fluentui/react-nav';
48
+ import { appItemClassNames } from '@fluentui/react-nav';
49
+ import { AppItemProps } from '@fluentui/react-nav';
50
+ import { AppItemSlots } from '@fluentui/react-nav';
51
+ import { AppItemState } from '@fluentui/react-nav';
52
+ import { AppItemStatic } from '@fluentui/react-nav';
53
+ import { appItemStaticClassNames } from '@fluentui/react-nav';
54
+ import { AppItemStaticProps } from '@fluentui/react-nav';
55
+ import { AppItemStaticSlots } from '@fluentui/react-nav';
56
+ import { AppItemStaticState } from '@fluentui/react-nav';
47
57
  import { AriaLiveAnnouncer } from '@fluentui/react-aria';
48
58
  import { AriaLiveAnnouncerProps } from '@fluentui/react-aria';
49
59
  import { AriaLiveAnnouncerState } from '@fluentui/react-aria';
@@ -450,6 +460,10 @@ import { getSlots } from '@fluentui/react-utilities';
450
460
  import { GriffelRenderer } from '@griffel/react';
451
461
  import { GriffelResetStyle } from '@griffel/react';
452
462
  import { GriffelStyle } from '@griffel/react';
463
+ import { Hamburger } from '@fluentui/react-nav';
464
+ import { hamburgerClassNames } from '@fluentui/react-nav';
465
+ import { HamburgerProps } from '@fluentui/react-nav';
466
+ import { HamburgerState } from '@fluentui/react-nav';
453
467
  import { HeadlessFlatTree } from '@fluentui/react-tree';
454
468
  import { HeadlessFlatTreeItem } from '@fluentui/react-tree';
455
469
  import { HeadlessFlatTreeItemProps } from '@fluentui/react-tree';
@@ -655,7 +669,75 @@ import { MessageBarTransitionContextValue } from '@fluentui/react-message-bar';
655
669
  import { MotionComponentProps } from '@fluentui/react-motion';
656
670
  import { MotionImperativeRef } from '@fluentui/react-motion';
657
671
  import { motionTokens } from '@fluentui/react-motion';
672
+ import { Nav } from '@fluentui/react-nav';
658
673
  import { NavButtonRenderFunction } from '@fluentui/react-carousel';
674
+ import { NavCategory } from '@fluentui/react-nav';
675
+ import { NavCategoryContextValues } from '@fluentui/react-nav';
676
+ import { NavCategoryItem } from '@fluentui/react-nav';
677
+ import { navCategoryItemClassNames } from '@fluentui/react-nav';
678
+ import { NavCategoryItemContextValues } from '@fluentui/react-nav';
679
+ import { NavCategoryItemProps } from '@fluentui/react-nav';
680
+ import { NavCategoryItemProvider } from '@fluentui/react-nav';
681
+ import { NavCategoryItemSlots } from '@fluentui/react-nav';
682
+ import { NavCategoryItemState } from '@fluentui/react-nav';
683
+ import { NavCategoryProps } from '@fluentui/react-nav';
684
+ import { NavCategoryProvider } from '@fluentui/react-nav';
685
+ import { NavCategoryState } from '@fluentui/react-nav';
686
+ import { navClassNames } from '@fluentui/react-nav';
687
+ import { NavContextValue } from '@fluentui/react-nav';
688
+ import { NavContextValues } from '@fluentui/react-nav';
689
+ import { NavDensity } from '@fluentui/react-nav';
690
+ import { NavDivider } from '@fluentui/react-nav';
691
+ import { navDividerClassNames } from '@fluentui/react-nav';
692
+ import { NavDividerProps } from '@fluentui/react-nav';
693
+ import { NavDividerState } from '@fluentui/react-nav';
694
+ import { NavDrawer } from '@fluentui/react-nav';
695
+ import { NavDrawerBody } from '@fluentui/react-nav';
696
+ import { navDrawerBodyClassNames } from '@fluentui/react-nav';
697
+ import { NavDrawerBodyProps } from '@fluentui/react-nav';
698
+ import { NavDrawerBodySlots } from '@fluentui/react-nav';
699
+ import { NavDrawerBodyState } from '@fluentui/react-nav';
700
+ import { navDrawerClassNames } from '@fluentui/react-nav';
701
+ import { NavDrawerFooter } from '@fluentui/react-nav';
702
+ import { navDrawerFooterClassNames } from '@fluentui/react-nav';
703
+ import { NavDrawerFooterProps } from '@fluentui/react-nav';
704
+ import { NavDrawerFooterSlots } from '@fluentui/react-nav';
705
+ import { NavDrawerFooterState } from '@fluentui/react-nav';
706
+ import { NavDrawerHeader } from '@fluentui/react-nav';
707
+ import { navDrawerHeaderClassNames } from '@fluentui/react-nav';
708
+ import { NavDrawerHeaderProps } from '@fluentui/react-nav';
709
+ import { NavDrawerHeaderSlots } from '@fluentui/react-nav';
710
+ import { NavDrawerHeaderState } from '@fluentui/react-nav';
711
+ import { NavDrawerProps } from '@fluentui/react-nav';
712
+ import { NavDrawerSlots } from '@fluentui/react-nav';
713
+ import { NavDrawerState } from '@fluentui/react-nav';
714
+ import { NavItem } from '@fluentui/react-nav';
715
+ import { navItemClassNames } from '@fluentui/react-nav';
716
+ import { NavItemProps } from '@fluentui/react-nav';
717
+ import { NavItemRegisterData } from '@fluentui/react-nav';
718
+ import { NavItemSlots } from '@fluentui/react-nav';
719
+ import { NavItemState } from '@fluentui/react-nav';
720
+ import { NavItemValue } from '@fluentui/react-nav';
721
+ import { NavProps } from '@fluentui/react-nav';
722
+ import { NavProvider } from '@fluentui/react-nav';
723
+ import { NavSectionHeader } from '@fluentui/react-nav';
724
+ import { navSectionHeaderClassNames } from '@fluentui/react-nav';
725
+ import { NavSectionHeaderProps } from '@fluentui/react-nav';
726
+ import { NavSectionHeaderSlots } from '@fluentui/react-nav';
727
+ import { NavSectionHeaderState } from '@fluentui/react-nav';
728
+ import { NavSlots } from '@fluentui/react-nav';
729
+ import { NavState } from '@fluentui/react-nav';
730
+ import { NavSubItem } from '@fluentui/react-nav';
731
+ import { navSubItemClassNames } from '@fluentui/react-nav';
732
+ import { NavSubItemGroup } from '@fluentui/react-nav';
733
+ import { navSubItemGroupClassNames } from '@fluentui/react-nav';
734
+ import { NavSubItemGroupProps } from '@fluentui/react-nav';
735
+ import { NavSubItemGroupSlots } from '@fluentui/react-nav';
736
+ import { NavSubItemGroupState } from '@fluentui/react-nav';
737
+ import { NavSubItemProps } from '@fluentui/react-nav';
738
+ import { NavSubItemSlots } from '@fluentui/react-nav';
739
+ import { NavSubItemState } from '@fluentui/react-nav';
740
+ import { OnNavItemSelectData } from '@fluentui/react-nav';
659
741
  import { OnOpenChangeData } from '@fluentui/react-popover';
660
742
  import { OnSelectionChangeCallback } from '@fluentui/react-utilities';
661
743
  import { OnSelectionChangeData } from '@fluentui/react-utilities';
@@ -782,12 +864,15 @@ import { RatingOnChangeEventData } from '@fluentui/react-rating';
782
864
  import { RatingProps } from '@fluentui/react-rating';
783
865
  import { RatingSlots } from '@fluentui/react-rating';
784
866
  import { RatingState } from '@fluentui/react-rating';
867
+ import { RegisterNavItemEventHandler } from '@fluentui/react-nav';
785
868
  import { RegisterTabEventHandler } from '@fluentui/react-tabs';
786
869
  import { renderAccordion_unstable } from '@fluentui/react-accordion';
787
870
  import { renderAccordionHeader_unstable } from '@fluentui/react-accordion';
788
871
  import { renderAccordionItem_unstable } from '@fluentui/react-accordion';
789
872
  import { renderAccordionPanel_unstable } from '@fluentui/react-accordion';
790
873
  import { renderAlphaSlider_unstable } from '@fluentui/react-color-picker';
874
+ import { renderAppItem_unstable } from '@fluentui/react-nav';
875
+ import { renderAppItemStatic_unstable } from '@fluentui/react-nav';
791
876
  import { renderAriaLiveAnnouncer_unstable } from '@fluentui/react-aria';
792
877
  import { renderAvatar_unstable } from '@fluentui/react-avatar';
793
878
  import { renderAvatarGroup_unstable } from '@fluentui/react-avatar';
@@ -880,6 +965,14 @@ import { renderMessageBarActions_unstable } from '@fluentui/react-message-bar';
880
965
  import { renderMessageBarBody_unstable } from '@fluentui/react-message-bar';
881
966
  import { renderMessageBarGroup_unstable } from '@fluentui/react-message-bar';
882
967
  import { renderMessageBarTitle_unstable } from '@fluentui/react-message-bar';
968
+ import { renderNav_unstable } from '@fluentui/react-nav';
969
+ import { renderNavCategory_unstable } from '@fluentui/react-nav';
970
+ import { renderNavCategoryItem_unstable } from '@fluentui/react-nav';
971
+ import { renderNavDrawer_unstable } from '@fluentui/react-nav';
972
+ import { renderNavItem_unstable } from '@fluentui/react-nav';
973
+ import { renderNavSectionHeader_unstable } from '@fluentui/react-nav';
974
+ import { renderNavSubItem_unstable } from '@fluentui/react-nav';
975
+ import { renderNavSubItemGroup_unstable } from '@fluentui/react-nav';
883
976
  import { renderOption_unstable } from '@fluentui/react-combobox';
884
977
  import { renderOptionGroup_unstable } from '@fluentui/react-combobox';
885
978
  import { renderOverlayDrawer_unstable } from '@fluentui/react-drawer';
@@ -902,6 +995,7 @@ import { renderSlider_unstable } from '@fluentui/react-slider';
902
995
  import { renderSpinButton_unstable } from '@fluentui/react-spinbutton';
903
996
  import { renderSpinner_unstable } from '@fluentui/react-spinner';
904
997
  import { renderSplitButton_unstable } from '@fluentui/react-button';
998
+ import { renderSplitNavItem_unstable } from '@fluentui/react-nav';
905
999
  import { renderSwatchPicker_unstable } from '@fluentui/react-swatch-picker';
906
1000
  import { renderSwatchPickerGrid } from '@fluentui/react-swatch-picker';
907
1001
  import { renderSwatchPickerRow_unstable } from '@fluentui/react-swatch-picker';
@@ -1034,6 +1128,11 @@ import { splitButtonClassNames } from '@fluentui/react-button';
1034
1128
  import { SplitButtonProps } from '@fluentui/react-button';
1035
1129
  import { SplitButtonSlots } from '@fluentui/react-button';
1036
1130
  import { SplitButtonState } from '@fluentui/react-button';
1131
+ import { SplitNavItem } from '@fluentui/react-nav';
1132
+ import { splitNavItemClassNames } from '@fluentui/react-nav';
1133
+ import { SplitNavItemProps } from '@fluentui/react-nav';
1134
+ import { SplitNavItemSlots } from '@fluentui/react-nav';
1135
+ import { SplitNavItemState } from '@fluentui/react-nav';
1037
1136
  import { SSRProvider } from '@fluentui/react-utilities';
1038
1137
  import { StrokeWidthTokens } from '@fluentui/react-theme';
1039
1138
  import { Subtitle1 } from '@fluentui/react-text';
@@ -1428,6 +1527,10 @@ import { useAlphaSlider_unstable } from '@fluentui/react-color-picker';
1428
1527
  import { useAlphaSliderStyles_unstable } from '@fluentui/react-color-picker';
1429
1528
  import { useAnimationFrame } from '@fluentui/react-utilities';
1430
1529
  import { useAnnounce } from '@fluentui/react-shared-contexts';
1530
+ import { useAppItem_unstable } from '@fluentui/react-nav';
1531
+ import { useAppItemStatic_unstable } from '@fluentui/react-nav';
1532
+ import { useAppItemStaticStyles_unstable } from '@fluentui/react-nav';
1533
+ import { useAppItemStyles_unstable } from '@fluentui/react-nav';
1431
1534
  import { useAriaLiveAnnouncer_unstable } from '@fluentui/react-aria';
1432
1535
  import { useAriaLiveAnnouncerContextValues_unstable } from '@fluentui/react-aria';
1433
1536
  import { useArrowNavigationGroup } from '@fluentui/react-tabster';
@@ -1576,6 +1679,8 @@ import { useFocusFinders } from '@fluentui/react-tabster';
1576
1679
  import { useFocusObserved } from '@fluentui/react-tabster';
1577
1680
  import { useFocusVisible } from '@fluentui/react-tabster';
1578
1681
  import { useFocusWithin } from '@fluentui/react-tabster';
1682
+ import { useHamburger_unstable } from '@fluentui/react-nav';
1683
+ import { useHamburgerStyles_unstable } from '@fluentui/react-nav';
1579
1684
  import { useHeadlessFlatTree_unstable } from '@fluentui/react-tree';
1580
1685
  import { useId } from '@fluentui/react-utilities';
1581
1686
  import { useImage_unstable } from '@fluentui/react-image';
@@ -1665,6 +1770,35 @@ import { useMessageBarTitle_unstable } from '@fluentui/react-message-bar';
1665
1770
  import { useMessageBarTitleStyles_unstable } from '@fluentui/react-message-bar';
1666
1771
  import { useModalAttributes } from '@fluentui/react-tabster';
1667
1772
  import { UseModalAttributesOptions } from '@fluentui/react-tabster';
1773
+ import { useNav_unstable } from '@fluentui/react-nav';
1774
+ import { useNavCategory_unstable } from '@fluentui/react-nav';
1775
+ import { useNavCategoryContext_unstable } from '@fluentui/react-nav';
1776
+ import { useNavCategoryContextValues_unstable } from '@fluentui/react-nav';
1777
+ import { useNavCategoryItem_unstable } from '@fluentui/react-nav';
1778
+ import { useNavCategoryItemContext_unstable } from '@fluentui/react-nav';
1779
+ import { useNavCategoryItemContextValues_unstable } from '@fluentui/react-nav';
1780
+ import { useNavCategoryItemStyles_unstable } from '@fluentui/react-nav';
1781
+ import { useNavContext_unstable } from '@fluentui/react-nav';
1782
+ import { useNavContextValues_unstable } from '@fluentui/react-nav';
1783
+ import { useNavDivider_unstable } from '@fluentui/react-nav';
1784
+ import { useNavDividerStyles_unstable } from '@fluentui/react-nav';
1785
+ import { useNavDrawer_unstable } from '@fluentui/react-nav';
1786
+ import { useNavDrawerBody_unstable } from '@fluentui/react-nav';
1787
+ import { useNavDrawerBodyStyles_unstable } from '@fluentui/react-nav';
1788
+ import { useNavDrawerFooter_unstable } from '@fluentui/react-nav';
1789
+ import { useNavDrawerFooterStyles_unstable } from '@fluentui/react-nav';
1790
+ import { useNavDrawerHeader_unstable } from '@fluentui/react-nav';
1791
+ import { useNavDrawerHeaderStyles_unstable } from '@fluentui/react-nav';
1792
+ import { useNavDrawerStyles_unstable } from '@fluentui/react-nav';
1793
+ import { useNavItem_unstable } from '@fluentui/react-nav';
1794
+ import { useNavItemStyles_unstable } from '@fluentui/react-nav';
1795
+ import { useNavSectionHeader_unstable } from '@fluentui/react-nav';
1796
+ import { useNavSectionHeaderStyles_unstable } from '@fluentui/react-nav';
1797
+ import { useNavStyles_unstable } from '@fluentui/react-nav';
1798
+ import { useNavSubItem_unstable } from '@fluentui/react-nav';
1799
+ import { useNavSubItemGroup_unstable } from '@fluentui/react-nav';
1800
+ import { useNavSubItemGroupStyles_unstable } from '@fluentui/react-nav';
1801
+ import { useNavSubItemStyles_unstable } from '@fluentui/react-nav';
1668
1802
  import { useObservedElement } from '@fluentui/react-tabster';
1669
1803
  import { useOption_unstable } from '@fluentui/react-combobox';
1670
1804
  import { useOptionGroup_unstable } from '@fluentui/react-combobox';
@@ -1726,6 +1860,8 @@ import { useSpinner_unstable } from '@fluentui/react-spinner';
1726
1860
  import { useSpinnerStyles_unstable } from '@fluentui/react-spinner';
1727
1861
  import { useSplitButton_unstable } from '@fluentui/react-button';
1728
1862
  import { useSplitButtonStyles_unstable } from '@fluentui/react-button';
1863
+ import { useSplitNavItem_unstable } from '@fluentui/react-nav';
1864
+ import { useSplitNavItemStyles_unstable } from '@fluentui/react-nav';
1729
1865
  import { useSubtreeContext_unstable } from '@fluentui/react-tree';
1730
1866
  import { useSwatchPicker_unstable } from '@fluentui/react-swatch-picker';
1731
1867
  import { useSwatchPickerContextValue_unstable } from '@fluentui/react-swatch-picker';
@@ -1961,6 +2097,26 @@ export { AnnounceContextValue }
1961
2097
 
1962
2098
  export { AnnounceProvider }
1963
2099
 
2100
+ export { AppItem }
2101
+
2102
+ export { appItemClassNames }
2103
+
2104
+ export { AppItemProps }
2105
+
2106
+ export { AppItemSlots }
2107
+
2108
+ export { AppItemState }
2109
+
2110
+ export { AppItemStatic }
2111
+
2112
+ export { appItemStaticClassNames }
2113
+
2114
+ export { AppItemStaticProps }
2115
+
2116
+ export { AppItemStaticSlots }
2117
+
2118
+ export { AppItemStaticState }
2119
+
1964
2120
  export { AriaLiveAnnouncer }
1965
2121
 
1966
2122
  export { AriaLiveAnnouncerProps }
@@ -2773,6 +2929,14 @@ export { GriffelResetStyle }
2773
2929
 
2774
2930
  export { GriffelStyle }
2775
2931
 
2932
+ export { Hamburger }
2933
+
2934
+ export { hamburgerClassNames }
2935
+
2936
+ export { HamburgerProps }
2937
+
2938
+ export { HamburgerState }
2939
+
2776
2940
  export { HeadlessFlatTree }
2777
2941
 
2778
2942
  export { HeadlessFlatTreeItem }
@@ -3183,8 +3347,144 @@ export { MotionImperativeRef }
3183
3347
 
3184
3348
  export { motionTokens }
3185
3349
 
3350
+ export { Nav }
3351
+
3186
3352
  export { NavButtonRenderFunction }
3187
3353
 
3354
+ export { NavCategory }
3355
+
3356
+ export { NavCategoryContextValues }
3357
+
3358
+ export { NavCategoryItem }
3359
+
3360
+ export { navCategoryItemClassNames }
3361
+
3362
+ export { NavCategoryItemContextValues }
3363
+
3364
+ export { NavCategoryItemProps }
3365
+
3366
+ export { NavCategoryItemProvider }
3367
+
3368
+ export { NavCategoryItemSlots }
3369
+
3370
+ export { NavCategoryItemState }
3371
+
3372
+ export { NavCategoryProps }
3373
+
3374
+ export { NavCategoryProvider }
3375
+
3376
+ export { NavCategoryState }
3377
+
3378
+ export { navClassNames }
3379
+
3380
+ export { NavContextValue }
3381
+
3382
+ export { NavContextValues }
3383
+
3384
+ export { NavDensity }
3385
+
3386
+ export { NavDivider }
3387
+
3388
+ export { navDividerClassNames }
3389
+
3390
+ export { NavDividerProps }
3391
+
3392
+ export { NavDividerState }
3393
+
3394
+ export { NavDrawer }
3395
+
3396
+ export { NavDrawerBody }
3397
+
3398
+ export { navDrawerBodyClassNames }
3399
+
3400
+ export { NavDrawerBodyProps }
3401
+
3402
+ export { NavDrawerBodySlots }
3403
+
3404
+ export { NavDrawerBodyState }
3405
+
3406
+ export { navDrawerClassNames }
3407
+
3408
+ export { NavDrawerFooter }
3409
+
3410
+ export { navDrawerFooterClassNames }
3411
+
3412
+ export { NavDrawerFooterProps }
3413
+
3414
+ export { NavDrawerFooterSlots }
3415
+
3416
+ export { NavDrawerFooterState }
3417
+
3418
+ export { NavDrawerHeader }
3419
+
3420
+ export { navDrawerHeaderClassNames }
3421
+
3422
+ export { NavDrawerHeaderProps }
3423
+
3424
+ export { NavDrawerHeaderSlots }
3425
+
3426
+ export { NavDrawerHeaderState }
3427
+
3428
+ export { NavDrawerProps }
3429
+
3430
+ export { NavDrawerSlots }
3431
+
3432
+ export { NavDrawerState }
3433
+
3434
+ export { NavItem }
3435
+
3436
+ export { navItemClassNames }
3437
+
3438
+ export { NavItemProps }
3439
+
3440
+ export { NavItemRegisterData }
3441
+
3442
+ export { NavItemSlots }
3443
+
3444
+ export { NavItemState }
3445
+
3446
+ export { NavItemValue }
3447
+
3448
+ export { NavProps }
3449
+
3450
+ export { NavProvider }
3451
+
3452
+ export { NavSectionHeader }
3453
+
3454
+ export { navSectionHeaderClassNames }
3455
+
3456
+ export { NavSectionHeaderProps }
3457
+
3458
+ export { NavSectionHeaderSlots }
3459
+
3460
+ export { NavSectionHeaderState }
3461
+
3462
+ export { NavSlots }
3463
+
3464
+ export { NavState }
3465
+
3466
+ export { NavSubItem }
3467
+
3468
+ export { navSubItemClassNames }
3469
+
3470
+ export { NavSubItemGroup }
3471
+
3472
+ export { navSubItemGroupClassNames }
3473
+
3474
+ export { NavSubItemGroupProps }
3475
+
3476
+ export { NavSubItemGroupSlots }
3477
+
3478
+ export { NavSubItemGroupState }
3479
+
3480
+ export { NavSubItemProps }
3481
+
3482
+ export { NavSubItemSlots }
3483
+
3484
+ export { NavSubItemState }
3485
+
3486
+ export { OnNavItemSelectData }
3487
+
3188
3488
  export { OnOpenChangeData }
3189
3489
 
3190
3490
  export { OnSelectionChangeCallback }
@@ -3437,6 +3737,8 @@ export { RatingSlots }
3437
3737
 
3438
3738
  export { RatingState }
3439
3739
 
3740
+ export { RegisterNavItemEventHandler }
3741
+
3440
3742
  export { RegisterTabEventHandler }
3441
3743
 
3442
3744
  export { renderAccordion_unstable }
@@ -3449,6 +3751,10 @@ export { renderAccordionPanel_unstable }
3449
3751
 
3450
3752
  export { renderAlphaSlider_unstable }
3451
3753
 
3754
+ export { renderAppItem_unstable }
3755
+
3756
+ export { renderAppItemStatic_unstable }
3757
+
3452
3758
  export { renderAriaLiveAnnouncer_unstable }
3453
3759
 
3454
3760
  export { renderAvatar_unstable }
@@ -3633,6 +3939,22 @@ export { renderMessageBarGroup_unstable }
3633
3939
 
3634
3940
  export { renderMessageBarTitle_unstable }
3635
3941
 
3942
+ export { renderNav_unstable }
3943
+
3944
+ export { renderNavCategory_unstable }
3945
+
3946
+ export { renderNavCategoryItem_unstable }
3947
+
3948
+ export { renderNavDrawer_unstable }
3949
+
3950
+ export { renderNavItem_unstable }
3951
+
3952
+ export { renderNavSectionHeader_unstable }
3953
+
3954
+ export { renderNavSubItem_unstable }
3955
+
3956
+ export { renderNavSubItemGroup_unstable }
3957
+
3636
3958
  export { renderOption_unstable }
3637
3959
 
3638
3960
  export { renderOptionGroup_unstable }
@@ -3677,6 +3999,8 @@ export { renderSpinner_unstable }
3677
3999
 
3678
4000
  export { renderSplitButton_unstable }
3679
4001
 
4002
+ export { renderSplitNavItem_unstable }
4003
+
3680
4004
  export { renderSwatchPicker_unstable }
3681
4005
 
3682
4006
  export { renderSwatchPickerGrid }
@@ -3941,6 +4265,16 @@ export { SplitButtonSlots }
3941
4265
 
3942
4266
  export { SplitButtonState }
3943
4267
 
4268
+ export { SplitNavItem }
4269
+
4270
+ export { splitNavItemClassNames }
4271
+
4272
+ export { SplitNavItemProps }
4273
+
4274
+ export { SplitNavItemSlots }
4275
+
4276
+ export { SplitNavItemState }
4277
+
3944
4278
  export { SSRProvider }
3945
4279
 
3946
4280
  export { StrokeWidthTokens }
@@ -4729,6 +5063,14 @@ export { useAnimationFrame }
4729
5063
 
4730
5064
  export { useAnnounce }
4731
5065
 
5066
+ export { useAppItem_unstable }
5067
+
5068
+ export { useAppItemStatic_unstable }
5069
+
5070
+ export { useAppItemStaticStyles_unstable }
5071
+
5072
+ export { useAppItemStyles_unstable }
5073
+
4732
5074
  export { useAriaLiveAnnouncer_unstable }
4733
5075
 
4734
5076
  export { useAriaLiveAnnouncerContextValues_unstable }
@@ -5025,6 +5367,10 @@ export { useFocusVisible }
5025
5367
 
5026
5368
  export { useFocusWithin }
5027
5369
 
5370
+ export { useHamburger_unstable }
5371
+
5372
+ export { useHamburgerStyles_unstable }
5373
+
5028
5374
  export { useHeadlessFlatTree_unstable }
5029
5375
 
5030
5376
  export { useId }
@@ -5203,6 +5549,64 @@ export { useModalAttributes }
5203
5549
 
5204
5550
  export { UseModalAttributesOptions }
5205
5551
 
5552
+ export { useNav_unstable }
5553
+
5554
+ export { useNavCategory_unstable }
5555
+
5556
+ export { useNavCategoryContext_unstable }
5557
+
5558
+ export { useNavCategoryContextValues_unstable }
5559
+
5560
+ export { useNavCategoryItem_unstable }
5561
+
5562
+ export { useNavCategoryItemContext_unstable }
5563
+
5564
+ export { useNavCategoryItemContextValues_unstable }
5565
+
5566
+ export { useNavCategoryItemStyles_unstable }
5567
+
5568
+ export { useNavContext_unstable }
5569
+
5570
+ export { useNavContextValues_unstable }
5571
+
5572
+ export { useNavDivider_unstable }
5573
+
5574
+ export { useNavDividerStyles_unstable }
5575
+
5576
+ export { useNavDrawer_unstable }
5577
+
5578
+ export { useNavDrawerBody_unstable }
5579
+
5580
+ export { useNavDrawerBodyStyles_unstable }
5581
+
5582
+ export { useNavDrawerFooter_unstable }
5583
+
5584
+ export { useNavDrawerFooterStyles_unstable }
5585
+
5586
+ export { useNavDrawerHeader_unstable }
5587
+
5588
+ export { useNavDrawerHeaderStyles_unstable }
5589
+
5590
+ export { useNavDrawerStyles_unstable }
5591
+
5592
+ export { useNavItem_unstable }
5593
+
5594
+ export { useNavItemStyles_unstable }
5595
+
5596
+ export { useNavSectionHeader_unstable }
5597
+
5598
+ export { useNavSectionHeaderStyles_unstable }
5599
+
5600
+ export { useNavStyles_unstable }
5601
+
5602
+ export { useNavSubItem_unstable }
5603
+
5604
+ export { useNavSubItemGroup_unstable }
5605
+
5606
+ export { useNavSubItemGroupStyles_unstable }
5607
+
5608
+ export { useNavSubItemStyles_unstable }
5609
+
5206
5610
  export { useObservedElement }
5207
5611
 
5208
5612
  export { useOption_unstable }
@@ -5325,6 +5729,10 @@ export { useSplitButton_unstable }
5325
5729
 
5326
5730
  export { useSplitButtonStyles_unstable }
5327
5731
 
5732
+ export { useSplitNavItem_unstable }
5733
+
5734
+ export { useSplitNavItemStyles_unstable }
5735
+
5328
5736
  export { useSubtreeContext_unstable }
5329
5737
 
5330
5738
  export { useSwatchPicker_unstable }
package/lib/index.js CHANGED
@@ -65,3 +65,4 @@ export { motionTokens, createMotionComponent, createPresenceComponent, createPre
65
65
  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';
66
66
  export { List, listClassNames, renderList_unstable, useListStyles_unstable, useList_unstable, ListItem, listItemClassNames, renderListItem_unstable, useListItemStyles_unstable, useListItem_unstable } from '@fluentui/react-list';
67
67
  export { ColorSlider, colorSliderClassNames, renderColorSlider_unstable, useColorSliderStyles_unstable, useColorSlider_unstable, ColorPicker, colorPickerClassNames, renderColorPicker_unstable, useColorPickerStyles_unstable, useColorPicker_unstable, ColorArea, colorAreaClassNames, renderColorArea_unstable, useColorAreaStyles_unstable, useColorArea_unstable, AlphaSlider, alphaSliderClassNames, renderAlphaSlider_unstable, useAlphaSliderStyles_unstable, useAlphaSlider_unstable } from '@fluentui/react-color-picker';
68
+ export { Nav, renderNav_unstable, useNav_unstable, useNavStyles_unstable, navClassNames, NavCategory, renderNavCategory_unstable, useNavCategory_unstable, NavCategoryItem, navCategoryItemClassNames, renderNavCategoryItem_unstable, useNavCategoryItem_unstable, useNavCategoryItemStyles_unstable, NavItem, renderNavItem_unstable, useNavItem_unstable, useNavItemStyles_unstable, navItemClassNames, NavProvider, useNavContext_unstable, NavSubItem, renderNavSubItem_unstable, useNavSubItem_unstable, useNavSubItemStyles_unstable, navSubItemClassNames, NavSubItemGroup, renderNavSubItemGroup_unstable, useNavSubItemGroup_unstable, useNavSubItemGroupStyles_unstable, navSubItemGroupClassNames, NavDrawer, navDrawerClassNames, renderNavDrawer_unstable, useNavDrawerStyles_unstable, useNavDrawer_unstable, NavDrawerFooter, navDrawerFooterClassNames, useNavDrawerFooterStyles_unstable, useNavDrawerFooter_unstable, NavDrawerHeader, navDrawerHeaderClassNames, useNavDrawerHeaderStyles_unstable, useNavDrawerHeader_unstable, NavDrawerBody, navDrawerBodyClassNames, useNavDrawerBodyStyles_unstable, useNavDrawerBody_unstable, Hamburger, hamburgerClassNames, useHamburgerStyles_unstable, useHamburger_unstable, NavSectionHeader, navSectionHeaderClassNames, renderNavSectionHeader_unstable, useNavSectionHeaderStyles_unstable, useNavSectionHeader_unstable, NavDivider, navDividerClassNames, useNavDividerStyles_unstable, useNavDivider_unstable, AppItem, appItemClassNames, renderAppItem_unstable, useAppItemStyles_unstable, useAppItem_unstable, AppItemStatic, appItemStaticClassNames, renderAppItemStatic_unstable, useAppItemStaticStyles_unstable, useAppItemStatic_unstable, SplitNavItem, renderSplitNavItem_unstable, splitNavItemClassNames, useSplitNavItemStyles_unstable, useSplitNavItem_unstable, NavCategoryProvider, useNavCategoryContext_unstable, useNavCategoryContextValues_unstable, NavCategoryItemProvider, useNavCategoryItemContext_unstable, useNavCategoryItemContextValues_unstable, useNavContextValues_unstable } from '@fluentui/react-nav';