fix(checkbox,radio): value should be optional (#419)

* fix(checkbox): remove isRequired from `value` prop

* fix(radio): remove isRequired from value and fix Lint issues

src/Checkbox.js

@@ -119,7 +119,7 @@ class Checkbox extends Component {
 Checkbox.propTypes = {
     onChange: propTypes.func.isRequired,
 
-    value: propTypes.string.isRequired,
+    value: propTypes.string,
     name: propTypes.string.isRequired,
     label: propTypes.string.isRequired,
     tabIndex: propTypes.string,

src/Checkbox/Input.js

@@ -1,4 +1,4 @@
-import React, { Component, Fragment, createRef } from 'react'
+import React, { Component, createRef } from 'react'
 import propTypes from 'prop-types'
 
 export class Input extends Component {
@@ -52,6 +52,7 @@ export class Input extends Component {
 Input.propTypes = {
     onChange: propTypes.func.isRequired,
     name: propTypes.string.isRequired,
+    value: propTypes.string,
 
     tabIndex: propTypes.string,
 

src/Radio.js

@@ -43,35 +43,20 @@ const icons = css.resolve`
     }
 `
 
-const Input = React.forwardRef(
-    (
-        { name, value, checked, disabled, tabIndex, onChange, onFocus, onBlur },
-        ref
-    ) => (
-        <div>
-            <input
-                type="radio"
-                ref={ref}
-                name={name}
-                value={value}
-                checked={checked}
-                disabled={disabled}
-                tabIndex={tabIndex}
-                onChange={onChange}
-                onFocus={onFocus}
-                onBlur={onBlur}
-            />
-
-            <style jsx>{`
-                div {
-                    height: 0;
-                    width: 0;
-                    overflow: hidden;
-                }
-            `}</style>
-        </div>
-    )
-)
+const Input = React.forwardRef((props, ref) => (
+    <div>
+        <input type="radio" ref={ref} {...props} />
+
+        <style jsx>{`
+            div {
+                height: 0;
+                width: 0;
+                overflow: hidden;
+            }
+        `}</style>
+    </div>
+))
+Input.displayName = 'Input'
 
 class Radio extends Component {
     ref = createRef()
@@ -174,7 +159,7 @@ Radio.propTypes = {
     onChange: propTypes.func.isRequired,
 
     name: propTypes.string.isRequired,
-    value: propTypes.string.isRequired,
+    value: propTypes.string,
     className: propTypes.string,
     label: propTypes.string,
     tabIndex: propTypes.string,