@nationalarchives/frontend 0.1.15-prerelease → 0.1.17-prerelease

package/nationalarchives/lib/font-awesome/brands.scss

@@ -0,0 +1,34 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+@import "functions";
+@import "variables";
+
+:root,
+:host {
+  --#{$fa-css-prefix}-style-family-brands: "Font Awesome 6 Brands";
+  --#{$fa-css-prefix}-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
+}
+
+@font-face {
+  font-family: "Font Awesome 6 Brands";
+  font-style: normal;
+  font-weight: 400;
+  font-display: $fa-font-display;
+  src:
+    url("#{$fa-font-path}/fa-brands-400.woff2") format("woff2"),
+    url("#{$fa-font-path}/fa-brands-400.ttf") format("truetype");
+}
+
+.fab,
+.#{$fa-css-prefix}-brands {
+  font-weight: 400;
+}
+
+@each $name, $icon in $fa-brand-icons {
+  .#{$fa-css-prefix}-#{$name}:before {
+    content: unquote('"#{ $icon }"');
+  }
+}

package/nationalarchives/lib/font-awesome/fontawesome.scss

@@ -0,0 +1,21 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+// Font Awesome core compile (Web Fonts-based)
+// -------------------------
+
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "core";
+@import "sizing";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "animated";
+@import "rotated-flipped";
+@import "stacked";
+@import "icons";
+@import "screen-reader";

package/nationalarchives/lib/font-awesome/regular.scss

@@ -0,0 +1,28 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+@import "functions";
+@import "variables";
+
+:root,
+:host {
+  --#{$fa-css-prefix}-style-family-classic: "#{ $fa-style-family }";
+  --#{$fa-css-prefix}-font-regular: normal 400 1em/1 "#{ $fa-style-family }";
+}
+
+@font-face {
+  font-family: "Font Awesome 6 Free";
+  font-style: normal;
+  font-weight: 400;
+  font-display: $fa-font-display;
+  src:
+    url("#{$fa-font-path}/fa-regular-400.woff2") format("woff2"),
+    url("#{$fa-font-path}/fa-regular-400.ttf") format("truetype");
+}
+
+.far,
+.#{$fa-css-prefix}-regular {
+  font-weight: 400;
+}

package/nationalarchives/lib/font-awesome/solid.scss

@@ -0,0 +1,28 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+@import "functions";
+@import "variables";
+
+:root,
+:host {
+  --#{$fa-css-prefix}-style-family-classic: "#{ $fa-style-family }";
+  --#{$fa-css-prefix}-font-solid: normal 900 1em/1 "#{ $fa-style-family }";
+}
+
+@font-face {
+  font-family: "Font Awesome 6 Free";
+  font-style: normal;
+  font-weight: 900;
+  font-display: $fa-font-display;
+  src:
+    url("#{$fa-font-path}/fa-solid-900.woff2") format("woff2"),
+    url("#{$fa-font-path}/fa-solid-900.ttf") format("truetype");
+}
+
+.fas,
+.#{$fa-css-prefix}-solid {
+  font-weight: 900;
+}

package/nationalarchives/lib/font-awesome/v4-shims.scss

@@ -0,0 +1,11 @@
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+// V4 shims compile (Web Fonts-based)
+// -------------------------
+
+@import "functions";
+@import "variables";
+@import "shims";

package/nationalarchives/stories/utilities/colour-schemes/colour-schemes.mdx

@@ -83,3 +83,25 @@ The high contrast themes are applied on top of the existing light and dark theme
 The colours are defined in `src/nationalarchives/variables/_colour.scss` as a separate map for each theme.
 
 This allows you to reference a colour, such as `font-base` without having to worry about which theme is currently in use.
+
+## Accent colours
+
+To add accent colours to the page, add one of the following classes to the `<html>` element:
+
+- `tna-template--yellow-accent`
+- `tna-template--pink-accent`
+- `tna-template--orange-accent`
+- `tna-template--green-accent`
+- `tna-template--blue-accent`
+
+```html
+<html class="tna-template tna-template--system-theme tna-template--yellow-accent">
+  <head>
+    <title>System theme with yellow accents</title>
+  </head>
+  <body class="tna-template__body">
+  </body>
+</html>
+```
+
+