govuk-frontend - npm Package Versions

published 3.12.0 • 4 years ago

Changelog

3.12.0 (Feature release)

New features

Links are easier to read and have a clearer hover state (opt-in)

Links now have underlines that are consistently thinner and a bit further away from the link text.

Links also have a clearer hover state, where the underline gets thicker to make the link stand out to users.

These changes are an opt-in feature because you may:

need to make changes to your service to introduce these new link styles consistently
want to avoid opting in if you have links within a multiple-column layout in your CSS - there is a Chromium bug that affects such links

To enable this feature, set $govuk-new-link-styles to true before you import GOV.UK Frontend in your Sass:

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

If you have created your own link styles, you should review them to ensure their use is consistent across your service.

To make it easier to be consistent in your use of link styles, we’ve also introduced new mixins and modifier classes for:

removing underlines
displaying white text on dark backgrounds

These new link styles will be enabled by default in a future major version of GOV.UK Frontend.

This was added in pull request #2183: Updates to link styles and link hover states.

Style links to remove underlines

You can now remove underlines from links by using either the:

govuk-link-style-no-underline mixin in your Sass, or
govuk-link--no-underline class in your HTML

An underline still appears when the user hovers their cursor over the link.

This was added in pull request #2214: Add no-underline mixin and modifier class.

Style links on dark backgrounds

You can now style links on dark backgrounds to use white text colour by using either the:

govuk-link-style-inverse mixin in your Sass, or
govuk-link--inverse class in your HTML

This was added in pull request #2213: Add inverse link mixin and modifier class.

Add links styled as buttons to cookie banners

You can now add links styled as buttons to cookie banners. For example, you can set the Hide button to be a link styled as a button that reloads the page. Use this feature if you set non-essential cookies on the server and want to help users keep their place using progressive enhancement.

This feature is enabled by default.

This was added in pull request #2164: Enable cookie banner to set link styled as a button.

Fixes

3.11.0

published 3.11.0 • 4 years ago

Changelog

3.11.0 (Feature release)

New features

Allow users to accept or reject cookies with a cookie banner

You can now use cookie banners to allow users to accept or reject cookies which are not essential for making your service work.

This was added in pull request #2131: Add cookie banner component and button groups.

Group buttons and links

You can now use a button group when you place two or more buttons together.

Any links you include within a button group now line up visually with the buttons.

This was added in pull request #2114: Add button groups for use in cookie banner.

Change the style of table captions

You can now make table captions larger or smaller by applying the govuk-table__caption--xl, govuk-table__caption--l, govuk-table__caption--m or govuk-table__caption--s classes.

This was added in pull request #2048: Add modifiers for table captions.

Fixes

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

#2045: Stop same-site cookies from being wiped when printing in Internet Explorer 11 – thanks to @gunjam for contributing this issue.
#2080: Fix JavaScript error when character count ID starts with a number - thanks to @josef-vlach for reporting this issue.
#2092: Use tabular numbers for character count message - thanks to @quis for contributing this issue.
#2093: Only output space after breadcrumbs class if there’s an additional class – thanks to @frankieroberto for contributing this issue.
#2133: Remove user-agent default 2px horizontal margins on buttons in Safari

3.10.2

published 3.10.2 • 4 years ago

Changelog

3.10.2 (Patch release)

Fixes

We’ve made fixes to the fixtures you can use to check your HTML matches GOV.UK Frontend.

These changes were made in the following pull requests:

#2031: Include hidden status of the component examples in published fixtures – thanks to @andymantell for contributing this
#2043: Fixes for a couple of component examples / fixtures – thanks to @andymantell for contributing this as well!
#2071: Use non-bool type strings for attributes in test fixtures – thanks to @matthew-shaw for contributing this

There are no other changes to GOV.UK Frontend in this release.

3.10.1

published 3.10.1 • 4 years ago

Changelog

3.10.1 (Patch release)

Fixes

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

3.10.0

published 3.10.0 • 4 years ago

Changelog