refactor(textarea): update textarea to 7.x (carbon-design-system#513)

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

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/components/TextArea.js b/components/TextArea.js
@@ -45,15 +45,15 @@ const Textarea = ({ className, id, labelText, onChange, onClick, ...other }) =>
     },
   };
 
-  const textareaClasses = classNames('bx--textarea__input', className);
+  const textareaClasses = classNames('bx--text-area', className);
   const label = labelText ? (
-    <label htmlFor={id} className="bx--form__label">
+    <label htmlFor={id} className="bx--label">
       {labelText}
     </label>
   ) : null;
 
   return (
-    <div>
+    <div className="bx--form-item">
       {label}
       <textarea
         {...other}

diff --git a/components/__tests__/TextArea-test.js b/components/__tests__/TextArea-test.js
@@ -17,7 +17,7 @@ describe('Textarea', () => {
       });
 
       it('has the expected classes', () => {
-        expect(textarea.hasClass('bx--textarea__input')).toEqual(true);
+        expect(textarea.hasClass('bx--text-area')).toEqual(true);
       });
 
       it('applies extra classes specified via className', () => {
@@ -76,7 +76,7 @@ describe('Textarea', () => {
       });
 
       it('has the expected classes', () => {
-        expect(renderedLabel.hasClass('bx--form__label')).toEqual(true);
+        expect(renderedLabel.hasClass('bx--label')).toEqual(true);
       });
     });
   });