Merge pull request #429 from buildit/develop

Release recent fix & dep updates

.travis.yml

@@ -22,7 +22,7 @@ deploy:
   - provider: script
     skip_cleanup: true
     script:
-      npm run semantic-release
+      npm run semantic-release -- --stream
   # deploy develop to Staging
   - provider: script
     script:

packages/gravity-ui-nunjucks/src/components/01-atoms/07-forms/00-text-input/text-input.config.json

@@ -1,5 +1,6 @@
 {
+  "preview": "@form-input-preview",
   "context": {
     "type": "text"
   }
-}
+}

packages/gravity-ui-nunjucks/src/components/01-atoms/07-forms/02-textarea/README.md

@@ -0,0 +1,5 @@
+## Purpose
+
+A `textarea` is used to capture multiline text input from the user.
+
+If the input must be completed in order to process the form successfully then a `required` attribute can be added. This will prevent the form being submitted until the `textarea` has a value.

packages/gravity-ui-nunjucks/src/components/01-atoms/07-forms/02-textarea/textarea.config.json

@@ -0,0 +1,6 @@
+{
+  "preview": "@form-input-preview",
+  "context": {
+    "inputText": "Pedantic shitpost comment goes in here"
+  }
+}

packages/gravity-ui-nunjucks/src/components/01-atoms/07-forms/02-textarea/textarea.njk

@@ -0,0 +1 @@
+<textarea>{{ inputText }}</textarea>

packages/gravity-ui-nunjucks/test-consts.js

@@ -6,7 +6,8 @@
  */
 
 const excludedA11yFiles = [
-  '_preview',
+  'preview',
+  'form-input-preview',
   'symbols',
   'svg-symbols',
   'image',

packages/gravity-ui-web/src/sass/03-elements/_input.scss

@@ -1,6 +1,25 @@
+label {
+  display: block;
+
+  > textarea {
+    width: 100%;
+    margin-top: $grav-sp-s;
+  }
+}
+
 input:not([type=radio]):not([type=checkbox]) {
   width: 100%;
   max-width: 40ch;
   padding-right: $grav-sp-xs;
   padding-left: $grav-sp-xs;
+  border: grav-px2rem(1) solid var(--grav-co-grp-b-neutral);
+  background-color: var(--grav-co-grp-a-neutral);
+}
+
+textarea {
+  display: block;
+  padding-right: $grav-sp-xs;
+  padding-left: $grav-sp-xs;
+  border: grav-px2rem(1) solid var(--grav-co-grp-b-neutral);
+  background-color: var(--grav-co-grp-a-neutral);
 }