Merge pull request #1693 from pbambusek/enhanced-switch

[EnhancedSwitch] added inputStyle prop to enhanced switch

src/checkbox.jsx

@@ -35,6 +35,11 @@ const Checkbox = React.createClass({
      */
     iconStyle: React.PropTypes.object,
 
+    /**
+     * Overrides the inline-styles of the input element.
+     */
+    inputStyle: React.PropTypes.object,
+
     /**
      * Where the label will be placed next to the checkbox.
      */

src/enhanced-switch.jsx

@@ -27,6 +27,7 @@ const EnhancedSwitch = React.createClass({
     disabled: React.PropTypes.bool,
     iconStyle: React.PropTypes.object,
     id: React.PropTypes.string,
+    inputStyle: React.PropTypes.object,
     inputType: React.PropTypes.string.isRequired,
     label: React.PropTypes.node,
     labelPosition: React.PropTypes.oneOf(['left', 'right']),
@@ -361,7 +362,7 @@ const EnhancedSwitch = React.createClass({
     const inputProps = {
       ref: 'checkbox',
       type: this.props.inputType,
-      style: this.prepareStyles(styles.input),
+      style: this.prepareStyles(styles.input, this.props.inputStyle),
       name: this.props.name,
       value: this.props.value,
       defaultChecked: this.props.defaultSwitched,

src/radio-button.jsx

@@ -25,6 +25,11 @@ const RadioButton = React.createClass({
      */
     iconStyle: React.PropTypes.object,
 
+    /**
+    * Overrides the inline-styles of the input element.
+    */
+    inputStyle: React.PropTypes.object,
+
     /**
      * Used internally by `RadioButtonGroup`. Use the `labelPosition` property of `RadioButtonGroup` instead.
      */

src/toggle.jsx

@@ -92,6 +92,11 @@ const Toggle = React.createClass({
      */
     iconStyle: React.PropTypes.object,
 
+    /**
+     * Overrides the inline-styles of the input element.
+     */
+    inputStyle: React.PropTypes.object,
+
     /**
      * Where the label will be placed next to the toggle.
      */