v14.15.0

Before you upgrade, please take note of any breaking changes and deprecation notices which may affect your site. View the Upgrade Guide to see examples of how to address breaking changes.

New features ✨

you can now center align Tags with .tags__list--center #1023

<div class="tags">
  <ul class="tags__list tags__list--center">
    ...
  </ul>
</div>

new Outline css variable --col-outline-focus #1027

Bug fixes 🐛

icons inside buttons don't shrink anymore #1024
Button text that wraps onto multiple lines is now left aligned #1025
fixed an issue where the .contrast-helper was overriding padding values of certain components #1037
buttons inside Notices now align correctly on mobile viewport #1033

Deprecation notice⚠️

removed Inline Form variations #1038
- .detached - it will now default to the default inline form
- .big - it will now default to the normal sized inline form
removed --br css variable #1034

Other changes

default focus state now looks the same on all browsers #1027
- outline offset now inherits browser defaults
- outline colour changed to use -col-outline-focus
Buttons now have 1rem of spacing between them #1028
removed border-radius #1034
- Events
- Search Pagination
- Tags
- Colour Palette
- Forms
- Code
- Staff Dial
- Backgrounds
primary-button, secondary-button, tertiary-button, and inverted-button mixins now use css variables to style the buttons, resulting in a ~7.5% reduction in the css bundle size #1030 #1031

Documentation updates

updated Inline Form documentation #1038
created new stories
- Notice Paragraph with Icon #1033
- Inline form with icon and text #1038