Next.js support and govuk-frontend v5

Adds support for Next.js to the components.

And example application can be found here: https://github.com/UKHomeOffice/design-system/tree/master/apps/next-example

govuk-frontend has also been updated to v5.

See also: govuk-frontend v5 release notes

BREAKING:

• NotGovUK has been updated to v0.15, see the following release notes for details on the underlying breaking changes:
  • v0.8: https://github.com/daniel-ac-martin/NotGovUK/releases/tag/v0.8.0
  • v0.9: https://github.com/daniel-ac-martin/NotGovUK/releases/tag/v0.9.0
  • v0.10: https://github.com/daniel-ac-martin/NotGovUK/releases/tag/v0.10.0
  • v0.11: https://github.com/daniel-ac-martin/NotGovUK/releases/tag/v0.11.0
  • v0.12: https://github.com/daniel-ac-martin/NotGovUK/releases/tag/v0.12.0
  • v0.13: https://github.com/daniel-ac-martin/NotGovUK/releases/tag/v0.13.0
  • v0.14: https://github.com/daniel-ac-martin/NotGovUK/releases/tag/v0.14.0
  • v0.15: https://github.com/daniel-ac-martin/NotGovUK/releases/tag/v0.15.0

Those only using the components may not need to make many changes.

What's Changed

• CI: Update Node.js in Drone.io by @daniel-ac-martin in #527
• CI: Add jq to Drone.io by @daniel-ac-martin in #528
• Fix drone pipeline by @daniel-ac-martin in #529
• Confirm changed to confirm by @sshukor in #530
• 3 new entries: citizen, nationality and naturalisation by @tomyems in #535
• Updating 'leave to remain' and 'permission to stay' by @sshukor in #536
• CI: Update PNPM by @daniel-ac-martin in #538
• Update instructions to use node 18 or 16 by @tomyems in #539
• Sex gender pattern by @Sallytolson in #517
• Updates to primary control point by @sshukor in #542
• Update NotGovUK to v0.8.1 by @daniel-ac-martin in #541
• Update NotGovUK to v0.8.2 by @daniel-ac-martin in #543
• eGates and ePassport by @sshukor in #545
• Timeout warning pattern by @StephanieLongden in #547
• Asylum claimant and refugee by @sshukor in #549
• Asylum claimant minor edit by @sshukor in #551
• Updated 'contractions' by @sshukor in #552
• Removed 'Horizon News' entry by @sshukor in #553
• CI: Fix artefact uploads by @daniel-ac-martin in #558
• GRO, sex and gender entries added by @sshukor in #556
• Added copy and link to sex and gender pattern by @sshukor in #560
• New UKVI guidance by @sshukor in #565
• Update of the Accessibility Standard to Version 1.2 by @guermanc in #566
• Remove maximum with of paragraph component by @tomyems in #564
• Acronyms and other update content-style-guide.tsx by @sshukor in #568
• Update NotGovUK to v0.8.6 by @daniel-ac-martin in #570
• docs: Fix Dockerfile syntax by @daniel-ac-martin in #571
• StatusMessage: Re-use button-group SCSS by @daniel-ac-martin in #574
• Secondary buttons with dedicated page by @daniel-ac-martin in #573
• Update description of background colour by @tomyems in #579
• Page: Fix sass warnings by @daniel-ac-martin in #582
• Designing for limited english by @sshukor in #584
• Fix broken install pnpm link in README by @jremes-ho in #585
• Add guidance for designing for limited english by @sshukor in #583
• Fix: Failing Build on scan-app Action by @jremes-ho in #586
• CI: Update components in pipeline by @daniel-ac-martin in #593
• Update last updated section by @benjystanton in #594
• Update contact email address by @daniel-ac-martin in #588
• New and updated guidance by @sshukor in #595
• Alert style fix and plain english page error fix by @benjest85 in #591
• Adding Leader’s guide on accessibility by @guermanc in #592
• Fixes for Voice and Tone PR by @daniel-ac-martin in #599
• Create voice-and-tone.html by @Sarah-Lombardi in #598
• Content updates to voice and tone by @Sarah-Lombardi in #601
• Voice and tone: Link directly to discussion by @daniel-ac-martin in #602
• Update plugin instructions by @benjystanton in #605
• Update voice-and-tone.tsx by @Sarah-Lombardi in #608
• Updating content for the add multiple things guidance page by @MylesMudaHO in #609
• Updated add multiple things image with transparency and updated the U… by @MylesMudaHO in #611
• November updates content-style-guide.tsx by @sshukor in #614
• Update NotGovUK to v0.15.0 by @daniel-ac-martin in #615
• Add next-example by @daniel-ac-martin in #616

New Contributors

• @Sallytolson made their first contribution in #517
• @StephanieLongden made their first contribution in #547
• @jremes-ho made their first contribution in #585
• @benjystanton made their first contribution in #594
• @benjest85 made their first contribution in #591
• @Sarah-Lombardi made their first contribution in #598
• @MylesMudaHO made their first contribution in #609

Full Changelog: v0.4.0...v0.5.0

New components and better component tests

Provides better support for component testing with react-testing-library.

Note: You should also update NotGovUK packages to ^0.7.2 (with pnpm -r up '@not-govuk/*@^0.7.2')

Also:

• We now run on Node.js v18 by default.

BREAKING:

• Enzyme has been removed. You will need to migrate your tests to react-testing-library.

Potentially BREAKING changes:

• govuk-frontend updated from v3 to v4
• restify updated from v8 to v11
• webpack-cli has been updated from v4 to v5.
• webpack-dev-middleware has been updated from v5 to v6.
• Applications now listen on IPv6 by default. See: daniel-ac-martin/NotGovUK#705

Functional testing, Readiness checks, and new logging options

BREAKING CHANGES:

• Node.js v12 is no-longer officially supported. Please update to Node.js v14.

New features:

• Functional testing support via Cypress.io
• Readiness checks
• Better CI/CD pipelines
• New logging options:
  1. Set the logging destination by passing a filename in logger.destination to the engine
  2. Set the logging level by passing a string of the log level in logger.level to the engine

Note: You should also update NotGovUK packages to ^0.4.2 (with pnpm -r up '@not-govuk/*@^0.4.2')

Password protection

It's now possible to make prototypes private by password protecting them. To do so, you will need to set the following environment variables:

• AUTH_METHOD = basic
• AUTH_USERNAME (set to the username you want users to supply)
• AUTH_PASSWORD (set to the password you want users to supply)
• PRIVACY = true (to apply the authentication to the entire website)

Official React-based release

v0.1.18

0.1.18

Version 2.0

System update

• the design of the system has been updated to use the new Home Office design language
• the structure of the system now matches the gov.uk design system
• the system is now built on the new govuk-frontend

New

• Enquiry form as a pattern
• Guidance images as a pattern

Style guide

Guidance on how to use the new design language added to system, with sections on typography, colour, header, footer and image use.

Updates

• added the missing components to the Sketch file resource to bring it up to date
• added CSS snippets to confirmation pages so they are easier to use
• add code for conditional reveal for radios and check boxes and made guidance for using clearer

Version 1.5.0

New

• Error pages as a pattern
• Identifying users (authentication) published as a pattern

Patterns updated

• updated checkbox and radio guidance with examples of when and how to use both components
• updated modal guidance to make it clearer when to use a modal (which should be rare)
• removed crown and new transport font from header pattern

Version 1.4.0

New

• identifying users added as a draft
• status added as a component
• postcode lookup added as a pattern
• back link added as a component
• side tab added as a component
• leaving a service (sign out) added as a pattern

Patterns updated

• moved timeline from patterns to components
• updated icon component with guidance on using in your own prototype

Guidelines updated

• contribution guidelines updated to add emphasis to discussion, which is an important part of contributing to the system

Version 1.3.0

New

• upload(add) new files added as a pattern
• multiple-loops added as a pattern

Patterns updated

• tabs code improved and simplified
• timeline styling updated
• header phase banner guidance added to headers

Guidelines updated

• Improved the consistency of snippets used across components. Change language, improved code and added missing snippets.
• code fixes
• Adjusted some patterns to follow new format for guidance

Version 1.2.0

New

• check and confirm added as a pattern

Patterns updated

• sub-navigation moved to components
• tabs moved to components
• highlighted search matches moved to components
• confirmation pages moved to components

Guidelines updated

• updated pattern guidance is being test