From 2297d78c371be47386b3b875f836ecc8606c81ae Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Sun, 9 Dec 2018 13:03:55 -0200
Subject: [PATCH 1/4] feat(textarea): add textarea class to inputs

---
 index.html            | 4 ++++
 scss/form/inputs.scss | 9 ++++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 23a0d39..5c41732 100644
--- a/index.html
+++ b/index.html
@@ -112,6 +112,10 @@
         <label for="error_field">.input.is-error</label>
         <input type="text" id="error_field" class="input is-error" placeholder="awesome.css">
       </div>
+      <div class="field">
+        <label for="textarea_field">Textarea</label>
+        <textarea id="textarea_field" class="textarea">
+      </div>
     </section>
 
     <section class="balloon container with-title">
diff --git a/scss/form/inputs.scss b/scss/form/inputs.scss
index fd0e496..a658d91 100644
--- a/scss/form/inputs.scss
+++ b/scss/form/inputs.scss
@@ -1,4 +1,5 @@
-.input {
+.input,
+.textarea {
   @mixin border-style($border, $outline) {
     outline-color: $outline;
     // prettier-ignore
@@ -31,7 +32,8 @@
   > label {
     display: block;
   }
-  .input {
+  .input,
+  .textarea {
     display: block;
   }
 
@@ -47,7 +49,8 @@
       text-align: right;
     }
 
-    .input {
+    .input,
+    .textarea {
       flex-basis: 0;
       flex-grow: 5;
     }

From becdefa03794613c00c5f4b7e8535fe69fd279fb Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Sun, 9 Dec 2018 13:04:53 -0200
Subject: [PATCH 2/4] feat(textarea): add textarea to storybook

---
 docs/textarea.stories.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 docs/textarea.stories.js

diff --git a/docs/textarea.stories.js b/docs/textarea.stories.js
new file mode 100644
index 0000000..c5d16ea
--- /dev/null
+++ b/docs/textarea.stories.js
@@ -0,0 +1,18 @@
+import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
+import { // eslint-disable-line import/no-extraneous-dependencies
+  withKnobs, radios,
+} from '@storybook/addon-knobs';
+
+const stories = storiesOf('Textareas', module);
+stories.addDecorator(withKnobs);
+
+stories.add('textarea', () => {
+  const selectedClass = radios('class', {
+    default: '',
+    'is-success': 'is-success',
+    'is-warning': 'is-warning',
+    'is-error': 'is-error',
+  }, '');
+
+  return `<textarea id="textarea_field" class="textarea ${selectedClass}" placeholder="NES.css">`;
+});

From 135ba50cc0280327cb6bc2bf8b75180e0193664a Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Sun, 9 Dec 2018 13:57:42 -0200
Subject: [PATCH 3/4] fix(textarea): added closing tag

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 5c41732..d9874aa 100644
--- a/index.html
+++ b/index.html
@@ -114,7 +114,7 @@
       </div>
       <div class="field">
         <label for="textarea_field">Textarea</label>
-        <textarea id="textarea_field" class="textarea">
+        <textarea id="textarea_field" class="textarea"></textarea>
       </div>
     </section>
 

From 47faed37af9e4499b76ba9b606d7491481e92e93 Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Sun, 9 Dec 2018 14:00:58 -0200
Subject: [PATCH 4/4] fix(textarea): added closing tag to storybook

---
 docs/textarea.stories.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/textarea.stories.js b/docs/textarea.stories.js
index c5d16ea..30fe60d 100644
--- a/docs/textarea.stories.js
+++ b/docs/textarea.stories.js
@@ -14,5 +14,5 @@ stories.add('textarea', () => {
     'is-error': 'is-error',
   }, '');
 
-  return `<textarea id="textarea_field" class="textarea ${selectedClass}" placeholder="NES.css">`;
+  return `<textarea id="textarea_field" class="textarea ${selectedClass}" placeholder="NES.css"></textarea>`;
 });