Skip to content

Conversation

@Hotell
Copy link
Contributor

@Hotell Hotell commented Nov 4, 2025

Previous Behavior

New Behavior

Related Issue(s)

  • Fixes #

@github-actions
Copy link

github-actions bot commented Nov 4, 2025

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-charts
DeclarativeChart
696.368 kB
200.584 kB
667.47 kB
197.27 kB
-28.898 kB
-3.314 kB
react-charts
VerticalBarChart
411.471 kB
119.191 kB
383.2 kB
115.59 kB
-28.271 kB
-3.601 kB
react-theme
Single theme token import
69 B
89 B
79 B
95 B
10 B
6 B
tokens
all tokens
0 B
0 B
28.252 kB
3.085 kB
🆕 New entry
tokens
single token
0 B
0 B
79 B
95 B
🆕 New entry
Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
328 B
global-context
createContextSelector
537 B
339 B
react-accordion
Accordion (including children components)
108.262 kB
33.154 kB
react-aria
ARIA - Default
237 B
181 B
react-avatar
Avatar
48.572 kB
15.53 kB
react-avatar
AvatarGroup
19.252 kB
7.618 kB
react-avatar
AvatarGroupItem
62.716 kB
19.749 kB
react-badge
Badge
25.106 kB
8.258 kB
react-badge
CounterBadge
25.886 kB
8.532 kB
react-badge
PresenceBadge
24.987 kB
9.165 kB
react-breadcrumb
@fluentui/react-breadcrumb - package
114.247 kB
31.553 kB
react-button
Button
36.722 kB
10.51 kB
react-button
CompoundButton
43.134 kB
11.814 kB
react-button
MenuButton
41.659 kB
11.918 kB
react-button
SplitButton
49.719 kB
13.498 kB
react-button
ToggleButton
52.653 kB
12.287 kB
react-calendar-compat
Calendar Compat
149.805 kB
39.967 kB
react-card
Card - All
106.036 kB
29.803 kB
react-card
Card
98.682 kB
27.928 kB
react-card
CardFooter
13.679 kB
5.519 kB
react-card
CardHeader
16.212 kB
6.382 kB
react-card
CardPreview
13.746 kB
5.646 kB
react-charts
AreaChart
387.419 kB
118.103 kB
react-charts
DonutChart
297.014 kB
88.733 kB
react-charts
FunnelChart
288.17 kB
85.633 kB
react-charts
GanttChart
368.931 kB
111.133 kB
react-charts
GaugeChart
311.789 kB
92.389 kB
react-charts
GroupedVerticalBarChart
376.957 kB
113.671 kB
react-charts
HeatMapChart
370.9 kB
112.701 kB
react-charts
HorizontalBarChart
296.414 kB
87.291 kB
react-charts
HorizontalBarChartWithAxis
63 B
83 B
react-charts
Legends
235.149 kB
69.572 kB
react-charts
LineChart
396.643 kB
119.593 kB
react-charts
SankeyChart
199.145 kB
61.216 kB
react-charts
ScatterChart
376.474 kB
113.624 kB
react-charts
Sparkline
91.098 kB
28.693 kB
react-charts
VerticalStackedBarChart
383.287 kB
115.032 kB
react-checkbox
Checkbox
34.431 kB
11.803 kB
react-color-picker
ColorArea
49.337 kB
17.321 kB
react-color-picker
ColorPicker
17.967 kB
7.145 kB
react-color-picker
ColorSlider
41.51 kB
15.377 kB
react-combobox
Combobox (including child components)
106.982 kB
34.8 kB
react-combobox
Dropdown (including child components)
107.612 kB
34.724 kB
react-components
react-components: Button, FluentProvider & webLightTheme
68.813 kB
19.905 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
236.652 kB
68.58 kB
react-components
react-components: FluentProvider & webLightTheme
43.647 kB
14.259 kB
react-components
react-components: entire library
1.279 MB
321.377 kB
react-datepicker-compat
DatePicker Compat
226.679 kB
64.125 kB
react-dialog
Dialog (including children components)
103.742 kB
30.963 kB
react-divider
Divider
20.643 kB
7.656 kB
react-field
Field
22.714 kB
8.606 kB
react-image
Image
14.49 kB
5.922 kB
react-input
Input
27.165 kB
9.11 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.816 kB
5.645 kB
react-link
Link
16.763 kB
6.786 kB
react-list
List
88.914 kB
26.39 kB
react-list
ListItem
112.496 kB
33.256 kB
react-menu
Menu (including children components)
165.378 kB
50.096 kB
react-menu
Menu (including selectable components)
168.36 kB
50.67 kB
react-message-bar
MessageBar (all components)
24.174 kB
8.984 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.463 kB
17.411 kB
react-popover
Popover
132.276 kB
41.167 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.61 kB
6.615 kB
react-provider
FluentProvider
23.823 kB
8.559 kB
react-radio
Radio
31.817 kB
10.007 kB
react-radio
RadioGroup
14.906 kB
6.091 kB
react-select
Select
27.004 kB
9.85 kB
react-slider
Slider
37.228 kB
12.463 kB
react-spinbutton
SpinButton
34.485 kB
11.455 kB
react-spinner
Spinner
24.413 kB
8.203 kB
react-swatch-picker
@fluentui/react-swatch-picker - package
106.074 kB
30.563 kB
react-switch
Switch
34.567 kB
11.014 kB
react-table
DataGrid
161.193 kB
45.568 kB
react-table
Table (Primitives only)
41.992 kB
13.576 kB
react-table
Table as DataGrid
131.516 kB
36.36 kB
react-table
Table (Selection only)
69.904 kB
19.72 kB
react-table
Table (Sort only)
68.547 kB
19.334 kB
react-tag-picker
@fluentui/react-tag-picker - package
188.352 kB
56.465 kB
react-tags
InteractionTag
14.578 kB
5.866 kB
react-tags
Tag
30.43 kB
9.803 kB
react-tags
TagGroup
83.117 kB
24.564 kB
react-teaching-popover
TeachingPopover
102.752 kB
30.741 kB
react-text
Text - Default
16.207 kB
6.368 kB
react-text
Text - Wrappers
19.367 kB
6.696 kB
react-textarea
Textarea
25.547 kB
9.363 kB
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.948 kB
36.338 kB
react-toast
Toast (including Toaster)
103.339 kB
30.971 kB
react-tooltip
Tooltip
58.019 kB
20.119 kB
react-tree
FlatTree
149.09 kB
42.662 kB
react-tree
PersonaFlatTree
149.848 kB
42.793 kB
react-tree
PersonaTree
146.113 kB
41.654 kB
react-tree
Tree
145.363 kB
41.53 kB
react-utilities
SSRProvider
180 B
160 B
🤖 This report was generated against ccc59b9ad79017b2b445211a169f9c81f1b10389

@github-actions
Copy link

github-actions bot commented Nov 4, 2025

Pull request demo site: URL


import * as React from 'react';
import { useAreaChartStyles } from './useAreaChartStyles.styles';
import { max as d3Max, bisector } from 'd3-array';
Copy link

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/Avatar Converged 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Avatar Converged.badgeMask.normal.chromium.png 5 Changed
vr-tests-react-components/Charts-DonutChart 1 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/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 607 Changed
vr-tests-react-components/Positioning.Positioning end.chromium.png 725 Changed
vr-tests-react-components/TagPicker 4 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled - Dark Mode.chromium.png 659 Changed
vr-tests-react-components/TagPicker.disabled - High Contrast.disabled input hover.chromium.png 1321 Changed
vr-tests-react-components/TagPicker.disabled - RTL.disabled input hover.chromium.png 635 Changed
vr-tests-react-components/TagPicker.disabled.disabled input hover.chromium.png 678 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/MenuList 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/MenuList. - Dark Mode.normal.chromium.png 500 Changed
vr-tests-web-components/MenuList. - RTL.2nd selected.chromium.png 17 Changed
vr-tests-web-components/MenuList. - RTL.normal.chromium_1.png 39082 Changed

There were 4 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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant