# 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`. --- ## [4.1.1] ### Changed - Cookie notification banner markup changed to work with flex layout that is used in notification banner ### Fixed - Layout issue with cookie notification banner introduced in v4.1.0 with legacy support added for old markup ## [4.1.0] ### Added - File upload component with drag and drop support - Notification message component enhancements - New information, warning and error states - Optional dismiss/close button - Additional tracking attributes ### Changed - Notification banner component design changes to align with notification message - Tighter spacing - Reduced size of dismiss/close button - Icon changed to match warning state icon - Warning text component design changes to align with notification banner - Tighter spacing - Icon changed to match warning state icon - Bump vitest from 4.0.4 to 4.1.7 ### Fixed - Position of currency symbol on currency text inputs ### Removed - Inverse and colour icon options from notification banner component ### Security - Bump @xmldom/xmldom from 0.8.12 to 0.8.13 - Bump postcss from 8.5.6 to 8.5.12 ## [4.0.1] ### Fixed - Autocomplete can run into an infinite loop when there is not enough room in the viewport to display all returned suggestions ## [4.0.0] ### Added - ESLint and improved code documentation to increase quality of JavaScript/TypeScript code - Redesigned card component and card grid - Notification tag component - currently only used in cards - Sub questions on a checkbox or radio are always visible - Notification message component with alias for Confirmation message component which will be deprecated in a future version ### Changed - JavaScript migrated to TypeScript - Webpack migrated to Vite - Unit tests migrated to Vitest and coverage improved to 100% - Sass migrated to use Modular Sass - Replaced absolute px values with relative ones - Sass version updated to 1.94.3 - this stops short of the breaking change to the if() function - File download now has CSS class to control border on image ### Deprecated - Legacy code marked as deprecated - Layout mixins - Block margins mixins - Box shadow mixin - Fancy underscore mixin - Heading mixins - Heading styles (alpha, gamma etc) - Icons mixins - Media query mixin - Form mixin for radio checkbox states - Navigation grid area for search results layout - ds_category-list--narrow for narrow gaps between category list items - Using category item alongside card - .ds_phase-banner__content--stacked modifier ### Fixed - Make ID modifier script understand DS on global scope ### Removed - Removal of deprecated code - Category header - Callout - Notification actions (from Notification banner) - 2.35:1 aspect box ratio - icon sizes 12px and 52px to 80px - border colour names - $ds_colour__border--dark, $ds_colour__border--light - search results with sidebar layout - icon mask - grid-gap changed to gap - IE 11 specific support - Duplicated spacing on ds_datepicker, instead use with ds_question for spacing - Conditional revealed questions for checkbox or radio ### Security - Bump minimatch: - 3.1.2 to 3.1.5 - 9.0.5 to 9.0.9 - Bump rollup from 4.53.3 to 4.59.0 - Bump svgo from 2.8.0 to 2.8.2 - Bump immutable from 5.1.4 to 5.1.5 - Bump ajv from 6.12.4 to 6.14.0 ## [3.4.1] ### Fixed - Correction to positioning of back to top button - Inconsistent focus state of button component ### Security - Bump lodash from 4.17.21 to 4.17.23 ## [3.4.0] ### Changed - Site branding font is now normal weight rather than light - Back to top button always accessible to keyboard users whenever it receives focus ### Fixed - Spacing under details component - Tracking script no longer adding duplicated entries to datalayer ### Security - Bump js-yaml from 4.1.0 to 4.1.1 - Bump qs and body-parser ## [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.