💥 Breaking changes
-
npm JavaScript file path - The
nhsuk.min.js
file has been moved frompackages/
intodist/
if you are referencing the compiled JavaScript file from thepackages/
folder please update your projects. -
Footer no longer includes a logo and the nunjucks macro arguments have been updated - if you are using the footer nunjucks macro then you need to update it. (PR 300)
🆕 New features
- ES6 JavaScript modules - NHS.UK frontend JavaScript is now written in ES6 format, meaning you can import individual components that you require (if you are using a transpiler such as Babel). (PR 258)
See more about using ES6 modules in your project in the installing with npm - importing Javascript documentation.
🆕 New features
- Header - Add 'aria-label' Nunjucks argument so it can be overridden (PR 297)
🔧 Fixes
-
Address styling - Add generic styling for the
<address>
element (PR 295) -
Focus styles - Add focus styles on links when in High Contrast Mode in Windows to make it easier to distinguish where you are. (PR 294)
🔧 Fixes
-
Feedback banner - Fix an issue with the JavaScript reporting errors within the console log when scrolling down the page if the feedback banner did not exist on the page. (PR 293)
-
Details - Add the missing component JavaScript to the
nhsuk.min.js
bundle. (PR 285)
💥 Breaking changes
-
Utility classes - Utility classes should be prefixed with
nhsuk-u-
rather thannhsuk-!-
. (PR 282)If you are using any utility classes in your HTML, such as spacing, width or typography overrides, you need to update your HTML classes from
nhsuk-!-
tonhsuk-u-
.You can find out more about utility class usage in the utility class documentation.
🔧 Fixes
- Footer - Add the ability to change the link of the NHS logo within the nunjucks macro with
homeHref
argument. Also have the logo show by default with the ability to hide it using theshowLogo
argument. (PR 278)
💥 Breaking changes
-
Breadcrumb - Updated nunjucks macro so now you do not need duplicate entries for it to work (PR 276)
Use the latest Breadcrumb nunjucks macro arguments and Breadcrumb HTML markup in your app.
-
Care card - Change the way triangle is generated in care cards for accessiblity purposes (PR 269)
Use the latest Care card HTML markup in your app.
🔧 Fixes
-
Header - Removed icon includes from nunjucks macro and added the SVG's inline (PR 276)
-
Footer - Removed icon includes from nunjucks macro and added the SVG's inline (PR 272)
💥 Breaking changes
-
Footer - Nunjucks macro arguments no longer contains
secondaryLinks
onlyprimaryLinks
(PR 208)Use the latest Footer nunjucks macro arguments and Footer HTML markup in your app.
-
List panel - Put each list panel in a list item (PR 262)
Use the latest List panel nunjucks macro arguments and List panel HTML markup
-
Pagination - Update pagination markup and styling (PR 263)
Use the latest Pagination nunjucks macro arguments and Pagination HTML markup
🆕 New features
-
Form elements - All form elements have now been added to NHS.UK frontend. Including a new transactional header and footer. (PR 208)
-
Footer - The footer has had a visual redesign. (PR 208)
🔧 Fixes
- Header & Footer - Remove NHS logo SVG nunjucks include (PR 256)
💥 Breaking changes
-
Breadcrumb - Refactor breadcrumb SVG icons to background images. (PR 246)
Use the latest Breadcrumb HTML markup in your app.
-
Care card - Rename care cards to non-urgent, urgent and immediate. (PR 252)
Use the latest Care card HTML markup in your app.
-
Do & don't list - Rename check list to tick, update Nunjucks parameters. (PR 248)
Use the latest Do & don't list HTML markup in your app.
🔧 Fixes
- Action link - Add argument to the nunjucks macro allow action link to open in new window (PR 245)
- Contents list - Fix MacOS VoiceOver issue for accessibility (PR 245)
🔧 Fixes
- Release 0.1.5 was missing the
nhsuk.min.js
within the packages folder for npm. It is now included.
🔧 Fixes
- Update skip link documentation, template and js (PR 204)
- Fixes rogue markup and helps the page validate (PR 216)
- List panel fixes (PR 227)
- Add underline when focus on main navigation items (PR 233)
- Tidy up SVG icons (PR 235)
- Expander SVG background image base64 (PR 236)
- A-Z navigation fixes (PR 240)
🎉 Initial release of the NHS.UK frontend
- This release includes all the content page components and the first installable npm package.