@fluentui/react-components 9.0.0-rc.6 → 9.0.0-rc.7

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 (16) hide show
  1. package/CHANGELOG.json +1119 -1
  2. package/CHANGELOG.md +146 -2
  3. package/dist/react-components.d.ts +249 -3
  4. package/lib/index.d.ts +19 -14
  5. package/lib/index.js +91 -13
  6. package/lib/index.js.map +1 -1
  7. package/lib/unstable/index.d.ts +11 -9
  8. package/lib/unstable/index.js +26 -7
  9. package/lib/unstable/index.js.map +1 -1
  10. package/lib-commonjs/index.d.ts +19 -14
  11. package/lib-commonjs/index.js +474 -7
  12. package/lib-commonjs/index.js.map +1 -1
  13. package/lib-commonjs/unstable/index.d.ts +11 -9
  14. package/lib-commonjs/unstable/index.js +134 -23
  15. package/lib-commonjs/unstable/index.js.map +1 -1
  16. package/package.json +28 -29
package/dist/react-components.d.ts CHANGED
@@ -1,11 +1,13 @@
1
1
  import { __styles } from '@griffel/react';
2
2
  import { Accordion } from '@fluentui/react-accordion';
3
3
  import { accordionClassName } from '@fluentui/react-accordion';
4
+ import { accordionClassNames } from '@fluentui/react-accordion';
4
5
  import { AccordionContext } from '@fluentui/react-accordion';
5
6
  import { AccordionContextValue } from '@fluentui/react-accordion';
6
7
  import { AccordionContextValues } from '@fluentui/react-accordion';
7
8
  import { AccordionHeader } from '@fluentui/react-accordion';
8
9
  import { accordionHeaderClassName } from '@fluentui/react-accordion';
10
+ import { accordionHeaderClassNames } from '@fluentui/react-accordion';
9
11
  import { AccordionHeaderContextValue } from '@fluentui/react-accordion';
10
12
  import { AccordionHeaderContextValues } from '@fluentui/react-accordion';
11
13
  import { AccordionHeaderExpandIconPosition } from '@fluentui/react-accordion';
@@ -16,6 +18,7 @@ import { AccordionHeaderState } from '@fluentui/react-accordion';
16
18
  import { AccordionIndex } from '@fluentui/react-accordion';
17
19
  import { AccordionItem } from '@fluentui/react-accordion';
18
20
  import { accordionItemClassName } from '@fluentui/react-accordion';
21
+ import { accordionItemClassNames } from '@fluentui/react-accordion';
19
22
  import { AccordionItemContext } from '@fluentui/react-accordion';
20
23
  import { AccordionItemContextValue } from '@fluentui/react-accordion';
21
24
  import { AccordionItemContextValues } from '@fluentui/react-accordion';
@@ -25,6 +28,7 @@ import { AccordionItemState } from '@fluentui/react-accordion';
25
28
  import { AccordionItemValue } from '@fluentui/react-accordion';
26
29
  import { AccordionPanel } from '@fluentui/react-accordion';
27
30
  import { accordionPanelClassName } from '@fluentui/react-accordion';
31
+ import { accordionPanelClassNames } from '@fluentui/react-accordion';
28
32
  import { AccordionPanelProps } from '@fluentui/react-accordion';
29
33
  import { AccordionPanelSlots } from '@fluentui/react-accordion';
30
34
  import { AccordionPanelState } from '@fluentui/react-accordion';
@@ -37,37 +41,47 @@ import { AccordionToggleEventHandler } from '@fluentui/react-accordion';
37
41
  import { arrowHeights } from '@fluentui/react-popover';
38
42
  import { Avatar } from '@fluentui/react-avatar';
39
43
  import { avatarClassName } from '@fluentui/react-avatar';
44
+ import { avatarClassNames } from '@fluentui/react-avatar';
40
45
  import { AvatarNamedColor } from '@fluentui/react-avatar';
41
46
  import { AvatarProps } from '@fluentui/react-avatar';
42
47
  import { AvatarSlots } from '@fluentui/react-avatar';
43
48
  import { AvatarState } from '@fluentui/react-avatar';
44
49
  import { Badge } from '@fluentui/react-badge';
45
50
  import { badgeClassName } from '@fluentui/react-badge';
51
+ import { badgeClassNames } from '@fluentui/react-badge';
46
52
  import { BadgeProps } from '@fluentui/react-badge';
47
53
  import { BadgeSlots } from '@fluentui/react-badge';
48
54
  import { BadgeState } from '@fluentui/react-badge';
49
55
  import { Body as Body_2 } from '@fluentui/react-text';
50
56
  import { bodyClassName } from '@fluentui/react-text';
57
+ import { bodyClassNames } from '@fluentui/react-text';
51
58
  import { BorderRadiusTokens } from '@fluentui/react-theme';
52
59
  import { BrandVariants } from '@fluentui/react-theme';
53
60
  import { Button } from '@fluentui/react-button';
54
61
  import { buttonClassName } from '@fluentui/react-button';
62
+ import { buttonClassNames } from '@fluentui/react-button';
55
63
  import { ButtonProps } from '@fluentui/react-button';
56
64
  import { ButtonSlots } from '@fluentui/react-button';
57
65
  import { ButtonState } from '@fluentui/react-button';
58
66
  import { Caption } from '@fluentui/react-text';
59
67
  import { captionClassName } from '@fluentui/react-text';
68
+ import { captionClassNames } from '@fluentui/react-text';
60
69
  import { ColorPaletteTokens } from '@fluentui/react-theme';
61
70
  import { ColorTokens } from '@fluentui/react-theme';
71
+ import { ComponentProps } from '@fluentui/react-utilities';
72
+ import { ComponentState } from '@fluentui/react-utilities';
62
73
  import { CompoundButton } from '@fluentui/react-button';
63
74
  import { compoundButtonClassName } from '@fluentui/react-button';
75
+ import { compoundButtonClassNames } from '@fluentui/react-button';
64
76
  import { CompoundButtonProps } from '@fluentui/react-button';
65
77
  import { CompoundButtonSlots } from '@fluentui/react-button';
66
78
  import { CompoundButtonState } from '@fluentui/react-button';
67
79
  import { CounterBadge } from '@fluentui/react-badge';
68
80
  import { counterBadgeClassName } from '@fluentui/react-badge';
81
+ import { counterBadgeClassNames } from '@fluentui/react-badge';
69
82
  import { CounterBadgeProps } from '@fluentui/react-badge';
70
83
  import { CounterBadgeState } from '@fluentui/react-badge';
84
+ import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
71
85
  import { createDarkTheme } from '@fluentui/react-theme';
72
86
  import { createDOMRenderer } from '@griffel/react';
73
87
  import { createHighContrastTheme } from '@fluentui/react-theme';
@@ -75,14 +89,17 @@ import { createLightTheme } from '@fluentui/react-theme';
75
89
  import { createTeamsDarkTheme } from '@fluentui/react-theme';
76
90
  import { Display } from '@fluentui/react-text';
77
91
  import { displayClassName } from '@fluentui/react-text';
92
+ import { displayClassNames } from '@fluentui/react-text';
78
93
  import { Divider } from '@fluentui/react-divider';
79
94
  import { dividerClassName } from '@fluentui/react-divider';
95
+ import { dividerClassNames } from '@fluentui/react-divider';
80
96
  import { DividerProps } from '@fluentui/react-divider';
81
97
  import { DividerSlots } from '@fluentui/react-divider';
82
98
  import { DividerState } from '@fluentui/react-divider';
83
99
  import { elementContains } from '@fluentui/react-portal';
84
100
  import { FluentProvider } from '@fluentui/react-provider';
85
101
  import { fluentProviderClassName } from '@fluentui/react-provider';
102
+ import { fluentProviderClassNames } from '@fluentui/react-provider';
86
103
  import { FluentProviderContextValues } from '@fluentui/react-provider';
87
104
  import { FluentProviderProps } from '@fluentui/react-provider';
88
105
  import { FluentProviderSlots } from '@fluentui/react-provider';
@@ -90,18 +107,27 @@ import { FluentProviderState } from '@fluentui/react-provider';
90
107
  import { FontFamilyTokens } from '@fluentui/react-theme';
91
108
  import { FontSizeTokens } from '@fluentui/react-theme';
92
109
  import { FontWeightTokens } from '@fluentui/react-theme';
110
+ import { ForwardRefComponent } from '@fluentui/react-utilities';
111
+ import { getNativeElementProps } from '@fluentui/react-utilities';
112
+ import { getNativeProps } from '@fluentui/react-utilities';
113
+ import { getPartitionedNativeProps } from '@fluentui/react-utilities';
114
+ import { getSlots } from '@fluentui/react-utilities';
93
115
  import { Headline } from '@fluentui/react-text';
94
116
  import { headlineClassName } from '@fluentui/react-text';
117
+ import { headlineClassNames } from '@fluentui/react-text';
95
118
  import { Image as Image_2 } from '@fluentui/react-image';
96
119
  import { imageClassName } from '@fluentui/react-image';
120
+ import { imageClassNames } from '@fluentui/react-image';
97
121
  import { ImageProps } from '@fluentui/react-image';
98
122
  import { ImageSlots } from '@fluentui/react-image';
99
123
  import { ImageState } from '@fluentui/react-image';
100
124
  import { LargeTitle } from '@fluentui/react-text';
101
125
  import { largeTitleClassName } from '@fluentui/react-text';
126
+ import { largeTitleClassNames } from '@fluentui/react-text';
102
127
  import { LineHeightTokens } from '@fluentui/react-theme';
103
128
  import { Link } from '@fluentui/react-link';
104
129
  import { linkClassName } from '@fluentui/react-link';
130
+ import { linkClassNames } from '@fluentui/react-link';
105
131
  import { LinkProps } from '@fluentui/react-link';
106
132
  import { LinkSlots } from '@fluentui/react-link';
107
133
  import { LinkState } from '@fluentui/react-link';
@@ -110,6 +136,7 @@ import { makeStyles } from '@griffel/react';
110
136
  import { Menu } from '@fluentui/react-menu';
111
137
  import { MenuButton } from '@fluentui/react-button';
112
138
  import { menuButtonClassName } from '@fluentui/react-button';
139
+ import { menuButtonClassNames } from '@fluentui/react-button';
113
140
  import { MenuButtonProps } from '@fluentui/react-button';
114
141
  import { MenuButtonSlots } from '@fluentui/react-button';
115
142
  import { MenuButtonState } from '@fluentui/react-button';
@@ -120,16 +147,19 @@ import { MenuContextValue } from '@fluentui/react-menu';
120
147
  import { MenuContextValues } from '@fluentui/react-menu';
121
148
  import { MenuDivider } from '@fluentui/react-menu';
122
149
  import { menuDividerClassName } from '@fluentui/react-menu';
150
+ import { menuDividerClassNames } from '@fluentui/react-menu';
123
151
  import { MenuDividerProps } from '@fluentui/react-menu';
124
152
  import { MenuDividerSlots } from '@fluentui/react-menu';
125
153
  import { MenuDividerState } from '@fluentui/react-menu';
126
154
  import { MenuGroup } from '@fluentui/react-menu';
127
155
  import { menuGroupClassName } from '@fluentui/react-menu';
156
+ import { menuGroupClassNames } from '@fluentui/react-menu';
128
157
  import { MenuGroupContextProvider } from '@fluentui/react-menu';
129
158
  import { MenuGroupContextValue } from '@fluentui/react-menu';
130
159
  import { MenuGroupContextValues } from '@fluentui/react-menu';
131
160
  import { MenuGroupHeader } from '@fluentui/react-menu';
132
161
  import { menuGroupHeaderClassName } from '@fluentui/react-menu';
162
+ import { menuGroupHeaderClassNames } from '@fluentui/react-menu';
133
163
  import { MenuGroupHeaderProps } from '@fluentui/react-menu';
134
164
  import { MenuGroupHeaderSlots } from '@fluentui/react-menu';
135
165
  import { MenuGroupHeaderState } from '@fluentui/react-menu';
@@ -139,12 +169,15 @@ import { MenuGroupState } from '@fluentui/react-menu';
139
169
  import { MenuItem } from '@fluentui/react-menu';
140
170
  import { MenuItemCheckbox } from '@fluentui/react-menu';
141
171
  import { menuItemCheckboxClassName } from '@fluentui/react-menu';
172
+ import { menuItemCheckboxClassNames } from '@fluentui/react-menu';
142
173
  import { MenuItemCheckboxProps } from '@fluentui/react-menu';
143
174
  import { MenuItemCheckboxState } from '@fluentui/react-menu';
144
175
  import { menuItemClassName } from '@fluentui/react-menu';
176
+ import { menuItemClassNames } from '@fluentui/react-menu';
145
177
  import { MenuItemProps } from '@fluentui/react-menu';
146
178
  import { MenuItemRadio } from '@fluentui/react-menu';
147
179
  import { menuItemRadioClassName } from '@fluentui/react-menu';
180
+ import { menuItemRadioClassNames } from '@fluentui/react-menu';
148
181
  import { MenuItemRadioProps } from '@fluentui/react-menu';
149
182
  import { MenuItemRadioState } from '@fluentui/react-menu';
150
183
  import { MenuItemSelectableProps } from '@fluentui/react-menu';
@@ -153,6 +186,7 @@ import { MenuItemSlots } from '@fluentui/react-menu';
153
186
  import { MenuItemState } from '@fluentui/react-menu';
154
187
  import { MenuList } from '@fluentui/react-menu';
155
188
  import { menuListClassName } from '@fluentui/react-menu';
189
+ import { menuListClassNames } from '@fluentui/react-menu';
156
190
  import { MenuListContext } from '@fluentui/react-menu';
157
191
  import { MenuListContextValue } from '@fluentui/react-menu';
158
192
  import { MenuListContextValues } from '@fluentui/react-menu';
@@ -164,12 +198,19 @@ import { MenuOpenChangeData } from '@fluentui/react-menu';
164
198
  import { MenuOpenEvents } from '@fluentui/react-menu';
165
199
  import { MenuPopover } from '@fluentui/react-menu';
166
200
  import { menuPopoverClassName } from '@fluentui/react-menu';
201
+ import { menuPopoverClassNames } from '@fluentui/react-menu';
167
202
  import { MenuPopoverProps } from '@fluentui/react-menu';
168
203
  import { MenuPopoverSlots } from '@fluentui/react-menu';
169
204
  import { MenuPopoverState } from '@fluentui/react-menu';
170
205
  import { MenuProps } from '@fluentui/react-menu';
171
206
  import { MenuProvider } from '@fluentui/react-menu';
172
207
  import { MenuSlots } from '@fluentui/react-menu';
208
+ import { MenuSplitGroup } from '@fluentui/react-menu';
209
+ import { menuSplitGroupClassName } from '@fluentui/react-menu';
210
+ import { menuSplitGroupClassNames } from '@fluentui/react-menu';
211
+ import { MenuSplitGroupProps } from '@fluentui/react-menu';
212
+ import { MenuSplitGroupSlots } from '@fluentui/react-menu';
213
+ import { MenuSplitGroupState } from '@fluentui/react-menu';
173
214
  import { MenuState } from '@fluentui/react-menu';
174
215
  import { MenuTrigger } from '@fluentui/react-menu';
175
216
  import { MenuTriggerChildProps } from '@fluentui/react-menu';
@@ -189,6 +230,7 @@ import { PopoverSize } from '@fluentui/react-popover';
189
230
  import { PopoverState } from '@fluentui/react-popover';
190
231
  import { PopoverSurface } from '@fluentui/react-popover';
191
232
  import { popoverSurfaceClassName } from '@fluentui/react-popover';
233
+ import { popoverSurfaceClassNames } from '@fluentui/react-popover';
192
234
  import { PopoverSurfaceProps } from '@fluentui/react-popover';
193
235
  import { PopoverSurfaceSlots } from '@fluentui/react-popover';
194
236
  import { PopoverSurfaceState } from '@fluentui/react-popover';
@@ -200,6 +242,7 @@ import { PortalProps } from '@fluentui/react-portal';
200
242
  import { PortalState } from '@fluentui/react-portal';
201
243
  import { PresenceBadge } from '@fluentui/react-badge';
202
244
  import { presenceBadgeClassName } from '@fluentui/react-badge';
245
+ import { presenceBadgeClassNames } from '@fluentui/react-badge';
203
246
  import { PresenceBadgeProps } from '@fluentui/react-badge';
204
247
  import { PresenceBadgeState } from '@fluentui/react-badge';
205
248
  import { PresenceBadgeStatus } from '@fluentui/react-badge';
@@ -226,35 +269,52 @@ import { renderMenuItemCheckbox_unstable } from '@fluentui/react-menu';
226
269
  import { renderMenuItemRadio_unstable } from '@fluentui/react-menu';
227
270
  import { renderMenuList_unstable } from '@fluentui/react-menu';
228
271
  import { renderMenuPopover_unstable } from '@fluentui/react-menu';
272
+ import { renderMenuSplitGroup_unstable } from '@fluentui/react-menu';
229
273
  import { renderMenuTrigger_unstable } from '@fluentui/react-menu';
230
274
  import { renderPopover_unstable } from '@fluentui/react-popover';
231
275
  import { renderPopoverSurface_unstable } from '@fluentui/react-popover';
232
276
  import { renderPopoverTrigger_unstable } from '@fluentui/react-popover';
233
277
  import { renderPortal_unstable } from '@fluentui/react-portal';
278
+ import { renderSlider_unstable } from '@fluentui/react-slider';
234
279
  import { renderSplitButton_unstable } from '@fluentui/react-button';
235
280
  import { renderText_unstable } from '@fluentui/react-text';
236
281
  import { renderToggleButton_unstable } from '@fluentui/react-button';
237
282
  import { renderTooltip_unstable } from '@fluentui/react-tooltip';
238
283
  import { renderToStyleElements } from '@griffel/react';
284
+ import { resetIdsForTests } from '@fluentui/react-utilities';
285
+ import { resolveShorthand } from '@fluentui/react-utilities';
286
+ import { ResolveShorthandFunction } from '@fluentui/react-utilities';
287
+ import { ResolveShorthandOptions } from '@fluentui/react-utilities';
239
288
  import { SelectableHandler } from '@fluentui/react-menu';
240
289
  import { setVirtualParent } from '@fluentui/react-portal';
241
290
  import { ShadowBrandTokens } from '@fluentui/react-theme';
242
291
  import { ShadowTokens } from '@fluentui/react-theme';
243
292
  import { shorthands } from '@griffel/react';
293
+ import { Slider } from '@fluentui/react-slider';
294
+ import { sliderClassNames } from '@fluentui/react-slider';
295
+ import { SliderOnChangeData } from '@fluentui/react-slider';
296
+ import { SliderProps } from '@fluentui/react-slider';
297
+ import { SliderSlots } from '@fluentui/react-slider';
298
+ import { SliderState } from '@fluentui/react-slider';
299
+ import { Slot } from '@fluentui/react-utilities';
300
+ import { SlotClassNames } from '@fluentui/react-utilities';
301
+ import { SlotPropsRecord } from '@fluentui/react-utilities';
244
302
  import { SplitButton } from '@fluentui/react-button';
245
303
  import { splitButtonClassName } from '@fluentui/react-button';
304
+ import { splitButtonClassNames } from '@fluentui/react-button';
246
305
  import { SplitButtonProps } from '@fluentui/react-button';
247
306
  import { SplitButtonSlots } from '@fluentui/react-button';
248
307
  import { SplitButtonState } from '@fluentui/react-button';
249
- import { SSRProvider } from '@fluentui/react-utilities';
250
308
  import { StrokeWidthTokens } from '@fluentui/react-theme';
251
309
  import { Subheadline } from '@fluentui/react-text';
252
310
  import { subheadlineClassName } from '@fluentui/react-text';
311
+ import { subheadlineClassNames } from '@fluentui/react-text';
253
312
  import { teamsDarkTheme } from '@fluentui/react-theme';
254
313
  import { teamsHighContrastTheme } from '@fluentui/react-theme';
255
314
  import { teamsLightTheme } from '@fluentui/react-theme';
256
315
  import { Text as Text_2 } from '@fluentui/react-text';
257
316
  import { textClassName } from '@fluentui/react-text';
317
+ import { textClassNames } from '@fluentui/react-text';
258
318
  import { TextProps } from '@fluentui/react-text';
259
319
  import { TextSlots } from '@fluentui/react-text';
260
320
  import { TextState } from '@fluentui/react-text';
@@ -262,17 +322,22 @@ import { Theme } from '@fluentui/react-theme';
262
322
  import { themeToTokensObject } from '@fluentui/react-theme';
263
323
  import { Title1 } from '@fluentui/react-text';
264
324
  import { title1ClassName } from '@fluentui/react-text';
325
+ import { title1ClassNames } from '@fluentui/react-text';
265
326
  import { Title2 } from '@fluentui/react-text';
266
327
  import { title2ClassName } from '@fluentui/react-text';
328
+ import { title2ClassNames } from '@fluentui/react-text';
267
329
  import { Title3 } from '@fluentui/react-text';
268
330
  import { title3ClassName } from '@fluentui/react-text';
331
+ import { title3ClassNames } from '@fluentui/react-text';
269
332
  import { ToggleButton } from '@fluentui/react-button';
270
333
  import { toggleButtonClassName } from '@fluentui/react-button';
334
+ import { toggleButtonClassNames } from '@fluentui/react-button';
271
335
  import { ToggleButtonProps } from '@fluentui/react-button';
272
336
  import { ToggleButtonState } from '@fluentui/react-button';
273
337
  import { tokens } from '@fluentui/react-theme';
274
338
  import { Tooltip } from '@fluentui/react-tooltip';
275
339
  import { tooltipClassName } from '@fluentui/react-tooltip';
340
+ import { tooltipClassNames } from '@fluentui/react-tooltip';
276
341
  import { TooltipProps } from '@fluentui/react-tooltip';
277
342
  import { TooltipSlots } from '@fluentui/react-tooltip';
278
343
  import { TooltipState } from '@fluentui/react-tooltip';
@@ -290,6 +355,8 @@ import { useAccordionItemStyles_unstable } from '@fluentui/react-accordion';
290
355
  import { useAccordionPanel_unstable } from '@fluentui/react-accordion';
291
356
  import { useAccordionPanelStyles_unstable } from '@fluentui/react-accordion';
292
357
  import { useAccordionStyles_unstable } from '@fluentui/react-accordion';
358
+ import { useArrowNavigationGroup } from '@fluentui/react-tabster';
359
+ import { UseArrowNavigationGroupOptions } from '@fluentui/react-tabster';
293
360
  import { useAvatar_unstable } from '@fluentui/react-avatar';
294
361
  import { useAvatarStyles_unstable } from '@fluentui/react-avatar';
295
362
  import { useBadge_unstable } from '@fluentui/react-badge';
@@ -307,8 +374,14 @@ import { useFluent } from '@fluentui/react-provider';
307
374
  import { useFluentProvider_unstable } from '@fluentui/react-provider';
308
375
  import { useFluentProviderContextValues_unstable } from '@fluentui/react-provider';
309
376
  import { useFluentProviderStyles_unstable } from '@fluentui/react-provider';
377
+ import { useFocusableGroup } from '@fluentui/react-tabster';
378
+ import { UseFocusableGroupOptions } from '@fluentui/react-tabster';
379
+ import { useFocusFinders } from '@fluentui/react-tabster';
380
+ import { useId } from '@fluentui/react-utilities';
310
381
  import { useImage_unstable } from '@fluentui/react-image';
311
382
  import { useImageStyles_unstable } from '@fluentui/react-image';
383
+ import { useIsSSR } from '@fluentui/react-utilities';
384
+ import { useKeyboardNavAttribute } from '@fluentui/react-tabster';
312
385
  import { useLink_unstable } from '@fluentui/react-link';
313
386
  import { useLinkState_unstable } from '@fluentui/react-link';
314
387
  import { useLinkStyles_unstable } from '@fluentui/react-link';
@@ -337,8 +410,13 @@ import { useMenuListContextValues_unstable } from '@fluentui/react-menu';
337
410
  import { useMenuListStyles_unstable } from '@fluentui/react-menu';
338
411
  import { useMenuPopover_unstable } from '@fluentui/react-menu';
339
412
  import { useMenuPopoverStyles_unstable } from '@fluentui/react-menu';
413
+ import { useMenuSplitGroup_unstable } from '@fluentui/react-menu';
414
+ import { useMenuSplitGroupStyles_unstable } from '@fluentui/react-menu';
340
415
  import { useMenuTrigger_unstable } from '@fluentui/react-menu';
341
416
  import { useMenuTriggerContext_unstable } from '@fluentui/react-menu';
417
+ import { useMergedRefs } from '@fluentui/react-utilities';
418
+ import { useModalAttributes } from '@fluentui/react-tabster';
419
+ import { UseModalAttributesOptions } from '@fluentui/react-tabster';
342
420
  import { usePopover_unstable } from '@fluentui/react-popover';
343
421
  import { usePopoverContext_unstable } from '@fluentui/react-popover';
344
422
  import { usePopoverSurface_unstable } from '@fluentui/react-popover';
@@ -346,8 +424,12 @@ import { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';
346
424
  import { usePopoverTrigger_unstable } from '@fluentui/react-popover';
347
425
  import { usePortal_unstable } from '@fluentui/react-portal';
348
426
  import { usePresenceBadge_unstable } from '@fluentui/react-badge';
427
+ import { useSlider_unstable } from '@fluentui/react-slider';
428
+ import { useSliderState_unstable } from '@fluentui/react-slider';
429
+ import { useSliderStyles_unstable } from '@fluentui/react-slider';
349
430
  import { useSplitButton_unstable } from '@fluentui/react-button';
350
431
  import { useSplitButtonStyles_unstable } from '@fluentui/react-button';
432
+ import { useSSRContext } from '@fluentui/react-utilities';
351
433
  import { useText_unstable } from '@fluentui/react-text';
352
434
  import { useTextStyles_unstable } from '@fluentui/react-text';
353
435
  import { useToggleButton_unstable } from '@fluentui/react-button';
@@ -364,6 +446,8 @@ export { Accordion }
364
446
 
365
447
  export { accordionClassName }
366
448
 
449
+ export { accordionClassNames }
450
+
367
451
  export { AccordionContext }
368
452
 
369
453
  export { AccordionContextValue }
@@ -374,6 +458,8 @@ export { AccordionHeader }
374
458
 
375
459
  export { accordionHeaderClassName }
376
460
 
461
+ export { accordionHeaderClassNames }
462
+
377
463
  export { AccordionHeaderContextValue }
378
464
 
379
465
  export { AccordionHeaderContextValues }
@@ -394,6 +480,8 @@ export { AccordionItem }
394
480
 
395
481
  export { accordionItemClassName }
396
482
 
483
+ export { accordionItemClassNames }
484
+
397
485
  export { AccordionItemContext }
398
486
 
399
487
  export { AccordionItemContextValue }
@@ -412,6 +500,8 @@ export { AccordionPanel }
412
500
 
413
501
  export { accordionPanelClassName }
414
502
 
503
+ export { accordionPanelClassNames }
504
+
415
505
  export { AccordionPanelProps }
416
506
 
417
507
  export { AccordionPanelSlots }
@@ -436,6 +526,8 @@ export { Avatar }
436
526
 
437
527
  export { avatarClassName }
438
528
 
529
+ export { avatarClassNames }
530
+
439
531
  export { AvatarNamedColor }
440
532
 
441
533
  export { AvatarProps }
@@ -448,6 +540,8 @@ export { Badge }
448
540
 
449
541
  export { badgeClassName }
450
542
 
543
+ export { badgeClassNames }
544
+
451
545
  export { BadgeProps }
452
546
 
453
547
  export { BadgeSlots }
@@ -458,6 +552,8 @@ export { Body_2 as Body }
458
552
 
459
553
  export { bodyClassName }
460
554
 
555
+ export { bodyClassNames }
556
+
461
557
  export { BorderRadiusTokens }
462
558
 
463
559
  export { BrandVariants }
@@ -466,6 +562,8 @@ export { Button }
466
562
 
467
563
  export { buttonClassName }
468
564
 
565
+ export { buttonClassNames }
566
+
469
567
  export { ButtonProps }
470
568
 
471
569
  export { ButtonSlots }
@@ -476,14 +574,22 @@ export { Caption }
476
574
 
477
575
  export { captionClassName }
478
576
 
577
+ export { captionClassNames }
578
+
479
579
  export { ColorPaletteTokens }
480
580
 
481
581
  export { ColorTokens }
482
582
 
583
+ export { ComponentProps }
584
+
585
+ export { ComponentState }
586
+
483
587
  export { CompoundButton }
484
588
 
485
589
  export { compoundButtonClassName }
486
590
 
591
+ export { compoundButtonClassNames }
592
+
487
593
  export { CompoundButtonProps }
488
594
 
489
595
  export { CompoundButtonSlots }
@@ -494,10 +600,14 @@ export { CounterBadge }
494
600
 
495
601
  export { counterBadgeClassName }
496
602
 
603
+ export { counterBadgeClassNames }
604
+
497
605
  export { CounterBadgeProps }
498
606
 
499
607
  export { CounterBadgeState }
500
608
 
609
+ export { createCustomFocusIndicatorStyle }
610
+
501
611
  export { createDarkTheme }
502
612
 
503
613
  export { createDOMRenderer }
@@ -512,10 +622,14 @@ export { Display }
512
622
 
513
623
  export { displayClassName }
514
624
 
625
+ export { displayClassNames }
626
+
515
627
  export { Divider }
516
628
 
517
629
  export { dividerClassName }
518
630
 
631
+ export { dividerClassNames }
632
+
519
633
  export { DividerProps }
520
634
 
521
635
  export { DividerSlots }
@@ -528,6 +642,8 @@ export { FluentProvider }
528
642
 
529
643
  export { fluentProviderClassName }
530
644
 
645
+ export { fluentProviderClassNames }
646
+
531
647
  export { FluentProviderContextValues }
532
648
 
533
649
  export { FluentProviderProps }
@@ -542,14 +658,28 @@ export { FontSizeTokens }
542
658
 
543
659
  export { FontWeightTokens }
544
660
 
661
+ export { ForwardRefComponent }
662
+
663
+ export { getNativeElementProps }
664
+
665
+ export { getNativeProps }
666
+
667
+ export { getPartitionedNativeProps }
668
+
669
+ export { getSlots }
670
+
545
671
  export { Headline }
546
672
 
547
673
  export { headlineClassName }
548
674
 
675
+ export { headlineClassNames }
676
+
549
677
  export { Image_2 as Image }
550
678
 
551
679
  export { imageClassName }
552
680
 
681
+ export { imageClassNames }
682
+
553
683
  export { ImageProps }
554
684
 
555
685
  export { ImageSlots }
@@ -560,12 +690,16 @@ export { LargeTitle }
560
690
 
561
691
  export { largeTitleClassName }
562
692
 
693
+ export { largeTitleClassNames }
694
+
563
695
  export { LineHeightTokens }
564
696
 
565
697
  export { Link }
566
698
 
567
699
  export { linkClassName }
568
700
 
701
+ export { linkClassNames }
702
+
569
703
  export { LinkProps }
570
704
 
571
705
  export { LinkSlots }
@@ -582,6 +716,8 @@ export { MenuButton }
582
716
 
583
717
  export { menuButtonClassName }
584
718
 
719
+ export { menuButtonClassNames }
720
+
585
721
  export { MenuButtonProps }
586
722
 
587
723
  export { MenuButtonSlots }
@@ -602,6 +738,8 @@ export { MenuDivider }
602
738
 
603
739
  export { menuDividerClassName }
604
740
 
741
+ export { menuDividerClassNames }
742
+
605
743
  export { MenuDividerProps }
606
744
 
607
745
  export { MenuDividerSlots }
@@ -612,6 +750,8 @@ export { MenuGroup }
612
750
 
613
751
  export { menuGroupClassName }
614
752
 
753
+ export { menuGroupClassNames }
754
+
615
755
  export { MenuGroupContextProvider }
616
756
 
617
757
  export { MenuGroupContextValue }
@@ -622,6 +762,8 @@ export { MenuGroupHeader }
622
762
 
623
763
  export { menuGroupHeaderClassName }
624
764
 
765
+ export { menuGroupHeaderClassNames }
766
+
625
767
  export { MenuGroupHeaderProps }
626
768
 
627
769
  export { MenuGroupHeaderSlots }
@@ -640,18 +782,24 @@ export { MenuItemCheckbox }
640
782
 
641
783
  export { menuItemCheckboxClassName }
642
784
 
785
+ export { menuItemCheckboxClassNames }
786
+
643
787
  export { MenuItemCheckboxProps }
644
788
 
645
789
  export { MenuItemCheckboxState }
646
790
 
647
791
  export { menuItemClassName }
648
792
 
793
+ export { menuItemClassNames }
794
+
649
795
  export { MenuItemProps }
650
796
 
651
797
  export { MenuItemRadio }
652
798
 
653
799
  export { menuItemRadioClassName }
654
800
 
801
+ export { menuItemRadioClassNames }
802
+
655
803
  export { MenuItemRadioProps }
656
804
 
657
805
  export { MenuItemRadioState }
@@ -668,6 +816,8 @@ export { MenuList }
668
816
 
669
817
  export { menuListClassName }
670
818
 
819
+ export { menuListClassNames }
820
+
671
821
  export { MenuListContext }
672
822
 
673
823
  export { MenuListContextValue }
@@ -690,6 +840,8 @@ export { MenuPopover }
690
840
 
691
841
  export { menuPopoverClassName }
692
842
 
843
+ export { menuPopoverClassNames }
844
+
693
845
  export { MenuPopoverProps }
694
846
 
695
847
  export { MenuPopoverSlots }
@@ -702,6 +854,18 @@ export { MenuProvider }
702
854
 
703
855
  export { MenuSlots }
704
856
 
857
+ export { MenuSplitGroup }
858
+
859
+ export { menuSplitGroupClassName }
860
+
861
+ export { menuSplitGroupClassNames }
862
+
863
+ export { MenuSplitGroupProps }
864
+
865
+ export { MenuSplitGroupSlots }
866
+
867
+ export { MenuSplitGroupState }
868
+
705
869
  export { MenuState }
706
870
 
707
871
  export { MenuTrigger }
@@ -740,6 +904,8 @@ export { PopoverSurface }
740
904
 
741
905
  export { popoverSurfaceClassName }
742
906
 
907
+ export { popoverSurfaceClassNames }
908
+
743
909
  export { PopoverSurfaceProps }
744
910
 
745
911
  export { PopoverSurfaceSlots }
@@ -762,6 +928,8 @@ export { PresenceBadge }
762
928
 
763
929
  export { presenceBadgeClassName }
764
930
 
931
+ export { presenceBadgeClassNames }
932
+
765
933
  export { PresenceBadgeProps }
766
934
 
767
935
  export { PresenceBadgeState }
@@ -814,6 +982,8 @@ export { renderMenuList_unstable }
814
982
 
815
983
  export { renderMenuPopover_unstable }
816
984
 
985
+ export { renderMenuSplitGroup_unstable }
986
+
817
987
  export { renderMenuTrigger_unstable }
818
988
 
819
989
  export { renderPopover_unstable }
@@ -824,6 +994,8 @@ export { renderPopoverTrigger_unstable }
824
994
 
825
995
  export { renderPortal_unstable }
826
996
 
997
+ export { renderSlider_unstable }
998
+
827
999
  export { renderSplitButton_unstable }
828
1000
 
829
1001
  export { renderText_unstable }
@@ -834,6 +1006,14 @@ export { renderTooltip_unstable }
834
1006
 
835
1007
  export { renderToStyleElements }
836
1008
 
1009
+ export { resetIdsForTests }
1010
+
1011
+ export { resolveShorthand }
1012
+
1013
+ export { ResolveShorthandFunction }
1014
+
1015
+ export { ResolveShorthandOptions }
1016
+
837
1017
  export { SelectableHandler }
838
1018
 
839
1019
  export { setVirtualParent }
@@ -844,24 +1024,44 @@ export { ShadowTokens }
844
1024
 
845
1025
  export { shorthands }
846
1026
 
1027
+ export { Slider }
1028
+
1029
+ export { sliderClassNames }
1030
+
1031
+ export { SliderOnChangeData }
1032
+
1033
+ export { SliderProps }
1034
+
1035
+ export { SliderSlots }
1036
+
1037
+ export { SliderState }
1038
+
1039
+ export { Slot }
1040
+
1041
+ export { SlotClassNames }
1042
+
1043
+ export { SlotPropsRecord }
1044
+
847
1045
  export { SplitButton }
848
1046
 
849
1047
  export { splitButtonClassName }
850
1048
 
1049
+ export { splitButtonClassNames }
1050
+
851
1051
  export { SplitButtonProps }
852
1052
 
853
1053
  export { SplitButtonSlots }
854
1054
 
855
1055
  export { SplitButtonState }
856
1056
 
857
- export { SSRProvider }
858
-
859
1057
  export { StrokeWidthTokens }
860
1058
 
861
1059
  export { Subheadline }
862
1060
 
863
1061
  export { subheadlineClassName }
864
1062
 
1063
+ export { subheadlineClassNames }
1064
+
865
1065
  export { teamsDarkTheme }
866
1066
 
867
1067
  export { teamsHighContrastTheme }
@@ -872,6 +1072,8 @@ export { Text_2 as Text }
872
1072
 
873
1073
  export { textClassName }
874
1074
 
1075
+ export { textClassNames }
1076
+
875
1077
  export { TextProps }
876
1078
 
877
1079
  export { TextSlots }
@@ -886,18 +1088,26 @@ export { Title1 }
886
1088
 
887
1089
  export { title1ClassName }
888
1090
 
1091
+ export { title1ClassNames }
1092
+
889
1093
  export { Title2 }
890
1094
 
891
1095
  export { title2ClassName }
892
1096
 
1097
+ export { title2ClassNames }
1098
+
893
1099
  export { Title3 }
894
1100
 
895
1101
  export { title3ClassName }
896
1102
 
1103
+ export { title3ClassNames }
1104
+
897
1105
  export { ToggleButton }
898
1106
 
899
1107
  export { toggleButtonClassName }
900
1108
 
1109
+ export { toggleButtonClassNames }
1110
+
901
1111
  export { ToggleButtonProps }
902
1112
 
903
1113
  export { ToggleButtonState }
@@ -908,6 +1118,8 @@ export { Tooltip }
908
1118
 
909
1119
  export { tooltipClassName }
910
1120
 
1121
+ export { tooltipClassNames }
1122
+
911
1123
  export { TooltipProps }
912
1124
 
913
1125
  export { TooltipSlots }
@@ -942,6 +1154,10 @@ export { useAccordionPanelStyles_unstable }
942
1154
 
943
1155
  export { useAccordionStyles_unstable }
944
1156
 
1157
+ export { useArrowNavigationGroup }
1158
+
1159
+ export { UseArrowNavigationGroupOptions }
1160
+
945
1161
  export { useAvatar_unstable }
946
1162
 
947
1163
  export { useAvatarStyles_unstable }
@@ -976,10 +1192,22 @@ export { useFluentProviderContextValues_unstable }
976
1192
 
977
1193
  export { useFluentProviderStyles_unstable }
978
1194
 
1195
+ export { useFocusableGroup }
1196
+
1197
+ export { UseFocusableGroupOptions }
1198
+
1199
+ export { useFocusFinders }
1200
+
1201
+ export { useId }
1202
+
979
1203
  export { useImage_unstable }
980
1204
 
981
1205
  export { useImageStyles_unstable }
982
1206
 
1207
+ export { useIsSSR }
1208
+
1209
+ export { useKeyboardNavAttribute }
1210
+
983
1211
  export { useLink_unstable }
984
1212
 
985
1213
  export { useLinkState_unstable }
@@ -1036,10 +1264,20 @@ export { useMenuPopover_unstable }
1036
1264
 
1037
1265
  export { useMenuPopoverStyles_unstable }
1038
1266
 
1267
+ export { useMenuSplitGroup_unstable }
1268
+
1269
+ export { useMenuSplitGroupStyles_unstable }
1270
+
1039
1271
  export { useMenuTrigger_unstable }
1040
1272
 
1041
1273
  export { useMenuTriggerContext_unstable }
1042
1274
 
1275
+ export { useMergedRefs }
1276
+
1277
+ export { useModalAttributes }
1278
+
1279
+ export { UseModalAttributesOptions }
1280
+
1043
1281
  export { usePopover_unstable }
1044
1282
 
1045
1283
  export { usePopoverContext_unstable }
@@ -1054,10 +1292,18 @@ export { usePortal_unstable }
1054
1292
 
1055
1293
  export { usePresenceBadge_unstable }
1056
1294
 
1295
+ export { useSlider_unstable }
1296
+
1297
+ export { useSliderState_unstable }
1298
+
1299
+ export { useSliderStyles_unstable }
1300
+
1057
1301
  export { useSplitButton_unstable }
1058
1302
 
1059
1303
  export { useSplitButtonStyles_unstable }
1060
1304
 
1305
+ export { useSSRContext }
1306
+
1061
1307
  export { useText_unstable }
1062
1308
 
1063
1309
  export { useTextStyles_unstable }