fluentui
fluentui copied to clipboard
react-theme-sass CI test
DO NOT MERGE
This pull request is automatically built and testable in CodeSandbox.
To see build info of the built libraries, click here or the icon next to each commit SHA.
Latest deployment of this branch, based on commit 135745f2f7f5a101285269cb37391d2fc14c7867:
Sandbox | Source |
---|---|
@fluentui/react 8 starter | Configuration |
@fluentui/react-components 9 starter | Configuration |
📊 Bundle size report
Package & Exports | Baseline (minified/GZIP) | PR | Change |
---|---|---|---|
react-components react-components: FluentProvider & webLightTheme |
32.876 kB 10.773 kB |
32.893 kB 10.781 kB |
17 B 8 B |
react-theme Teams: all themes |
29.205 kB 6.249 kB |
29.256 kB 6.259 kB |
51 B 10 B |
react-theme Teams: Light theme |
17.069 kB 4.885 kB |
17.086 kB 4.894 kB |
17 B 9 B |
Unchanged fixtures
Package & Exports | Size (minified/GZIP) |
---|---|
react-accordion Accordion (including children components) |
79.529 kB 24.099 kB |
react-alert Alert |
82.874 kB 20.608 kB |
react-avatar Avatar |
48.283 kB 13.644 kB |
react-avatar AvatarGroup |
15.068 kB 6.016 kB |
react-avatar AvatarGroupItem |
68.436 kB 19.044 kB |
react-badge Badge |
22.503 kB 7.153 kB |
react-badge CounterBadge |
23.406 kB 7.449 kB |
react-badge PresenceBadge |
23.947 kB 7.022 kB |
react-button Button |
36.396 kB 9.575 kB |
react-button CompoundButton |
43.469 kB 10.812 kB |
react-button MenuButton |
39.014 kB 10.456 kB |
react-button SplitButton |
46.544 kB 11.84 kB |
react-button ToggleButton |
51.91 kB 11.003 kB |
react-card Card - All |
67.47 kB 19.273 kB |
react-card Card |
63.152 kB 18.185 kB |
react-card CardFooter |
8.461 kB 3.555 kB |
react-card CardHeader |
9.504 kB 3.896 kB |
react-card CardPreview |
8.562 kB 3.61 kB |
react-combobox Combobox (including child components) |
71.457 kB 23.361 kB |
react-combobox Dropdown (including child components) |
70.585 kB 23.22 kB |
react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover |
188.925 kB 51.884 kB |
react-dialog Dialog (including children components) |
85.19 kB 25.322 kB |
react-divider Divider |
16.359 kB 5.853 kB |
react-image Image |
10.68 kB 4.215 kB |
react-input Input |
23.554 kB 7.644 kB |
react-label Label |
9.238 kB 3.815 kB |
react-link Link |
12.197 kB 4.912 kB |
react-menu Menu (including children components) |
114.927 kB 35.102 kB |
react-menu Menu (including selectable components) |
118.126 kB 35.592 kB |
react-overflow hooks only |
10.898 kB 4.174 kB |
react-popover Popover |
102.267 kB 31.373 kB |
react-portal Portal |
10.576 kB 3.875 kB |
react-positioning usePositioning |
19.7 kB 7.404 kB |
react-provider FluentProvider |
15.655 kB 5.835 kB |
react-radio Radio |
36.218 kB 11.982 kB |
react-radio RadioGroup |
14.357 kB 5.729 kB |
react-select Select |
20.746 kB 7.299 kB |
react-slider Slider |
32.07 kB 10.033 kB |
react-spinbutton SpinButton |
43.899 kB 12.362 kB |
react-spinner Spinner |
19.848 kB 6.384 kB |
react-switch Switch |
32.562 kB 10.253 kB |
react-text Text - Default |
11.572 kB 4.537 kB |
react-text Text - Wrappers |
14.882 kB 4.977 kB |
react-textarea Textarea |
23.674 kB 7.83 kB |
react-theme Single theme token import |
69 B 89 B |
react-tooltip Tooltip |
41.504 kB 14.622 kB |
Perf Analysis (@fluentui/react-components
)
No significant results to display.
All results
Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
---|---|---|---|---|---|
Avatar | mount | 1291 | 1286 | 5000 | |
Button | mount | 871 | 946 | 5000 | |
FluentProvider | mount | 1556 | 1556 | 5000 | |
FluentProviderWithTheme | mount | 627 | 637 | 10 | |
FluentProviderWithTheme | virtual-rerender | 579 | 590 | 10 | |
FluentProviderWithTheme | virtual-rerender-with-unmount | 626 | 627 | 10 | |
MakeStyles | mount | 1888 | 1870 | 50000 | |
SpinButton | mount | 2451 | 2505 | 5000 |
Asset size changes
Size Auditor did not detect a change in bundle size for any component!
Baseline commit: 9c97dc2efbfe7d22b3686cb765fd93916b303642 (build)
DO NOT MERGE
shouldn't this be a draft PR ?