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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -44,6 +44,7 @@ import { avatarClassName } from '@fluentui/react-avatar';
44
44
  import { avatarClassNames } from '@fluentui/react-avatar';
45
45
  import { AvatarNamedColor } from '@fluentui/react-avatar';
46
46
  import { AvatarProps } from '@fluentui/react-avatar';
47
+ import { AvatarSizes } from '@fluentui/react-avatar';
47
48
  import { AvatarSlots } from '@fluentui/react-avatar';
48
49
  import { AvatarState } from '@fluentui/react-avatar';
49
50
  import { Badge } from '@fluentui/react-badge';
@@ -66,6 +67,13 @@ import { ButtonState } from '@fluentui/react-button';
66
67
  import { Caption } from '@fluentui/react-text';
67
68
  import { captionClassName } from '@fluentui/react-text';
68
69
  import { captionClassNames } from '@fluentui/react-text';
70
+ import { Checkbox } from '@fluentui/react-checkbox';
71
+ import { checkboxClassName } from '@fluentui/react-checkbox';
72
+ import { checkboxClassNames } from '@fluentui/react-checkbox';
73
+ import { CheckboxOnChangeData } from '@fluentui/react-checkbox';
74
+ import { CheckboxProps } from '@fluentui/react-checkbox';
75
+ import { CheckboxSlots } from '@fluentui/react-checkbox';
76
+ import { CheckboxState } from '@fluentui/react-checkbox';
69
77
  import { ColorPaletteTokens } from '@fluentui/react-theme';
70
78
  import { ColorTokens } from '@fluentui/react-theme';
71
79
  import { ComponentProps } from '@fluentui/react-utilities';
@@ -128,6 +136,19 @@ import { imageClassNames } from '@fluentui/react-image';
128
136
  import { ImageProps } from '@fluentui/react-image';
129
137
  import { ImageSlots } from '@fluentui/react-image';
130
138
  import { ImageState } from '@fluentui/react-image';
139
+ import { Input } from '@fluentui/react-input';
140
+ import { inputClassName } from '@fluentui/react-input';
141
+ import { inputClassNames } from '@fluentui/react-input';
142
+ import { InputOnChangeData } from '@fluentui/react-input';
143
+ import { InputProps } from '@fluentui/react-input';
144
+ import { InputSlots } from '@fluentui/react-input';
145
+ import { InputState } from '@fluentui/react-input';
146
+ import { Label } from '@fluentui/react-label';
147
+ import { labelClassName } from '@fluentui/react-label';
148
+ import { labelClassNames } from '@fluentui/react-label';
149
+ import { LabelProps } from '@fluentui/react-label';
150
+ import { LabelSlots } from '@fluentui/react-label';
151
+ import { LabelState } from '@fluentui/react-label';
131
152
  import { LargeTitle } from '@fluentui/react-text';
132
153
  import { largeTitleClassName } from '@fluentui/react-text';
133
154
  import { largeTitleClassNames } from '@fluentui/react-text';
@@ -273,6 +294,7 @@ import { RadioOnChangeData } from '@fluentui/react-radio';
273
294
  import { RadioProps } from '@fluentui/react-radio';
274
295
  import { RadioSlots } from '@fluentui/react-radio';
275
296
  import { RadioState } from '@fluentui/react-radio';
297
+ import { RegisterTabEventHandler } from '@fluentui/react-tabs';
276
298
  import { renderAccordion_unstable } from '@fluentui/react-accordion';
277
299
  import { renderAccordionHeader_unstable } from '@fluentui/react-accordion';
278
300
  import { renderAccordionItem_unstable } from '@fluentui/react-accordion';
@@ -280,11 +302,14 @@ import { renderAccordionPanel_unstable } from '@fluentui/react-accordion';
280
302
  import { renderAvatar_unstable } from '@fluentui/react-avatar';
281
303
  import { renderBadge_unstable } from '@fluentui/react-badge';
282
304
  import { renderButton_unstable } from '@fluentui/react-button';
305
+ import { renderCheckbox_unstable } from '@fluentui/react-checkbox';
283
306
  import { renderCompoundButton_unstable } from '@fluentui/react-button';
284
307
  import { renderDivider_unstable } from '@fluentui/react-divider';
285
308
  import { RendererProvider } from '@griffel/react';
286
309
  import { renderFluentProvider_unstable } from '@fluentui/react-provider';
287
310
  import { renderImage_unstable } from '@fluentui/react-image';
311
+ import { renderInput_unstable } from '@fluentui/react-input';
312
+ import { renderLabel_unstable } from '@fluentui/react-label';
288
313
  import { renderLink_unstable } from '@fluentui/react-link';
289
314
  import { renderMenu_unstable } from '@fluentui/react-menu';
290
315
  import { renderMenuButton_unstable } from '@fluentui/react-button';
@@ -305,8 +330,13 @@ import { renderPortal_unstable } from '@fluentui/react-portal';
305
330
  import { renderRadio_unstable } from '@fluentui/react-radio';
306
331
  import { renderRadioGroup_unstable } from '@fluentui/react-radio';
307
332
  import { renderSlider_unstable } from '@fluentui/react-slider';
333
+ import { renderSpinner_unstable } from '@fluentui/react-spinner';
308
334
  import { renderSplitButton_unstable } from '@fluentui/react-button';
335
+ import { renderSwitch_unstable } from '@fluentui/react-switch';
336
+ import { renderTab_unstable } from '@fluentui/react-tabs';
337
+ import { renderTabList_unstable } from '@fluentui/react-tabs';
309
338
  import { renderText_unstable } from '@fluentui/react-text';
339
+ import { renderTextarea_unstable } from '@fluentui/react-textarea';
310
340
  import { renderToggleButton_unstable } from '@fluentui/react-button';
311
341
  import { renderTooltip_unstable } from '@fluentui/react-tooltip';
312
342
  import { renderToStyleElements } from '@griffel/react';
@@ -315,6 +345,9 @@ import { resolveShorthand } from '@fluentui/react-utilities';
315
345
  import { ResolveShorthandFunction } from '@fluentui/react-utilities';
316
346
  import { ResolveShorthandOptions } from '@fluentui/react-utilities';
317
347
  import { SelectableHandler } from '@fluentui/react-menu';
348
+ import { SelectTabData } from '@fluentui/react-tabs';
349
+ import { SelectTabEvent } from '@fluentui/react-tabs';
350
+ import { SelectTabEventHandler } from '@fluentui/react-tabs';
318
351
  import { setVirtualParent } from '@fluentui/react-portal';
319
352
  import { ShadowBrandTokens } from '@fluentui/react-theme';
320
353
  import { ShadowTokens } from '@fluentui/react-theme';
@@ -329,6 +362,11 @@ import { Slot } from '@fluentui/react-utilities';
329
362
  import { SlotClassNames } from '@fluentui/react-utilities';
330
363
  import { SlotPropsRecord } from '@fluentui/react-utilities';
331
364
  import { SpacingTokens } from '@fluentui/react-theme';
365
+ import { Spinner } from '@fluentui/react-spinner';
366
+ import { spinnerClassNames } from '@fluentui/react-spinner';
367
+ import { SpinnerProps } from '@fluentui/react-spinner';
368
+ import { SpinnerSlots } from '@fluentui/react-spinner';
369
+ import { SpinnerState } from '@fluentui/react-spinner';
332
370
  import { SplitButton } from '@fluentui/react-button';
333
371
  import { splitButtonClassName } from '@fluentui/react-button';
334
372
  import { splitButtonClassNames } from '@fluentui/react-button';
@@ -340,10 +378,37 @@ import { StrokeWidthTokens } from '@fluentui/react-theme';
340
378
  import { Subheadline } from '@fluentui/react-text';
341
379
  import { subheadlineClassName } from '@fluentui/react-text';
342
380
  import { subheadlineClassNames } from '@fluentui/react-text';
381
+ import { Switch } from '@fluentui/react-switch';
382
+ import { switchClassNames } from '@fluentui/react-switch';
383
+ import { SwitchOnChangeData } from '@fluentui/react-switch';
384
+ import { SwitchProps } from '@fluentui/react-switch';
385
+ import { SwitchSlots } from '@fluentui/react-switch';
386
+ import { SwitchState } from '@fluentui/react-switch';
387
+ import { Tab } from '@fluentui/react-tabs';
388
+ import { tabClassName } from '@fluentui/react-tabs';
389
+ import { tabClassNames } from '@fluentui/react-tabs';
390
+ import { TabList } from '@fluentui/react-tabs';
391
+ import { tabListClassName } from '@fluentui/react-tabs';
392
+ import { tabListClassNames } from '@fluentui/react-tabs';
393
+ import { TabListContextValue } from '@fluentui/react-tabs';
394
+ import { TabListContextValues } from '@fluentui/react-tabs';
395
+ import { TabListProps } from '@fluentui/react-tabs';
396
+ import { TabListSlots } from '@fluentui/react-tabs';
397
+ import { TabListState } from '@fluentui/react-tabs';
398
+ import { TabProps } from '@fluentui/react-tabs';
399
+ import { TabRegisterData } from '@fluentui/react-tabs';
400
+ import { TabSlots } from '@fluentui/react-tabs';
401
+ import { TabState } from '@fluentui/react-tabs';
402
+ import { TabValue } from '@fluentui/react-tabs';
343
403
  import { teamsDarkTheme } from '@fluentui/react-theme';
344
404
  import { teamsHighContrastTheme } from '@fluentui/react-theme';
345
405
  import { teamsLightTheme } from '@fluentui/react-theme';
346
406
  import { Text as Text_2 } from '@fluentui/react-text';
407
+ import { Textarea } from '@fluentui/react-textarea';
408
+ import { textareaClassNames } from '@fluentui/react-textarea';
409
+ import { TextareaProps } from '@fluentui/react-textarea';
410
+ import { TextareaSlots } from '@fluentui/react-textarea';
411
+ import { TextareaState } from '@fluentui/react-textarea';
347
412
  import { textClassName } from '@fluentui/react-text';
348
413
  import { textClassNames } from '@fluentui/react-text';
349
414
  import { TextProps } from '@fluentui/react-text';
@@ -397,6 +462,8 @@ import { useBadge_unstable } from '@fluentui/react-badge';
397
462
  import { useBadgeStyles_unstable } from '@fluentui/react-badge';
398
463
  import { useButton_unstable } from '@fluentui/react-button';
399
464
  import { useButtonStyles_unstable } from '@fluentui/react-button';
465
+ import { useCheckbox_unstable } from '@fluentui/react-checkbox';
466
+ import { useCheckboxStyles_unstable } from '@fluentui/react-checkbox';
400
467
  import { useCheckmarkStyles_unstable } from '@fluentui/react-menu';
401
468
  import { useCompoundButton_unstable } from '@fluentui/react-button';
402
469
  import { useCompoundButtonStyles_unstable } from '@fluentui/react-button';
@@ -414,8 +481,12 @@ import { useFocusFinders } from '@fluentui/react-tabster';
414
481
  import { useId } from '@fluentui/react-utilities';
415
482
  import { useImage_unstable } from '@fluentui/react-image';
416
483
  import { useImageStyles_unstable } from '@fluentui/react-image';
484
+ import { useInput_unstable } from '@fluentui/react-input';
485
+ import { useInputStyles_unstable } from '@fluentui/react-input';
417
486
  import { useIsSSR } from '@fluentui/react-utilities';
418
487
  import { useKeyboardNavAttribute } from '@fluentui/react-tabster';
488
+ import { useLabel_unstable } from '@fluentui/react-label';
489
+ import { useLabelStyles_unstable } from '@fluentui/react-label';
419
490
  import { useLink_unstable } from '@fluentui/react-link';
420
491
  import { useLinkState_unstable } from '@fluentui/react-link';
421
492
  import { useLinkStyles_unstable } from '@fluentui/react-link';
@@ -466,10 +537,20 @@ import { useRadioStyles_unstable } from '@fluentui/react-radio';
466
537
  import { useSlider_unstable } from '@fluentui/react-slider';
467
538
  import { useSliderState_unstable } from '@fluentui/react-slider';
468
539
  import { useSliderStyles_unstable } from '@fluentui/react-slider';
540
+ import { useSpinner_unstable } from '@fluentui/react-spinner';
541
+ import { useSpinnerStyles_unstable } from '@fluentui/react-spinner';
469
542
  import { useSplitButton_unstable } from '@fluentui/react-button';
470
543
  import { useSplitButtonStyles_unstable } from '@fluentui/react-button';
471
544
  import { useSSRContext } from '@fluentui/react-utilities';
545
+ import { useSwitch_unstable } from '@fluentui/react-switch';
546
+ import { useSwitchStyles_unstable } from '@fluentui/react-switch';
547
+ import { useTab_unstable } from '@fluentui/react-tabs';
548
+ import { useTabList_unstable } from '@fluentui/react-tabs';
549
+ import { useTabListStyles_unstable } from '@fluentui/react-tabs';
550
+ import { useTabStyles_unstable } from '@fluentui/react-tabs';
472
551
  import { useText_unstable } from '@fluentui/react-text';
552
+ import { useTextarea_unstable } from '@fluentui/react-textarea';
553
+ import { useTextareaStyles_unstable } from '@fluentui/react-textarea';
473
554
  import { useTextStyles_unstable } from '@fluentui/react-text';
474
555
  import { useThemeClassName } from '@fluentui/react-shared-contexts';
475
556
  import { useToggleButton_unstable } from '@fluentui/react-button';
@@ -574,6 +655,8 @@ export { AvatarNamedColor }
574
655
 
575
656
  export { AvatarProps }
576
657
 
658
+ export { AvatarSizes }
659
+
577
660
  export { AvatarSlots }
578
661
 
579
662
  export { AvatarState }
@@ -618,6 +701,20 @@ export { captionClassName }
618
701
 
619
702
  export { captionClassNames }
620
703
 
704
+ export { Checkbox }
705
+
706
+ export { checkboxClassName }
707
+
708
+ export { checkboxClassNames }
709
+
710
+ export { CheckboxOnChangeData }
711
+
712
+ export { CheckboxProps }
713
+
714
+ export { CheckboxSlots }
715
+
716
+ export { CheckboxState }
717
+
621
718
  export { ColorPaletteTokens }
622
719
 
623
720
  export { ColorTokens }
@@ -742,6 +839,32 @@ export { ImageSlots }
742
839
 
743
840
  export { ImageState }
744
841
 
842
+ export { Input }
843
+
844
+ export { inputClassName }
845
+
846
+ export { inputClassNames }
847
+
848
+ export { InputOnChangeData }
849
+
850
+ export { InputProps }
851
+
852
+ export { InputSlots }
853
+
854
+ export { InputState }
855
+
856
+ export { Label }
857
+
858
+ export { labelClassName }
859
+
860
+ export { labelClassNames }
861
+
862
+ export { LabelProps }
863
+
864
+ export { LabelSlots }
865
+
866
+ export { LabelState }
867
+
745
868
  export { LargeTitle }
746
869
 
747
870
  export { largeTitleClassName }
@@ -1032,6 +1155,8 @@ export { RadioSlots }
1032
1155
 
1033
1156
  export { RadioState }
1034
1157
 
1158
+ export { RegisterTabEventHandler }
1159
+
1035
1160
  export { renderAccordion_unstable }
1036
1161
 
1037
1162
  export { renderAccordionHeader_unstable }
@@ -1046,6 +1171,8 @@ export { renderBadge_unstable }
1046
1171
 
1047
1172
  export { renderButton_unstable }
1048
1173
 
1174
+ export { renderCheckbox_unstable }
1175
+
1049
1176
  export { renderCompoundButton_unstable }
1050
1177
 
1051
1178
  export { renderDivider_unstable }
@@ -1056,6 +1183,10 @@ export { renderFluentProvider_unstable }
1056
1183
 
1057
1184
  export { renderImage_unstable }
1058
1185
 
1186
+ export { renderInput_unstable }
1187
+
1188
+ export { renderLabel_unstable }
1189
+
1059
1190
  export { renderLink_unstable }
1060
1191
 
1061
1192
  export { renderMenu_unstable }
@@ -1096,10 +1227,20 @@ export { renderRadioGroup_unstable }
1096
1227
 
1097
1228
  export { renderSlider_unstable }
1098
1229
 
1230
+ export { renderSpinner_unstable }
1231
+
1099
1232
  export { renderSplitButton_unstable }
1100
1233
 
1234
+ export { renderSwitch_unstable }
1235
+
1236
+ export { renderTab_unstable }
1237
+
1238
+ export { renderTabList_unstable }
1239
+
1101
1240
  export { renderText_unstable }
1102
1241
 
1242
+ export { renderTextarea_unstable }
1243
+
1103
1244
  export { renderToggleButton_unstable }
1104
1245
 
1105
1246
  export { renderTooltip_unstable }
@@ -1116,6 +1257,12 @@ export { ResolveShorthandOptions }
1116
1257
 
1117
1258
  export { SelectableHandler }
1118
1259
 
1260
+ export { SelectTabData }
1261
+
1262
+ export { SelectTabEvent }
1263
+
1264
+ export { SelectTabEventHandler }
1265
+
1119
1266
  export { setVirtualParent }
1120
1267
 
1121
1268
  export { ShadowBrandTokens }
@@ -1144,6 +1291,16 @@ export { SlotPropsRecord }
1144
1291
 
1145
1292
  export { SpacingTokens }
1146
1293
 
1294
+ export { Spinner }
1295
+
1296
+ export { spinnerClassNames }
1297
+
1298
+ export { SpinnerProps }
1299
+
1300
+ export { SpinnerSlots }
1301
+
1302
+ export { SpinnerState }
1303
+
1147
1304
  export { SplitButton }
1148
1305
 
1149
1306
  export { splitButtonClassName }
@@ -1166,6 +1323,50 @@ export { subheadlineClassName }
1166
1323
 
1167
1324
  export { subheadlineClassNames }
1168
1325
 
1326
+ export { Switch }
1327
+
1328
+ export { switchClassNames }
1329
+
1330
+ export { SwitchOnChangeData }
1331
+
1332
+ export { SwitchProps }
1333
+
1334
+ export { SwitchSlots }
1335
+
1336
+ export { SwitchState }
1337
+
1338
+ export { Tab }
1339
+
1340
+ export { tabClassName }
1341
+
1342
+ export { tabClassNames }
1343
+
1344
+ export { TabList }
1345
+
1346
+ export { tabListClassName }
1347
+
1348
+ export { tabListClassNames }
1349
+
1350
+ export { TabListContextValue }
1351
+
1352
+ export { TabListContextValues }
1353
+
1354
+ export { TabListProps }
1355
+
1356
+ export { TabListSlots }
1357
+
1358
+ export { TabListState }
1359
+
1360
+ export { TabProps }
1361
+
1362
+ export { TabRegisterData }
1363
+
1364
+ export { TabSlots }
1365
+
1366
+ export { TabState }
1367
+
1368
+ export { TabValue }
1369
+
1169
1370
  export { teamsDarkTheme }
1170
1371
 
1171
1372
  export { teamsHighContrastTheme }
@@ -1174,6 +1375,16 @@ export { teamsLightTheme }
1174
1375
 
1175
1376
  export { Text_2 as Text }
1176
1377
 
1378
+ export { Textarea }
1379
+
1380
+ export { textareaClassNames }
1381
+
1382
+ export { TextareaProps }
1383
+
1384
+ export { TextareaSlots }
1385
+
1386
+ export { TextareaState }
1387
+
1177
1388
  export { textClassName }
1178
1389
 
1179
1390
  export { textClassNames }
@@ -1280,6 +1491,10 @@ export { useButton_unstable }
1280
1491
 
1281
1492
  export { useButtonStyles_unstable }
1282
1493
 
1494
+ export { useCheckbox_unstable }
1495
+
1496
+ export { useCheckboxStyles_unstable }
1497
+
1283
1498
  export { useCheckmarkStyles_unstable }
1284
1499
 
1285
1500
  export { useCompoundButton_unstable }
@@ -1314,10 +1529,18 @@ export { useImage_unstable }
1314
1529
 
1315
1530
  export { useImageStyles_unstable }
1316
1531
 
1532
+ export { useInput_unstable }
1533
+
1534
+ export { useInputStyles_unstable }
1535
+
1317
1536
  export { useIsSSR }
1318
1537
 
1319
1538
  export { useKeyboardNavAttribute }
1320
1539
 
1540
+ export { useLabel_unstable }
1541
+
1542
+ export { useLabelStyles_unstable }
1543
+
1321
1544
  export { useLink_unstable }
1322
1545
 
1323
1546
  export { useLinkState_unstable }
@@ -1418,14 +1641,34 @@ export { useSliderState_unstable }
1418
1641
 
1419
1642
  export { useSliderStyles_unstable }
1420
1643
 
1644
+ export { useSpinner_unstable }
1645
+
1646
+ export { useSpinnerStyles_unstable }
1647
+
1421
1648
  export { useSplitButton_unstable }
1422
1649
 
1423
1650
  export { useSplitButtonStyles_unstable }
1424
1651
 
1425
1652
  export { useSSRContext }
1426
1653
 
1654
+ export { useSwitch_unstable }
1655
+
1656
+ export { useSwitchStyles_unstable }
1657
+
1658
+ export { useTab_unstable }
1659
+
1660
+ export { useTabList_unstable }
1661
+
1662
+ export { useTabListStyles_unstable }
1663
+
1664
+ export { useTabStyles_unstable }
1665
+
1427
1666
  export { useText_unstable }
1428
1667
 
1668
+ export { useTextarea_unstable }
1669
+
1670
+ export { useTextareaStyles_unstable }
1671
+
1429
1672
  export { useTextStyles_unstable }
1430
1673
 
1431
1674
  export { useThemeClassName }