Skip to content

[testing]: test color #35444

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.

Sign up for GitHub

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

Jump to bottom
Draft
wants to merge 5 commits into
base: master
Choose a base branch
from
Draft

[testing]: test color #35444

wants to merge 5 commits into from
+45 −19

Conversation

@Anush2303
Copy link
Contributor

Previous Behavior

New Behavior

Related Issue(s)

  • Fixes #

@github-actions
Copy link

github-actions bot commented Nov 3, 2025 •
edited
Loading

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-charts
DeclarativeChart		 696.351 kB
200.579 kB		 696.428 kB
200.628 kB		 77 B
49 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.457 kB
1.832 kB
react
ActivityItem		 71.22 kB
23.347 kB
react
Announced		 38.472 kB
13.275 kB
react
Autofill		 15.42 kB
4.766 kB
react
Breadcrumb		 200.805 kB
59.601 kB
react
Button		 194.354 kB
55.886 kB
react
ButtonGrid		 179.242 kB
53.891 kB
react
Calendar		 121.162 kB
36.83 kB
react
Callout		 84.299 kB
27.593 kB
react
Check		 53.206 kB
17.835 kB
react
Checkbox		 59.978 kB
19.874 kB
react
ChoiceGroup		 65.488 kB
21.465 kB
react
ChoiceGroupOption		 58.769 kB
19.353 kB
react
Coachmark		 92.7 kB
29.305 kB
react
Color		 7.789 kB
3.127 kB
react
ColorPicker		 134.97 kB
42.125 kB
react
ComboBox		 250.687 kB
71.515 kB
react
CommandBar		 201.861 kB
59.387 kB
react
ContextualMenu		 154.229 kB
47.566 kB
react
DatePicker		 183.251 kB
55.892 kB
react
DateTimeUtilities		 5.244 kB
1.849 kB
react
DetailsList		 229.929 kB
65.81 kB
react
Dialog		 210.16 kB
62.358 kB
react
Divider		 19.588 kB
6.84 kB
react
DocumentCard		 215.843 kB
63.666 kB
react
DragDrop		 8.343 kB
2.724 kB
react
DraggableZone		 34.28 kB
11.488 kB
react
Dropdown		 233.151 kB
67.962 kB
react
ExtendedPicker		 96.823 kB
27.866 kB
react
Fabric		 41.728 kB
14.343 kB
react
Facepile		 209.377 kB
62.375 kB
react
FloatingPicker		 240.865 kB
68.222 kB
react
FocusTrapZone		 16.99 kB
5.891 kB
react
FocusZone		 55.1 kB
17.451 kB
react
Grid		 179.242 kB
53.891 kB
react
GroupedList		 135.035 kB
40.67 kB
react
GroupedListV2		 122.659 kB
37.758 kB
react
HoverCard		 96.784 kB
30.688 kB
react
Icon		 51.887 kB
17.263 kB
react
Icons		 66.339 kB
24.385 kB
react
Image		 46.901 kB
15.695 kB
react
Keytip		 81.301 kB
26.677 kB
react
KeytipData		 14.05 kB
4.583 kB
react
KeytipLayer		 103.089 kB
31.9 kB
react
Keytips		 105.873 kB
32.904 kB
react
Label		 38.324 kB
13.241 kB
react
Layer		 48.089 kB
16.348 kB
react
Link		 39.665 kB
13.653 kB
react
List		 39.346 kB
12.454 kB
react
MarqueeSelection		 74.49 kB
22.402 kB
react
MessageBar		 189.388 kB
56.33 kB
react
Modal		 93.738 kB
30.223 kB
react
Nav		 186.825 kB
55.723 kB
react
OverflowSet		 33.354 kB
11.282 kB
react
Overlay		 40.885 kB
14.077 kB
react
Panel		 200.327 kB
59.336 kB
react
Persona		 114.591 kB
36.435 kB
react
PersonaCoin		 114.591 kB
36.435 kB
react
PersonaPresence		 58.076 kB
19.372 kB
react
Pickers		 297.91 kB
82.996 kB
react
Pivot		 187.734 kB
56.5 kB
react
Popup		 12.312 kB
4.197 kB
react
Positioning		 22.764 kB
7.683 kB
react
PositioningContainer		 73.445 kB
23.685 kB
react
ProgressIndicator		 39.477 kB
13.528 kB
react
Rating		 82.086 kB
26.09 kB
react
Fluent UI React (entire library)		 1.019 MB
283.18 kB
react
ResizeGroup		 13.35 kB
4.379 kB
react
ResponsiveMode		 8.13 kB
2.966 kB
react
ScrollablePane		 55.541 kB
17.718 kB
react
SearchBox		 187.63 kB
55.936 kB
react
SelectableOption		 724 B
413 B
react
SelectedItemsList		 231.35 kB
67.176 kB
react
Selection		 42.418 kB
12.26 kB
react
Separator		 35.365 kB
12.132 kB
react
Shimmer		 49.249 kB
16.258 kB
react
ShimmeredDetailsList		 240.71 kB
68.549 kB
react
Slider		 57.627 kB
19.198 kB
react
SpinButton		 191.297 kB
57.006 kB
react
Spinner		 41.759 kB
14.468 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
SwatchColorPicker		 189.637 kB
57.417 kB
react
TeachingBubble		 204.639 kB
60.311 kB
react
Text		 36.886 kB
12.806 kB
react
TextField		 80.798 kB
25.308 kB
react
Theme		 43.486 kB
14.168 kB
react
ThemeGenerator		 12.384 kB
4.116 kB
react
TimePicker		 240.515 kB
69.311 kB
react
Toggle		 46.201 kB
15.957 kB
react
Tooltip		 87.073 kB
28.151 kB
react
Utilities		 82.938 kB
25.15 kB
react
Viewport		 23.872 kB
7.642 kB
react
WeeklyDayPicker		 101.348 kB
31.644 kB
react
WindowProvider		 1.059 kB
541 B
react-accordion
Accordion (including children components)		 108.245 kB
33.152 kB
react-aria
ARIA - Default		 237 B
181 B
react-avatar
Avatar		 48.555 kB
15.528 kB
react-avatar
AvatarGroup		 19.235 kB
7.617 kB
react-avatar
AvatarGroupItem		 62.699 kB
19.747 kB
react-badge
Badge		 25.089 kB
8.256 kB
react-badge
CounterBadge		 25.869 kB
8.53 kB
react-badge
PresenceBadge		 24.97 kB
9.163 kB
react-breadcrumb
@fluentui/react-breadcrumb - package		 114.23 kB
31.551 kB
react-button
Button		 36.705 kB
10.508 kB
react-button
CompoundButton		 43.117 kB
11.812 kB
react-button
MenuButton		 41.642 kB
11.917 kB
react-button
SplitButton		 49.702 kB
13.496 kB
react-button
ToggleButton		 52.636 kB
12.285 kB
react-calendar-compat
Calendar Compat		 149.805 kB
39.967 kB
react-card
Card - All		 106.019 kB
29.801 kB
react-card
Card		 98.665 kB
27.926 kB
react-card
CardFooter		 13.662 kB
5.517 kB
react-card
CardHeader		 16.195 kB
6.38 kB
react-card
CardPreview		 13.729 kB
5.645 kB
react-charting
AreaChart		 298.603 kB
92.628 kB
react-charting
ChartHoverCard		 37.196 kB
12.7 kB
react-charting
DeclarativeChart		 640.116 kB
180.448 kB
react-charting
DonutChart		 191.538 kB
59.947 kB
react-charting
GanttChart		 278.029 kB
86.51 kB
react-charting
GaugeChart		 192.057 kB
59.498 kB
react-charting
GroupedVerticalBarChart		 289.723 kB
89.479 kB
react-charting
HeatMapChart		 280.955 kB
87.152 kB
react-charting
HorizontalBarChart		 127.238 kB
39.931 kB
react-charting
HorizontalBarChartWithAxis		 287.746 kB
88.474 kB
react-charting
Legends		 151.066 kB
46.245 kB
react-charting
LineChart		 328.133 kB
99.596 kB
react-charting
MultiStackedBarChart		 181.242 kB
55.075 kB
react-charting
PieChart		 134.239 kB
42.282 kB
react-charting
SankeyChart		 146.82 kB
45.708 kB
react-charting
ScatterChart		 284.348 kB
88.833 kB
react-charting
Sparkline		 87.616 kB
29.671 kB
react-charting
StackedBarChart		 174.923 kB
52.655 kB
react-charting
TreeChart		 84.809 kB
26.636 kB
react-charting
VerticalBarChart		 300.132 kB
90.965 kB
react-charting
VerticalStackedBarChart		 296.002 kB
90.455 kB
react-charts
AreaChart		 387.402 kB
118.1 kB
react-charts
DonutChart		 296.997 kB
88.73 kB
react-charts
FunnelChart		 288.153 kB
85.63 kB
react-charts
GanttChart		 368.914 kB
111.131 kB
react-charts
GaugeChart		 311.772 kB
92.386 kB
react-charts
GroupedVerticalBarChart		 376.94 kB
113.668 kB
react-charts
HeatMapChart		 370.883 kB
112.699 kB
react-charts
HorizontalBarChart		 296.397 kB
87.289 kB
react-charts
HorizontalBarChartWithAxis		 63 B
83 B
react-charts
Legends		 235.132 kB
69.571 kB
react-charts
LineChart		 396.626 kB
119.59 kB
react-charts
SankeyChart		 199.128 kB
61.213 kB
react-charts
ScatterChart		 376.457 kB
113.622 kB
react-charts
Sparkline		 91.098 kB
28.693 kB
react-charts
VerticalBarChart		 411.454 kB
119.189 kB
react-charts
VerticalStackedBarChart		 383.27 kB
115.032 kB
react-checkbox
Checkbox		 34.414 kB
11.801 kB
react-color-picker
ColorArea		 49.32 kB
17.32 kB
react-color-picker
ColorPicker		 17.95 kB
7.143 kB
react-color-picker
ColorSlider		 41.493 kB
15.375 kB
react-combobox
Combobox (including child components)		 106.965 kB
34.798 kB
react-combobox
Dropdown (including child components)		 107.595 kB
34.722 kB
react-components
react-components: Button, FluentProvider & webLightTheme		 68.796 kB
19.903 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover		 236.635 kB
68.578 kB
react-components
react-components: FluentProvider & webLightTheme		 43.63 kB
14.257 kB
react-components
react-components: entire library		 1.279 MB
321.375 kB
react-datepicker-compat
DatePicker Compat		 226.662 kB
64.124 kB
react-dialog
Dialog (including children components)		 103.725 kB
30.96 kB
react-divider
Divider		 20.626 kB
7.654 kB
react-field
Field		 22.697 kB
8.603 kB
react-image
Image		 14.473 kB
5.919 kB
react-input
Input		 27.148 kB
9.108 kB
react-jsx-runtime
Classic Pragma		 1.101 kB
550 B
react-jsx-runtime
JSX Dev Runtime		 2.8 kB
1.251 kB
react-jsx-runtime
JSX Runtime		 3.422 kB
1.493 kB
react-label
Label		 13.799 kB
5.644 kB
react-link
Link		 16.746 kB
6.785 kB
react-list
List		 88.897 kB
26.388 kB
react-list
ListItem		 112.479 kB
33.25 kB
react-menu
Menu (including children components)		 165.361 kB
50.086 kB
react-menu
Menu (including selectable components)		 168.343 kB
50.668 kB
react-message-bar
MessageBar (all components)		 24.157 kB
8.983 kB
react-motion
@fluentui/react-motion - createMotionComponent()		 4.109 kB
1.806 kB
react-motion
@fluentui/react-motion - createPresenceComponent()		 5.771 kB
2.396 kB
react-motion
@fluentui/react-motion - PresenceGroup		 1.727 kB
823 B
react-overflow
hooks only		 12.869 kB
4.807 kB
react-persona
Persona		 55.446 kB
17.41 kB
react-popover
Popover		 132.259 kB
41.165 kB
react-portal
Portal		 15.395 kB
5.377 kB
react-portal-compat
PortalCompatProvider		 8.386 kB
2.624 kB
react-positioning
usePositioning		 28.865 kB
10.146 kB
react-positioning
useSafeZoneArea		 12.29 kB
4.967 kB
react-progress
ProgressBar		 16.593 kB
6.613 kB
react-provider
FluentProvider		 23.806 kB
8.557 kB
react-radio
Radio		 31.8 kB
10.006 kB
react-radio
RadioGroup		 14.889 kB
6.09 kB
react-select
Select		 26.987 kB
9.848 kB
react-slider
Slider		 37.211 kB
12.461 kB
react-spinbutton
SpinButton		 34.468 kB
11.453 kB
react-spinner
Spinner		 24.396 kB
8.201 kB
react-swatch-picker
@fluentui/react-swatch-picker - package		 106.057 kB
30.56 kB
react-switch
Switch		 34.55 kB
11.013 kB
react-table
DataGrid		 161.176 kB
45.567 kB
react-table
Table (Primitives only)		 41.975 kB
13.575 kB
react-table
Table as DataGrid		 131.499 kB
36.357 kB
react-table
Table (Selection only)		 69.887 kB
19.719 kB
react-table
Table (Sort only)		 68.53 kB
19.333 kB
react-tag-picker
@fluentui/react-tag-picker - package		 188.335 kB
56.463 kB
react-tags
InteractionTag		 14.561 kB
5.865 kB
react-tags
Tag		 30.413 kB
9.802 kB
react-tags
TagGroup		 83.1 kB
24.563 kB
react-teaching-popover
TeachingPopover		 102.752 kB
30.741 kB
react-text
Text - Default		 16.19 kB
6.366 kB
react-text
Text - Wrappers		 19.35 kB
6.695 kB
react-textarea
Textarea		 25.53 kB
9.361 kB
react-theme
Single theme token import		 69 B
89 B
react-theme
Teams: all themes		 36.081 kB
7.658 kB
react-theme
Teams: Light theme		 20.025 kB
5.723 kB
react-timepicker-compat
TimePicker		 109.931 kB
36.336 kB
react-toast
Toast (including Toaster)		 103.322 kB
30.969 kB
react-tooltip
Tooltip		 58.019 kB
20.119 kB
react-tree
FlatTree		 149.073 kB
42.66 kB
react-tree
PersonaFlatTree		 149.831 kB
42.791 kB
react-tree
PersonaTree		 146.096 kB
41.652 kB
react-tree
Tree		 145.346 kB
41.528 kB
react-utilities
SSRProvider		 180 B
160 B
🤖 This report was generated against 77df4fe3220557c4f72d6ce8492b0d198cc1119d

@github-actions
Copy link

github-actions bot commented Nov 3, 2025

Pull request demo site: URL

github-actions[bot]
github-actions bot reviewed Nov 3, 2025
View reviewed changes
change/@fluentui-react-charts-4a781aa4-b04f-4c56-b1e6-c06359e83113.json
@@ -0,0 +1,7 @@
{
Copy link

@github-actions github-actions bot Nov 3, 2025 •
edited
Loading

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

vr-tests-react-components/CalendarCompat 4 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/CalendarCompat.multiDayView - Dark Mode.default.chromium.png 1108 Changed
vr-tests-react-components/CalendarCompat.multiDayView.default.chromium_1.png 492 Changed
vr-tests-react-components/CalendarCompat.multiDayView - RTL.default.chromium.png 494 Changed
vr-tests-react-components/CalendarCompat.multiDayView - High Contrast.default.chromium.png 1229 Changed
vr-tests-react-components/Charts-DonutChart 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Charts-DonutChart.Dynamic - RTL.default.chromium.png 30793 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic - Dark Mode.default.chromium.png 12635 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic.default.chromium.png 27053 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 601 Changed
vr-tests-react-components/Positioning.Positioning end.chromium.png 916 Changed
vr-tests-react-components/Skeleton converged 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Skeleton converged.Opaque Skeleton with circle - Dark Mode.default.chromium.png 2 Changed
vr-tests-react-components/Skeleton converged.Opaque Skeleton with circle - High Contrast.default.chromium.png 2 Changed
vr-tests-web-components/Accordion 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Accordion. - Dark Mode.normal.chromium_1.png 3151 Changed
vr-tests-web-components/Avatar 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Avatar. - Dark Mode.normal.chromium_1.png 298 Changed
vr-tests/Callout 7 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Callout.Beak 25.default.chromium.png 2185 Changed
vr-tests/Callout.Right bottom edge.default.chromium.png 3037 Changed
vr-tests/Callout.Left top edge.default.chromium.png 2168 Changed
vr-tests/Callout.Bottom center.default.chromium.png 2116 Changed
vr-tests/Callout.Left center.default.chromium.png 2544 Changed
vr-tests/Callout.Rendering callout attached to a rectangle.default.chromium.png 1832 Changed
vr-tests/Callout.Right center.default.chromium.png 2080 Changed
vr-tests/Coachmark 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Coachmark.Collapsed.default.chromium.png 159 Changed
vr-tests/Keytip 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/Keytip.Disabled.default.chromium.png 26 Changed
vr-tests/Keytip.Offset.default.chromium.png 86 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-GaugeChart 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-GaugeChart.Basic.default.chromium.png 2 Changed
vr-tests/react-charting-LineChart 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-LineChart.Events - RTL.default.chromium.png 15 Changed
vr-tests/react-charting-LineChart.Events - Dark Mode.default.chromium.png 16 Changed
vr-tests/react-charting-LineChart.Events.default.chromium.png 15 Changed
vr-tests/react-charting-MultiStackBarChart 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests/react-charting-MultiStackBarChart.Basic_Absolute - RTL.default.chromium.png 343 Changed
vr-tests/react-charting-MultiStackBarChart.Basic_Absolute - Dark Mode.default.chromium.png 363 Changed
vr-tests/react-charting-MultiStackBarChart.Basic_PartToWhole - RTL.default.chromium.png 343 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 1 duplicate changes discarded. Check the build logs for more information.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@github-actions github-actions[bot] github-actions[bot] left review comments

At least 1 approving review is required to merge this pull request.

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@Anush2303