v0.2.18

Changed

• Added aria-label attributes to all elements with custom title attributes
• Added a title for items in pagination components ("Page x")
• The LTS version of NodeJS used has been upgraded from iron (20.x) to jod (22.x)

Removed

• Pagination items no longer have a label attribute - this is instead defined as Page x where x is the number attribute
• Removed the warnings about importing Google Fonts

Fixed

• The click area for the logo link in a header component on tiny devices no longer stretches to fill the header
• Top borders on card components displayed on high contrast displays have been fixed

v0.2.17

Changed

• Updated header and global header HTML to allow adorn-able logos
• Reduced specificity of some CSS selectors for card elements

v0.2.16

Changed

• Changed the size of small images in horizontal cards

Fixed

• Updated deprecated color.red(), color.green() and color.blue() SASS functions
• Fixed layout issues for fullscreen gallery components when viewed in landscape
• Removed list marker colour on yellow accented blocks
• Fixed layout of horizontal cards with no images

v0.2.15

Added

• Buttons can now have an html property that allows HTML to be used in place of the text property

Fixed

• Change border widths on global header items from 0.5px to 1px to help with sub-pixel rendering
• Missing background colour added for focused buttons with tna-button--solid-hover
• Logo link in header and global header components updated to address image link purpose WCAG failure
• Added aria-label to image caption on hero components
• Added title attributes to social links in footer components
• Fix details expanded state not announced on iOS (issue #5089 on govuk-frontend)
• Fixed file list accessible link names to include file size and type
• Accessibility and usability improvements made to the gallery component with regards to HTML and JavaScript

v0.2.14

Added

• Items in a files list can be made entirely clickable using the fullAreaClick property

Changed

• Updated the default aria-label on breadcrumbs components from "Breadcrumb" to "Breadcrumbs"
• Increased width of checkbox and radio components to allow more click area

Removed

• Removed the separate global header package

Fixed

• Fixed colour of hovered buttons using the <button> element
• Improved cards CSS for IE11

v0.2.13

Added

• Added the option for a darker <hr> element with tna-hr-dark
• Tables needing horizontal scrolling can be focused on and receive a "(scroll to see more)" note added to their caption

Changed

• Added outlines to hovered and focused cards with the full click option enabled
• touched, tabbed and clicked template modifiers added as part of initAll()
• Print modifiers moved into initAll()

Removed

• Removed customisable colour variables $dark-grey, $base-font, $link-colour and $link-colour-visited
• Removed the ability to add attributes to items, previous buttons and next buttons in pagination components

Fixed

• Added missing underline to focused buttons using on the <button> element
• Links around card images have been hidden from assistive technologies

v0.2.12

Added

• Items in a file list now require an ID so that an aria-describedby attribute can be used to describe the file details

Changed

• Updated default text on cookie banner hide buttons
• Pagination arrows are now embedded SVGs rather than requiring the Font Awesome icons CSS
• "Previous" and "Next" text in pagination buttons is no longer hidden on tiny devices

Fixed

• Increase thickness of underline for focused elements for when the focus indicator doesn't provide sufficient contrast with the background
• Don't add a ga-disable- variable to the window and set a disable cookie without having a GA4 ID
• Warning text colour on dark themes fixed
• Added missing Google Fonts file in prototype kit templates

v0.2.11

Removed

• Removed $import-google-fonts option
• Removed the @import rule for Google Fonts

Fixed

• Increased z-index of active summary buttons on accordions

v0.2.10

Added

• $import-google-fonts option (default: true) which can disable the inclusion of Google Fonts using an @import declaration
• A new all+analytics.js file now exists which can be used as a drop-in replacement for all.js
• Google Analytics 4 can be automatically be instantiated by adding a data-ga4 property to the <html> element
• New horizontal card options to control image width and position
• Added a CSS file for basic IE support (ie.css)

Changed

• Removed the top and bottom padding of the breadcrumbs component
• Change the order of the HTML in hero components to put the caption below the image
• Refactored the card component to use CSS grid

Fixed

• Changed conflicting GA4 window object instance in GA4 class from TNAFrontendAnalytics to TNAFrontendAnalyticsGA4
• Adjusted margin bottom of narrow, shifted hero components

v0.2.9

Changed

• Removed :focus styles and replaced with :focus-visible but retained outline on :active elements
• Light accent blocks appear normal accent colours in dark themes
• Added parsed meta tags to initial gtm.js analytics event