fix(text-input): rename sizing props (#5167)

Author: tw15egan

packages/components/src/components/text-input/_text-input.scss

@@ -44,11 +44,11 @@
     }
   }
 
-  .#{$prefix}--text-input--large {
+  .#{$prefix}--text-input--xl {
     height: rem(48px);
   }
 
-  .#{$prefix}--text-input--small {
+  .#{$prefix}--text-input--sm {
     height: rem(32px);
   }
 

packages/react/src/components/TextInput/TextInput-story.js

@@ -20,9 +20,9 @@ const types = {
 };
 
 const sizes = {
-  Large: 'large',
-  Default: '',
-  Small: 'small',
+  'Extra large size (xl)': 'xl',
+  'Regular size (lg)': '',
+  'Small size (sm)': 'sm',
 };
 
 function ControlledPasswordInputApp(props) {

packages/react/src/components/TextInput/TextInput.js

@@ -146,9 +146,9 @@ TextInput.propTypes = {
   placeholder: PropTypes.string,
 
   /**
-   * Specify the size of the Text Input. Currently supports either `small` or `large` as an option. If omitted, defaults to standard size
+   * Specify the size of the Text Input. Currently supports either `sm` or `xl` as an option.
    */
-  size: PropTypes.string,
+  size: PropTypes.oneOf(['sm', 'xl']),
 
   /**
    * Specify the type of the <input>