Skip to content

feat(react-tooltip): [CAP] Adds a brand appearance variant#35940

Draft
GianoglioEnrico wants to merge 1 commit intomicrosoft:masterfrom
GianoglioEnrico:feat/cap-visual-refresh-tooltip
Draft

feat(react-tooltip): [CAP] Adds a brand appearance variant#35940
GianoglioEnrico wants to merge 1 commit intomicrosoft:masterfrom
GianoglioEnrico:feat/cap-visual-refresh-tooltip

Conversation

@GianoglioEnrico
Copy link
Copy Markdown
Contributor

This PR Adds a brand appearance variant to the Tooltip component, using brand background and foreground colors from the theme.

Feature Preview
Brand appearance Screenshot 2026-04-01 at 17 11 15

@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 1, 2026

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-charts
AreaChart
412.454 kB
126.449 kB
412.644 kB
126.501 kB
190 B
52 B
react-charts
DeclarativeChart
763.178 kB
220.492 kB
763.368 kB
220.516 kB
190 B
24 B
react-charts
DonutChart
322.883 kB
97.008 kB
323.073 kB
97.03 kB
190 B
22 B
react-charts
FunnelChart
314.436 kB
94.065 kB
314.626 kB
94.09 kB
190 B
25 B
react-charts
GanttChart
395.573 kB
119.965 kB
395.763 kB
119.968 kB
190 B
3 B
react-charts
GaugeChart
322.314 kB
96.46 kB
322.504 kB
96.484 kB
190 B
24 B
react-charts
GroupedVerticalBarChart
403.443 kB
122.537 kB
403.633 kB
122.541 kB
190 B
4 B
react-charts
HeatMapChart
397.644 kB
121.826 kB
397.834 kB
121.879 kB
190 B
53 B
react-charts
HorizontalBarChart
302.61 kB
89.151 kB
302.8 kB
89.166 kB
190 B
15 B
react-charts
LineChart
423.795 kB
128.511 kB
423.985 kB
128.517 kB
190 B
6 B
react-charts
SankeyChart
220.386 kB
67.867 kB
220.576 kB
67.913 kB
190 B
46 B
react-charts
ScatterChart
403.17 kB
122.639 kB
403.36 kB
122.641 kB
190 B
2 B
react-charts
VerticalBarChart
439.914 kB
128.239 kB
440.104 kB
128.292 kB
190 B
53 B
react-charts
VerticalStackedBarChart
409.439 kB
124.042 kB
409.629 kB
124.044 kB
190 B
2 B
react-components
react-components: entire library
1.298 MB
324.46 kB
1.298 MB
324.438 kB
190 B
-22 B
react-tooltip
Tooltip
57.105 kB
19.698 kB
57.295 kB
19.747 kB
190 B
49 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-avatar
Avatar
48.479 kB
15.359 kB
react-avatar
AvatarGroup
17.482 kB
7.002 kB
react-avatar
AvatarGroupItem
61.867 kB
19.384 kB
react-charts
HorizontalBarChartWithAxis
63 B
83 B
react-charts
Legends
242.551 kB
71.624 kB
react-charts
PolarChart
351.496 kB
107.404 kB
react-charts
Sparkline
91.393 kB
28.708 kB
react-checkbox
Checkbox
33.7 kB
11.421 kB
react-combobox
Combobox (including child components)
105.208 kB
34.168 kB
react-combobox
Dropdown (including child components)
105.832 kB
34.1 kB
react-components
react-components: Button, FluentProvider & webLightTheme
70.397 kB
19.96 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
236.743 kB
68.75 kB
react-components
react-components: FluentProvider & webLightTheme
43.612 kB
14.022 kB
react-datepicker-compat
DatePicker Compat
225.158 kB
63.633 kB
react-dialog
Dialog (including children components)
102.12 kB
30.394 kB
react-field
Field
22.393 kB
8.383 kB
react-input
Input
26.28 kB
8.702 kB
react-list
List
87.11 kB
25.762 kB
react-list
ListItem
111.018 kB
32.682 kB
react-persona
Persona
55.434 kB
17.299 kB
react-portal-compat
PortalCompatProvider
8.386 kB
2.624 kB
react-progress
ProgressBar
20.167 kB
7.855 kB
react-radio
Radio
31.087 kB
9.656 kB
react-radio
RadioGroup
14.035 kB
5.7 kB
react-select
Select
26.165 kB
9.472 kB
react-slider
Slider
36.356 kB
12.08 kB
react-spinbutton
SpinButton
33.804 kB
11.125 kB
react-swatch-picker
@fluentui/react-swatch-picker - package
104.305 kB
29.944 kB
react-switch
Switch
36.155 kB
11.016 kB
react-table
DataGrid
159.783 kB
45.012 kB
react-table
Table (Primitives only)
40.997 kB
13.172 kB
react-table
Table as DataGrid
131.005 kB
36.012 kB
react-table
Table (Selection only)
69.391 kB
19.404 kB
react-table
Table (Sort only)
68.034 kB
19.022 kB
react-tag-picker
@fluentui/react-tag-picker - package
186.596 kB
55.849 kB
react-tags
InteractionTag
13.666 kB
5.459 kB
react-tags
Tag
29.521 kB
9.389 kB
react-tags
TagGroup
82.211 kB
24.143 kB
react-textarea
Textarea
24.668 kB
8.969 kB
react-timepicker-compat
TimePicker
108.174 kB
35.695 kB
react-tree
FlatTree
148.099 kB
42.211 kB
react-tree
PersonaFlatTree
149.927 kB
42.585 kB
react-tree
PersonaTree
145.987 kB
41.411 kB
react-tree
Tree
144.165 kB
41.037 kB
🤖 This report was generated against 2b928d016809ccd4b33ada33678a56c289e8e13e

@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 1, 2026

Pull request demo site: URL

@@ -37,7 +37,7 @@ export const tooltipClassNames: SlotClassNames<TooltipSlots>;

Copy link
Copy Markdown

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/Charts-DonutChart 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Charts-DonutChart.Dynamic - Dark Mode.default.chromium.png 7530 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic - RTL.default.chromium.png 5570 Changed
vr-tests-react-components/Menu Converged - submenuIndicator slotted content 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default - RTL.submenus open.chromium.png 404 Changed
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default.submenus open.chromium.png 413 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.chromium.png 962 Changed
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 185 Changed
vr-tests-react-components/ProgressBar converged 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - Dark Mode.default.chromium.png 91 Changed
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness.default.chromium.png 142 Changed
vr-tests-react-components/Skeleton converged 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Skeleton converged.Opaque Skeleton with rectangle - Dark Mode.default.chromium.png 2 Changed
vr-tests-react-components/TagPicker 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled.disabled input hover.chromium.png 677 Changed

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

@GianoglioEnrico GianoglioEnrico self-assigned this Apr 1, 2026
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