Double border for TextInput inside of a FormField

Upgrading from Grommet 1.5.0 to 1.6.0 changes the way form fields are rendered.

Expected Behavior

In Grommet 1.5.0 a <TextInput /> wrapped in a <FormField /> used to render with just a single outline like this:

Actual Behavior

After upgrading to Grommet 1.6.0 the look changed and now we see a double border:

URL, screen shot, or Codepen exhibiting the issue

https://codepen.io/anon/pen/wqWzGN?&editors=0010

class HelloWorldApp extends React.Component {
  render () {
    return (
      <App>
        <FormField>
          <TextInput value="Test" />
        </FormField>
      </App>
    );
  }
};

var element = document.getElementById('content');
ReactDOM.render(<HelloWorldApp />, element);

Your Environment

• Grommet version: 1.6.0
• Browser Name and version: Chrome Version 59.0.3071.115 (Official Build) (64-bit)
• Operating System and version (desktop or mobile): MacOSX

[alansouzati]

yeah I noticed that after releasing 1.6.0. let me investigate what is going on and release 1.6.1 sometime later today. sorry about that.

[cherih]

Fixed the issue for input types tel and url.