Skip to content

Commit

Permalink
Merge pull request #4896 from alphagov/release-5.3.0
Browse files Browse the repository at this point in the history
Release v5.3.0
  • Loading branch information
36degrees authored Mar 26, 2024
2 parents 8dae1da + 05bea72 commit 0801b62
Show file tree
Hide file tree
Showing 12 changed files with 36 additions and 24 deletions.
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

0 comments on commit 0801b62

Please sign in to comment.