search

microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
https://react.fluentui.dev
Other
17.75k stars 2.65k forks source link

Tabster - update Keyborg to 2.6.0 #31266

Closed micahgodbolt closed 5 days ago

micahgodbolt commented 2 weeks ago

Update keyborg to 2.6.0 to fix iOS touch bug https://github.com/microsoft/keyborg/issues/79

codesandbox-ci[bot] commented 2 weeks ago

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.

fabricteam commented 2 weeks ago

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender 39 38 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 628 625 5000
Button mount 287 315 5000
Field mount 1144 1138 5000
FluentProvider mount 701 698 5000
FluentProviderWithTheme mount 78 77 10
FluentProviderWithTheme virtual-rerender 39 38 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 75 70 10
MakeStyles mount 830 851 50000
Persona mount 1752 1700 5000
SpinButton mount 1371 1396 5000
SwatchPicker mount 1476 1521 5000

fabricteam commented 2 weeks ago

🕵 fluentuiv8 No visual regressions between this PR and main

fabricteam commented 2 weeks ago

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions Scenario | Current PR Ticks | Baseline Ticks | Ratio :--- | ---:| ---:| ---: AttachmentMinimalPerf.default | [92](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AttachmentMinimalPerf.default.html) | [76](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AttachmentMinimalPerf.default_base.html) | 1.21:1 AvatarMinimalPerf.default | [126](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AvatarMinimalPerf.default.html) | [108](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AvatarMinimalPerf.default_base.html) | 1.17:1 CardMinimalPerf.default | [328](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/CardMinimalPerf.default.html) | [293](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/CardMinimalPerf.default_base.html) | 1.12:1 PortalMinimalPerf.default | [92](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/PortalMinimalPerf.default.html) | [83](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/PortalMinimalPerf.default_base.html) | 1.11:1 RefMinimalPerf.default | [114](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/RefMinimalPerf.default.html) | [104](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/RefMinimalPerf.default_base.html) | 1.1:1 CarouselMinimalPerf.default | [272](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/CarouselMinimalPerf.default.html) | [250](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/CarouselMinimalPerf.default_base.html) | 1.09:1 ChatDuplicateMessagesPerf.default | [156](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ChatDuplicateMessagesPerf.default.html) | [144](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ChatDuplicateMessagesPerf.default_base.html) | 1.08:1 FlexMinimalPerf.default | [160](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/FlexMinimalPerf.default.html) | [149](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/FlexMinimalPerf.default_base.html) | 1.07:1 FormMinimalPerf.default | [233](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/FormMinimalPerf.default.html) | [217](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/FormMinimalPerf.default_base.html) | 1.07:1 LoaderMinimalPerf.default | [199](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/LoaderMinimalPerf.default.html) | [186](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/LoaderMinimalPerf.default_base.html) | 1.07:1 ProviderMinimalPerf.default | [211](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ProviderMinimalPerf.default.html) | [197](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ProviderMinimalPerf.default_base.html) | 1.07:1 SegmentMinimalPerf.default | [215](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/SegmentMinimalPerf.default.html) | [201](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/SegmentMinimalPerf.default_base.html) | 1.07:1 HeaderSlotsPerf.default | [481](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/HeaderSlotsPerf.default.html) | [454](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/HeaderSlotsPerf.default_base.html) | 1.06:1 ListCommonPerf.default | [406](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ListCommonPerf.default.html) | [383](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ListCommonPerf.default_base.html) | 1.06:1 ReactionMinimalPerf.default | [219](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ReactionMinimalPerf.default.html) | [206](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ReactionMinimalPerf.default_base.html) | 1.06:1 SkeletonMinimalPerf.default | [202](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/SkeletonMinimalPerf.default.html) | [190](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/SkeletonMinimalPerf.default_base.html) | 1.06:1 HeaderMinimalPerf.default | [209](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/HeaderMinimalPerf.default.html) | [199](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/HeaderMinimalPerf.default_base.html) | 1.05:1 RadioGroupMinimalPerf.default | [272](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/RadioGroupMinimalPerf.default.html) | [259](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/RadioGroupMinimalPerf.default_base.html) | 1.05:1 IconMinimalPerf.default | [402](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/IconMinimalPerf.default.html) | [384](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/IconMinimalPerf.default_base.html) | 1.05:1 AttachmentSlotsPerf.default | [661](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AttachmentSlotsPerf.default.html) | [637](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AttachmentSlotsPerf.default_base.html) | 1.04:1 DividerMinimalPerf.default | [209](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/DividerMinimalPerf.default.html) | [201](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/DividerMinimalPerf.default_base.html) | 1.04:1 SplitButtonMinimalPerf.default | [2339](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/SplitButtonMinimalPerf.default.html) | [2239](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/SplitButtonMinimalPerf.default_base.html) | 1.04:1 TreeMinimalPerf.default | [493](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TreeMinimalPerf.default.html) | [474](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TreeMinimalPerf.default_base.html) | 1.04:1 ButtonSlotsPerf.default | [315](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ButtonSlotsPerf.default.html) | [305](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ButtonSlotsPerf.default_base.html) | 1.03:1 ChatMinimalPerf.default | [446](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ChatMinimalPerf.default.html) | [432](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ChatMinimalPerf.default_base.html) | 1.03:1 ChatWithPopoverPerf.default | [198](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ChatWithPopoverPerf.default.html) | [193](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ChatWithPopoverPerf.default_base.html) | 1.03:1 GridMinimalPerf.default | [185](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/GridMinimalPerf.default.html) | [180](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/GridMinimalPerf.default_base.html) | 1.03:1 ImageMinimalPerf.default | [229](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ImageMinimalPerf.default.html) | [223](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ImageMinimalPerf.default_base.html) | 1.03:1 ProviderMergeThemesPerf.default | [653](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ProviderMergeThemesPerf.default.html) | [635](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ProviderMergeThemesPerf.default_base.html) | 1.03:1 TooltipMinimalPerf.default | [1269](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TooltipMinimalPerf.default.html) | [1237](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TooltipMinimalPerf.default_base.html) | 1.03:1 AnimationMinimalPerf.default | [302](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AnimationMinimalPerf.default.html) | [295](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AnimationMinimalPerf.default_base.html) | 1.02:1 ButtonOverridesMissPerf.default | [651](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ButtonOverridesMissPerf.default.html) | [641](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ButtonOverridesMissPerf.default_base.html) | 1.02:1 ItemLayoutMinimalPerf.default | [703](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ItemLayoutMinimalPerf.default.html) | [688](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ItemLayoutMinimalPerf.default_base.html) | 1.02:1 MenuMinimalPerf.default | [497](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/MenuMinimalPerf.default.html) | [488](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/MenuMinimalPerf.default_base.html) | 1.02:1 MenuButtonMinimalPerf.default | [979](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/MenuButtonMinimalPerf.default.html) | [958](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/MenuButtonMinimalPerf.default_base.html) | 1.02:1 PopupMinimalPerf.default | [343](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/PopupMinimalPerf.default.html) | [337](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/PopupMinimalPerf.default_base.html) | 1.02:1 TextMinimalPerf.default | [195](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TextMinimalPerf.default.html) | [191](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TextMinimalPerf.default_base.html) | 1.02:1 TextAreaMinimalPerf.default | [300](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TextAreaMinimalPerf.default.html) | [295](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TextAreaMinimalPerf.default_base.html) | 1.02:1 AlertMinimalPerf.default | [161](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AlertMinimalPerf.default.html) | [159](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AlertMinimalPerf.default_base.html) | 1.01:1 DatepickerMinimalPerf.default | [3554](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/DatepickerMinimalPerf.default.html) | [3516](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/DatepickerMinimalPerf.default_base.html) | 1.01:1 DropdownMinimalPerf.default | [1422](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/DropdownMinimalPerf.default.html) | [1402](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/DropdownMinimalPerf.default_base.html) | 1.01:1 EmbedMinimalPerf.default | [1886](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/EmbedMinimalPerf.default.html) | [1865](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/EmbedMinimalPerf.default_base.html) | 1.01:1 InputMinimalPerf.default | [534](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/InputMinimalPerf.default.html) | [530](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/InputMinimalPerf.default_base.html) | 1.01:1 LayoutMinimalPerf.default | [200](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/LayoutMinimalPerf.default.html) | [198](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/LayoutMinimalPerf.default_base.html) | 1.01:1 ListNestedPerf.default | [326](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ListNestedPerf.default.html) | [323](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ListNestedPerf.default_base.html) | 1.01:1 StatusMinimalPerf.default | [391](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/StatusMinimalPerf.default.html) | [386](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/StatusMinimalPerf.default_base.html) | 1.01:1 TableMinimalPerf.default | [231](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TableMinimalPerf.default.html) | [231](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TableMinimalPerf.default_base.html) | 1:1 CustomToolbarPrototype.default | [1474](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/CustomToolbarPrototype.default.html) | [1468](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/CustomToolbarPrototype.default_base.html) | 1:1 ButtonMinimalPerf.default | [85](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ButtonMinimalPerf.default.html) | [86](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ButtonMinimalPerf.default_base.html) | 0.99:1 CheckboxMinimalPerf.default | [1110](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/CheckboxMinimalPerf.default.html) | [1122](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/CheckboxMinimalPerf.default_base.html) | 0.99:1 DropdownManyItemsPerf.default | [382](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/DropdownManyItemsPerf.default.html) | [386](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/DropdownManyItemsPerf.default_base.html) | 0.99:1 LabelMinimalPerf.default | [217](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/LabelMinimalPerf.default.html) | [220](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/LabelMinimalPerf.default_base.html) | 0.99:1 ListMinimalPerf.default | [308](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ListMinimalPerf.default.html) | [310](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ListMinimalPerf.default_base.html) | 0.99:1 SliderMinimalPerf.default | [744](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/SliderMinimalPerf.default.html) | [750](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/SliderMinimalPerf.default_base.html) | 0.99:1 TableManyItemsPerf.default | [1103](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TableManyItemsPerf.default.html) | [1112](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TableManyItemsPerf.default_base.html) | 0.99:1 VideoMinimalPerf.default | [455](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/VideoMinimalPerf.default.html) | [461](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/VideoMinimalPerf.default_base.html) | 0.99:1 DialogMinimalPerf.default | [436](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/DialogMinimalPerf.default.html) | [443](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/DialogMinimalPerf.default_base.html) | 0.98:1 RosterPerf.default | [1542](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/RosterPerf.default.html) | [1572](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/RosterPerf.default_base.html) | 0.98:1 ToolbarMinimalPerf.default | [529](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ToolbarMinimalPerf.default.html) | [545](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ToolbarMinimalPerf.default_base.html) | 0.97:1 BoxMinimalPerf.default | [184](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/BoxMinimalPerf.default.html) | [192](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/BoxMinimalPerf.default_base.html) | 0.96:1 ListWith60ListItems.default | [352](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ListWith60ListItems.default.html) | [370](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/ListWith60ListItems.default_base.html) | 0.95:1 TreeWith60ListItems.default | [87](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TreeWith60ListItems.default.html) | [92](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/TreeWith60ListItems.default_base.html) | 0.95:1 AccordionMinimalPerf.default | [82](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AccordionMinimalPerf.default.html) | [87](https://fluentuipr.z22.web.core.windows.net/pull/31266/perf-test-northstar/AccordionMinimalPerf.default_base.html) | 0.94:1
fabricteam commented 2 weeks ago

🕵 FluentUIV0 No visual regressions between this PR and main

fabricteam commented 2 weeks ago

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-card
Card - All		 103.992 kB
29.35 kB		 110.58 kB
30.763 kB		 6.588 kB
1.413 kB
react-card
Card		 97.003 kB
27.61 kB		 103.592 kB
29.009 kB		 6.589 kB
1.399 kB
react-checkbox
Checkbox		 35.656 kB
12.07 kB		 36.102 kB
12.131 kB		 446 B
61 B
react-combobox
Combobox (including child components)		 104.926 kB
33.812 kB		 105.372 kB
33.874 kB		 446 B
62 B
react-combobox
Dropdown (including child components)		 106.398 kB
33.79 kB		 106.844 kB
33.85 kB		 446 B
60 B
react-components
react-components: Button, FluentProvider & webLightTheme		 71.104 kB
20.52 kB		 71.55 kB
20.584 kB		 446 B
64 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover		 221.287 kB
62.497 kB		 227.85 kB
64.466 kB		 6.563 kB
1.969 kB
react-components
react-components: FluentProvider & webLightTheme		 43.591 kB
14.356 kB		 44.037 kB
14.418 kB		 446 B
62 B
react-components
react-components: entire library		 1.1 MB
267.122 kB		 1.107 MB
268.745 kB		 6.601 kB
1.623 kB
react-datepicker-compat
DatePicker Compat		 227.451 kB
63.531 kB		 234.036 kB
63.791 kB		 6.585 kB
260 B
react-menu
Menu (including children components)		 153.846 kB
46.074 kB		 160.417 kB
47.863 kB		 6.571 kB
1.789 kB
react-menu
Menu (including selectable components)		 156.532 kB
46.623 kB		 163.103 kB
48.431 kB		 6.571 kB
1.808 kB
react-popover
Popover		 128.132 kB
40.174 kB		 134.702 kB
41.84 kB		 6.57 kB
1.666 kB
react-portal
Portal		 13.717 kB
4.886 kB		 14.163 kB
4.948 kB		 446 B
62 B
react-portal-compat
PortalCompatProvider		 7.944 kB
2.588 kB		 8.39 kB
2.64 kB		 446 B
52 B
react-provider
FluentProvider		 23.765 kB
8.662 kB		 24.211 kB
8.721 kB		 446 B
59 B
react-radio
Radio		 32.95 kB
10.252 kB		 33.396 kB
10.316 kB		 446 B
64 B
react-slider
Slider		 39.949 kB
12.968 kB		 40.395 kB
13.024 kB		 446 B
56 B
react-switch
Switch		 35.14 kB
11.199 kB		 35.586 kB
11.256 kB		 446 B
57 B
react-table
DataGrid		 168.828 kB
46.848 kB		 175.423 kB
48.495 kB		 6.595 kB
1.647 kB
react-table
Table (Primitives only)		 45.324 kB
14.116 kB		 45.77 kB
14.174 kB		 446 B
58 B
react-table
Table as DataGrid		 137.912 kB
37.14 kB		 144.512 kB
38.788 kB		 6.6 kB
1.648 kB
react-table
Table (Selection only)		 76.328 kB
20.545 kB		 76.774 kB
20.602 kB		 446 B
57 B
react-table
Table (Sort only)		 74.971 kB
20.148 kB		 75.417 kB
20.205 kB		 446 B
57 B
react-tag-picker-preview
@fluentui/react-tag-picker-preview - package		 188.273 kB
55.749 kB		 194.874 kB
55.989 kB		 6.601 kB
240 B
react-timepicker-compat
TimePicker		 106.944 kB
35.169 kB		 107.39 kB
35.223 kB		 446 B
54 B
react-toast
Toast (including Toaster)		 98.667 kB
29.793 kB		 105.235 kB
31.333 kB		 6.568 kB
1.54 kB
react-tooltip
Tooltip		 54.664 kB
19.206 kB		 55.11 kB
19.268 kB		 446 B
62 B
Unchanged fixtures | Package & Exports | Size (minified/GZIP) | | ----------------- | -------------------: | | global-context
createContext | `510 B`
`328 B` | | global-context
createContextSelector | `537 B`
`339 B` | | keyboard-key
keyboard-key package | `3.746 kB`
`1.928 kB` | | priority-overflow
createOverflowManager | `4.447 kB`
`1.853 kB` | | react
ActivityItem | `71.019 kB`
`23.288 kB` | | react
Announced | `38.291 kB`
`13.239 kB` | | react
Autofill | `15.365 kB`
`4.743 kB` | | react
Breadcrumb | `200.619 kB`
`60.07 kB` | | react
Button | `194.573 kB`
`56.3 kB` | | react
ButtonGrid | `180.349 kB`
`54.518 kB` | | react
Calendar | `121.542 kB`
`36.943 kB` | | react
Callout | `84.108 kB`
`27.552 kB` | | react
Check | `52.963 kB`
`17.773 kB` | | react
Checkbox | `59.751 kB`
`19.806 kB` | | react
ChoiceGroup | `65.276 kB`
`21.438 kB` | | react
ChoiceGroupOption | `58.531 kB`
`19.309 kB` | | react
Coachmark | `92.937 kB`
`29.356 kB` | | react
Color | `7.737 kB`
`3.106 kB` | | react
ColorPicker | `132.985 kB`
`41.502 kB` | | react
ComboBox | `250.423 kB`
`71.926 kB` | | react
CommandBar | `201.843 kB`
`59.824 kB` | | react
ContextualMenu | `154.789 kB`
`48.068 kB` | | react
DatePicker | `183.939 kB`
`56.079 kB` | | react
DateTimeUtilities | `5.244 kB`
`1.849 kB` | | react
DetailsList | `229.3 kB`
`65.63 kB` | | react
Dialog | `209.943 kB`
`62.812 kB` | | react
Divider | `19.399 kB`
`6.798 kB` | | react
DocumentCard | `215.628 kB`
`64.085 kB` | | react
DragDrop | `8.343 kB`
`2.724 kB` | | react
DraggableZone | `34.109 kB`
`11.448 kB` | | react
Dropdown | `232.588 kB`
`68.284 kB` | | react
ExtendedPicker | `96.565 kB`
`27.809 kB` | | react
Fabric | `41.537 kB`
`14.283 kB` | | react
Facepile | `210.48 kB`
`63.032 kB` | | react
FloatingPicker | `240.713 kB`
`68.651 kB` | | react
FocusTrapZone | `16.975 kB`
`5.917 kB` | | react
FocusZone | `54.844 kB`
`17.402 kB` | | react
Grid | `180.349 kB`
`54.518 kB` | | react
GroupedList | `134.634 kB`
`40.596 kB` | | react
GroupedListV2 | `122.251 kB`
`37.703 kB` | | react
HoverCard | `96.969 kB`
`30.741 kB` | | react
Icon | `51.644 kB`
`17.197 kB` | | react
Icons | `66.305 kB`
`24.379 kB` | | react
Image | `46.701 kB`
`15.646 kB` | | react
Keytip | `81.482 kB`
`26.712 kB` | | react
KeytipData | `13.969 kB`
`4.57 kB` | | react
KeytipLayer | `103.278 kB`
`31.961 kB` | | react
Keytips | `106.046 kB`
`32.966 kB` | | react
Label | `38.134 kB`
`13.207 kB` | | react
Layer | `47.887 kB`
`16.295 kB` | | react
Link | `39.488 kB`
`13.614 kB` | | react
List | `39.176 kB`
`12.384 kB` | | react
MarqueeSelection | `74.321 kB`
`22.385 kB` | | react
MessageBar | `189.134 kB`
`56.778 kB` | | react
Modal | `93.44 kB`
`30.18 kB` | | react
Nav | `187.931 kB`
`56.384 kB` | | react
OverflowSet | `33.191 kB`
`11.252 kB` | | react
Overlay | `40.694 kB`
`14.023 kB` | | react
Panel | `199.654 kB`
`59.727 kB` | | react
Persona | `114.617 kB`
`36.442 kB` | | react
PersonaCoin | `114.617 kB`
`36.442 kB` | | react
PersonaPresence | `57.833 kB`
`19.303 kB` | | react
Pickers | `292.399 kB`
`82.007 kB` | | react
Pivot | `188.845 kB`
`57.107 kB` | | react
Popup | `12.242 kB`
`4.181 kB` | | react
Positioning | `22.608 kB`
`7.63 kB` | | react
PositioningContainer | `73.643 kB`
`23.706 kB` | | react
ProgressIndicator | `39.286 kB`
`13.482 kB` | | react
Rating | `81.762 kB`
`26.057 kB` | | react
Fluent UI React (entire library) | `1.012 MB`
`281.091 kB` | | react
ResizeGroup | `13.286 kB`
`4.365 kB` | | react
ResponsiveMode | `8.078 kB`
`2.95 kB` | | react
ScrollablePane | `55.325 kB`
`17.669 kB` | | react
SearchBox | `187.409 kB`
`56.377 kB` | | react
SelectableOption | `724 B`
`413 B` | | react
SelectedItemsList | `231.169 kB`
`67.62 kB` | | react
Selection | `42.252 kB`
`12.203 kB` | | react
Separator | `35.183 kB`
`12.088 kB` | | react
Shimmer | `49.049 kB`
`16.206 kB` | | react
ShimmeredDetailsList | `240.075 kB`
`68.397 kB` | | react
Slider | `57.449 kB`
`19.143 kB` | | react
SpinButton | `191.137 kB`
`57.503 kB` | | react
Spinner | `41.481 kB`
`14.412 kB` | | react
Stack | `41.547 kB`
`14.233 kB` | | react
Sticky | `32.541 kB`
`10.49 kB` | | react
Styling | `45.853 kB`
`15.082 kB` | | react
SwatchColorPicker | `190.675 kB`
`57.985 kB` | | react
TeachingBubble | `204.685 kB`
`60.713 kB` | | react
Text | `36.723 kB`
`12.763 kB` | | react
TextField | `80.555 kB`
`25.262 kB` | | react
Theme | `43.321 kB`
`14.129 kB` | | react
ThemeGenerator | `12.34 kB`
`4.106 kB` | | react
TimePicker | `240.227 kB`
`69.693 kB` | | react
Toggle | `46.02 kB`
`15.903 kB` | | react
Tooltip | `87.136 kB`
`28.164 kB` | | react
Utilities | `82.495 kB`
`25.047 kB` | | react
Viewport | `23.703 kB`
`7.589 kB` | | react
WeeklyDayPicker | `101.682 kB`
`31.738 kB` | | react
WindowProvider | `1.059 kB`
`541 B` | | react-accordion
Accordion (including children components) | `100.94 kB`
`30.574 kB` | | react-alert
Alert | `83.737 kB`
`23.475 kB` | | react-avatar
Avatar | `50.175 kB`
`15.944 kB` | | react-avatar
AvatarGroup | `19.702 kB`
`7.794 kB` | | react-avatar
AvatarGroupItem | `64.829 kB`
`20.272 kB` | | react-badge
Badge | `26.905 kB`
`8.73 kB` | | react-badge
CounterBadge | `27.806 kB`
`9.025 kB` | | react-badge
PresenceBadge | `25.311 kB`
`9.307 kB` | | react-breadcrumb
@fluentui/react-breadcrumb - package | `116.817 kB`
`32.173 kB` | | react-button
Button | `39.513 kB`
`11.17 kB` | | react-button
CompoundButton | `46.874 kB`
`12.662 kB` | | react-button
MenuButton | `44.292 kB`
`12.544 kB` | | react-button
SplitButton | `52.306 kB`
`14.135 kB` | | react-button
ToggleButton | `56.558 kB`
`13.068 kB` | | react-calendar-compat
Calendar Compat | `153.428 kB`
`40.128 kB` | | react-card
CardFooter | `13.971 kB`
`5.626 kB` | | react-card
CardHeader | `16.214 kB`
`6.386 kB` | | react-card
CardPreview | `14.015 kB`
`5.752 kB` | | react-dialog
Dialog (including children components) | `116.899 kB`
`36.102 kB` | | react-divider
Divider | `20.922 kB`
`7.791 kB` | | react-field
Field | `22.976 kB`
`8.722 kB` | | react-image
Image | `15.745 kB`
`6.231 kB` | | react-input
Input | `28.122 kB`
`9.36 kB` | | react-jsx-runtime
Classic Pragma | `1.057 kB`
`530 B` | | react-jsx-runtime
JSX Dev Runtime | `3.781 kB`
`1.646 kB` | | react-jsx-runtime
JSX Runtime | `4.377 kB`
`1.881 kB` | | react-label
Label | `14.266 kB`
`5.829 kB` | | react-link
Link | `17.082 kB`
`6.911 kB` | | react-message-bar
MessageBar (all components) | `24.204 kB`
`8.983 kB` | | react-northstar
Accordion | `85.392 kB`
`26.518 kB` | | react-northstar
Alert | `87.45 kB`
`26.902 kB` | | react-northstar
Animation | `55.34 kB`
`17.829 kB` | | react-northstar
Attachment | `86.844 kB`
`26.692 kB` | | react-northstar
Avatar | `80.279 kB`
`24.629 kB` | | react-northstar
Box | `75.248 kB`
`23.806 kB` | | react-northstar
Breadcrumb | `79.92 kB`
`24.709 kB` | | react-northstar
Button | `83.16 kB`
`25.947 kB` | | react-northstar
Card | `82.705 kB`
`25.023 kB` | | react-northstar
Carousel | `105.182 kB`
`31.871 kB` | | react-northstar
Chat | `152.378 kB`
`45.964 kB` | | react-northstar
Checkbox | `79.807 kB`
`25.078 kB` | | react-northstar
Datepicker | `184.939 kB`
`56.194 kB` | | react-northstar
Debug | `8.801 kB`
`3.594 kB` | | react-northstar
Design | `36.589 kB`
`12.067 kB` | | react-northstar
Dialog | `112.058 kB`
`33.615 kB` | | react-northstar
Divider | `76.619 kB`
`24.129 kB` | | react-northstar
Dropdown | `196.499 kB`
`59.455 kB` | | react-northstar
Embed | `81.477 kB`
`25.417 kB` | | react-northstar
Flex | `47.728 kB`
`15.438 kB` | | react-northstar
Form | `92.527 kB`
`28.879 kB` | | react-northstar
Grid | `70.584 kB`
`22.278 kB` | | react-northstar
Header | `74.756 kB`
`23.461 kB` | | react-northstar
Image | `73.591 kB`
`23.329 kB` | | react-northstar
Input | `88.346 kB`
`27.78 kB` | | react-northstar
ItemLayout | `78.231 kB`
`24.454 kB` | | react-northstar
Label | `77.92 kB`
`24.41 kB` | | react-northstar
Layout | `75.393 kB`
`23.798 kB` | | react-northstar
List | `88.493 kB`
`27.547 kB` | | react-northstar
Loader | `78.616 kB`
`24.729 kB` | | react-northstar
Menu | `126.89 kB`
`39.872 kB` | | react-northstar
MenuButton | `161.296 kB`
`48.883 kB` | | react-northstar
Pill | `83.722 kB`
`26.069 kB` | | react-northstar
Popup | `133.604 kB`
`41.483 kB` | | react-northstar
Portal | `58.338 kB`
`18.852 kB` | | react-northstar
Provider | `93.138 kB`
`29.63 kB` | | react-northstar
RadioGroup | `83.282 kB`
`26.053 kB` | | react-northstar
Reaction | `77.28 kB`
`24.122 kB` | | react-northstar
Segment | `76.209 kB`
`23.892 kB` | | react-northstar
Skeleton | `77.765 kB`
`24.2 kB` | | react-northstar
Slider | `84.27 kB`
`26.737 kB` | | react-northstar
SplitButton | `176.534 kB`
`52.63 kB` | | react-northstar
Status | `76.272 kB`
`24.05 kB` | | react-northstar
SvgIcon | `36.823 kB`
`11.743 kB` | | react-northstar
Table | `80.796 kB`
`25.154 kB` | | react-northstar
Text | `74.114 kB`
`23.507 kB` | | react-northstar
TextArea | `74.248 kB`
`23.492 kB` | | react-northstar
Toolbar | `173.345 kB`
`52.08 kB` | | react-northstar
Tooltip | `108.261 kB`
`34.482 kB` | | react-northstar
Tree | `87.855 kB`
`27.217 kB` | | react-northstar
Video | `75.411 kB`
`23.799 kB` | | react-overflow
hooks only | `12.86 kB`
`4.825 kB` | | react-persona
Persona | `57.066 kB`
`17.821 kB` | | react-positioning
usePositioning | `26.398 kB`
`9.539 kB` | | react-progress
ProgressBar | `17.428 kB`
`6.899 kB` | | react-radio
RadioGroup | `15.354 kB`
`6.265 kB` | | react-select
Select | `28.609 kB`
`10.204 kB` | | react-spinbutton
SpinButton | `36.78 kB`
`11.789 kB` | | react-spinner
Spinner | `24.729 kB`
`8.348 kB` | | react-swatch-picker-preview
@fluentui/react-swatch-picker-preview - package | `108.416 kB`
`30.25 kB` | | react-tags
InteractionTag | `15.299 kB`
`6.08 kB` | | react-tags
Tag | `29.092 kB`
`9.418 kB` | | react-tags
TagGroup | `82.044 kB`
`24.39 kB` | | react-text
Text - Default | `16.705 kB`
`6.57 kB` | | react-text
Text - Wrappers | `19.878 kB`
`6.897 kB` | | react-textarea
Textarea | `30.947 kB`
`10.477 kB` | | react-theme
Single theme token import | `69 B`
`89 B` | | react-theme
Teams: all themes | `35.666 kB`
`7.453 kB` | | react-theme
Teams: Light theme | `19.642 kB`
`5.549 kB` | | react-utilities
SSRProvider | `180 B`
`160 B` |

🤖 This report was generated against cca849d98ac0b9be7c0081661f2a22f6d8eb619b

fabricteam commented 2 weeks ago

🕵 fluentuiv9 No visual regressions between this PR and main

fabricteam commented 2 weeks ago

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 620 631 5000
Breadcrumb mount 1682 1686 1000
Checkbox mount 1698 1717 5000
CheckboxBase mount 1480 1478 5000
ChoiceGroup mount 3021 2932 5000
ComboBox mount 661 671 1000
CommandBar mount 6546 6486 1000
ContextualMenu mount 12193 12136 1000
DefaultButton mount 787 779 5000
DetailsRow mount 2214 2225 5000
DetailsRowFast mount 2218 2262 5000
DetailsRowNoStyles mount 1995 2075 5000
Dialog mount 2780 2616 1000
DocumentCardTitle mount 239 226 1000
Dropdown mount 1974 1993 5000
FocusTrapZone mount 1138 1154 5000
FocusZone mount 1087 1077 5000
GroupedList mount 41547 41873 2
GroupedList virtual-rerender 18108 20106 2
GroupedList virtual-rerender-with-unmount 50985 50747 2
GroupedListV2 mount 225 222 2
GroupedListV2 virtual-rerender 214 216 2
GroupedListV2 virtual-rerender-with-unmount 227 226 2
IconButton mount 1140 1136 5000
Label mount 333 336 5000
Layer mount 2791 2758 5000
Link mount 392 396 5000
MenuButton mount 995 986 5000
MessageBar mount 21942 21640 5000
Nav mount 2018 2032 1000
OverflowSet mount 782 794 5000
Panel mount 1826 1800 1000
Persona mount 709 754 1000
Pivot mount 925 895 1000
PrimaryButton mount 883 911 5000
Rating mount 4680 4600 5000
SearchBox mount 907 909 5000
Shimmer mount 1883 1925 5000
Slider mount 1367 1328 5000
SpinButton mount 2954 2989 5000
Spinner mount 398 390 5000
SplitButton mount 1881 1878 5000
Stack mount 413 408 5000
StackWithIntrinsicChildren mount 862 872 5000
StackWithTextChildren mount 2660 2679 5000
SwatchColorPicker mount 6409 6435 5000
TagPicker mount 1438 1416 5000
Text mount 379 375 5000
TextField mount 939 946 5000
ThemeProvider mount 850 835 5000
ThemeProvider virtual-rerender 598 570 5000
ThemeProvider virtual-rerender-with-unmount 1301 1287 5000
Toggle mount 616 596 5000
buttonNative mount 185 190 5000

mshoho commented 2 weeks ago

The bundle size reporting seems to be really off. The change (https://github.com/microsoft/keyborg/pull/80) has 446B/57B and there is only one instance of keyborg in the app. It cannot possibly result in multiple Kb increase.

mshoho commented 2 weeks ago

yarn.lock seems to be wrong, there is still a mention of 2.5.0 in it.

mshoho commented 2 weeks ago

yarn.lock seems to be wrong, there is still a mention of 2.5.0 in it.

I suppose I need to bump keyborg in Tabster first to get rid of the 2.5.0 reference.

mshoho commented 2 weeks ago

yarn.lock seems to be wrong, there is still a mention of 2.5.0 in it.

I suppose I need to bump keyborg in Tabster first to get rid of the 2.5.0 reference.

yes, it was the case: https://github.com/microsoft/fluentui/pull/31268 — this is a version with Tabster that has Keyborg 2.6.0 bump and the bundle is fine.

Hotell commented 5 days ago

FYI @micahgodbolt we use solely forks for PR's, please follow that next time you create PR 🙏

  • © Githubissues.
  • Githubissues is a development platform for aggregating issues.