Inline dropdown does not change color when light prop is set to true

[Dropdown]: Inline dropdown does not change color when light prop is set to true

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you’re having.

When using the inline variant of the Dropdown component, the light prop does not change the color of the dropdown.

Is this issue related to a specific component?

Dropdown.

What did you expect to happen? What happened instead? What would you like to see changed?

I expect that when I add the light prop to the component, the dropdown will change color ($ui-02 background in my use case)

What browser are you working in?

Chrome

What version of the Carbon Design System are you using?

carbon-components: 10.20.0
carbon-components-react: 7.20.0

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

Watson Assistant

Steps to reproduce the issue

1. Create or find an exiting dropdown component
2. Add prop type="inline"
3. See the default color of dropdown for theme being used
4. Add light prop to dropdown
5. See that color of dropdown doesn’t change

https://codesandbox.io/s/wizardly-kare-46bgo?fontsize=14&hidenavigation=1&theme=dark

Additional information

light=false

---

light=true

[tw15egan]

🟢 Design has signed off on this variation📝

[sstrubberg]

Closing this request based on the fact that the light prop has been removed in v11. Happy to revisit if needed.