@nationalarchives/frontend 0.19.0 → 0.20.0

package/nationalarchives/components/textarea/macro-options.json

@@ -3,55 +3,55 @@
     "name": "label",
     "type": "string",
     "required": true,
-    "description": ""
+    "description": "The label for the textarea field."
   },
   {
     "name": "headingLevel",
     "type": "number",
     "required": true,
-    "description": ""
+    "description": "The heading level which represents an element from `<h1>` through to `<h6>`."
   },
   {
     "name": "headingSize",
     "type": "string",
     "required": false,
-    "description": ""
+    "description": "The physical size of the textarea title (`xl`, `l`, `m` or `s`)."
   },
   {
     "name": "id",
     "type": "string",
     "required": true,
-    "description": ""
+    "description": "A unique ID for the textarea component."
   },
   {
     "name": "name",
     "type": "string",
     "required": true,
-    "description": ""
+    "description": "The name of the form field."
   },
   {
     "name": "hint",
     "type": "string",
     "required": false,
-    "description": ""
+    "description": "An optional hint to display above the form field."
   },
   {
     "name": "value",
     "type": "string",
     "required": false,
-    "description": ""
+    "description": "The form field value."
   },
   {
     "name": "error",
     "type": "object",
     "required": false,
-    "description": "",
+    "description": "If set, the details of any errors.",
     "params": [
       {
         "name": "text",
         "type": "string",
         "required": true,
-        "description": ""
+        "description": "The error text to display."
       }
     ]
   },
@@ -59,6 +59,21 @@
     "name": "spellcheck",
     "type": "boolean",
     "required": false,
+    "default": false,
+    "description": ""
+  },
+  {
+    "name": "autocapitalize",
+    "type": "string",
+    "required": false,
+    "default": "off",
+    "description": ""
+  },
+  {
+    "name": "autocorrect",
+    "type": "boolean",
+    "required": false,
+    "default": "off",
     "description": ""
   },
   {
@@ -71,13 +86,14 @@
     "name": "rows",
     "type": "number",
     "required": false,
+    "default": 5,
     "description": ""
   },
   {
     "name": "inline",
     "type": "boolean",
     "required": false,
-    "description": ""
+    "description": "If true, show the textarea inline rather than vertical."
   },
   {
     "name": "formGroupClasses",

package/nationalarchives/components/textarea/template.njk

@@ -22,7 +22,7 @@
     </p>
     {%- endif %}
   </div>
-  <textarea id="{{ params.id }}" class="tna-textarea{% if params.size %} tna-textarea--{{ params.size }}{% endif %} {{ inputClasses | join(' ') }}" name="{{ params.name }}" spellcheck="{{ params.spellcheck if params.spellcheck else false }}" rows="{{ params.rows if params.rows else 5 }}"
+  <textarea id="{{ params.id }}" class="tna-textarea{% if params.size %} tna-textarea--{{ params.size }}{% endif %} {{ inputClasses | join(' ') }}" name="{{ params.name }}" spellcheck="{{ params.spellcheck if params.spellcheck else false }}" autocapitalize="{{ params.autocapitalize if params.autocapitalize else 'off' }}" autocorrect="{{ 'on' if params.autocorrect else 'off' }}" rows="{{ params.rows if params.rows else 5 }}"
   {%- if params.hint or params.error %} aria-describedby="{%- if params.hint -%}{{ params.id }}-hint{%- endif %} {% if params.error -%}{{ params.id }}-error{%- endif -%}"{%- endif %}
   {%- for attribute, value in params.attributes %} {{ attribute }}{% if value !== '' %}="{{ value }}"{% endif %}{% endfor %}>{{ params.value }}</textarea>
 </div>

package/nationalarchives/components/warning/macro-options.json

@@ -3,19 +3,20 @@
     "name": "heading",
     "type": "string",
     "required": false,
-    "description": ""
+    "default": "Important information",
+    "description": "If set, the visually hidden heading for the warning which will be suffixed with an exclamation mark."
   },
   {
     "name": "headingLevel",
     "type": "number",
     "required": true,
-    "description": ""
+    "description": "The heading level which represents an element from `<h1>` through to `<h6>`."
   },
   {
     "name": "body",
     "type": "string",
     "required": true,
-    "description": ""
+    "description": "The body text of the warning."
   },
   {
     "name": "classes",