bug(material/chips): Focus state for input chips has insufficient text contrast

[zarend]

Is this a regression?

• [ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Focus states for input chips have insufficient contrast.

Reproduction

Steps to reproduce:

1. Navigate to Chips with input demo on https://material.angular.io/components/chips/overview#chips-autocomplete
2. ("Favorite Fruits" appears with "lemon", "lime", "etc")
3. Tab into the "Favorite Fruits" input

Expected Behavior

"Favor Fruits" input is focused and cursor appears. Contrast ratio of label expected to be 4.5:1 or highter

Actual Behavior

Cursor appears to be focus, but label contrast ratio is 3.92:1. See screenshots.

Environment

N/A

[zarend]

Action item is to set opacity to 0 on the .mat-mdc-form-field-focus-overlay for input chips. That will make the text easier to read and align closer to Material Design specification.

[DBowen33]

As of version 17.3.1 mat-label is passing color contrast requirements