add text-input component

assets/scss/6-components/_all.scss

@@ -21,3 +21,4 @@
 @import 'story-body/story-body';
 @import 'table/table';
 @import 'tabs/tabs';
+@import 'text-input/text-input';

assets/scss/6-components/text-input/_text-input.scss

@@ -0,0 +1,20 @@
+// Text input (c-text-input)
+//
+// Text form inputs. Can be used with type="text", type="email", etc. Add .is-valid if the value is not valid.
+//
+// Markup: 6-components/text-input/text-input.html
+//
+// Styleguide 6.1.5
+.c-text-input {
+  -webkit-appearance: none;
+  border-color: $color-gray-light;
+  border-radius: 0;
+  border-style: solid;
+  border-width: 1px;
+  line-height: $line-height-b;
+  padding: $size-xxs;
+
+  &.is-invalid {
+    border-color: $color-error;
+  }
+}

assets/scss/6-components/text-input/text-input.html

@@ -0,0 +1,14 @@
+<div>
+  <label for="firstName" class="l-display-block has-xxxs-btm-marg t-size-s">
+    <strong>First name</strong>
+  </label>
+  <input id="firstName" name="firstName" type="text" value="Cosmo Kramer" class="c-text-input l-display-block l-width-full has-text-gray-dark is-invalid has-xxxs-btm-marg" aria-invalid="true">
+  <ul>
+    <li class="has-text-error has-xxxs-btm-marg t-size-xs">
+      First validation error
+    </li>
+    <li class="has-text-error t-size-xs">
+      Second validation error
+    </li>
+  </ul>
+</div>