Skip to main content

Cookies on the DWP Design System website

We use some essential cookies to make this service work.

We’d also like to use analytics cookies so we can understand how you use the service and make improvements.

View cookies
About

Release notes

DWP Frontend is available on npm. Version history

4.0.3 (2026-04-24)

Bug fixes

  • add @use sass:color to action-card partial and strip duplicate @use declarations in gulp Sass build

4.0.2 (2026-04-24)

Bug fixes

  • fix mobile navigation toggle and sign-out visibility broken by govuk-frontend v6 removing Header JS component
  • replace deprecated .js-enabled with .govuk-frontend-supported in side-navigation
  • remove redundant @use sass:color from action-card partial

4.0.1 (2026-04-17)

Bug fixes

  • add missing empty line before rule in action-card scss
  • replace deprecated darken() with sass:color module in UC action card

4.0.0 (2026-04-15)

BREAKING CHANGES

  • upgrade govuk-frontend to v6.1.0
  • remove UC agent header and claimant header components

Features

  • upgrade govuk-frontend to v6.1.0 and maintain compatibility with breaking changes
  • remove UC agent header and claimant header components

Notes

v4.0.0 makes DWP Frontend compatible with GOV.UK Frontend v6.1.0. If you need compatibility with GOV.UK Frontend v6.1.0 you should update dwp-frontend to the latest version with the command npm i @dwp/dwp-frontend.

If you have not yet updated to GOV.UK Frontend v6.1.0 you should stay on your current version of dwp-frontend.

The agent header and claimant header components for Universal Credit designs were removed as they are no longer needed.

3.4.0 (2025-10-09)

Features

  • isolate DWP components from GOV.UK rebrand styling and add conditional rebrand (visual) testing

Notes

GOV.UK Frontend v5.10.0 introduced changes to the header, footer, cookie banner and service navigation components to support the 2025 GOV.UK brand refresh. (See Updating your service to use the new brand for details.)

The DWP Frontend internal service header and internal service footer previously inherited their colours from the GOV.UK, along with some other changes.

This affected the internal service header and internal service footer components from the DWP Design System, which inherited their colours from the GOV.UK components. In release 3.4.0 of DWP Frontend we have updated these components to:

  • fix the background colour of the internal service header component to black, rather than using the new GOV.UK blue
  • remove the blue accent bar above the internal service footer and fix the background colour to grey

To continue using these components with the correct colours you should update to DWP Frontend 3.4.0. Note that:

  • you may need to include an import to internal service footer Sass partial within your build: @import "node_modules/@dwp/dwp-frontend/components/internal-service-header/internal-service-header
  • if you have any tests that target the footer links by class name, you will need to update this class name

GOV.UK rebrand: what you need to do

Could we improve this page?

Send questions, comments or suggestions to the DWP Design System team.

Last updated: