7.0 Details list row focus contrast a11y bug fix

[Jacqueline-ms]

Previous Behavior

When unselected or selected row is tabbed into (focus state) the contrast ratio did not pass accessibility standards of 3:1. Bug states: "Luminosity ratio of the focus boundary around the "rule id row" is 1.2:1 which is less than 3:1 under "Edit Exclusion" page."

Note: light theme fix only. Other themes unaffected

New Behavior

Design team concluded that aligning to what is live on Fluent site is best, which is #605E5C
Source: https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/compact

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit f27fbe0:

Sandbox	Source
Fluent UI Button	Configuration
codesandbox-react-template	Configuration

[Jacqueline-ms]

Cherry picking into 8.0 now

[size-auditor]

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 813c4742a3c3605f640cdb2cd39ab22b0b154a2c (build)

[fabricteam]

Perf Analysis

No significant results to display.

All results

Scenario	Render type	7.0 Ticks	PR Ticks	Iterations	Status
BaseButton	mount	863	867	5000
Breadcrumb	mount	26461	26648	5000
Checkbox	mount	1314	1343	5000
CheckboxBase	mount	1133	1120	5000
ChoiceGroup	mount	3535	3605	5000
ComboBox	mount	824	821	1000
CommandBar	mount	5326	5369	1000
ContextualMenu	mount	9845	9835	1000
DefaultButton	mount	1001	1003	5000
DetailsRow	mount	2719	2721	5000
DetailsRowFast	mount	2656	2716	5000
DetailsRowNoStyles	mount	2580	2609	5000
Dialog	mount	1763	1686	1000
DocumentCardTitle	mount	1390	1420	1000
Dropdown	mount	1859	1840	5000
FocusTrapZone	mount	1328	1357	5000
FocusZone	mount	1367	1394	5000
GroupedList	mount	612	687	2
GroupedListV2	mount	349	343	2
IconButton	mount	1390	1394	5000
Label	mount	493	492	5000
Layer	mount	1524	1513	5000
Link	mount	563	567	5000
MenuButton	mount	1216	1224	5000
MessageBar	mount	1644	1635	5000
Nav	mount	2374	2394	1000
OverflowSet	mount	1189	1193	5000
Panel	mount	1222	1215	1000
Persona	mount	890	896	1000
Pivot	mount	1156	1192	1000
PrimaryButton	mount	1125	1119	5000
Rating	mount	5534	5504	5000
SearchBox	mount	1154	1108	5000
Shimmer	mount	2061	2045	5000
Slider	mount	1257	1275	5000
SpinButton	mount	3505	3552	5000
Spinner	mount	545	545	5000
SplitButton	mount	2285	2279	5000
Stack	mount	594	593	5000
StackWithIntrinsicChildren	mount	1247	1253	5000
StackWithTextChildren	mount	3395	3393	5000
SwatchColorPicker	mount	6828	6814	5000
TagPicker	mount	1970	1974	5000
TeachingBubble	mount	31977	32108	5000
Text	mount	546	551	5000
TextField	mount	1150	1209	5000
Toggle	mount	840	850	5000
button	mount	329	328	5000

[robtaft-ms]

This looks good thank you!

[fabricteam]

🕵 FluentUIV7 No visual regressions between this PR and main

[Jacqueline-ms]

Merge was delayed because of a failed check that Fluent removed from 8 but left on 7, that check has now been removed from the 7.0 branch as well.