Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Release v5.5.0 #5218

Merged
merged 1 commit into from
Aug 9, 2024
Merged

Release v5.5.0 #5218

merged 1 commit into from
Aug 9, 2024

Conversation

romaricpascal
Copy link
Member

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:

@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-5218 August 9, 2024 10:33 Inactive
Copy link

github-actions bot commented Aug 9, 2024

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 2101cd5

Copy link

github-actions bot commented Aug 9, 2024

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 2101cd5

Copy link

github-actions bot commented Aug 9, 2024

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 2101cd5

Copy link

github-actions bot commented Aug 9, 2024

📋 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 2101cd5

@romaricpascal romaricpascal merged commit 36ff673 into main Aug 9, 2024
52 checks passed
@romaricpascal romaricpascal deleted the release-5.5.0 branch August 9, 2024 10:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants