Releases: nationalarchives/tna-frontend
Releases · nationalarchives/tna-frontend
v0.2.16
Changed
- Changed the size of small images in horizontal cards
Fixed
- Updated deprecated
color.red(),color.green()andcolor.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
htmlproperty that allows HTML to be used in place of thetextproperty
Fixed
- Change border widths on global header items from
0.5pxto1pxto 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-labelto image caption on hero components - Added
titleattributes 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
fullAreaClickproperty
Changed
- Updated the default
aria-labelon 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 withtna-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,tabbedandclickedtemplate modifiers added as part ofinitAll()- Print modifiers moved into
initAll()
Removed
- Removed customisable colour variables
$dark-grey,$base-font,$link-colourand$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-describedbyattribute 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 thewindowand 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-fontsoption - Removed the
@importrule for Google Fonts
Fixed
- Increased
z-indexof active summary buttons on accordions
v0.2.10
Added
$import-google-fontsoption (default:true) which can disable the inclusion of Google Fonts using an@importdeclaration- A new
all+analytics.jsfile now exists which can be used as a drop-in replacement forall.js - Google Analytics 4 can be automatically be instantiated by adding a
data-ga4property 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
TNAFrontendAnalyticstoTNAFrontendAnalyticsGA4 - Adjusted margin bottom of narrow, shifted hero components
v0.2.9
Changed
- Removed
:focusstyles and replaced with:focus-visiblebut retained outline on:activeelements - Light accent blocks appear normal accent colours in dark themes
- Added parsed meta tags to initial
gtm.jsanalytics event
v0.2.8
Added
- New option
accentMetaon card component to make meta tags accented - Added image loader animations to card, hero, index grid, gallery and picture components
- Containers can be nested with
.tna-container--nested - Sticky sidebars can be "unstuck" on smaller devices with
.tna-sidebar--static-on-mobile - Added classeless styles for
<address>elements
Changed
- Refactored tabs component
- Removed unnecessary
titleattributes from footer, gallery, hero and index grid components - Added lazy loading to gallery images
- The
titleof gallery components is now optional - Reduced space above details components
- Added side padding to plain picture components
- Adjusted spacing of
<p>elements inside<li>and<dd>elements
Removed
- Removed container
--no-padding-allclasses and replaced with--no-paddingclasses for both containers and columns
Fixed
- Removed max height for gallery components
v0.2.7
Added
- Content in the cookie banner component is now customisable
Fixed
- Change skip link colours when hidden to avoid accessibility failures being raised
- Fixed incorrect use of
navigationIdandtopNavigationIdin global header component - Fixed padding of sticky sidebars
- Fixed header navigation toggle analytics