SearchBox component

See: https://not-gov.uk/components?name=Search%20box

What's Changed

• Update cypress/included Docker tag to v13.16.0 by @renovate in #1193
• Update dependency @types/node to v22.10.1 by @renovate in #1192
• Update dependency @graphql-tools/schema to v10.0.10 by @renovate in #1191
• Simplify framework examples and document by @daniel-ac-martin in #1194
• Update dependency eslint-plugin-react-hooks to v5 by @renovate in #1196
• Update dependency eslint to v9 by @renovate in #1195
• Simplify and improve framework examples by @daniel-ac-martin in #1197
• Update cypress to v13.16.1 by @renovate in #1199
• Update dependency @graphql-tools/schema to v10.0.11 - autoclosed by @renovate in #1200
• remix-example: Remove unnecessary dependencies by @daniel-ac-martin in #1198
• Add SearchBox component and allow form-actions to be configured by @daniel-ac-martin in #1215
• Update dependency @testing-library/react to ^16.1.0 by @renovate in #1201
• Update dependency chromatic to v11.20.0 by @renovate in #1202
• Update dependency eslint-import-resolver-typescript to ^3.7.0 by @renovate in #1203
• Update dependency eslint-plugin-react-hooks to ^5.1.0 by @renovate in #1204
• Update sass to ^1.82.0 by @renovate in #1206
• Update Node.js to v22.12.0 by @renovate in #1210
• Update dependency @apollo/client to v3.12.2 by @renovate in #1211
• Update dependency @babel/preset-react to v7.26.3 by @renovate in #1212
• fix(deps): update dependency next to v15.0.4 by @renovate in #1207
• fix(deps): update dependency sass-loader to ^16.0.4 by @renovate in #1208
• chore(deps): update react by @renovate in #1209
• fix(deps): update dependency @swc/core to ^1.10.0 by @renovate in #1213
• chore(deps): update dependency webpack to v5.97.1 by @renovate in #1205
• fix(deps): update remix monorepo to ^2.15.1 by @renovate in #1214
• chore(deps): update dependency chromatic to v11.20.1 by @renovate in #1216
• fix(deps): update dependency @swc/core to ^1.10.1 by @renovate in #1218
• chore(deps): update dependency @types/node to v22.10.2 by @renovate in #1219
• chore(deps): update dependency start-server-and-test to v2.0.9 by @renovate in #1220
• chore(deps): update react by @renovate in #1217
• fix(deps): update dependency next to v15.1.0 by @renovate in #1221

Full Changelog: v0.15.1...v0.15.2

Remix support

Adds support for the Remix framework. See the example application here: https://github.com/daniel-ac-martin/NotGovUK/tree/master/apps/remix-example

Also updates the interface from Next.js to align with the Remix interface, and deprecates the older one.

What's Changed

• Misc fixes by @daniel-ac-martin in #1155
• docs: Better explain how to use the components by @daniel-ac-martin in #1158
• Remix support by @daniel-ac-martin in #1161
• Update react by @renovate in #1156
• Update dependency @apollo/client to v3.11.10 by @renovate in #1159
• fix(deps): update dependency @swc/core to ^1.9.3 by @renovate in #1162
• Update dependency @types/node to v22.9.3 by @renovate in #1163
• Update dependency @graphql-tools/schema to v10.0.9 by @renovate in #1160
• Update dependency chromatic to v11.18.1 by @renovate in #1166
• Update dependency autoprefixer to ^10.4.20 by @renovate in #1165
• Update dependency sass to ^1.81.0 by @renovate in #1172
• Update dependency sass-embedded to v1.81.0 by @renovate in #1173
• Update remix monorepo to ^2.15.0 by @renovate in #1175
• Update zaproxy/action-baseline action to v0.14.0 by @renovate in #1177
• Update zaproxy/action-full-scan action to v0.12.0 by @renovate in #1178
• Update dependency eslint-import-resolver-typescript to ^3.6.3 by @renovate in #1168
• Update dependency node-loader to ^2.1.0 by @renovate in #1171
• Align Next.js interface with Remix interface by @daniel-ac-martin in #1179
• Update dependency vite-tsconfig-paths to ^4.3.2 by @renovate in #1174
• chore(deps): update typescript-eslint monorepo to ^6.21.0 by @renovate in #1176
• chore(deps): update dependency eslint to ^8.57.1 by @renovate in #1167
• chore(deps): update dependency eslint-plugin-jsx-a11y to ^6.10.2 by @renovate in #1169
• chore(deps): update dependency @types/express-serve-static-core to v5.0.2 by @renovate in #1164
• chore(deps): update dependency eslint-plugin-react-hooks to ^4.6.2 by @renovate in #1182
• fix(deps): update dependency openid-client to ^5.7.1 - autoclosed by @renovate in #1183
• fix(deps): update dependency qs to ^6.13.1 by @renovate in #1184
• chore(deps): update dependency cypress to v13.16.0 by @renovate in #1185
• chore(deps): update dependency tailwindcss to ^3.4.15 by @renovate in #1187
• chore(deps): update dependency vite to ^5.4.11 by @renovate in #1188
• chore(deps): update dependency eslint-plugin-import to ^2.31.0 by @renovate in #1190
• chore(deps): update dependency chromatic to v11.19.0 by @renovate in #1181
• fix(deps): update dependency isbot to ^4.4.0 by @renovate in #1189
• chore(deps): update dependency @types/node to v22.10.0 by @renovate in #1180
• chore(deps): update dependency eslint-plugin-react to ^7.37.2 by @renovate in #1170
• chore(deps): update dependency postcss to ^8.4.49 by @renovate in #1186

Full Changelog: v0.15.0...v0.15.1

Basic Next.js support

Adds rudimentary support for Next.js to the components. Next.js users can import the supported components via the new @not-govuk/simple-components NPM package. There is also an example Next.js application that can be viewed.

See:

• Instructions: https://not-gov.uk/components
• Example application: https://github.com/daniel-ac-martin/NotGovUK/tree/master/apps/next-example

The <Form> component/framework is not currently available for Next.js, but the other components should work, and links should automatically make use of the Next.js router, although only the newer 'App router' is supported'.

Migration

See BREAKING changes below.

It is also possible to view a commit that updates to this version, but it updates all the way from from v0.8.6 to this v0.15.0: UKHomeOffice/design-system@f30d817

BREAKING

• Some components will now override global styles. Most people will want this, however in the future it would be nice to make this optional. We probably need govuk-frontend to provide modules in order to do that. c6b970d
• The route-utils package has been discontinued.
  • Router hooks can now be obtained from @not-govuk/router but we no longer provide useMatch.
  • useActive has been renamed useIsActive and is also in '@not-govuk/router'.
  • useIsMounted is now obtained from the new @not-govuk/client-component-helpers package.
  • urlParse is now URI.parse and is in @not-govuk/uri and returns a slightly different object. b344ed3
  • queryString has been moved to @not-govuk/uri
• Strict mode has been enabled in our base tsconfig which may break things for users that update to it. You will need to either fix each error in your code or disable strict mode. a1553dc

What's Changed

• Add Next.js support by @daniel-ac-martin in #1039
• Update dependency cookie to ^0.7.0 [SECURITY] by @renovate in #1106
• Update dependency http-proxy-middleware to v3.0.3 [SECURITY] by @renovate in #1111
• Update dependency next [SECURITY] by @renovate in #1113
• Update cypress to v13.15.1 by @renovate in #1110
• Update dependency @graphql-tools/schema to v10.0.7 by @renovate in #1109
• Update dependency @swc/core to ^1.8.0 by @renovate in #1107
• Update dependency @types/express-serve-static-core to v4.19.6 by @renovate in #1102
• Update react by @renovate in #1105
• Update babel monorepo by @renovate in #1104
• Update node by @renovate in #1103
• Migrate renovate config by @renovate in #1114
• Update dependency next to v14.2.16 by @renovate in #1116
• Update zaproxy/action-baseline action to v0.13.0 - autoclosed by @renovate in #1117
• Update zaproxy/action-full-scan action to v0.11.0 by @renovate in #1118
• Update dependency cookie to ^0.7.2 by @renovate in #1115
• components: Migrate and simplify meta-package by @daniel-ac-martin in #1119
• Update cypress to v13.15.2 by @renovate in #1120
• Update dependency @swc/core to ^1.9.1 by @renovate in #1121
• Update dependency @types/passport to v1.0.17 by @renovate in #1122
• Update dependency @types/prettier to ^2.7.3 by @renovate in #1123
• Update dependency http-proxy-middleware to ^3.0.3 by @renovate in #1125
• Update dependency mini-css-extract-plugin to ^2.9.2 by @renovate in #1126
• Update dependency sass to ^1.80.6 by @renovate in #1127
• Update dependency sass-loader to ^16.0.3 by @renovate in #1128
• Update dependency @testing-library/jest-dom to ^6.6.3 by @renovate in #1129
• Update dependency chromatic to v11.16.4 by @renovate in #1130
• Update react-router to v6.27.0 by @renovate in #1133
• Update dependency webpack to v5.96.1 by @renovate in #1132
• Update dependency sass-embedded to v1.80.6 by @renovate in #1131
• Update dependency @types/prismjs to ^1.26.5 by @renovate in #1124
• Update dependency @apollo/client to v3.11.9 by @renovate in #1134
• Update dependency @types/qs to ^6.9.17 - autoclosed by @renovate in #1135
• Update dependency chromatic to v11.16.5 by @renovate in #1136
• Update dependency next to v14.2.17 by @renovate in #1137
• Update jest by @renovate in #1138
• Update dependency govuk-frontend to v5.7.1 by @renovate in #1139
• Update react-router to v6.28.0 by @renovate in #1140
• Update dependency @types/express-serve-static-core to v5 by @renovate in #1141
• Update dependency next to v15 by @renovate in #1146
• Update dependency chromatic to v11.18.0 by @renovate in #1145
• Checkboxes: Fix conditional reveal by @daniel-ac-martin in #1144
• Update Node.js to v22 by @daniel-ac-martin in #1151
• Update dependency next to v15.0.3 by @renovate in #1152
• Update dependency @types/node to v22.9.0 by @renovate in #1153
• Misc fixes and clean-up by @daniel-ac-martin in #1154

Full Changelog: v0.14.0...v0.15.0

govuk-frontend v5

Updates govuk-frontend to v5.

New components should follow in subsequent releases.

BREAKING:

• If you are using govuk-frontend in your own components you should probably update to the same version to avoid duplicate CSS
• WarningText: The assistiveText prop has been renamed to iconFallbackText
• Button: Anchor buttons no longer accept a disabled prop
• Header: The useTudorCrown prop has been removed; as it is now the default
• Page: The useTudorCrown prop has been removed; as it is now the default

See also: govuk-frontend v5 release notes

React v18

Updates the framework to React v18.

BREAKING:

• You will need to update 'react' and 'react-dom' in the base of your repository:

  pnpm update 'react@^18' 'react-dom@^18'  '@types/react@^18' '@types/react-dom@^18'
  

Markdown pages

Adds support for Markdown (and MDX) pages as first-class citizens.

Note: You will need to update your page loader in our apps (apps/YOUR_APP/src/common/page-loader.ts) in order to take advantage of this functionality. i.e:

export const pageLoader = require.context('./pages', true, /\.([jt]sx?|mdx?|html)$/i, 'sync');

(.md and .mdx are now covered by the regular expression.)

Also, SCSS builds should now be a bit faster, thanks to the use of sass-embedded.

BREAKING:

• Node.js v16 is no longer officially supported and may break now or at some point in the future

Misc:

• sass-loader updated to v16 (should not be breaking)
• css-loader updated to v7 (should not be breaking)
• sass replaced by sass-embedded (should not be breaking)

react-router v6

Upgrades react-router to v6.

Also updates react-helmet-async to v2.

BREAKING:

• You will need to upgrade react-router and react-router-dom to v6.
• You may need to upgrade react-helmet-async to v2.
• Pages will no longer receive the router props (match, location, history), to access these you will need to use the hooks provided by @not-govuk/route-utils (or directly from react-router). For an example see: 61022dd

React v18 support in the components

Adds support to the components for running under React v18.

Due to the changes to the types of some of the props, this is potentially a breaking change for some people, but it shouldn't impact most.

Cypress v13

Updates to Cypress v13 (from v10), which has some breaking changes.

Also include misc patch changes of various dependencies.

To migrate:

• testIsolation should be set to false under e2e in cypress.config.mjs. (Unless you update your tests to support this.)
• The 'process' NPM module should be installed into the base of your repository. (pnpm install -wD process)
• videoUploadOnPasses should be removed from cypress.config.mjs. (and perhaps replaced with video)

See:

• https://docs.cypress.io/guides/references/migration-guide (read guides for v11, v12 and v13)
• 76c6574
• f0dd244

Tudor crown

Adds support for the Tudor crown of King Charles III, which should be used from 19th February 2024.