@fluentui/react-components 9.70.0 → 9.72.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.
Files changed (7) hide show
  1. package/CHANGELOG.md +208 -2
  2. package/dist/index.d.ts +12 -0
  3. package/lib/index.js +3 -3
  4. package/lib/index.js.map +1 -1
  5. package/lib-commonjs/index.js +9 -0
  6. package/lib-commonjs/index.js.map +1 -1
  7. package/package.json +57 -57
package/CHANGELOG.md CHANGED
@@ -1,12 +1,218 @@
1
1
  # Change Log - @fluentui/react-components
2
2
 
3
- This log was last generated on Mon, 08 Sep 2025 12:41:08 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 03 Oct 2025 14:18:14 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.72.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.72.0)
8
+
9
+ Fri, 03 Oct 2025 14:18:14 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.71.0..@fluentui/react-components_v9.72.0)
11
+
12
+ ### Minor changes
13
+
14
+ - `@fluentui/react-components`
15
+ - exports useTreeNavigation hook ([PR #35275](https://github.com/microsoft/fluentui/pull/35275) by patrycja.fogelman@microsoft.com)
16
+ - `@fluentui/react-motion-components-preview`
17
+ - refactor(Collapse): simplify parameter types ([PR #35262](https://github.com/microsoft/fluentui/pull/35262) by robertpenner@microsoft.com)
18
+
19
+ ### Patches
20
+
21
+ - `@fluentui/react-motion-components-preview`
22
+ - fix(Collapse): make size animation work with delay ([PR #35269](https://github.com/microsoft/fluentui/pull/35269) by robertpenner@microsoft.com)
23
+
24
+ ## [9.71.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.71.0)
25
+
26
+ Thu, 02 Oct 2025 15:12:05 GMT
27
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.70.0..@fluentui/react-components_v9.71.0)
28
+
29
+ ### Minor changes
30
+
31
+ - `@fluentui/react-tree`
32
+ - exported 'useTreeNavigation' hook ([PR #35133](https://github.com/microsoft/fluentui/pull/35133) by patrycja.fogelman@microsoft.com)
33
+ - `@fluentui/react-utilities`
34
+ - feat: add the useApplyScrollbarWidth hook for SSR-safe scrollbar width application ([PR #35191](https://github.com/microsoft/fluentui/pull/35191) by dmytrokirpa@microsoft.com)
35
+ - `@fluentui/priority-overflow`
36
+ - fix: overflowMenuSize is included in occupiedSize ([PR #35090](https://github.com/microsoft/fluentui/pull/35090) by vkozlova@microsoft.com)
37
+ - `@fluentui/react-charts`
38
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
39
+ - `@fluentui/react-components`
40
+ - feat(motion): add createMotionComponentVariant factory ([PR #35149](https://github.com/microsoft/fluentui/pull/35149) by robertpenner@microsoft.com)
41
+ - feat: add the useApplyScrollbarWidth hook for SSR-safe scrollbar width application ([PR #35191](https://github.com/microsoft/fluentui/pull/35191) by dmytrokirpa@microsoft.com)
42
+ - `@fluentui/react-menu`
43
+ - Add correct nesting validation for Menu and MenuGridcomponents and subcomponents ([PR #35128](https://github.com/microsoft/fluentui/pull/35128) by adam.samec@gmail.com)
44
+ - `@fluentui/react-menu-grid-preview`
45
+ - Feat(react-menu-grid-preview): Detect invalid MenuGrid nesting ([PR #35128](https://github.com/microsoft/fluentui/pull/35128) by lingfangao@hotmail.com)
46
+ - `@fluentui/react-motion`
47
+ - feat(motion): add createMotionComponentVariant factory ([PR #35149](https://github.com/microsoft/fluentui/pull/35149) by robertpenner@microsoft.com)
48
+ - `@fluentui/react-overflow`
49
+ - feat: add hasHiddenItems option ([PR #35090](https://github.com/microsoft/fluentui/pull/35090) by vkozlova@microsoft.com)
50
+ - `@fluentui/react-table`
51
+ - feat: DataGrid header cells can contain interactive controls ([PR #35187](https://github.com/microsoft/fluentui/pull/35187) by sarah.higley@microsoft.com)
52
+
53
+ ### Patches
54
+
55
+ - `@fluentui/react-textarea`
56
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
57
+ - `@fluentui/react-timepicker-compat`
58
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
59
+ - `@fluentui/react-toast`
60
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
61
+ - fix: Update ToastBody lineheight ([PR #35042](https://github.com/microsoft/fluentui/pull/35042) by lingfangao@hotmail.com)
62
+ - `@fluentui/react-toolbar`
63
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
64
+ - `@fluentui/react-tooltip`
65
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
66
+ - `@fluentui/react-tree`
67
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
68
+ - `@fluentui/react-utilities`
69
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
70
+ - `@fluentui/react-accordion`
71
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
72
+ - `@fluentui/react-aria`
73
+ - fix: fix useTypingAnnounce React 19 type-check issues ([PR #35192](https://github.com/microsoft/fluentui/pull/35192) by dmytrokirpa@microsoft.com)
74
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
75
+ - `@fluentui/react-avatar`
76
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
77
+ - `@fluentui/react-badge`
78
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
79
+ - `@fluentui/react-breadcrumb`
80
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
81
+ - `@fluentui/react-button`
82
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
83
+ - `@fluentui/react-calendar-compat`
84
+ - feat: added reverse Date selection ([PR #34541](https://github.com/microsoft/fluentui/pull/34541) by vkozlova@microsoft.com)
85
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
86
+ - `@fluentui/react-card`
87
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
88
+ - `@fluentui/react-carousel`
89
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
90
+ - `@fluentui/react-charts`
91
+ - fix v9 chart bugs ([PR #35181](https://github.com/microsoft/fluentui/pull/35181) by anushgupta@microsoft.com)
92
+ - fix v9 bugs ([PR #35188](https://github.com/microsoft/fluentui/pull/35188) by anushgupta@microsoft.com)
93
+ - fix chart bugs ([PR #35219](https://github.com/microsoft/fluentui/pull/35219) by anushgupta@microsoft.com)
94
+ - fix date format and multi selection of legends in donut chart ([PR #35163](https://github.com/microsoft/fluentui/pull/35163) by anushgupta@microsoft.com)
95
+ - simple bug fixes ([PR #35201](https://github.com/microsoft/fluentui/pull/35201) by 132879294+v-baambati@users.noreply.github.com)
96
+ - fix styling in chart table ([PR #35156](https://github.com/microsoft/fluentui/pull/35156) by anushgupta@microsoft.com)
97
+ - remove default culture in v9 charts ([PR #35175](https://github.com/microsoft/fluentui/pull/35175) by anushgupta@microsoft.com)
98
+ - fix chart table bugs in v9 ([PR #35171](https://github.com/microsoft/fluentui/pull/35171) by anushgupta@microsoft.com)
99
+ - handled negative sign in RTL mode ([PR #35143](https://github.com/microsoft/fluentui/pull/35143) by anushgupta@microsoft.com)
100
+ - fix dashed line bug in line chart ([PR #35183](https://github.com/microsoft/fluentui/pull/35183) by anushgupta@microsoft.com)
101
+ - `@fluentui/react-checkbox`
102
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
103
+ - `@fluentui/react-color-picker`
104
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
105
+ - `@fluentui/react-combobox`
106
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
107
+ - `@fluentui/react-context-selector`
108
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
109
+ - `@fluentui/react-datepicker-compat`
110
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
111
+ - `@fluentui/react-dialog`
112
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
113
+ - `@fluentui/react-divider`
114
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
115
+ - `@fluentui/react-drawer`
116
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
117
+ - `@fluentui/react-field`
118
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
119
+ - `@fluentui/react-image`
120
+ - fix: apply fit fill styles only if height and width are not provided ([PR #35161](https://github.com/microsoft/fluentui/pull/35161) by vgenaev@gmail.com)
121
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
122
+ - `@fluentui/react-infolabel`
123
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
124
+ - `@fluentui/react-input`
125
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
126
+ - `@fluentui/react-label`
127
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
128
+ - `@fluentui/react-link`
129
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
130
+ - `@fluentui/react-list`
131
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
132
+ - `@fluentui/react-menu`
133
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
134
+ - fix: useValidateNesting ref type React 19 issue ([PR #35221](https://github.com/microsoft/fluentui/pull/35221) by dmytrokirpa@microsoft.com)
135
+ - `@fluentui/react-menu-grid-preview`
136
+ - Allow navigation in MenuGrid submenu of MenuList ([PR #35223](https://github.com/microsoft/fluentui/pull/35223) by adam.samec@gmail.com)
137
+ - Merge onKeyDown handlers for MenuGrid component ([PR #35216](https://github.com/microsoft/fluentui/pull/35216) by adam.samec@gmail.com)
138
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
139
+ - fix: useValidateNesting ref type React 19 issue ([PR #35221](https://github.com/microsoft/fluentui/pull/35221) by dmytrokirpa@microsoft.com)
140
+ - `@fluentui/react-message-bar`
141
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
142
+ - refactor(react-message-bar): migrate slide & fade to motion components ([PR #35168](https://github.com/microsoft/fluentui/pull/35168) by robertpenner@microsoft.com)
143
+ - `@fluentui/react-migration-v0-v9`
144
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
145
+ - `@fluentui/react-migration-v8-v9`
146
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
147
+ - `@fluentui/react-motion`
148
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
149
+ - `@fluentui/react-nav`
150
+ - fix: NavHeader is not included in the arrow nav region ([PR #35111](https://github.com/microsoft/fluentui/pull/35111) by sarah.higley@microsoft.com)
151
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
152
+ - `@fluentui/react-overflow`
153
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
154
+ - `@fluentui/react-persona`
155
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
156
+ - `@fluentui/react-popover`
157
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
158
+ - `@fluentui/react-portal`
159
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
160
+ - `@fluentui/react-portal-compat`
161
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
162
+ - `@fluentui/react-portal-compat-context`
163
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
164
+ - `@fluentui/react-positioning`
165
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
166
+ - `@fluentui/react-progress`
167
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
168
+ - `@fluentui/react-provider`
169
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
170
+ - `@fluentui/react-radio`
171
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
172
+ - `@fluentui/react-rating`
173
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
174
+ - `@fluentui/react-search`
175
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
176
+ - `@fluentui/react-select`
177
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
178
+ - `@fluentui/react-shared-contexts`
179
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
180
+ - `@fluentui/react-skeleton`
181
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
182
+ - `@fluentui/react-slider`
183
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
184
+ - `@fluentui/react-spinbutton`
185
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
186
+ - `@fluentui/react-spinner`
187
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
188
+ - `@fluentui/react-swatch-picker`
189
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
190
+ - `@fluentui/react-switch`
191
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
192
+ - `@fluentui/react-table`
193
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
194
+ - `@fluentui/react-tabs`
195
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
196
+ - `@fluentui/react-tabster`
197
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
198
+ - `@fluentui/react-tag-picker`
199
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
200
+ - fix: render portal only when popover is defined to prevent hydration mismatch ([PR #35182](https://github.com/microsoft/fluentui/pull/35182) by dmytrokirpa@microsoft.com)
201
+ - `@fluentui/react-tags`
202
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
203
+ - `@fluentui/react-teaching-popover`
204
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
205
+ - `@fluentui/react-text`
206
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
207
+
208
+ ### Changes
209
+
210
+ - `@fluentui/global-context`
211
+ - feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
212
+
7
213
  ## [9.70.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.70.0)
8
214
 
9
- Mon, 08 Sep 2025 12:41:08 GMT
215
+ Mon, 08 Sep 2025 12:50:28 GMT
10
216
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.69.0..@fluentui/react-components_v9.70.0)
11
217
 
12
218
  ### Minor changes
package/dist/index.d.ts CHANGED
@@ -278,6 +278,7 @@ import { CreateFocusOutlineStyleOptions } from '@fluentui/react-tabster';
278
278
  import { createHighContrastTheme } from '@fluentui/react-theme';
279
279
  import { createLightTheme } from '@fluentui/react-theme';
280
280
  import { createMotionComponent } from '@fluentui/react-motion';
281
+ import { createMotionComponentVariant } from '@fluentui/react-motion';
281
282
  import { createPresenceComponent } from '@fluentui/react-motion';
282
283
  import { createPresenceComponentVariant } from '@fluentui/react-motion';
283
284
  import { createTableColumn } from '@fluentui/react-table';
@@ -1500,6 +1501,7 @@ import { TreeItemSlots } from '@fluentui/react-tree';
1500
1501
  import { TreeItemState } from '@fluentui/react-tree';
1501
1502
  import { TreeItemValue } from '@fluentui/react-tree';
1502
1503
  import { TreeNavigationData_unstable } from '@fluentui/react-tree';
1504
+ import { TreeNavigationDataParam } from '@fluentui/react-tree';
1503
1505
  import { TreeNavigationEvent_unstable } from '@fluentui/react-tree';
1504
1506
  import { TreeOpenChangeData } from '@fluentui/react-tree';
1505
1507
  import { TreeOpenChangeEvent } from '@fluentui/react-tree';
@@ -1536,6 +1538,7 @@ import { useAppItem_unstable } from '@fluentui/react-nav';
1536
1538
  import { useAppItemStatic_unstable } from '@fluentui/react-nav';
1537
1539
  import { useAppItemStaticStyles_unstable } from '@fluentui/react-nav';
1538
1540
  import { useAppItemStyles_unstable } from '@fluentui/react-nav';
1541
+ import { useApplyScrollbarWidth } from '@fluentui/react-utilities';
1539
1542
  import { useAriaLiveAnnouncer_unstable } from '@fluentui/react-aria';
1540
1543
  import { useAriaLiveAnnouncerContextValues_unstable } from '@fluentui/react-aria';
1541
1544
  import { useArrowNavigationGroup } from '@fluentui/react-tabster';
@@ -2007,6 +2010,7 @@ import { useTreeItemLayoutStyles_unstable } from '@fluentui/react-tree';
2007
2010
  import { useTreeItemPersonaLayout_unstable } from '@fluentui/react-tree';
2008
2011
  import { useTreeItemPersonaLayoutStyles_unstable } from '@fluentui/react-tree';
2009
2012
  import { useTreeItemStyles_unstable } from '@fluentui/react-tree';
2013
+ import { useTreeNavigation } from '@fluentui/react-tree';
2010
2014
  import { useTreeStyles_unstable } from '@fluentui/react-tree';
2011
2015
  import { useTypingAnnounce } from '@fluentui/react-aria';
2012
2016
  import { useUncontrolledFocus } from '@fluentui/react-tabster';
@@ -2574,6 +2578,8 @@ export { createLightTheme }
2574
2578
 
2575
2579
  export { createMotionComponent }
2576
2580
 
2581
+ export { createMotionComponentVariant }
2582
+
2577
2583
  export { createPresenceComponent }
2578
2584
 
2579
2585
  export { createPresenceComponentVariant }
@@ -5018,6 +5024,8 @@ export { TreeItemValue }
5018
5024
 
5019
5025
  export { TreeNavigationData_unstable }
5020
5026
 
5027
+ export { TreeNavigationDataParam }
5028
+
5021
5029
  export { TreeNavigationEvent_unstable }
5022
5030
 
5023
5031
  export { TreeOpenChangeData }
@@ -5090,6 +5098,8 @@ export { useAppItemStaticStyles_unstable }
5090
5098
 
5091
5099
  export { useAppItemStyles_unstable }
5092
5100
 
5101
+ export { useApplyScrollbarWidth }
5102
+
5093
5103
  export { useAriaLiveAnnouncer_unstable }
5094
5104
 
5095
5105
  export { useAriaLiveAnnouncerContextValues_unstable }
@@ -6032,6 +6042,8 @@ export { useTreeItemPersonaLayoutStyles_unstable }
6032
6042
 
6033
6043
  export { useTreeItemStyles_unstable }
6034
6044
 
6045
+ export { useTreeNavigation }
6046
+
6035
6047
  export { useTreeStyles_unstable }
6036
6048
 
6037
6049
  export { useTypingAnnounce }
package/lib/index.js CHANGED
@@ -10,7 +10,7 @@ getNativeElementProps, getIntrinsicElementProps, getPartitionedNativeProps, getS
10
10
  // eslint-disable-next-line @typescript-eslint/no-deprecated
11
11
  getSlots, slot, assertSlots, IdPrefixProvider, resetIdsForTests, // resolveShorthand is deprecated but removing it would be a breaking change
12
12
  // eslint-disable-next-line @typescript-eslint/no-deprecated
13
- resolveShorthand, SSRProvider, useAnimationFrame, useId, useIsomorphicLayoutEffect, useEventCallback, mergeCallbacks, useIsSSR, useMergedRefs, useScrollbarWidth, useSelection, useTimeout, isHTMLElement } from '@fluentui/react-utilities';
13
+ resolveShorthand, SSRProvider, useAnimationFrame, useId, useIsomorphicLayoutEffect, useEventCallback, mergeCallbacks, useIsSSR, useMergedRefs, useApplyScrollbarWidth, useScrollbarWidth, useSelection, useTimeout, isHTMLElement } from '@fluentui/react-utilities';
14
14
  // Components
15
15
  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';
16
16
  export { Avatar, avatarClassNames, renderAvatar_unstable, useAvatar_unstable, useAvatarStyles_unstable, AvatarGroup, avatarGroupClassNames, AvatarGroupItem, avatarGroupItemClassNames, AvatarGroupPopover, avatarGroupPopoverClassNames, AvatarGroupProvider, renderAvatarGroup_unstable, useAvatarGroupContextValues, useAvatarGroupStyles_unstable, useAvatarGroup_unstable, renderAvatarGroupItem_unstable, useAvatarGroupItemStyles_unstable, useAvatarGroupItem_unstable, renderAvatarGroupPopover_unstable, useAvatarGroupPopoverStyles_unstable, useAvatarGroupPopoverContextValues_unstable, useAvatarGroupPopover_unstable, useAvatarGroupContext_unstable, partitionAvatarGroupItems } from '@fluentui/react-avatar';
@@ -48,7 +48,7 @@ export { TableCell, tableCellClassNames, tableCellClassName, useTableCellStyles_
48
48
  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';
49
49
  export { Field, fieldClassNames, FieldContextProvider, renderField_unstable, useFieldContext_unstable, useFieldContextValues_unstable, useFieldControlProps_unstable, useFieldStyles_unstable, useField_unstable } from '@fluentui/react-field';
50
50
  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';
51
- 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';
51
+ 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, useTreeNavigation, 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';
52
52
  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';
53
53
  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';
54
54
  export { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from '@fluentui/react-infolabel';
@@ -61,7 +61,7 @@ export { SearchBox, renderSearchBox_unstable, searchBoxClassNames, useSearchBoxS
61
61
  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';
62
62
  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';
63
63
  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';
64
- export { motionTokens, createMotionComponent, createPresenceComponent, createPresenceComponentVariant, PresenceGroup } from '@fluentui/react-motion';
64
+ export { motionTokens, createMotionComponent, createMotionComponentVariant, createPresenceComponent, createPresenceComponentVariant, PresenceGroup } from '@fluentui/react-motion';
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';