Release v4.3.0

[querkmachine]

New features

Customise the Open Graph image URL without duplicate meta tags

You can now customise the Open Graph image URL included in the head by setting the opengraphImageUrl Nunjucks option.

Also, the default Open Graph image URL meta tag will now only be included if you set the either opengraphImageUrl or assetUrl.

This was added in pull request #2673: Allow Open Graph image URL to be customised.

Localise the content licence and copyright statements

When using the footer Nunjucks macro, you can now translate the text of the Open Government Licence (OGL) and Crown copyright statements using the contentLicence and copyright parameters.

Visit The National Archives' documentation on OGL and Crown copyright for information on what you need to include in these statements.

This was added in pull request #2702: Allow localisation of content licence and copyright notices in Footer.

Pass HTML directly into compatible components

If using the Nunjucks macros, you can now pass HTML content directly into compatible components using the Nunjucks call syntax. If HTML is provided through the call syntax, the nunjucks macro will ignore the HTML and text options.

Components updated to support this syntax are:

• Details
• Error summary (mapped to descriptionHtml parameter)
• Inset text
• Notification banner
• Panel

This was added in pull request #2734: Update various components to be callable.

Use new override classes to apply static spacing

You can now use static spacing override classes to apply spacing from the static spacing scale to elements of your design.

The new classes start with: govuk-!-static- followed by either margin- or padding-, and then a spacing unit number.

To apply spacing in a single direction, include left-, right-, top-, or bottom- just before the spacing unit.

For example:

• govuk-!-static-margin-9 will apply a 60px margin to all sides of the element at all screen sizes
• govuk-!-static-padding-right-5 will apply 25px of padding to the right side of the element at all screen sizes
• govuk-!-static-margin-0 will remove all margins at all screen sizes

This was added in pull request #2672: Add static spacing override classes. Thanks to Patrick Cartlidge for this contribution.

Deprecated features

Remove deprecated govuk-header__navigation--no-service-name class in the header

We've deprecated the govuk-header__navigation--no-service-name class, and will remove it in a future major release.

This was added in pull request #2694: Deprecate .govuk-header__navigation--no-service-name.

Recommended changes

We've recently made some non-breaking changes to GOV.UK Frontend. Implementing these changes will make your service work better.

Add hidden to the mobile menu button in the header component

If you're not using the Nunjucks macros, add the hidden attribute to the mobile menu button in the header component. The mobile menu button is govuk-header__menu-button.

We've changed the header's mobile menu functionality to use the hidden attribute instead of using CSS to show/hide the mobile menu. Adding hidden to the mobile menu button by default will make sure that it does not display for users when javascript does not load.

This was added in pull request 2727: Make use of hidden in header navigation functionality.

Fixes

In pull request 2678: Replace ex units with ems for input lengths, we changed how we define input lengths in our CSS. Browsers might now display these inputs as being slightly wider than before. The difference is usually fewer than 3 pixels.

We’ve also made fixes in the following pull requests:

• #2668: Fix Summary List action link alignment
• #2670: Define minimum width for select component
• #2723: Style accordion and tabs text content with govuk-body class
• #2724: Remove redundant aria-hidden attribute from the content when using the Details polyfill
• #2725: Remove padding-right from last column in summary list row
• #2737: Avoid unnecessary spacing-related media queries

[github-actions]

Changes to dist

diff --git a/dist/VERSION.txt b/dist/VERSION.txt
index faf7d54e..68d67025 100644
--- a/dist/VERSION.txt
+++ b/dist/VERSION.txt
@@ -1 +1 @@
-4.2.0
+4.3.0
diff --git a/dist/govuk-frontend-4.2.0.min.css b/dist/govuk-frontend-4.3.0.min.css
similarity index 18%
rename from dist/govuk-frontend-4.2.0.min.css
rename to dist/govuk-frontend-4.3.0.min.css
index 6e02e937..8f211395 100644
--- a/dist/govuk-frontend-4.2.0.min.css
+++ b/dist/govuk-frontend-4.3.0.min.css
@@ -1204,8 +1204,7 @@
 
 @media (min-width:40.0625em) {
     .js-enabled .govuk-accordion__section-content {
-        padding-bottom: 50px;
-        padding-top: 15px
+        padding-bottom: 50px
     }
 }
 
@@ -2847,6 +2846,10 @@ screen and (forced-colors:active) {
     }
 }
 
+.govuk-summary-list__row:not(.govuk-summary-list__row--no-actions)>:last-child {
+    padding-right: 0
+}
+
 @media (min-width:40.0625em) {
     .govuk-summary-list__row--no-actions:after {
         content: "";
@@ -2923,19 +2926,41 @@ screen and (forced-colors:active) {
 }
 
 .govuk-summary-list__actions-list-item {
-    display: inline;
-    margin-right: 10px;
-    padding-right: 10px
+    display: inline-block
 }
 
-.govuk-summary-list__actions-list-item:not(:last-child) {
-    border-right: 1px solid #b1b4b6
+@media (max-width:40.0525em) {
+    .govuk-summary-list__actions-list-item {
+        margin-right: 10px;
+        padding-right: 10px
+    }
+
+    .govuk-summary-list__actions-list-item:not(:last-child) {
+        border-right: 1px solid #b1b4b6
+    }
+
+    .govuk-summary-list__actions-list-item:last-child {
+        margin-right: 0;
+        padding-right: 0;
+        border: 0
+    }
 }
 
-.govuk-summary-list__actions-list-item:last-child {
-    margin-right: 0;
-    padding-right: 0;
-    border: 0
+@media (min-width:40.0625em) {
+    .govuk-summary-list__actions-list-item {
+        margin-left: 10px;
+        padding-left: 10px
+    }
+
+    .govuk-summary-list__actions-list-item:not(:first-child) {
+        border-left: 1px solid #b1b4b6
+    }
+
+    .govuk-summary-list__actions-list-item:first-child {
+        margin-left: 0;
+        padding-left: 0;
+        border: 0
+    }
 }
 
 .govuk-summary-list--no-border .govuk-summary-list__row {
@@ -3030,31 +3055,31 @@ screen and (forced-colors:active) {
 }
 
 .govuk-input--width-30 {
-    max-width: 59ex
+    max-width: 29.5em
 }
 
 .govuk-input--width-20 {
-    max-width: 41ex
+    max-width: 20.5em
 }
 
 .govuk-input--width-10 {
-    max-width: 23ex
+    max-width: 11.5em
 }
 
 .govuk-input--width-5 {
-    max-width: 10.8ex
+    max-width: 5.5em
 }
 
 .govuk-input--width-4 {
-    max-width: 9ex
+    max-width: 4.5em
 }
 
 .govuk-input--width-3 {
-    max-width: 7.2ex
+    max-width: 3.75em
 }
 
 .govuk-input--width-2 {
-    max-width: 5.4ex
+    max-width: 2.75em
 }
 
 .govuk-input__wrapper {
@@ -4025,12 +4050,6 @@ only screen and (min-resolution:192dpi) {
     padding-right: 50px
 }
 
-@media (min-width:40.0625em) {
-    .govuk-header__logo {
-        margin-bottom: 10px
-    }
-}
-
 @media (min-width:48.0625em) {
     .govuk-header__logo {
         width: 33.33%;
@@ -4117,13 +4136,7 @@ only screen and (min-resolution:192dpi) {
     margin-left: 5px
 }
 
-@media (min-width:40.0625em) {
-    .govuk-header__menu-button {
-        top: 15px
-    }
-}
-
-.govuk-header__menu-button--open:after {
+.govuk-header__menu-button[aria-expanded=true]:after {
     display: inline-block;
     width: 0;
     height: 0;
@@ -4135,40 +4148,35 @@ only screen and (min-resolution:192dpi) {
     border-bottom-color: inherit
 }
 
-@media (min-width:48.0625em) {
-    .govuk-header__navigation {
-        margin-bottom: 10px
+@media (min-width:40.0625em) {
+    .govuk-header__menu-button {
+        top: 15px
     }
 }
 
-.govuk-header__navigation-list {
-    margin: 0;
-    padding: 0;
-    list-style: none
-}
-
 .js-enabled .govuk-header__menu-button {
     display: block
 }
 
-@media (min-width:48.0625em) {
-    .js-enabled .govuk-header__menu-button {
-        display: none
-    }
-}
-
-.js-enabled .govuk-header__navigation-list {
+.govuk-header__menu-button[hidden],
+.js-enabled .govuk-header__menu-button[hidden] {
     display: none
 }
 
 @media (min-width:48.0625em) {
-    .js-enabled .govuk-header__navigation-list {
-        display: block
+    .govuk-header__navigation {
+        margin-bottom: 10px
     }
 }
 
-.js-enabled .govuk-header__navigation-list--open {
-    display: block
+.govuk-header__navigation-list {
+    margin: 0;
+    padding: 0;
+    list-style: none
+}
+
+.govuk-header__navigation-list[hidden] {
+    display: none
 }
 
 @media (min-width:48.0625em) {
@@ -5080,7 +5088,6 @@ only screen and (min-resolution:192dpi) {
 
 @media (min-width:40.0625em) {
     .govuk-tabs {
-        margin-top: 5px;
         margin-bottom: 30px
     }
 }
@@ -5323,15 +5330,7 @@ only screen and (min-resolution:192dpi) {
         border: 1px solid #b1b4b6;
         border-top: 0
     }
-}
-
-@media (min-width:40.0625em) and (min-width:40.0625em) {
-    .js-enabled .govuk-tabs__panel {
-        margin-bottom: 0
-    }
-}
 
-@media (min-width:40.0625em) {
     .js-enabled .govuk-tabs__panel>:last-child {
         margin-bottom: 0
     }
@@ -5621,6 +5620,7 @@ screen and (forced-colors:active) {
     font-size: 1rem;
     line-height: 1.25;
     box-sizing: border-box;
+    min-width: 11.5em;
     max-width: 100%;
     height: 40px;
     height: 2.5rem;
@@ -6164,202 +6164,82 @@ screen and (forced-colors:active) {
     margin: 0 !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-0 {
-        margin: 0 !important
-    }
-}
-
 .govuk-\!-margin-top-0 {
     margin-top: 0 !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-top-0 {
-        margin-top: 0 !important
-    }
-}
-
 .govuk-\!-margin-right-0 {
     margin-right: 0 !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-right-0 {
-        margin-right: 0 !important
-    }
-}
-
 .govuk-\!-margin-bottom-0 {
     margin-bottom: 0 !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-bottom-0 {
-        margin-bottom: 0 !important
-    }
-}
-
 .govuk-\!-margin-left-0 {
     margin-left: 0 !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-left-0 {
-        margin-left: 0 !important
-    }
-}
-
 .govuk-\!-margin-1 {
     margin: 5px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-1 {
-        margin: 5px !important
-    }
-}
-
 .govuk-\!-margin-top-1 {
     margin-top: 5px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-top-1 {
-        margin-top: 5px !important
-    }
-}
-
 .govuk-\!-margin-right-1 {
     margin-right: 5px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-right-1 {
-        margin-right: 5px !important
-    }
-}
-
 .govuk-\!-margin-bottom-1 {
     margin-bottom: 5px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-bottom-1 {
-        margin-bottom: 5px !important
-    }
-}
-
 .govuk-\!-margin-left-1 {
     margin-left: 5px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-left-1 {
-        margin-left: 5px !important
-    }
-}
-
 .govuk-\!-margin-2 {
     margin: 10px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-2 {
-        margin: 10px !important
-    }
-}
-
 .govuk-\!-margin-top-2 {
     margin-top: 10px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-top-2 {
-        margin-top: 10px !important
-    }
-}
-
 .govuk-\!-margin-right-2 {
     margin-right: 10px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-right-2 {
-        margin-right: 10px !important
-    }
-}
-
 .govuk-\!-margin-bottom-2 {
     margin-bottom: 10px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-bottom-2 {
-        margin-bottom: 10px !important
-    }
-}
-
 .govuk-\!-margin-left-2 {
     margin-left: 10px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-left-2 {
-        margin-left: 10px !important
-    }
-}
-
 .govuk-\!-margin-3 {
     margin: 15px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-3 {
-        margin: 15px !important
-    }
-}
-
 .govuk-\!-margin-top-3 {
     margin-top: 15px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-top-3 {
-        margin-top: 15px !important
-    }
-}
-
 .govuk-\!-margin-right-3 {
     margin-right: 15px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-right-3 {
-        margin-right: 15px !important
-    }
-}
-
 .govuk-\!-margin-bottom-3 {
     margin-bottom: 15px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-bottom-3 {
-        margin-bottom: 15px !important
-    }
-}
-
 .govuk-\!-margin-left-3 {
     margin-left: 15px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-margin-left-3 {
-        margin-left: 15px !important
-    }
-}
-
 .govuk-\!-margin-4 {
     margin: 15px !important
 }
@@ -6664,202 +6544,82 @@ screen and (forced-colors:active) {
     padding: 0 !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-0 {
-        padding: 0 !important
-    }
-}
-
 .govuk-\!-padding-top-0 {
     padding-top: 0 !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-top-0 {
-        padding-top: 0 !important
-    }
-}
-
 .govuk-\!-padding-right-0 {
     padding-right: 0 !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-right-0 {
-        padding-right: 0 !important
-    }
-}
-
 .govuk-\!-padding-bottom-0 {
     padding-bottom: 0 !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-bottom-0 {
-        padding-bottom: 0 !important
-    }
-}
-
 .govuk-\!-padding-left-0 {
     padding-left: 0 !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-left-0 {
-        padding-left: 0 !important
-    }
-}
-
 .govuk-\!-padding-1 {
     padding: 5px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-1 {
-        padding: 5px !important
-    }
-}
-
 .govuk-\!-padding-top-1 {
     padding-top: 5px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-top-1 {
-        padding-top: 5px !important
-    }
-}
-
 .govuk-\!-padding-right-1 {
     padding-right: 5px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-right-1 {
-        padding-right: 5px !important
-    }
-}
-
 .govuk-\!-padding-bottom-1 {
     padding-bottom: 5px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-bottom-1 {
-        padding-bottom: 5px !important
-    }
-}
-
 .govuk-\!-padding-left-1 {
     padding-left: 5px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-left-1 {
-        padding-left: 5px !important
-    }
-}
-
 .govuk-\!-padding-2 {
     padding: 10px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-2 {
-        padding: 10px !important
-    }
-}
-
 .govuk-\!-padding-top-2 {
     padding-top: 10px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-top-2 {
-        padding-top: 10px !important
-    }
-}
-
 .govuk-\!-padding-right-2 {
     padding-right: 10px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-right-2 {
-        padding-right: 10px !important
-    }
-}
-
 .govuk-\!-padding-bottom-2 {
     padding-bottom: 10px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-bottom-2 {
-        padding-bottom: 10px !important
-    }
-}
-
 .govuk-\!-padding-left-2 {
     padding-left: 10px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-left-2 {
-        padding-left: 10px !important
-    }
-}
-
 .govuk-\!-padding-3 {
     padding: 15px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-3 {
-        padding: 15px !important
-    }
-}
-
 .govuk-\!-padding-top-3 {
     padding-top: 15px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-top-3 {
-        padding-top: 15px !important
-    }
-}
-
 .govuk-\!-padding-right-3 {
     padding-right: 15px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-right-3 {
-        padding-right: 15px !important
-    }
-}
-
 .govuk-\!-padding-bottom-3 {
     padding-bottom: 15px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-bottom-3 {
-        padding-bottom: 15px !important
-    }
-}
-
 .govuk-\!-padding-left-3 {
     padding-left: 15px !important
 }
 
-@media (min-width:40.0625em) {
-    .govuk-\!-padding-left-3 {
-        padding-left: 15px !important
-    }
-}
-
 .govuk-\!-padding-4 {
     padding: 15px !important
 }
@@ -7160,6 +6920,406 @@ screen and (forced-colors:active) {
     }
 }
 
+.govuk-\!-margin-static-0 {
+    margin: 0 !important
+}
+
+.govuk-\!-margin-top-static-0 {
+    margin-top: 0 !important
+}
+
+.govuk-\!-margin-right-static-0 {
+    margin-right: 0 !important
+}
+
+.govuk-\!-margin-bottom-static-0 {
+    margin-bottom: 0 !important
+}
+
+.govuk-\!-margin-left-static-0 {
+    margin-left: 0 !important
+}
+
+.govuk-\!-margin-static-1 {
+    margin: 5px !important
+}
+
+.govuk-\!-margin-top-static-1 {
+    margin-top: 5px !important
+}
+
+.govuk-\!-margin-right-static-1 {
+    margin-right: 5px !important
+}
+
+.govuk-\!-margin-bottom-static-1 {
+    margin-bottom: 5px !important
+}
+
+.govuk-\!-margin-left-static-1 {
+    margin-left: 5px !important
+}
+
+.govuk-\!-margin-static-2 {
+    margin: 10px !important
+}
+
+.govuk-\!-margin-top-static-2 {
+    margin-top: 10px !important
+}
+
+.govuk-\!-margin-right-static-2 {
+    margin-right: 10px !important
+}
+
+.govuk-\!-margin-bottom-static-2 {
+    margin-bottom: 10px !important
+}
+
+.govuk-\!-margin-left-static-2 {
+    margin-left: 10px !important
+}
+
+.govuk-\!-margin-static-3 {
+    margin: 15px !important
+}
+
+.govuk-\!-margin-top-static-3 {
+    margin-top: 15px !important
+}
+
+.govuk-\!-margin-right-static-3 {
+    margin-right: 15px !important
+}
+
+.govuk-\!-margin-bottom-static-3 {
+    margin-bottom: 15px !important
+}
+
+.govuk-\!-margin-left-static-3 {
+    margin-left: 15px !important
+}
+
+.govuk-\!-margin-static-4 {
+    margin: 20px !important
+}
+
+.govuk-\!-margin-top-static-4 {
+    margin-top: 20px !important
+}
+
+.govuk-\!-margin-right-static-4 {
+    margin-right: 20px !important
+}
+
+.govuk-\!-margin-bottom-static-4 {
+    margin-bottom: 20px !important
+}
+
+.govuk-\!-margin-left-static-4 {
+    margin-left: 20px !important
+}
+
+.govuk-\!-margin-static-5 {
+    margin: 25px !important
+}
+
+.govuk-\!-margin-top-static-5 {
+    margin-top: 25px !important
+}
+
+.govuk-\!-margin-right-static-5 {
+    margin-right: 25px !important
+}
+
+.govuk-\!-margin-bottom-static-5 {
+    margin-bottom: 25px !important
+}
+
+.govuk-\!-margin-left-static-5 {
+    margin-left: 25px !important
+}
+
+.govuk-\!-margin-static-6 {
+    margin: 30px !important
+}
+
+.govuk-\!-margin-top-static-6 {
+    margin-top: 30px !important
+}
+
+.govuk-\!-margin-right-static-6 {
+    margin-right: 30px !important
+}
+
+.govuk-\!-margin-bottom-static-6 {
+    margin-bottom: 30px !important
+}
+
+.govuk-\!-margin-left-static-6 {
+    margin-left: 30px !important
+}
+
+.govuk-\!-margin-static-7 {
+    margin: 40px !important
+}
+
+.govuk-\!-margin-top-static-7 {
+    margin-top: 40px !important
+}
+
+.govuk-\!-margin-right-static-7 {
+    margin-right: 40px !important
+}
+
+.govuk-\!-margin-bottom-static-7 {
+    margin-bottom: 40px !important
+}
+
+.govuk-\!-margin-left-static-7 {
+    margin-left: 40px !important
+}
+
+.govuk-\!-margin-static-8 {
+    margin: 50px !important
+}
+
+.govuk-\!-margin-top-static-8 {
+    margin-top: 50px !important
+}
+
+.govuk-\!-margin-right-static-8 {
+    margin-right: 50px !important
+}
+
+.govuk-\!-margin-bottom-static-8 {
+    margin-bottom: 50px !important
+}
+
+.govuk-\!-margin-left-static-8 {
+    margin-left: 50px !important
+}
+
+.govuk-\!-margin-static-9 {
+    margin: 60px !important
+}
+
+.govuk-\!-margin-top-static-9 {
+    margin-top: 60px !important
+}
+
+.govuk-\!-margin-right-static-9 {
+    margin-right: 60px !important
+}
+
+.govuk-\!-margin-bottom-static-9 {
+    margin-bottom: 60px !important
+}
+
+.govuk-\!-margin-left-static-9 {
+    margin-left: 60px !important
+}
+
+.govuk-\!-padding-static-0 {
+    padding: 0 !important
+}
+
+.govuk-\!-padding-top-static-0 {
+    padding-top: 0 !important
+}
+
+.govuk-\!-padding-right-static-0 {
+    padding-right: 0 !important
+}
+
+.govuk-\!-padding-bottom-static-0 {
+    padding-bottom: 0 !important
+}
+
+.govuk-\!-padding-left-static-0 {
+    padding-left: 0 !important
+}
+
+.govuk-\!-padding-static-1 {
+    padding: 5px !important
+}
+
+.govuk-\!-padding-top-static-1 {
+    padding-top: 5px !important
+}
+
+.govuk-\!-padding-right-static-1 {
+    padding-right: 5px !important
+}
+
+.govuk-\!-padding-bottom-static-1 {
+    padding-bottom: 5px !important
+}
+
+.govuk-\!-padding-left-static-1 {
+    padding-left: 5px !important
+}
+
+.govuk-\!-padding-static-2 {
+    padding: 10px !important
+}
+
+.govuk-\!-padding-top-static-2 {
+    padding-top: 10px !important
+}
+
+.govuk-\!-padding-right-static-2 {
+    padding-right: 10px !important
+}
+
+.govuk-\!-padding-bottom-static-2 {
+    padding-bottom: 10px !important
+}
+
+.govuk-\!-padding-left-static-2 {
+    padding-left: 10px !important
+}
+
+.govuk-\!-padding-static-3 {
+    padding: 15px !important
+}
+
+.govuk-\!-padding-top-static-3 {
+    padding-top: 15px !important
+}
+
+.govuk-\!-padding-right-static-3 {
+    padding-right: 15px !important
+}
+
+.govuk-\!-padding-bottom-static-3 {
+    padding-bottom: 15px !important
+}
+
+.govuk-\!-padding-left-static-3 {
+    padding-left: 15px !important
+}
+
+.govuk-\!-padding-static-4 {
+    padding: 20px !important
+}
+
+.govuk-\!-padding-top-static-4 {
+    padding-top: 20px !important
+}
+
+.govuk-\!-padding-right-static-4 {
+    padding-right: 20px !important
+}
+
+.govuk-\!-padding-bottom-static-4 {
+    padding-bottom: 20px !important
+}
+
+.govuk-\!-padding-left-static-4 {
+    padding-left: 20px !important
+}
+
+.govuk-\!-padding-static-5 {
+    padding: 25px !important
+}
+
+.govuk-\!-padding-top-static-5 {
+    padding-top: 25px !important
+}
+
+.govuk-\!-padding-right-static-5 {
+    padding-right: 25px !important
+}
+
+.govuk-\!-padding-bottom-static-5 {
+    padding-bottom: 25px !important
+}
+
+.govuk-\!-padding-left-static-5 {
+    padding-left: 25px !important
+}
+
+.govuk-\!-padding-static-6 {
+    padding: 30px !important
+}
+
+.govuk-\!-padding-top-static-6 {
+    padding-top: 30px !important
+}
+
+.govuk-\!-padding-right-static-6 {
+    padding-right: 30px !important
+}
+
+.govuk-\!-padding-bottom-static-6 {
+    padding-bottom: 30px !important
+}
+
+.govuk-\!-padding-left-static-6 {
+    padding-left: 30px !important
+}
+
+.govuk-\!-padding-static-7 {
+    padding: 40px !important
+}
+
+.govuk-\!-padding-top-static-7 {
+    padding-top: 40px !important
+}
+
+.govuk-\!-padding-right-static-7 {
+    padding-right: 40px !important
+}
+
+.govuk-\!-padding-bottom-static-7 {
+    padding-bottom: 40px !important
+}
+
+.govuk-\!-padding-left-static-7 {
+    padding-left: 40px !important
+}
+
+.govuk-\!-padding-static-8 {
+    padding: 50px !important
+}
+
+.govuk-\!-padding-top-static-8 {
+    padding-top: 50px !important
+}
+
+.govuk-\!-padding-right-static-8 {
+    padding-right: 50px !important
+}
+
+.govuk-\!-padding-bottom-static-8 {
+    padding-bottom: 50px !important
+}
+
+.govuk-\!-padding-left-static-8 {
+    padding-left: 50px !important
+}
+
+.govuk-\!-padding-static-9 {
+    padding: 60px !important
+}
+
+.govuk-\!-padding-top-static-9 {
+    padding-top: 60px !important
+}
+
+.govuk-\!-padding-right-static-9 {
+    padding-right: 60px !important
+}
+
+.govuk-\!-padding-bottom-static-9 {
+    padding-bottom: 60px !important
+}
+
+.govuk-\!-padding-left-static-9 {
+    padding-left: 60px !important
+}
+
 .govuk-\!-text-align-left {
     text-align: left !important
 }
diff --git a/dist/govuk-frontend-4.2.0.min.js b/dist/govuk-frontend-4.3.0.min.js
similarity index 50%
rename from dist/govuk-frontend-4.2.0.min.js
rename to dist/govuk-frontend-4.3.0.min.js
index dcc81064..d425a7b7 100644
--- a/dist/govuk-frontend-4.2.0.min.js
+++ b/dist/govuk-frontend-4.3.0.min.js
@@ -70,17 +70,17 @@
                     var d = s.slice,
                         h = s.concat,
                         p = s.push,
-                        f = Math.max,
-                        m = this;
-                    if (!n(m)) throw new TypeError("Function.prototype.bind called on incompatible " + m);
-                    for (var b, v = d.call(arguments, 1), g = f(0, m.length - v.length), y = [], w = 0; w < g; w++) p.call(y, "$" + w);
-                    return b = Function("binder", "return function (" + y.join(",") + "){ return binder.apply(this, arguments); }")(function() {
+                        m = Math.max,
+                        f = this;
+                    if (!n(f)) throw new TypeError("Function.prototype.bind called on incompatible " + f);
+                    for (var b, v = d.call(arguments, 1), y = m(0, f.length - v.length), g = [], w = 0; w < y; w++) p.call(g, "$" + w);
+                    return b = Function("binder", "return function (" + g.join(",") + "){ return binder.apply(this, arguments); }")(function() {
                         if (this instanceof b) {
-                            var t = m.apply(this, h.call(v, d.call(arguments)));
+                            var t = f.apply(this, h.call(v, d.call(arguments)));
                             return o(t) === t ? t : this
                         }
-                        return m.apply(e, h.call(v, d.call(arguments)))
-                    }), m.prototype && (r.prototype = m.prototype, b.prototype = new r, r.prototype = null), b
+                        return f.apply(e, h.call(v, d.call(arguments)))
+                    }), f.prototype && (r.prototype = f.prototype, b.prototype = new r, r.prototype = null), b
                 }
             })
         }.call("object" == typeof window && window || "object" == typeof self && self || "object" == typeof global && global || {}),
@@ -279,15 +279,15 @@
             var h = document.createElement("span"),
                 p = document.createElement("span");
             if (p.classList.add(this.upChevronIconClass), d.appendChild(p), h.classList.add(this.sectionShowHideTextClass), d.appendChild(h), s.appendChild(l), s.appendChild(this.getButtonPunctuationEl()), null != i) {
-                var f = document.createElement("span"),
-                    m = document.createElement("span");
-                m.classList.add(this.sectionSummaryFocusClass), f.appendChild(m);
+                var m = document.createElement("span"),
+                    f = document.createElement("span");
+                f.classList.add(this.sectionSummaryFocusClass), m.appendChild(f);
                 for (var b = 0, v = i.attributes.length; b < v; ++b) {
-                    var g = i.attributes.item(b).nodeName,
-                        y = i.attributes.item(b).nodeValue;
-                    f.setAttribute(g, y)
+                    var y = i.attributes.item(b).nodeName,
+                        g = i.attributes.item(b).nodeValue;
+                    m.setAttribute(y, g)
                 }
-                m.innerHTML = i.innerHTML, i.parentNode.replaceChild(f, i), s.appendChild(f), s.appendChild(this.getButtonPunctuationEl())
+                f.innerHTML = i.innerHTML, i.parentNode.replaceChild(m, i), s.appendChild(m), s.appendChild(this.getButtonPunctuationEl())
             }
             s.appendChild(u), o.removeChild(n), o.appendChild(s)
         }, n.prototype.onSectionToggle = function(t) {
@@ -492,7 +492,7 @@
     }
 
     function u(t) {
-        this.$module = t, this.$menuButton = t && t.querySelector(".govuk-js-header-toggle"), this.$menu = this.$menuButton && t.querySelector("#" + this.$menuButton.getAttribute("aria-controls"))
+        this.$module = t, this.$menuButton = t && t.querySelector(".govuk-js-header-toggle"), this.$menu = this.$menuButton && t.querySelector("#" + this.$menuButton.getAttribute("aria-controls")), this.menuIsOpen = !1, this.mql = null
     }
 
     function d(t) {
@@ -523,14 +523,9 @@
                     var e = (n + 16 * Math.random()) % 16 | 0;
                     return n = Math.floor(n / 16), ("x" === t ? e : 3 & e | 8).toString(16)
                 })
-            }()), t.setAttribute("role", "group"), e.setAttribute("role", "button"), e.setAttribute("aria-controls", n.id), !(e.tabIndex = 0) == (null !== t.getAttribute("open")) ? (e.setAttribute("aria-expanded", "true"), n.setAttribute("aria-hidden", "false")) : (e.setAttribute("aria-expanded", "false"), n.setAttribute("aria-hidden", "true"), n.style.display = "none"), this.polyfillHandleInputs(e, this.polyfillSetAttributes.bind(this)))
+            }()), t.setAttribute("role", "group"), e.setAttribute("role", "button"), e.setAttribute("aria-controls", n.id), e.tabIndex = 0, this.$module.hasAttribute("open") ? e.setAttribute("aria-expanded", "true") : (e.setAttribute("aria-expanded", "false"), n.style.display = "none"), this.polyfillHandleInputs(e, this.polyfillSetAttributes.bind(this)))
         }, i.prototype.polyfillSetAttributes = function() {
-            var t = this.$module,
-                e = this.$summary,
-                n = this.$content,
-                o = "true" === e.getAttribute("aria-expanded"),
-                i = "true" === n.getAttribute("aria-hidden");
-            return e.setAttribute("aria-expanded", o ? "false" : "true"), n.setAttribute("aria-hidden", i ? "false" : "true"), n.style.display = o ? "none" : "", null !== t.getAttribute("open") ? t.removeAttribute("open") : t.setAttribute("open", "open"), !0
+            return this.$module.hasAttribute("open") ? (this.$module.removeAttribute("open"), this.$summary.setAttribute("aria-expanded", "false"), this.$content.style.display = "none") : (this.$module.setAttribute("open", "open"), this.$summary.setAttribute("aria-expanded", "true"), this.$content.style.display = ""), !0
         }, i.prototype.polyfillHandleInputs = function(t, n) {
             t.addEventListener("keypress", function(t) {
                 var e = t.target;
@@ -687,12 +682,11 @@
                 t.removeAttribute("tabindex")
             })), t.focus())
         }, u.prototype.init = function() {
-            this.$module && this.$menuButton && this.$menu && (this.syncState(this.$menu.classList.contains("govuk-header__navigation-list--open")), this.$menuButton.addEventListener("click", this.handleMenuButtonClick.bind(this)))
-        }, u.prototype.syncState = function(t) {
-            this.$menuButton.classList.toggle("govuk-header__menu-button--open", t), this.$menuButton.setAttribute("aria-expanded", t)
+            this.$module && this.$menuButton && this.$menu && ("matchMedia" in window ? (this.mql = window.matchMedia("(min-width: 48.0625em)"), "addEventListener" in this.mql ? this.mql.addEventListener("change", this.syncState.bind(this)) : this.mql.addListener(this.syncState.bind(this)), this.syncState(), this.$menuButton.addEventListener("click", this.handleMenuButtonClick.bind(this))) : this.$menuButton.setAttribute("hidden", ""))
+        }, u.prototype.syncState = function() {
+            this.mql.matches ? (this.$menu.removeAttribute("hidden"), this.$menuButton.setAttribute("hidden", "")) : (this.$menuButton.removeAttribute("hidden"), this.$menuButton.setAttribute("aria-expanded", this.menuIsOpen), this.menuIsOpen ? this.$menu.removeAttribute("hidden") : this.$menu.setAttribute("hidden", ""))
         }, u.prototype.handleMenuButtonClick = function() {
-            var t = this.$menu.classList.toggle("govuk-header__navigation-list--open");
-            this.syncState(t)
+            this.menuIsOpen = !this.menuIsOpen, this.syncState()
         }, d.prototype.init = function() {
             var t = this.$module;
             s(this.$inputs, function(t) {
@@ -840,7 +834,7 @@
         }, p.prototype.getHref = function(t) {
             var e = t.getAttribute("href");
             return e.slice(e.indexOf("#"), e.length)
-        }, t.initAll = function f(t) {
+        }, t.initAll = function m(t) {
             var e = "undefined" != typeof(t = void 0 !== t ? t : {}).scope ? t.scope : document;
             s(e.querySelectorAll('[data-module="govuk-button"]'), function(t) {
                 new o(t).init()
diff --git a/dist/govuk-frontend-ie8-4.2.0.min.css b/dist/govuk-frontend-ie8-4.3.0.min.css
similarity index 38%
rename from dist/govuk-frontend-ie8-4.2.0.min.css
rename to dist/govuk-frontend-ie8-4.3.0.min.css
index 8bfbce9a..35860dd0 100644
--- a/dist/govuk-frontend-ie8-4.2.0.min.css
+++ b/dist/govuk-frontend-ie8-4.3.0.min.css
@@ -1656,6 +1656,10 @@
     display: table-row
 }
 
+    {
+    padding-right: 0
+}
+
 .govuk-summary-list__row--no-actions:after {
     content: "";
     display: table-cell;
@@ -1706,18 +1710,18 @@
 }
 
 .govuk-summary-list__actions-list-item {
-    display: inline;
-    margin-right: 10px;
-    padding-right: 10px
+    display: inline-block;
+    margin-left: 10px;
+    padding-left: 10px
 }
 
     {
-    border-right: 1px solid #b1b4b6
+    border-left: 1px solid #b1b4b6
 }
 
-.govuk-summary-list__actions-list-item:last-child {
-    margin-right: 0;
-    padding-right: 0;
+.govuk-summary-list__actions-list-item:first-child {
+    margin-left: 0;
+    padding-left: 0;
     border: 0
 }
 
@@ -1790,31 +1794,31 @@
 }
 
 .govuk-input--width-30 {
-    max-width: 59ex
+    max-width: 29.5em
 }
 
 .govuk-input--width-20 {
-    max-width: 41ex
+    max-width: 20.5em
 }
 
 .govuk-input--width-10 {
-    max-width: 23ex
+    max-width: 11.5em
 }
 
 .govuk-input--width-5 {
-    max-width: 10.8ex
+    max-width: 5.5em
 }
 
 .govuk-input--width-4 {
-    max-width: 9ex
+    max-width: 4.5em
 }
 
 .govuk-input--width-3 {
-    max-width: 7.2ex
+    max-width: 3.75em
 }
 
 .govuk-input--width-2 {
-    max-width: 5.4ex
+    max-width: 2.75em
 }
 
 .govuk-input__wrapper {
@@ -2484,7 +2488,7 @@
     margin-left: 5px
 }
 
-.govuk-header__menu-button--open:after {
+.govuk-header__menu-button[aria-expanded=true]:after {
     display: inline-block;
     width: 0;
     height: 0;
@@ -2496,6 +2500,15 @@
     border-bottom-color: inherit
 }
 
+.js-enabled .govuk-header__menu-button {
+    display: block
+}
+
+.govuk-header__menu-button[hidden],
+.js-enabled .govuk-header__menu-button[hidden] {
+    display: none
+}
+
 .govuk-header__navigation {
     margin-bottom: 10px
 }
@@ -2506,16 +2519,10 @@
     list-style: none
 }
 
-.js-enabled .govuk-header__menu-button,
-.js-enabled .govuk-header__navigation-list {
-    display: block;
+.govuk-header__navigation-list[hidden] {
     display: none
 }
 
-.js-enabled .govuk-header__navigation-list--open {
-    display: block
-}
-
 .govuk-header__navigation--end {
     margin: 0;
     padding: 5px 0;
@@ -3480,6 +3487,7 @@
     font-size: 1.1875rem;
     line-height: 1.25;
     box-sizing: border-box;
+    min-width: 11.5em;
     max-width: 100%;
     height: 40px;
     height: 2.5rem;
@@ -4208,6 +4216,406 @@
     padding-left: 60px !important
 }
 
+.govuk-\!-margin-static-0 {
+    margin: 0 !important
+}
+
+.govuk-\!-margin-top-static-0 {
+    margin-top: 0 !important
+}
+
+.govuk-\!-margin-right-static-0 {
+    margin-right: 0 !important
+}
+
+.govuk-\!-margin-bottom-static-0 {
+    margin-bottom: 0 !important
+}
+
+.govuk-\!-margin-left-static-0 {
+    margin-left: 0 !important
+}
+
+.govuk-\!-margin-static-1 {
+    margin: 5px !important
+}
+
+.govuk-\!-margin-top-static-1 {
+    margin-top: 5px !important
+}
+
+.govuk-\!-margin-right-static-1 {
+    margin-right: 5px !important
+}
+
+.govuk-\!-margin-bottom-static-1 {
+    margin-bottom: 5px !important
+}
+
+.govuk-\!-margin-left-static-1 {
+    margin-left: 5px !important
+}
+
+.govuk-\!-margin-static-2 {
+    margin: 10px !important
+}
+
+.govuk-\!-margin-top-static-2 {
+    margin-top: 10px !important
+}
+
+.govuk-\!-margin-right-static-2 {
+    margin-right: 10px !important
+}
+
+.govuk-\!-margin-bottom-static-2 {
+    margin-bottom: 10px !important
+}
+
+.govuk-\!-margin-left-static-2 {
+    margin-left: 10px !important
+}
+
+.govuk-\!-margin-static-3 {
+    margin: 15px !important
+}
+
+.govuk-\!-margin-top-static-3 {
+    margin-top: 15px !important
+}
+
+.govuk-\!-margin-right-static-3 {
+    margin-right: 15px !important
+}
+
+.govuk-\!-margin-bottom-static-3 {
+    margin-bottom: 15px !important
+}
+
+.govuk-\!-margin-left-static-3 {
+    margin-left: 15px !important
+}
+
+.govuk-\!-margin-static-4 {
+    margin: 20px !important
+}
+
+.govuk-\!-margin-top-static-4 {
+    margin-top: 20px !important
+}
+
+.govuk-\!-margin-right-static-4 {
+    margin-right: 20px !important
+}
+
+.govuk-\!-margin-bottom-static-4 {
+    margin-bottom: 20px !important
+}
+
+.govuk-\!-margin-left-static-4 {
+    margin-left: 20px !important
+}
+
+.govuk-\!-margin-static-5 {
+    margin: 25px !important
+}
+
+.govuk-\!-margin-top-static-5 {
+    margin-top: 25px !important
+}
+
+.govuk-\!-margin-right-static-5 {
+    margin-right: 25px !important
+}
+
+.govuk-\!-margin-bottom-static-5 {
+    margin-bottom: 25px !important
+}
+
+.govuk-\!-margin-left-static-5 {
+    margin-left: 25px !important
+}
+
+.govuk-\!-margin-static-6 {
+    margin: 30px !important
+}
+
+.govuk-\!-margin-top-static-6 {
+    margin-top: 30px !important
+}
+
+.govuk-\!-margin-right-static-6 {
+    margin-right: 30px !important
+}
+
+.govuk-\!-margin-bottom-static-6 {
+    margin-bottom: 30px !important
+}
+
+.govuk-\!-margin-left-static-6 {
+    margin-left: 30px !important
+}
+
+.govuk-\!-margin-static-7 {
+    margin: 40px !important
+}
+
+.govuk-\!-margin-top-static-7 {
+    margin-top: 40px !important
+}
+
+.govuk-\!-margin-right-static-7 {
+    margin-right: 40px !important
+}
+
+.govuk-\!-margin-bottom-static-7 {
+    margin-bottom: 40px !important
+}
+
+.govuk-\!-margin-left-static-7 {
+    margin-left: 40px !important
+}
+
+.govuk-\!-margin-static-8 {
+    margin: 50px !important
+}
+
+.govuk-\!-margin-top-static-8 {
+    margin-top: 50px !important
+}
+
+.govuk-\!-margin-right-static-8 {
+    margin-right: 50px !important
+}
+
+.govuk-\!-margin-bottom-static-8 {
+    margin-bottom: 50px !important
+}
+
+.govuk-\!-margin-left-static-8 {
+    margin-left: 50px !important
+}
+
+.govuk-\!-margin-static-9 {
+    margin: 60px !important
+}
+
+.govuk-\!-margin-top-static-9 {
+    margin-top: 60px !important
+}
+
+.govuk-\!-margin-right-static-9 {
+    margin-right: 60px !important
+}
+
+.govuk-\!-margin-bottom-static-9 {
+    margin-bottom: 60px !important
+}
+
+.govuk-\!-margin-left-static-9 {
+    margin-left: 60px !important
+}
+
+.govuk-\!-padding-static-0 {
+    padding: 0 !important
+}
+
+.govuk-\!-padding-top-static-0 {
+    padding-top: 0 !important
+}
+
+.govuk-\!-padding-right-static-0 {
+    padding-right: 0 !important
+}
+
+.govuk-\!-padding-bottom-static-0 {
+    padding-bottom: 0 !important
+}
+
+.govuk-\!-padding-left-static-0 {
+    padding-left: 0 !important
+}
+
+.govuk-\!-padding-static-1 {
+    padding: 5px !important
+}
+
+.govuk-\!-padding-top-static-1 {
+    padding-top: 5px !important
+}
+
+.govuk-\!-padding-right-static-1 {
+    padding-right: 5px !important
+}
+
+.govuk-\!-padding-bottom-static-1 {
+    padding-bottom: 5px !important
+}
+
+.govuk-\!-padding-left-static-1 {
+    padding-left: 5px !important
+}
+
+.govuk-\!-padding-static-2 {
+    padding: 10px !important
+}
+
+.govuk-\!-padding-top-static-2 {
+    padding-top: 10px !important
+}
+
+.govuk-\!-padding-right-static-2 {
+    padding-right: 10px !important
+}
+
+.govuk-\!-padding-bottom-static-2 {
+    padding-bottom: 10px !important
+}
+
+.govuk-\!-padding-left-static-2 {
+    padding-left: 10px !important
+}
+
+.govuk-\!-padding-static-3 {
+    padding: 15px !important
+}
+
+.govuk-\!-padding-top-static-3 {
+    padding-top: 15px !important
+}
+
+.govuk-\!-padding-right-static-3 {
+    padding-right: 15px !important
+}
+
+.govuk-\!-padding-bottom-static-3 {
+    padding-bottom: 15px !important
+}
+
+.govuk-\!-padding-left-static-3 {
+    padding-left: 15px !important
+}
+
+.govuk-\!-padding-static-4 {
+    padding: 20px !important
+}
+
+.govuk-\!-padding-top-static-4 {
+    padding-top: 20px !important
+}
+
+.govuk-\!-padding-right-static-4 {
+    padding-right: 20px !important
+}
+
+.govuk-\!-padding-bottom-static-4 {
+    padding-bottom: 20px !important
+}
+
+.govuk-\!-padding-left-static-4 {
+    padding-left: 20px !important
+}
+
+.govuk-\!-padding-static-5 {
+    padding: 25px !important
+}
+
+.govuk-\!-padding-top-static-5 {
+    padding-top: 25px !important
+}
+
+.govuk-\!-padding-right-static-5 {
+    padding-right: 25px !important
+}
+
+.govuk-\!-padding-bottom-static-5 {
+    padding-bottom: 25px !important
+}
+
+.govuk-\!-padding-left-static-5 {
+    padding-left: 25px !important
+}
+
+.govuk-\!-padding-static-6 {
+    padding: 30px !important
+}
+
+.govuk-\!-padding-top-static-6 {
+    padding-top: 30px !important
+}
+
+.govuk-\!-padding-right-static-6 {
+    padding-right: 30px !important
+}
+
+.govuk-\!-padding-bottom-static-6 {
+    padding-bottom: 30px !important
+}
+
+.govuk-\!-padding-left-static-6 {
+    padding-left: 30px !important
+}
+
+.govuk-\!-padding-static-7 {
+    padding: 40px !important
+}
+
+.govuk-\!-padding-top-static-7 {
+    padding-top: 40px !important
+}
+
+.govuk-\!-padding-right-static-7 {
+    padding-right: 40px !important
+}
+
+.govuk-\!-padding-bottom-static-7 {
+    padding-bottom: 40px !important
+}
+
+.govuk-\!-padding-left-static-7 {
+    padding-left: 40px !important
+}
+
+.govuk-\!-padding-static-8 {
+    padding: 50px !important
+}
+
+.govuk-\!-padding-top-static-8 {
+    padding-top: 50px !important
+}
+
+.govuk-\!-padding-right-static-8 {
+    padding-right: 50px !important
+}
+
+.govuk-\!-padding-bottom-static-8 {
+    padding-bottom: 50px !important
+}
+
+.govuk-\!-padding-left-static-8 {
+    padding-left: 50px !important
+}
+
+.govuk-\!-padding-static-9 {
+    padding: 60px !important
+}
+
+.govuk-\!-padding-top-static-9 {
+    padding-top: 60px !important
+}
+
+.govuk-\!-padding-right-static-9 {
+    padding-right: 60px !important
+}
+
+.govuk-\!-padding-bottom-static-9 {
+    padding-bottom: 60px !important
+}
+
+.govuk-\!-padding-left-static-9 {
+    padding-left: 60px !important
+}
+
 .govuk-\!-text-align-left {
     text-align: left !important
 }