# Change log

All notable changes to the Scottish Government Design System will be documented in this file.

Changes are grouped under the labels: `Added`, `Changed`, `Deprecated`, `Fixed`, 
`Removed` and `Security`.

---

## [3.3.2]
### Added
- Override classes for offset positioning
### Fixed
- Back to top and date picker positioning now uses override classes to fix browser compatibility issues introduced with v3.3.1

## [3.3.1]
### Security
- Replace dynamically-updated CSS custom properties to meet strict content security policies (CSP)

## [3.3.0]
### Added
- Tracking script includes adding canonical url to datalayer if present on the page
- Summary lists can now include nested summary lists to support conversion of a summary card to become part of a larger summary list

### Changed
- Prefilled value list button label simplified and moved underneath the value rather than alongside
- Date picker and warning text components use their own SVG icons rather than referencing a path to the SVG sprite
- JavaScript uses of element.innerText changed to element.textContent
- Size and position of OGL logo in site footer now above text and matching OGL brand guidelines
- Bottom margin on form ds_question and ds_datepicker elements increased
- ds_label class now includes the font size property so it can be applied to fieldset legends to look the same as other input labels

### Fixed
- Card content height no longer expands below the card if the card includes an image
- Back to top button position now correctly displays when a page has async updates
- Summary card action buttons now support multiple aria-describedby values if necessary

### Removed
- Site footer OGL logo link not required as text link is in the footer already
- Tiny font size removed from inline metadata to make metadata more consistent

## [3.2.1]
### Fixed
- Tabs should not update window.location.hash when initialised

## [3.2.0]
### Added
- Tabs component variant that uses manual activation of tabs

### Changed
- Tabs component accessibility improvements to bring it in line with W3C APG recommendations

### Fixed
- Focus state on search result filter buttons now correct when they are links rather than buttons

### Security
- Bump tmp from 0.2.1 to 0.2.4

## [3.1.0]
### Added
- Tracking script attributes for links within details and accordions
- Tracking script attributes for checkbox and radio values
- File download icons for open document formats
- File download icons included in /dist folder
- Option to include search input within the search filters pattern rather than just above it
- Link items can now include metadata and images
- Lists of link items can have bottom borders removed using modifier
### Changed
- Site navigation style changes to hover and current states at fixed width sizes
- Select dropdown arrow no longer styled like a primary button
- Hide this page default target points to google.com rather than google.co.uk
- Hide this page button style changes
- Disabled button style changes
- Focus state style improvements to a number of components
- Tracking script no longer needs the statistic cookie category to be accepted
- Tracking script has amends to link section attribute
- 'Orange' colour changed for improved contrast with background colours
- 'Dark green' colour changed to be more suitable when used in a positive success situation
- File download document icons coloured to reflect common file type colours
### Deprecated
- Category header deprecated in favour of feature header
- Cancel button deprecated in favour of secondary button
### Fixed
- Accordion accessibility for screen readers improved with aria attributes
- Character count floating point error fixed for threshold calculations
- Side navigation items no longer tabbable when menu closed at mobile
- Side navigation menu toggle can now be accessed via keyboard when JavaScript is not enabled
- Feature header cover image option now works if top alignment is also being used
- Links within feature header have correct hover style when placed on a dark background colour

## [3.0.2]
### Fixed
- All icons use a 0 0 24 24 viewbox (fixed: cancel, double chevron left, double chevron right)

## [3.0.1]
### Fixed
- Reduce space on small sized variant between radio/checkbox and their label
- Add background colour (primary background / white) to select dropdown so it can be placed on other backgrounds
- Remove recurrence of trailing ‘checked’ tracking attribute on async search filter checkboxes 
- Click event tracking on accordion open indicator now attributed to accordion header element
### Security
- Updates to npm dependencies

## [3.0.0]
### Added
- 'Secondary SG' grey colour for neutral theming
- Accordion open/close button text can be customised
- Tracking for dark mode preference of a user
### Changed
- Extended palette's purple, dark green and dark teal colour values amended
- Text grey and dark grey colour values amended 
- Default img display behaviour to support responsive images
- Accordion design changes to open/close button to improve accessibility
- Step navigation and search filters inherit new accordion design
- Link underline has larger offset that is relative to the font size
- Link hover state uses a thicker underline rather than background colour change
- Links in windows high contrast no longer have an initial outline
- Bottom border for focus state is relative to the font size
- Tracking improved for summary list and summary card action buttons
- Feature header has additional layout and colour options
### Deprecated
- High contrast link mixin ds_high-contrast-link-style renamed to ds_high-contrast-link
### Fixed
- Filter scrollbars now visible in windows high contrast
- Warning text icon changed to SVG to improve accessibility
- Character count now detects more events so it updates correctly
- Grey background on category sub layout extends to full height of layout to reach footer
- Redundant duplicate box-shadow value for link focus state
### Removed
- Breaking change - removed unused $ds_colour__blue--lighter and $ds_colour__background--primary--dim colour Sass variables
- Breaking change - removed unused SVG files for checkbox and radio

## [2.3.2]
### Changed
- Tag outline changed to 80% opacity
### Fixed
- Right padding on input within an input wrapper
- Character count doesn't override already existing error states on input fields
- Remove min-height on search results filter panels
- Scroll padding added to prevent 'Hide this page' button overlapping focussed elements
### Security
- Bump cookie and socket.io

## [2.3.1]
### Changed
- Links now underlined in pagination and sequential navigation
- Minor spacing changes to some headings in search results layout
- Error summary links use colour contrast functions to generate hover state colours
### Fixed
- Invalid hash values are ignored by accordion
- Tracking script for summary list and summary card action buttons now work with different scopes
### Security
- Bump webpack from 5.90.3 to 5.94.0
- Bump body-parser from 1.20.2 to 1.20.3

## [2.3.0]
### Added
- Inset text spacing support for tags
- New ds_form layout for forms to separate contents from action buttons
### Changed
- Date picker has accessibility improvements for screen readers
- Pagination spacing changes to improve padding for large numbers
- Inset text padding reduced between left border and content
- Character count now announces total characters allowed as well as characters remaining
- Bottom margin removed on last element within a details component
- Notification panel default now green 'success' state - no modifier is needed
- Notification banner has js-initialised class applied to the component to determine when to show the close button
- Task list spacing now uses flex gap and the tag component for statuses
- No top margin on buttons
- Spacing between error summary and page header more consistent across different layouts
- Back to top style changes to meet WCAG 2.2 and not wholly obscure items behind
- Tracking attributes for summary list and summary card action buttons
- Tag component design changes and multiple colourways
- Step navigation now uses an ordered list
- Nested lists now use the same marker style at all levels
### Deprecated
- Status tags for task list now use the standard tag component
### Fixed
- Only the accordion containing an id specified in a hash in the URL opens
- Aspect box image ratio now respected when placed within ds_layout__content or ds_layout__partner layout areas
- Button text within a button group now vertically centred

## [2.2.0]
### Added
- Colour function to check and adjust colours against a given contrast ratio
- Checks added to link colours for components that have links on non-white backgrounds
- Compiled CSS, JavaScript and image assets are included in the repo when a release is published
- Layout added for 'Question page'
### Changed
- Link and button hover states use automatically-generated colours for foreground and background
- Colour change for sequential navigation 'previous' and 'next' text to use main text colour
- Various improvements made to how autocomplete component gets announced with screen readers
- Bottom margins standardised for different heading levels
- Improved spacing, responsive behaviours and support for inline buttons within button groups
- Increased top margin on button groups and standalone buttons
- Various spacing changes to form elements
### Deprecated
- Button group now used for grouping buttons within a notification banner rather than component specific 'ds_notification__actions' class
### Removed
- Unused ds_reversed styles from site search component
### Fixed
- Duplicate arrow on details component in Safari now removed
### Security
- Bump braces from 3.0.2 to 3.0.3
- Bump ws, engine.io and socket.io-adapter

## [2.1.0]
### Added
- New search facets component, used for search results selected filters
- New sort options component, used for search results sort
- New search filters component
- Plain fallback for select in IE11 with simple downward arrow and no background
- Static positional option for skip links component
### Changed
- Details component behaviour can now be applied to non-details elements
- Select default width is the width of the longest option rather than 100%
- Minor changes to search results to accommodate the new search components
- Accordion spacing changed from px to rem
- Focus helper mixin changed from 'focus-outline' to 'ds_focus-outline'
### Deprecated
- Focus helper mixin 'focus-outline' has been renamed to 'ds_focus-outline' and should no longer be used
### Removed
- Wide grey :hover border removed from checkbox and radio
- Accordion padding rules that are no longer required for animated open/close

## [2.0.0]
### Added
- Basic plugin support for the GOV.UK Prototype Kit
- Data visualisation colour palettes added as Sass variables
- Tracking attribute for links within metadata component
- Confirmation message component
### Changed
- Inline version of the metadata component automatically has the keys visually hidden
- Character count now includes a delay for screen readers to read the count text, so it doesn't interfere with the input value being read out
- Character count now includes aria-describedby for the initial count hint text
### Removed
- Breaking change - support dropped for 'ds_reversed' inverted colour scheme on the following components: site branding, site navigation, footer, tag
- Breaking change - content blocks Sass moved to its own GitHub repo
### Fixed
- Accordion heading buttons now have unique IDs, where they previously had the same ID as the heading element
- Various spacing fixes to site footer
### Security
- Bump follow-redirects from 1.15.4 to 1.15.6

## [1.4.0]
### Added
- Improved documentation for JavaScript helper functions
### Fixed
- Site navigation items no longer accessible by screen readers when menu is closed on mobile sizes
- Remove underline from site navigation menu toggle that appeared in Safari
- Remove aria-expanded attribute from autocomplete as not valid on search input type
### Security
- Update a number of dependency versions
### Deprecated
- Icon size 12 and sizes 52 and upwards

## [1.3.1]
### Fixed
- Fix line height of side navigation expand toggle button
- Adjust chevron size and placement on side navigation to match small accordion component
- Adjust vertical position of chevron on small accordion

## [1.3.0]
### Added
- Tracking attribute  added to "skip link" in task list
- New layout for search results with filters
### Changed
- Support for Mark tag moved from search result component to base so it can be used elsewhere
- Windows high contrast media query moved to mixin
- Size and placement of chevron and "open all" button on accordion component
- Search results layout now uses "list" named grid area for list of results
### Deprecated
- Layout .ds_layout--search-results-with-sidebar deprecated and replaced with .ds_layout--search-results--filters
### Fixed
- Buttons styled to look like text links have line-height corrected to match
- Height of "flagpole" on search result "parent link" now always relative to the line-height of the text that appears alongside
- Site branding title text in site header has line-height corrected
- Autocomplete unit test spec changed
- Checkbox checkmark colour corrected when checkbox in focus state
- Improve support for layouts when grid not supported
### Security
- Bump follow-redirects from 1.15.3 to 1.15.4

## [1.2.0]
### Changed
- Renamed to Scottish Government Design System
- Refactor the way disabled dates are handled in the Date picker:
    - disabled dates are now focusable but not selectable
    - disabled dates are announced to screen readers as aria-disabled ("dimmed")
    - date picker can be navigated through beyond allowed date ranges
- Pagination spacing values and icon size now match Figma design
- Colour contrast improvements to some borders on Side navigation, Autocomplete and Site search
### Fixed
- Date picker issue where clicking "next month" when Jan 31 is selected would navigate to March (January 31 + 1 month = March 2 or 3 (depending on leap year))
- Side navigation and character count components now check if they have been initialised already before trying to initialise
- Pagination current page link now changes background colour when receiving focus
- Variety of components changed to display better in Windows High Contrast

## [1.1.0]
### Added
- Additional Sass semantic colour variables
### Changed
- Various components Sass amended to reference semantic colour variables instead of direct colour names
- Pagination component improved for screen readers

## [1.0.0]
### Changed
- Breaking change - use sass:math for division
- Breaking change - use CSS custom properties in preference to inline styles
### Fixed
- Back to top component positioning issues when a footer element is not present
- Various script changes to better support IE11 

## [0.3.0]
### Added
- Current version number added to data layer
### Changed
- Content blocks spacing changes
- Minor tidy up of Accordion component Sass for small variant
### Fixed
- Typo correction to Accordion component Sass
### Security
- Bump @babel/traverse from 7.23.0 to 7.23.2 

## [0.2.0]
### Changed
- refactored accordion header to have buttons inside heading elements when JS initialises the component

## [0.1.1]
### Fixed
- correction to the npm build command described in the readme

## [0.1.0]
### Changed
- npm package renamed from @scottish-government/pattern-library to @scottish-government/design-system

## [0.0.381]
### Changed
- Top border on site navigation only applied at larger sizes when the site navigation is visible

## [0.0.379]
### Changed
- H3 and H4 size in small accordions reduced

## [0.0.378]
### Added
- added methods to remove cookies to the storage script

## [0.0.372]
### Fixed
- side navigation spacing changes to stay aligned to 8px grid when using collapsing menu on small viewport

## [0.0.371]
### Added
- mouse click behaviour added to window.dataLayer (which button was pressed, whether modifier keys were included)
- "data-section" attribute added to link elements in the tracking script

## [0.0.370] - 2023-09-07
### Fixed
- back to top component placement is correct when the viewport height is similar to the total page height

## [0.0.368] - 2023-08-30
### Added
- helper mixin for removing top margin on first child of an element 
- helper mixin for applying link style in Windows high contrast mode
### Changed
- buttons that are styled to look like links use link style in Windows high contrast mode
- various amends to use responsive spacing mixins in place of fixed values
### Deprecated
- callout component
### Fixed
- various component (summary list, task list, search result, link item, tag, text input, select, tabs, site search) spacing changes to align to 8px grid

## [0.0.367] - 2023-08-29
### Fixed
- buttons in the date picker now have type="button" which avoids some incorrect triggering

## [0.0.365] - 2023-08-29
### Fixed
- placeholder text colour was defined but never used. it is now assigned to ::placeholder
- site navigation links in a closed mobile menu can no longer receive focus via keyboard

## [0.0.363] - 2023-08-25
### Fixed
- incorrect top margin on "hide this page" at viewports over 768px

## [0.0.362] - 2023-08-23
### Fixed
- 'CSS' interface not understood by IE11 and its use in page.js is causing errors in that browser

## [0.0.361] - 2023-08-21
### Fixed
- increase specificity of notification banner "actions" selector so it isn't overridden by ds_last-child-no-margin

## [0.0.360] - 2023-08-21
### Fixed
- amend styling of "step navigation" title to follow updated designs

## [0.0.359] - 2023-08-11
### Fixed
- 'divider' content block colour theme works as expected

## [0.0.358] - 2023-08-11
### Security
- address vulnerabilities in package dependencies

## [0.0.357] - 2023-07-27
### Fixed
- ensure components fit the 8px grid and that borders are not distorting their sizes (components affected: textarea/text input, tabs, table)
- add an underscore to the break-word.scss filename
- notification banner had its ds_last-child-no-margin helper in the wrong location

## [0.0.356] - 2023-07-13
### Changed
- remove use of pseudorandom number generators to create unique IDs on accordion, details, side navigation and site navigation

## [0.0.355] - 2023-07-12
### Fixed
- minor correction to accordion change in 0.0.354

## [0.0.354] - 2023-07-12
### Fixed
- check for validity of using window.location.hash as css selector
- be less aggressive in transformation of legacy date picker code

## [0.0.353] - 2023-07-10
### Added
- new "notification message" component

## [0.0.352] - 2023-07-07
### Added
- "Summary card" variant to "Summary list" component.
### Changed
- "Summary list" component support for multiple action buttons.
### Fixed
- Improved browser support for borders on "Summary list" component.

## [0.0.351] - 2023-06-08
### Changed
- "Article aside" component spacing and sizing simplified to inherit more styling and use responsive scale.
### Fixed
- Top level list elements have standard block element bottom margin as default.

## [0.0.350] - 2023-06-06
### Changed
- "Contact details" component has some spacing changes, multiple column support and option of grouping social links by platform type.

## [0.0.349] - 2023-05-23
### Fixed
- fix failing test specs

## [0.0.348] - 2023-05-23
### Fixed
- labels missing from side nav and site nav open/close toggles after JS initialisation

## [0.0.347] - 2023-05-22
### Fixed
- use npm prepack instead of npm prepare

## [0.0.346] - 2023-05-19
### Fixed
- minor code organisation / cleanup for date picker
### Changed
- remove date picker keyboard action for 'esc' key (close dialog) because it conflicts with screen reader keyboard shortcuts

## [0.0.345] - 2023-05-12
### Fixed
- resolve regression introduced in 0.0.344 where the dist folder was not being created

## [0.0.344] - 2023-05-12
### Fixed
- resolve istanbul-instrumenter-loader peer dependency issue by replacing it with coverage-istanbul-loader

## [0.0.343] - 2023-05-05
### Changed
- accordion items will start opened if they contain an element matching window.location.hash

## [0.0.342] - 2023-05-05
### Changed
- nested list spacing improvements
- different levels of ordered list use different numbering types

## [0.0.341] - 2023-05-03
### Fixed
- script error on date picker

## [0.0.340] - 2023-05-03
### Fixed
- date picker date selection callback function uses a JS date object as its first argument

## [0.0.339] - 2023-05-03
### Added
- date picker now has support for disabled dates
- date picker fires an optional callback function when a date is selected
- date picker supports multiple date inputs for day/month/year
- date picker calendar dates now have aria labels with their full date
### Changed
- only animate transitions on accordion, details, side navigation and site navigation if 'prefers-reduced-motion: reduce' not set
### Fixed
- date picker calendar button screen reader content reverts to "choose date" when text inputs are modified

## [0.0.338] - 2023-04-24
### Added
- pattern-library npm package now includes both minified and unminified compiled CSS

## [0.0.337] - 2023-04-05
### Added
- new "break word" utility class

## [0.0.336] - 2023-03-21
### Security
- address vulnerabilities in npm packages

## [0.0.335] - 2023-03-21
### Changed
- reduce need for an additional class on the body element for correct display of "hide this page" (uses :has(), which is not fully supported in all target browsers. Recommend still using the body class where possible)

## [0.0.334] - 2023-03-01
### Changed
- add border to non-generic thumbnail images in "file download" to ensure suitable contrast with the component background

## [0.0.333] - 2023-02-08
### Changed
- reworked "file download" component with titles linking to the document and "download" button removed
- new file type icons for common file types
- site header text inputs restyled to have a grey border and lighter background
### Fixed
- autocomplete tracking no longer misreporting search term

## [0.0.332] - 2023-02-08
### Changed
- remove dark border from "site search" text fields
### Notes
- site search text inputs do not meet colour contrast requirements

## [0.0.331] - 2023-02-07
### Changed
- "site search" text fields now have a dark border, to help meet colour contrast requirements
### Added
- added tracking attributes for the "details" component

## [0.0.330] - 2023-01-31
### Fixed
- clicks on "Cancel" and "OK" buttons on date pickers no longer trigger form submission

## [0.0.329] - 2023-01-30
### Fixed
- revert regression to cookie notification colour scheme introduced in 0.0.237

## [0.0.328] - 2023-01-30
### Fixed
- external link tracking no longer added to internal anchor/hash links

## [0.0.327] - 2023-01-26
### Fixed
- reduce complexity of some CSS selectors
- fix placement of accordion chevron icon

## [0.0.326] - 2023-01-25
### Added
- add tracking attribute for external links

## [0.0.325] - 2023-01-12
### Fixed
- corrections to scripts in package.json

## [0.0.324] - 2023-01-12
### Removed
- no longer use del-cli in npm prepublish
### Changed
- use double ampersands for chained npm scripts for better cross-platform support

## [0.0.323] - 2023-01-12
### Changed
- spacing adjustments to site header and branding

## [0.0.322] - 2023-01-12
### Changed
- site header restyled for better display on small viewports
- make sass and webpack npm tasks use scripts from node_modules

## [0.0.321] - 2023-01-10
### Fixed
- regenerate package-lock.json with no nexus URLs

## [0.0.320] - 2023-01-10
### Fixed
- use encodeURIComponent on term sent to autocomplete

## [0.0.319] - 2023-01-06
### Added
- Tracking attribute for prototype "Card" component 

## [0.0.318] - 2022-11-29
### Changed
- Summary list refactored to allow action links ("change") to be omitted without creating misalignment issues in the list
- Summary list has a new "no border" variant

## [0.0.317] - 2022-11-29
### Removed
- Fractal removed from the Pattern Library. It is now available in a separate repository.

## [0.0.316] - 2022-11-24
### Fixed
- Sass compilation error for "Details" component

## [0.0.315] - 2022-11-23
### Fixed
- box sizing for "Details" component

## [0.0.314] - 2022-11-19
### Fixed
- windows high contrast mode fixes:
  - outline colour on tag and notification panel changed to match text colour
  - highlighted autocomplete suggestion text colour and border colour changed to the "highlight" keyword colour
  - card links have an outline on focus only

## [0.0.313] - 2022-11-18
### Changed 
- windows high contrast compatibility review:
  - tag component has outline
  - notification panels have outline
  - highlighted text is visible on autocomplete suggestions
  - highlight marker is visible on autocomplete suggestions
  - card links have an outline
  - details component "arrow" indicator renders correctly

## [0.0.312] - 2022-11-16
### Changed 
- style updates for details and summary list components

## [0.0.311] - 2022-11-15
### Added 
- add draft "Summary list" component

## [0.0.310] - 2022-11-14
### Added 
- add draft "Details" component
### Fixed
- script error in IE11 when expected elements for page footer are not present

## [0.0.309] - 2022-11-09
### Added 
- add tracking attributes to step navigation

## [0.0.308] - 2022-11-08
### Added 
- add "small" accordion variant
- add "small" step navigation variant
### Fixed
- use correct outline colour for checkbox/radio hover state
- adjust spacing of accordion so that it fits on the 8px grid correctly
### Changed
- move "last child no margin" to the correct part of callout
- minor spacing corrections to step navigation

## [0.0.307] - 2022-11-01
### Added 
- include draft "step navigation" component window.DS.components

## [0.0.306] - 2022-11-01
### Added 
- include draft "step navigation" component in all-components.scss and all.js

## [0.0.305] - 2022-11-01
### Added 
- add draft "step navigation" component

## [0.0.304] - 2022-10-19
### Fixed 
- alignment of small variant checkbox and radio button "checked" states on viewports under 768px

## [0.0.303] - 2022-10-11
### Fixed 
- buttons used for accordion open/close have type "button" so they don't interfere with form submissions

## [0.0.302] - 2022-10-07
### Changed
- social icons now part of link target area within contact component
### Fixed 
- ie grid support for feature header component

## [0.0.301] - 2022-10-05
### Added
- content blocks for local development use only
### Changed
- content blocks not published to npm
### Removed
- files property from package.json
- readme content for local development

## [0.0.300] - 2022-10-03
### Changed
- card component now uses responsive spacing

## [0.0.299] - 2022-09-30
### Fixed
- base64 encoding of cookie value not happening in the correct location
- incorrect margins for narrow card category grid variant

## [0.0.298] - 2022-09-30
### Added
- sass colour helpers for tint and shade
- grey background option for card
- link list component containing link item components
### Changed
- image is now left aligned on a card with small image option at mobile size
- metadata spacing to use relative values
### Deprecated
- category item no longer needed within a card
### Removed
- metadata content labels
### Fixed
- minor fixes to Fractal examples for search results and pagination

## [0.0.297] - 2022-09-23
### Fixed
- fix failing storage.js specs 
- improve the check for whether the cookie value is encoded 

## [0.0.296] - 2022-09-23
### Changed
- use base64 encoding for cookie values set via storage.js

## [0.0.295] - 2022-09-22
### Fixed
- improved width rules for "file download" thumbnail that won't clash with image width rules set on `.ds_layout__content img`

## [0.0.294] - 2022-09-21
### Added
- new "ds_checkboxes" wrapper element that bakes in a bottom margin equal to how much the last checkbox in a group overflows its parent
### Fixed
- vertical alignment of small variant of radios and checkboxes
- a minor typo in a comment in _page.scss

## [0.0.293] - 2022-09-20
### Fixed
- split the pre-footer-background's :has() and its fallback CSS into two declarations

## [0.0.292] - 2022-09-20
### Added
- new method of handling when there is a coloured background preceding the footer

## [0.0.291] - 2022-09-15
### Fixed
- hover & focus state now visible on file download thumbnail link

## [0.0.290] - 2022-09-12
### Added
- add first pass at "exclusive" checkboxes
### Changed
- use DS standard box shadow for highlighted file download blocks

## [0.0.287] - 2022-08-23
### Changed
- rename the "file info" component to "file download"
- improve alt text on aspect box Fractal examples

## [0.0.286] - 2022-08-19
### Changed
- increase margin on feature header

## [0.0.285] - 2022-08-19
### Removed
- remove "full image" variant of feature header
### Changed
- rename content/media containers in feature header to use more generic names

## [0.0.284] - 2022-08-18
### Added
- add "feature header" component, which replaces "category header"

## [0.0.283] - 2022-08-12
### Removed
- remove node-sass as a dependency

## [0.0.282] - 2022-08-09
### Changed
- add 21:9 aspect ratio to "aspect box" options

## [0.0.281] - 2022-08-03
### Fixed
- typo in all.js

## [0.0.280] - 2022-08-03
### Fixed
- remove unecessary aspectBoxFallback call in all.js

## [0.0.279] - 2022-08-03
### Changed
- refactor the "aspect box" fallback to be a JS class

## [0.0.278] - 2022-08-01
### Changed
- improve accessibility of "file info" component

## [0.0.277] - 2022-07-26
### Changed
- task list component heading structure and use of hint text for summaries

## [0.0.276] - 2022-07-21
### Changed
- task list component style changes and support for multiple groups

## [0.0.275] - 2022-07-14
### Fixed
- aspect box fallback invalid CSS

## [0.0.273] - 2022-07-13
### Added
- task list component (experimental)

## [0.0.272] - 2022-07-07
### Fixed
- correction to tracking behaviour for autocomplete keyboard interactions

## [0.0.271] - 2022-07-07
### Changed
- adjustment to default number of characters required to for autocomplete requests

## [0.0.270] - 2022-07-05
### Changed
- reduce number of branches in tabs javascript

## [0.0.269] - 2022-07-05
### Added
- add tracking rules for autocomplete

## [0.0.268] - 2022-06-28
### Changed
- tighter spacing and sizing for pagination
- update "ellipsis" pagination example to the new correct number of links

## [0.0.267] - 2022-06-16
### Changed
- moved "promise request" script to base/tools

## [0.0.265] - 2022-06-16
### Changed
- search results examples in Fractal show new presentation of result totals when pagination is used
- search results status changed to prototype
- improved screen reader support for search results alternative search suggestions
### Fixed
- correction to tracking data attribute on search results examples in Fractal

## [0.0.264] - 2022-06-09
### Changed
- minor typography updates: alternate heading level classnames renamed, bottom margin explicitly set on h4 and h5

## [0.0.263] - 2022-06-06
### Changed
- children of pagination links have pointer-events: none
- autocomplete trims the search string before using it

## [0.0.262] - 2022-05-31
### Changed
- correction to dividing line at top of site footer

## [0.0.261] - 2022-05-31
### Changed
- improved spacing for site footer navigation items
- add dividing line at top of site footer

## [0.0.260] - 2022-05-31
### Changed
- improved spacing for site footer navigation items

## [0.0.259] - 2022-05-25
### Fixed
- correction to tracking data attribute for tabs

## [0.0.258] - 2022-05-18
### Changed
- heading 4 line height changes for typography scale
### Fixed
- icon size on contact details
- Sass changes to tabs to support deprecated compilers

## [0.0.257] - 2022-05-17
### Added
- tabs component
### Changed
- contents navigation minor style changes to match tabs component

## [0.0.255] - 2022-05-12
### Changed
- reverted package-lock.json back to npm-shrinkwrap.json
### Fixed
- alignment defect on category list items

## [0.0.254] - 2022-05-12
### Changed
- package now uses package-lock.json instead of npm-shrinkwrap.json
- npm module files restricted to licence, /dist, and /src

## [0.0.253] - 2022-04-29
### Changed
- Content label component no longer forces text to uppercase
- Autocomplete uses the "mark" element to highlight matched text
### Fixed
- Unit tests no longer output compoled scripts to the dist folder

## [0.0.252] - 2022-04-29
### Added
- Mixin for small font size which stays the same size over all breakpoints.
### Changed
- Font sizes now calculated relative to single base.
- Tag component font size change to match typography scale.

## [0.0.249] - 2022-04-13
### Fixed
- Icon position on back to top button
- Icon position on currency input field

## [0.0.248] - 2022-04-08
### Added
- Search result variant to include a sub heading
### Changed
- Search results spelling suggestions

## [0.0.246] - 2022-04-06
### Changed
- Autocomplete readme includes the aria status div 
- Autocomplete codes for the presence of the aria status div before trying to populate it
- Replace uses of "xlink:href" (deprecated) in SVG "use" elements with "href"
### Removed
- Fractal-related files no longer included in the npm package
- Prune some no longer needed items (e.g. jest config)

## [0.0.244] - 2022-03-31
### Changed
- Use webpack-cli v4.9.2

## [0.0.243] - 2022-03-31
### Changed
- Accessibility improvements on prototype autocomplete component
- Increase z-index of autocomplete suggestions

## [0.0.242] - 2022-03-28
### Added
- Unit tests for search results tracking (promoted, media, related)
### Changed
- Set pointer-events: none on children of notification close buttons

## [0.0.241] - 2022-03-25
### Changed
- Layout grid for search results

## [0.0.240] - 2022-03-22
### Changed
- Small styling changes to search result component
- Tracking attribute for images within search results
### Fixed
- Various typos in Fractal search result examples

## [0.0.239] - 2022-03-22
### Fixed
- Webpack build failing in development mode

## [0.0.238] - 2022-03-21
### Fixed
- Date picker open/close button now gets a data attribute added on init()

## [0.0.237] - 2022-03-16
### Changed
- Mark file info as "prototype"
### Security
- Updated package versions
### Removed
- "reversed" site footer variant from Fractal

## [0.0.236] - 2022-03-16
### Added
- Autocompolete component added to Fractal
- File info component added to Fractal
- File type icons added (CSV, Excel, "file", geodata, PDF, Powerpoint, RTF, TXT, Word, XML)
### Changed
- Remove reset styles for "search" input types

## [0.0.235] - 2022-03-14
### Added
- First draft of "file info" component
### Fixed
- Incorrect icon sizing on buttons in IE11
- Incorrect metadata colour on focused search results
- Use "none" instead of "unset" for side navigation and site navigation height on small viewports, to support IE11
- Wait until the end of the event loop to change side navigation height property when opening the side navigation on small devices

## [0.0.234] - 2022-03-11
### Added 
- Related searches within search results pattern.
- Support for 4px typography grid.
- Function for calculating root font size and line height.
### Changed
- Search result component has additional layout options and some styling changes.
- Search results pattern has minor styling changes. 
- Pagination ellipsis example now shows both directions.
### Fixed
- Support for mark tag in Windows high contrast mode.

## [0.0.233] - 2022-03-04
## Added
- Alpha "autocomplete" component

## [0.0.232] - 2022-03-04
## Fixed
- Regression introduced in Date Picker component

## [0.0.231] - 2022-03-03
## Changed
- Update site footer component with new grey colourway

## [0.0.230] - 2022-02-23
## Fixed
- Incorrect syntax on calc() expression

## [0.0.229] - 2022-02-23
## Changed
- Improve stability of Date Picker component

## [0.0.228] - 2022-02-22
### Changed
- Pagination "load more" button is now a variant of the component.
- Date picker component sets tracking on itself after initialisation.
- Responsive spacing mixins now have a default value for the "direction" property.
### Fixed
- Tracking attributes now set correctly on accordion "open all" buttons.

## [0.0.227] - 2022-02-21
### Changed
- Site branding text is a link only when not appearing alongside a linked logo. 
### Fixed
- Inconsistent width of site branding logo in Safari browser when SVG.

## [0.0.226] - 2022-02-18
### Added
- Mixin to help with focus states in Windows high contrast mode.

## [0.0.225] - 2022-02-17
### Added
- Prefilled value list within form components.

## [0.0.224] - 2022-02-13
### Added
- Responsive spacing helpers.
### Changed
- Fixed dimensions changed to use responsive spacing.

## [0.0.223] - 2022-02-07
### Added
- Inclusion of [Fractal](https://fractal.build/) now provides a way to browse components, and their variants, locally without requiring to add the pattern library to another project first.
- Dev set of build tasks.
- Placeholder images that are solely used for Fractal examples.
- Analytics tracking attributes added for "Skip links" component.
### Changed
- Readme now contains information on how to use the pattern library as well as contact information for the Design System team.
- JavaScript now transpiled to ES5 for IE11 support.
- DT elements are now bold by default.
- Reversed "secondary" buttons darken on hover.
### Fixed
- Removed duplicate JavaScript initialisation of the datepicker component.
- Fixed JavaScript error if footer tracking is invoked without an organisation link present in the footer.
- Aspect box component fallback now clones the alt attribute.
