FormControlLabelClassKey typescript type missing a few values

[mzbyszynski]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

When using Typescript the compiler complains if you try to customize the following css classes on FormControlLabel:

• labelPlacementStart
• labelPlacementTop
• labelPlacementBottom

Expected Behavior 🤔

You should be able to customize the above style classes as described in the documentation for FormControlLabel.

Steps to Reproduce 🕹

You can see the problem on line 21 of packages/material-ui/src/FormControlLabel/FormControlLabel.d.ts

That line currently is:

export type FormControlLabelClassKey = 'root' | 'start' | 'disabled' | 'label';

but it should be:

export type FormControlLabelClassKey = 'root' | 'start' | 'disabled' | 'label' | 'labelPlacementStart' | 'labelPlacementTop' | 'labelPlacementBottom';

Steps:

1. use this code sandbox: https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/create-react-app-with-typescript
2. Open up the theme.tsx file.
3. Add the following css to the theme after the palette on line 19 (make sure to include the comma so the object is valid

,
  overrides: {
    MuiFormControlLabel: {
      root: {
        color: "blue"
      },
      labelPlacementStart: {
        color: "red"
      }
    }
  }

4. You should see the typescript compiler complain about labelPlacementStart

Context 🔦

I'm trying to customize the style of labelPlacementStart css class in the FormControlLabel component

Your Environment 🌎

Tech	Version
Material-UI	v4.5.1
React	v16.9.0
Browser	latest chrome
TypeScript	3.5.3

Let me know if you need any more information.

[oliviertassinari]

@mzbyszynski Thanks for the report, what do you think of this fix?

diff --git a/packages/material-ui/src/FormControlLabel/FormControlLabel.d.ts b/packages/material-ui/src/FormControlLabel/FormControlLabel.d.ts
index 1992cfe8e..d877ddaf8 100644
--- a/packages/material-ui/src/FormControlLabel/FormControlLabel.d.ts
+++ b/packages/material-ui/src/FormControlLabel/FormControlLabel.d.ts
@@ -18,7 +18,13 @@ export interface FormControlLabelProps
   value?: unknown;
 }

-export type FormControlLabelClassKey = 'root' | 'start' | 'disabled' | 'label';
+export type FormControlLabelClassKey =
+  | 'root'
+  | 'labelPlacementStart'
+  | 'labelPlacementTop'
+  | 'labelPlacementBottom'
+  | 'disabled'
+  | 'label';

 declare const FormControlLabel: React.ComponentType<FormControlLabelProps>;

[mzbyszynski]

@oliviertassinari Thank you! 🎃