IO-1022: Add outline on keyboard navigation (#508)

* add inital focus border for checkbox

* fix checkbox focus when clicking away and pressing space

* add purple outline on tab focus on button

* add purple outline to infobox and tabs

* add purple outline on accordion and fix linting errors in checkbox

* change border to box shadow to remove size increase from border

* change padding and margin on accordion

* tidy up the code

* fix focus-visible on link and tabs

* change to tabs

* remove tab-index experiment to prevent breaking changes

* add blue and purple outline to more components

* fix an issue with outline/border on button

* change px values to rem

* change more px values to rem

* add outline to alert component

* update changelog

* revert changelog mistake

* update outline on toc

* add outline to input fields

* add outlines to search circle

* add outlines

* remove outline on input-elements

* add outline to personalized content link

* add outline to service link and change to rem values in pcl

* add outline to radio box

* card outline WIP

* change to correct padding and remove padding from buttons inside card__action

* changes to padding on all breakpoints

* update changelog

* add new modifier for portrait cards

* change padding on xs cards

* add documentation and fix some spacing

* small fixes after testing

* more fixes

* change to documentation and padding

* more changes to paddings and classes

* more changes to paddings and classes again

* remove documentation

* make link heading only to improve screenreading

* update changelog

* change z-index

* refactor link in cards to wrap header

* refactor animation class to work with new html

* change z-index for correct layering

* tweak scss in the correct direction

* refactor again and bugfixes

* add new nolink class to circumvent styles

* update packages

* tweaks to outline

* tweaks to focus outline

* add outline to cards

* update outline on more components

* add outline to input components

* add outline to to cards

* more outlines

* update changelog

* add linting rule

* fix changelog

* Revert "update changelog"

This reverts commit c71579b.

* fix changelog

* fix changelog

* update old changes

* change from px to rem

* tweaks to changelog to avoid conflicts

* uodate outline and box shadow

* rework structure of the outlines to be more consistent

* add checkboxEvent init

* fix focus outline on checkbox component

* remove duplicate block display

* fix outline on checkbox, radio and fieldset

* fix linting error

* remove longhand property rule

* remove unecessary important specification

* remove lines created by merging

* remove more empty lines

* fix outline and accessibility in status card

* fix accessibility in landscape card

* add outline to switch, revert landscape card

* fix feedback on link in button text and personalized content link

* add inline-block to no-decoration class and remove bold weight on focus from radio and checkbox

* add underline on hover and focus to toc

* fix link outline and add focus style to developer tab on radio

* add keyboard focus variants to developer tabs

* move developer tab focus example

* fix font-weights on radio and checkbox

* add light blue hover style for darkmode links

* remove white spacing on link outline

* add styling for darkmode

* fix colour of radio button

* change colour on switch text

* remove package-lock file

CHANGELOG.md

@@ -17,6 +17,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - **Breaking change:** Added keyboard functionality to datepicker component and upgraded to new version.
 - Added new helper for width and height custom classes.
 - Added new error message styling to all components.
+- Added focus outline on keyboard navigation.
 
 ### Changed