govuk_publishing_components 21.12.0 → 21.13.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 60ff27fe702ec5247205b706912d3df2b971f15c3ccda7ec96222b2929a028e5
-  data.tar.gz: 68485d1017605434db50a0c0488ff8eaa80d867a9509e4ce3b234c24d894a1bf
+  metadata.gz: 6f789d318fa52196b8bdd6fb96916895e930b4dfaa1b4d347e790c88a1544b23
+  data.tar.gz: 024765e4eddecd938233e986488697ad2c6bdb65a2c323d994a5962e41fe1bf5
 SHA512:
-  metadata.gz: 83b69b499d668533e01f55ffcf0c524f0de904bea20c3c1fe669aa484a8ad028548c27b874e44655c636fc43c1e5c807ee8a819ab01697644fbdeae3aeca2679
-  data.tar.gz: f75e729bf18d87c846e13d2bb9048cd1822dab68838228a9b500d5a57185d99acd71106612c5655a4deaf6c2c384d7fd400c5e121f761a8ad2eba394ae5b6dd1
+  metadata.gz: 4d049a4ffe5820827413c4a0e93e1026440f38505c039354f026f480bb727c7021b427fee1f5e43e1cc3381d0ce80fcc1b832a81442b6718572004c698c68a0b
+  data.tar.gz: d2557868656cf64c7f010b724672033176213f111e82a783fc690697c5f7231c3af27d61244ae8f747ccfe56d96179d008591e73aed5203af7a8aff91676ac92

data/app/views/govuk_publishing_components/components/_search.html.erb

@@ -9,6 +9,7 @@
   id ||= "search-main-" + SecureRandom.hex(4)
   label_text ||= "Search GOV.UK"
   name ||= 'q'
+  aria_controls ||= nil
 %>
 
 <div class="gem-c-search <%= class_name %>" data-module="gem-toggle-input-class-on-focus">
@@ -18,6 +19,7 @@
   <div class="gem-c-search__item-wrapper">
     <input type="search" value="<%= value %>"
       id="<%= id %>" name="<%= name %>" title="Search"
+      aria-controls="<%= aria_controls %>"
       class="gem-c-search__item gem-c-search__input js-class-toggle">
     <div class="gem-c-search__item gem-c-search__submit-wrapper">
       <button type="submit" class="gem-c-search__submit">Search</button>

data/app/views/govuk_publishing_components/components/docs/search.yml

@@ -42,3 +42,9 @@ examples:
     description: To be used if you need to change the default name 'q'
     data:
       name: "my_own_fieldname"
+  with_aria_controls_attribute:
+    description: |
+      The aria-controls attribute is a 'relationship attribute' which denotes which elements in a page an interactive element or set of elements has control over and affects.
+      For places like the finders where the page is updated dynamically after value changes to the input.
+    data:
+      aria_controls: "wrapper"

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = '21.12.0'.freeze
+  VERSION = '21.13.0'.freeze
 end

data/node_modules/govuk-frontend/README.md

@@ -37,7 +37,7 @@ imports) if you want to override GOV.UK Frontend with your own styles.
 To import add the below to your Sass file:
 
   ```scss
-  @import "node_modules/govuk-frontend/all";
+  @import "node_modules/govuk-frontend/govuk/all";
   ```
 
 [More details on importing styles](https://github.com/alphagov/govuk-frontend/blob/master/docs/installation/installing-with-npm.md#importing-styles)
@@ -48,7 +48,7 @@ Some of the JavaScript included in GOV.UK Frontend improves the usability and
 accessibility of the components. You should make sure that you are importing and
 initialising Javascript in your application to ensure that all users can use it successfully.
 
-You can include Javascript for all components either by copying the `all.js` from `node_modules/govuk-frontend` into your application or referencing the file directly:
+You can include Javascript for all components either by copying the `all.js` from `node_modules/govuk-frontend/govuk/` into your application or referencing the file directly:
 
 ```html
 <script src="<path-to-govuk-frontend-all-file>/all.js"></script>

data/node_modules/govuk-frontend/govuk/all.js

@@ -1497,6 +1497,9 @@ Details.prototype.polyfillHandleInputs = function (node, callback) {
 function CharacterCount ($module) {
   this.$module = $module;
   this.$textarea = $module.querySelector('.govuk-js-character-count');
+  if (this.$textarea) {
+    this.$countMessage = $module.querySelector('[id=' + this.$textarea.id + '-info]');
+  }
 }
 
 CharacterCount.prototype.defaults = {
@@ -1509,10 +1512,16 @@ CharacterCount.prototype.init = function () {
   // Check for module
   var $module = this.$module;
   var $textarea = this.$textarea;
-  if (!$textarea) {
+  var $countMessage = this.$countMessage;
+
+  if (!$textarea || !$countMessage) {
     return
   }
 
+  // We move count message right after the field
+  // Kept for backwards compatibility
+  $textarea.insertAdjacentElement('afterend', $countMessage);
+
   // Read options set using dataset ('data-' values)
   this.options = this.getDataset($module);
 
@@ -1530,23 +1539,16 @@ CharacterCount.prototype.init = function () {
     return
   }
 
-  // Generate and reference message
-  var boundCreateCountMessage = this.createCountMessage.bind(this);
-  this.countMessage = boundCreateCountMessage();
+  // Remove hard limit if set
+  $module.removeAttribute('maxlength');
 
-  // If there's a maximum length defined and the count message exists
-  if (this.countMessage) {
-    // Remove hard limit if set
-    $module.removeAttribute('maxlength');
+  // Bind event changes to the textarea
+  var boundChangeEvents = this.bindChangeEvents.bind(this);
+  boundChangeEvents();
 
-    // Bind event changes to the textarea
-    var boundChangeEvents = this.bindChangeEvents.bind(this);
-    boundChangeEvents();
-
-    // Update count message
-    var boundUpdateCountMessage = this.updateCountMessage.bind(this);
-    boundUpdateCountMessage();
-  }
+  // Update count message
+  var boundUpdateCountMessage = this.updateCountMessage.bind(this);
+  boundUpdateCountMessage();
 };
 
 // Read data attributes
@@ -1577,27 +1579,6 @@ CharacterCount.prototype.count = function (text) {
   return length
 };
 
-// Generate count message and bind it to the input
-// returns reference to the generated element
-CharacterCount.prototype.createCountMessage = function () {
-  var countElement = this.$textarea;
-  var elementId = countElement.id;
-  // Check for existing info count message
-  var countMessage = document.getElementById(elementId + '-info');
-  // If there is no existing info count message we add one right after the field
-  if (elementId && !countMessage) {
-    countElement.insertAdjacentHTML('afterend', '<span id="' + elementId + '-info" class="govuk-hint govuk-character-count__message" aria-live="polite"></span>');
-    this.describedBy = countElement.getAttribute('aria-describedby');
-    this.describedByInfo = this.describedBy + ' ' + elementId + '-info';
-    countElement.setAttribute('aria-describedby', this.describedByInfo);
-    countMessage = document.getElementById(elementId + '-info');
-  } else {
-  // If there is an existing info count message we move it right after the field
-    countElement.insertAdjacentElement('afterend', countMessage);
-  }
-  return countMessage
-};
-
 // Bind input propertychange to the elements and update based on the change
 CharacterCount.prototype.bindChangeEvents = function () {
   var $textarea = this.$textarea;
@@ -1624,7 +1605,7 @@ CharacterCount.prototype.checkIfValueChanged = function () {
 CharacterCount.prototype.updateCountMessage = function () {
   var countElement = this.$textarea;
   var options = this.options;
-  var countMessage = this.countMessage;
+  var countMessage = this.$countMessage;
 
   // Determine the remaining number of characters/words
   var currentLength = this.count(countElement.value);
@@ -1873,7 +1854,9 @@ ErrorSummary.prototype.getFragmentFromUrl = function (url) {
  *
  * Returns the first element that exists from this list:
  *
- * - The `<legend>` associated with the closest `<fieldset>` ancestor
+ * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long
+ *   as the top of it is no more than half a viewport height away from the
+ *   bottom of the input
  * - The first `<label>` that is associated with the input using for="inputId"
  * - The closest parent `<label>`
  *
@@ -1888,7 +1871,32 @@ ErrorSummary.prototype.getAssociatedLegendOrLabel = function ($input) {
     var legends = $fieldset.getElementsByTagName('legend');
 
     if (legends.length) {
-      return legends[0]
+      var $candidateLegend = legends[0];
+
+      // If the input type is radio or checkbox, always use the legend if there
+      // is one.
+      if ($input.type === 'checkbox' || $input.type === 'radio') {
+        return $candidateLegend
+      }
+
+      // For other input types, only scroll to the fieldset’s legend (instead of
+      // the label associated with the input) if the input would end up in the
+      // top half of the screen.
+      //
+      // This should avoid situations where the input either ends up off the
+      // screen, or obscured by a software keyboard.
+      var legendTop = $candidateLegend.getBoundingClientRect().top;
+      var inputRect = $input.getBoundingClientRect();
+
+      // If the browser doesn't support Element.getBoundingClientRect().height
+      // or window.innerHeight (like IE8), bail and just link to the label.
+      if (inputRect.height && window.innerHeight) {
+        var inputBottom = inputRect.top + inputRect.height;
+
+        if (inputBottom - legendTop < window.innerHeight / 2) {
+          return $candidateLegend
+        }
+      }
     }
   }
 

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

@@ -12,4 +12,4 @@ Find out when to use the details component in your service in the [GOV.UK Design
 
 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/accordion/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/accordion/#options-accordion-example) for details.

data/node_modules/govuk-frontend/govuk/components/accordion/macro-options.json

@@ -3,7 +3,7 @@
         "name": "id",
         "type": "string",
         "required": true,
-        "description": "Must be **unique** across the domain of your service (as the expanded state of individual instances of the component persists across page loads using [`localStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)). Used as an `id` in the HTML for the accordion as a whole, and also as a prefix for the `id`s of the section contents and the buttons that open them, so that those `id`s can be the target of `aria-labelledby` and `aria-control` attributes."
+        "description": "Must be **unique** across the domain of your service (as the expanded state of individual instances of the component persists across page loads using [`sessionStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage)). Used as an `id` in the HTML for the accordion as a whole, and also as a prefix for the `id`s of the section contents and the buttons that open them, so that those `id`s can be the target of `aria-labelledby` and `aria-control` attributes."
     },
     {
         "name": "headingLevel",

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

@@ -12,4 +12,4 @@ Find out when to use the back link component in your service in the [GOV.UK Desi
 
 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/back-link/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/back-link/#options-back-link-example) for details.

data/node_modules/govuk-frontend/govuk/components/back-link/_back-link.scss

@@ -17,7 +17,10 @@
 
     // Allow space for the arrow
     padding-left: 14px;
+  }
 
+  // Only add a custom underline if the component is linkable
+  .govuk-back-link[href] {
     // Use border-bottom rather than text-decoration so that the arrow is
     // underlined as well.
     border-bottom: 1px solid govuk-colour("black");
@@ -30,22 +33,22 @@
     &:focus {
       border-bottom-color: transparent;
     }
+  }
 
-    // Prepend left pointing arrow
-    &:before {
-      @include govuk-shape-arrow($direction: left, $base: 10px, $height: 6px);
+  // Prepend left pointing arrow
+  .govuk-back-link:before {
+    @include govuk-shape-arrow($direction: left, $base: 10px, $height: 6px);
 
-      content: "";
+    content: "";
 
-      // Vertically align with the parent element
-      position: absolute;
+    // Vertically align with the parent element
+    position: absolute;
 
-      top: 0;
-      bottom: 0;
-      left: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
 
-      margin: auto;
-    }
+    margin: auto;
   }
 
   @if $govuk-use-legacy-font {

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

@@ -12,4 +12,4 @@ Find out when to use the breadcrumbs component in your service in the [GOV.UK De
 
 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/breadcrumbs/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/breadcrumbs/#options-breadcrumbs-example) for details.

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

@@ -12,4 +12,4 @@ Find out when to use the button component in your service in the [GOV.UK Design
 
 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/button/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/button/#options-button-example) for details.

data/node_modules/govuk-frontend/govuk/components/button/macro-options.json

@@ -20,19 +20,19 @@
     {
         "name": "name",
         "type": "string",
-        "required": true,
+        "required": false,
         "description": "Name for the `input` or `button`. This has no effect on `a` elements."
     },
     {
         "name": "type",
         "type": "string",
-        "required": true,
+        "required": false,
         "description": "Type of `input` or `button` – `button`, `submit` or `reset`. Defaults to `submit`. This has no effect on `a` elements."
     },
     {
         "name": "value",
         "type": "string",
-        "required": true,
+        "required": false,
         "description": "Value for the `button` tag. This has no effect on `a` or `input` elements."
     },
     {

data/node_modules/govuk-frontend/govuk/components/character-count/README.md

@@ -12,4 +12,4 @@ Find out when to use the character count component in your service in the [GOV.U
 
 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/character-count/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/character-count/#options-character-count-example) for details.

data/node_modules/govuk-frontend/govuk/components/character-count/character-count.js

@@ -1017,6 +1017,9 @@ if (detect) return
 function CharacterCount ($module) {
   this.$module = $module;
   this.$textarea = $module.querySelector('.govuk-js-character-count');
+  if (this.$textarea) {
+    this.$countMessage = $module.querySelector('[id=' + this.$textarea.id + '-info]');
+  }
 }
 
 CharacterCount.prototype.defaults = {
@@ -1029,10 +1032,16 @@ CharacterCount.prototype.init = function () {
   // Check for module
   var $module = this.$module;
   var $textarea = this.$textarea;
-  if (!$textarea) {
+  var $countMessage = this.$countMessage;
+
+  if (!$textarea || !$countMessage) {
     return
   }
 
+  // We move count message right after the field
+  // Kept for backwards compatibility
+  $textarea.insertAdjacentElement('afterend', $countMessage);
+
   // Read options set using dataset ('data-' values)
   this.options = this.getDataset($module);
 
@@ -1050,23 +1059,16 @@ CharacterCount.prototype.init = function () {
     return
   }
 
-  // Generate and reference message
-  var boundCreateCountMessage = this.createCountMessage.bind(this);
-  this.countMessage = boundCreateCountMessage();
+  // Remove hard limit if set
+  $module.removeAttribute('maxlength');
 
-  // If there's a maximum length defined and the count message exists
-  if (this.countMessage) {
-    // Remove hard limit if set
-    $module.removeAttribute('maxlength');
+  // Bind event changes to the textarea
+  var boundChangeEvents = this.bindChangeEvents.bind(this);
+  boundChangeEvents();
 
-    // Bind event changes to the textarea
-    var boundChangeEvents = this.bindChangeEvents.bind(this);
-    boundChangeEvents();
-
-    // Update count message
-    var boundUpdateCountMessage = this.updateCountMessage.bind(this);
-    boundUpdateCountMessage();
-  }
+  // Update count message
+  var boundUpdateCountMessage = this.updateCountMessage.bind(this);
+  boundUpdateCountMessage();
 };
 
 // Read data attributes
@@ -1097,27 +1099,6 @@ CharacterCount.prototype.count = function (text) {
   return length
 };
 
-// Generate count message and bind it to the input
-// returns reference to the generated element
-CharacterCount.prototype.createCountMessage = function () {
-  var countElement = this.$textarea;
-  var elementId = countElement.id;
-  // Check for existing info count message
-  var countMessage = document.getElementById(elementId + '-info');
-  // If there is no existing info count message we add one right after the field
-  if (elementId && !countMessage) {
-    countElement.insertAdjacentHTML('afterend', '<span id="' + elementId + '-info" class="govuk-hint govuk-character-count__message" aria-live="polite"></span>');
-    this.describedBy = countElement.getAttribute('aria-describedby');
-    this.describedByInfo = this.describedBy + ' ' + elementId + '-info';
-    countElement.setAttribute('aria-describedby', this.describedByInfo);
-    countMessage = document.getElementById(elementId + '-info');
-  } else {
-  // If there is an existing info count message we move it right after the field
-    countElement.insertAdjacentElement('afterend', countMessage);
-  }
-  return countMessage
-};
-
 // Bind input propertychange to the elements and update based on the change
 CharacterCount.prototype.bindChangeEvents = function () {
   var $textarea = this.$textarea;
@@ -1144,7 +1125,7 @@ CharacterCount.prototype.checkIfValueChanged = function () {
 CharacterCount.prototype.updateCountMessage = function () {
   var countElement = this.$textarea;
   var options = this.options;
-  var countMessage = this.countMessage;
+  var countMessage = this.$countMessage;
 
   // Determine the remaining number of characters/words
   var currentLength = this.count(countElement.value);

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

@@ -11,7 +11,7 @@
     rows: params.rows,
     value: params.value,
     formGroup: params.formGroup,
-    classes: 'govuk-js-character-count ' + (' govuk-textarea--error' if params.errorMessage) + (params.classes if params.classes),
+    classes: 'govuk-js-character-count' + (' govuk-textarea--error' if params.errorMessage) + (' ' + params.classes if params.classes),
     label: {
       html: params.label.html,
       text: params.label.text,

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

@@ -12,4 +12,4 @@ Find out when to use the checkboxes component in your service in the [GOV.UK Des
 
 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-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/checkboxes/#options-checkboxes-example) for details.

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

@@ -16,7 +16,7 @@
 
 {% set isConditional = false %}
 {% for item in params.items %}
-  {% if item.conditional %}
+  {% if item.conditional.html %}
     {% set isConditional = true %}
   {% endif %}
 {% endfor %}
@@ -75,7 +75,7 @@
           <input class="govuk-checkboxes__input" id="{{ id }}" name="{{ name }}" type="checkbox" value="{{ item.value }}"
           {{-" checked" if item.checked }}
           {{-" disabled" if item.disabled }}
-          {%- if item.conditional %} data-aria-controls="{{ conditionalId }}"{% endif -%}
+          {%- if item.conditional.html %} data-aria-controls="{{ conditionalId }}"{% endif -%}
           {%- if itemDescribedBy %} aria-describedby="{{ itemDescribedBy }}"{% endif -%}
           {%- for attribute, value in item.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>
           {{ govukLabel({
@@ -95,7 +95,7 @@
           }) | indent(6) | trim }}
           {% endif %}
         </div>
-        {% if item.conditional %}
+        {% if item.conditional.html %}
           <div class="govuk-checkboxes__conditional{% if not item.checked %} govuk-checkboxes__conditional--hidden{% endif %}" id="{{ conditionalId }}">
             {{ item.conditional.html | safe }}
           </div>

data/node_modules/govuk-frontend/govuk/components/date-input/README.md

@@ -12,4 +12,4 @@ Find out when to use the date input component in your service in the [GOV.UK Des
 
 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/date-input/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/date-input/#options-date-input-example) for details.

data/node_modules/govuk-frontend/govuk/components/date-input/macro-options.json

@@ -14,7 +14,7 @@
     {
         "name": "items",
         "type": "array",
-        "required": true,
+        "required": false,
         "description": "An array of input objects with name, value and classes.",
         "params": [
             {

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

@@ -12,4 +12,4 @@ Find out when to use the details component in your service in the [GOV.UK Design
 
 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/details/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/details/#options-details-example) for details.

data/node_modules/govuk-frontend/govuk/components/error-message/README.md

@@ -12,4 +12,4 @@ Find out when to use the error message component in your service in the [GOV.UK
 
 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/error-message/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/error-message/#options-error-message-example) for details.

data/node_modules/govuk-frontend/govuk/components/error-summary/README.md

@@ -12,4 +12,4 @@ Find out when to use the error summary component in your service in the [GOV.UK
 
 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/error-summary/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/error-summary/#options-error-summary-example) for details.

data/node_modules/govuk-frontend/govuk/components/error-summary/error-summary.js

@@ -798,7 +798,9 @@ ErrorSummary.prototype.getFragmentFromUrl = function (url) {
  *
  * Returns the first element that exists from this list:
  *
- * - The `<legend>` associated with the closest `<fieldset>` ancestor
+ * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long
+ *   as the top of it is no more than half a viewport height away from the
+ *   bottom of the input
  * - The first `<label>` that is associated with the input using for="inputId"
  * - The closest parent `<label>`
  *
@@ -813,7 +815,32 @@ ErrorSummary.prototype.getAssociatedLegendOrLabel = function ($input) {
     var legends = $fieldset.getElementsByTagName('legend');
 
     if (legends.length) {
-      return legends[0]
+      var $candidateLegend = legends[0];
+
+      // If the input type is radio or checkbox, always use the legend if there
+      // is one.
+      if ($input.type === 'checkbox' || $input.type === 'radio') {
+        return $candidateLegend
+      }
+
+      // For other input types, only scroll to the fieldset’s legend (instead of
+      // the label associated with the input) if the input would end up in the
+      // top half of the screen.
+      //
+      // This should avoid situations where the input either ends up off the
+      // screen, or obscured by a software keyboard.
+      var legendTop = $candidateLegend.getBoundingClientRect().top;
+      var inputRect = $input.getBoundingClientRect();
+
+      // If the browser doesn't support Element.getBoundingClientRect().height
+      // or window.innerHeight (like IE8), bail and just link to the label.
+      if (inputRect.height && window.innerHeight) {
+        var inputBottom = inputRect.top + inputRect.height;
+
+        if (inputBottom - legendTop < window.innerHeight / 2) {
+          return $candidateLegend
+        }
+      }
     }
   }
 

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

@@ -12,4 +12,4 @@ Find out when to use the fieldset component in your service in the [GOV.UK Desig
 
 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/fieldset/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/fieldset/#options-fieldset-example) for details.

data/node_modules/govuk-frontend/govuk/components/fieldset/macro-options.json

@@ -59,6 +59,6 @@
         "name": "caller",
         "type": "nunjucks-block",
         "required": false,
-        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire fielset component in a `call` block. See [checkboxes component](https://github.com/alphagov/govuk-frontend/blob/master/src/components/checkboxes/template.njk#L86) for an example."
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire fielset component in a `call` block."
     }
 ]

data/node_modules/govuk-frontend/govuk/components/file-upload/README.md

@@ -12,4 +12,4 @@ Find out when to use the file upload component in your service in the [GOV.UK De
 
 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/file-upload/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/file-upload/#options-file-upload-example) for details.

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

@@ -12,4 +12,4 @@ Find out when to use the footer component in your service in the [GOV.UK Design
 
 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/footer/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/footer/#options-footer-example) for details.

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

@@ -12,4 +12,4 @@ Find out when to use the header component in your service in the [GOV.UK Design
 
 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/header/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/header/#options-header-example) for details.

data/node_modules/govuk-frontend/govuk/components/header/_header.scss

@@ -42,6 +42,7 @@
   }
 
   .govuk-header__logotype {
+    display: inline-block;
     margin-right: govuk-spacing(1);
   }
 

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

@@ -60,7 +60,7 @@
     </a>
     {% endif %}
     {% if params.navigation %}
-    <button type="button" role="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" aria-label="Show or hide Top Level Navigation">Menu</button>
+    <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" aria-label="Show or hide Top Level Navigation">Menu</button>
     <nav>
       <ul id="navigation" class="govuk-header__navigation {{ params.navigationClasses if params.navigationClasses }}" aria-label="Top Level Navigation">
         {% for item in params.navigation %}

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

@@ -12,4 +12,4 @@ The label component is used in other input components, to see an example of it i
 
 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/file-upload/#options-example-default--hint) for details.
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-text-input-example--hint) for details.

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

@@ -12,4 +12,4 @@ Find out when to use the input component in your service in the [GOV.UK Design S
 
 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/text-input/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-input-example) for details.

data/node_modules/govuk-frontend/govuk/components/input/_input.scss

@@ -13,6 +13,9 @@
     box-sizing: border-box;
     width: 100%;
     height: 40px;
+    @if $govuk-typography-use-rem {
+      height: govuk-px-to-rem(40px);
+    }
     margin-top: 0;
 
     padding: govuk-spacing(1);

data/node_modules/govuk-frontend/govuk/components/inset-text/README.md

@@ -12,4 +12,4 @@ Find out when to use the inset text component in your service in the [GOV.UK Des
 
 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/inset-text/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/inset-text/#options-inset-text-example) for details.

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

@@ -12,4 +12,4 @@ The label component is used in other input components, to see an example of it i
 
 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/file-upload/#options-example-default--label) for details.
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-text-input-example--label) for details.

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

@@ -12,4 +12,4 @@ Find out when to use the panel component in your service in the [GOV.UK Design S
 
 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/panel/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/panel/#options-panel-example) for details.

data/node_modules/govuk-frontend/govuk/components/phase-banner/README.md

@@ -12,4 +12,4 @@ Find out when to use the phase banner component in your service in the [GOV.UK D
 
 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/phase-banner/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/phase-banner/#options-phase-banner-example) for details.

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

@@ -12,4 +12,4 @@ Find out when to use the radios component in your service in the [GOV.UK Design
 
 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/radios/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/radios/#options-radios-example) for details.

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

@@ -13,7 +13,7 @@
 
 {% set isConditional = false %}
 {% for item in params.items %}
-  {% if item.conditional %}
+  {% if item.conditional.html %}
     {% set isConditional = true %}
   {% endif %}
 {% endfor %}
@@ -69,7 +69,7 @@
           <input class="govuk-radios__input" id="{{ id }}" name="{{ params.name }}" type="radio" value="{{ item.value }}"
           {{-" checked" if item.checked }}
           {{-" disabled" if item.disabled }}
-          {%- if item.conditional %} data-aria-controls="{{ conditionalId }}"{% endif -%}
+          {%- if item.conditional.html %} data-aria-controls="{{ conditionalId }}"{% endif -%}
           {%- if hasHint %} aria-describedby="{{ itemHintId }}"{% endif -%}
           {%- for attribute, value in item.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>
           {{ govukLabel({
@@ -89,7 +89,7 @@
           }) | indent(6) | trim }}
           {% endif %}
         </div>
-        {% if item.conditional %}
+        {% if item.conditional.html %}
           <div class="govuk-radios__conditional{% if not item.checked %} govuk-radios__conditional--hidden{% endif %}" id="{{ conditionalId }}">
             {{ item.conditional.html | safe }}
           </div>

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

@@ -12,4 +12,4 @@ Find out when to use the select component in your service in the [GOV.UK Design
 
 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.
+See [options table](https://design-system.service.gov.uk/components/select/#options-select-example) for details.

data/node_modules/govuk-frontend/govuk/components/select/_select.scss

@@ -13,6 +13,9 @@
     box-sizing: border-box; // should this be global?
     max-width: 100%;
     height: 40px;
+    @if $govuk-typography-use-rem {
+      height: govuk-px-to-rem(40px);
+    }
     padding: govuk-spacing(1); // was 5px 4px 4px - size of it should be adjusted to match other form elements
     border: $govuk-border-width-form-element solid $govuk-input-border-colour;
 

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

@@ -12,4 +12,4 @@ Find out when to use the skip link component in your service in the [GOV.UK Desi
 
 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.
+See [options table](https://design-system.service.gov.uk/components/skip-link/#options-skip-link-example) for details.

data/node_modules/govuk-frontend/govuk/components/summary-list/README.md

@@ -12,4 +12,4 @@ Find out when to use the details component in your service in the [GOV.UK Design
 
 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/summary-list/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/summary-list/#options-summary-list-example) for details.

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

@@ -12,4 +12,4 @@ Find out when to use the table component in your service in the [GOV.UK Design S
 
 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.
+See [options table](https://design-system.service.gov.uk/components/table/#options-table-example) for details.

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

@@ -12,4 +12,4 @@ Find out when to use the tabs component in your service in the [GOV.UK Design Sy
 
 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/tabs/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/tabs/#options-tabs-example) for details.

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

@@ -12,4 +12,4 @@ Find out when to use the tag component in your service in the [GOV.UK Design Sys
 
 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/tag/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/tag/#options-tag-example) for details.

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

@@ -12,4 +12,4 @@ Find out when to use the textarea component in your service in the [GOV.UK Desig
 
 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/textarea/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/textarea/#options-textarea-example) for details.

data/node_modules/govuk-frontend/govuk/components/warning-text/README.md

@@ -12,4 +12,4 @@ Find out when to use the warning text component in your service in the [GOV.UK D
 
 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/warning-text/#options-example-default) for details.
+See [options table](https://design-system.service.gov.uk/components/warning-text/#options-warning-text-example) for details.

data/node_modules/govuk-frontend/govuk/components/warning-text/_warning-text.scss

@@ -5,9 +5,6 @@
 @include govuk-exports("govuk/component/warning-text") {
 
   .govuk-warning-text {
-    @include govuk-font($size: 19);
-    @include govuk-text-colour;
-
     position: relative;
     @include govuk-responsive-margin(6, "bottom");
     padding: govuk-spacing(2) 0;
@@ -23,13 +20,15 @@
     display: inline-block;
 
     position: absolute;
-    top: 50%;
     left: 0;
 
-    min-width: 32px;
+    min-width: 29px;
     min-height: 29px;
-    margin-top: -20px; // Half the height of the circle (adjusted for NTA)
-    padding-top: 3px;
+    margin-top: -7px;
+
+    @include govuk-media-query($from: tablet) {
+      margin-top: -5px;
+    }
 
     // When a user customises their colours the background colour will often be removed.
     // Adding a border to the component keeps it's shape as a circle.
@@ -39,7 +38,7 @@
     color: govuk-colour("white");
     background: govuk-colour("black");
 
-    font-size: 1.6em;
+    font-size: 30px;
     line-height: 29px;
 
     text-align: center;
@@ -53,7 +52,9 @@
   }
 
   .govuk-warning-text__text {
+    @include govuk-font($size: 19, $weight: bold);
+    @include govuk-text-colour;
     display: block;
-    padding-left: 50px;
+    padding-left: 45px;
   }
 }

data/node_modules/govuk-frontend/govuk/objects/_width-container.scss

@@ -2,9 +2,27 @@
 @import "../tools/all";
 @import "../helpers/all";
 
-@mixin govuk-width-container {
-  // Limit the width of the container to the page width
-  max-width: $govuk-page-width;
+////
+/// @group objects
+////
+
+/// Width container mixin
+///
+/// Used to create page width and custom width container classes.
+///
+/// @param {String} $width [$govuk-page-width] - Width in pixels
+///
+/// @example scss - Creating a 1200px wide container class
+///  .app-width-container--wide {
+///    @include govuk-width-container(1200px);
+///  }
+///
+/// @access public
+
+@mixin govuk-width-container($width: $govuk-page-width) {
+
+  // By default, limit the width of the container to the page width
+  max-width: $width;
 
   // On mobile, add half width gutters
   margin: 0 $govuk-gutter-half;
@@ -38,7 +56,7 @@
 
   // As soon as the viewport is greater than the width of the page plus the
   // gutters, just centre the content instead of adding gutters.
-  @include govuk-media-query($and: "(min-width: #{($govuk-page-width + $govuk-gutter * 2)})") {
+  @include govuk-media-query($and: "(min-width: #{($width + $govuk-gutter * 2)})") {
     margin: 0 auto;
 
     // Since a safe area may have previously been set above,
@@ -49,7 +67,7 @@
   }
 
   @include govuk-if-ie8 {
-    width: $govuk-page-width;
+    width: $width;
     // Since media queries are not supported in IE8,
     // we need to duplicate this margin that centers the page.
     margin: 0 auto;

data/node_modules/govuk-frontend/govuk/overrides/_display.scss

@@ -15,4 +15,8 @@
   .govuk-\!-display-block {
     display: block !important;
   }
+
+  .govuk-\!-display-none {
+    display: none !important;
+  }
 }

data/node_modules/govuk-frontend/govuk/settings/_colours-palette.scss

@@ -70,7 +70,7 @@ $_govuk-colour-palette-modern: (
   "purple": #4c2c92,
 
   "black": #0b0c0c,
-  "dark-grey": #6f777b,
+  "dark-grey": #626a6e,
   "mid-grey": #b1b4b6,
   "light-grey": #f3f2f1,
   "white": #ffffff,

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

@@ -7,7 +7,7 @@
 <html lang="{{ htmlLang | default('en') }}" class="govuk-template {{ htmlClasses }}">
   <head>
     <meta charset="utf-8" />
-    <title>{% block pageTitle %}GOV.UK - The best place to find government services and information{% endblock %}</title>
+    <title{% if pageTitleLang %} lang="{{ pageTitleLang }}"{% endif %}>{% block pageTitle %}GOV.UK - The best place to find government services and information{% endblock %}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
     <meta name="theme-color" content="{{ themeColor | default('#0b0c0c') }}" /> {# Hardcoded value of $govuk-black #}
     {# Ensure that older IE versions always render with the correct rendering engine #}
@@ -27,7 +27,7 @@
     {# image url needs to be absolute e.g. http://wwww.domain.com/.../govuk-opengraph-image.png #}
     <meta property="og:image" content="{{ assetUrl | default('/assets') }}/images/govuk-opengraph-image.png">
   </head>
-  <body class="govuk-template__body {{ bodyClasses }}">
+  <body class="govuk-template__body {{ bodyClasses }}" {%- for attribute, value in bodyAttributes %} {{attribute}}="{{value}}"{% endfor %}>
     <script>document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script>
     {% block bodyStart %}{% endblock %}
 
@@ -43,9 +43,9 @@
     {% endblock %}
 
     {% block main %}
-      <div class="govuk-width-container">
+      <div class="govuk-width-container {{ containerClasses }}">
         {% block beforeContent %}{% endblock %}
-        <main class="govuk-main-wrapper {{ mainClasses }}" id="main-content" role="main">
+        <main class="govuk-main-wrapper {{ mainClasses }}" id="main-content" role="main"{% if mainLang %} lang="{{ mainLang }}"{% endif %}>
           {% block content %}{% endblock %}
         </main>
       </div>

data/node_modules/govuk-frontend/package.json

@@ -2,26 +2,26 @@
   "_args": [
     [
       {
-        "raw": "govuk-frontend@3.2.0",
+        "raw": "govuk-frontend@3.4.0",
         "scope": null,
         "escapedName": "govuk-frontend",
         "name": "govuk-frontend",
-        "rawSpec": "3.2.0",
-        "spec": "3.2.0",
+        "rawSpec": "3.4.0",
+        "spec": "3.4.0",
         "type": "version"
       },
       "/var/lib/jenkins/workspace/ublishing_components_master-N4FWJIUY4CIFHKGZOAAEVVXODRY3YBORQOPIBBXWX72VUPSGJRRQ"
     ]
   ],
-  "_from": "govuk-frontend@3.2.0",
+  "_from": "govuk-frontend@3.4.0",
   "_hasShrinkwrap": false,
-  "_id": "govuk-frontend@3.2.0",
+  "_id": "govuk-frontend@3.4.0",
   "_inCache": true,
   "_location": "/govuk-frontend",
   "_nodeVersion": "10.15.1",
   "_npmOperationalInternal": {
     "host": "s3://npm-registry-packages",
-    "tmp": "tmp/govuk-frontend_3.2.0_1568198961302_0.8446682726447414"
+    "tmp": "tmp/govuk-frontend_3.4.0_1574162407134_0.4897900579083776"
   },
   "_npmUser": {
     "name": "govuk-patterns-and-tools",
@@ -30,21 +30,21 @@
   "_npmVersion": "6.4.1",
   "_phantomChildren": {},
   "_requested": {
-    "raw": "govuk-frontend@3.2.0",
+    "raw": "govuk-frontend@3.4.0",
     "scope": null,
     "escapedName": "govuk-frontend",
     "name": "govuk-frontend",
-    "rawSpec": "3.2.0",
-    "spec": "3.2.0",
+    "rawSpec": "3.4.0",
+    "spec": "3.4.0",
     "type": "version"
   },
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.2.0.tgz",
-  "_shasum": "0f935bee092929455bf7ed08bba40ab07ea72769",
+  "_resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.4.0.tgz",
+  "_shasum": "f6694245fbec2dd476d8e161c36be2a4ea785ce3",
   "_shrinkwrap": null,
-  "_spec": "govuk-frontend@3.2.0",
+  "_spec": "govuk-frontend@3.4.0",
   "_where": "/var/lib/jenkins/workspace/ublishing_components_master-N4FWJIUY4CIFHKGZOAAEVVXODRY3YBORQOPIBBXWX72VUPSGJRRQ",
   "author": {
     "name": "GOV.UK Design System Team",
@@ -59,12 +59,12 @@
   "devDependencies": {},
   "directories": {},
   "dist": {
-    "integrity": "sha512-OtJozAGMEKFu195fNVVrQHUX7+znCkA4cXDKs4lgFlRQOTzN1ogT9010GBARuoTwbeL0VqQ8nerZYjVxH/wafA==",
-    "shasum": "0f935bee092929455bf7ed08bba40ab07ea72769",
-    "tarball": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.2.0.tgz",
+    "integrity": "sha512-rmYPtcCtWgz92QBejYwOnfSxbPGYfvSruLwB4CBk/yJtySHRY0whG1e2/iFRRSj0pMx1Bu+zh/IqCTo+84hbFw==",
+    "shasum": "f6694245fbec2dd476d8e161c36be2a4ea785ce3",
+    "tarball": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.4.0.tgz",
     "fileCount": 247,
-    "unpackedSize": 1024849,
-    "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdeNEyCRA9TVsSAnZWagAAvgEP/1HO7jFF0rLInQ94X27S\nRAfPVJBV5YE6jlwZfTU7SEXph6KTVCP5WSW9MI1gunkU0EX2KnxT9Pn4Q5/L\nzs9+8dy/R5ejDQKi1ftwaO7MwGOnrOC81TSKPiOL0c3hib3ipfyD5Fqozh/k\nxtHvmQYJ8CwcVE7EK8GbFo9/Qe8MWulQtcd4hsNe+umdd+SyY7I67ysYvV2k\nFD+P5gvwqpPWEyEJ00TjG3YjJAXzE7zcqT6HNVIz3XwC2FH8mmKHatX+n8Mp\nWj/76If933/nG2VvO11uma+T6/buFie/MljkziM2fduc5IUxE/hl1qJegtrq\naWZzAjVU/H+ysrrWfF5rSPTQx866iQUzKd1IQ4Cm68Ativd21JFhEtnJYNhn\n43PF9virumnJoQWCXktOWFpH6/WuPsd2btnLlT3RBRM7Lb5MIsAtloLmE00b\n1qYgaXqnoP41N1HAC/jhXTN9qh33zI4NHX+sJUbjbQLXShQs8V6dq1QoVj2l\nN3MtS8rvIpwaG8Iy2jmy/84dGNh+WguSDv5RipLomWSAY+dGY8Cw4NNpldLm\nG4AUL9bnORIL4tj3zoHoRURI8COe+kDgG5hqpLv44LOFMM8sOrBxEUKqKd4T\nYpEHZ+CFF3bFZOH/80WhKOjy+XJCQIGtL/Lmge2yKNB88rqD66LGweCfjxbt\nXApr\r\n=T15p\r\n-----END PGP SIGNATURE-----\r\n"
+    "unpackedSize": 1026035,
+    "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd08/nCRA9TVsSAnZWagAA5mMP/i7X9v6HlLJFyBMcd7cC\nXy/CJT8iaevXeyOgV/2OqtjUeu7r05CVGvUfsTx2Z4lvrpbwfiODnogGdK1T\n0DMpYytrDsTmio1A//jryjpeAvjtZKaq+CE8oy3zvtzIfGnOa2UEIWvwNbvz\nmo+aKJy+L19j+y1O3187Cyy6GJZJ7/AQxzDt+E/gWDroZH9I4KJ/ayR63thC\n4VPObAz/37X0/lhRtJzKKcWY2HMwOJV6BSncZu5vCf66De31T+1JO6TciZwl\nDfpgVPl853XmI4e0tsvrxWfQVUZVW4rRPu6o6SP50obrQkWFbbxMUVFqqrfD\np5I2WFvBkUakxFJQaslPNrhGXFumDNF8Sti8R0+IboslhTIiY3FsJHAZMjXW\nZnfq3VbX1EHFE3JLc8TNgchlKCg/K8V02Nweq4kp6dAZ+7IhdtFKyEnGlSBd\nZqcExaJFluZFcngnzQSk6J/clJXi1fjS54GDGWfTkQP3kEBCNK5OiuLe7a2e\nCk5sNyIwv+vcKXma94CEP7bW7eTeL2nbLNUqQsTLQapodwxeB0J8KRwllnm/\nDkJncvRPSW8p1I71czvH8yc1ul2VoZtF5kW0mRAdAkFVQLP02IqEqOSeN9K+\nEyivhhPla6fzW1xt25WCr4+qi5NzrPzyoQHn1MYW9Jdxo6RP0q7EQmWKnAi5\nNJOq\r\n=c6pS\r\n-----END PGP SIGNATURE-----\r\n"
   },
   "engines": {
     "node": ">= 4.2.0"
@@ -92,5 +92,5 @@
     "url": "git+https://github.com/alphagov/govuk-frontend.git"
   },
   "sass": "govuk/all.scss",
-  "version": "3.2.0"
+  "version": "3.4.0"
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 21.12.0
+  version: 21.13.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-11-19 00:00:00.000000000 Z
+date: 2019-11-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: gds-api-adapters