@nationalarchives/frontend 0.1.12-prerelease → 0.1.13-prerelease

package/nationalarchives/utilities/_global.scss

@@ -112,9 +112,16 @@
   margin: 0;
   padding: 0;
 
-  // @include colour.colour-background("page-background");
-
   overflow: auto;
+
+  &:has(.tna-header):has(#main[role="main"]):has(.tna-footer) {
+    display: flex;
+    flex-direction: column;
+
+    #main[role="main"] {
+      flex: 1;
+    }
+  }
 }
 
 img,

package/nationalarchives/utilities/_typography.scss

@@ -3,7 +3,7 @@
 @use "../tools/typography";
 
 // Temporary - will eventually bundle font files into package
-@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";
+@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap";
 @import "https://use.typekit.net/hkj3kuz.css";
 
 .tna-template {
@@ -74,7 +74,7 @@ a {
 }
 
 .tna-heading {
-  margin-bottom: 1.5rem;
+  margin-bottom: 1rem;
 
   @include colour.colour-font("font-dark");
   @include typography.heading-font;

package/nationalarchives/variables/_colour.scss

@@ -87,7 +87,7 @@ $colour-palette-dark: map.merge(
     "page-background": #222,
     "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,
     "keyline": rgba($-tna-white, 0.5),

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.13-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",