@nationalarchives/frontend 0.1.12-prerelease → 0.1.14-prerelease

package/nationalarchives/variables/_colour.scss

@@ -79,20 +79,31 @@ $colour-palette-default: (
   "button-secondary-background": $-tna-yellow,
   "button-secondary-hover-text": $-tna-black,
   "button-secondary-hover-background": $-tna-white,
+  "contrast-background": $-dark-grey,
+  "contrast-font-base": $-tna-white,
+  "contrast-font-dark": $-tna-white,
+  "contrast-font-light": rgba($-tna-white, 0.7),
+  "contrast-link": $-tna-white,
+  "contrast-link-visited": #b9f,
+  "contrast-keyline": rgba($-tna-white, 0.5),
+  "contrast-keyline-dark": rgba($-tna-white, 0.8),
 );
 
 $colour-palette-dark: map.merge(
   $colour-palette-default,
   (
-    "page-background": #222,
+    "page-background": #111,
     "font-base": rgba($-tna-white, 0.95),
     "font-dark": $-tna-white,
-    "font-light": rgba($-tna-white, 0.8),
+    "font-light": rgba($-tna-white, 0.5),
     "link": $-tna-blue,
-    "link-visited": #b9f,
+    "link-visited": map.get($colour-palette-default, "contrast-link-visited"),
     "keyline": rgba($-tna-white, 0.5),
     "keyline-dark": $-tna-white,
     "accent": accent-colour-dark(),
+    "contrast-background": #222,
+    "contrast-link-visited":
+      map.get($colour-palette-default, "contrast-link-visited"),
   )
 );
 
@@ -106,17 +117,26 @@ $colour-palette-high-contrast: map.merge(
     "focus-outline": $-tna-orange,
     "keyline": $-tna-black,
     "keyline-dark": $-tna-black,
+    "contrast-background": #f0f0f0,
+    "contrast-font-base": $-tna-black,
+    "contrast-font-dark": $-tna-black,
+    "contrast-font-light": rgba($-tna-black, 0.7),
+    "contrast-link": $-tna-black,
+    "contrast-link-visited": $-tna-black,
+    "contrast-keyline": rgba($-tna-black, 0.5),
+    "contrast-keyline-dark": rgba($-tna-black, 0.8),
   )
 );
 
 $colour-palette-high-contrast-dark: map.merge(
   $colour-palette-dark,
   (
-    "page-background": #191919,
+    "page-background": $tna-black,
     "font-base": $-tna-white,
     "font-light": $-tna-white,
     "link": $-tna-white,
     "link-visited": $-tna-white,
     "keyline": $-tna-white,
+    "contrast-background": #111,
   )
 );

package/nationalarchives/variables/_typography.scss

@@ -4,7 +4,9 @@ $font-family-main: "Open Sans", sans-serif;
 $font-weight-main: 400;
 
 $font-family-heading: supria-sans-condensed, sans-serif;
-$font-weight-heading: 600;
+$font-weight-heading: 400;
 
 $font-family-detail: "Roboto Mono", monospace;
-$font-weight-detail: 500;
+$font-weight-detail: 400;
+// $font-family-detail: $font-family-main;
+// $font-weight-detail: $font-weight-main;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nationalarchives/frontend",
-  "version": "0.1.12-prerelease",
+  "version": "0.1.14-prerelease",
   "description": "The National Archives frontend styles",
   "scripts": {
     "start": "storybook dev -p 6006",
@@ -9,8 +9,7 @@
     "lint": "prettier --check '{src,.storybook,tasks}/**/*.{js,mjs,scss,json,html}' && stylelint 'src/**/*.scss' && eslint 'src/**/*.mjs'",
     "lint:fix": "prettier --write '{src,.storybook,tasks}/**/*.{js,mjs,scss,json,html}' && stylelint --fix 'src/**/*.scss' && eslint --fix 'src/**/*.mjs'",
     "package:sass": "sass --style=compressed --quiet-deps src/nationalarchives/all.scss package/nationalarchives/all.css",
-    "package:scripts": "webpack",
-    "package:test": "tasks/build-package.sh && node tasks/test-package.js"
+    "package:scripts": "webpack"
   },
   "repository": {
     "type": "git",
@@ -54,6 +53,7 @@
     "@storybook/jest": "^0.1.0",
     "@storybook/test-runner": "^0.13.0",
     "@storybook/testing-library": "^0.2.0",
+    "axe-playwright": "^1.2.3",
     "babel-loader": "^9.0.1",
     "chromatic": "^6.21.0",
     "copy-webpack-plugin": "^11.0.0",