Material-ui: [Proposal] [Selection Controls] Selection Control text should gray out if the disabled flag is turned on for <FormControl>

[franklixuefei]

• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Selection Control text should gray out if the disabled flag is turned on for <FormControl>

Current Behavior

Selection Control text remains black even if disabled flag is turned on. The text color is just too dark for disabled state

Steps to Reproduce (for bugs)

1. Go to https://material-ui-next.com/demos/selection-controls/
2. Take a look at any disabled controls.

Context

In my project, I have several disabled controls. Ideally I want them to appear grayish when disabled.

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | beta.38 |
| React | 16.2.0 |
| browser | |
| etc | |

[vkentta]

FormControl has CSS API property for disabled state: https://material-ui-next.com/api/form-control-label/
Unfortunately any color assigned there will be overwritten by the typography class that gets assigned to the label span.

Material spec does not say anything about the disabled label color: https://material.io/components/web/catalog/input-controls/radio-buttons/

[vkentta]

After taking a closer look, it seems like the component is originally intended to function like @franklixuefei described. Working on a fix.

[franklixuefei]

@vkentta Thank you!

[vkentta]

@franklixuefei happy to help :smile: