@fluentui/react-components 9.0.0-rc.11 → 9.0.0-rc.12

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 (13) hide show
  1. package/CHANGELOG.json +282 -1
  2. package/CHANGELOG.md +79 -2
  3. package/dist/index.d.ts +46 -172
  4. package/dist/unstable.d.ts +0 -12
  5. package/lib/index.js +18 -104
  6. package/lib/index.js.map +1 -1
  7. package/lib/unstable/index.js +1 -9
  8. package/lib/unstable/index.js.map +1 -1
  9. package/lib-commonjs/index.js +53 -403
  10. package/lib-commonjs/index.js.map +1 -1
  11. package/lib-commonjs/unstable/index.js +1 -33
  12. package/lib-commonjs/unstable/index.js.map +1 -1
  13. package/package.json +29 -29
package/dist/index.d.ts CHANGED
@@ -1,12 +1,9 @@
1
1
  import { __styles } from '@griffel/react';
2
2
  import { Accordion } from '@fluentui/react-accordion';
3
- import { accordionClassName } from '@fluentui/react-accordion';
4
3
  import { accordionClassNames } from '@fluentui/react-accordion';
5
- import { AccordionContext } from '@fluentui/react-accordion';
6
4
  import { AccordionContextValue } from '@fluentui/react-accordion';
7
5
  import { AccordionContextValues } from '@fluentui/react-accordion';
8
6
  import { AccordionHeader } from '@fluentui/react-accordion';
9
- import { accordionHeaderClassName } from '@fluentui/react-accordion';
10
7
  import { accordionHeaderClassNames } from '@fluentui/react-accordion';
11
8
  import { AccordionHeaderContextValue } from '@fluentui/react-accordion';
12
9
  import { AccordionHeaderContextValues } from '@fluentui/react-accordion';
@@ -17,22 +14,21 @@ import { AccordionHeaderSlots } from '@fluentui/react-accordion';
17
14
  import { AccordionHeaderState } from '@fluentui/react-accordion';
18
15
  import { AccordionIndex } from '@fluentui/react-accordion';
19
16
  import { AccordionItem } from '@fluentui/react-accordion';
20
- import { accordionItemClassName } from '@fluentui/react-accordion';
21
17
  import { accordionItemClassNames } from '@fluentui/react-accordion';
22
- import { AccordionItemContext } from '@fluentui/react-accordion';
23
18
  import { AccordionItemContextValue } from '@fluentui/react-accordion';
24
19
  import { AccordionItemContextValues } from '@fluentui/react-accordion';
25
20
  import { AccordionItemProps } from '@fluentui/react-accordion';
21
+ import { AccordionItemProvider } from '@fluentui/react-accordion';
26
22
  import { AccordionItemSlots } from '@fluentui/react-accordion';
27
23
  import { AccordionItemState } from '@fluentui/react-accordion';
28
24
  import { AccordionItemValue } from '@fluentui/react-accordion';
29
25
  import { AccordionPanel } from '@fluentui/react-accordion';
30
- import { accordionPanelClassName } from '@fluentui/react-accordion';
31
26
  import { accordionPanelClassNames } from '@fluentui/react-accordion';
32
27
  import { AccordionPanelProps } from '@fluentui/react-accordion';
33
28
  import { AccordionPanelSlots } from '@fluentui/react-accordion';
34
29
  import { AccordionPanelState } from '@fluentui/react-accordion';
35
30
  import { AccordionProps } from '@fluentui/react-accordion';
31
+ import { AccordionProvider } from '@fluentui/react-accordion';
36
32
  import { AccordionSlots } from '@fluentui/react-accordion';
37
33
  import { AccordionState } from '@fluentui/react-accordion';
38
34
  import { AccordionToggleData } from '@fluentui/react-accordion';
@@ -40,7 +36,6 @@ import { AccordionToggleEvent } from '@fluentui/react-accordion';
40
36
  import { AccordionToggleEventHandler } from '@fluentui/react-accordion';
41
37
  import { arrowHeights } from '@fluentui/react-popover';
42
38
  import { Avatar } from '@fluentui/react-avatar';
43
- import { avatarClassName } from '@fluentui/react-avatar';
44
39
  import { avatarClassNames } from '@fluentui/react-avatar';
45
40
  import { AvatarNamedColor } from '@fluentui/react-avatar';
46
41
  import { AvatarProps } from '@fluentui/react-avatar';
@@ -48,27 +43,24 @@ import { AvatarSizes } from '@fluentui/react-avatar';
48
43
  import { AvatarSlots } from '@fluentui/react-avatar';
49
44
  import { AvatarState } from '@fluentui/react-avatar';
50
45
  import { Badge } from '@fluentui/react-badge';
51
- import { badgeClassName } from '@fluentui/react-badge';
52
46
  import { badgeClassNames } from '@fluentui/react-badge';
53
47
  import { BadgeProps } from '@fluentui/react-badge';
54
48
  import { BadgeSlots } from '@fluentui/react-badge';
55
49
  import { BadgeState } from '@fluentui/react-badge';
56
- import { Body as Body_2 } from '@fluentui/react-text';
57
- import { bodyClassName } from '@fluentui/react-text';
58
- import { bodyClassNames } from '@fluentui/react-text';
50
+ import { Body1 } from '@fluentui/react-text';
51
+ import { body1ClassNames } from '@fluentui/react-text';
59
52
  import { BorderRadiusTokens } from '@fluentui/react-theme';
60
53
  import { BrandVariants } from '@fluentui/react-theme';
61
54
  import { Button } from '@fluentui/react-button';
62
- import { buttonClassName } from '@fluentui/react-button';
63
55
  import { buttonClassNames } from '@fluentui/react-button';
64
56
  import { ButtonProps } from '@fluentui/react-button';
65
57
  import { ButtonSlots } from '@fluentui/react-button';
66
58
  import { ButtonState } from '@fluentui/react-button';
67
- import { Caption } from '@fluentui/react-text';
68
- import { captionClassName } from '@fluentui/react-text';
69
- import { captionClassNames } from '@fluentui/react-text';
59
+ import { Caption1 } from '@fluentui/react-text';
60
+ import { caption1ClassNames } from '@fluentui/react-text';
61
+ import { Caption2 } from '@fluentui/react-text';
62
+ import { caption2ClassNames } from '@fluentui/react-text';
70
63
  import { Checkbox } from '@fluentui/react-checkbox';
71
- import { checkboxClassName } from '@fluentui/react-checkbox';
72
64
  import { checkboxClassNames } from '@fluentui/react-checkbox';
73
65
  import { CheckboxOnChangeData } from '@fluentui/react-checkbox';
74
66
  import { CheckboxProps } from '@fluentui/react-checkbox';
@@ -79,13 +71,11 @@ import { ColorTokens } from '@fluentui/react-theme';
79
71
  import { ComponentProps } from '@fluentui/react-utilities';
80
72
  import { ComponentState } from '@fluentui/react-utilities';
81
73
  import { CompoundButton } from '@fluentui/react-button';
82
- import { compoundButtonClassName } from '@fluentui/react-button';
83
74
  import { compoundButtonClassNames } from '@fluentui/react-button';
84
75
  import { CompoundButtonProps } from '@fluentui/react-button';
85
76
  import { CompoundButtonSlots } from '@fluentui/react-button';
86
77
  import { CompoundButtonState } from '@fluentui/react-button';
87
78
  import { CounterBadge } from '@fluentui/react-badge';
88
- import { counterBadgeClassName } from '@fluentui/react-badge';
89
79
  import { counterBadgeClassNames } from '@fluentui/react-badge';
90
80
  import { CounterBadgeProps } from '@fluentui/react-badge';
91
81
  import { CounterBadgeState } from '@fluentui/react-badge';
@@ -100,10 +90,8 @@ import { createLightTheme } from '@fluentui/react-theme';
100
90
  import { createTeamsDarkTheme } from '@fluentui/react-theme';
101
91
  import { CurveTokens } from '@fluentui/react-theme';
102
92
  import { Display } from '@fluentui/react-text';
103
- import { displayClassName } from '@fluentui/react-text';
104
93
  import { displayClassNames } from '@fluentui/react-text';
105
94
  import { Divider } from '@fluentui/react-divider';
106
- import { dividerClassName } from '@fluentui/react-divider';
107
95
  import { dividerClassNames } from '@fluentui/react-divider';
108
96
  import { DividerProps } from '@fluentui/react-divider';
109
97
  import { DividerSlots } from '@fluentui/react-divider';
@@ -111,7 +99,6 @@ import { DividerState } from '@fluentui/react-divider';
111
99
  import { DurationTokens } from '@fluentui/react-theme';
112
100
  import { elementContains } from '@fluentui/react-portal';
113
101
  import { FluentProvider } from '@fluentui/react-provider';
114
- import { fluentProviderClassName } from '@fluentui/react-provider';
115
102
  import { fluentProviderClassNames } from '@fluentui/react-provider';
116
103
  import { FluentProviderContextValues } from '@fluentui/react-provider';
117
104
  import { FluentProviderProps } from '@fluentui/react-provider';
@@ -126,35 +113,27 @@ import { getNativeProps } from '@fluentui/react-utilities';
126
113
  import { getPartitionedNativeProps } from '@fluentui/react-utilities';
127
114
  import { getSlots } from '@fluentui/react-utilities';
128
115
  import { GriffelStyle } from '@griffel/react';
129
- import { Headline } from '@fluentui/react-text';
130
- import { headlineClassName } from '@fluentui/react-text';
131
- import { headlineClassNames } from '@fluentui/react-text';
132
116
  import { HorizontalSpacingTokens } from '@fluentui/react-theme';
133
117
  import { Image as Image_2 } from '@fluentui/react-image';
134
- import { imageClassName } from '@fluentui/react-image';
135
118
  import { imageClassNames } from '@fluentui/react-image';
136
119
  import { ImageProps } from '@fluentui/react-image';
137
120
  import { ImageSlots } from '@fluentui/react-image';
138
121
  import { ImageState } from '@fluentui/react-image';
139
122
  import { Input } from '@fluentui/react-input';
140
- import { inputClassName } from '@fluentui/react-input';
141
123
  import { inputClassNames } from '@fluentui/react-input';
142
124
  import { InputOnChangeData } from '@fluentui/react-input';
143
125
  import { InputProps } from '@fluentui/react-input';
144
126
  import { InputSlots } from '@fluentui/react-input';
145
127
  import { InputState } from '@fluentui/react-input';
146
128
  import { Label } from '@fluentui/react-label';
147
- import { labelClassName } from '@fluentui/react-label';
148
129
  import { labelClassNames } from '@fluentui/react-label';
149
130
  import { LabelProps } from '@fluentui/react-label';
150
131
  import { LabelSlots } from '@fluentui/react-label';
151
132
  import { LabelState } from '@fluentui/react-label';
152
133
  import { LargeTitle } from '@fluentui/react-text';
153
- import { largeTitleClassName } from '@fluentui/react-text';
154
134
  import { largeTitleClassNames } from '@fluentui/react-text';
155
135
  import { LineHeightTokens } from '@fluentui/react-theme';
156
136
  import { Link } from '@fluentui/react-link';
157
- import { linkClassName } from '@fluentui/react-link';
158
137
  import { linkClassNames } from '@fluentui/react-link';
159
138
  import { LinkProps } from '@fluentui/react-link';
160
139
  import { LinkSlots } from '@fluentui/react-link';
@@ -163,30 +142,25 @@ import { makeStaticStyles } from '@griffel/react';
163
142
  import { makeStyles } from '@griffel/react';
164
143
  import { Menu } from '@fluentui/react-menu';
165
144
  import { MenuButton } from '@fluentui/react-button';
166
- import { menuButtonClassName } from '@fluentui/react-button';
167
145
  import { menuButtonClassNames } from '@fluentui/react-button';
168
146
  import { MenuButtonProps } from '@fluentui/react-button';
169
147
  import { MenuButtonSlots } from '@fluentui/react-button';
170
148
  import { MenuButtonState } from '@fluentui/react-button';
171
149
  import { MenuCheckedValueChangeData } from '@fluentui/react-menu';
172
150
  import { MenuCheckedValueChangeEvent } from '@fluentui/react-menu';
173
- import { MenuContext } from '@fluentui/react-menu';
174
151
  import { MenuContextValue } from '@fluentui/react-menu';
175
152
  import { MenuContextValues } from '@fluentui/react-menu';
176
153
  import { MenuDivider } from '@fluentui/react-menu';
177
- import { menuDividerClassName } from '@fluentui/react-menu';
178
154
  import { menuDividerClassNames } from '@fluentui/react-menu';
179
155
  import { MenuDividerProps } from '@fluentui/react-menu';
180
156
  import { MenuDividerSlots } from '@fluentui/react-menu';
181
157
  import { MenuDividerState } from '@fluentui/react-menu';
182
158
  import { MenuGroup } from '@fluentui/react-menu';
183
- import { menuGroupClassName } from '@fluentui/react-menu';
184
159
  import { menuGroupClassNames } from '@fluentui/react-menu';
185
160
  import { MenuGroupContextProvider } from '@fluentui/react-menu';
186
161
  import { MenuGroupContextValue } from '@fluentui/react-menu';
187
162
  import { MenuGroupContextValues } from '@fluentui/react-menu';
188
163
  import { MenuGroupHeader } from '@fluentui/react-menu';
189
- import { menuGroupHeaderClassName } from '@fluentui/react-menu';
190
164
  import { menuGroupHeaderClassNames } from '@fluentui/react-menu';
191
165
  import { MenuGroupHeaderProps } from '@fluentui/react-menu';
192
166
  import { MenuGroupHeaderSlots } from '@fluentui/react-menu';
@@ -196,15 +170,12 @@ import { MenuGroupSlots } from '@fluentui/react-menu';
196
170
  import { MenuGroupState } from '@fluentui/react-menu';
197
171
  import { MenuItem } from '@fluentui/react-menu';
198
172
  import { MenuItemCheckbox } from '@fluentui/react-menu';
199
- import { menuItemCheckboxClassName } from '@fluentui/react-menu';
200
173
  import { menuItemCheckboxClassNames } from '@fluentui/react-menu';
201
174
  import { MenuItemCheckboxProps } from '@fluentui/react-menu';
202
175
  import { MenuItemCheckboxState } from '@fluentui/react-menu';
203
- import { menuItemClassName } from '@fluentui/react-menu';
204
176
  import { menuItemClassNames } from '@fluentui/react-menu';
205
177
  import { MenuItemProps } from '@fluentui/react-menu';
206
178
  import { MenuItemRadio } from '@fluentui/react-menu';
207
- import { menuItemRadioClassName } from '@fluentui/react-menu';
208
179
  import { menuItemRadioClassNames } from '@fluentui/react-menu';
209
180
  import { MenuItemRadioProps } from '@fluentui/react-menu';
210
181
  import { MenuItemRadioState } from '@fluentui/react-menu';
@@ -213,9 +184,7 @@ import { MenuItemSelectableState } from '@fluentui/react-menu';
213
184
  import { MenuItemSlots } from '@fluentui/react-menu';
214
185
  import { MenuItemState } from '@fluentui/react-menu';
215
186
  import { MenuList } from '@fluentui/react-menu';
216
- import { menuListClassName } from '@fluentui/react-menu';
217
187
  import { menuListClassNames } from '@fluentui/react-menu';
218
- import { MenuListContext } from '@fluentui/react-menu';
219
188
  import { MenuListContextValue } from '@fluentui/react-menu';
220
189
  import { MenuListContextValues } from '@fluentui/react-menu';
221
190
  import { MenuListProps } from '@fluentui/react-menu';
@@ -225,7 +194,6 @@ import { MenuListState } from '@fluentui/react-menu';
225
194
  import { MenuOpenChangeData } from '@fluentui/react-menu';
226
195
  import { MenuOpenEvents } from '@fluentui/react-menu';
227
196
  import { MenuPopover } from '@fluentui/react-menu';
228
- import { menuPopoverClassName } from '@fluentui/react-menu';
229
197
  import { menuPopoverClassNames } from '@fluentui/react-menu';
230
198
  import { MenuPopoverProps } from '@fluentui/react-menu';
231
199
  import { MenuPopoverSlots } from '@fluentui/react-menu';
@@ -234,7 +202,6 @@ import { MenuProps } from '@fluentui/react-menu';
234
202
  import { MenuProvider } from '@fluentui/react-menu';
235
203
  import { MenuSlots } from '@fluentui/react-menu';
236
204
  import { MenuSplitGroup } from '@fluentui/react-menu';
237
- import { menuSplitGroupClassName } from '@fluentui/react-menu';
238
205
  import { menuSplitGroupClassNames } from '@fluentui/react-menu';
239
206
  import { MenuSplitGroupProps } from '@fluentui/react-menu';
240
207
  import { MenuSplitGroupSlots } from '@fluentui/react-menu';
@@ -251,13 +218,12 @@ import { OnVisibleChangeData } from '@fluentui/react-tooltip';
251
218
  import { OpenPopoverEvents } from '@fluentui/react-popover';
252
219
  import { PartialTheme } from '@fluentui/react-theme';
253
220
  import { Popover } from '@fluentui/react-popover';
254
- import { PopoverContext } from '@fluentui/react-popover';
255
221
  import { PopoverContextValue } from '@fluentui/react-popover';
256
222
  import { PopoverProps } from '@fluentui/react-popover';
223
+ import { PopoverProvider } from '@fluentui/react-popover';
257
224
  import { PopoverSize } from '@fluentui/react-popover';
258
225
  import { PopoverState } from '@fluentui/react-popover';
259
226
  import { PopoverSurface } from '@fluentui/react-popover';
260
- import { popoverSurfaceClassName } from '@fluentui/react-popover';
261
227
  import { popoverSurfaceClassNames } from '@fluentui/react-popover';
262
228
  import { PopoverSurfaceProps } from '@fluentui/react-popover';
263
229
  import { PopoverSurfaceSlots } from '@fluentui/react-popover';
@@ -268,26 +234,25 @@ import { PopoverTriggerState } from '@fluentui/react-popover';
268
234
  import { Portal } from '@fluentui/react-portal';
269
235
  import { PortalProps } from '@fluentui/react-portal';
270
236
  import { PortalState } from '@fluentui/react-portal';
237
+ import { PositioningImperativeRef } from '@fluentui/react-positioning';
271
238
  import { PositioningProps } from '@fluentui/react-positioning';
272
239
  import { PositioningShorthand } from '@fluentui/react-positioning';
273
240
  import { PositioningShorthandValue } from '@fluentui/react-positioning';
241
+ import { PositioningVirtualElement } from '@fluentui/react-positioning';
274
242
  import { PresenceBadge } from '@fluentui/react-badge';
275
- import { presenceBadgeClassName } from '@fluentui/react-badge';
276
243
  import { presenceBadgeClassNames } from '@fluentui/react-badge';
277
244
  import { PresenceBadgeProps } from '@fluentui/react-badge';
278
245
  import { PresenceBadgeState } from '@fluentui/react-badge';
279
246
  import { PresenceBadgeStatus } from '@fluentui/react-badge';
280
247
  import { Radio } from '@fluentui/react-radio';
281
- import { radioClassName } from '@fluentui/react-radio';
282
248
  import { radioClassNames } from '@fluentui/react-radio';
283
249
  import { RadioGroup } from '@fluentui/react-radio';
284
- import { radioGroupClassName } from '@fluentui/react-radio';
285
250
  import { radioGroupClassNames } from '@fluentui/react-radio';
286
- import { RadioGroupContext } from '@fluentui/react-radio';
287
251
  import { RadioGroupContextValue } from '@fluentui/react-radio';
288
252
  import { RadioGroupContextValues } from '@fluentui/react-radio';
289
253
  import { RadioGroupOnChangeData } from '@fluentui/react-radio';
290
254
  import { RadioGroupProps } from '@fluentui/react-radio';
255
+ import { RadioGroupProvider } from '@fluentui/react-radio';
291
256
  import { RadioGroupSlots } from '@fluentui/react-radio';
292
257
  import { RadioGroupState } from '@fluentui/react-radio';
293
258
  import { RadioOnChangeData } from '@fluentui/react-radio';
@@ -368,16 +333,16 @@ import { SpinnerProps } from '@fluentui/react-spinner';
368
333
  import { SpinnerSlots } from '@fluentui/react-spinner';
369
334
  import { SpinnerState } from '@fluentui/react-spinner';
370
335
  import { SplitButton } from '@fluentui/react-button';
371
- import { splitButtonClassName } from '@fluentui/react-button';
372
336
  import { splitButtonClassNames } from '@fluentui/react-button';
373
337
  import { SplitButtonProps } from '@fluentui/react-button';
374
338
  import { SplitButtonSlots } from '@fluentui/react-button';
375
339
  import { SplitButtonState } from '@fluentui/react-button';
376
340
  import { SSRProvider } from '@fluentui/react-utilities';
377
341
  import { StrokeWidthTokens } from '@fluentui/react-theme';
378
- import { Subheadline } from '@fluentui/react-text';
379
- import { subheadlineClassName } from '@fluentui/react-text';
380
- import { subheadlineClassNames } from '@fluentui/react-text';
342
+ import { Subtitle1 } from '@fluentui/react-text';
343
+ import { subtitle1ClassNames } from '@fluentui/react-text';
344
+ import { Subtitle2 } from '@fluentui/react-text';
345
+ import { subtitle2ClassNames } from '@fluentui/react-text';
381
346
  import { Switch } from '@fluentui/react-switch';
382
347
  import { switchClassNames } from '@fluentui/react-switch';
383
348
  import { SwitchOnChangeData } from '@fluentui/react-switch';
@@ -385,10 +350,8 @@ import { SwitchProps } from '@fluentui/react-switch';
385
350
  import { SwitchSlots } from '@fluentui/react-switch';
386
351
  import { SwitchState } from '@fluentui/react-switch';
387
352
  import { Tab } from '@fluentui/react-tabs';
388
- import { tabClassName } from '@fluentui/react-tabs';
389
353
  import { tabClassNames } from '@fluentui/react-tabs';
390
354
  import { TabList } from '@fluentui/react-tabs';
391
- import { tabListClassName } from '@fluentui/react-tabs';
392
355
  import { tabListClassNames } from '@fluentui/react-tabs';
393
356
  import { TabListContextValue } from '@fluentui/react-tabs';
394
357
  import { TabListContextValues } from '@fluentui/react-tabs';
@@ -409,7 +372,6 @@ import { textareaClassNames } from '@fluentui/react-textarea';
409
372
  import { TextareaProps } from '@fluentui/react-textarea';
410
373
  import { TextareaSlots } from '@fluentui/react-textarea';
411
374
  import { TextareaState } from '@fluentui/react-textarea';
412
- import { textClassName } from '@fluentui/react-text';
413
375
  import { textClassNames } from '@fluentui/react-text';
414
376
  import { TextProps } from '@fluentui/react-text';
415
377
  import { TextSlots } from '@fluentui/react-text';
@@ -417,22 +379,17 @@ import { TextState } from '@fluentui/react-text';
417
379
  import { Theme } from '@fluentui/react-theme';
418
380
  import { themeToTokensObject } from '@fluentui/react-theme';
419
381
  import { Title1 } from '@fluentui/react-text';
420
- import { title1ClassName } from '@fluentui/react-text';
421
382
  import { title1ClassNames } from '@fluentui/react-text';
422
383
  import { Title2 } from '@fluentui/react-text';
423
- import { title2ClassName } from '@fluentui/react-text';
424
384
  import { title2ClassNames } from '@fluentui/react-text';
425
385
  import { Title3 } from '@fluentui/react-text';
426
- import { title3ClassName } from '@fluentui/react-text';
427
386
  import { title3ClassNames } from '@fluentui/react-text';
428
387
  import { ToggleButton } from '@fluentui/react-button';
429
- import { toggleButtonClassName } from '@fluentui/react-button';
430
388
  import { toggleButtonClassNames } from '@fluentui/react-button';
431
389
  import { ToggleButtonProps } from '@fluentui/react-button';
432
390
  import { ToggleButtonState } from '@fluentui/react-button';
433
391
  import { tokens } from '@fluentui/react-theme';
434
392
  import { Tooltip } from '@fluentui/react-tooltip';
435
- import { tooltipClassName } from '@fluentui/react-tooltip';
436
393
  import { tooltipClassNames } from '@fluentui/react-tooltip';
437
394
  import { TooltipProps } from '@fluentui/react-tooltip';
438
395
  import { TooltipSlots } from '@fluentui/react-tooltip';
@@ -443,6 +400,7 @@ import { TypographyStyles } from '@fluentui/react-theme';
443
400
  import { typographyStyles } from '@fluentui/react-theme';
444
401
  import { UninitializedMenuListState } from '@fluentui/react-menu';
445
402
  import { useAccordion_unstable } from '@fluentui/react-accordion';
403
+ import { useAccordionContext_unstable } from '@fluentui/react-accordion';
446
404
  import { useAccordionContextValues_unstable } from '@fluentui/react-accordion';
447
405
  import { useAccordionHeader_unstable } from '@fluentui/react-accordion';
448
406
  import { useAccordionHeaderContextValues_unstable } from '@fluentui/react-accordion';
@@ -531,6 +489,7 @@ import { usePortal_unstable } from '@fluentui/react-portal';
531
489
  import { usePresenceBadge_unstable } from '@fluentui/react-badge';
532
490
  import { useRadio_unstable } from '@fluentui/react-radio';
533
491
  import { useRadioGroup_unstable } from '@fluentui/react-radio';
492
+ import { useRadioGroupContext_unstable } from '@fluentui/react-radio';
534
493
  import { useRadioGroupContextValues } from '@fluentui/react-radio';
535
494
  import { useRadioGroupStyles_unstable } from '@fluentui/react-radio';
536
495
  import { useRadioStyles_unstable } from '@fluentui/react-radio';
@@ -560,27 +519,20 @@ import { useTooltip_unstable } from '@fluentui/react-tooltip';
560
519
  import { useTooltipStyles_unstable } from '@fluentui/react-tooltip';
561
520
  import { VerticalSpacingTokens } from '@fluentui/react-theme';
562
521
  import { webDarkTheme } from '@fluentui/react-theme';
563
- import { webHighContrastTheme } from '@fluentui/react-theme';
564
522
  import { webLightTheme } from '@fluentui/react-theme';
565
523
 
566
524
  export { __styles }
567
525
 
568
526
  export { Accordion }
569
527
 
570
- export { accordionClassName }
571
-
572
528
  export { accordionClassNames }
573
529
 
574
- export { AccordionContext }
575
-
576
530
  export { AccordionContextValue }
577
531
 
578
532
  export { AccordionContextValues }
579
533
 
580
534
  export { AccordionHeader }
581
535
 
582
- export { accordionHeaderClassName }
583
-
584
536
  export { accordionHeaderClassNames }
585
537
 
586
538
  export { AccordionHeaderContextValue }
@@ -601,18 +553,16 @@ export { AccordionIndex }
601
553
 
602
554
  export { AccordionItem }
603
555
 
604
- export { accordionItemClassName }
605
-
606
556
  export { accordionItemClassNames }
607
557
 
608
- export { AccordionItemContext }
609
-
610
558
  export { AccordionItemContextValue }
611
559
 
612
560
  export { AccordionItemContextValues }
613
561
 
614
562
  export { AccordionItemProps }
615
563
 
564
+ export { AccordionItemProvider }
565
+
616
566
  export { AccordionItemSlots }
617
567
 
618
568
  export { AccordionItemState }
@@ -621,8 +571,6 @@ export { AccordionItemValue }
621
571
 
622
572
  export { AccordionPanel }
623
573
 
624
- export { accordionPanelClassName }
625
-
626
574
  export { accordionPanelClassNames }
627
575
 
628
576
  export { AccordionPanelProps }
@@ -633,6 +581,8 @@ export { AccordionPanelState }
633
581
 
634
582
  export { AccordionProps }
635
583
 
584
+ export { AccordionProvider }
585
+
636
586
  export { AccordionSlots }
637
587
 
638
588
  export { AccordionState }
@@ -647,8 +597,6 @@ export { arrowHeights }
647
597
 
648
598
  export { Avatar }
649
599
 
650
- export { avatarClassName }
651
-
652
600
  export { avatarClassNames }
653
601
 
654
602
  export { AvatarNamedColor }
@@ -663,8 +611,6 @@ export { AvatarState }
663
611
 
664
612
  export { Badge }
665
613
 
666
- export { badgeClassName }
667
-
668
614
  export { badgeClassNames }
669
615
 
670
616
  export { BadgeProps }
@@ -673,11 +619,9 @@ export { BadgeSlots }
673
619
 
674
620
  export { BadgeState }
675
621
 
676
- export { Body_2 as Body }
622
+ export { Body1 }
677
623
 
678
- export { bodyClassName }
679
-
680
- export { bodyClassNames }
624
+ export { body1ClassNames }
681
625
 
682
626
  export { BorderRadiusTokens }
683
627
 
@@ -685,8 +629,6 @@ export { BrandVariants }
685
629
 
686
630
  export { Button }
687
631
 
688
- export { buttonClassName }
689
-
690
632
  export { buttonClassNames }
691
633
 
692
634
  export { ButtonProps }
@@ -695,15 +637,15 @@ export { ButtonSlots }
695
637
 
696
638
  export { ButtonState }
697
639
 
698
- export { Caption }
640
+ export { Caption1 }
699
641
 
700
- export { captionClassName }
642
+ export { caption1ClassNames }
701
643
 
702
- export { captionClassNames }
644
+ export { Caption2 }
703
645
 
704
- export { Checkbox }
646
+ export { caption2ClassNames }
705
647
 
706
- export { checkboxClassName }
648
+ export { Checkbox }
707
649
 
708
650
  export { checkboxClassNames }
709
651
 
@@ -725,8 +667,6 @@ export { ComponentState }
725
667
 
726
668
  export { CompoundButton }
727
669
 
728
- export { compoundButtonClassName }
729
-
730
670
  export { compoundButtonClassNames }
731
671
 
732
672
  export { CompoundButtonProps }
@@ -737,8 +677,6 @@ export { CompoundButtonState }
737
677
 
738
678
  export { CounterBadge }
739
679
 
740
- export { counterBadgeClassName }
741
-
742
680
  export { counterBadgeClassNames }
743
681
 
744
682
  export { CounterBadgeProps }
@@ -767,14 +705,10 @@ export { CurveTokens }
767
705
 
768
706
  export { Display }
769
707
 
770
- export { displayClassName }
771
-
772
708
  export { displayClassNames }
773
709
 
774
710
  export { Divider }
775
711
 
776
- export { dividerClassName }
777
-
778
712
  export { dividerClassNames }
779
713
 
780
714
  export { DividerProps }
@@ -789,8 +723,6 @@ export { elementContains }
789
723
 
790
724
  export { FluentProvider }
791
725
 
792
- export { fluentProviderClassName }
793
-
794
726
  export { fluentProviderClassNames }
795
727
 
796
728
  export { FluentProviderContextValues }
@@ -819,18 +751,10 @@ export { getSlots }
819
751
 
820
752
  export { GriffelStyle }
821
753
 
822
- export { Headline }
823
-
824
- export { headlineClassName }
825
-
826
- export { headlineClassNames }
827
-
828
754
  export { HorizontalSpacingTokens }
829
755
 
830
756
  export { Image_2 as Image }
831
757
 
832
- export { imageClassName }
833
-
834
758
  export { imageClassNames }
835
759
 
836
760
  export { ImageProps }
@@ -841,8 +765,6 @@ export { ImageState }
841
765
 
842
766
  export { Input }
843
767
 
844
- export { inputClassName }
845
-
846
768
  export { inputClassNames }
847
769
 
848
770
  export { InputOnChangeData }
@@ -855,8 +777,6 @@ export { InputState }
855
777
 
856
778
  export { Label }
857
779
 
858
- export { labelClassName }
859
-
860
780
  export { labelClassNames }
861
781
 
862
782
  export { LabelProps }
@@ -867,16 +787,12 @@ export { LabelState }
867
787
 
868
788
  export { LargeTitle }
869
789
 
870
- export { largeTitleClassName }
871
-
872
790
  export { largeTitleClassNames }
873
791
 
874
792
  export { LineHeightTokens }
875
793
 
876
794
  export { Link }
877
795
 
878
- export { linkClassName }
879
-
880
796
  export { linkClassNames }
881
797
 
882
798
  export { LinkProps }
@@ -893,8 +809,6 @@ export { Menu }
893
809
 
894
810
  export { MenuButton }
895
811
 
896
- export { menuButtonClassName }
897
-
898
812
  export { menuButtonClassNames }
899
813
 
900
814
  export { MenuButtonProps }
@@ -907,16 +821,12 @@ export { MenuCheckedValueChangeData }
907
821
 
908
822
  export { MenuCheckedValueChangeEvent }
909
823
 
910
- export { MenuContext }
911
-
912
824
  export { MenuContextValue }
913
825
 
914
826
  export { MenuContextValues }
915
827
 
916
828
  export { MenuDivider }
917
829
 
918
- export { menuDividerClassName }
919
-
920
830
  export { menuDividerClassNames }
921
831
 
922
832
  export { MenuDividerProps }
@@ -927,8 +837,6 @@ export { MenuDividerState }
927
837
 
928
838
  export { MenuGroup }
929
839
 
930
- export { menuGroupClassName }
931
-
932
840
  export { menuGroupClassNames }
933
841
 
934
842
  export { MenuGroupContextProvider }
@@ -939,8 +847,6 @@ export { MenuGroupContextValues }
939
847
 
940
848
  export { MenuGroupHeader }
941
849
 
942
- export { menuGroupHeaderClassName }
943
-
944
850
  export { menuGroupHeaderClassNames }
945
851
 
946
852
  export { MenuGroupHeaderProps }
@@ -959,24 +865,18 @@ export { MenuItem }
959
865
 
960
866
  export { MenuItemCheckbox }
961
867
 
962
- export { menuItemCheckboxClassName }
963
-
964
868
  export { menuItemCheckboxClassNames }
965
869
 
966
870
  export { MenuItemCheckboxProps }
967
871
 
968
872
  export { MenuItemCheckboxState }
969
873
 
970
- export { menuItemClassName }
971
-
972
874
  export { menuItemClassNames }
973
875
 
974
876
  export { MenuItemProps }
975
877
 
976
878
  export { MenuItemRadio }
977
879
 
978
- export { menuItemRadioClassName }
979
-
980
880
  export { menuItemRadioClassNames }
981
881
 
982
882
  export { MenuItemRadioProps }
@@ -993,12 +893,8 @@ export { MenuItemState }
993
893
 
994
894
  export { MenuList }
995
895
 
996
- export { menuListClassName }
997
-
998
896
  export { menuListClassNames }
999
897
 
1000
- export { MenuListContext }
1001
-
1002
898
  export { MenuListContextValue }
1003
899
 
1004
900
  export { MenuListContextValues }
@@ -1017,8 +913,6 @@ export { MenuOpenEvents }
1017
913
 
1018
914
  export { MenuPopover }
1019
915
 
1020
- export { menuPopoverClassName }
1021
-
1022
916
  export { menuPopoverClassNames }
1023
917
 
1024
918
  export { MenuPopoverProps }
@@ -1035,8 +929,6 @@ export { MenuSlots }
1035
929
 
1036
930
  export { MenuSplitGroup }
1037
931
 
1038
- export { menuSplitGroupClassName }
1039
-
1040
932
  export { menuSplitGroupClassNames }
1041
933
 
1042
934
  export { MenuSplitGroupProps }
@@ -1069,20 +961,18 @@ export { PartialTheme }
1069
961
 
1070
962
  export { Popover }
1071
963
 
1072
- export { PopoverContext }
1073
-
1074
964
  export { PopoverContextValue }
1075
965
 
1076
966
  export { PopoverProps }
1077
967
 
968
+ export { PopoverProvider }
969
+
1078
970
  export { PopoverSize }
1079
971
 
1080
972
  export { PopoverState }
1081
973
 
1082
974
  export { PopoverSurface }
1083
975
 
1084
- export { popoverSurfaceClassName }
1085
-
1086
976
  export { popoverSurfaceClassNames }
1087
977
 
1088
978
  export { PopoverSurfaceProps }
@@ -1103,15 +993,17 @@ export { PortalProps }
1103
993
 
1104
994
  export { PortalState }
1105
995
 
996
+ export { PositioningImperativeRef }
997
+
1106
998
  export { PositioningProps }
1107
999
 
1108
1000
  export { PositioningShorthand }
1109
1001
 
1110
1002
  export { PositioningShorthandValue }
1111
1003
 
1112
- export { PresenceBadge }
1004
+ export { PositioningVirtualElement }
1113
1005
 
1114
- export { presenceBadgeClassName }
1006
+ export { PresenceBadge }
1115
1007
 
1116
1008
  export { presenceBadgeClassNames }
1117
1009
 
@@ -1123,18 +1015,12 @@ export { PresenceBadgeStatus }
1123
1015
 
1124
1016
  export { Radio }
1125
1017
 
1126
- export { radioClassName }
1127
-
1128
1018
  export { radioClassNames }
1129
1019
 
1130
1020
  export { RadioGroup }
1131
1021
 
1132
- export { radioGroupClassName }
1133
-
1134
1022
  export { radioGroupClassNames }
1135
1023
 
1136
- export { RadioGroupContext }
1137
-
1138
1024
  export { RadioGroupContextValue }
1139
1025
 
1140
1026
  export { RadioGroupContextValues }
@@ -1143,6 +1029,8 @@ export { RadioGroupOnChangeData }
1143
1029
 
1144
1030
  export { RadioGroupProps }
1145
1031
 
1032
+ export { RadioGroupProvider }
1033
+
1146
1034
  export { RadioGroupSlots }
1147
1035
 
1148
1036
  export { RadioGroupState }
@@ -1303,8 +1191,6 @@ export { SpinnerState }
1303
1191
 
1304
1192
  export { SplitButton }
1305
1193
 
1306
- export { splitButtonClassName }
1307
-
1308
1194
  export { splitButtonClassNames }
1309
1195
 
1310
1196
  export { SplitButtonProps }
@@ -1317,11 +1203,13 @@ export { SSRProvider }
1317
1203
 
1318
1204
  export { StrokeWidthTokens }
1319
1205
 
1320
- export { Subheadline }
1206
+ export { Subtitle1 }
1207
+
1208
+ export { subtitle1ClassNames }
1321
1209
 
1322
- export { subheadlineClassName }
1210
+ export { Subtitle2 }
1323
1211
 
1324
- export { subheadlineClassNames }
1212
+ export { subtitle2ClassNames }
1325
1213
 
1326
1214
  export { Switch }
1327
1215
 
@@ -1337,14 +1225,10 @@ export { SwitchState }
1337
1225
 
1338
1226
  export { Tab }
1339
1227
 
1340
- export { tabClassName }
1341
-
1342
1228
  export { tabClassNames }
1343
1229
 
1344
1230
  export { TabList }
1345
1231
 
1346
- export { tabListClassName }
1347
-
1348
1232
  export { tabListClassNames }
1349
1233
 
1350
1234
  export { TabListContextValue }
@@ -1385,8 +1269,6 @@ export { TextareaSlots }
1385
1269
 
1386
1270
  export { TextareaState }
1387
1271
 
1388
- export { textClassName }
1389
-
1390
1272
  export { textClassNames }
1391
1273
 
1392
1274
  export { TextProps }
@@ -1401,26 +1283,18 @@ export { themeToTokensObject }
1401
1283
 
1402
1284
  export { Title1 }
1403
1285
 
1404
- export { title1ClassName }
1405
-
1406
1286
  export { title1ClassNames }
1407
1287
 
1408
1288
  export { Title2 }
1409
1289
 
1410
- export { title2ClassName }
1411
-
1412
1290
  export { title2ClassNames }
1413
1291
 
1414
1292
  export { Title3 }
1415
1293
 
1416
- export { title3ClassName }
1417
-
1418
1294
  export { title3ClassNames }
1419
1295
 
1420
1296
  export { ToggleButton }
1421
1297
 
1422
- export { toggleButtonClassName }
1423
-
1424
1298
  export { toggleButtonClassNames }
1425
1299
 
1426
1300
  export { ToggleButtonProps }
@@ -1431,8 +1305,6 @@ export { tokens }
1431
1305
 
1432
1306
  export { Tooltip }
1433
1307
 
1434
- export { tooltipClassName }
1435
-
1436
1308
  export { tooltipClassNames }
1437
1309
 
1438
1310
  export { TooltipProps }
@@ -1453,6 +1325,8 @@ export { UninitializedMenuListState }
1453
1325
 
1454
1326
  export { useAccordion_unstable }
1455
1327
 
1328
+ export { useAccordionContext_unstable }
1329
+
1456
1330
  export { useAccordionContextValues_unstable }
1457
1331
 
1458
1332
  export { useAccordionHeader_unstable }
@@ -1629,6 +1503,8 @@ export { useRadio_unstable }
1629
1503
 
1630
1504
  export { useRadioGroup_unstable }
1631
1505
 
1506
+ export { useRadioGroupContext_unstable }
1507
+
1632
1508
  export { useRadioGroupContextValues }
1633
1509
 
1634
1510
  export { useRadioGroupStyles_unstable }
@@ -1687,8 +1563,6 @@ export { VerticalSpacingTokens }
1687
1563
 
1688
1564
  export { webDarkTheme }
1689
1565
 
1690
- export { webHighContrastTheme }
1691
-
1692
1566
  export { webLightTheme }
1693
1567
 
1694
1568
  export { }