feat(components): Add text area component

Author: Bernie Zang

README.md

@@ -34,3 +34,9 @@ The basic components are just presentational React <https://github.com/facebook/
 ## Components
 
 ### Install
+
+
+## Limitations
+### Development
+
+* `stylelint` currently ignores all `node_modules` directories, and will not lint our packages. Discussion: <https://github.com/stylelint/stylelint/issues/2236>

packages/node_modules/@ciscospark/react-component-textarea/package.json

@@ -21,7 +21,8 @@ import {
   DaySeparator,
   LoadingScreen,
   Spinner,
-  ScrollToBottomButton
+  ScrollToBottomButton,
+  TextArea
 } from './';
 
 import styles from './styles.css';
@@ -64,6 +65,13 @@ export default function Root() {
       <div className={styles.component} ><Spinner /></div>
       <div className={styles.component} ><LoadingScreen loadingMessage="Loading Cisco Spark" /></div>
       <div className={styles.component} ><ScrollToBottomButton onClick={onClick} /></div>
+      <div className={styles.component} >
+        <TextArea
+          placeholder="TextArea Placeholder"
+          rows="2"
+          value=""
+        />
+      </div>
     </div>
   );
 }

packages/node_modules/@ciscospark/react-component-textarea/src/__snapshots__/index.test.js.snap

@@ -22,3 +22,4 @@ export {default as FileStagingArea} from '@ciscospark/react-component-file-stagi
 export {default as Spinner} from '@ciscospark/react-component-spinner';
 export {default as LoadingScreen} from '@ciscospark/react-component-loading-screen';
 export {default as ScrollToBottomButton} from '@ciscospark/react-component-scroll-to-bottom-button';
+export {default as TextArea} from '@ciscospark/react-component-textarea';