Skip to content

feat: use default -2px offset for focus outline#33097

Draft
ling1726 wants to merge 1 commit intomicrosoft:masterfrom
ling1726:react-tabster/feat/use-default-2px-offset
Draft

feat: use default -2px offset for focus outline#33097
ling1726 wants to merge 1 commit intomicrosoft:masterfrom
ling1726:react-tabster/feat/use-default-2px-offset

Conversation

@ling1726
Copy link
Contributor

Previous Behavior

New Behavior

Related Issue(s)

  • Fixes #

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-accordion
Accordion (including children components)
106.678 kB
32.689 kB
106.716 kB
32.696 kB
38 B
7 B
react-calendar-compat
Calendar Compat
150.095 kB
40.026 kB
150.126 kB
40.034 kB
31 B
8 B
react-checkbox
Checkbox
35.118 kB
12.077 kB
35.175 kB
12.084 kB
57 B
7 B
react-combobox
Dropdown (including child components)
105.011 kB
34.125 kB
105.075 kB
34.138 kB
64 B
13 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
220.469 kB
63.821 kB
220.635 kB
63.836 kB
166 B
15 B
react-components
react-components: entire library
1.159 MB
290.234 kB
1.16 MB
290.314 kB
698 B
80 B
react-datepicker-compat
DatePicker Compat
224.165 kB
63.423 kB
224.196 kB
63.431 kB
31 B
8 B
react-dialog
Dialog (including children components)
100.247 kB
30.042 kB
100.318 kB
30.057 kB
71 B
15 B
react-list-preview
ListItem
112.707 kB
33.428 kB
112.764 kB
33.433 kB
57 B
5 B
react-menu
Menu (including children components)
152.534 kB
46.049 kB
152.662 kB
46.062 kB
128 B
13 B
react-menu
Menu (including selectable components)
155.215 kB
46.53 kB
155.343 kB
46.543 kB
128 B
13 B
react-radio
Radio
32.672 kB
10.343 kB
32.736 kB
10.351 kB
64 B
8 B
react-switch
Switch
35.319 kB
11.314 kB
35.383 kB
11.324 kB
64 B
10 B
react-table
DataGrid
161.002 kB
45.684 kB
161.123 kB
45.697 kB
121 B
13 B
react-table
Table as DataGrid
131.837 kB
36.531 kB
131.958 kB
36.541 kB
121 B
10 B
react-table
Table (Selection only)
70.504 kB
19.962 kB
70.625 kB
19.972 kB
121 B
10 B
react-table
Table (Sort only)
69.147 kB
19.574 kB
69.268 kB
19.584 kB
121 B
10 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-avatar
Avatar
49.303 kB
15.815 kB
react-avatar
AvatarGroup
20.106 kB
7.968 kB
react-avatar
AvatarGroupItem
63.447 kB
20.034 kB
react-breadcrumb
@fluentui/react-breadcrumb - package
114.221 kB
31.654 kB
react-button
Button
37.104 kB
10.766 kB
react-button
CompoundButton
43.518 kB
12.068 kB
react-button
MenuButton
41.919 kB
12.108 kB
react-button
SplitButton
49.936 kB
13.681 kB
react-button
ToggleButton
53.037 kB
12.528 kB
react-card
Card - All
101.77 kB
28.772 kB
react-card
Card
94.544 kB
26.951 kB
react-card
CardFooter
14.355 kB
5.79 kB
react-card
CardHeader
16.888 kB
6.669 kB
react-card
CardPreview
14.42 kB
5.922 kB
react-combobox
Combobox (including child components)
104.398 kB
34.199 kB
react-components
react-components: Button, FluentProvider & webLightTheme
69.14 kB
20.137 kB
react-components
react-components: FluentProvider & webLightTheme
44.447 kB
14.59 kB
react-field
Field
23.384 kB
8.891 kB
react-input
Input
28.014 kB
9.444 kB
react-link
Link
17.326 kB
7.032 kB
react-list-preview
List
89.148 kB
26.597 kB
react-message-bar
MessageBar (all components)
24.878 kB
9.264 kB
react-overflow
hooks only
12.808 kB
4.819 kB
react-persona
Persona
56.194 kB
17.695 kB
react-popover
Popover
128.854 kB
40.286 kB
react-portal
Portal
14.563 kB
5.118 kB
react-portal-compat
PortalCompatProvider
8.39 kB
2.64 kB
react-progress
ProgressBar
17.084 kB
6.891 kB
react-provider
FluentProvider
24.623 kB
8.893 kB
react-radio
RadioGroup
15.762 kB
6.423 kB
react-select
Select
27.732 kB
10.124 kB
react-slider
Slider
37.169 kB
12.538 kB
react-spinbutton
SpinButton
36.06 kB
11.815 kB
react-swatch-picker
@fluentui/react-swatch-picker - package
104.258 kB
30.231 kB
react-table
Table (Primitives only)
42.643 kB
13.82 kB
react-tag-picker
@fluentui/react-tag-picker - package
184.106 kB
55.428 kB
react-tags
InteractionTag
15.199 kB
6.157 kB
react-tags
Tag
29.016 kB
9.524 kB
react-tags
TagGroup
82.719 kB
24.524 kB
react-textarea
Textarea
26.572 kB
9.755 kB
react-timepicker-compat
TimePicker
107.387 kB
35.758 kB
react-toast
Toast (including Toaster)
98.338 kB
29.591 kB
react-tooltip
Tooltip
55.517 kB
19.515 kB
🤖 This report was generated against ed7c93c5724087f9d2466ee2f4a01b0532d0036d

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 658 626 5000
Button mount 311 310 5000
Field mount 1146 1127 5000
FluentProvider mount 693 712 5000
FluentProviderWithTheme mount 92 87 10
FluentProviderWithTheme virtual-rerender 35 29 10
FluentProviderWithTheme virtual-rerender-with-unmount 77 69 10
MakeStyles mount 854 857 50000
Persona mount 1759 1674 5000
SpinButton mount 1383 1382 5000
SwatchPicker mount 1657 1625 5000

@@ -1,20 +1,67 @@
import * as React from 'react';
import React from "react";
Copy link
Collaborator

Choose a reason for hiding this comment

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

🕵🏾‍♀️ visual regressions to review in the fluentuiv9 Visual Regression Report

Avatar Converged 1 screenshots
Image Name Diff(in Pixels) Image Type
Avatar Converged.badgeMask.chromium.png 4 Changed
Drawer 2 screenshots
Image Name Diff(in Pixels) Image Type
Drawer.overlay drawer full.chromium.png 1150 Changed
Drawer.Full Overlay High Contrast.chromium.png 4926 Changed

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants