fluentui
fluentui copied to clipboard
chore(web-components): Use Playwright fixture for tests
Previous Behavior
The Playwright tests relied on Storybook as its harness/fixture provider. This was slow and never properly utilized Storybook's features as was intended. It added extra runtime overhead as well as potential for environment pollution.
New Behavior
Tests now use a Playwright fixture, called fastPage, which uses a lightweight harness to provide all component definitions in the browser.
It also provides a safer and more controlled approach for automatically generating components, providing attributes, and inserting slotted content.
- Upgrades
Playwrightto 1.48.0 - Adds
viteas a devDependency - Rewrites all test fixtures to use
fastPage
📊 Bundle size report
✅ No changes found
Perf Analysis (@fluentui/react-northstar)
:warning: 1 potential perf regressions detected
Potential regressions comparing to master
| Scenario | Current PR Ticks | Baseline Ticks | Ratio | Regression Analysis |
|---|---|---|---|---|
| AlertMinimalPerf.default | 161 | 158 | 1.02:1 | analysis |
Perf tests with no regressions
| Scenario | Current PR Ticks | Baseline Ticks | Ratio |
|---|---|---|---|
| PortalMinimalPerf.default | 97 | 83 | 1.17:1 |
| ButtonMinimalPerf.default | 93 | 84 | 1.11:1 |
| HeaderMinimalPerf.default | 221 | 201 | 1.1:1 |
| LabelMinimalPerf.default | 230 | 209 | 1.1:1 |
| RefMinimalPerf.default | 118 | 108 | 1.09:1 |
| TextAreaMinimalPerf.default | 315 | 289 | 1.09:1 |
| TooltipMinimalPerf.default | 1382 | 1263 | 1.09:1 |
| ListNestedPerf.default | 326 | 303 | 1.08:1 |
| VideoMinimalPerf.default | 455 | 423 | 1.08:1 |
| AttachmentMinimalPerf.default | 90 | 84 | 1.07:1 |
| ChatDuplicateMessagesPerf.default | 161 | 152 | 1.06:1 |
| ChatWithPopoverPerf.default | 209 | 198 | 1.06:1 |
| CarouselMinimalPerf.default | 267 | 255 | 1.05:1 |
| ListCommonPerf.default | 400 | 381 | 1.05:1 |
| LoaderMinimalPerf.default | 201 | 192 | 1.05:1 |
| ToolbarMinimalPerf.default | 571 | 546 | 1.05:1 |
| AvatarMinimalPerf.default | 110 | 106 | 1.04:1 |
| DropdownManyItemsPerf.default | 414 | 399 | 1.04:1 |
| ListMinimalPerf.default | 315 | 304 | 1.04:1 |
| ProviderMergeThemesPerf.default | 681 | 656 | 1.04:1 |
| ButtonSlotsPerf.default | 336 | 326 | 1.03:1 |
| DividerMinimalPerf.default | 217 | 210 | 1.03:1 |
| GridMinimalPerf.default | 194 | 189 | 1.03:1 |
| StatusMinimalPerf.default | 403 | 393 | 1.03:1 |
| TextMinimalPerf.default | 196 | 191 | 1.03:1 |
| TreeMinimalPerf.default | 486 | 471 | 1.03:1 |
| AttachmentSlotsPerf.default | 662 | 651 | 1.02:1 |
| BoxMinimalPerf.default | 196 | 193 | 1.02:1 |
| DropdownMinimalPerf.default | 1442 | 1413 | 1.02:1 |
| EmbedMinimalPerf.default | 1945 | 1898 | 1.02:1 |
| InputMinimalPerf.default | 539 | 526 | 1.02:1 |
| RosterPerf.default | 1578 | 1552 | 1.02:1 |
| SegmentMinimalPerf.default | 197 | 193 | 1.02:1 |
| TableMinimalPerf.default | 233 | 229 | 1.02:1 |
| CheckboxMinimalPerf.default | 1147 | 1141 | 1.01:1 |
| DatepickerMinimalPerf.default | 3635 | 3613 | 1.01:1 |
| ImageMinimalPerf.default | 218 | 215 | 1.01:1 |
| PopupMinimalPerf.default | 348 | 344 | 1.01:1 |
| ProviderMinimalPerf.default | 199 | 197 | 1.01:1 |
| TableManyItemsPerf.default | 1107 | 1097 | 1.01:1 |
| FlexMinimalPerf.default | 159 | 159 | 1:1 |
| HeaderSlotsPerf.default | 468 | 467 | 1:1 |
| ItemLayoutMinimalPerf.default | 696 | 697 | 1:1 |
| ReactionMinimalPerf.default | 210 | 210 | 1:1 |
| ButtonOverridesMissPerf.default | 649 | 655 | 0.99:1 |
| CardMinimalPerf.default | 309 | 312 | 0.99:1 |
| LayoutMinimalPerf.default | 197 | 199 | 0.99:1 |
| MenuMinimalPerf.default | 491 | 494 | 0.99:1 |
| RadioGroupMinimalPerf.default | 261 | 263 | 0.99:1 |
| CustomToolbarPrototype.default | 1475 | 1489 | 0.99:1 |
| AccordionMinimalPerf.default | 85 | 87 | 0.98:1 |
| AnimationMinimalPerf.default | 292 | 297 | 0.98:1 |
| ChatMinimalPerf.default | 438 | 447 | 0.98:1 |
| DialogMinimalPerf.default | 438 | 447 | 0.98:1 |
| ListWith60ListItems.default | 363 | 369 | 0.98:1 |
| MenuButtonMinimalPerf.default | 954 | 972 | 0.98:1 |
| SliderMinimalPerf.default | 730 | 745 | 0.98:1 |
| SplitButtonMinimalPerf.default | 2242 | 2289 | 0.98:1 |
| SkeletonMinimalPerf.default | 196 | 205 | 0.96:1 |
| FormMinimalPerf.default | 220 | 231 | 0.95:1 |
| TreeWith60ListItems.default | 89 | 96 | 0.93:1 |
| IconMinimalPerf.default | 355 | 389 | 0.91:1 |
Perf Analysis (@fluentui/react-components)
No significant results to display.
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 625 | 639 | 5000 | |
| Button | mount | 308 | 305 | 5000 | |
| Field | mount | 1134 | 1113 | 5000 | |
| FluentProvider | mount | 701 | 713 | 5000 | |
| FluentProviderWithTheme | mount | 95 | 83 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 37 | 40 | 10 | |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 78 | 90 | 10 | |
| MakeStyles | mount | 860 | 870 | 50000 | |
| Persona | mount | 1758 | 1711 | 5000 | |
| SpinButton | mount | 1378 | 1389 | 5000 | |
| SwatchPicker | mount | 1656 | 1670 | 5000 |
Perf Analysis (@fluentui/react)
No significant results to display.
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| BaseButton | mount | 631 | 641 | 5000 | |
| Breadcrumb | mount | 1703 | 1717 | 1000 | |
| Checkbox | mount | 1714 | 1739 | 5000 | |
| CheckboxBase | mount | 1498 | 1472 | 5000 | |
| ChoiceGroup | mount | 3004 | 3043 | 5000 | |
| ComboBox | mount | 694 | 701 | 1000 | |
| CommandBar | mount | 6767 | 6924 | 1000 | |
| ContextualMenu | mount | 14645 | 14942 | 1000 | |
| DefaultButton | mount | 786 | 805 | 5000 | |
| DetailsRow | mount | 2186 | 2243 | 5000 | |
| DetailsRowFast | mount | 2247 | 2314 | 5000 | |
| DetailsRowNoStyles | mount | 2085 | 2106 | 5000 | |
| Dialog | mount | 2879 | 2905 | 1000 | |
| DocumentCardTitle | mount | 235 | 242 | 1000 | |
| Dropdown | mount | 2009 | 2028 | 5000 | |
| FocusTrapZone | mount | 1142 | 1176 | 5000 | |
| FocusZone | mount | 1083 | 1121 | 5000 | |
| GroupedList | mount | 42585 | 42371 | 2 | |
| GroupedList | virtual-rerender | 20400 | 20570 | 2 | |
| GroupedList | virtual-rerender-with-unmount | 52207 | 52574 | 2 | |
| GroupedListV2 | mount | 240 | 234 | 2 | |
| GroupedListV2 | virtual-rerender | 212 | 227 | 2 | |
| GroupedListV2 | virtual-rerender-with-unmount | 239 | 235 | 2 | |
| IconButton | mount | 1140 | 1145 | 5000 | |
| Label | mount | 355 | 349 | 5000 | |
| Layer | mount | 2784 | 2815 | 5000 | |
| Link | mount | 390 | 402 | 5000 | |
| MenuButton | mount | 983 | 992 | 5000 | |
| MessageBar | mount | 21471 | 21375 | 5000 | |
| Nav | mount | 2052 | 2059 | 1000 | |
| OverflowSet | mount | 814 | 777 | 5000 | |
| Panel | mount | 2085 | 1827 | 1000 | |
| Persona | mount | 744 | 763 | 1000 | |
| Pivot | mount | 902 | 924 | 1000 | |
| PrimaryButton | mount | 931 | 952 | 5000 | |
| Rating | mount | 4703 | 4632 | 5000 | |
| SearchBox | mount | 927 | 938 | 5000 | |
| Shimmer | mount | 1915 | 1932 | 5000 | |
| Slider | mount | 1343 | 1354 | 5000 | |
| SpinButton | mount | 3015 | 3024 | 5000 | |
| Spinner | mount | 402 | 399 | 5000 | |
| SplitButton | mount | 1919 | 1903 | 5000 | |
| Stack | mount | 436 | 427 | 5000 | |
| StackWithIntrinsicChildren | mount | 862 | 862 | 5000 | |
| StackWithTextChildren | mount | 2811 | 2815 | 5000 | |
| SwatchColorPicker | mount | 6396 | 6422 | 5000 | |
| TagPicker | mount | 1478 | 1491 | 5000 | |
| Text | mount | 388 | 395 | 5000 | |
| TextField | mount | 955 | 962 | 5000 | |
| ThemeProvider | mount | 872 | 879 | 5000 | |
| ThemeProvider | virtual-rerender | 597 | 590 | 5000 | |
| ThemeProvider | virtual-rerender-with-unmount | 1323 | 1296 | 5000 | |
| Toggle | mount | 610 | 606 | 5000 | |
| buttonNative | mount | 203 | 205 | 5000 |
📊 Bundle size report
| Package & Exports | Baseline (minified/GZIP) | PR | Change |
|---|---|---|---|
| react ExtendedPicker |
96.873 kB27.893 kB |
96.873 kB27.892 kB |
-1 B |
| react FloatingPicker |
242.366 kB69.001 kB |
242.366 kB69.002 kB |
1 B |
| react Pickers |
298.98 kB83.625 kB |
298.98 kB83.626 kB |
1 B |
| react Fluent UI React (entire library) |
1.018 MB282.923 kB |
1.018 MB282.925 kB |
2 B |
| react SelectedItemsList |
232.878 kB67.891 kB |
232.878 kB67.893 kB |
2 B |
Unchanged fixtures
| Package & Exports | Size (minified/GZIP) |
|---|---|
| global-context createContext |
510 B328 B |
| global-context createContextSelector |
537 B339 B |
| keyboard-key keyboard-key package |
3.746 kB1.928 kB |
| keyboard-keys Multiple keyCodes |
50 B70 B |
| keyboard-keys Multiple keys |
87 B94 B |
| keyboard-keys Single key |
44 B64 B |
| keyboard-keys Single keyCode |
39 B59 B |
| priority-overflow createOverflowManager |
4.457 kB1.856 kB |
| react ActivityItem |
71.236 kB23.357 kB |
| react Announced |
38.489 kB13.296 kB |
| react Autofill |
15.42 kB4.766 kB |
| react Breadcrumb |
202.318 kB60.388 kB |
| react Button |
195.791 kB56.627 kB |
| react ButtonGrid |
180.722 kB54.627 kB |
| react Calendar |
121.875 kB37.024 kB |
| react Callout |
84.323 kB27.64 kB |
| react Check |
53.204 kB17.848 kB |
| react Checkbox |
59.985 kB19.903 kB |
| react ChoiceGroup |
65.494 kB21.489 kB |
| react ChoiceGroupOption |
58.767 kB19.362 kB |
| react Coachmark |
93.144 kB29.42 kB |
| react Color |
7.789 kB3.127 kB |
| react ColorPicker |
135.292 kB42.21 kB |
| react ComboBox |
252.24 kB72.304 kB |
| react CommandBar |
203.359 kB60.141 kB |
| react ContextualMenu |
155.243 kB48.202 kB |
| react DatePicker |
184.295 kB56.15 kB |
| react DateTimeUtilities |
5.244 kB1.849 kB |
| react DetailsList |
229.909 kB65.781 kB |
| react Dialog |
211.717 kB63.165 kB |
| react Divider |
19.603 kB6.845 kB |
| react DocumentCard |
217.336 kB64.44 kB |
| react DragDrop |
8.343 kB2.724 kB |
| react DraggableZone |
34.303 kB11.511 kB |
| react Dropdown |
234.695 kB68.743 kB |
| react Fabric |
41.745 kB14.366 kB |
| react Facepile |
210.893 kB63.167 kB |
| react FocusTrapZone |
17.023 kB5.911 kB |
| react FocusZone |
55.159 kB17.492 kB |
| react Grid |
180.722 kB54.627 kB |
| react GroupedList |
135.07 kB40.7 kB |
| react GroupedListV2 |
122.687 kB37.788 kB |
| react HoverCard |
97.16 kB30.787 kB |
| react Icon |
51.885 kB17.272 kB |
| react Icons |
66.361 kB24.397 kB |
| react Image |
46.904 kB15.707 kB |
| react Keytip |
81.693 kB26.766 kB |
| react KeytipData |
14.032 kB4.582 kB |
| react KeytipLayer |
103.474 kB32.015 kB |
| react Keytips |
106.238 kB33.013 kB |
| react Label |
38.347 kB13.257 kB |
| react Layer |
48.099 kB16.367 kB |
| react Link |
39.682 kB13.67 kB |
| react List |
39.371 kB12.463 kB |
| react MarqueeSelection |
74.517 kB22.433 kB |
| react MessageBar |
190.869 kB57.103 kB |
| react Modal |
93.738 kB30.271 kB |
| react Nav |
188.306 kB56.485 kB |
| react OverflowSet |
33.385 kB11.314 kB |
| react Overlay |
40.902 kB14.095 kB |
| react Panel |
201.808 kB60.106 kB |
| react Persona |
114.948 kB36.532 kB |
| react PersonaCoin |
114.948 kB36.532 kB |
| react PersonaPresence |
58.074 kB19.384 kB |
| react Pivot |
189.226 kB57.267 kB |
| react Popup |
12.294 kB4.195 kB |
| react Positioning |
22.807 kB7.701 kB |
| react PositioningContainer |
73.85 kB23.765 kB |
| react ProgressIndicator |
39.494 kB13.55 kB |
| react Rating |
82.12 kB26.127 kB |
| react ResizeGroup |
13.338 kB4.377 kB |
| react ResponsiveMode |
8.13 kB2.966 kB |
| react ScrollablePane |
55.557 kB17.728 kB |
| react SearchBox |
189.118 kB56.68 kB |
| react SelectableOption |
724 B413 B |
| react Selection |
42.444 kB12.278 kB |
| react Separator |
35.384 kB12.146 kB |
| react Shimmer |
49.259 kB16.268 kB |
| react ShimmeredDetailsList |
240.691 kB68.532 kB |
| react Slider |
57.651 kB19.217 kB |
| react SpinButton |
192.821 kB57.775 kB |
| react Spinner |
41.775 kB14.48 kB |
| react Stack |
42.074 kB14.405 kB |
| react Sticky |
32.599 kB10.504 kB |
| react Styling |
46.033 kB15.135 kB |
| react SwatchColorPicker |
191.136 kB58.151 kB |
| react TeachingBubble |
206.139 kB61.063 kB |
| react Text |
36.908 kB12.822 kB |
| react TextField |
80.79 kB25.315 kB |
| react Theme |
43.493 kB14.173 kB |
| react ThemeGenerator |
12.392 kB4.126 kB |
| react TimePicker |
242.051 kB70.061 kB |
| react Toggle |
46.225 kB15.986 kB |
| react Tooltip |
87.437 kB28.26 kB |
| react Utilities |
82.931 kB25.148 kB |
| react Viewport |
23.888 kB7.656 kB |
| react WeeklyDayPicker |
102.017 kB31.834 kB |
| react WindowProvider |
1.059 kB541 B |
| react-accordion Accordion (including children components) |
107.08 kB32.786 kB |
| react-aria ARIA - Default |
237 B181 B |
| react-avatar Avatar |
49.303 kB15.815 kB |
| react-avatar AvatarGroup |
20.106 kB7.968 kB |
| react-avatar AvatarGroupItem |
63.447 kB20.034 kB |
| react-badge Badge |
25.954 kB8.595 kB |
| react-badge CounterBadge |
26.733 kB8.872 kB |
| react-badge PresenceBadge |
25.719 kB9.457 kB |
| react-breadcrumb @fluentui/react-breadcrumb - package |
114.291 kB31.695 kB |
| react-button Button |
37.174 kB10.803 kB |
| react-button CompoundButton |
43.588 kB12.101 kB |
| react-button MenuButton |
41.989 kB12.144 kB |
| react-button SplitButton |
50.006 kB13.716 kB |
| react-button ToggleButton |
53.107 kB12.561 kB |
| react-calendar-compat Calendar Compat |
150.095 kB40.026 kB |
| react-card Card - All |
101.77 kB28.772 kB |
| react-card Card |
94.544 kB26.951 kB |
| react-card CardFooter |
14.355 kB5.79 kB |
| react-card CardHeader |
16.888 kB6.669 kB |
| react-card CardPreview |
14.42 kB5.922 kB |
| react-checkbox Checkbox |
35.118 kB12.077 kB |
| react-color-picker-preview ColorArea |
50.263 kB17.553 kB |
| react-color-picker-preview ColorPicker |
32.22 kB11.925 kB |
| react-color-picker-preview ColorSlider |
41.577 kB15.42 kB |
| react-combobox Combobox (including child components) |
105.536 kB34.512 kB |
| react-combobox Dropdown (including child components) |
106.16 kB34.454 kB |
| react-components react-components: Button, FluentProvider & webLightTheme |
69.21 kB20.174 kB |
| react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover |
222.703 kB64.42 kB |
| react-components react-components: FluentProvider & webLightTheme |
44.447 kB14.59 kB |
| react-components react-components: entire library |
1.164 MB291.232 kB |
| react-datepicker-compat DatePicker Compat |
225.318 kB63.786 kB |
| react-dialog Dialog (including children components) |
100.417 kB30.097 kB |
| react-divider Divider |
21.328 kB7.953 kB |
| react-field Field |
23.399 kB8.898 kB |
| react-image Image |
15.36 kB6.236 kB |
| react-input Input |
28.014 kB9.444 kB |
| react-jsx-runtime Classic Pragma |
1.057 kB530 B |
| react-jsx-runtime JSX Dev Runtime |
3.771 kB1.643 kB |
| react-jsx-runtime JSX Runtime |
4.367 kB1.874 kB |
| react-label Label |
14.671 kB5.99 kB |
| react-link Link |
17.326 kB7.032 kB |
| react-list List |
89.164 kB26.599 kB |
| react-list ListItem |
112.731 kB33.432 kB |
| react-menu Menu (including children components) |
154.048 kB46.506 kB |
| react-menu Menu (including selectable components) |
156.729 kB46.992 kB |
| react-message-bar MessageBar (all components) |
24.825 kB9.267 kB |
| react-motion @fluentui/react-motion - createMotionComponent() |
4.434 kB1.935 kB |
| react-motion @fluentui/react-motion - createPresenceComponent() |
5.165 kB2.263 kB |
| react-motion @fluentui/react-motion - PresenceGroup |
1.714 kB819 B |
| react-northstar Accordion |
85.38 kB26.519 kB |
| react-northstar Alert |
87.435 kB26.905 kB |
| react-northstar Animation |
55.331 kB17.83 kB |
| react-northstar Attachment |
86.829 kB26.7 kB |
| react-northstar Avatar |
80.264 kB24.633 kB |
| react-northstar Box |
75.233 kB23.813 kB |
| react-northstar Breadcrumb |
79.908 kB24.717 kB |
| react-northstar Button |
83.145 kB25.952 kB |
| react-northstar Card |
82.693 kB25.037 kB |
| react-northstar Carousel |
105.17 kB31.873 kB |
| react-northstar Chat |
154.072 kB46.878 kB |
| react-northstar Checkbox |
79.792 kB25.08 kB |
| react-northstar Datepicker |
186.639 kB56.99 kB |
| react-northstar Debug |
8.801 kB3.594 kB |
| react-northstar Design |
36.589 kB12.067 kB |
| react-northstar Dialog |
112.046 kB33.622 kB |
| react-northstar Divider |
76.604 kB24.135 kB |
| react-northstar Dropdown |
198.196 kB60.223 kB |
| react-northstar Embed |
81.465 kB25.425 kB |
| react-northstar Flex |
47.716 kB15.443 kB |
| react-northstar Form |
92.515 kB28.888 kB |
| react-northstar Grid |
70.569 kB22.283 kB |
| react-northstar Header |
74.741 kB23.465 kB |
| react-northstar Image |
73.576 kB23.333 kB |
| react-northstar Input |
88.334 kB27.781 kB |
| react-northstar ItemLayout |
78.213 kB24.457 kB |
| react-northstar Label |
77.905 kB24.414 kB |
| react-northstar Layout |
75.378 kB23.803 kB |
| react-northstar List |
88.475 kB27.555 kB |
| react-northstar Loader |
78.601 kB24.733 kB |
| react-northstar Menu |
128.587 kB40.738 kB |
| react-northstar MenuButton |
162.993 kB49.614 kB |
| react-northstar Pill |
83.707 kB26.069 kB |
| react-northstar Popup |
135.304 kB42.259 kB |
| react-northstar Portal |
58.326 kB18.851 kB |
| react-northstar Provider |
93.129 kB29.627 kB |
| react-northstar RadioGroup |
83.27 kB26.053 kB |
| react-northstar Reaction |
77.265 kB24.128 kB |
| react-northstar Segment |
76.194 kB23.896 kB |
| react-northstar Skeleton |
77.75 kB24.205 kB |
| react-northstar Slider |
84.258 kB26.757 kB |
| react-northstar SplitButton |
178.231 kB53.438 kB |
| react-northstar Status |
76.257 kB24.054 kB |
| react-northstar SvgIcon |
36.811 kB11.746 kB |
| react-northstar Table |
80.784 kB25.157 kB |
| react-northstar Text |
74.099 kB23.511 kB |
| react-northstar TextArea |
74.233 kB23.496 kB |
| react-northstar Toolbar |
175.042 kB52.844 kB |
| react-northstar Tooltip |
109.961 kB35.238 kB |
| react-northstar Tree |
87.84 kB27.223 kB |
| react-northstar Video |
75.399 kB23.796 kB |
| react-overflow hooks only |
12.808 kB4.819 kB |
| react-persona Persona |
56.194 kB17.695 kB |
| react-popover Popover |
130.294 kB40.69 kB |
| react-portal Portal |
14.563 kB5.118 kB |
| react-portal-compat PortalCompatProvider |
8.39 kB2.64 kB |
| react-positioning usePositioning |
28.144 kB10.046 kB |
| react-progress ProgressBar |
17.084 kB6.891 kB |
| react-provider FluentProvider |
24.623 kB8.893 kB |
| react-radio Radio |
32.672 kB10.343 kB |
| react-radio RadioGroup |
15.762 kB6.423 kB |
| react-select Select |
27.732 kB10.124 kB |
| react-slider Slider |
37.52 kB12.621 kB |
| react-spinbutton SpinButton |
34.839 kB11.63 kB |
| react-spinner Spinner |
25.245 kB8.539 kB |
| react-swatch-picker @fluentui/react-swatch-picker - package |
105.086 kB30.516 kB |
| react-switch Switch |
35.319 kB11.314 kB |
| react-table DataGrid |
161.034 kB45.71 kB |
| react-table Table (Primitives only) |
42.666 kB13.854 kB |
| react-table Table as DataGrid |
131.869 kB36.57 kB |
| react-table Table (Selection only) |
70.536 kB19.999 kB |
| react-table Table (Sort only) |
69.179 kB19.61 kB |
| react-tag-picker @fluentui/react-tag-picker - package |
185.227 kB55.684 kB |
| react-tags InteractionTag |
15.199 kB6.157 kB |
| react-tags Tag |
29.072 kB9.55 kB |
| react-tags TagGroup |
82.719 kB24.524 kB |
| react-teaching-popover TeachingPopover |
91.711 kB27.921 kB |
| react-text Text - Default |
17.061 kB6.723 kB |
| react-text Text - Wrappers |
20.242 kB7.048 kB |
| react-textarea Textarea |
26.572 kB9.755 kB |
| react-theme Single theme token import |
69 B89 B |
| react-theme Teams: all themes |
35.835 kB7.512 kB |
| react-theme Teams: Light theme |
19.794 kB5.602 kB |
| react-timepicker-compat TimePicker |
108.525 kB36.087 kB |
| react-toast Toast (including Toaster) |
101.371 kB30.477 kB |
| react-tooltip Tooltip |
57.131 kB19.949 kB |
| react-tree FlatTree |
145.462 kB41.771 kB |
| react-tree PersonaFlatTree |
146.15 kB41.881 kB |
| react-tree PersonaTree |
142.381 kB40.703 kB |
| react-tree Tree |
141.693 kB40.602 kB |
| react-utilities SSRProvider |
180 B160 B |
Pull request demo site: URL
@radium-v FYI I moved @floating/* bump to a separate PR, also tests should be passing after master will be merged.
🕵 fluentui-web-components-v3 No visual regressions between this PR and main

