Skip to content

chore: migrate repo to react 18 #34643

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 44 commits into
base: master
Choose a base branch
from

Conversation

Hotell
Copy link
Contributor

@Hotell Hotell commented Jun 12, 2025

Previous Behavior

New Behavior

Migrates monorepo to React 18 (including):

  • react-components (v9)
  • react (v8)
  • charts

Exclusions:

  • react northstar (v0) - EOL framework that stays on React v17

General changes:

  • diffs in snapshots caused by id generated changes

v9

  • updates integration testing apps to work with new react version used in monorepo (loads conditionally from non-hoisted node_modules if applicable - react 17 integration tests )
  • keeping deprecated JSX.* type annotations as
  • explicitly adding type annotations JSX.Element where tsc emits React.JSX.Element

v8

  • keeping deprecated JSX.* type annotations as is - react 19 support is not planned, so will stay as is
    • applied disable lint pragma on these occurrences
  • feat:react-monaco-editor: adds graceful failure handling when loading incompatible react types
    • needed explicit path mappings in v8 apps to bundle

v0

  • decoupled scripts-jest to scripts-jest-v0 to avoid affecting v8 tests by consuming wrong node_modules
  • creates custom fork of @types/jest to properly use react 17 types
  • all enzyme deps are forced to no hoist

charts

Problematic jest test were SKIPED.

I tried to fix as much as I could but I'd like you to finish this on your own @AtishayMsft

  • please check new .skip additions to the spec files for further reference

Follow-up

v9

introducing new JSXElement and JSXIntrinsicElements type

  • will implement new JSXElement and JSXIntrinsicElements type within react-utilities to mitigate @types/react Breaking Changes (see Notes)
  • will replace JSX.Element and JSX.IntrinsicElements global types with custom aliases on affected public APIs to generate r17,18,19 compatible type definitions (JSX global namespaces is deprecated in r18 and removed in r19 types)

Notes

Various notes to be dicusses and resolved before merging:

Breaking change with missing implicit children

In order to be compatible with R17 all public APIs needs to explicitly add children

  • this should be covered for v9
  • we will not do that for v8, only address potential bug reports from users

Breaking change with implicit JSX.Element

if react 18 types are used, any public api returning JSX will infer React.JSX.Element instead of previously (react v17) JSX.Element, see image image below (diff):
image

This will not affect users if they have "skipLibCheck: true", which should be standard for applications, but extensions building on fluent v9 core should not use that tsconfig.

  • if extension is developing against r17 and they would install v9 version after R18 support it would BREAK api contract

Related Issue(s)

  • Fixes #

@Hotell Hotell force-pushed the desp/migrate-repo-to-react-18 branch 2 times, most recently from f9b1af3 to 120a0e4 Compare June 13, 2025 15:04
Copy link

github-actions bot commented Jun 16, 2025

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react
Breadcrumb
200.693 kB
59.585 kB
200.693 kB
59.587 kB

2 B
react
Button
194.242 kB
55.873 kB
194.242 kB
55.875 kB

2 B
react
ButtonGrid
179.13 kB
53.878 kB
179.13 kB
53.88 kB

2 B
react
Calendar
121.126 kB
36.821 kB
121.126 kB
36.822 kB

1 B
react
ColorPicker
134.856 kB
42.11 kB
134.856 kB
42.108 kB

-2 B
react
ComboBox
250.575 kB
71.498 kB
250.575 kB
71.5 kB

2 B
react
CommandBar
201.749 kB
59.376 kB
201.749 kB
59.378 kB

2 B
react
ContextualMenu
154.117 kB
47.553 kB
154.117 kB
47.556 kB

3 B
react
DatePicker
183.167 kB
55.873 kB
183.167 kB
55.875 kB

2 B
react
DetailsList
229.851 kB
65.756 kB
229.851 kB
65.759 kB

3 B
react
Dialog
210.048 kB
62.348 kB
210.048 kB
62.347 kB

-1 B
react
DocumentCard
215.731 kB
63.643 kB
215.731 kB
63.644 kB

1 B
react
Dropdown
232.997 kB
67.932 kB
232.997 kB
67.933 kB

1 B
react
ExtendedPicker
96.823 kB
27.867 kB
96.823 kB
27.866 kB

-1 B
react
Facepile
209.259 kB
62.362 kB
209.259 kB
62.363 kB

1 B
react
FloatingPicker
240.753 kB
68.209 kB
240.753 kB
68.212 kB

3 B
react
Grid
179.13 kB
53.878 kB
179.13 kB
53.88 kB

2 B
react
GroupedList
135.012 kB
40.665 kB
135.012 kB
40.664 kB

-1 B
react
MessageBar
189.276 kB
56.315 kB
189.276 kB
56.316 kB

1 B
react
Nav
186.713 kB
55.706 kB
186.713 kB
55.707 kB

1 B
react
Panel
200.215 kB
59.319 kB
200.215 kB
59.32 kB

1 B
react
Pickers
297.712 kB
82.962 kB
297.712 kB
82.963 kB

1 B
react
Pivot
187.61 kB
56.481 kB
187.61 kB
56.482 kB

1 B
react
Rating
82.056 kB
26.085 kB
82.056 kB
26.086 kB

1 B
react
Fluent UI React (entire library)
1.019 MB
283.07 kB
1.019 MB
283.073 kB

3 B
react
SearchBox
187.512 kB
55.908 kB
187.512 kB
55.909 kB

1 B
react
SelectedItemsList
231.238 kB
67.163 kB
231.238 kB
67.165 kB

2 B
react
ShimmeredDetailsList
240.633 kB
68.511 kB
240.633 kB
68.513 kB

2 B
react
SpinButton
191.185 kB
56.991 kB
191.185 kB
56.992 kB

1 B
react
SwatchColorPicker
189.525 kB
57.405 kB
189.525 kB
57.407 kB

2 B
react
TeachingBubble
204.527 kB
60.294 kB
204.527 kB
60.295 kB

1 B
react
TimePicker
240.403 kB
69.296 kB
240.403 kB
69.297 kB

1 B
react
WeeklyDayPicker
101.318 kB
31.637 kB
101.318 kB
31.639 kB

2 B
react-accordion
Accordion (including children components)
108.066 kB
33.169 kB
107.077 kB
32.784 kB
-989 B
-385 B
react-avatar
Avatar
49.424 kB
15.845 kB
48.435 kB
15.47 kB
-989 B
-375 B
react-avatar
AvatarGroup
20.224 kB
7.99 kB
19.235 kB
7.617 kB
-989 B
-373 B
react-avatar
AvatarGroupItem
63.568 kB
20.059 kB
62.579 kB
19.688 kB
-989 B
-371 B
react-badge
Badge
26.049 kB
8.623 kB
25.06 kB
8.242 kB
-989 B
-381 B
react-badge
CounterBadge
26.829 kB
8.899 kB
25.84 kB
8.517 kB
-989 B
-382 B
react-badge
PresenceBadge
25.835 kB
9.488 kB
24.846 kB
9.109 kB
-989 B
-379 B
react-breadcrumb
@fluentui/react-breadcrumb - package
115.118 kB
31.877 kB
114.129 kB
31.478 kB
-989 B
-399 B
react-button
Button
37.694 kB
10.883 kB
36.705 kB
10.508 kB
-989 B
-375 B
react-button
CompoundButton
44.106 kB
12.184 kB
43.117 kB
11.812 kB
-989 B
-372 B
react-button
MenuButton
42.506 kB
12.233 kB
41.517 kB
11.864 kB
-989 B
-369 B
react-button
SplitButton
50.573 kB
13.801 kB
49.584 kB
13.437 kB
-989 B
-364 B
react-button
ToggleButton
53.625 kB
12.655 kB
52.636 kB
12.285 kB
-989 B
-370 B
react-card
Card - All
102.566 kB
28.937 kB
101.577 kB
28.578 kB
-989 B
-359 B
react-card
Card
95.212 kB
27.103 kB
94.223 kB
26.749 kB
-989 B
-354 B
react-card
CardFooter
14.651 kB
5.9 kB
13.662 kB
5.517 kB
-989 B
-383 B
react-card
CardHeader
17.184 kB
6.764 kB
16.195 kB
6.38 kB
-989 B
-384 B
react-card
CardPreview
14.718 kB
6.026 kB
13.729 kB
5.645 kB
-989 B
-381 B
react-checkbox
Checkbox
35.241 kB
12.109 kB
34.252 kB
11.75 kB
-989 B
-359 B
react-color-picker
ColorArea
50.309 kB
17.678 kB
49.32 kB
17.32 kB
-989 B
-358 B
react-color-picker
ColorPicker
18.939 kB
7.509 kB
17.95 kB
7.143 kB
-989 B
-366 B
react-color-picker
ColorSlider
42.482 kB
15.728 kB
41.493 kB
15.375 kB
-989 B
-353 B
react-combobox
Combobox (including child components)
107.663 kB
35.031 kB
106.674 kB
34.668 kB
-989 B
-363 B
react-combobox
Dropdown (including child components)
108.293 kB
34.976 kB
107.304 kB
34.606 kB
-989 B
-370 B
react-components
react-components: Button, FluentProvider & webLightTheme
69.779 kB
20.273 kB
68.79 kB
19.902 kB
-989 B
-371 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
227.642 kB
65.909 kB
226.653 kB
65.547 kB
-989 B
-362 B
react-components
react-components: FluentProvider & webLightTheme
44.613 kB
14.641 kB
43.624 kB
14.256 kB
-989 B
-385 B
react-components
react-components: entire library
1.264 MB
317.952 kB
1.263 MB
317.553 kB
-989 B
-399 B
react-datepicker-compat
DatePicker Compat
227.366 kB
64.387 kB
226.377 kB
64.025 kB
-989 B
-362 B
react-dialog
Dialog (including children components)
102.593 kB
30.76 kB
101.604 kB
30.382 kB
-989 B
-378 B
react-divider
Divider
21.445 kB
7.981 kB
20.456 kB
7.598 kB
-989 B
-383 B
react-field
Field
23.561 kB
8.937 kB
22.574 kB
8.565 kB
-987 B
-372 B
react-image
Image
15.478 kB
6.266 kB
14.489 kB
5.882 kB
-989 B
-384 B
react-input
Input
28.137 kB
9.476 kB
27.148 kB
9.108 kB
-989 B
-368 B
react-jsx-runtime
JSX Dev Runtime
3.815 kB
1.659 kB
2.8 kB
1.251 kB
-1.015 kB
-408 B
react-jsx-runtime
JSX Runtime
4.411 kB
1.901 kB
3.422 kB
1.493 kB
-989 B
-408 B
react-label
Label
14.788 kB
6.023 kB
13.799 kB
5.644 kB
-989 B
-379 B
react-link
Link
17.717 kB
7.167 kB
16.728 kB
6.784 kB
-989 B
-383 B
react-list
List
89.731 kB
26.718 kB
88.742 kB
26.341 kB
-989 B
-377 B
react-list
ListItem
113.073 kB
33.501 kB
112.084 kB
33.123 kB
-989 B
-378 B
react-menu
Menu (including children components)
157.289 kB
47.31 kB
156.3 kB
46.938 kB
-989 B
-372 B
react-menu
Menu (including selectable components)
160.271 kB
47.909 kB
159.282 kB
47.523 kB
-989 B
-386 B
react-message-bar
MessageBar (all components)
24.994 kB
9.303 kB
24.005 kB
8.923 kB
-989 B
-380 B
react-northstar
Accordion
85.349 kB
26.59 kB
123.374 kB
31.429 kB
38.025 kB
4.839 kB
react-northstar
Alert
87.403 kB
27.007 kB
130.94 kB
32.597 kB
43.537 kB
5.59 kB
react-northstar
Animation
55.321 kB
17.925 kB
83.301 kB
21.339 kB
27.98 kB
3.414 kB
react-northstar
Attachment
86.798 kB
26.786 kB
129.904 kB
32.234 kB
43.106 kB
5.448 kB
react-northstar
Avatar
80.212 kB
24.722 kB
111.034 kB
28.81 kB
30.822 kB
4.088 kB
react-northstar
Box
75.199 kB
23.887 kB
103.305 kB
27.465 kB
28.106 kB
3.578 kB
react-northstar
Breadcrumb
79.874 kB
24.761 kB
108.912 kB
28.4 kB
29.038 kB
3.639 kB
react-northstar
Button
83.113 kB
26.039 kB
126.221 kB
31.489 kB
43.108 kB
5.45 kB
react-northstar
Card
82.648 kB
25.128 kB
115.502 kB
29.2 kB
32.854 kB
4.072 kB
react-northstar
Carousel
105.135 kB
31.991 kB
151.059 kB
38.808 kB
45.924 kB
6.817 kB
react-northstar
Chat
154.041 kB
46.993 kB
200.794 kB
54.178 kB
46.753 kB
7.185 kB
react-northstar
Checkbox
79.743 kB
25.178 kB
111.669 kB
29.082 kB
31.926 kB
3.904 kB
react-northstar
Datepicker
185.911 kB
56.955 kB
234.391 kB
64.305 kB
48.48 kB
7.35 kB
react-northstar
Debug
8.801 kB
3.595 kB
8.801 kB
3.597 kB

2 B
react-northstar
Dialog
112.024 kB
33.699 kB
158.552 kB
40.713 kB
46.528 kB
7.014 kB
react-northstar
Divider
76.552 kB
24.203 kB
104.658 kB
27.796 kB
28.106 kB
3.593 kB
react-northstar
Dropdown
198.154 kB
60.266 kB
246.365 kB
68.103 kB
48.211 kB
7.837 kB
react-northstar
Embed
81.434 kB
25.518 kB
114.29 kB
29.597 kB
32.856 kB
4.079 kB
react-northstar
Flex
47.702 kB
15.515 kB
74.374 kB
18.74 kB
26.672 kB
3.225 kB
react-northstar
Form
92.484 kB
28.981 kB
139.058 kB
35.96 kB
46.574 kB
6.979 kB
react-northstar
Grid
70.533 kB
22.346 kB
91.103 kB
24.861 kB
20.57 kB
2.515 kB
react-northstar
Header
74.709 kB
23.565 kB
102.826 kB
27.137 kB
28.117 kB
3.572 kB
react-northstar
Image
73.524 kB
23.403 kB
101.63 kB
27.004 kB
28.106 kB
3.601 kB
react-northstar
Input
88.303 kB
27.904 kB
125.971 kB
32.723 kB
37.668 kB
4.819 kB
react-northstar
ItemLayout
78.184 kB
24.52 kB
106.294 kB
28.107 kB
28.11 kB
3.587 kB
react-northstar
Label
77.86 kB
24.51 kB
108.682 kB
28.407 kB
30.822 kB
3.897 kB
react-northstar
Layout
75.345 kB
23.863 kB
103.462 kB
27.48 kB
28.117 kB
3.617 kB
react-northstar
List
88.433 kB
27.704 kB
131.429 kB
33.087 kB
42.996 kB
5.383 kB
react-northstar
Loader
78.568 kB
24.846 kB
107.366 kB
28.481 kB
28.798 kB
3.635 kB
react-northstar
Menu
128.544 kB
40.789 kB
175.348 kB
48.019 kB
46.804 kB
7.23 kB
react-northstar
MenuButton
162.956 kB
49.786 kB
211.376 kB
57.357 kB
48.42 kB
7.571 kB
react-northstar
Pill
83.676 kB
26.177 kB
115.599 kB
30.156 kB
31.923 kB
3.979 kB
react-northstar
Popup
135.262 kB
42.303 kB
183.244 kB
49.472 kB
47.982 kB
7.169 kB
react-northstar
Portal
58.282 kB
18.951 kB
86.152 kB
22.303 kB
27.87 kB
3.352 kB
react-northstar
Provider
93.081 kB
29.694 kB
117.82 kB
33.05 kB
24.739 kB
3.356 kB
react-northstar
RadioGroup
83.229 kB
26.16 kB
129.374 kB
32.967 kB
46.145 kB
6.807 kB
react-northstar
Reaction
77.231 kB
24.226 kB
118.477 kB
29.534 kB
41.246 kB
5.308 kB
react-northstar
Segment
76.161 kB
23.977 kB
104.278 kB
27.585 kB
28.117 kB
3.608 kB
react-northstar
Skeleton
77.719 kB
24.278 kB
105.837 kB
27.87 kB
28.118 kB
3.592 kB
react-northstar
Slider
84.222 kB
26.834 kB
121.769 kB
31.589 kB
37.547 kB
4.755 kB
react-northstar
SplitButton
178.194 kB
53.593 kB
226.617 kB
61.218 kB
48.423 kB
7.625 kB
react-northstar
Status
76.224 kB
24.159 kB
104.335 kB
27.727 kB
28.111 kB
3.568 kB
react-northstar
SvgIcon
36.797 kB
11.774 kB
55.964 kB
13.739 kB
19.167 kB
1.965 kB
react-northstar
Table
80.752 kB
25.246 kB
124.675 kB
30.699 kB
43.923 kB
5.453 kB
react-northstar
Text
73.999 kB
23.623 kB
102.116 kB
27.2 kB
28.117 kB
3.577 kB
react-northstar
TextArea
74.201 kB
23.59 kB
106.231 kB
27.529 kB
32.03 kB
3.939 kB
react-northstar
Toolbar
174.757 kB
52.981 kB
223.405 kB
60.804 kB
48.648 kB
7.823 kB
react-northstar
Tooltip
109.909 kB
35.316 kB
143.798 kB
39.514 kB
33.889 kB
4.198 kB
react-northstar
Tree
87.809 kB
27.301 kB
120.462 kB
31.386 kB
32.653 kB
4.085 kB
react-northstar
Video
75.367 kB
23.861 kB
104.416 kB
27.505 kB
29.049 kB
3.644 kB
react-persona
Persona
56.315 kB
17.724 kB
55.326 kB
17.35 kB
-989 B
-374 B
react-popover
Popover
133.031 kB
41.442 kB
132.042 kB
41.068 kB
-989 B
-374 B
react-progress
ProgressBar
17.202 kB
6.919 kB
16.213 kB
6.545 kB
-989 B
-374 B
react-provider
FluentProvider
24.789 kB
8.94 kB
23.8 kB
8.556 kB
-989 B
-384 B
react-radio
Radio
32.789 kB
10.375 kB
31.8 kB
10.006 kB
-989 B
-369 B
react-radio
RadioGroup
15.878 kB
6.462 kB
14.889 kB
6.09 kB
-989 B
-372 B
react-select
Select
27.856 kB
10.16 kB
26.867 kB
9.795 kB
-989 B
-365 B
react-slider
Slider
38.175 kB
12.82 kB
37.186 kB
12.452 kB
-989 B
-368 B
react-spinbutton
SpinButton
35.337 kB
11.785 kB
34.348 kB
11.41 kB
-989 B
-375 B
react-spinner
Spinner
25.363 kB
8.57 kB
24.374 kB
8.192 kB
-989 B
-378 B
react-swatch-picker
@fluentui/react-swatch-picker - package
106.945 kB
30.882 kB
105.956 kB
30.5 kB
-989 B
-382 B
react-switch
Switch
35.418 kB
11.352 kB
34.427 kB
10.977 kB
-991 B
-375 B
react-table
DataGrid
162.123 kB
45.891 kB
161.134 kB
45.542 kB
-989 B
-349 B
react-table
Table (Primitives only)
42.884 kB
13.906 kB
41.895 kB
13.538 kB
-989 B
-368 B
react-table
Table as DataGrid
132.381 kB
36.697 kB
131.392 kB
36.308 kB
-989 B
-389 B
react-table
Table (Selection only)
70.752 kB
20.038 kB
69.763 kB
19.669 kB
-989 B
-369 B
react-table
Table (Sort only)
69.395 kB
19.651 kB
68.406 kB
19.287 kB
-989 B
-364 B
react-tag-picker
@fluentui/react-tag-picker - package
189.011 kB
56.699 kB
188.022 kB
56.358 kB
-989 B
-341 B
react-tags
InteractionTag
15.552 kB
6.249 kB
14.563 kB
5.864 kB
-989 B
-385 B
react-tags
Tag
30.717 kB
9.991 kB
29.728 kB
9.62 kB
-989 B
-371 B
react-tags
TagGroup
84.078 kB
24.939 kB
83.089 kB
24.555 kB
-989 B
-384 B
react-text
Text - Default
17.179 kB
6.753 kB
16.19 kB
6.366 kB
-989 B
-387 B
react-text
Text - Wrappers
20.339 kB
7.078 kB
19.35 kB
6.695 kB
-989 B
-383 B
react-textarea
Textarea
26.704 kB
9.784 kB
25.715 kB
9.416 kB
-989 B
-368 B
react-timepicker-compat
TimePicker
110.646 kB
36.578 kB
109.657 kB
36.216 kB
-989 B
-362 B
react-toast
Toast (including Toaster)
103.119 kB
30.976 kB
102.13 kB
30.602 kB
-989 B
-374 B
react-tooltip
Tooltip
58.686 kB
20.336 kB
57.697 kB
19.969 kB
-989 B
-367 B
react-tree
FlatTree
148.849 kB
42.711 kB
147.86 kB
42.352 kB
-989 B
-359 B
react-tree
PersonaFlatTree
149.607 kB
42.818 kB
148.618 kB
42.453 kB
-989 B
-365 B
react-tree
PersonaTree
145.865 kB
41.699 kB
144.876 kB
41.334 kB
-989 B
-365 B
react-tree
Tree
145.113 kB
41.575 kB
144.124 kB
41.211 kB
-989 B
-364 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
keyboard-keys
Multiple keyCodes
50 B
70 B
keyboard-keys
Multiple keys
87 B
94 B
keyboard-keys
Single key
44 B
64 B
keyboard-keys
Single keyCode
39 B
59 B
priority-overflow
createOverflowManager
4.481 kB
1.864 kB
react
ActivityItem
71.196 kB
23.345 kB
react
Announced
38.466 kB
13.274 kB
react
Autofill
15.42 kB
4.766 kB
react
Callout
84.233 kB
27.586 kB
react
Check
53.182 kB
17.832 kB
react
Checkbox
59.948 kB
19.872 kB
react
ChoiceGroup
65.458 kB
21.462 kB
react
ChoiceGroupOption
58.745 kB
19.351 kB
react
Coachmark
92.652 kB
29.303 kB
react
Color
7.789 kB
3.127 kB
react
DateTimeUtilities
5.244 kB
1.849 kB
react
Divider
19.582 kB
6.838 kB
react
DragDrop
8.343 kB
2.724 kB
react
DraggableZone
34.28 kB
11.488 kB
react
Fabric
41.722 kB
14.34 kB
react
FocusTrapZone
16.978 kB
5.889 kB
react
FocusZone
55.1 kB
17.451 kB
react
GroupedListV2
122.629 kB
37.753 kB
react
HoverCard
96.718 kB
30.685 kB
react
Icon
51.863 kB
17.261 kB
react
Icons
66.339 kB
24.386 kB
react
Image
46.877 kB
15.692 kB
react
Keytip
81.241 kB
26.671 kB
react
KeytipData
14.032 kB
4.582 kB
react
KeytipLayer
103.029 kB
31.896 kB
react
Keytips
105.801 kB
32.898 kB
react
Label
38.318 kB
13.239 kB
react
Layer
48.077 kB
16.346 kB
react
Link
39.659 kB
13.651 kB
react
List
39.346 kB
12.454 kB
react
MarqueeSelection
74.484 kB
22.396 kB
react
Modal
93.678 kB
30.217 kB
react
OverflowSet
33.336 kB
11.279 kB
react
Overlay
40.879 kB
14.075 kB
react
Persona
114.513 kB
36.43 kB
react
PersonaCoin
114.513 kB
36.43 kB
react
PersonaPresence
58.052 kB
19.371 kB
react
Popup
12.294 kB
4.195 kB
react
Positioning
22.764 kB
7.683 kB
react
PositioningContainer
73.415 kB
23.685 kB
react
ProgressIndicator
39.471 kB
13.526 kB
react
ResizeGroup
13.338 kB
4.377 kB
react
ResponsiveMode
8.13 kB
2.966 kB
react
ScrollablePane
55.535 kB
17.715 kB
react
SelectableOption
724 B
413 B
react
Selection
42.418 kB
12.26 kB
react
Separator
35.359 kB
12.13 kB
react
Shimmer
49.237 kB
16.255 kB
react
Slider
57.615 kB
19.194 kB
react
Spinner
41.753 kB
14.466 kB
react
Stack
42.03 kB
14.386 kB
react
Sticky
32.577 kB
10.488 kB
react
Styling
46.033 kB
15.135 kB
react
Text
36.886 kB
12.806 kB
react
TextField
80.768 kB
25.3 kB
react
Theme
43.486 kB
14.168 kB
react
ThemeGenerator
12.384 kB
4.116 kB
react
Toggle
46.189 kB
15.954 kB
react
Tooltip
87.013 kB
28.144 kB
react
Utilities
82.932 kB
25.149 kB
react
Viewport
23.872 kB
7.642 kB
react
WindowProvider
1.059 kB
541 B
react-aria
ARIA - Default
237 B
181 B
react-calendar-compat
Calendar Compat
149.673 kB
39.915 kB
react-jsx-runtime
Classic Pragma
1.101 kB
550 B
react-motion
@fluentui/react-motion - createMotionComponent()
3.995 kB
1.755 kB
react-motion
@fluentui/react-motion - createPresenceComponent()
4.858 kB
2.128 kB
react-motion
@fluentui/react-motion - PresenceGroup
1.727 kB
823 B
react-northstar
Design
36.579 kB
12.169 kB
react-overflow
hooks only
12.832 kB
4.828 kB
react-portal
Portal
15.259 kB
5.319 kB
react-portal-compat
PortalCompatProvider
8.386 kB
2.624 kB
react-positioning
usePositioning
28.865 kB
10.146 kB
react-positioning
useSafeZoneArea
12.498 kB
4.758 kB
react-teaching-popover
TeachingPopover
102.747 kB
30.737 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
35.835 kB
7.512 kB
react-theme
Teams: Light theme
19.794 kB
5.602 kB
react-utilities
SSRProvider
180 B
160 B
🤖 This report was generated against 498f99c59857888b523ed4e336e24aa49aa7f042

@@ -24,8 +24,8 @@
"@fluentui/react-charts": "*",
Copy link

@github-actions github-actions bot Jun 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual changes to review in the Visual Change Report

docs/Accordion 8 screenshots
Image Name Diff(in Pixels) Image Type
docs/Accordion.Accordion Exclusive Expanded Example.chromium.png 1608621 Changed
docs/Accordion.Accordion Panel Custom Content Example.chromium.png 1607943 Changed
docs/Accordion.Accordion Default Example.chromium.png 1608865 Changed
docs/Accordion.Accordion Example.chromium.png 1608085 Changed
docs/Accordion.Accordion Example Rtl.chromium.png 1609396 Changed
docs/Accordion.Accordion Example Custom Title.chromium.png 1609236 Changed
docs/Accordion.Accordion Exclusive Example.chromium.png 1609437 Changed
docs/Accordion.Accordion Panel Custom Title Example.chromium.png 1608896 Changed
docs/Alert 15 screenshots
Image Name Diff(in Pixels) Image Type
docs/Alert.Alert Example Danger Teams High Contrast.chromium.png 1603493 Changed
docs/Alert.Alert Example Danger Teams Dark.chromium.png 1600475 Changed
docs/Alert.Alert Example Danger Teams.chromium.png 1608892 Changed
docs/Alert.Alert Example Dismiss Action Rtl.chromium.png 1606566 Changed
docs/Alert.Alert Example Dismiss Action.chromium.png 1604584 Changed
docs/Alert.Alert Example Dismiss Actions.chromium.png 1603472 Changed
docs/Alert.Alert Example Dismissible Teams Dark.chromium.png 1595414 Changed
docs/Alert.Alert Example Dismissible Teams High Contrast.chromium.png 1598506 Changed
docs/Alert.Alert Example Info Teams Dark.chromium.png 1600335 Changed
docs/Alert.Alert Example Info Teams High Contrast.chromium.png 1603488 Changed
docs/Alert.Alert Example Oof Teams Dark.chromium.png 1599681 Changed
docs/Alert.Alert Example Oof Teams High Contrast.chromium.png 1602616 Changed
docs/Alert.Alert Example Shorthand.chromium.png 1605155 Changed
docs/Alert.Alert Example Urgent Teams Dark.chromium.png 1598635 Changed
docs/Alert.Alert Example Urgent.chromium.png 1598644 Changed
docs/Animation 4 screenshots
Image Name Diff(in Pixels) Image Type
docs/Animation.Animation Example Fill Mode.chromium.png 1608915 Changed
docs/Animation.Animation Example Iteration Count.chromium.png 1608786 Changed
docs/Animation.Animation Example Timing Function.chromium.png 1608399 Changed
docs/Animation.Animation Example Visible.chromium.png 1609374 Changed
docs/Attachment 13 screenshots
Image Name Diff(in Pixels) Image Type
docs/Attachment.Attachment Action Example Shorthand Teams Dark.chromium.png 1568456 Changed
docs/Attachment.Attachment Action Example Shorthand Teams High Contrast.chromium.png 1573763 Changed
docs/Attachment.Attachment Action Example Shorthand.chromium.png 1606946 Changed
docs/Attachment.Attachment Action Example Shorthand Teams.chromium.png 1605150 Changed
docs/Attachment.Attachment Actionable Example Shorthand Teams Dark.chromium.png 1590261 Changed
docs/Attachment.Attachment Actionable Example Shorthand Teams High Contrast.chromium.png 1594709 Changed
docs/Attachment.Attachment Actionable Example Shorthand.chromium.png 1607675 Changed
docs/Attachment.Attachment Description Example Shorthand.chromium.png 1608341 Changed
docs/Attachment.Attachment Example Rtl.chromium.png 1607566 Changed
docs/Attachment.Attachment Example Shorthand.chromium.png 1608297 Changed
docs/Attachment.Attachment Header Example Shorthand.chromium.png 1608315 Changed
docs/Attachment.Attachment Icon Example Shorthand.chromium.png 1604978 Changed
docs/Attachment.Attachment Progress Example Shorthand.chromium.png 1608128 Changed
docs/Avatar 7 screenshots
Image Name Diff(in Pixels) Image Type
docs/Avatar.Avatar Example Image Shorthand.chromium.png 1609198 Changed
docs/Avatar.Avatar Example Size Shorthand.chromium.png 1581992 Changed
docs/Avatar.Avatar Example Square.chromium.png 1609309 Changed
docs/Avatar.Avatar Example Status Customization Shorthand.chromium.png 1602933 Changed
docs/Avatar.Avatar Example Status Image Shorthand.chromium.png 1608590 Changed
docs/Avatar.Avatar Example Status Shorthand.chromium.png 1608885 Changed
docs/Avatar.Avatar Usage Example Shorthand.chromium.png 1597764 Changed
docs/Breadcrumb 1 screenshots
Image Name Diff(in Pixels) Image Type
docs/Breadcrumb.Breadcrumb Example Sizes.chromium.png 1608357 Changed
docs/Button 32 screenshots
Image Name Diff(in Pixels) Image Type
docs/Button.Button Example Content And Icon Teams Dark.chromium.png 1598280 Changed
docs/Button.Button Example Content And Icon Teams High Contrast.chromium.png 1602856 Changed
docs/Button.Button Example Content And Icon.chromium.png 1607275 Changed
docs/Button.Button Example Disabled Teams Dark.chromium.png 1580794 Changed
docs/Button.Button Example Disabled Teams.chromium.png 1607668 Changed
docs/Button.Button Example Disabled.chromium.png 1607125 Changed
docs/Button.Button Example Emphasis.chromium.png 1607656 Changed
docs/Button.Button Example Flat.chromium.png 1602981 Changed
docs/Button.Button Example Fluid.chromium.png 1609237 Changed
docs/Button.Button Example Icon Only.chromium.png 1608749 Changed
docs/Button.Button Example Loading.chromium.png 1607252 Changed
docs/Button.Button Example Overflow.chromium.png 1609131 Changed
docs/Button.Button Example Rtl.chromium.png 1607861 Changed
docs/Button.Button Example Size Shorthand.chromium.png 1609391 Changed
docs/Button.Button Example Teams Dark.chromium.png 1598158 Changed
docs/Button.Button Example Teams High Contrast.chromium.png 1601274 Changed
docs/Button.Button Example Text Shorthand Teams Dark.chromium.png 1509035 Changed
docs/Button.Button Example Text Shorthand Teams High Contrast.chromium.png 1507308 Changed
docs/Button.Button Example Text Shorthand Teams.chromium.png 1608323 Changed
docs/Button.Button Example Text Shorthand.chromium.png 1608331 Changed
docs/Button.Button Example Text.chromium.png 1608367 Changed
docs/Button.Button Example With Tooltip Teams Dark.chromium.png 1598258 Changed
docs/Button.Button Example With Tooltip Teams High Contrast.chromium.png 1601389 Changed
docs/Button.Button Example With Tooltip.chromium.png 1609392 Changed
docs/Button.Button Example.chromium.png 1609569 Changed
docs/Button.Button Group Circular Example Shorthand Teams Dark.chromium.png 1598129 Changed
docs/Button.Button Group Circular Example Shorthand Teams High Contrast.chromium.png 1601698 Changed
docs/Button.Button Group Circular Example Shorthand.chromium.png 1608804 Changed
docs/Button.Button Group Example Shorthand Teams Dark.chromium.png 1598210 Changed
docs/Button.Button Group Example Shorthand Teams High Contrast.chromium.png 1601370 Changed
docs/Button.Button Group Example Shorthand.chromium.png 1609524 Changed
docs/Button.Button Usage Example Shorthand.chromium.png 1608774 Changed
docs/Card 25 screenshots
Image Name Diff(in Pixels) Image Type
docs/Card.Card Example Body.chromium.png 1591543 Changed
docs/Card.Card Example Centered.chromium.png 1589331 Changed
docs/Card.Card Example Context Menu.chromium.png 1591837 Changed
docs/Card.Card Example Disabled.chromium.png 1590936 Changed
docs/Card.Card Example Elevated.chromium.png 1591147 Changed
docs/Card.Card Example Expandable.chromium.png 1590368 Changed
docs/Card.Card Example Focusable Grid.chromium.png 1584620 Changed
docs/Card.Card Example Focusable Teams Dark.chromium.png 1497027 Changed
docs/Card.Card Example Focusable Teams High Contrast.chromium.png 1498000 Changed
docs/Card.Card Example Focusable Teams.chromium.png 1591433 Changed
docs/Card.Card Example Focusable.chromium.png 1590864 Changed
docs/Card.Card Example Footer.chromium.png 1609137 Changed
docs/Card.Card Example Header.chromium.png 1608497 Changed
docs/Card.Card Example Horizontal.chromium.png 1605265 Changed
docs/Card.Card Example Inverted.chromium.png 1589998 Changed
docs/Card.Card Example Preview.chromium.png 1589120 Changed
docs/Card.Card Example Quiet.chromium.png 1592298 Changed
docs/Card.Card Example Selectable Grid.chromium.png 1463800 Changed
docs/Card.Card Example Selected.chromium.png 1590721 Changed
docs/Card.Card Example Simple.chromium.png 1589706 Changed
docs/Card.Card Example Size.chromium.png 1582228 Changed
docs/Card.Card Example With Preview Teams Dark.chromium.png 1478970 Changed
docs/Card.Card Example With Preview Teams High Contrast.chromium.png 1482998 Changed
docs/Card.Card Example With Preview.chromium.png 1587689 Changed
docs/Card.Image Example Fluent.chromium.png 1601098 Changed
docs/Carousel 1 screenshots
Image Name Diff(in Pixels) Image Type
docs/Carousel.Carousel Slide Animation Example.chromium.png 1568873 Changed
docs/Chat 29 screenshots
Image Name Diff(in Pixels) Image Type
docs/Chat.Chat Example Comfy Refresh.chromium.png 1604276 Changed
docs/Chat.Chat Example Compact Teams High Contrast.chromium.png 1489133 Changed
docs/Chat.Chat Example Compact Teams Dark.chromium.png 1489817 Changed
docs/Chat.Chat Example Compact Teams.chromium.png 1598834 Changed
docs/Chat.Chat Example Compact.chromium.png 1597048 Changed
docs/Chat.Chat Example Content Position.chromium.png 1604242 Changed
docs/Chat.Chat Example Details Teams Dark.chromium.png 1523801 Changed
docs/Chat.Chat Example Details Teams High Contrast.chromium.png 1522638 Changed
docs/Chat.Chat Example Details Teams.chromium.png 1603601 Changed
docs/Chat.Chat Example Details.chromium.png 1601745 Changed
docs/Chat.Chat Example Header Override.chromium.png 1601297 Changed
docs/Chat.Chat Example Header.chromium.png 1601414 Changed
docs/Chat.Chat Example In Scrollable Shorthand.chromium.png 1595498 Changed
docs/Chat.Chat Example Reaction Group.chromium.png 1596653 Changed
docs/Chat.Chat Example Read Status.chromium.png 1605433 Changed
docs/Chat.Chat Example Rtl.chromium.png 1603977 Changed
docs/Chat.Chat Example Teams Dark.chromium.png 1359790 Changed
docs/Chat.Chat Example Teams High Contrast.chromium.png 1370598 Changed
docs/Chat.Chat Example Teams.chromium.png 1592583 Changed
docs/Chat.Chat Example.chromium.png 1588003 Changed
docs/Chat.Chat Message Example Badge Teams Dark.chromium.png 1548229 Changed
docs/Chat.Chat Message Example Badge Teams High Contrast.chromium.png 1549916 Changed
docs/Chat.Chat Message Example Badge Teams.chromium.png 1604376 Changed
docs/Chat.Chat Message Example Badge.chromium.png 1603151 Changed
docs/Chat.Chat Message Example Styled.chromium.png 1568550 Changed
docs/Chat.Message Reactions With Popup Teams Dark.chromium.png 1523790 Changed
docs/Chat.Message Reactions With Popup Teams High Contrast.chromium.png 1522664 Changed
docs/Chat.Message Reactions With Popup Teams.chromium.png 1603471 Changed
docs/Chat.Message Reactions With Popup.chromium.png 1601718 Changed
docs/Checkbox 4 screenshots
Image Name Diff(in Pixels) Image Type
docs/Checkbox.Checkbox Example Checked Mixed Teams Dark.chromium.png 1600064 Changed
docs/Checkbox.Checkbox Example Checked Mixed Teams High Contrast.chromium.png 1602471 Changed
docs/Checkbox.Checkbox Example Checked.chromium.png 1606244 Changed
docs/Checkbox.Checkbox Example.chromium.png 1608650 Changed
docs/Datepicker 8 screenshots
Image Name Diff(in Pixels) Image Type
docs/Datepicker.Datepicker Example Localization Strings Teams Dark.chromium.png 1598390 Changed
docs/Datepicker.Datepicker Example Localization Strings Teams High Contrast.chromium.png 1601161 Changed
docs/Datepicker.Datepicker Example Standalone Calendar Button Teams Dark.chromium.png 1598198 Changed
docs/Datepicker.Datepicker Example Standalone Calendar Button Teams High Contrast.chromium.png 1601322 Changed
docs/Datepicker.Datepicker Example Standalone Calendar Button.chromium.png 1609502 Changed
docs/Datepicker.Datepicker Header Cell Example Teams Dark.chromium.png 1598398 Changed
docs/Datepicker.Datepicker Header Cell Example Teams High Contrast.chromium.png 1601174 Changed
docs/Datepicker.Datepicker Parse Example.chromium.png 1609201 Changed
docs/Dialog 3 screenshots
Image Name Diff(in Pixels) Image Type
docs/Dialog.Dialog Example Rtl.chromium.png 1609548 Changed
docs/Dialog.Dialog Example Zoom Content Teams Dark.chromium.png 1598220 Changed
docs/Dialog.Dialog Example Zoom Content Teams High Contrast.chromium.png 1601340 Changed
docs/Divider 16 screenshots
Image Name Diff(in Pixels) Image Type
docs/Divider.Divider Example Color Teams Dark.chromium.png 1539966 Changed
docs/Divider.Divider Example Color Teams High Contrast.chromium.png 1542901 Changed
docs/Divider.Divider Example Color.chromium.png 1607483 Changed
docs/Divider.Divider Example Fitted Shorthand Teams Dark.chromium.png 1594892 Changed
docs/Divider.Divider Example Fitted Shorthand Teams High Contrast.chromium.png 1598391 Changed
docs/Divider.Divider Example Fitted Shorthand Teams.chromium.png 1608361 Changed
docs/Divider.Divider Example Rtl And Ltr Teams Dark.chromium.png 1456039 Changed
docs/Divider.Divider Example Rtl And Ltr Teams.chromium.png 1603564 Changed
docs/Divider.Divider Example Rtl And Ltr Teams High Contrast.chromium.png 1452081 Changed
docs/Divider.Divider Example Rtl And Ltr.chromium.png 1602957 Changed
docs/Divider.Divider Example Rtl Teams Dark.chromium.png 1602101 Changed
docs/Divider.Divider Example Size Teams Dark.chromium.png 1467911 Changed
docs/Divider.Divider Example Size Teams High Contrast.chromium.png 1485721 Changed
docs/Divider.Divider Example Size Teams.chromium.png 1604680 Changed
docs/Divider.Divider Example Size.chromium.png 1604582 Changed
docs/Divider.Divider Vertical Example Shorthand.chromium.png 1609074 Changed
docs/Dropdown 20 screenshots
Image Name Diff(in Pixels) Image Type
docs/Dropdown.Dropdown Custom Clearable Example Teams Dark.chromium.png 1527741 Changed
docs/Dropdown.Dropdown Custom Clearable Example Teams High Contrast.chromium.png 1527373 Changed
docs/Dropdown.Dropdown Custom Clearable Example Teams.chromium.png 1606008 Changed
docs/Dropdown.Dropdown Custom Clearable Example.chromium.png 1605419 Changed
docs/Dropdown.Dropdown Example Disabled Teams.chromium.png 1608236 Changed
docs/Dropdown.Dropdown Example Disabled Teams High Contrast.chromium.png 1590128 Changed
docs/Dropdown.Dropdown Example Disabled Teams Dark.chromium.png 1580868 Changed
docs/Dropdown.Dropdown Example Disabled.chromium.png 1607903 Changed
docs/Dropdown.Dropdown Example Freeform.chromium.png 1608402 Changed
docs/Dropdown.Dropdown Example Inline.chromium.png 1607455 Changed
docs/Dropdown.Dropdown Example Header Message.chromium.png 1608655 Changed
docs/Dropdown.Dropdown Example Inverted.chromium.png 1607908 Changed
docs/Dropdown.Dropdown Example Multiple.chromium.png 1608944 Changed
docs/Dropdown.Dropdown Example Position.chromium.png 1608919 Changed
docs/Dropdown.Dropdown Example Rtl.chromium.png 1609075 Changed
docs/Dropdown.Dropdown Example Search Multiple Teams Dark.chromium.png 1598523 Changed
docs/Dropdown.Dropdown Example Search Multiple Teams High Contrast.chromium.png 1601664 Changed
docs/Dropdown.Dropdown Example Teams Dark.chromium.png 1598618 Changed
docs/Dropdown.Dropdown Example Teams High Contrast.chromium.png 1600737 Changed
docs/Dropdown.Dropdown Example.chromium.png 1608975 Changed
docs/Embed 2 screenshots
Image Name Diff(in Pixels) Image Type
docs/Embed.Embed Example Video.chromium.png 1464390 Changed
docs/Embed.Embed Example You Tube.chromium.png 1464379 Changed
docs/Flex 6 screenshots
Image Name Diff(in Pixels) Image Type
docs/Flex.Flex Example Columns.chromium.png 1604172 Changed
docs/Flex.Flex Example Input.chromium.png 1607673 Changed
docs/Flex.Flex Example Items Alignment.chromium.png 1573358 Changed
docs/Flex.Flex Example Mixed Alignment.chromium.png 1576513 Changed
docs/Flex.Flex Example Media Card.chromium.png 1582700 Changed
docs/Flex.Flex Example Nav Menu.chromium.png 1607504 Changed
docs/Form 7 screenshots
Image Name Diff(in Pixels) Image Type
docs/Form.Form Example Checkbox.chromium.png 1608835 Changed
docs/Form.Form Example Components.chromium.png 1605707 Changed
docs/Form.Form Example Datepicker.chromium.png 1608754 Changed
docs/Form.Form Example Rtl.chromium.png 1608613 Changed
docs/Form.Form Example Error And Satisfactory.chromium.png 1606332 Changed
docs/Form.Form Example Slider.chromium.png 1609239 Changed
docs/Form.Form Example.chromium.png 1608246 Changed
docs/Grid 1 screenshots
Image Name Diff(in Pixels) Image Type
docs/Grid.Grid Example.chromium.png 1607698 Changed
docs/Header 6 screenshots
Image Name Diff(in Pixels) Image Type
docs/Header.Header Example Color.chromium.png 1604645 Changed
docs/Header.Header Example Align.chromium.png 1607478 Changed
docs/Header.Header Example Rtl.chromium.png 1608462 Changed
docs/Header.Header Example Description Customization.chromium.png 1607851 Changed
docs/Header.Header Example Description.chromium.png 1607669 Changed
docs/Header.Headers Example Shorthand.chromium.png 1606724 Changed
docs/Image 5 screenshots
Image Name Diff(in Pixels) Image Type
docs/Image.Image Example Avatar.chromium.png 1608934 Changed
docs/Image.Image Example Rtl.chromium.png 1588499 Changed
docs/Image.Image Example.chromium.png 1594183 Changed
docs/Image.Image Example Circular.chromium.png 1591560 Changed
docs/Image.Image Example Fluent.chromium.png 1602339 Changed
docs/Input 14 screenshots
Image Name Diff(in Pixels) Image Type
docs/Input.Input Example Clearable Teams Dark.chromium.png 1598304 Changed
docs/Input.Input Example Clearable Teams High Contrast.chromium.png 1601042 Changed
docs/Input.Input Example Input Slot.chromium.png 1608326 Changed
docs/Input.Input Example Label Shorthand Teams High Contrast.chromium.png 1517420 Changed
docs/Input.Input Example Label Shorthand Teams Dark.chromium.png 1518853 Changed
docs/Input.Input Example Label Shorthand Teams.chromium.png 1607969 Changed
docs/Input.Input Example Label Shorthand.chromium.png 1607792 Changed
docs/Input.Input Example Rtl.chromium.png 1609405 Changed
docs/Input.Input Example Targeting.chromium.png 1598107 Changed
docs/Input.Input Example Teams Dark.chromium.png 1549652 Changed
docs/Input.Input Example Teams High Contrast.chromium.png 1552383 Changed
docs/Input.Input Example Teams.chromium.png 1607648 Changed
docs/Input.Input Example Wrapper Slot.chromium.png 1607197 Changed
docs/Input.Input Example.chromium.png 1607219 Changed
docs/ItemLayout 10 screenshots
Image Name Diff(in Pixels) Image Type
docs/ItemLayout.Item Layout Example Content Media Shorthand.chromium.png 1608598 Changed
docs/ItemLayout.Item Layout Example Content.chromium.png 1608772 Changed
docs/ItemLayout.Item Layout Example End Media Shorthand.chromium.png 1608767 Changed
docs/ItemLayout.Item Layout Example Header Content Shorthand.chromium.png 1608577 Changed
docs/ItemLayout.Item Layout Example Header Media Shorthand.chromium.png 1609362 Changed
docs/ItemLayout.Item Layout Example Header.chromium.png 1609536 Changed
docs/ItemLayout.Item Layout Example Media Shorthand.chromium.png 1608456 Changed
docs/ItemLayout.Item Layout Example Rtl Shorthand.chromium.png 1608700 Changed
docs/ItemLayout.Item Layout Example Selection Shorthand.chromium.png 1608135 Changed
docs/ItemLayout.Item Layout Example Shorthand.chromium.png 1600639 Changed
docs/Label 1 screenshots
Image Name Diff(in Pixels) Image Type
docs/Label.Label Example Color.chromium.png 1607322 Changed
docs/Layout 4 screenshots
Image Name Diff(in Pixels) Image Type
docs/Layout.Layout Example Gap.chromium.png 1604569 Changed
docs/Layout.Layout Example Reducing.chromium.png 1604882 Changed
docs/Layout.Layout Example.chromium.png 1607336 Changed
docs/Layout.Layout Example Vertical.chromium.png 1606537 Changed
docs/List 10 screenshots
Image Name Diff(in Pixels) Image Type
docs/List.List Example Navigable Teams Dark.chromium.png 1553126 Changed
docs/List.List Example Navigable Teams High Contrast.chromium.png 1555777 Changed
docs/List.List Example Navigable.chromium.png 1605844 Changed
docs/List.List Example Rtl.chromium.png 1606619 Changed
docs/List.List Example Selectable Teams Dark.chromium.png 1555029 Changed
docs/List.List Example Selectable Teams.chromium.png 1600715 Changed
docs/List.List Example Selectable Teams High Contrast.chromium.png 1560695 Changed
docs/List.List Example Selectable.chromium.png 1601154 Changed
docs/List.List Example.chromium.png 1607858 Changed
docs/List.Selectable List Controlled Example.chromium.png 1601665 Changed
docs/Loader 3 screenshots
Image Name Diff(in Pixels) Image Type
docs/Loader.Loader Example Label.chromium.png 1609592 Changed
docs/Loader.Loader Example Rtl.chromium.png 1609392 Changed
docs/Loader.Loader Example Size.chromium.png 1607820 Changed
docs/Menu 26 screenshots
Image Name Diff(in Pixels) Image Type
docs/Menu.Menu Controlled Example Disabled.chromium.png 1608571 Changed
docs/Menu.Menu Example Fluid.chromium.png 1609115 Changed
docs/Menu.Menu Example Icon Only Teams Dark.chromium.png 1598124 Changed
docs/Menu.Menu Example Icon Only Teams High Contrast.chromium.png 1601189 Changed
docs/Menu.Menu Example Kind.chromium.png 1609236 Changed
docs/Menu.Menu Example Pointing Teams Dark.chromium.png 1567763 Changed
docs/Menu.Menu Example Pointing Teams High Contrast.chromium.png 1574374 Changed
docs/Menu.Menu Example Pointing.chromium.png 1604463 Changed
docs/Menu.Menu Example Positioning Shorthand.chromium.png 1605912 Changed
docs/Menu.Menu Example Positioning Update Shorthand.chromium.png 1605381 Changed
docs/Menu.Menu Example Teams Dark.chromium.png 1593353 Changed
docs/Menu.Menu Example Toolbar Shorthand Teams Dark.chromium.png 1598155 Changed
docs/Menu.Menu Example Toolbar Shorthand Teams High Contrast.chromium.png 1601192 Changed
docs/Menu.Menu Example Underlined Teams Dark.chromium.png 1599604 Changed
docs/Menu.Menu Example Underlined Teams High Contrast.chromium.png 1602387 Changed
docs/Menu.Menu Example Vertical Pointing.chromium.png 1609302 Changed
docs/Menu.Menu Example Vertical Teams Dark.chromium.png 1539836 Changed
docs/Menu.Menu Example Vertical Teams High Contrast.chromium.png 1542736 Changed
docs/Menu.Menu Example Vertical Teams.chromium.png 1608298 Changed
docs/Menu.Menu Example Vertical.chromium.png 1608321 Changed
docs/Menu.Menu Example With Sub Menu Hover Teams Dark.chromium.png 1591291 Changed
docs/Menu.Menu Example With Sub Menu Hover Teams High Contrast.chromium.png 1596560 Changed
docs/Menu.Menu Example With Tooltip Teams Dark.chromium.png 1592649 Changed
docs/Menu.Menu Example With Tooltip Teams High Contrast.chromium.png 1597534 Changed
docs/Menu.Menu Example.chromium.png 1607546 Changed
docs/Menu.Menu With Submenu Controlled Example.chromium.png 1608229 Changed
docs/MenuButton 1 screenshots
Image Name Diff(in Pixels) Image Type
docs/MenuButton.Menu Button Open Example.chromium.png 1606684 Changed
docs/Pill 9 screenshots
Image Name Diff(in Pixels) Image Type
docs/Pill.Pill Actionable Example.chromium.png 1609302 Changed
docs/Pill.Pill Appearance Example.chromium.png 1608739 Changed
docs/Pill.Pill Example.chromium.png 1609211 Changed
docs/Pill.Pill Icon Example.chromium.png 1609174 Changed
docs/Pill.Pill Group Example.chromium.png 1608743 Changed
docs/Pill.Pill Image Example.chromium.png 1609004 Changed
docs/Pill.Pill Rectangular Example.chromium.png 1609396 Changed
docs/Pill.Pill Selectable Example.chromium.png 1608223 Changed
docs/Pill.Pill Sizes Example.chromium.png 1608975 Changed
docs/Popup 17 screenshots
Image Name Diff(in Pixels) Image Type
docs/Popup.Popper Example Positioning.chromium.png 1601387 Changed
docs/Popup.Popper Example Visibility Modifiers.chromium.png 1599095 Changed
docs/Popup.Popup Controlled Example Teams Dark.chromium.png 1593931 Changed
docs/Popup.Popup Controlled Example Teams High Contrast.chromium.png 1597061 Changed
docs/Popup.Popup Controlled Example.chromium.png 1604552 Changed
docs/Popup.Popup Example Auto Size.chromium.png 1600024 Changed
docs/Popup.Popup Example Container Transformed.chromium.png 1606616 Changed
docs/Popup.Popup Example Nested.chromium.png 1609561 Changed
docs/Popup.Popup Example Offset.chromium.png 1609635 Changed
docs/Popup.Popup Example Pointer Margin.chromium.png 1602796 Changed
docs/Popup.Popup Example Pointing.chromium.png 1608272 Changed
docs/Popup.Popup Example Pointer Offset.chromium.png 1604168 Changed
docs/Popup.Popup Example Position.chromium.png 1606138 Changed
docs/Popup.Popup Example Teams Dark.chromium.png 1598061 Changed
docs/Popup.Popup Example Teams High Contrast.chromium.png 1601226 Changed
docs/Popup.Popup Focus Trap Example.chromium.png 1608889 Changed
docs/Popup.Popup Scroll Example.chromium.png 1578882 Changed
docs/Portal 1 screenshots
Image Name Diff(in Pixels) Image Type
docs/Portal.Portal Example Open.chromium.png 1608123 Changed
docs/Provider 6 screenshots
Image Name Diff(in Pixels) Image Type
docs/Provider.Provider Example Animation.chromium.png 1608468 Changed
docs/Provider.Provider Example Focus Border Shorthand.chromium.png 1608269 Changed
docs/Provider.Provider Example Scrollbar.chromium.png 1604297 Changed
docs/Provider.Provider Example Shorthand.chromium.png 1608686 Changed
docs/Provider.Provider Example Target Frame.chromium.png 1608021 Changed
docs/Provider.Provider Example Target.chromium.png 1609383 Changed
docs/RadioGroup 7 screenshots
Image Name Diff(in Pixels) Image Type
docs/RadioGroup.Radio Group Example Rtl.chromium.png 1609429 Changed
docs/RadioGroup.Radio Group Item Example Checked Shorthand.chromium.png 1608931 Changed
docs/RadioGroup.Radio Group Custom Example.chromium.png 1605310 Changed
docs/RadioGroup.Radio Group Vertical Example Teams Dark.chromium.png 1556132 Changed
docs/RadioGroup.Radio Group Vertical Example Teams High Contrast.chromium.png 1560713 Changed
docs/RadioGroup.Radio Group Vertical Example Teams.chromium.png 1607827 Changed
docs/RadioGroup.Radio Group Vertical Example.chromium.png 1607405 Changed
docs/Segment 4 screenshots
Image Name Diff(in Pixels) Image Type
docs/Segment.Segment Example Color.chromium.png 1499295 Changed
docs/Segment.Segment Example Inverted Shorthand.chromium.png 1590960 Changed
docs/Segment.Segment Example Rtl.chromium.png 1609463 Changed
docs/Segment.Segment Example.chromium.png 1608659 Changed
docs/Skeleton 5 screenshots
Image Name Diff(in Pixels) Image Type
docs/Skeleton.Skeleton Example Animations.chromium.png 1602113 Changed
docs/Skeleton.Skeleton Example Card.chromium.png 1595551 Changed
docs/Skeleton.Skeleton Example Components.chromium.png 1593231 Changed
docs/Skeleton.Skeleton Example Default.chromium.png 1605956 Changed
docs/Skeleton.Skeleton Example List.chromium.png 1599011 Changed
docs/Slider 1 screenshots
Image Name Diff(in Pixels) Image Type
docs/Slider.Slider Example Form Shorthand.chromium.png 1608665 Changed
docs/SplitButton 6 screenshots
Image Name Diff(in Pixels) Image Type
docs/SplitButton.Split Button Example Flat.chromium.png 1602180 Changed
docs/SplitButton.Split Button Example Small Container Teams Dark.chromium.png 1570653 Changed
docs/SplitButton.Split Button Example Small Container Teams High Contrast.chromium.png 1576938 Changed
docs/SplitButton.Split Button Example Toggle Button Shorthand.chromium.png 1606164 Changed
docs/SplitButton.Split Button Main Option Change Example.chromium.png 1606038 Changed
docs/SplitButton.Split Button Positioning Example Shorthand.chromium.png 1609424 Changed
docs/Status 4 screenshots
Image Name Diff(in Pixels) Image Type
docs/Status.Status Icon Example Shorthand.chromium.png 1609699 Changed
docs/Status.Status Type Example Shorthand Teams Dark.chromium.png 1567884 Changed
docs/Status.Status Type Example Shorthand Teams High Contrast.chromium.png 1573184 Changed
docs/Status.Status Type Example Shorthand.chromium.png 1608402 Changed
docs/SvgIcon 15 screenshots
Image Name Diff(in Pixels) Image Type
docs/SvgIcon.Svg Icon Example Circular Teams Dark.chromium.png 1602535 Changed
docs/SvgIcon.Svg Icon Example Circular Teams High Contrast.chromium.png 1604652 Changed
docs/SvgIcon.Svg Icon Example Color Teams Dark.chromium.png 1595376 Changed
docs/SvgIcon.Svg Icon Example Color Teams High Contrast.chromium.png 1598786 Changed
docs/SvgIcon.Svg Icon Example Color Teams.chromium.png 1607925 Changed
docs/SvgIcon.Svg Icon Example Size Teams Dark.chromium.png 1579247 Changed
docs/SvgIcon.Svg Icon Example Size Teams High Contrast.chromium.png 1585453 Changed
docs/SvgIcon.Svg Icon Example Size.chromium.png 1606758 Changed
docs/SvgIcon.Svg Icon Example Space Teams Dark.chromium.png 1546908 Changed
docs/SvgIcon.Svg Icon Example Space Teams High Contrast.chromium.png 1546453 Changed
docs/SvgIcon.Svg Icon Example Space.chromium.png 1607823 Changed
docs/SvgIcon.Svg Icon Set Example Shorthand Teams Dark.chromium.png 1167018 Changed
docs/SvgIcon.Svg Icon Set Example Shorthand Teams High Contrast.chromium.png 1211356 Changed
docs/SvgIcon.Svg Icon Set Example Shorthand.chromium.png 1585612 Changed
docs/SvgIcon.Svgcon Example Bordered Teams Dark.chromium.png 1602649 Changed
docs/Table 6 screenshots
Image Name Diff(in Pixels) Image Type
docs/Table.Static Table Compact.chromium.png 1608162 Changed
docs/Table.Static Table Teams Dark.chromium.png 1529897 Changed
docs/Table.Static Table Teams.chromium.png 1607959 Changed
docs/Table.Static Table Teams High Contrast.chromium.png 1531945 Changed
docs/Table.Static Table.chromium.png 1607861 Changed
docs/Table.Table Example Static.chromium.png 1608139 Changed
docs/Text 8 screenshots
Image Name Diff(in Pixels) Image Type
docs/Text.Text Example Color.chromium.png 1609330 Changed
docs/Text.Text Example Error.chromium.png 1609517 Changed
docs/Text.Text Example Important.chromium.png 1609376 Changed
docs/Text.Text Example Rtl.chromium.png 1609187 Changed
docs/Text.Text Example Truncated.chromium.png 1604369 Changed
docs/Text.Text Sizes Example Shorthand.chromium.png 1605733 Changed
docs/Text.Text Sizes Example.chromium.png 1605733 Changed
docs/Text.Text Weights Example.chromium.png 1608280 Changed
docs/TextArea 7 screenshots
Image Name Diff(in Pixels) Image Type
docs/TextArea.Text Area Example Height.chromium.png 1605972 Changed
docs/TextArea.Text Area Example Inverted Teams Dark.chromium.png 1535758 Changed
docs/TextArea.Text Area Example Inverted Teams High Contrast.chromium.png 1536922 Changed
docs/TextArea.Text Area Example Inverted Teams.chromium.png 1607172 Changed
docs/TextArea.Text Area Example Inverted.chromium.png 1606634 Changed
docs/TextArea.Text Area Example Teams Dark.chromium.png 1587605 Changed
docs/TextArea.Text Area Example Teams High Contrast.chromium.png 1592036 Changed
docs/Toolbar 16 screenshots
Image Name Diff(in Pixels) Image Type
docs/Toolbar.Toolbar Example Action Popup In Menu Teams Dark.chromium.png 1596524 Changed
docs/Toolbar.Toolbar Example Custom Content Shorthand.chromium.png 1609028 Changed
docs/Toolbar.Toolbar Example Editor Shorthand Teams Dark.chromium.png 1575105 Changed
docs/Toolbar.Toolbar Example Editor Shorthand Teams High Contrast.chromium.png 1581380 Changed
docs/Toolbar.Toolbar Example Editor Shorthand.chromium.png 1603335 Changed
docs/Toolbar.Toolbar Example Menu Shorthand.chromium.png 1606269 Changed
docs/Toolbar.Toolbar Example Menu With Submenu Shorthand Teams Dark.chromium.png 1596344 Changed
docs/Toolbar.Toolbar Example Overflow Positioning Shorthand.chromium.png 1608642 Changed
docs/Toolbar.Toolbar Example Popup In Menu Teams Dark.chromium.png 1596873 Changed
docs/Toolbar.Toolbar Example Popup Shorthand Teams Dark.chromium.png 1596838 Changed
docs/Toolbar.Toolbar Example Popup Shorthand Teams High Contrast.chromium.png 1599864 Changed
docs/Toolbar.Toolbar Example Radio Group Shorthand Teams Dark.chromium.png 1596611 Changed
docs/Toolbar.Toolbar Example Radio Group Shorthand Teams High Contrast.chromium.png 1599642 Changed
docs/Toolbar.Toolbar Example Shorthand Teams High Contrast.chromium.png 1596638 Changed
docs/Toolbar.Toolbar Example Shorthand Teams Dark.chromium.png 1593583 Changed
docs/Toolbar.Toolbar Example Variables.chromium.png 1605201 Changed
docs/Tooltip 14 screenshots
Image Name Diff(in Pixels) Image Type
docs/Tooltip.Tooltip Example Dialog Content Shorthand.chromium.png 1609479 Changed
docs/Tooltip.Tooltip Example Disabled Trigger.chromium.png 1609482 Changed
docs/Tooltip.Tooltip Example Dismiss On Content Mouse Enter.chromium.png 1609594 Changed
docs/Tooltip.Tooltip Example Pointer Margin.chromium.png 1603976 Changed
docs/Tooltip.Tooltip Example Pointing Teams Dark.chromium.png 1595314 Changed
docs/Tooltip.Tooltip Example Pointing Teams High Contrast.chromium.png 1599145 Changed
docs/Tooltip.Tooltip Example Pointing.chromium.png 1609442 Changed
docs/Tooltip.Tooltip Example Position.chromium.png 1606423 Changed
docs/Tooltip.Tooltip Example Rtl.chromium.png 1609478 Changed
docs/Tooltip.Tooltip Example Target.chromium.png 1606200 Changed
docs/Tooltip.Tooltip Example Teams Dark.chromium.png 1598150 Changed
docs/Tooltip.Tooltip Example Teams High Contrast.chromium.png 1601268 Changed
docs/Tooltip.Tooltip Example.chromium.png 1609584 Changed
docs/Tooltip.Tooltip Open Example.chromium.png 1606764 Changed
docs/Tree 11 screenshots
Image Name Diff(in Pixels) Image Type
docs/Tree.Tree Example Shorthand Teams Dark.chromium.png 1594460 Changed
docs/Tree.Tree Example Shorthand Teams High Contrast.chromium.png 1597944 Changed
docs/Tree.Tree Example Shorthand.chromium.png 1609316 Changed
docs/Tree.Tree Exclusive Example.chromium.png 1609665 Changed
docs/Tree.Tree Initially Open Example Shorthand.chromium.png 1608705 Changed
docs/Tree.Tree Multiselect Example Teams Dark.chromium.png 1584083 Changed
docs/Tree.Tree Multiselect Example Teams High Contrast.chromium.png 1589651 Changed
docs/Tree.Tree Multiselect Example Teams.chromium.png 1609010 Changed
docs/Tree.Tree Title Customization Example Teams Dark.chromium.png 1594133 Changed
docs/Tree.Tree Title Customization Example Teams High Contrast.chromium.png 1597764 Changed
docs/Tree.Tree Title Customization Example.chromium.png 1609641 Changed
docs/Video 1 screenshots
Image Name Diff(in Pixels) Image Type
docs/Video.Video Example.chromium.png 1482461 Changed
vr-tests-react-components/Avatar Converged 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Avatar Converged.badgeMask - RTL.normal.chromium.png 6 Changed
vr-tests-react-components/Charts-DonutChart 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Charts-DonutChart.Dynamic - Dark Mode.default.chromium.png 12829 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic - RTL.default.chromium.png 31078 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic.default.chromium.png 27462 Changed
vr-tests-react-components/InteractionTag Converged 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/InteractionTag Converged.With Icon Box Sizing.default.chromium.png 296 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 24 Changed
vr-tests-react-components/Positioning.Positioning end.chromium.png 703 Changed
vr-tests-react-components/TagPicker 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled - RTL.chromium.png 635 Changed
vr-tests-web-components/Checkbox 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Checkbox. - Dark Mode.normal.chromium_1.png 3 Changed
vr-tests-web-components/Switch 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Switch. - Dark Mode.normal.chromium_1.png 92 Changed
vr-tests/Callout 7 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Callout.Bottom center.default.chromium.png 2116 Changed
vr-tests/Callout.Bottom left edge - RTL.default.chromium.png 2186 Changed
vr-tests/Callout.Bottom left edge.default.chromium.png 2181 Changed
vr-tests/Callout.Left center.default.chromium.png 2544 Changed
vr-tests/Callout.Top left edge.default.chromium.png 2196 Changed
vr-tests/Callout.Right center.default.chromium.png 2080 Changed
vr-tests/Callout.No callout width specified.default.chromium.png 2126 Changed
vr-tests/Keytip 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Keytip.Disabled.default.chromium.png 24 Changed
vr-tests/Keytip.Root.default.chromium.png 55 Changed
vr-tests/Pivot - Overflow 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Pivot - Overflow.Tabs - RTL.chromium.png 4524 Changed
vr-tests/react-charting-AreaChart 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-AreaChart.Custom Accessibility.default.chromium.png 11 Changed
vr-tests/react-charting-LineChart 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-LineChart.Events.default.chromium.png 17 Changed
vr-tests/react-charting-LineChart.Events - RTL.default.chromium.png 15 Changed
vr-tests/react-charting-LineChart.Multiple - Dark Mode.default.chromium.png 181 Changed
vr-tests/react-charting-VerticalBarChart 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-VerticalBarChart.Basic - Secondary Y Axis.default.chromium.png 3 Changed

There were 323 duplicate changes discarded. Check the build logs for more information.

@Hotell Hotell force-pushed the desp/migrate-repo-to-react-18 branch 2 times, most recently from 556fd82 to 3a8dbfd Compare June 17, 2025 08:13
@Hotell Hotell removed the NX: core label Jun 17, 2025
Copy link

Pull request demo site: URL

@github-actions github-actions bot added the CI label Jun 19, 2025
Hotell added 19 commits June 19, 2025 14:48
… yarn v1 issue which forces linking r17 types within node_modules
…clashes and turn off skipLibCheck to ignore invalid enzyme types exporting JSX
…i-extractor config file within generate-api executor
@Hotell Hotell force-pushed the desp/migrate-repo-to-react-18 branch from 005189c to 9fc357b Compare June 19, 2025 12:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant