Releases: nationalarchives/tna-frontend
Releases · nationalarchives/tna-frontend
v0.1.56
v0.1.55
Added
- New accordion and details components added
- Card images can be loaded lazily with
lazyImage
Changed
- Standard
application.css
file will be included when using the prototype kit
Fixed
- Fixed spacing in nested lists
- Small images in hero components on smaller devices now fill the width of the component
- Prototype kit asset paths fixed
v0.1.54
v0.1.53
Added
- Footer component can now contain an optional theme selector which requires the component to have the TNA cookies library initialised
- Hero components have a new split layout option
Changed
- Removed single
content
property in hero components in favour of separate fields (i.e.title
,text
/body
) - Nested unordered lists use the same marker
- The cookie library is now a singleton
- The analytics library instance is saved to the window object
- Improved typeface definitions and includes
- Yellow buttons are now brown to meet WCAG Success Criterion 1.4.11 (Non-text Contrast - Level AA)
- Box shadow added to picture components
Fixed
- Date search component text updated to use the defined detail font
v0.1.52
Changed
- Better support for colour themes and high contrast options
Deprecated
- Removed
tna-template--light-theme
option -tna-template
is light by default - Removed
accent-background
anddark
mixins from colour tools
Fixed
- Fix incorrect
tna-template--black-accent
class - Removed all redundant high contrast classes
v0.1.51
Added
- "Thick" and button border widths are both customisable
- The colour of a card label can be changed
- Accent colours can be set on blocks with
tna-accent-pink
,tna-accent-orange
,tna-accent-yellow
,tna-accent-blue
andtna-accent-green
- Hero components can now have a "shifted" style option and can have contrasting, tinted and accent backgrounds
Changed
- Improved markup of warning component
--page-background
is now--background
Deprecated
- Deprecated support for the
tna-template--high-contrast-theme
class - high contrast themes can be used by setting a preference for higher contrast in the operating system colour-font()
no longer has the ability to define the default palette
Removed
- Fallbacks for custom CSS properties are defined in the
var()
function rather than in a separate property - this removes any colouring support for browsers without custom CSS properties - Hero components no longer have
heading
,body
ortext
properties - these have been replaced with acontent
property
Fixed
- Fixed column margin removal classes
- Added missing IDs to some form elements so they can be linked top from the error summary
- Active states of checkboxes and radios fixed
v0.1.50
Added
- Tinted cards are now an option
- Blockquotes have quotemarks added with CSS
- New "medium" (600) Open Sans font weight added
- Ability to remove margins from left and right of columns
Changed
- Renamed "message" component to "warning"
- Changed all
#000
colours to#010101
- The newsletter subscribe button in the footer is no longer accented
- Added
role="group"
to date input component<fieldset>
- Colours changed for black theme accent blocks
Fixed
- Fixed collapsed padding on details dropdown of hero component
- Added heights to Font Awesome SVGs
v0.1.49
Added
- Spacing can now be defined in relative terms (e.g.
1
,3
,0.25
) which is converted to absolute values - Added a
$spacing-unit-px
variable to allow the setting of the base unit for all spacing - Heading sizes and line heights are now customisable
Changed
- Changed grid dimensions (max width, gutters etc.) from
rem
units topx
- Changed all spacing (margin, padding and gap) to use
spacing.space()
tool for relative sizes - Tweaked some of the dark and contrasting colours
Removed
- Removed strapline option for global header
- Removed all redundant
role
attributes in line with GOV.UK Frontend v5.3.0
Fixed
- Removed explicit font size on
tna-template
allowing browser-defined font sizes - Removed focus from elements with a
tabindex
of-1
- Fixed background colour of headers on system themes
v0.1.48
Added
- Navigation dropdowns in headers can be closed using the
Escape
key
Changed
- Changed the
aria-current
attribute of the current header menu item fromtrue
topage
- Switched back from
<menu role="list">
to<ul>
elements - Changed the line height of
tna-heading-xl
- Updated heading sizes for better consistency across devices