Release v4.0.1

[owenatgov]

4.0.1 (Fix release)

Recommended changes

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

Remove the tabindex attribute from the error summary component

If you're not using Nunjucks macros, remove the tabindex attribute from the error summary's HTML. The component JavaScript now adds and removes this attribute.

This change was introduced in pull request #2491: Prevent error summary from being refocused after it has been initially focused on page load.

Fixes

We’ve made fixes to GOV.UK Frontend in the following pull requests:

• #2475: Tweak whitespace HTML for text input component to improve readability
• #2494: Allow disabling autofocus on error summary
• #2514: Fix accordion heading style while JavaScript is disabled
• #2515: Add explicit width to summary list row with 'no actions' pseudo-element
• #2524: Fix select component renders with grey background in Firefox and Safari

[github-actions]

Changes to dist

diff --git a/dist/VERSION.txt b/dist/VERSION.txt
index e74e2121..d7b983ec 100644
--- a/dist/VERSION.txt
+++ b/dist/VERSION.txt
@@ -1 +1 @@
-4.0.0
+4.0.1
diff --git a/dist/govuk-frontend-4.0.0.min.css b/dist/govuk-frontend-4.0.1.min.css
similarity index 18%
rename from dist/govuk-frontend-4.0.0.min.css
rename to dist/govuk-frontend-4.0.1.min.css
index 5ad564e5..adf7c076 100644
--- a/dist/govuk-frontend-4.0.0.min.css
+++ b/dist/govuk-frontend-4.0.1.min.css
@@ -1162,36 +1162,27 @@
 }
 
 .govuk-accordion__section-button {
-    color: #0b0c0c;
-    display: block;
-    margin-bottom: 0;
-    padding-top: 15px
-}
-
-@media print {
-    .govuk-accordion__section-button {
-        color: #000
-    }
-}
-
-.govuk-accordion__section-heading-text {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-weight: 700;
     font-size: 18px;
     font-size: 1.125rem;
-    line-height: 1.11111
+    line-height: 1.11111;
+    color: #0b0c0c;
+    display: block;
+    margin-bottom: 0;
+    padding-top: 15px
 }
 
 @media print {
-    .govuk-accordion__section-heading-text {
+    .govuk-accordion__section-button {
         font-family: sans-serif
     }
 }
 
 @media (min-width:40.0625em) {
-    .govuk-accordion__section-heading-text {
+    .govuk-accordion__section-button {
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 1.25
@@ -1199,9 +1190,10 @@
 }
 
 @media print {
-    .govuk-accordion__section-heading-text {
+    .govuk-accordion__section-button {
         font-size: 18pt;
-        line-height: 1.15
+        line-height: 1.15;
+        color: #000
     }
 }
 
@@ -1460,22 +1452,13 @@
 }
 
 .js-enabled .govuk-accordion__section-toggle {
-    font-family: GDS Transport, arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-weight: 400;
     font-size: 16px;
     font-size: 1rem;
     line-height: 1.25;
+    font-weight: 400;
     color: #1d70b8
 }
 
-@media print {
-    .js-enabled .govuk-accordion__section-toggle {
-        font-family: sans-serif
-    }
-}
-
 @media (min-width:40.0625em) {
     .js-enabled .govuk-accordion__section-toggle {
         font-size: 19px;
@@ -2882,9 +2865,12 @@ screen and (forced-colors:active) {
     }
 }
 
-.govuk-summary-list__row--no-actions:after {
-    content: "";
-    display: table-cell
+@media (min-width:40.0625em) {
+    .govuk-summary-list__row--no-actions:after {
+        content: "";
+        display: table-cell;
+        width: 20%
+    }
 }
 
 .govuk-summary-list__actions,
@@ -5220,11 +5206,6 @@ screen and (forced-colors:active) {
     }
 }
 
-.govuk-radios--inline.govuk-radios--conditional .govuk-radios__item {
-    margin-right: 0;
-    float: none
-}
-
 .govuk-radios__divider {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
@@ -5372,7 +5353,9 @@ screen and (forced-colors:active) {
     height: 40px;
     height: 2.5rem;
     padding: 5px;
-    border: 2px solid #0b0c0c
+    border: 2px solid #0b0c0c;
+    color: #0b0c0c;
+    background-color: #fff
 }
 
 @media print {
diff --git a/dist/govuk-frontend-4.0.0.min.js b/dist/govuk-frontend-4.0.1.min.js
similarity index 72%
rename from dist/govuk-frontend-4.0.0.min.js
rename to dist/govuk-frontend-4.0.1.min.js
index 56ea78f8..2b1c6e23 100644
--- a/dist/govuk-frontend-4.0.0.min.js
+++ b/dist/govuk-frontend-4.0.1.min.js
@@ -628,7 +628,12 @@
             })
         }.call("object" == typeof window && window || "object" == typeof self && self || "object" == typeof global && global || {}), l.prototype.init = function() {
             var t = this.$module;
-            t && (t.focus(), t.addEventListener("click", this.handleClick.bind(this)))
+            t && (this.setFocus(), t.addEventListener("click", this.handleClick.bind(this)))
+        }, l.prototype.setFocus = function() {
+            var t = this.$module;
+            "true" !== t.getAttribute("data-disable-auto-focus") && (t.setAttribute("tabindex", "-1"), t.addEventListener("blur", function() {
+                t.removeAttribute("tabindex")
+            }), t.focus())
         }, l.prototype.handleClick = function(t) {
             var e = t.target;
             this.focusTarget(e) && t.preventDefault()
diff --git a/dist/govuk-frontend-ie8-4.0.0.min.css b/dist/govuk-frontend-ie8-4.0.1.min.css
similarity index 16%
rename from dist/govuk-frontend-ie8-4.0.0.min.css
rename to dist/govuk-frontend-ie8-4.0.1.min.css
index fb7224dd..20f85aaf 100644
--- a/dist/govuk-frontend-ie8-4.0.0.min.css
+++ b/dist/govuk-frontend-ie8-4.0.1.min.css
@@ -584,13 +584,6 @@
 }
 
 .govuk-accordion__section-button {
-    color: #0b0c0c;
-    display: block;
-    margin-bottom: 0;
-    padding-top: 15px
-}
-
-.govuk-accordion__section-heading-text {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -600,7 +593,11 @@
     line-height: 1.11111;
     font-size: 24px;
     font-size: 1.5rem;
-    line-height: 1.25
+    line-height: 1.25;
+    color: #0b0c0c;
+    display: block;
+    margin-bottom: 0;
+    padding-top: 15px
 }
 
 .govuk-accordion__section-content>:last-child {
@@ -824,16 +821,13 @@
 }
 
 .js-enabled .govuk-accordion__section-toggle {
-    font-family: GDS Transport, arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-weight: 400;
     font-size: 16px;
     font-size: 1rem;
     line-height: 1.25;
     font-size: 19px;
     font-size: 1.1875rem;
     line-height: 1.31579;
+    font-weight: 400;
     color: #1d70b8
 }
 
@@ -1679,7 +1673,8 @@
 
 .govuk-summary-list__row--no-actions:after {
     content: "";
-    display: table-cell
+    display: table-cell;
+    width: 20%
 }
 
 .govuk-summary-list__actions,
@@ -3173,11 +3168,6 @@
     clear: none
 }
 
-.govuk-radios--inline.govuk-radios--conditional .govuk-radios__item {
-    margin-right: 0;
-    float: none
-}
-
 .govuk-radios__divider {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
@@ -3285,7 +3275,9 @@
     height: 40px;
     height: 2.5rem;
     padding: 5px;
-    border: 2px solid #0b0c0c
+    border: 2px solid #0b0c0c;
+    color: #0b0c0c;
+    background-color: #fff
 }
 
 .govuk-select:focus {