[material-ui][FormControlLabel] Add missing labelPlacementEnd class

Author: siriwatknp

docs/pages/material-ui/api/form-control-label.json

@@ -83,6 +83,12 @@
       "description": "Styles applied to the root element if `labelPlacement=\"bottom\"`.",
       "isGlobal": false
     },
+    {
+      "key": "labelPlacementEnd",
+      "className": "MuiFormControlLabel-labelPlacementEnd",
+      "description": "Styles applied to the root element if `labelPlacement=\"end\"`.",
+      "isGlobal": false
+    },
     {
       "key": "labelPlacementStart",
       "className": "MuiFormControlLabel-labelPlacementStart",

docs/translations/api-docs/form-control-label/form-control-label.json

@@ -56,6 +56,11 @@
       "nodeName": "the root element",
       "conditions": "<code>labelPlacement=\"bottom\"</code>"
     },
+    "labelPlacementEnd": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>labelPlacement=\"end\"</code>"
+    },
     "labelPlacementStart": {
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",

packages/mui-material/src/FormControlLabel/FormControlLabel.test.js

@@ -130,6 +130,20 @@ describe('<FormControlLabel />', () => {
       expect(container.firstChild).to.have.class(classes.labelPlacementStart);
     });
 
+    it('should have the `end` class', () => {
+      const { container } = render(
+        <FormControlLabel label="Pizza" labelPlacement="end" control={<div />} />,
+      );
+
+      expect(container.firstChild).to.have.class(classes.labelPlacementEnd);
+    });
+
+    it('should have the `end` class by default', () => {
+      const { container } = render(<FormControlLabel label="Pizza" control={<div />} />);
+
+      expect(container.firstChild).to.have.class(classes.labelPlacementEnd);
+    });
+
     it('should have the `top` class', () => {
       const { container } = render(
         <FormControlLabel label="Pizza" labelPlacement="top" control={<div />} />,

packages/mui-material/src/FormControlLabel/formControlLabelClasses.ts

@@ -6,6 +6,8 @@ export interface FormControlLabelClasses {
   root: string;
   /** Styles applied to the root element if `labelPlacement="start"`. */
   labelPlacementStart: string;
+  /** Styles applied to the root element if `labelPlacement="end"`. */
+  labelPlacementEnd: string;
   /** Styles applied to the root element if `labelPlacement="top"`. */
   labelPlacementTop: string;
   /** Styles applied to the root element if `labelPlacement="bottom"`. */
@@ -33,6 +35,7 @@ const formControlLabelClasses: FormControlLabelClasses = generateUtilityClasses(
   [
     'root',
     'labelPlacementStart',
+    'labelPlacementEnd',
     'labelPlacementTop',
     'labelPlacementBottom',
     'disabled',