Add rounded prop to Form.Input

src/components/form/components/__test__/__snapshots__/input.test.js.snap

@@ -19,6 +19,14 @@ exports[`Input component Should be large and readOnly 1`] = `
 />
 `;
 
+exports[`Input component Should be rounded 1`] = `
+<input
+  className="input is-rounded"
+  readOnly={false}
+  type="text"
+/>
+`;
+
 exports[`Input component Should be type email and a with success colors 1`] = `
 <input
   className="input is-success"

src/components/form/components/__test__/input.test.js

@@ -38,4 +38,8 @@ describe('Input component', () => {
     const component = renderer.create(<Input hovered focused />);
     expect(component.toJSON()).toMatchSnapshot();
   });
+  it('Should be rounded', () => {
+    const component = renderer.create(<Input rounded />);
+    expect(component.toJSON()).toMatchSnapshot();
+  });
 });

src/components/form/components/input.js

@@ -14,6 +14,7 @@ const Input = ({
   readOnly,
   isStatic,
   hovered,
+  rounded,
   focused,
   name,
   ...props
@@ -27,6 +28,7 @@ const Input = ({
       'is-static': isStatic,
       'is-hovered': hovered,
       'is-focused': focused,
+      'is-rounded': rounded,
       [`is-${size}`]: size,
       [`is-${color}`]: color,
     })}
@@ -43,6 +45,7 @@ Input.propTypes = {
   isStatic: PropTypes.bool,
   focused: PropTypes.bool,
   hovered: PropTypes.bool,
+  rounded: PropTypes.bool,
   /**
    * The name of the input field Commonly used for [multi-input handling](https://reactjs.org/docs/forms.html#handling-multiple-inputs)
    */
@@ -60,6 +63,7 @@ Input.defaultProps = {
   isStatic: false,
   focused: false,
   hovered: false,
+  rounded: false,
   name: undefined,
 };