[Snyk] Upgrade govuk-frontend from 5.0.0 to 5.2.0 #645
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Snyk has created this PR to upgrade govuk-frontend from 5.0.0 to 5.2.0. See this package in npm: https://www.npmjs.com/package/govuk-frontend See this project in Snyk: https://app.snyk.io/org/govtechsatish/project/5ea12dc5-eedb-464b-85e6-644622381c8a?utm_source=github&utm_medium=referral&page=upgrade-pr
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR was automatically created by Snyk using the credentials of a real user.
Snyk has created this PR to upgrade govuk-frontend from 5.0.0 to 5.2.0.
ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.
Release notes
Package name: govuk-frontend
-
5.2.0 - 2024-02-21
- point 16 now returns 16px across all screen sizes
- point 19 now returns 19px across all screen sizes
- point 24 remains as 24px on large screens
- point 24 now returns 21px on small screens instead of 18px and has a line height 25px instead of 20px
- point 27 remains as 27px on large screens
- point 27 now returns 21px on small screens instead of 18px and has a line height 25px instead of 20px
- point 36 remains as 27px on large screens
- point 36 now returns 27px on small screens instead of 24px and has a line height 30px instead of 25px
- #4768: Fix z-index of inputs in Radios and Checkboxes component
- #4784: Fix LibSass
-
5.1.0 - 2024-02-05
- #4354: Implement the Tudor crown favicons (v5.x)
- #4297: Implement the Tudor crown in the Header component (v5.x)
- favicon.ico
- favicon.svg
- govuk-icon-180.png
- govuk-icon-192.png
- govuk-icon-512.png
- govuk-icon-mask.svg
- govuk-opengraph-image.png
- #4157: Dynamically position text within input prefixes and suffixes
- #4150: Header menu button position refactor
- #4093: Refactor positioning of radios and checkboxes
- #4562: Use CSS custom properties for component
-
5.0.0 - 2023-12-08
from govuk-frontend GitHub release notesIn this release, we’ve adjusted our responsive type scale, which is available behind a feature flag. The type scale change is to make text easier to read on smaller screens. We’ve also deprecated the
useTudorCrownparameter.To install this version with npm, run
npm install govuk-frontend@5.2.0. You can also find more information about how to stay up to date in our documentation.New features
We've adjusted our responsive type scale
We've made the following adjustments to our responsive type scale:
To enable these changes, set the feature flag variable
$govuk-new-typography-scaletotruebefore you import GOV.UK Frontend in your Sass files:If your service uses custom elements made using GOV.UK Frontend, test your service against the new typography scale to assess if you need to make any adjustments.
You can read more on upgrading your service to the new type scale in our upgrade guide.
This change was introduced in pull request #2421: Adjust the responsive type scale
Insert custom HTML into component form group wrappers
You can now insert custom HTML into form group wrappers for all components with form fields.
govukInput({ formGroup: { beforeInput: { html: "example" }, afterInput: { html: "example" }, } })This change was introduced in pull request #4567: Add
beforeInput(s)andbeforeInput(s)options to form groups.Deprecated features
Stop using the
useTudorCrownparameter in the Heading componentThe rollout for the revised GOV.UK logo has started and the Tudor crown logo is now shown by default. We’ve deprecated the
useTudorCrownparameter and will remove it in the next major release.You can now remove the
useTudorCrownparameter, along with any other adjustments made to display the Tudor crown logo in your service.This change was introduced in pull request #4740: Make Tudor Crown logo the default
Fixes
We've made fixes to GOV.UK Frontend in the following pull requests:
calc()compatibility in Radios and CheckboxesTo install this version with npm, run
npm install govuk-frontend@5.1.0. You can also find more information about how to stay up to date in our documentation.New features
Update to the new GOV.UK logo
The GOV.UK logo has been updated to reflect the changing of the monarch. King Charles III uses the Tudor Crown, rather than the St Edward’s Crown chosen by Queen Elizabeth II.
If your service uses GOV.UK branding, you must update your service between 19 February and 1 March 2024 to use the new logo.
These changes were made in the following pull requests:
Include the new logo assets
Multiple new image assets are included in this release. You’ll need to copy these to your service's image assets folder if they’re not being used directly from the Frontend package. By default this folder is located at
/assets/images.If you’re using Nunjucks, the asset path may have been changed by the
assetPathglobal variable orassetsPathparameter on the header component.Copy the following files from
/dist/assets/imagesinto your assets folder. Any images with the same name as an existing image can be safely overwritten.Update the logo in the header of your page
If you’re using the
govukHeaderNunjucks macro in your service, add theuseTudorCrownparameter to the macro instantiation. This will become the default in a future version of GOV.UK Frontend.If you’re not using the Nunjucks macro, locate the SVG code for the existing logo and replace it with this updated SVG.
Add attributes to component form group wrappers
You can now add attributes to the form group wrapper for all components with form fields.
govukRadios({ formGroup: { attributes: { "data-attribute": "value" } } })This change was introduced in pull request #4565: Allow
attributesoption on form groups.Use tabular numbers with the
govuk-font-tabular-numbersmixinYou can now use tabular numbers in your authored Sass by including the new
govuk-font-tabular-numbersmixin.Previously, you’d use the
govuk-fontmixin with the$tabularparameter. However, thegovuk-fontmixin includes styles unrelated to tabular numbers, which are not needed in some contexts.These additional styles are not included if you use
govuk-font-tabular-numbers. Switching to the new mixin can reduce the size of your compiled CSS without affecting the appearance of pages.This change was introduced in pull request #4307: Refactor tabular number activation into their own mixin.
Recommended changes
Replace instances of
govuk-typography-responsivewithgovuk-font-sizeWe've renamed the Sass mixin
govuk-typography-responsivetogovuk-font-sizeand have deprecatedgovuk-typography-responsive. You can still usegovuk-typography-responsive, but we'll remove it in a future breaking release (GOV.UK Frontend v6.0.0).This is an experimental change to see if the name
govuk-font-sizebetter communicates the Sass mixin's intended use than the namegovuk-typography-responsive.We're interested in feedback from the community on this name change, so please let us know what you think through our usual channels.
This change was introduced in pull request #4291: Rename
govuk-typography-responsivetogovuk-font-size.Remove the
aria-labelledbyattribute from accordion sectionsIf you’re not using our Nunjucks macros, remove the
aria-labelledbyattribute from all accordion sections (divelements that have thegovuk-accordion__section-contentclass).This change was introduced in pull request #4628: Remove
aria-labelledbyfrom accordion sections.Deprecated features
Stop using the
elementparameter on buttonsWe’ve deprecated the
elementNunjucks parameter and will remove it in the next major release.In the future, if the
hrefparameter is set the component will automatically use the<a>element. If thehrefparameter is not set the component will automatically use the<button>element. It will not be possible to override this change.This change was introduced in pull request #4646: Deprecate
elementparameter on button component.Stop using
govuk-body-xs,govuk-!-font-size-14and '14' on the type scaleWe’ve deprecated point 14 (14px large screens, 12px small screens) on the GOV.UK Frontend responsive type scale, including font override classes that use point 14:
govuk-body-xsgovuk-!-font-size-14We’ll remove these classes and point 14 on the type scale in the next major release, GOV.UK Frontend release v6.0.0. With this change in the v6.0.0 release, you’ll no longer be able to call the Sass mixins
govuk-fontorgovuk-font-sizewith$sizeset to '14'.This change was introduced in #4649: Deprecate 14 on the type scale and #4713: Ensure
govuk-font-size()handles string keys.Fixes
We've made fixes to GOV.UK Frontend in the following pull requests:
matchMedia()Read more
Commit messages
Package name: govuk-frontend
Compare
Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.
For more information:
🧐 View latest project report
🛠 Adjust upgrade PR settings
🔕 Ignore this dependency or unsubscribe from future upgrade PRs