fix(Input): Remove height from InputContainer

package.json

@@ -20,7 +20,7 @@
     "docs": "yarn docz dev",
     "docs:build": "rimraf dist && yarn docz build",
     "docs:deploy": "npm run docs:build && gh-pages -d dist",
-    "prepublishOnly": "npm-run-all docs:deploy build",
+    "prepublishOnly": "npm-run-all build",
     "rollup": "rollup -c",
     "test": "jest",
     "lint": "eslint src",

src/Form/Input.js

@@ -9,17 +9,14 @@ import { createComponent } from '../utils';
 const InputContainer = createComponent({
   name: 'InputContainer',
 }).extend`
-  ${({ theme, size }) => css`
-    position: relative;
-    height: ${theme.heights[size]}px;
-  `}
+  position: relative;
 `;
 
 const StyledInput = createComponent({
   name: 'Input',
   tag: 'input',
 }).extend`
-  ${({ isFloating, isFloatable, size, theme, borderRadius = theme.radius }) => css`
+  ${({ isFloating, size, theme, borderRadius = theme.radius }) => css`
     border: 1px solid ${theme.colors.grayLight};
     height: ${theme.heights[size]}px;
     display: block;
@@ -234,16 +231,16 @@ export default class Input extends React.Component {
     );
 
     return (
-      <Field>
+      <Field styles={rest.styles}>
         {!floating && Label}
 
-        <InputContainer styles={rest.styles} size={size} isFloatable={floating}>
+        <InputContainer styles={rest.styles}>
           {floating && Label}
 
           {multiline ? <StyledTextArea {...inputProps} /> : <StyledInput {...inputProps} />}
         </InputContainer>
 
-        {!this.state.focused && error ? <FormError>{error}</FormError> : null}
+        {!this.state.focused && error ? <FormError styles={rest.styles}>{error}</FormError> : null}
       </Field>
     );
   }

src/theme.js

@@ -55,9 +55,9 @@ export default (passedTheme = {}) => {
   };
 
   const heights = {
-    xs: 20,
-    sm: 28,
-    md: 32,
+    xs: 28,
+    sm: 32,
+    md: 36,
     lg: 40,
     xl: 44,
   };