[Bug]: Light prop not working on dropdowns

[kglickman]

Package

@carbon/react

Browser

No response

Package version

1.20.0

React version

16.14.0

Description

We are using the "light" prop on many fields and are not ready to deal with <Layer> yet. However, "light" isn't working on DropDown, ComboBox and MultSelect fields. The styles used to reference field02 and now they are referencing field01 instead.

Suggested Severity

Severity 4 = Unrelated to a user task, has a workaround or does not need a workaround.

Reproduction/example

https://stackblitz.com/edit/github-r4v9a1

Steps to reproduce

Note that the ComboBox and the DropDown input boxes should have a gray background. The TextInput and TextArea work correctly.

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[tay1orjones]

Thanks for reporting! The light prop is also not working for Tiles, and Select it seems. The classes are being applied, but the styling is incorrect.

https://stackblitz.com/edit/github-uy9avp-mg1evl?file=src%2FApp.jsx