From 03c50b289012b5c41336ec59ced9de2bfcf41b6d Mon Sep 17 00:00:00 2001
From: Dan <5727701+dan-j@users.noreply.github.com>
Date: Fri, 28 Jul 2017 01:02:31 +1000
Subject: [PATCH] Added missing `inputStyle` prop to <Checkbox /> (#18438)

---
 types/material-ui/index.d.ts            | 2 ++
 types/material-ui/material-ui-tests.tsx | 9 +++++++++
 2 files changed, 11 insertions(+)

diff --git a/types/material-ui/index.d.ts b/types/material-ui/index.d.ts
index 632ab397b7..8373997f5c 100644
--- a/types/material-ui/index.d.ts
+++ b/types/material-ui/index.d.ts
@@ -9,6 +9,7 @@
 //                 Matthias Schlesinger <https://github.com/schlesingermatthias>
 //                 Jonathon Kelly <https://github.com/InsidersByte>
 //                 Artyom Stukans <https://github.com/artyomsv>
+//                 Dan Jones <https://github.com/dan-j>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -1472,6 +1473,7 @@ declare namespace __MaterialUI {
             style?: React.CSSProperties;
             uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
             valueLink?: ReactLink<boolean>;
+            inputStyle?: React.CSSProperties;
         }
         export class Checkbox extends React.Component<CheckboxProps> {
             /** @deprecated Use checked property instead */
diff --git a/types/material-ui/material-ui-tests.tsx b/types/material-ui/material-ui-tests.tsx
index c927fdd2e6..4321423041 100644
--- a/types/material-ui/material-ui-tests.tsx
+++ b/types/material-ui/material-ui-tests.tsx
@@ -231,6 +231,9 @@ const styles: { [key: string]: React.CSSProperties } = {
   floatingLabelFocusStyle: {
     color: blue500,
   },
+  inputStyle: {
+    width: '100%',
+  }
 };
 
 const style = {
@@ -3618,6 +3621,12 @@ const CheckboxExampleSimple = () => (
       labelPosition="left"
       style={styles.checkbox}
     />
+    <Checkbox
+      label="Overriding inputStyles on the left"
+      labelPosition="left"
+      style={styles.checkbox}
+      inputStyle={styles.inputStyle}
+    />
   </div>
 );