refactor(text-input): update text-input to 7.x (carbon-design-system#512

) * refactor(text-input): update text-input to 7.x * refactor(text-input): wrap input in bx--form-item
joshblack · Apr 3, 2017 · 8262e57 · 8262e57
1 parent 8e93275
commit 8262e57
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/components/TextInput.js b/components/TextInput.js
@@ -47,10 +47,10 @@ const TextInput = ({ labelText, className, id, placeholder, type, onChange, onCl
   };
 
   const textInputClasses = classNames(
-    'bx--text__input',
+    'bx--text-input',
     className,
   );
-  const labelClasses = classNames('bx--form__label', { 'bx--visually-hidden': hideLabel });
+  const labelClasses = classNames('bx--label', { 'bx--visually-hidden': hideLabel });
 
   const label = labelText ? (
     <label htmlFor={id} className={labelClasses}>
@@ -59,7 +59,7 @@ const TextInput = ({ labelText, className, id, placeholder, type, onChange, onCl
   ) : null;
 
   return (
-    <div>
+    <div className="bx--form-item">
       {label}
       <input {...other} {...textInputProps} className={textInputClasses} />
     </div>

diff --git a/components/__tests__/TextInput-test.js b/components/__tests__/TextInput-test.js
@@ -17,7 +17,7 @@ describe('TextInput', () => {
       });
 
       it('has the expected classes', () => {
-        expect(textInput.hasClass('bx--text__input')).toEqual(true);
+        expect(textInput.hasClass('bx--text-input')).toEqual(true);
       });
 
       it('should add extra classes that are passed via className', () => {
@@ -62,7 +62,7 @@ describe('TextInput', () => {
       });
 
       it('has the expected classes', () => {
-        expect(renderedLabel.hasClass('bx--form__label')).toEqual(true);
+        expect(renderedLabel.hasClass('bx--label')).toEqual(true);
       });
 
       it('should set label as expected', () => {