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.3.0 #4896

Merged
merged 1 commit into from
Mar 26, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 18 additions & 15 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,31 +4,34 @@ For advice on how to use these release notes see [our guidance on staying up to

## Unreleased

## GOV.UK Frontend v5.3.0 (Feature release)

### New features

#### Use the Passwords input component to help users accessibly enter passwords
#### Use the Password input component to help users accessibly enter passwords

The [Password input component](https://design-system.service.gov.uk/components/password-input/) allows users to choose:

The [Password input component](https://design-system.service.gov.uk/components/password-input/) allows users to toggle the visibility of passwords and enter their passwords in plain text if they choose to do so.
- whether their passwords are visible or not
- to enter their passwords in plain text

This helps users use longer and more complex passwords without needing to remember what they've already typed.

This change was introduced in [pull request #4442: Create password input component](https://github.com/alphagov/govuk-frontend/pull/4442). Thanks to [@andysellick](https://github.com/andysellick) for the original contribution.

### Recommended changes

#### Update the HTML for the character count

We've updated the HTML for the character count.
#### Update the HTML for the Character count component

The component wrapper `data-module="govuk-character-count"` and its form group `class="govuk-form-group"` are now combined as the same `<div>`. The hint text used as the count message is now placed directly after the `<textarea>`.
We've updated the HTML for the Character count component. The component wrapper `data-module="govuk-character-count"` and its form group `class="govuk-form-group"` are now combined as the same `<div>`. The hint text used as the count message now appears directly after the `<textarea>`.

If you're not using Nunjucks macros, then you should:

- move all classes and attributes from the form group `<div>` to the component wrapper `<div>`
- remove the opening `<div>` and closing `</div>` tags used by the form group
- check the count message is now directly after the `<textarea>`

The following example shows some HTML and the difference once it is updated.
The following example shows some HTML and the difference once it’s updated.

HTML before:

Expand All @@ -49,24 +52,24 @@ HTML after:
</div>
```

Check your changes against [the character count example in the Design System](https://design-system.service.gov.uk/components/character-count/#character-count-example) to make sure you have correctly implemented them.
Check your changes against [the Character count example in the Design System](https://design-system.service.gov.uk/components/character-count/#character-count-example) to make sure you’ve correctly implemented them.

This change was introduced in [pull request #4566: Use Character count `formGroup` as module wrapper](https://github.com/alphagov/govuk-frontend/pull/4566).

#### Remove redundant `role` attributes from elements

We've made minor changes to the HTML of the page template, as well as the header, footer and pagination components.

You can update your HTML to remove the `role` attribute from some elements. These include:
You can update your HTML to remove the `role` attribute from some elements. These include the:

- the `main` role on the `main` element in the template.
- the `banner` role on the `header` element in the header component.
- the `contentinfo` role on the `footer` element in the footer component.
- the `navigation` role on the `nav` element in the pagination component.
- `main` role on the `main` element in the template
- `banner` role on the `header` element in the Header component
- `contentinfo` role on the `footer` element in the Footer component
- `navigation` role on the `nav` element in the Pagination component

These roles were present to support legacy browsers, such as older versions of Internet Explorer. GOV.UK Frontend no longer supports these browsers, so the roles can now be removed.
These roles were present to support legacy browsers, such as older versions of Internet Explorer. GOV.UK Frontend no longer supports these browsers, so you can now remove these roles.

If you're using the Nunjucks versions of the page template or these components, you don't need to change anything.
You do not need to change anything if you're using the Nunjucks versions of the page template or these components,

This change was introduced in [pull request #4854: Remove redundant `role` attributes](https://github.com/alphagov/govuk-frontend/pull/4854).

Expand Down
2 changes: 1 addition & 1 deletion dist/VERSION.txt
Original file line number Diff line number Diff line change
@@ -1 +1 @@
5.2.0
5.3.0
3 changes: 0 additions & 3 deletions dist/govuk-frontend-5.2.0.min.css

This file was deleted.

1 change: 0 additions & 1 deletion dist/govuk-frontend-5.2.0.min.css.map

This file was deleted.

1 change: 0 additions & 1 deletion dist/govuk-frontend-5.2.0.min.js

This file was deleted.

1 change: 0 additions & 1 deletion dist/govuk-frontend-5.2.0.min.js.map

This file was deleted.

3 changes: 3 additions & 0 deletions dist/govuk-frontend-5.3.0.min.css

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions dist/govuk-frontend-5.3.0.min.css.map

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions dist/govuk-frontend-5.3.0.min.js

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions dist/govuk-frontend-5.3.0.min.js.map

Large diffs are not rendered by default.

11 changes: 10 additions & 1 deletion package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion packages/govuk-frontend/package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "govuk-frontend",
"description": "GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.",
"version": "5.2.0",
"version": "5.3.0",
"main": "dist/govuk/all.bundle.js",
"module": "dist/govuk/all.mjs",
"sass": "dist/govuk/all.scss",
Expand Down