govuk_publishing_components 12.20.0 → 12.21.0

data/node_modules/govuk-frontend/components/radios/template.njk

@@ -37,6 +37,7 @@
   {{ govukErrorMessage({
     id: errorId,
     classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
     html: params.errorMessage.html,
     text: params.errorMessage.text
   }) | indent(2) | trim }}

data/node_modules/govuk-frontend/components/select/README.md

@@ -1,268 +1,15 @@
 # Select
 
-## Introduction
+## Installation
 
-The HTML `<select>` element represents a control that provides a menu of options.
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
 
-## Guidance
+## Guidance and Examples
 
 Find out when to use the select component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/select).
 
-## Quick start examples
-
-### Select
-
-[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/select/preview)
-
-#### Markup
-
-    <div class="govuk-form-group">
-      <label class="govuk-label" for="select-1">
-        Label text goes here
-      </label>
-
-      <select class="govuk-select" id="select-1" name="select-1">
-
-        <option value="1">GOV.UK frontend option 1</option>
-
-        <option value="2" selected>GOV.UK frontend option 2</option>
-
-        <option value="3" disabled>GOV.UK frontend option 3</option>
-
-      </select>
-    </div>
-
-#### Macro
-
-    {% from "select/macro.njk" import govukSelect %}
-
-    {{ govukSelect({
-      "id": "select-1",
-      "name": "select-1",
-      "label": {
-        "text": "Label text goes here"
-      },
-      "items": [
-        {
-          "value": 1,
-          "text": "GOV.UK frontend option 1"
-        },
-        {
-          "value": 2,
-          "text": "GOV.UK frontend option 2",
-          "selected": true
-        },
-        {
-          "value": 3,
-          "text": "GOV.UK frontend option 3",
-          "disabled": true
-        }
-      ]
-    }) }}
-
-### Select with hint text and error message
-
-[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/select/with-hint-text-and-error-message/preview)
-
-#### Markup
-
-    <div class="govuk-form-group govuk-form-group--error">
-      <label class="govuk-label" for="select-2">
-        Label text goes here
-      </label>
-
-      <span id="select-2-hint" class="govuk-hint">
-        Hint text goes here
-      </span>
-
-      <span id="select-2-error" class="govuk-error-message">
-        Error message goes here
-      </span>
-
-      <select class="govuk-select govuk-select--error" id="select-2" name="select-2" aria-describedby="select-2-hint select-2-error">
-
-        <option value="1">GOV.UK frontend option 1</option>
-
-        <option value="2">GOV.UK frontend option 2</option>
-
-        <option value="3">GOV.UK frontend option 3</option>
-
-      </select>
-    </div>
-
-#### Macro
-
-    {% from "select/macro.njk" import govukSelect %}
-
-    {{ govukSelect({
-      "id": "select-2",
-      "name": "select-2",
-      "label": {
-        "text": "Label text goes here"
-      },
-      "hint": {
-        "text": "Hint text goes here"
-      },
-      "errorMessage": {
-        "text": "Error message goes here"
-      },
-      "items": [
-        {
-          "value": 1,
-          "text": "GOV.UK frontend option 1"
-        },
-        {
-          "value": 2,
-          "text": "GOV.UK frontend option 2"
-        },
-        {
-          "value": 3,
-          "text": "GOV.UK frontend option 3"
-        }
-      ]
-    }) }}
-
-### Select with label as page heading
-
-[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/select/with-label-as-page-heading/preview)
-
-#### Markup
-
-    <div class="govuk-form-group">
-      <h1 class="govuk-label-wrapper">
-        <label class="govuk-label" for="select-3">
-          Label text goes here
-        </label>
-
-      </h1>
-
-      <select class="govuk-select" id="select-3" name="select-3">
-
-        <option value="1">GOV.UK frontend option 1</option>
-
-        <option value="2" selected>GOV.UK frontend option 2</option>
-
-        <option value="3" disabled>GOV.UK frontend option 3</option>
-
-      </select>
-    </div>
-
-#### Macro
-
-    {% from "select/macro.njk" import govukSelect %}
-
-    {{ govukSelect({
-      "id": "select-3",
-      "name": "select-3",
-      "label": {
-        "text": "Label text goes here",
-        "isPageHeading": true
-      },
-      "items": [
-        {
-          "value": 1,
-          "text": "GOV.UK frontend option 1"
-        },
-        {
-          "value": 2,
-          "text": "GOV.UK frontend option 2",
-          "selected": true
-        },
-        {
-          "value": 3,
-          "text": "GOV.UK frontend option 3",
-          "disabled": true
-        }
-      ]
-    }) }}
-
-### Select with full width override
-
-[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/select/with-full-width-override/preview)
-
-#### Markup
-
-    <div class="govuk-form-group">
-      <label class="govuk-label" for="select-1">
-        Label text goes here
-      </label>
-
-      <select class="govuk-select govuk-!-width-full" id="select-1" name="select-1">
-
-        <option value="1">GOV.UK frontend option 1</option>
-
-        <option value="2" selected>GOV.UK frontend option 2</option>
-
-        <option value="3" disabled>GOV.UK frontend option 3</option>
-
-      </select>
-    </div>
-
-#### Macro
-
-    {% from "select/macro.njk" import govukSelect %}
-
-    {{ govukSelect({
-      "id": "select-1",
-      "name": "select-1",
-      "classes": "govuk-!-width-full",
-      "label": {
-        "text": "Label text goes here"
-      },
-      "items": [
-        {
-          "value": 1,
-          "text": "GOV.UK frontend option 1"
-        },
-        {
-          "value": 2,
-          "text": "GOV.UK frontend option 2",
-          "selected": true
-        },
-        {
-          "value": 3,
-          "text": "GOV.UK frontend option 3",
-          "disabled": true
-        }
-      ]
-    }) }}
-
-## Requirements
-
-### Build tool configuration
-
-When compiling the Sass files you'll need to define includePaths to reference the node_modules directory. Below is a sample configuration using gulp
-
-    .pipe(sass({
-      includePaths: 'node_modules/'
-    }))
-
-### Static asset path configuration
-
-In order to include the images used in the components, you need to configure your app to show these assets. Below is a sample configuration using Express js:
-
-    app.use('/assets', express.static(path.join(__dirname, '/node_modules/govuk-frontend/assets')))
-
 ## 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/select/#options-example-default) for details.
-
-### Setting up Nunjucks views and paths
-
-Below is an example setup using express configure views:
-
-    nunjucks.configure('node_modules/govuk-frontend/components', {
-      autoescape: true,
-      cache: false,
-      express: app
-    })
-
-## Contribution
-
-Guidelines can be found at [on our Github repository.](https://github.com/alphagov/govuk-frontend/blob/master/CONTRIBUTING.md "link to contributing guidelines on our github repository")
-
-## License
-
-MIT
+See [options table](https://design-system.service.gov.uk/components/select/#options-example-default) for details.

data/node_modules/govuk-frontend/components/select/template.njk

@@ -31,6 +31,7 @@
   {{ govukErrorMessage({
     id: errorId,
     classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
     html: params.errorMessage.html,
     text: params.errorMessage.text
   }) | indent(2) | trim }}

data/node_modules/govuk-frontend/components/skip-link/README.md

@@ -1,68 +1,15 @@
 # Skip link
 
-## Introduction
+## Installation
 
-Skip link component. Make skip links visible when they are tabbed to. You'll need to add correct id to your main content area, to ensure the skip link will work.
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
 
-## Guidance
+## Guidance and Examples
 
 Find out when to use the skip link component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/skip-link).
 
-## Quick start examples
-
-### Skip link
-
-[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/skip-link/preview)
-
-#### Markup
-
-    <a href="#content" class="govuk-skip-link">Skip to main content</a>
-
-#### Macro
-
-    {% from "skip-link/macro.njk" import govukSkipLink %}
-
-    {{ govukSkipLink({
-      "text": "Skip to main content",
-      "href": "#content"
-    }) }}
-
-## Requirements
-
-### Build tool configuration
-
-When compiling the Sass files you'll need to define includePaths to reference the node_modules directory. Below is a sample configuration using gulp
-
-    .pipe(sass({
-      includePaths: 'node_modules/'
-    }))
-
-### Static asset path configuration
-
-In order to include the images used in the components, you need to configure your app to show these assets. Below is a sample configuration using Express js:
-
-    app.use('/assets', express.static(path.join(__dirname, '/node_modules/govuk-frontend/assets')))
-
 ## 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/skip-link/#options-example-default) for details.
-
-### Setting up Nunjucks views and paths
-
-Below is an example setup using express configure views:
-
-    nunjucks.configure('node_modules/govuk-frontend/components', {
-      autoescape: true,
-      cache: false,
-      express: app
-    })
-
-## Contribution
-
-Guidelines can be found at [on our Github repository.](https://github.com/alphagov/govuk-frontend/blob/master/CONTRIBUTING.md "link to contributing guidelines on our github repository")
-
-## License
-
-MIT
+See [options table](https://design-system.service.gov.uk/components/skip-link/#options-example-default) for details.

data/node_modules/govuk-frontend/components/table/README.md

@@ -1,379 +1,15 @@
 # Table
 
-## Introduction
+## Installation
 
-Table description.
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
 
-## Guidance
+## Guidance and Examples
 
 Find out when to use the table component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/table).
 
-## Quick start examples
-
-### Table
-
-[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/table/preview)
-
-#### Markup
-
-    <table class="govuk-table">
-
-      <tbody class="govuk-table__body">
-
-        <tr class="govuk-table__row">
-
-          <td class="govuk-table__cell">January</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
-
-        </tr>
-
-        <tr class="govuk-table__row">
-
-          <td class="govuk-table__cell">February</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
-
-        </tr>
-
-        <tr class="govuk-table__row">
-
-          <td class="govuk-table__cell">March</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
-
-        </tr>
-
-      </tbody>
-    </table>
-
-#### Macro
-
-    {% from "table/macro.njk" import govukTable %}
-
-    {{ govukTable({
-      "rows": [
-        [
-          {
-            "text": "January"
-          },
-          {
-            "text": "£85",
-            "format": "numeric"
-          },
-          {
-            "text": "£95",
-            "format": "numeric"
-          }
-        ],
-        [
-          {
-            "text": "February"
-          },
-          {
-            "text": "£75",
-            "format": "numeric"
-          },
-          {
-            "text": "£55",
-            "format": "numeric"
-          }
-        ],
-        [
-          {
-            "text": "March"
-          },
-          {
-            "text": "£165",
-            "format": "numeric"
-          },
-          {
-            "text": "£125",
-            "format": "numeric"
-          }
-        ]
-      ]
-    }) }}
-
-### Table table with head
-
-[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/table/table-with-head/preview)
-
-#### Markup
-
-    <table class="govuk-table">
-
-      <thead class="govuk-table__head">
-        <tr class="govuk-table__row">
-
-          <th class="govuk-table__header" scope="col">Month you apply</th>
-
-          <th class="govuk-table__header govuk-table__header--numeric" scope="col">Rate for bicycles</th>
-
-          <th class="govuk-table__header govuk-table__header--numeric" scope="col">Rate for vehicles</th>
-
-        </tr>
-      </thead>
-
-      <tbody class="govuk-table__body">
-
-        <tr class="govuk-table__row">
-
-          <td class="govuk-table__cell">January</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
-
-        </tr>
-
-        <tr class="govuk-table__row">
-
-          <td class="govuk-table__cell">February</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
-
-        </tr>
-
-        <tr class="govuk-table__row">
-
-          <td class="govuk-table__cell">March</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
-
-        </tr>
-
-      </tbody>
-    </table>
-
-#### Macro
-
-    {% from "table/macro.njk" import govukTable %}
-
-    {{ govukTable({
-      "head": [
-        {
-          "text": "Month you apply"
-        },
-        {
-          "text": "Rate for bicycles",
-          "format": "numeric"
-        },
-        {
-          "text": "Rate for vehicles",
-          "format": "numeric"
-        }
-      ],
-      "rows": [
-        [
-          {
-            "text": "January"
-          },
-          {
-            "text": "£85",
-            "format": "numeric"
-          },
-          {
-            "text": "£95",
-            "format": "numeric"
-          }
-        ],
-        [
-          {
-            "text": "February"
-          },
-          {
-            "text": "£75",
-            "format": "numeric"
-          },
-          {
-            "text": "£55",
-            "format": "numeric"
-          }
-        ],
-        [
-          {
-            "text": "March"
-          },
-          {
-            "text": "£165",
-            "format": "numeric"
-          },
-          {
-            "text": "£125",
-            "format": "numeric"
-          }
-        ]
-      ]
-    }) }}
-
-### Table table with head and caption
-
-[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/table/table-with-head-and-caption/preview)
-
-#### Markup
-
-    <table class="govuk-table">
-
-      <caption class="govuk-table__caption govuk-heading-m">Caption 1: Months and rates</caption>
-
-      <thead class="govuk-table__head">
-        <tr class="govuk-table__row">
-
-          <th class="govuk-table__header" scope="col">Month you apply</th>
-
-          <th class="govuk-table__header govuk-table__header--numeric" scope="col">Rate for bicycles</th>
-
-          <th class="govuk-table__header govuk-table__header--numeric" scope="col">Rate for vehicles</th>
-
-        </tr>
-      </thead>
-
-      <tbody class="govuk-table__body">
-
-        <tr class="govuk-table__row">
-
-          <th class="govuk-table__header" scope="row">January</th>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
-
-        </tr>
-
-        <tr class="govuk-table__row">
-
-          <th class="govuk-table__header" scope="row">February</th>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
-
-        </tr>
-
-        <tr class="govuk-table__row">
-
-          <th class="govuk-table__header" scope="row">March</th>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
-
-          <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
-
-        </tr>
-
-      </tbody>
-    </table>
-
-#### Macro
-
-    {% from "table/macro.njk" import govukTable %}
-
-    {{ govukTable({
-      "caption": "Caption 1: Months and rates",
-      "captionClasses": "govuk-heading-m",
-      "firstCellIsHeader": true,
-      "head": [
-        {
-          "text": "Month you apply"
-        },
-        {
-          "text": "Rate for bicycles",
-          "format": "numeric"
-        },
-        {
-          "text": "Rate for vehicles",
-          "format": "numeric"
-        }
-      ],
-      "rows": [
-        [
-          {
-            "text": "January"
-          },
-          {
-            "text": "£85",
-            "format": "numeric"
-          },
-          {
-            "text": "£95",
-            "format": "numeric"
-          }
-        ],
-        [
-          {
-            "text": "February"
-          },
-          {
-            "text": "£75",
-            "format": "numeric"
-          },
-          {
-            "text": "£55",
-            "format": "numeric"
-          }
-        ],
-        [
-          {
-            "text": "March"
-          },
-          {
-            "text": "£165",
-            "format": "numeric"
-          },
-          {
-            "text": "£125",
-            "format": "numeric"
-          }
-        ]
-      ]
-    }) }}
-
-## Requirements
-
-### Build tool configuration
-
-When compiling the Sass files you'll need to define includePaths to reference the node_modules directory. Below is a sample configuration using gulp
-
-    .pipe(sass({
-      includePaths: 'node_modules/'
-    }))
-
-### Static asset path configuration
-
-In order to include the images used in the components, you need to configure your app to show these assets. Below is a sample configuration using Express js:
-
-    app.use('/assets', express.static(path.join(__dirname, '/node_modules/govuk-frontend/assets')))
-
 ## 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/table/#options-example-default) for details.
-
-### Setting up Nunjucks views and paths
-
-Below is an example setup using express configure views:
-
-    nunjucks.configure('node_modules/govuk-frontend/components', {
-      autoescape: true,
-      cache: false,
-      express: app
-    })
-
-## Contribution
-
-Guidelines can be found at [on our Github repository.](https://github.com/alphagov/govuk-frontend/blob/master/CONTRIBUTING.md "link to contributing guidelines on our github repository")
-
-## License
-
-MIT
+See [options table](https://design-system.service.gov.uk/components/table/#options-example-default) for details.