Release v5.5.0 - Githubissues

romaricpascal commented 1 month ago

New features

We've updated the list of organisations and brand colours included in Frontend

We've overhauled the list of organisations and organisation brand colours that are shipped with GOV.UK Frontend.

The previous list was outdated and had not kept up with changes to the machinery of government. We’ve updated the list to:

add all current government departments and their brand colours
add variants of brand colours that meet a 4.5:1 contrast ratio against white, where required
provide warnings if defunct organisations are still being referenced in your Sass code

To enable these changes, set the feature flag variable $govuk-new-organisation-colours to true before you import GOV.UK Frontend in your Sass files:

// application.scss
$govuk-new-organisation-colours: true;
@import "govuk-frontend/all";

You can also silence warnings about defunct organisations by adding organisation-colours to the $govuk-suppressed-warnings setting.

We introduced this change in pull request #3407: Update organisation colours.

Stop long words breaking out of components with `govuk-!-text-break-word`

We've added a new override class to help display long words with no obvious break points when the space is too narrow to display them on one line. An example of a long word might be an email address entered by a user.

Wrapping the content with the govuk-!-text-break-word class forces words that are too long for the parent element to break onto a new line.

A confirmation email will be sent to <span class="govuk-!-text-break-word">arthur_phillip_dent.42@peoplepersonalitydivision.siriuscyberneticscorporation.corp</span>.

Sass users can also use the govuk-text-break-word mixin.

We introduced this change in pull request #5159: Add break-word typography helper.

Recommended changes

Update the `$websafe` parameter on the `govuk-organisation-colour` function

The govuk-organisation-colour Sass function's $websafe parameter has been renamed to $contrast-safe.

This is to more accurately describe the functionality of the parameter.

The old parameter name will stop working in the next major version of GOV.UK Frontend.

We introduced this change in pull request #3407: Update organisation colours.

Fixes

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

github-actions[bot] commented 1 month ago

JavaScript changes to GitHub release

diff --git a/dist/govuk-frontend-5.4.1.min.js b/dist/govuk-frontend-5.5.0.min.js
index 6f7f6128b..894c56aa3 100644
--- a/dist/govuk-frontend-5.4.1.min.js
+++ b/dist/govuk-frontend-5.5.0.min.js
@@ -1,4 +1,4 @@
-const version = "5.4.1";
+const version = "5.5.0";

 function normaliseString(e, t) {
     const n = e ? e.trim() : "";
@@ -1034,15 +1034,11 @@ class Tabs extends GOVUKFrontendComponent {
     onTabKeydown(e) {
         switch (e.key) {
             case "ArrowLeft":
-            case "ArrowUp":
             case "Left":
-            case "Up":
                 this.activatePreviousTab(), e.preventDefault();
                 break;
             case "ArrowRight":
-            case "ArrowDown":
             case "Right":
-            case "Down":
                 this.activateNextTab(), e.preventDefault()
         }
     }
@@ -1135,4 +1131,4 @@ export {
     createAll,
     initAll,
     version
-}; //# sourceMappingURL=govuk-frontend-5.4.1.min.js.map
\ No newline at end of file
+}; //# sourceMappingURL=govuk-frontend-5.5.0.min.js.map
\ No newline at end of file

Action run for 2101cd564ccda7ad0e6be5892ccd630dc44e2f9c

github-actions[bot] commented 1 month ago

Stylesheets changes to GitHub release

diff --git a/dist/govuk-frontend-5.4.1.min.css b/dist/govuk-frontend-5.5.0.min.css
index 86666b7cb..f01266081 100644
--- a/dist/govuk-frontend-5.4.1.min.css
+++ b/dist/govuk-frontend-5.5.0.min.css
@@ -1,7 +1,7 @@
 @charset "UTF-8";

 :root {
-    --govuk-frontend-version: "5.4.1";
+    --govuk-frontend-version: "5.5.0";
     --govuk-frontend-breakpoint-mobile: 20rem;
     --govuk-frontend-breakpoint-tablet: 40.0625rem;
     --govuk-frontend-breakpoint-desktop: 48.0625rem
@@ -4495,8 +4495,7 @@ only screen and (min-resolution:2dppx) {
     text-decoration: underline;
     text-decoration-thickness: max(1px, .0625rem);
     text-underline-offset: .1578em;
-    display: inline-block;
-    padding-left: 30px
+    display: inline-block
 }

 .govuk-pagination__icon {
@@ -4519,59 +4518,43 @@ only screen and (min-resolution:2dppx) {
     display: block
 }

-.govuk-pagination--block .govuk-pagination__item {
-    padding: 15px;
-    float: none
-}
-
 .govuk-pagination--block .govuk-pagination__next,
 .govuk-pagination--block .govuk-pagination__prev {
     padding-left: 0;
     float: none
 }

-.govuk-pagination--block .govuk-pagination__next {
-    padding-right: 15px
+.govuk-pagination--block .govuk-pagination__next .govuk-pagination__link,
+.govuk-pagination--block .govuk-pagination__prev .govuk-pagination__link {
+    display: inline-block
 }

-.govuk-pagination--block .govuk-pagination__next .govuk-pagination__icon {
-    margin-left: 0
+.govuk-pagination--block .govuk-pagination__next {
+    padding-right: 15px
 }

 .govuk-pagination--block .govuk-pagination__prev+.govuk-pagination__next {
     border-top: 1px solid #b1b4b6
 }

-.govuk-pagination--block .govuk-pagination__link,
-.govuk-pagination--block .govuk-pagination__link-title {
-    display: inline
-}
-
 .govuk-pagination--block .govuk-pagination__link-title:after {
     content: "";
     display: block
 }

 .govuk-pagination--block .govuk-pagination__link {
+    padding-left: 30px;
     text-align: left
 }

-.govuk-pagination--block .govuk-pagination__link:focus .govuk-pagination__link-label {
-    outline: 3px solid transparent;
-    color: #0b0c0c;
-    background-color: #fd0;
-    box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
-    text-decoration: none;
-    -webkit-box-decoration-break: clone;
-    box-decoration-break: clone
-}
-
 .govuk-pagination--block .govuk-pagination__link:not(:focus) {
     text-decoration: none
 }

 .govuk-pagination--block .govuk-pagination__icon {
-    margin-right: 10px
+    margin-top: .326em;
+    margin-left: -30px;
+    float: left
 }

 .govuk-panel {
@@ -7570,6 +7553,11 @@ screen and (-ms-high-contrast:active) {
     font-variant-numeric: tabular-nums !important
 }

+.govuk-\!-text-break-word {
+    word-wrap: break-word !important;
+    overflow-wrap: break-word !important
+}
+
 .govuk-\!-width-full,
 .govuk-\!-width-three-quarters {
     width: 100% !important
@@ -7621,4 +7609,4 @@ screen and (-ms-high-contrast:active) {
     }
 }

-/*# sourceMappingURL=govuk-frontend-5.4.1.min.css.map */
\ No newline at end of file
+/*# sourceMappingURL=govuk-frontend-5.5.0.min.css.map */
\ No newline at end of file

Action run for 2101cd564ccda7ad0e6be5892ccd630dc44e2f9c

github-actions[bot] commented 1 month ago

Other changes to GitHub release

diff --git a/dist/VERSION.txt b/dist/VERSION.txt
index ade65226e..d50359de1 100644
--- a/dist/VERSION.txt
+++ b/dist/VERSION.txt
@@ -1 +1 @@
-5.4.1
+5.5.0

Action run for 2101cd564ccda7ad0e6be5892ccd630dc44e2f9c

github-actions[bot] commented 1 month ago

:clipboard: Stats

File sizes

File	Size
dist/govuk-frontend-development.min.css	112.61 KiB
dist/govuk-frontend-development.min.js	41.83 KiB
packages/govuk-frontend/dist/govuk/all.bundle.js	87.33 KiB
packages/govuk-frontend/dist/govuk/all.bundle.mjs	82.03 KiB
packages/govuk-frontend/dist/govuk/all.mjs	981 B
packages/govuk-frontend/dist/govuk/govuk-frontend-component.mjs	359 B
packages/govuk-frontend/dist/govuk/govuk-frontend.min.css	112.6 KiB
packages/govuk-frontend/dist/govuk/govuk-frontend.min.js	41.82 KiB
packages/govuk-frontend/dist/govuk/i18n.mjs	5.55 KiB
packages/govuk-frontend/dist/govuk/init.mjs	4.86 KiB

Modules

File	Size (bundled)	Size (minified)
all.mjs	79.16 KiB	39.79 KiB
accordion.mjs	23.5 KiB	12.39 KiB
button.mjs	5.98 KiB	2.69 KiB
character-count.mjs	22.4 KiB	9.92 KiB
checkboxes.mjs	5.83 KiB	2.83 KiB
error-summary.mjs	7.89 KiB	3.46 KiB
exit-this-page.mjs	17.1 KiB	9.26 KiB
header.mjs	4.46 KiB	2.6 KiB
notification-banner.mjs	6.26 KiB	2.62 KiB
password-input.mjs	15.15 KiB	7.25 KiB
radios.mjs	4.83 KiB	2.38 KiB
skip-link.mjs	4.39 KiB	2.18 KiB
tabs.mjs	10.05 KiB	6.06 KiB

View stats and visualisations on the review app

Action run for 2101cd564ccda7ad0e6be5892ccd630dc44e2f9c

alphagov / govuk-frontend

Release v5.5.0 #5218

New features

We've updated the list of organisations and brand colours included in Frontend

Stop long words breaking out of components with `govuk-!-text-break-word`

Recommended changes

Update the `$websafe` parameter on the `govuk-organisation-colour` function

Fixes

JavaScript changes to GitHub release

Stylesheets changes to GitHub release

Other changes to GitHub release

:clipboard: Stats

File sizes

Modules

alphagov / govuk-frontend

Release v5.5.0 #5218

New features

We've updated the list of organisations and brand colours included in Frontend

Stop long words breaking out of components with govuk-!-text-break-word

Recommended changes

Update the $websafe parameter on the govuk-organisation-colour function

Fixes

JavaScript changes to GitHub release

Stylesheets changes to GitHub release

Other changes to GitHub release

:clipboard: Stats

File sizes

Modules

Stop long words breaking out of components with `govuk-!-text-break-word`

Update the `$websafe` parameter on the `govuk-organisation-colour` function