@nationalarchives/frontend 0.33.2 → 0.34.0

package/nationalarchives/templates/partials/logo.njk

@@ -0,0 +1,11 @@
+{% macro tnaLogo(params) %}
+  <span class="tna-logo{% if params.solid %} tna-logo--solid{% endif %}{% if params.adornable %} tna-logo--adornable{% endif %}">
+    <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 160 160" width="{{ params.size or '96' }}" height="{{ params.size or '96' }}" aria-hidden="true" focusable="false">
+      <path class="tna-logo__background" fill="transparent" d="M0 0h160v160H0z" />
+      <g class="tna-logo__foreground" fill="currentColor">
+        <path d="M1.9 107.2h156.3V158H1.9v-50.8zm0-52.7h156.3v50.8H1.9V54.5zm0-52.6h77.2v50.8H1.9V1.9zm79 0h77.2v50.8H80.9V1.9zm0-1.9H0v160h160V0H80.9z" />
+        <path d="M21.3 19.5h-5.4v-3h14.3v3h-5.4v18.4h-3.5zM31.6 16.5H35v9h8.4v-9h3.4v21.4h-3.4v-9.3H35v9.3h-3.4zM50.9 16.5h12.2v3h-8.8v6.1h7.4v3h-7.4v6.3h8.8v3H50.9zM19.7 69.2h3.8l6.4 12.5c.6 1.1 1.1 2.7 1.6 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2H23c.2 1.4.3 3.3.3 5v11.5h-3.5c-.1 0-.1-21.4-.1-21.4zM47.8 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8H45c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zM43 69.2h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6L43 69.2zM57.2 72.3h-5.4v-3.1H66v3.1h-5.4v18.4h-3.4zM67.8 69.2h3.5v21.4h-3.5zM87.5 80c0-5.3-1.7-8-4.8-8-3.2 0-4.8 2.7-4.8 8 0 5.2 1.6 7.9 4.8 7.9 3.2 0 4.8-2.7 4.8-7.9m-13.3 0c0-7 3-11.1 8.5-11.1 5.4 0 8.4 4.1 8.4 11.1 0 6.9-3 11-8.4 11s-8.5-4.1-8.5-11M94.3 69.2H98l6.4 12.5c.6 1.1 1.2 2.7 1.7 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2h-.2c.2 1.4.3 3.3.3 5v11.5h-3.5V69.2zM122.4 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM129.9 69.2h3.5v18.4h8.4v3.1h-11.9zM26.9 135.2l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4H29l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM39.9 132.5c2.5 0 3.4-1.6 3.4-3.9 0-2.2-1-3.8-3.4-3.8h-2.7v7.7h2.7zm-6.1-10.7h6.4c4.5 0 6.7 2.4 6.7 6.6 0 3.1-1.5 5.6-3.7 6.3v.2c1 1.1 4 7.5 4.8 7.9v.5h-3.8c-1-.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5v-21.5zM52.9 132.5c0 5.3 1.9 8 4.8 8s4-2 4-5.2l3.5.1c0 .2.1.4.1.6 0 4.4-2.1 7.5-7.5 7.5-5.2 0-8.5-3.9-8.5-11.1 0-7.1 3.3-11 8.5-11 6.4 0 7.5 4.6 7.5 7.2 0 .3 0 .7-.1.9l-3.5.1c0-3.3-1.2-5.2-4-5.2-2.9.2-4.8 2.9-4.8 8.1M68 121.8h3.5v9.1h8.3v-9.1h3.5v21.5h-3.5v-9.4h-8.3v9.4H68zM87.9 121.8h3.5v21.4h-3.5zM94.2 121.8h3.6l3.2 12.3c.5 1.9.8 3.6 1.1 5.6h.2c.3-2 .6-3.7 1.1-5.6l3.2-12.3h3.6l-6.1 21.4H100l-5.8-21.4zM112.7 121.8H125v3.1h-8.8v6h7.4v3h-7.4v6.3h8.8v3.1h-12.3zM130.4 136c0 .2-.1.5-.1.8 0 1.9.8 3.7 3.4 3.7 2.1 0 3.3-1.2 3.3-2.9 0-1.6-.7-2.4-2.2-3l-3.4-1.3c-2.4-.9-4.2-2.4-4.2-5.7 0-3.5 2.3-6.1 6.6-6.1 5.5 0 6.4 3.6 6.4 5.9 0 .3 0 .7-.1 1.1l-3.4.1c0-.2.1-.5.1-.7 0-1.7-.6-3.2-3-3.2-2.1 0-3 1.2-3 2.8 0 1.7.9 2.5 2.2 2.9l3.5 1.3c2.6 1 4.3 2.6 4.3 5.8 0 3.6-2.4 6.1-7 6.1-5.9 0-6.8-3.9-6.8-6.5 0-.3 0-.6.1-1l3.3-.1z" />
+      </g>
+    </svg>
+  </span>
+{% endmacro %}

package/nationalarchives/templates/plain.njk

@@ -29,64 +29,6 @@
       </h1>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at magna est. Sed vel fermentum arcu. Suspendisse viverra est nec interdum tincidunt. Phasellus dictum, turpis eget iaculis tincidunt, ex metus porttitor turpis, ut pulvinar risus erat quis dui. Nam semper sapien a ipsum congue pharetra.</p>
       <p>Donec cursus, eros eu egestas aliquam, ipsum ligula suscipit metus, eget maximus turpis nisl vitae ex. Etiam ornare convallis quam a consequat. Etiam sodales aliquet nulla, id rutrum justo accumsan sed.</p>
-      <ul class="tna-ul">
-        <li>Alpha</li>
-        <li>Beta</li>
-        <li>Gamma</li>
-      </ul>
-      <ol class="tna-ol">
-        <li>Alpha</li>
-        <li>Beta</li>
-        <li>Gamma</li>
-      </ol>
-      <dl class="tna-dl">
-        <dt>Alpha</dt>
-        <dd>Lorem ipsum</dd>
-        <dt>Beta</dt>
-        <dd>Lorem ipsum</dd>
-        <dt>Gamma</dt>
-        <dd>Lorem ipsum</dd>
-        <dt>Delta</dt>
-        <dd>Lorem ipsum</dd>
-        <dt>Epsilon</dt>
-        <dd>Lorem ipsum</dd>
-      </dl>
-      <table class="tna-table">
-        <caption class="tna-table__caption">
-          Records added and removed between 2020 and 2022.
-        </caption>
-        <thead class="tna-table__head">
-          <tr class="tna-table__row">
-            <th class="tna-table__header">Year</th>
-            <th class="tna-table__header tna-table__header--numeric">Records added</th>
-            <th class="tna-table__header tna-table__header--numeric">Records removed</th>
-          </tr>
-        </thead>
-        <tbody class="tna-table__body">
-          <tr>
-            <th class="tna-table__header">2020</th>
-            <td class="tna-table__cell tna-table__cell--numeric">123,456</td>
-            <td class="tna-table__cell tna-table__cell--numeric">789</td>
-          </tr>
-          <tr>
-            <th class="tna-table__header">2021</th>
-            <td class="tna-table__cell tna-table__cell--numeric">456,789</td>
-            <td class="tna-table__cell tna-table__cell--numeric">123</td>
-          </tr>
-          <tr>
-            <th class="tna-table__header">2022</th>
-            <td class="tna-table__cell tna-table__cell--numeric">42,424</td>
-            <td class="tna-table__cell tna-table__cell--numeric">1,337</td>
-          </tr>
-        </tbody>
-        <tfoot class="tna-table__foot">
-          <tr>
-            <th class="tna-table__header">Total</th>
-            <td class="tna-table__cell tna-table__cell--numeric">622,669</td>
-            <td class="tna-table__cell tna-table__cell--numeric">2,249</td>
-          </tr>
-        </tfoot>
-      </table>
     </div>
   </div>
 </div>

package/nationalarchives/utilities/logo.css

@@ -0,0 +1 @@
+.tna-logo{width:6rem;aspect-ratio:1;display:block}.tna-logo svg{width:100%;height:100%}.tna-logo__background{fill:rgba(0,0,0,0)}.tna-logo__foreground{fill:currentColor}.tna-logo--solid .tna-logo__background{fill:#fff}.tna-logo--solid .tna-logo__foreground{fill:#010101}/*# sourceMappingURL=logo.css.map */

package/nationalarchives/utilities/logo.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/nationalarchives/utilities/logo.scss"],"names":[],"mappings":"AAAA,UACE,WACA,eAEA,cAEA,cACE,WACA,YAGF,sBACE,mBAGF,sBACE,kBAGF,uCACE,UAGF,uCACE","file":"logo.css","sourcesContent":[".tna-logo {\n  width: 6rem;\n  aspect-ratio: 1;\n\n  display: block;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n\n  &__background {\n    fill: transparent;\n  }\n\n  &__foreground {\n    fill: currentColor;\n  }\n\n  &--solid &__background {\n    fill: #fff;\n  }\n\n  &--solid &__foreground {\n    fill: #010101;\n  }\n}\n"]}

package/nationalarchives/utilities/logo.scss

@@ -0,0 +1,27 @@
+.tna-logo {
+  width: 6rem;
+  aspect-ratio: 1;
+
+  display: block;
+
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+
+  &__background {
+    fill: transparent;
+  }
+
+  &__foreground {
+    fill: currentColor;
+  }
+
+  &--solid &__background {
+    fill: #fff;
+  }
+
+  &--solid &__foreground {
+    fill: #010101;
+  }
+}

package/nationalarchives/utilities/typography/_index.scss

@@ -442,6 +442,17 @@ small {
 
   @include colour.thick-keyline-accent(left);
 
+  // &::before {
+  //   content: "\201C";
+
+  //   display: block;
+
+  //   font-family: Georgia, "Times New Roman", Times, serif;
+  //   font-size: 3em;
+  //   line-height: 1;
+  //   @include colour.colour-font("font-light");
+  // }
+
   &__quote {
     @include typography.main-font-weight-medium;
     quotes: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nationalarchives/frontend",
-  "version": "0.33.2",
+  "version": "0.34.0",
   "description": "The National Archives frontend styles",
   "scripts": {
     "start": "storybook dev -p 6006",
@@ -45,7 +45,7 @@
   "sass": "nationalarchives/all.scss",
   "homepage": "https://github.com/nationalarchives/tna-frontend#readme",
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^7.0.1"
+    "@fortawesome/fontawesome-free": "^7.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.25.8",

package/nationalarchives/templates/templates.stories.js.TEMP

@@ -1,28 +0,0 @@
-import PlainTemplate from "./plain.njk";
-import ListTemplate from "./list.njk";
-import IndexGridTemplate from "./index-grid.njk";
-import ErrorPageNotFoundTemplate from "./error-page-not-found.njk";
-
-export default {
-  title: "Templates/Prototype kit",
-};
-
-export const Plain = () =>
-  PlainTemplate({
-    params: {},
-  });
-
-export const List = () =>
-  ListTemplate({
-    params: {},
-  });
-
-export const IndexGrid = () =>
-  IndexGridTemplate({
-    params: {},
-  });
-
-export const ErrorPageNotFound = () =>
-  ErrorPageNotFoundTemplate({
-    params: {},
-  });