feat(text-input): change prop naming convention

carbon-design-system · Jan 17, 2020 · e4bfbb0 · e4bfbb0
1 parent df69045
commit e4bfbb0
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/packages/components/src/components/text-input/_text-input.scss b/packages/components/src/components/text-input/_text-input.scss
@@ -44,11 +44,11 @@
     }
   }
 
-  .#{$prefix}--text-input--xl {
+  .#{$prefix}--text-input--large {
     height: rem(48px);
   }
 
-  .#{$prefix}--text-input--sm {
+  .#{$prefix}--text-input--small {
     height: rem(32px);
   }
 

diff --git a/packages/react/src/components/TextInput/ControlledPasswordInput.js b/packages/react/src/components/TextInput/ControlledPasswordInput.js
@@ -222,7 +222,7 @@ ControlledPasswordInput.propTypes = {
   tooltipAlignment: PropTypes.oneOf(['start', 'center', 'end']),
 
   /**
-   * Specify the size of the Text Input. Currently supports either `sm`, `lg` or `xl` as an option.
+   * Specify the size of the Text Input. Currently supports either `small` or `large` as an option. If omitted, defaults to standard size
    */
   size: PropTypes.string,
 };
@@ -236,7 +236,7 @@ ControlledPasswordInput.defaultProps = {
   invalidText: '',
   helperText: '',
   light: false,
-  size: 'lg',
+  size: '',
 };
 
 export default ControlledPasswordInput;
diff --git a/packages/react/src/components/TextInput/PasswordInput.js b/packages/react/src/components/TextInput/PasswordInput.js
@@ -227,7 +227,7 @@ PasswordInput.propTypes = {
   showPasswordLabel: PropTypes.string,
 
   /**
-   * Specify the size of the Text Input. Currently supports either `sm`, `lg` or `xl` as an option.
+   * Specify the size of the Text Input. Currently supports either `small` or `large` as an option. If omitted, defaults to standard size
    */
   size: PropTypes.string,
 };
@@ -241,5 +241,5 @@ PasswordInput.defaultProps = {
   invalidText: '',
   helperText: '',
   light: false,
-  size: 'lg',
+  size: '',
 };
diff --git a/packages/react/src/components/TextInput/TextInput-story.js b/packages/react/src/components/TextInput/TextInput-story.js
@@ -20,9 +20,9 @@ const types = {
 };
 
 const sizes = {
-  'Extra large size (xl)': 'xl',
-  'Regular size (lg)': '',
-  'Small size (sm)': 'sm',
+  Large: 'large',
+  Default: '',
+  Small: 'small',
 };
 
 function ControlledPasswordInputApp(props) {

diff --git a/packages/react/src/components/TextInput/TextInput.js b/packages/react/src/components/TextInput/TextInput.js
@@ -146,7 +146,7 @@ TextInput.propTypes = {
   placeholder: PropTypes.string,
 
   /**
-   * Specify the size of the Text Input. Currently supports either `sm`, `lg` or `xl` as an option.
+   * Specify the size of the Text Input. Currently supports either `small` or `large` as an option. If omitted, defaults to standard size
    */
   size: PropTypes.string,
 
@@ -195,7 +195,7 @@ TextInput.defaultProps = {
   invalidText: '',
   helperText: '',
   light: false,
-  size: 'lg',
+  size: '',
 };
 
 export default TextInput;