add mini-form component

assets/scss/6-components/_all.scss

@@ -14,6 +14,7 @@
 @import 'info-list/info-list';
 @import 'list/list';
 @import 'loading/loading';
+@import 'mini-form/mini-form';
 @import 'navbar/navbar';
 @import 'share/share';
 @import 'site-footer/site-footer';

assets/scss/6-components/mini-form/_mini-form.scss

@@ -0,0 +1,24 @@
+// Mini form (c-mini-form)
+//
+// A text input adjacent to a button/submit input.
+//
+// Markup: 6-components/mini-form/mini-form.html
+//
+// Styleguide 6.1.5
+.c-mini-form {
+  display: grid;
+  grid-template-columns: 1fr 6rem;
+
+  &__input {
+    grid-column: 1;
+  }
+
+  &__submit {
+    grid-column: 2;
+  }
+
+  .c-text-input,
+  .c-button {
+    height: 45px;
+  }
+}

assets/scss/6-components/mini-form/mini-form.html

@@ -0,0 +1,16 @@
+<form class="c-mini-form">
+  <div class="c-mini-form__input">
+    <input id="email" name="email" aria-label="email address to link" type="text" class="c-text-input is-invalid l-display-block l-width-full has-text-gray-dark has-xxxs-btm-marg">
+    <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>
+  <div class="c-mini-form__submit">
+    <input type="submit" disabled class="c-button c-button--s has-text-white has-bg-teal l-width-full l-display-block" value="Submit">
+  </div>
+</form>

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

@@ -2,7 +2,7 @@
   <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">
+  <input id="firstName" name="firstName" type="text" value="Cosmo Kramer" class="c-text-input is-invalid l-display-block l-width-full has-text-gray-dark has-xxxs-btm-marg" aria-invalid="true">
   <ul>
     <li class="has-text-error has-xxxs-btm-marg t-size-xs">
       First validation error