govuk_tech_docs 6.6.0.rc.local.tested → 6.6.0

data/node_modules/govuk-frontend/dist/govuk/components/character-count/macro-options.json

@@ -0,0 +1,206 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the textarea. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the textarea, which is submitted with the form data."
+    },
+    {
+        "name": "rows",
+        "type": "string",
+        "required": false,
+        "description": "Optional number of textarea rows (default is 5 rows)."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the textarea."
+    },
+    {
+        "name": "maxlength",
+        "type": "string",
+        "required": true,
+        "description": "The maximum number of characters (or words if `countType` is set to `\"words\"`)."
+    },
+    {
+        "name": "maxwords",
+        "type": "string",
+        "required": true,
+        "description": "The maximum number of words. Replaced by the `maxlength` and `countType: \"words\"` options.",
+        "deprecated": "6.6.0"
+    },
+    {
+        "name": "threshold",
+        "type": "string",
+        "required": false,
+        "description": "The percentage value of the limit at which point the count message is displayed. If this attribute is set, the count message will be hidden by default."
+    },
+    {
+        "name": "countType",
+        "type": "string",
+        "required": false,
+        "description": "The count type used to count the text – `\"length\"` or `\"words\"`. Defaults to `\"length\"`."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the character count component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the character count component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the character count component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the character count component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the textarea used by the character count component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the textarea used by the character count component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the textarea."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the textarea."
+    },
+    {
+        "name": "spellcheck",
+        "type": "boolean",
+        "required": false,
+        "description": "Optional field to enable or disable the `spellcheck` attribute on the character count."
+    },
+    {
+        "name": "countMessage",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the count message used by the character count component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the count message."
+            }
+        ]
+    },
+    {
+        "name": "textareaDescriptionText",
+        "type": "string",
+        "required": false,
+        "description": "Message made available to assistive technologies to describe that the component accepts only a limited amount of content. It is visible on the page if `countType` is not supported or JavaScript is unavailable. The component will replace the `%{count}` placeholder with the value of the `maxlength` parameter."
+    },
+    {
+        "name": "charactersUnderLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of characters is under the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of remaining characters. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "charactersAtLimitText",
+        "type": "string",
+        "required": false,
+        "description": "Message displayed when the number of characters reaches the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies."
+    },
+    {
+        "name": "charactersOverLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of characters is over the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of characters above the maximum.[Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "wordsUnderLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of words is under the configured maximum, `maxlength` with `countType: \"words\"`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of remaining words. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "wordsAtLimitText",
+        "type": "string",
+        "required": false,
+        "description": "Message displayed when the number of words reaches the configured maximum, `maxlength` with `countType: \"words\"`. This message is displayed visually and through assistive technologies."
+    },
+    {
+        "name": "wordsOverLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of words is over the configured maximum, `maxlength` with `countType: \"words\"`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of words above the maximum. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    }
+]

data/node_modules/govuk-frontend/dist/govuk/components/character-count/macro.njk

@@ -0,0 +1,3 @@
+{% macro govukCharacterCount(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-default.html

@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="more-detail">
+    Can you provide more detail?
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="more-detail" name="more-detail" rows="5" aria-describedby="more-detail-info"></textarea>
+  <div id="more-detail-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-count-type-characters-and-error-message.html

@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-form-group--error govuk-character-count" data-module="govuk-character-count" data-maxlength="350" data-count-type="characters">
+  <label class="govuk-label" for="with-count-type-characters-error">
+    Enter a job description
+  </label>
+  <p id="with-count-type-characters-error-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Job description must be 350 characters or less
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count" id="with-count-type-characters-error" name="example" rows="5" aria-describedby="with-count-type-characters-error-info with-count-type-characters-error-error">👩🏻‍🚀 A content designer works on the end-to-end journey of a service to help users complete their goal and government deliver a policy intent. Their work may involve the creation of, or change to, a transaction, product or single piece of content that stretches across digital and offline channels. They make sure appropriate content is shown to a user in the right place and in the best format.</textarea>
+  <div id="with-count-type-characters-error-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 350 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-count-type-characters-and-threshold.html

@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="112" data-threshold="75" data-count-type="characters">
+  <label class="govuk-label" for="with-count-type-characters-threshold">
+    Enter a job description
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-count-type-characters-threshold" name="example" rows="5" aria-describedby="with-count-type-characters-threshold-info">Type another letter into this field after this message to see the threshold feature</textarea>
+  <div id="with-count-type-characters-threshold-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 112 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-count-type-characters-and-value.html

@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="350" data-count-type="characters">
+  <label class="govuk-label" for="with-count-type-characters-value">
+    Enter a job description
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-count-type-characters-value" name="example" rows="5" aria-describedby="with-count-type-characters-value-info">👩🏻‍🚀 A content designer works on the end-to-end journey of a service to help users complete their goal and government deliver a policy intent. Their work may involve the creation of, or change to, a transaction, product or single piece of content that stretches across digital and offline channels.</textarea>
+  <div id="with-count-type-characters-value-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 350 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-count-type-characters.html

@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="200" data-count-type="characters">
+  <label class="govuk-label" for="with-count-type-characters">
+    Enter a job description
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-count-type-characters" name="example" rows="5" aria-describedby="with-count-type-characters-info"></textarea>
+  <div id="with-count-type-characters-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 200 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-count-type-length.html

@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="200" data-count-type="length">
+  <label class="govuk-label" for="with-count-type-length">
+    Enter a job description
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-count-type-length" name="example" rows="5" aria-describedby="with-count-type-length-info"></textarea>
+  <div id="with-count-type-length-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 200 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-count-type-words-and-error-message.html

@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-form-group--error govuk-character-count" data-module="govuk-character-count" data-maxlength="51" data-count-type="words">
+  <label class="govuk-label" for="with-count-type-words-error">
+    Enter a job description
+  </label>
+  <p id="with-count-type-words-error-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Job description must be 51 words or less
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count" id="with-count-type-words-error" name="example" rows="5" aria-describedby="with-count-type-words-error-info with-count-type-words-error-error">👩🏻‍🚀 A content designer works on the end-to-end journey of a service to help users complete their goal and government deliver a policy intent. Their work may involve the creation of, or change to, a transaction, product or single piece of content that stretches across digital and offline channels. They make sure appropriate content is shown to a user in the right place and in the best format.</textarea>
+  <div id="with-count-type-words-error-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 51 words
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-count-type-words-and-threshold.html

@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="51" data-threshold="30" data-count-type="words">
+  <label class="govuk-label" for="with-count-type-words-threshold">
+    Enter a job description
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-count-type-words-threshold" name="example" rows="5" aria-describedby="with-count-type-words-threshold-info">Type another word into this field after this message to see the threshold feature</textarea>
+  <div id="with-count-type-words-threshold-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 51 words
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-count-type-words-and-value.html

@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="51" data-count-type="words">
+  <label class="govuk-label" for="with-count-type-words-value">
+    Enter a job description
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-count-type-words-value" name="example" rows="5" aria-describedby="with-count-type-words-value-info">👩🏻‍🚀 A content designer works on the end-to-end journey of a service to help users complete their goal and government deliver a policy intent. Their work may involve the creation of, or change to, a transaction, product or single piece of content that stretches across digital and offline channels.</textarea>
+  <div id="with-count-type-words-value-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 51 words
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-count-type-words.html

@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="50" data-count-type="words">
+  <label class="govuk-label" for="with-count-type-words">
+    Enter a job description
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-count-type-words" name="example" rows="5" aria-describedby="with-count-type-words-info"></textarea>
+  <div id="with-count-type-words-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 50 words
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-custom-rows.html

@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="custom-rows">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="custom-rows" name="custom" rows="8" aria-describedby="custom-rows-info"></textarea>
+  <div id="custom-rows-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-default-value-exceeding-limit.html

@@ -0,0 +1,15 @@
+<div class="govuk-form-group govuk-form-group--error govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="exceeding-characters">
+    Full address
+  </label>
+  <p id="exceeding-characters-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please do not exceed the maximum allowed limit
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count" id="exceeding-characters" name="exceeding" rows="5" aria-describedby="exceeding-characters-info exceeding-characters-error">221B Baker Street
+London
+NW1 6XE
+</textarea>
+  <div id="exceeding-characters-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-default-value.html

@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="100">
+  <label class="govuk-label" for="with-default-value">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-default-value" name="default-value" rows="5" aria-describedby="with-default-value-info">221B Baker Street
+London
+NW1 6XE
+</textarea>
+  <div id="with-default-value-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 100 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-hint-and-error.html

@@ -0,0 +1,15 @@
+<div class="govuk-form-group govuk-form-group--error govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="with-error">
+    Can you provide more detail?
+  </label>
+  <div id="with-error-hint" class="govuk-hint">
+    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.
+  </div>
+  <p id="with-error-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please provide more detail
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count" id="with-error" name="with-error" rows="5" aria-describedby="with-error-info with-error-hint with-error-error"></textarea>
+  <div id="with-error-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-hint.html

@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="with-hint">
+    Can you provide more detail?
+  </label>
+  <div id="with-hint-hint" class="govuk-hint">
+    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.
+  </div>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-hint" name="with-hint" rows="5" aria-describedby="with-hint-info with-hint-hint"></textarea>
+  <div id="with-hint-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-label-as-page-heading.html

@@ -0,0 +1,11 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="textarea-with-page-heading">
+      Full address
+    </label>
+  </h1>
+  <textarea class="govuk-textarea govuk-js-character-count" id="textarea-with-page-heading" name="address" rows="5" aria-describedby="textarea-with-page-heading-info"></textarea>
+  <div id="textarea-with-page-heading-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-maxwords.html

@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxwords="10" data-count-type="words">
+  <label class="govuk-label" for="maxwords">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="maxwords" name="maxwords" rows="5" aria-describedby="maxwords-info"></textarea>
+  <div id="maxwords-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 words
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-threshold.html

@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10" data-threshold="75">
+  <label class="govuk-label" for="with-threshold">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-threshold" name="with-threshold" rows="5" aria-describedby="with-threshold-info"></textarea>
+  <div id="with-threshold-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/character-count/template.njk

@@ -0,0 +1,128 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../../macros/i18n.njk" import govukI18nAttributes %}
+{% from "../textarea/macro.njk" import govukTextarea %}
+{% from "../hint/macro.njk" import govukHint %}
+
+{%- set countType = params.countType if params.countType
+  else ("words" if params.maxwords) -%}
+
+{#-
+  If the limit is set in JavaScript, we won't be able to interpolate the message
+  until JavaScript, so we only set a text if the `maxlength` or `maxwords` options
+  were provided to the macro.
+#}
+{%- set hasNoLimit = (not params.maxwords and not params.maxlength) -%}
+{%- set textareaDescriptionLength = params.maxwords or params.maxlength -%}
+{%- set textareaDescriptionText = params.textareaDescriptionText or "You can enter up to %{count} " + ("words" if countType == "words" else "characters") -%}
+{%- set textareaDescriptionTextNoLimit = textareaDescriptionText | replace('%{count}', textareaDescriptionLength) if not hasNoLimit -%}
+{%- set id = params.id if params.id else params.name -%}
+
+{%- set countMessageHtml %}
+{{ govukHint({
+  text: textareaDescriptionTextNoLimit,
+  id: id + '-info',
+  classes: 'govuk-character-count__message' + (' ' + params.countMessage.classes if params.countMessage.classes)
+}) | trim }}
+{% if params.formGroup.afterInput %}
+  {{- params.formGroup.afterInput.html | safe | trim if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif -%}
+{% endset -%}
+
+{%- set attributesHtml %}
+  {{- govukAttributes({
+    "data-module": "govuk-character-count",
+    "data-maxlength": {
+      value: params.maxlength,
+      optional: true
+    },
+    "data-maxwords": {
+      value: params.maxwords,
+      optional: true
+    },
+    "data-threshold": {
+      value: params.threshold,
+      optional: true
+    },
+    "data-count-type": {
+      value: countType if countType else false,
+      optional: true
+    }
+  }) -}}
+
+  {#-
+    Without maxlength or maxwords, we can't guess if the component will count words or characters.
+    We can't guess a default textarea description to be interpolated in JavaScript
+    once the maximum gets configured there.
+    So we only add the attribute if a textarea description was explicitely provided.
+  #}
+  {%- if hasNoLimit and params.textareaDescriptionText %}
+    {{- govukI18nAttributes({
+      key: 'textarea-description',
+      messages: { other: params.textareaDescriptionText }
+    }) -}}
+  {% endif -%}
+
+  {{- govukI18nAttributes({
+    key: 'characters-under-limit',
+    messages: params.charactersUnderLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'characters-at-limit',
+    message: params.charactersAtLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'characters-over-limit',
+    messages: params.charactersOverLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-under-limit',
+    messages: params.wordsUnderLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-at-limit',
+    message: params.wordsAtLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-over-limit',
+    messages: params.wordsOverLimitText
+  }) -}}
+{% endset -%}
+
+{#- Append form group attributes onto attributes set above #}
+{%- for name, value in params.formGroup.attributes %}
+  {% set attributesHtml = attributesHtml + " " + name | escape + '="' + value | escape + '"' %}
+{% endfor -%}
+
+{{ govukTextarea({
+  id: id,
+  name: params.name,
+  describedBy: id + '-info',
+  rows: params.rows,
+  spellcheck: params.spellcheck,
+  value: params.value,
+  formGroup: {
+    classes: 'govuk-character-count' + (' ' + params.formGroup.classes if params.formGroup.classes),
+    attributes: attributesHtml,
+    beforeInput: params.formGroup.beforeInput,
+    afterInput: {
+      html: countMessageHtml
+    }
+  },
+  classes: 'govuk-js-character-count' + (' ' + params.classes if params.classes),
+  label: {
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  },
+  hint: params.hint,
+  errorMessage: params.errorMessage,
+  attributes: params.attributes
+}) | trim }}

data/node_modules/govuk-frontend/dist/govuk/components/checkboxes/README.md

@@ -0,0 +1,15 @@
+# Checkboxes
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the checkboxes component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/checkboxes).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/checkboxes/#options-checkboxes-example) for details.