Upgrade to NHS.UK frontend v10.0.0 and support SSR#267
Conversation
e771bc2 to
dcb9774
Compare
|
I'm going to move this into ready for review whilst I finish off the upgrade-to-6.0.md guide |
fe482be to
015b212
Compare
JoshuaBates-NHS
left a comment
There was a problem hiding this comment.
Theres quite a few changes in here around certain components (e.g. header), which could do with some updates in storybook + unit tests
UpgradeTov6 is missing in Migration guides also - that will tie together the MD added into the deployed storybook
015b212 to
cd3e570
Compare
|
So much good stuff in here. Thanks @colinrotherham! |
55397a3 to
61b6231
Compare
61b6231 to
6cb6d99
Compare
bbfec1a to
b3a23fc
Compare
f6dfe61 to
a5cacf9
Compare
|
|
I've confirmed with @ricksmith130 that we're happy to merge this and release
Also discussed with @JoshuaBates-NHS on Slack
Thanks all |



This PR upgrades to NHS.UK frontend v10.0.0 with server-side rendering (SSR) support
All client-side behaviour is now provided by the NHS.UK frontend JavaScript API
For example:
preventDoubleClickandonKeyDownbehaviour is now handled in button.mjs upstreamfocusTargetReffocus handling is now handled in skip-link.mjs upstreamVisually hidden text for accessibility
For accessibility reasons, it's no longer possible to pass
visuallyHiddenText: falsefor the following:Conditionally revealing content
Previously, conditionally revealing content (radios, checkboxes) would only be rendered (or fully removed) when their related input was checked. It can be difficult to keep error messages and nested form field values in sync.
Conditionally revealing content is now always rendered but toggled in/out of view using the
--hiddenmodifier.Accessibility issues with missing
aria-controls,aria-describedbyoraria-expandedare now fixed.CommonJS workarounds
Components now use NHS.UK Frontend JavaScript instead of the following workarounds:
Made possible since this issue was resolved:
New and unsupported icons
All icons have been redrawn in NHS.UK frontend v10 along with the new "User" icon
The following icons are not supported and have been removed: