message: Allows more flexible styling of inputs
diff: import { css } from 'styled-components';
  -import { fontSize, space } from 'styled-system';
  +import { fontSize, space, borderColor } from 'styled-system';
  import { preset } from 'react/styles/functions';
  import { antialiased } from 'react/styles/mixins';
  @@ -8,6 +8,7 @@ const focusMixin = css`
  border: 1px solid ${x => x.theme.colors.gray.bold};
  background-color: ${x => x.theme.colors.gray.hint};
  color: black;
  + ${borderColor}
  `;
  export default css`
  @@ -22,6 +23,7 @@ export default css`
  font-family: ${x => x.theme.fonts.sans};
  ${preset(fontSize, { f: 4 })}
  ${preset(space, { px: 5, py: 4 })}
  + ${borderColor}
  ${antialiased}
  ${x => x.focus && focusMixin}
  