@nationalarchives/frontend 0.1.8-prerelease → 0.1.10-prerelease

package/README.md

@@ -1,6 +1,6 @@
 <img src="./src/nationalarchives/assets/images/tna-horizontal-logo-inverted.svg" alt="The National Archives logo" title="The National Archives" width="120" />
 
-# The National Archives Frontend
+# National Archives Frontend
 
 [![Main build status](https://github.com/nationalarchives/tna-frontend/actions/workflows/ci.yml/badge.svg?branch=main&event=push)](https://github.com/nationalarchives/tna-frontend/actions/workflows/ci.yml?query=branch%3Amain)
 [![Latest release](https://img.shields.io/github/v/release/nationalarchives/tna-frontend?style=flat-square&logo=github&logoColor=white&sort=semver)](https://github.com/nationalarchives/tna-frontend/releases)
@@ -8,7 +8,7 @@
 [![Node version](https://img.shields.io/node/v-lts/@nationalarchives/frontend?style=flat-square&logo=nodedotjs&logoColor=white)](https://github.com/nationalarchives/tna-frontend/blob/main/.nvmrc)
 [![Licence](https://img.shields.io/github/license/nationalarchives/tna-frontend?style=flat-square)](https://github.com/nationalarchives/tna-frontend/blob/main/LICENCE)
 
-The National Archives Frontend contains the code you need to start building a user interface for  National Archives platforms and services.
+National Archives Frontend contains the code you need to start building a user interface for  National Archives platforms and services.
 
 ## Quickstart
 

package/nationalarchives/_features.scss

@@ -0,0 +1 @@
+$support-colour-schemes: false;

package/nationalarchives/all.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{margin:0;padding:0;background-color:#fff;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}*:focus{outline:3px #f0a solid}.tna-template{font-family:"Open Sans",sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template p{margin:0 0 2rem}.tna-template p:last-child{margin-bottom:0}.tna-template a:active{text-decoration-thickness:4px}.tna-template a:hover{text-decoration-thickness:3px}.tna-template .tna-template__body{font-size:1rem;line-height:1.6}.tna-template .tna-ul,.tna-template .tna-ol{padding-left:2rem}.tna-template .tna-ul li::marker,.tna-template .tna-ol li::marker{color:#f0a;font-weight:700}.tna-template .tna-ul--plain,.tna-template .tna-ol--plain{padding-left:0;list-style:none}.tna-template .tna-heading{margin-top:0;margin-bottom:1.5rem;font-family:supria-sans-condensed,monospace;font-weight:600}.tna-template .tna-heading:last-child{margin-bottom:0}.tna-template .tna-heading--xl{font-size:4rem;line-height:1}@media(min-width: 769px)and (max-width: 1024px){.tna-template .tna-heading--xl{font-size:2.625rem}}@media(max-width: 768px){.tna-template .tna-heading--xl{font-size:2.25rem}}.tna-template .tna-heading--l{font-size:2rem;line-height:1.2}@media(min-width: 769px)and (max-width: 1024px){.tna-template .tna-heading--l{font-size:1.625rem}}@media(max-width: 768px){.tna-template .tna-heading--l{font-size:1.5rem}}.tna-template .tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-template .tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-template .tna-hgroup{margin-bottom:2rem}.tna-template .tna-hgroup:last-child{margin-bottom:0}.tna-template .tna-hgroup__supertitle{margin:0;font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-template .tna-hgroup__title{margin:0}.tna-template .tna-hgroup__title .tna-hgroup__supertitle{display:block}.tna-template .tna-hgroup--xl .tna-hgroup__title{font-size:4rem}.tna-template .tna-hgroup--l .tna-hgroup__title{font-size:2rem}.tna-template .tna-hgroup--m .tna-hgroup__title{font-size:1.25rem}.tna-template .tna-hgroup--s .tna-hgroup__title{font-size:1.125rem}.tna-button{padding:.25rem 1rem;display:inline-block;color:#fff;font-weight:700;text-decoration:none;background-color:#000}.tna-button:hover{background-color:#069}.tna-button--secondary{color:#000;background-color:#ff0}.tna-button--secondary:hover{color:#fff}.tna-card__inner{display:-ms-flexbox;display:flex;-ms-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2}.tna-card__image-container{order:1}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{position:relative;background-color:#ff0}.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px #000 solid}.tna-card--featured .tna-card__image-container{position:absolute;inset:0 50% 0 0}.tna-card--featured .tna-card__image{width:100%;height:100%;object-fit:cover}.tna-footer{padding-top:3rem;padding-bottom:3rem;color:#fff;background-color:#26262a}.tna-footer__link{color:inherit}.tna-footer__link:hover{color:#f0a}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__social{padding-bottom:4rem}.tna-footer__social.tna-container{align-items:flex-end}.tna-footer__social-item{text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence-logo{display:block}.tna-footer__govuk-link{display:inline-block;color:inherit;fill:#fff}.tna-footer__govuk-link:hover{color:#f0a;fill:#f0a}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block;fill:inherit}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--full{width:100%}.tna-column--container{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-column--flex-1{flex:1 0}.tna-column--flex-2{flex:2 0}.tna-column--flex-3{flex:3 0}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}@media(min-width: 769px)and (max-width: 1024px){.tna-column--full-medium{width:100%;flex:none}.tna-column--flex-1-medium{flex:1 0}.tna-column--flex-2-medium{flex:2 0}.tna-column--flex-3-medium{flex:3 0}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}}@media(max-width: 768px){.tna-container{padding-right:1.125rem;padding-left:1.125rem}.tna-column{padding-right:.375rem;padding-left:.375rem}}@media(min-width: 481px)and (max-width: 768px){.tna-column--full-small{width:100%;flex:none}.tna-column--flex-1-small{flex:1 0}.tna-column--flex-2-small{flex:2 0}.tna-column--flex-3-small{flex:3 0}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}}@media(max-width: 480px){.tna-column--full-tiny{width:100%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--flex-3-tiny{width:auto;flex:3 0}.tna-column--width-1-2-tiny{width:50%;flex:none}}.tna-hero{min-height:min(35vw,480px);padding-top:5.25rem;padding-bottom:3.25rem;display:-ms-flexbox;display:flex;align-items:end;position:relative;background-color:#26262a}.tna-hero__image{width:100%;height:100%;position:absolute;inset:0;z-index:1;object-fit:cover}.tna-hero picture.tna-hero__image img{width:100%;height:100%;object-fit:cover}.tna-hero__image-details{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3}.tna-hero__image-details-summary{width:2rem;height:2rem;position:relative;z-index:2;font-size:0;text-align:center;line-height:2rem;list-style:none;background-color:#fc0;border-radius:1rem;cursor:pointer}.tna-hero__image-details-summary-icon{font-size:1.25rem;font-style:normal;font-weight:700;text-transform:lowercase}.tna-hero__image-information{width:20rem;max-width:45vw;padding:.5rem 1rem;position:absolute;right:0;bottom:2.5rem;z-index:1;background-color:#fc0}.tna-hero__inner{position:relative;z-index:2}.tna-hero__content-inner{padding:2.5rem 1.5rem;background-color:#fff}.tna-hero__heading{margin-bottom:0}@media(max-width: 768px){.tna-hero{padding:0;display:block}.tna-hero__image{height:320px;position:static}.tna-hero__image-details{bottom:auto;top:1.25rem}.tna-hero__image-information{top:2.5rem;bottom:auto}.tna-hero__content-inner{color:#fff;background-color:inherit}}@media(max-width: 480px){.tna-hero__image{height:240px}}.tna-sensitive-image__details{position:relative}.tna-sensitive-image__details::after{width:100%;padding-bottom:calc(100%*var(--sensitive-image-height)/var(--sensitive-image-width));display:block;position:relative;z-index:-1;background-image:var(--sensitive-image);background-clip:padding-box;background-size:contain;filter:blur(20px) saturate(0);content:""}.tna-sensitive-image__show{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;font-size:0;cursor:pointer}.tna-sensitive-image__show::after{padding:.5rem 2rem;font-size:1rem;background-color:#ff0;content:attr(data-action)}.tna-sensitive-image__show:hover::after{color:#fff;background-color:#000}.tna-sensitive-image__image{width:100%}.tna-sensitive-image__details[open]::after,.tna-sensitive-image__details[open] .tna-sensitive-image__show{display:none}/*# sourceMappingURL=all.css.map */
+@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";:root{--page-background: #fff;--base-font: #343338;--dark-font: #000;--focus-outline: #004c7e;--keyline: #ccc}.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16px;background-color:#fff;background-color:var(--page-background)}.tna-template--back-accent{accent-color:#000}.tna-template--yellow-accent{accent-color:#fc0}.tna-template--pink-accent{accent-color:#fe1d57}.tna-template--orange-accent{accent-color:#fd3f03}.tna-template--green-accent{accent-color:#86bc25}.tna-template--blue-accent{accent-color:#00b0ff}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem solid;outline-color:#004c7e;outline-color:var(--focus-outline);outline-offset:.125rem}.tna-visually-hidden{width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-1 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important;background-color:rgba(0,0,0,0) !important}.tna-template{font-family:"Open Sans",sans-serif;font-weight:400;color:#343338;color:var(--base-font);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template h1,.tna-template h2,.tna-template h3,.tna-template h4,.tna-template h5,.tna-template h6,.tna-template ul,.tna-template ol{margin-top:0}.tna-template p{margin:0 0 1.5rem}.tna-template p:last-child{margin-bottom:0}.tna-template a:active{text-decoration-thickness:4px}.tna-template a:hover{text-decoration-thickness:3px}.tna-template__body{font-size:1rem;line-height:1.6}.tna-ul,.tna-ol{padding-left:2rem}.tna-ul li::marker,.tna-ol li::marker{color:#f0a;font-weight:700}.tna-ul--plain,.tna-ol--plain{padding-left:0;list-style:none}.tna-heading{margin-bottom:1.5rem;color:#000;font-family:supria-sans-condensed,monospace;font-weight:600}.tna-heading:last-child{margin-bottom:0}.tna-heading--xl{font-size:4rem;line-height:1}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--xl{font-size:2.625rem}}@media(max-width: 48em){.tna-heading--xl{font-size:2.25rem}}.tna-heading--l{font-size:2rem;line-height:1.2}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--l{font-size:1.625rem}}@media(max-width: 48em){.tna-heading--l{font-size:1.5rem}}.tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-hgroup{margin-bottom:2rem}.tna-hgroup:last-child{margin-bottom:0}.tna-hgroup__supertitle{margin:0;color:#343338;color:var(--base-font);font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-hgroup__title{margin:0;color:#000}.tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338;color:var(--base-font)}.tna-hgroup--xl .tna-hgroup__title{font-size:4rem}.tna-hgroup--l .tna-hgroup__title{font-size:2rem}.tna-hgroup--m .tna-hgroup__title{font-size:1.25rem}.tna-hgroup--s .tna-hgroup__title{font-size:1.125rem}.tna-breadcrumbs__list{padding:0;list-style:none;display:-ms-flexbox;display:flex;flex-wrap:wrap}.tna-breadcrumbs__item{display:-ms-flexbox;display:flex}.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin:0 .5rem;display:inline-block;content:"›"}.tna-breadcrumbs__link{display:inline-block;color:#343338;color:var(--base-font)}.tna-breadcrumbs__link:hover{color:#000}@media(max-width: 48em){.tna-breadcrumbs__item::before,.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin-left:0;display:none}.tna-breadcrumbs__item:not(:nth-last-child(2)){display:none}.tna-breadcrumbs__item:nth-last-child(2) .tna-breadcrumbs__link::before{content:"← " attr(data-prefix)}}.tna-button{padding:.25rem 1rem;display:inline-block;color:#fff;font-weight:700;text-decoration:none;background-color:#000;border:.25rem #000 solid;transition:color 200ms,background-color 200ms,border-color 200ms}.tna-button:hover{color:#000;background-color:#fff;transition:color 50ms,background-color 50ms,border-color 50ms}.tna-button--secondary{color:#000;background-color:#fc0;border-color:#fc0}.tna-button--secondary:hover{color:#000;border-color:#000}.tna-card__inner{display:-ms-flexbox;display:flex;-ms-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2}.tna-card__image-container{order:1}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{position:relative;background-color:#fc0}.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px #000 solid}.tna-card--featured .tna-card__title-link{color:#000}.tna-card--featured .tna-card__image-container{position:absolute;inset:0 50% 0 0}.tna-card--featured .tna-card__image{width:100%;height:100%;object-fit:cover}.tna-filters__item{margin:0 .75rem .75rem 0;display:inline-block}.tna-filters__item:last-child{margin-right:0;margin-bottom:0}.tna-filters--stacked .tna-filters__item{display:block}.tna-filters__item--selected .tna-filters__link{color:#fff;background-color:#004c7e}.tna-filters__link{padding:.125rem .75rem;display:inline-block;color:#000;text-decoration:none;background-color:#d4e5ef;border-radius:99rem;transition:color 200ms,background-color 200ms}.tna-filters__link:hover{color:#fff;background-color:#004c7e;transition:color 50ms,background-color 50ms}.tna-footer{padding-top:2rem;padding-bottom:2rem;color:#fff;background-color:#26262a}.tna-footer__link{color:inherit}.tna-footer__link:hover{color:#f0a}.tna-footer__top{margin-bottom:2rem;text-align:center}.tna-footer__title{margin-bottom:.5rem;color:inherit}.tna-footer__address{font-style:normal}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-title{color:inherit}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__social{margin-bottom:2rem;justify-content:space-evenly}.tna-footer__social.tna-container{align-items:flex-end}.tna-footer__social-item{margin-bottom:2rem;text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{width:2.25em;margin:0 auto .5rem;display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence .tna-column{margin-top:1rem}.tna-footer__licence-logo{display:block}.tna-footer__govuk{margin-top:2rem;text-align:center}.tna-footer__govuk-link{display:inline-block;color:inherit;fill:#fff}.tna-footer__govuk-link:hover{color:#f0a;fill:#f0a}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block;fill:inherit}@media(max-width: 48em){.tna-footer{padding-top:1rem}.tna-footer__social{justify-content:center}}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--container{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-column--full{width:100%;flex:none}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}.tna-column--flex-1{width:auto;flex:1 0}.tna-column--flex-2{width:auto;flex:2 0}.tna-column--order-1{order:1}.tna-column--order-2{order:2}.tna-column--order-3{order:3}@media(min-width: 48.0625em)and (max-width: 64em){.tna-column--full-medium{width:100%;flex:none}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}.tna-column--flex-1-medium{width:auto;flex:1 0}.tna-column--flex-2-medium{width:auto;flex:2 0}.tna-column--order-1-medium{order:1}.tna-column--order-2-medium{order:2}.tna-column--order-3-medium{order:3}}@media(max-width: 48em){.tna-container{padding-right:1.125rem;padding-left:1.125rem}.tna-column{padding-right:.375rem;padding-left:.375rem}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-column--full-small{width:100%;flex:none}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}.tna-column--flex-1-small{width:auto;flex:1 0}.tna-column--flex-2-small{width:auto;flex:2 0}.tna-column--order-1-small{order:1}.tna-column--order-2-small{order:2}.tna-column--order-3-small{order:3}}@media(max-width: 30em){.tna-column--full-tiny{width:100%;flex:none}.tna-column--width-1-2-tiny{width:50%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--order-1-tiny{order:1}.tna-column--order-2-tiny{order:2}.tna-column--order-3-tiny{order:3}}.tna-header{color:#fff;background-color:#000}.tna-header__exit{padding-top:.5rem;padding-bottom:.5rem;text-align:right;background-color:#26262a}.tna-header__exit-link{color:#fff;text-decoration:none}.tna-header__exit-link:hover{text-decoration:underline}.tna-header__exit-link-icon{width:.825rem;height:.825rem;margin-right:.125rem;margin-left:.5rem;display:inline-block;position:relative;vertical-align:middle;border:.125rem #fff solid}.tna-header__exit-link-icon::before{position:absolute;top:-0.25rem;right:-0.25rem;z-index:2;border:.25rem rgba(0,0,0,0) solid;border-top-color:#fff;border-right-color:#fff;content:""}.tna-header__exit-link-icon::after{width:.25rem;height:.825rem;position:absolute;top:-0.125rem;right:-0.125rem;z-index:1;background-color:#fff;outline:.2rem #26262a solid;transform:rotate(45deg) translateX(50%);transform-origin:100% 0;content:""}.tna-header__contents.tna-container{justify-content:space-between}.tna-header__logo{padding-top:1.25rem;padding-bottom:1.25rem}.tna-header__logo-link{display:-ms-flexbox;display:flex;align-items:flex-end;color:inherit;text-decoration:none}.tna-header__logo-link--href:hover{outline:.375rem #fff solid}.tna-header .tna-logo{width:6.25rem;height:6.25rem;display:inline-block}.tna-header .tna-logo__foreground{fill:#fff}.tna-header__logo-strapline{margin:0 .75rem;display:inline-block;line-height:2.125;text-transform:uppercase}.tna-header__navigation-toggle{align-self:center}.tna-header__hamburger{width:2rem;height:.25rem;display:block;background-color:#fff;transition:height 1ms 200ms}.tna-header__hamburger::before,.tna-header__hamburger::after{height:.25rem;display:block;position:absolute;right:0;left:0;background-color:inherit;transition:top 200ms 200ms,bottom 200ms 200ms,transform 200ms;content:""}.tna-header__hamburger::before{top:0}.tna-header__hamburger::after{bottom:0}.tna-header__navigation-toggle-button{height:2rem;padding:0;display:block;position:relative;appearance:none;font-size:0;background:none;border:0 rgba(0,0,0,0) solid;border-width:.25rem 0;cursor:pointer}.tna-header__navigation-toggle-button--opened .tna-header__hamburger{height:0}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before,.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{transition:top 200ms,bottom 200ms,transform 200ms 200ms}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before{top:.625rem;transform:rotate(-135deg)}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{bottom:.625rem;transform:rotate(135deg)}.tna-header--yellow,.tna-header--pink,.tna-header--orange,.tna-header--green,.tna-header--blue{color:#000}.tna-header--yellow .tna-header__logo-link:hover,.tna-header--pink .tna-header__logo-link:hover,.tna-header--orange .tna-header__logo-link:hover,.tna-header--green .tna-header__logo-link:hover,.tna-header--blue .tna-header__logo-link:hover{outline-color:#000}.tna-header--yellow .tna-logo__foreground,.tna-header--pink .tna-logo__foreground,.tna-header--orange .tna-logo__foreground,.tna-header--green .tna-logo__foreground,.tna-header--blue .tna-logo__foreground{fill:#000}.tna-header--yellow .tna-header__hamburger,.tna-header--pink .tna-header__hamburger,.tna-header--orange .tna-header__hamburger,.tna-header--green .tna-header__hamburger,.tna-header--blue .tna-header__hamburger{background-color:#000}.tna-header--yellow{background-color:#fc0}.tna-header--pink{background-color:#fe1d57}.tna-header--orange{background-color:#fd3f03}.tna-header--green{background-color:#86bc25}.tna-header--blue{background-color:#00b0ff}.tna-header__navigation{display:-ms-flexbox;display:flex;justify-content:flex-end;align-items:flex-end}.tna-header__navigation-items{margin:0;padding:0;list-style:none;white-space:nowrap}.tna-header__navigation-item{margin-left:.75rem;display:inline-block}.tna-header__navigation-item-link{padding:.5rem 1rem;display:inline-block;color:inherit;font-family:supria-sans-condensed,monospace;text-decoration:none;line-height:2;transition:color 200ms,background-color 200ms}.tna-header__navigation-item-link:hover,.tna-header__navigation-item-link--selected{color:#000;color:var(--dark-font);background-color:#fff;background-color:var(--page-background);transition:color 50ms,background-color 50ms}@media(min-width: 48.0625em){.tna-header .tna-header__navigation-toggle{display:none}}@media(max-width: 48em){.tna-header__contents.tna-container{padding-right:0;padding-left:0}.tna-header__logo{padding-top:1rem;padding-bottom:1rem}.tna-header__logo.tna-column{padding-right:1.5rem;padding-left:1.5rem}.tna-header .tna-logo{width:4.5rem;height:4.5rem}.tna-header__logo-strapline{line-height:1.55}.tna-header__navigation-toggle.tna-column{padding-right:1.5rem;padding-left:0}.tna-header__navigation{color:#343338;color:var(--base-font);font-size:1.25rem}.tna-header__navigation.tna-column{padding-right:0;padding-left:0}.tna-template--js-enabled .tna-header__navigation{display:none}.tna-template--js-enabled .tna-header__navigation--open{display:block}.tna-header__navigation-items{width:100%;background-color:#fff;background-color:var(--page-background)}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px solid;border-color:#ccc;border-color:var(--keyline)}.tna-header__navigation-item-link{padding-right:1.5rem;padding-left:1.5rem;display:block;position:relative;line-height:1.6}.tna-header__navigation-item-link::after{width:0;position:absolute;top:0;bottom:0;left:0;background-color:#000;background-color:var(--dark-font);transition:width 200ms;content:""}.tna-header__navigation-item-link:hover::after{width:.25rem;transition:width 50ms}.tna-header__navigation-item-link--selected::after,.tna-header__navigation-item-link--selected:hover::after{width:.5rem}}@media(max-width: 30em){.tna-header .tna-logo{width:3.5rem;height:3.5rem}.tna-header__logo-strapline{line-height:1.25}}.tna-hero{min-height:min(35vw,480px);padding-top:5.25rem;padding-bottom:3.25rem;display:-ms-flexbox;display:flex;align-items:flex-end;position:relative;background-color:#26262a}.tna-hero__image{width:100%;height:100%;position:absolute;inset:0;z-index:1;object-fit:cover}.tna-hero picture.tna-hero__image img{width:100%;height:100%;object-fit:cover}.tna-hero__image-details{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3}.tna-hero__image-details-summary{width:2rem;height:2rem;position:relative;z-index:2;font-size:0;text-align:center;line-height:2rem;list-style:none;background-color:#fc0;border-radius:1rem;cursor:pointer}.tna-hero__image-details-summary-icon{font-size:1.25rem;font-style:normal;font-weight:700;text-transform:lowercase}.tna-hero__image-information{width:20rem;max-width:45vw;padding:.5rem 1rem;position:absolute;right:0;bottom:2.5rem;z-index:1;background-color:#fc0}.tna-hero__inner{position:relative;z-index:2}.tna-hero__content-inner{padding:2.5rem 1.5rem;background-color:#fff}.tna-hero__heading{margin-bottom:0}.tna-hero__body{margin-top:1.5rem}@media(max-width: 48em){.tna-hero{padding:0;display:block}.tna-hero__image{height:320px;position:static}.tna-hero__image-details{bottom:auto;top:1.25rem}.tna-hero__image-information{top:2.5rem;bottom:auto}.tna-hero__content-inner{color:#fff;background-color:inherit}.tna-hero__heading{color:inherit}.tna-hero__body{color:inherit}}@media(max-width: 30em){.tna-hero__image{height:240px}}.tna-phase-banner{padding-top:.375rem;padding-bottom:.375rem}.tna-phase-banner .tna-container{align-items:center;flex-wrap:nowrap}.tna-phase-banner__phase{margin:.25rem 0;padding:0 .5rem;display:block;font-weight:700;text-transform:uppercase;line-height:1.5;background-color:#fff}.tna-phase-banner__message{margin:.25rem 0}.tna-phase-banner__message a{color:inherit}.tna-phase-banner--beta{background-color:#f9f7e2}.tna-sensitive-image__details{position:relative}.tna-sensitive-image__details::after{width:100%;padding-bottom:calc(100%*var(--sensitive-image-height)/var(--sensitive-image-width));display:block;position:relative;z-index:-1;background-image:var(--sensitive-image);background-clip:padding-box;background-size:contain;filter:blur(20px) saturate(0);content:""}.tna-sensitive-image__show{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;font-size:0;cursor:pointer}.tna-sensitive-image__show::after{padding:.5rem 2rem;font-size:1rem;background-color:#ff0;content:attr(data-action)}.tna-sensitive-image__show:hover::after{color:#fff;background-color:#000}.tna-sensitive-image__image{width:100%}.tna-sensitive-image__details[open]::after,.tna-sensitive-image__details[open] .tna-sensitive-image__show{display:none}/*# sourceMappingURL=all.css.map */

package/nationalarchives/all.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/components/button/_index.scss","../../src/nationalarchives/components/card/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/components/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/components/hero/_index.scss","../../src/nationalarchives/components/sensitive-image/_index.scss"],"names":[],"mappings":"AAKQ,sHACA,6CCJR,cACE,gBACA,WACA,YAEA,kBACA,gBACA,iCAEA,UCXkB,GDalB,+BACE,gBACE,0BACA,4BAKN,oBACE,SACA,UAEA,sBAEA,cAGF,qBAIE,eAEA,cAGF,aAEE,WAGF,QACE,uBDrCF,cACE,YEPiB,uBFQjB,YEPiB,IFQjB,kCACA,mCACA,kCACA,8BACA,cAEA,gBACE,gBAEA,2BACE,gBAKF,uBACE,8BAGF,sBACE,8BAIJ,kCG/BA,eHiCE,gBAGF,4CAEE,kBAEA,kEACE,WACA,gBAIJ,0DAEE,eAEA,gBAGF,2BACE,aACA,qBAEA,YExDkB,gCFyDlB,YExDkB,IF0DlB,sCACE,gBAGF,+BGhEF,eHkEI,cIhDJ,gDJ8CE,+BGhEF,oBCsDA,yBJUE,+BGhEF,mBH6EE,8BG7EF,eH+EI,gBI7DJ,gDJ2DE,8BG7EF,oBCsDA,yBJuBE,8BG7EF,kBH0FE,8BG1FF,kBH4FI,gBAGF,8BG/FF,mBHiGI,gBAIJ,0BACE,mBAEA,qCACE,gBAGF,sCACE,SG7GJ,mBHgHI,YE5Ge,wBF6Gf,YE5Ge,IF6Gf,yBAOF,iCACE,SAEA,yDACE,cAQF,iDGrIJ,eH8II,gDG9IJ,eHuJI,gDGvJJ,kBHgKI,gDGhKJ,mBEJF,YACE,oBAEA,qBAEA,WACA,gBACA,qBAEA,sBAEA,kBACE,sBAGF,uBACE,WAEA,sBAEA,6BACE,WClBJ,iBACE,oBACA,aACA,wBACA,0BACA,sBAGF,mBACE,QAMF,iBACE,QAMF,2BACE,QAMF,gBAGE,QAGF,mBACE,gBAEA,QAMF,oBACE,kBAEA,sBAEA,qCACE,gBACA,aAGF,uCACE,oBAEA,6BAGF,+CACE,kBACA,gBAGF,qCACE,WACA,YACA,iBCvEN,YACE,iBACA,oBAEA,WAEA,yBAEA,kBACE,cAEA,wBACE,WAIJ,wBACE,oBASF,oCACE,eAEA,gBASF,oBACE,oBAEA,kCACE,qBAIJ,yBACE,kBAGF,8BACE,cAGF,oCACE,cAIA,mCACE,mBAIJ,0BACE,cAGF,wBACE,qBAEA,cACA,UAEA,8BACE,WACA,UAIJ,kCACE,cACA,cAEA,aC/EJ,eACE,UCNwB,SDOxB,WACA,kBACA,iBACA,mBACA,kBAEA,sBAEA,oBACA,aACA,eACA,wBACA,oBAEA,0DAEE,mBAGF,oBACE,eAIJ,YACE,mBACA,kBAEA,sBAEA,kBACE,WAGF,uBACE,oBACA,aACA,eACA,wBACA,oBAIA,oBACE,SADF,oBACE,SADF,oBACE,SAKN,uNAME,gBACA,eEpDM,wBACE,oBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,wBACE,qBACA,UAFF,uBACE,UACA,UAFF,wBACE,qBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,yBACE,qBACA,UNSR,gDIsDE,yBACE,WACA,UAIA,2BACE,SADF,2BACE,SADF,2BACE,SExEA,8BACE,qBACA,UAFF,8BACE,qBACA,UAFF,8BACE,UACA,UAFF,8BACE,qBACA,UAFF,8BACE,qBACA,WN6CR,yBIwCA,eACE,uBACA,sBAGF,YACE,sBACA,sBJ7EF,+CImFE,wBACE,WACA,UAIA,0BACE,SADF,0BACE,SADF,0BACE,SE3GA,6BACE,UACA,UAFF,6BACE,UACA,UAFF,6BACE,UACA,WNqBR,yBIoGE,uBACE,WACA,UAIA,yBACE,WAEA,SAHF,yBACE,WAEA,SAHF,yBACE,WAEA,SEpIA,4BACE,UACA,WCXV,UACE,2BACA,oBACA,uBAEA,oBACA,aACA,gBAEA,kBAEA,yBAEA,iBACE,WACA,YAEA,kBACA,QACA,UAEA,iBAGF,sCACE,WACA,YAEA,iBAGF,yBACE,kBACA,cACA,eACA,UAGF,iCACE,WACA,YAEA,kBACA,UAEA,YACA,kBACA,iBACA,gBAEA,sBAEA,mBAEA,eAGF,sCACE,kBACA,kBACA,gBACA,yBAGF,6BACE,YACA,eACA,mBAEA,kBACA,QACA,cACA,UAEA,sBAGF,iBACE,kBACA,UAMF,yBACE,sBAEA,sBAGF,mBACE,gBPpCF,yBOxDF,UAmGI,UAEA,cAEA,iBACE,aAEA,gBAGF,yBACE,YACA,YASF,6BACE,WACA,YASF,yBACE,WAEA,0BPtGJ,yBOiHE,iBACE,cC9IJ,8BACE,kBAIA,qCACE,WACA,qFAIA,cAEA,kBACA,WAEA,wCACA,4BACA,wBAEA,8BAEA,WAIJ,2BACE,aACA,mBACA,uBAEA,kBACA,QACA,UAEA,YAEA,eAEA,kCACE,mBT1CJ,eS6CI,sBAEA,0BAIA,wCACE,WAEA,sBAQN,4BACE,WAIA,0GAEE","file":"all.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/variables/_colour.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/components/breadcrumbs/_index.scss","../../src/nationalarchives/components/button/_index.scss","../../src/nationalarchives/components/card/_index.scss","../../src/nationalarchives/components/filters/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/components/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/components/header/_index.scss","../../src/nationalarchives/components/hero/_index.scss","../../src/nationalarchives/components/phase-banner/_index.scss","../../src/nationalarchives/components/sensitive-image/_index.scss"],"names":[],"mappings":"CAMQ,sHACA,6CCHR,MCkDI,wGD5BJ,cACE,gBACA,WACA,YAEA,kBACA,gBACA,iCAEA,eC+CA,sBACA,wCD5CA,2BACE,aCtCQ,KDyCV,6BACE,aCzCS,KD4CX,2BACE,aC5CO,QD+CT,6BACE,aC/CS,QDkDX,4BACE,aClDQ,QDqDV,2BACE,aCrDO,QD8ET,+BACE,gBACE,0BACA,4BAKN,oBACE,gBACA,SACA,UAIA,cAGF,qBAIE,eAEA,cAGF,aAEE,WAGF,SACE,aAGF,QAEE,uBC/BA,sBACA,mCDgCA,uBAGF,qBACE,qBACA,sBACA,oBACA,qBAEA,6BACA,uBACA,wBACA,sBAEA,2BAEA,iCAEA,oBAEA,0CDxIF,cACE,YGRiB,uBHSjB,YGRiB,ID0EjB,cACA,uBFhEA,kCACA,mCACA,kCACA,8BACA,cAEA,wIAQE,aAGF,gBACE,kBAEA,2BACE,gBAKF,uBACE,8BAGF,sBACE,8BAKN,oBI9CE,eJgDA,gBAGF,gBAEE,kBAEA,sCACE,WACA,gBAGF,8BACE,eAEA,gBAIJ,aACE,qBAEA,MExEU,KFyEV,YGtEoB,gCHuEpB,YGtEoB,IHwEpB,wBACE,gBAGF,iBI9EA,eJgFE,cK7DF,kDL2DA,iBI9EA,oBCuDA,wBLuBA,iBI9EA,mBJ2FA,gBI3FA,eJ6FE,gBK1EF,kDLwEA,gBI3FA,oBCuDA,wBLoCA,gBI3FA,kBJwGA,gBIxGA,kBJ0GE,gBAGF,gBI7GA,mBJ+GE,gBAIJ,YACE,mBAEA,uBACE,gBAGF,wBACE,SElDF,cACA,uBE1EA,mBJgIE,YG5HiB,wBH6HjB,YG5HiB,IH6HjB,yBAOF,mBACE,SAEA,ME9IQ,KFgJR,2CACE,cEtEJ,cACA,uBFgFE,mCI1JF,eJmKE,kCInKF,eJ4KE,kCI5KF,kBJqLE,kCIrLF,0CECE,UAEA,gBAEA,oBACA,aACA,eAGF,uBACE,oBACA,aAGE,sDACE,eAEA,qBAEA,YAKN,uBACE,qBJ+CF,cACA,uBI3CE,6BACE,MJlCM,KGyDV,wBCfM,qFACE,cAEA,aAIJ,+CACE,aAKE,wEAKE,gCC5DZ,YACE,oBAEA,qBAEA,WACA,gBACA,qBAEA,iBLTU,KKWV,yBAEA,WACE,sDAIF,kBACE,MLnBQ,KKqBR,sBAEA,WACE,mDAKJ,uBACE,ML9BQ,KKgCR,iBL/BS,KKiCT,aLjCS,KKmCT,6BACE,MLrCM,KKuCN,aLvCM,KMCV,iBACE,oBACA,aACA,wBACA,0BACA,sBAGF,mBACE,QAMF,iBACE,QAMF,2BACE,QAMF,gBAGE,QAGF,mBACE,gBAEA,QAMF,oBACE,kBAEA,iBN/CS,KMiDT,qCACE,gBACA,aAGF,uCACE,oBAEA,6BAGF,0CACE,MN9DM,KMiER,+CACE,kBACA,gBAGF,qCACE,WACA,YACA,iBC1EJ,mBACE,yBAEA,qBAEA,8BACE,eACA,gBAIJ,yCACE,cAGF,gDACE,WAEA,yBAGF,mBACE,uBAEA,qBAEA,WACA,qBAEA,yBAEA,oBAEA,WACE,mCAGF,yBACE,WAEA,yBAEA,WACE,iCCzCR,YACE,iBACA,oBAEA,WAEA,iBRDK,QQGL,kBACE,cAEA,wBACE,WAIJ,iBACE,mBAEA,kBAGF,mBACE,oBAEA,cAGF,qBACE,kBAGF,wBACE,oBAMF,oCACE,cAGF,oCACE,eAEA,gBASF,oBACE,mBAEA,6BAEA,kCACE,qBAIJ,yBACE,mBAEA,kBAGF,8BACE,cAGF,oCACE,aACA,oBAEA,cAIA,mCACE,mBAGF,iCACE,gBAIJ,0BACE,cAGF,mBACE,gBAEA,kBAGF,wBACE,qBAEA,cACA,UAEA,8BACE,WACA,UAIJ,kCACE,cACA,cAEA,aL9DF,wBKxDF,YA0HI,iBAEA,oBACE,wBC3HN,eACE,UCNwB,SDOxB,WACA,kBACA,iBACA,mBACA,kBAEA,sBAEA,oBACA,aACA,eACA,wBACA,oBAEA,0DAEE,mBAGF,oBACE,eAIJ,YACE,mBACA,kBAEA,sBAEA,uBACE,oBACA,aACA,eACA,wBACA,oBAIJ,uNAME,gBACA,eE5CE,kBACE,WACA,UAUI,wBACE,oBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,wBACE,qBACA,UAFF,uBACE,UACA,UAFF,wBACE,qBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,yBACE,qBACA,UAgCN,oBACE,WAEA,SAHF,oBACE,WAEA,SAKF,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,ERvCf,kDQdE,yBACE,WACA,UAUI,8BACE,qBACA,UAFF,8BACE,qBACA,UAFF,8BACE,UACA,UAFF,8BACE,qBACA,UAFF,8BACE,qBACA,UAgCN,2BACE,WAEA,SAHF,2BACE,WAEA,SAKF,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,GRHf,wBMIA,eACE,uBACA,sBAGF,YACE,sBACA,sBNzCF,kDQpBE,wBACE,WACA,UAUI,6BACE,UACA,UAFF,6BACE,UACA,UAFF,6BACE,UACA,UAgCN,0BACE,WAEA,SAHF,0BACE,WAEA,SAKF,2BACE,MAFS,EACX,2BACE,MAFS,EACX,2BACE,MAFS,GR3Bf,wBQ1BE,uBACE,WACA,UAUI,4BACE,UACA,UAgCN,yBACE,WAEA,SAHF,yBACE,WAEA,SAKF,0BACE,MAFS,EACX,0BACE,MAFS,EACX,0BACE,MAFS,GCvDjB,YACE,WAEA,iBZRU,KYUV,kBACE,kBACA,qBAEA,iBAEA,iBZVG,QYaL,uBACE,WACA,qBAEA,6BACE,0BAiBJ,4BACE,cACA,eACA,qBACA,kBAEA,qBAEA,kBAEA,sBAEA,0BAEA,oCACE,kBACA,aACA,eACA,UAEA,kCACA,sBACA,wBAEA,WAGF,mCACE,aACA,eAEA,kBACA,cACA,gBACA,UAEA,sBAEA,4BAEA,wCACA,wBAEA,WAKF,oCACE,8BAIJ,kBACE,oBACA,uBAGF,uBACE,oBACA,aACA,qBAEA,cACA,qBAGE,mCACE,2BAKN,sBACE,cACA,eAEA,qBAGF,kCACE,UAMF,4BACE,gBAEA,qBAEA,kBACA,yBAGF,+BACE,kBAGF,uBACE,WACA,cAEA,cAEA,sBAEA,4BAEA,6DAEE,cAEA,cAEA,kBACA,QACA,OAEA,yBAEA,WACE,mDAIF,WAGF,+BACE,MAGF,8BACE,SAIJ,sCACE,YACA,UAEA,cAEA,kBAEA,gBAEA,YAEA,gBAEA,6BACA,sBAEA,eAGE,qEACE,SAEA,yJAEE,WACE,6CAKJ,6EACE,YAEA,0BAGF,4EACE,eAEA,yBAMR,+FAKE,MZvOQ,KY0ON,gPACE,mBAIJ,6MACE,UAGF,kNACE,iBZpPM,KYwPV,oBACE,iBZxPS,KY2PX,kBACE,iBZ3PO,QY8PT,oBACE,iBZ9PS,QYiQX,mBACE,iBZjQQ,QYoQV,kBACE,iBZpQO,QYuQT,wBACE,oBACA,aACA,yBACA,qBAGF,8BACE,SACA,UAEA,gBAEA,mBAGF,6BACE,mBAEA,qBAGF,kCACE,mBAEA,qBAEA,cACA,YXrSkB,gCWsSlB,qBACA,cAEA,WACE,mCAGF,oFZrOF,WACA,uBAIA,sBACA,wCYuOI,WACE,iCTlRN,6BSwRE,2CACE,cTvQJ,wBS+QI,oCACE,gBACA,eAIJ,kBACE,iBACA,oBAEA,6BACE,cAd4B,OAe5B,aAf4B,OAmBhC,sBACE,aACA,cAGF,4BACE,iBAIA,0CACE,cA9B4B,OA+B5B,eAIJ,wBZ7RF,cACA,uBE1EA,kBU2WI,mCACE,gBACA,eAGF,kDACE,aAEA,wDACE,cAKN,8BACE,WZ5SJ,sBACA,wCYiTE,6BACE,SAEA,cAGA,wBZnTJ,kBACA,4BYsTE,kCACE,cAxE8B,OAyE9B,aAzE8B,OA2E9B,cAEA,kBAEA,gBAEA,yCACE,QAEA,kBACA,MACA,SACA,OZ5UN,sBACA,kCYgVM,uBAEA,WAIA,+CACE,aAEA,sBAKF,4GAEE,aThZR,wBSuZE,sBACE,aACA,cAGF,4BACE,kBC9bN,UACE,2BACA,oBACA,uBAEA,oBACA,aACA,qBAEA,kBAEA,yBAEA,iBACE,WACA,YAEA,kBACA,QACA,UAEA,iBAGF,sCACE,WACA,YAEA,iBAGF,yBACE,kBACA,cACA,eACA,UAGF,iCACE,WACA,YAEA,kBACA,UAEA,YACA,kBACA,iBACA,gBAEA,sBAEA,mBAEA,eAGF,sCACE,kBACA,kBACA,gBACA,yBAGF,6BACE,YACA,eACA,mBAEA,kBACA,QACA,cACA,UAEA,sBAGF,iBACE,kBACA,UAMF,yBACE,sBAEA,sBAGF,mBACE,gBAGF,gBACE,kBVvCF,wBUzDF,UAoGI,UAEA,cAEA,iBACE,aAEA,gBAGF,yBACE,YACA,YASF,6BACE,WACA,YASF,yBACE,WAEA,yBAGF,mBACE,cAGF,gBACE,eV9GJ,wBUmHE,iBACE,cCpJN,kBACE,oBACA,uBAEA,iCACE,mBACA,iBAOF,yBACE,gBACA,gBAEA,cAEA,gBACA,yBACA,gBAEA,sBAGF,2BACE,gBAIA,6BACE,cAIJ,wBACE,yBClCF,8BACE,kBAIA,qCACE,WACA,qFAIA,cAEA,kBACA,WAEA,wCACA,4BACA,wBAEA,8BAEA,WAIJ,2BACE,aACA,mBACA,uBAEA,kBACA,QACA,UAEA,YAEA,eAEA,kCACE,mBb1CJ,ea6CI,sBAEA,0BAIA,wCACE,WAEA,sBAQN,4BACE,WAIA,0GAEE","file":"all.css"}

package/nationalarchives/all.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.TNAFrontend=t():e.TNAFrontend=t()}(self,(()=>(()=>{"use strict";var e={554:(e,t,i)=>{function o(e){this.$module=e,this.$imageDetails=e&&e.querySelector(".tna-sensitive-image__details"),this.$image=e&&e.querySelector(".tna-sensitive-image__image"),this.imageIsVisible=!1}i.d(t,{default:()=>n}),o.prototype.init=function(){console.log(this),this.$module&&this.$imageDetails&&this.$image&&this.$imageDetails.addEventListener("toggle",this.handleImageDetailsToggle.bind(this))},o.prototype.handleImageDetailsToggle=function(){this.$imageDetails.hasAttribute("open")&&this.$image.focus({preventScroll:!0,focusVisible:!0})};const n=o}},t={};function i(o){var n=t[o];if(void 0!==n)return n.exports;var r=t[o]={exports:{}};return e[o](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{i.r(o),i.d(o,{SensitiveImage:()=>e.default,initAll:()=>t});var e=i(554),t=function(t){var i=(void 0!==(t=void 0!==t?t:{}).scope?t.scope:document).querySelector('[data-module="tna-sensitive-image"]');new e.default(i).init()}})(),o})()));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.TNAFrontend=e():t.TNAFrontend=e()}(self,(()=>(()=>{"use strict";var t={463:(t,e,n)=>{n.d(e,{Header:()=>o});function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function a(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,(void 0,o=function(t,e){if("object"!==i(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var a=n.call(t,"string");if("object"!==i(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(a.key),"symbol"===i(o)?o:String(o)),a)}var o}var o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$toggleButtonWrapper=e&&e.querySelector(".tna-header__navigation-toggle"),this.$navigation=e&&e.querySelector(".tna-header__navigation"),this.$links=e&&this.$navigation&&this.$navigation.querySelectorAll("[tabindex='0']"),this.menuOpened=!1,this.mql=window.matchMedia("(max-width: 768px)")}var e,n;return e=t,(n=[{key:"init",value:function(){var t=this;if(this.$module&&this.$toggleButtonWrapper&&this.$navigation){var e="menu-content-".concat(([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,(function(t){return(t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>t/4).toString(16)})));this.$navigation.setAttribute("id",e),this.$toggleButton=document.createElement("button"),this.$toggleButton.innerText="Menu",this.$toggleButton.setAttribute("aria-controls",e),this.$toggleButton.setAttribute("aria-haspopup","true"),this.$toggleButton.classList.add("tna-header__navigation-toggle-button"),this.$hamburger=document.createElement("div"),this.$hamburger.classList.add("tna-header__hamburger"),this.$toggleButton.appendChild(this.$hamburger),this.$toggleButtonWrapper.appendChild(this.$toggleButton),this.syncState(),this.$toggleButton.addEventListener("click",(function(){return t.handleToggleNavigation()})),"addEventListener"in this.mql?this.mql.addEventListener("change",(function(){return t.syncState()})):this.mql.addListener((function(){return t.syncState()}))}}},{key:"handleToggleNavigation",value:function(){this.menuOpened=!this.menuOpened,this.syncState()}},{key:"syncState",value:function(){if(this.mql.matches)if(this.menuOpened){this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu"),this.$toggleButton.classList.add("tna-header__navigation-toggle-button--opened");for(var t=0;t<this.$links.length;t++)this.$links[t].setAttribute("tabindex","0")}else{this.$navigation.classList.remove("tna-header__navigation--open"),this.$navigation.hidden=!0,this.$navigation.setAttribute("aria-hidden","true"),this.$toggleButton.setAttribute("aria-expanded","false"),this.$toggleButton.setAttribute("title","Open menu"),this.$toggleButton.classList.remove("tna-header__navigation-toggle-button--opened");for(var e=0;e<this.$links.length;e++)this.$links[e].setAttribute("tabindex","-1")}else{this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu");for(var n=0;n<this.$links.length;n++)this.$links[n].setAttribute("tabindex","0")}}}])&&a(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),t}()},554:(t,e,n)=>{function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function a(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,(void 0,o=function(t,e){if("object"!==i(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var a=n.call(t,"string");if("object"!==i(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(a.key),"symbol"===i(o)?o:String(o)),a)}var o}n.d(e,{SensitiveImage:()=>o});var o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$imageDetails=e&&e.querySelector(".tna-sensitive-image__details"),this.$image=e&&e.querySelector(".tna-sensitive-image__image"),this.imageIsVisible=!1}var e,n;return e=t,(n=[{key:"init",value:function(){var t=this;this.$module&&this.$imageDetails&&this.$image&&this.$imageDetails.addEventListener("toggle",(function(){return t.handleImageDetailsToggle()}))}},{key:"handleImageDetailsToggle",value:function(){this.$imageDetails.hasAttribute("open")&&this.$image.focus({preventScroll:!0,focusVisible:!0})}}])&&a(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),t}()}},e={};function n(i){var a=e[i];if(void 0!==a)return a.exports;var o=e[i]={exports:{}};return t[i](o,o.exports,n),o.exports}n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{Header:()=>t.Header,SensitiveImage:()=>e.SensitiveImage,initAll:()=>o});var t=n(463),e=n(554),a=document.documentElement;a.classList.remove("tna-template--js-disabled"),a.classList.add("tna-template--js-enabled"),window.addEventListener("touchstart",(function t(){window.removeEventListener("touchstart",t),a.classList.add("tna-template--touched")})),window.addEventListener("keydown",(function(t){"Tab"===t.key&&(a.classList.add("tna-template--tabbed"),a.classList.remove("tna-template--clicked"))})),window.addEventListener("mousedown",(function(){a.classList.add("tna-template--clicked"),a.classList.remove("tna-template--tabbed")})),document.documentElement.classList.contains("tna-template--system-theme")&&(window.matchMedia("(prefers-contrast: more)").matches?document.documentElement.classList.add("tna-template--high-contrast-theme"):document.documentElement.classList.add(window.matchMedia("(prefers-color-scheme: dark)").matches?"tna-template--dark-theme":"tna-template--light-theme"));var o=function(n){var i=(n=void 0!==n?n:{}).scope instanceof HTMLElement?n.scope:document,a=i.querySelector('[data-module="tna-header"]');a&&new t.Header(a).init(),i.querySelectorAll('[data-module="tna-sensitive-image"]').forEach((function(t){new e.SensitiveImage(t).init()}))}})(),i})()));
 //# sourceMappingURL=all.js.map

package/nationalarchives/all.js.map

@@ -1 +1 @@
-{"version":3,"file":"all.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAqB,YAAID,IAEzBD,EAAkB,YAAIC,GACvB,CATD,CASGK,MAAM,I,wCCTT,SAASC,EAAeC,GACtBC,KAAKD,QAAUA,EACfC,KAAKC,cACHF,GAAWA,EAAQG,cAAc,iCACnCF,KAAKG,OAASJ,GAAWA,EAAQG,cAAc,+BAC/CF,KAAKI,gBAAiB,CACxB,C,uBAEAN,EAAeO,UAAUC,KAAO,WAC9BC,QAAQC,IAAIR,MACPA,KAAKD,SAAYC,KAAKC,eAAkBD,KAAKG,QAGlDH,KAAKC,cAAcQ,iBACjB,SACAT,KAAKU,yBAAyBC,KAAKX,MAEvC,EAEAF,EAAeO,UAAUK,yBAA2B,WAC9CV,KAAKC,cAAcW,aAAa,SAClCZ,KAAKG,OAAOU,MAAM,CAAEC,eAAe,EAAMC,cAAc,GAE3D,EAEA,S,GCxBIC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAa1B,QAGrB,IAAIC,EAASsB,EAAyBE,GAAY,CAGjDzB,QAAS,CAAC,GAOX,OAHA4B,EAAoBH,GAAUxB,EAAQA,EAAOD,QAASwB,GAG/CvB,EAAOD,OACf,CCrBAwB,EAAoBK,EAAI,CAAC7B,EAAS8B,KACjC,IAAI,IAAIC,KAAOD,EACXN,EAAoBQ,EAAEF,EAAYC,KAASP,EAAoBQ,EAAEhC,EAAS+B,IAC5EE,OAAOC,eAAelC,EAAS+B,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDP,EAAoBQ,EAAI,CAACK,EAAKC,IAAUL,OAAOrB,UAAU2B,eAAeC,KAAKH,EAAKC,GCClFd,EAAoBiB,EAAKzC,IACH,oBAAX0C,QAA0BA,OAAOC,aAC1CV,OAAOC,eAAelC,EAAS0C,OAAOC,YAAa,CAAEC,MAAO,WAE7DX,OAAOC,eAAelC,EAAS,aAAc,CAAE4C,OAAO,GAAO,E,6FCHxDC,EAAU,SAACC,GAEf,IAEMC,QAFiC,KADvCD,OAA6B,IAAZA,EAA0BA,EAAU,CAAC,GACzBE,MAAwBF,EAAQE,MAAQC,UAEzCxC,cAC1B,uCAEF,IAAIJ,EAAAA,QAAe0C,GAAelC,MACpC,C","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/sensitive-image/sensitive-image.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/all.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","function SensitiveImage($module) {\n  this.$module = $module;\n  this.$imageDetails =\n    $module && $module.querySelector(\".tna-sensitive-image__details\");\n  this.$image = $module && $module.querySelector(\".tna-sensitive-image__image\");\n  this.imageIsVisible = false;\n}\n\nSensitiveImage.prototype.init = function () {\n  console.log(this);\n  if (!this.$module || !this.$imageDetails || !this.$image) {\n    return;\n  }\n  this.$imageDetails.addEventListener(\n    \"toggle\",\n    this.handleImageDetailsToggle.bind(this)\n  );\n};\n\nSensitiveImage.prototype.handleImageDetailsToggle = function () {\n  if (this.$imageDetails.hasAttribute(\"open\")) {\n    this.$image.focus({ preventScroll: true, focusVisible: true });\n  }\n};\n\nexport default SensitiveImage;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import SensitiveImage from \"./components/sensitive-image/sensitive-image.mjs\";\n\nconst initAll = (options) => {\n  options = typeof options !== \"undefined\" ? options : {};\n  const scope = typeof options.scope !== \"undefined\" ? options.scope : document;\n\n  const $toggleButton = scope.querySelector(\n    '[data-module=\"tna-sensitive-image\"]'\n  );\n  new SensitiveImage($toggleButton).init();\n};\n\nexport { initAll, SensitiveImage };\n"],"names":["root","factory","exports","module","define","amd","self","SensitiveImage","$module","this","$imageDetails","querySelector","$image","imageIsVisible","prototype","init","console","log","addEventListener","handleImageDetailsToggle","bind","hasAttribute","focus","preventScroll","focusVisible","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","hasOwnProperty","call","r","Symbol","toStringTag","value","initAll","options","$toggleButton","scope","document"],"sourceRoot":""}
+{"version":3,"file":"all.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAqB,YAAID,IAEzBD,EAAkB,YAAIC,GACvB,CATD,CASGK,MAAM,I,iuBCPF,IAAMC,EAAM,WACjB,SAAAA,EAAYC,I,4FAASC,CAAA,KAAAF,GACnBG,KAAKF,QAAUA,EACfE,KAAKC,qBACHH,GAAWA,EAAQI,cAAc,kCACnCF,KAAKG,YACHL,GAAWA,EAAQI,cAAc,2BACnCF,KAAKI,OACHN,GACAE,KAAKG,aACLH,KAAKG,YAAYE,iBAAiB,kBACpCL,KAAKM,YAAa,EAClBN,KAAKO,IAAMC,OAAOC,WAAW,qBAC/B,C,QA2FC,O,EA3FAZ,G,EAAA,EAAAa,IAAA,OAAAC,MAED,WAAO,IAAAC,EAAA,KACL,GAAKZ,KAAKF,SAAYE,KAAKC,sBAAyBD,KAAKG,YAAzD,CAYA,IAAMU,EAAW,gBAAHC,QC7Bf,CAAC,MAAQ,KAAO,KAAO,KAAO,MAAMC,QAAQ,UAAU,SAACC,GAAC,OAErDA,EACCC,OAAOC,gBAAgB,IAAIC,WAAW,IAAI,GAAM,IAAOH,EAAI,GAC5DI,SAAS,GAAG,KD0BdpB,KAAKG,YAAYkB,aAAa,KAAMR,GAGpCb,KAAKsB,cAAgBC,SAASC,cAAc,UAC5CxB,KAAKsB,cAAcG,UAAY,OAC/BzB,KAAKsB,cAAcD,aAAa,gBAAiBR,GACjDb,KAAKsB,cAAcD,aAAa,gBAAiB,QACjDrB,KAAKsB,cAAcI,UAAUC,IAAI,wCAEjC3B,KAAK4B,WAAaL,SAASC,cAAc,OACzCxB,KAAK4B,WAAWF,UAAUC,IAAI,yBAE9B3B,KAAKsB,cAAcO,YAAY7B,KAAK4B,YACpC5B,KAAKC,qBAAqB4B,YAAY7B,KAAKsB,eAE3CtB,KAAK8B,YAEL9B,KAAKsB,cAAcS,iBAAiB,SAAS,kBAC3CnB,EAAKoB,wBAAwB,IAG3B,qBAAsBhC,KAAKO,IAC7BP,KAAKO,IAAIwB,iBAAiB,UAAU,kBAAMnB,EAAKkB,WAAW,IAG1D9B,KAAKO,IAAI0B,aAAY,kBAAMrB,EAAKkB,WAAW,GApC7C,CAuCF,GAAC,CAAApB,IAAA,yBAAAC,MAED,WACEX,KAAKM,YAAcN,KAAKM,WACxBN,KAAK8B,WACP,GAAC,CAAApB,IAAA,YAAAC,MAED,WACE,GAAIX,KAAKO,IAAI2B,QACX,GAAIlC,KAAKM,WAAY,CACnBN,KAAKG,YAAYuB,UAAUC,IAAI,gCAC/B3B,KAAKG,YAAYgC,QAAS,EAC1BnC,KAAKG,YAAYkB,aAAa,cAAe,SAC7CrB,KAAKsB,cAAcD,aAAa,gBAAiB,QACjDrB,KAAKsB,cAAcD,aAAa,QAAS,cACzCrB,KAAKsB,cAAcI,UAAUC,IAC3B,gDAGF,IAAK,IAAIS,EAAI,EAAGA,EAAIpC,KAAKI,OAAOiC,OAAQD,IACtCpC,KAAKI,OAAOgC,GAAGf,aAAa,WAAY,IAE5C,KAAO,CACLrB,KAAKG,YAAYuB,UAAUY,OAAO,gCAClCtC,KAAKG,YAAYgC,QAAS,EAC1BnC,KAAKG,YAAYkB,aAAa,cAAe,QAC7CrB,KAAKsB,cAAcD,aAAa,gBAAiB,SACjDrB,KAAKsB,cAAcD,aAAa,QAAS,aACzCrB,KAAKsB,cAAcI,UAAUY,OAC3B,gDAGF,IAAK,IAAIF,EAAI,EAAGA,EAAIpC,KAAKI,OAAOiC,OAAQD,IACtCpC,KAAKI,OAAOgC,GAAGf,aAAa,WAAY,KAE5C,KACK,CACLrB,KAAKG,YAAYuB,UAAUC,IAAI,gCAC/B3B,KAAKG,YAAYgC,QAAS,EAC1BnC,KAAKG,YAAYkB,aAAa,cAAe,SAC7CrB,KAAKsB,cAAcD,aAAa,gBAAiB,QACjDrB,KAAKsB,cAAcD,aAAa,QAAS,cAEzC,IAAK,IAAIe,EAAI,EAAGA,EAAIpC,KAAKI,OAAOiC,OAAQD,IACtCpC,KAAKI,OAAOgC,GAAGf,aAAa,WAAY,IAE5C,CACF,M,oEAACxB,CAAA,CAxGgB,E,itBEFZ,IAAM0C,EAAc,WACzB,SAAAA,EAAYzC,I,4FAASC,CAAA,KAAAwC,GACnBvC,KAAKF,QAAUA,EACfE,KAAKwC,cACH1C,GAAWA,EAAQI,cAAc,iCACnCF,KAAKyC,OACH3C,GAAWA,EAAQI,cAAc,+BACnCF,KAAK0C,gBAAiB,CACxB,C,QAeC,O,EAfAH,G,EAAA,EAAA7B,IAAA,OAAAC,MAED,WAAO,IAAAC,EAAA,KACAZ,KAAKF,SAAYE,KAAKwC,eAAkBxC,KAAKyC,QAGlDzC,KAAKwC,cAAcT,iBAAiB,UAAU,kBAC5CnB,EAAK+B,0BAA0B,GAEnC,GAAC,CAAAjC,IAAA,2BAAAC,MAED,WACMX,KAAKwC,cAAcI,aAAa,SAClC5C,KAAKyC,OAAOI,MAAM,CAAEC,eAAe,EAAMC,cAAc,GAE3D,M,oEAACR,CAAA,CAvBwB,E,GCCvBS,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAa3D,QAGrB,IAAIC,EAASuD,EAAyBE,GAAY,CAGjD1D,QAAS,CAAC,GAOX,OAHA6D,EAAoBH,GAAUzD,EAAQA,EAAOD,QAASyD,GAG/CxD,EAAOD,OACf,CCrBAyD,EAAoBK,EAAI,CAAC9D,EAAS+D,KACjC,IAAI,IAAI7C,KAAO6C,EACXN,EAAoBO,EAAED,EAAY7C,KAASuC,EAAoBO,EAAEhE,EAASkB,IAC5E+C,OAAOC,eAAelE,EAASkB,EAAK,CAAEiD,YAAY,EAAMC,IAAKL,EAAW7C,IAE1E,ECNDuC,EAAoBO,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFb,EAAoBiB,EAAK1E,IACH,oBAAX2E,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAelE,EAAS2E,OAAOC,YAAa,CAAEzD,MAAO,WAE7D8C,OAAOC,eAAelE,EAAS,aAAc,CAAEmB,OAAO,GAAO,E,iICFxD0D,EAAQ9C,SAAS+C,gBAEvBD,EAAM3C,UAAUY,OAAO,6BACvB+B,EAAM3C,UAAUC,IAAI,4BAmBpBnB,OAAOuB,iBAAiB,cAjBH,SAAfwC,IACJ/D,OAAOgE,oBAAoB,aAAcD,GACzCF,EAAM3C,UAAUC,IAAI,wBACtB,IAeAnB,OAAOuB,iBAAiB,WAbN,SAAC0C,GACH,QAAVA,EAAE/D,MACJ2D,EAAM3C,UAAUC,IAAI,wBACpB0C,EAAM3C,UAAUY,OAAO,yBAE3B,IASA9B,OAAOuB,iBAAiB,aAPJ,WAClBsC,EAAM3C,UAAUC,IAAI,yBACpB0C,EAAM3C,UAAUY,OAAO,uBACzB,IAMIf,SAAS+C,gBAAgB5C,UAAUgD,SAAS,gCAC1ClE,OAAOC,WAAW,4BAA4ByB,QAChDX,SAAS+C,gBAAgB5C,UAAUC,IAAI,qCAEvCJ,SAAS+C,gBAAgB5C,UAAUC,IACjCnB,OAAOC,WAAW,gCAAgCyB,QAC9C,2BACA,8BAKV,IAAMyC,EAAU,SAACC,GAEf,IAAMC,GADND,OAA6B,IAAZA,EAA0BA,EAAU,CAAC,GAE5CE,iBAAiBC,YAAcH,EAAQE,MAAQvD,SAEnDyD,EAAUH,EAAO3E,cAAc,8BACjC8E,GACF,IAAInF,EAAAA,OAAOmF,GAASC,OAGGJ,EAAOxE,iBAC9B,uCAEe6E,SAAQ,SAACC,GACxB,IAAI5C,EAAAA,eAAe4C,GAAiBF,MACtC,GACF,C","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/header/header.mjs","webpack://TNAFrontend/./src/nationalarchives/lib/uuid.mjs","webpack://TNAFrontend/./src/nationalarchives/components/sensitive-image/sensitive-image.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/all.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Header {\n  constructor($module) {\n    this.$module = $module;\n    this.$toggleButtonWrapper =\n      $module && $module.querySelector(\".tna-header__navigation-toggle\");\n    this.$navigation =\n      $module && $module.querySelector(\".tna-header__navigation\");\n    this.$links =\n      $module &&\n      this.$navigation &&\n      this.$navigation.querySelectorAll(\"[tabindex='0']\");\n    this.menuOpened = false;\n    this.mql = window.matchMedia(\"(max-width: 768px)\");\n  }\n\n  init() {\n    if (!this.$module || !this.$toggleButtonWrapper || !this.$navigation) {\n      return;\n    }\n\n    // const uniqueLinkIds = []\n\n    // for (let i = 0; i < this.$links.length; i++) {\n    //   const uniqueLinkId = uuidv4()\n    //   this.$links[i].setAttribute(\"id\", uniqueLinkId);\n    //   uniqueLinkIds.push(uniqueLinkId)\n    // }\n\n    const uniqueId = `menu-content-${uuidv4()}`;\n    this.$navigation.setAttribute(\"id\", uniqueId);\n    // this.$navigation.setAttribute(\"aria-owns\", uniqueLinkIds.join(\",\"));\n\n    this.$toggleButton = document.createElement(\"button\");\n    this.$toggleButton.innerText = \"Menu\";\n    this.$toggleButton.setAttribute(\"aria-controls\", uniqueId);\n    this.$toggleButton.setAttribute(\"aria-haspopup\", \"true\");\n    this.$toggleButton.classList.add(\"tna-header__navigation-toggle-button\");\n\n    this.$hamburger = document.createElement(\"div\");\n    this.$hamburger.classList.add(\"tna-header__hamburger\");\n\n    this.$toggleButton.appendChild(this.$hamburger);\n    this.$toggleButtonWrapper.appendChild(this.$toggleButton);\n\n    this.syncState();\n\n    this.$toggleButton.addEventListener(\"click\", () =>\n      this.handleToggleNavigation(),\n    );\n\n    if (\"addEventListener\" in this.mql) {\n      this.mql.addEventListener(\"change\", () => this.syncState());\n      // this.mql.addEventListener(\"change\", this.syncState.bind(this));\n    } else {\n      this.mql.addListener(() => this.syncState());\n      // this.mql.addListener(this.syncState.bind(this));\n    }\n  }\n\n  handleToggleNavigation() {\n    this.menuOpened = !this.menuOpened;\n    this.syncState();\n  }\n\n  syncState() {\n    if (this.mql.matches) {\n      if (this.menuOpened) {\n        this.$navigation.classList.add(\"tna-header__navigation--open\");\n        this.$navigation.hidden = false;\n        this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n        this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n        this.$toggleButton.classList.add(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"0\");\n        }\n      } else {\n        this.$navigation.classList.remove(\"tna-header__navigation--open\");\n        this.$navigation.hidden = true;\n        this.$navigation.setAttribute(\"aria-hidden\", \"true\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"false\");\n        this.$toggleButton.setAttribute(\"title\", \"Open menu\");\n        this.$toggleButton.classList.remove(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"-1\");\n        }\n      }\n    } else {\n      this.$navigation.classList.add(\"tna-header__navigation--open\");\n      this.$navigation.hidden = false;\n      this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n      this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n      this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n\n      for (let i = 0; i < this.$links.length; i++) {\n        this.$links[i].setAttribute(\"tabindex\", \"0\");\n      }\n    }\n  }\n}\n","const uuidv4 = () =>\n  ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\n    (\n      c ^\n      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\n    ).toString(16),\n  );\n\nexport default uuidv4;\n","export class SensitiveImage {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageDetails =\n      $module && $module.querySelector(\".tna-sensitive-image__details\");\n    this.$image =\n      $module && $module.querySelector(\".tna-sensitive-image__image\");\n    this.imageIsVisible = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageDetails || !this.$image) {\n      return;\n    }\n    this.$imageDetails.addEventListener(\"toggle\", () =>\n      this.handleImageDetailsToggle(),\n    );\n  }\n\n  handleImageDetailsToggle() {\n    if (this.$imageDetails.hasAttribute(\"open\")) {\n      this.$image.focus({ preventScroll: true, focusVisible: true });\n    }\n  }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Header } from \"./components/header/header.mjs\";\nimport { SensitiveImage } from \"./components/sensitive-image/sensitive-image.mjs\";\n\nconst $body = document.documentElement;\n\n$body.classList.remove(\"tna-template--js-disabled\");\n$body.classList.add(\"tna-template--js-enabled\");\n\nconst onFirstTouch = () => {\n  window.removeEventListener(\"touchstart\", onFirstTouch);\n  $body.classList.add(\"tna-template--touched\");\n};\n\nconst onKeyDown = (e) => {\n  if (e.key === \"Tab\") {\n    $body.classList.add(\"tna-template--tabbed\");\n    $body.classList.remove(\"tna-template--clicked\");\n  }\n};\n\nconst onMouseDown = () => {\n  $body.classList.add(\"tna-template--clicked\");\n  $body.classList.remove(\"tna-template--tabbed\");\n};\n\nwindow.addEventListener(\"touchstart\", onFirstTouch);\nwindow.addEventListener(\"keydown\", onKeyDown);\nwindow.addEventListener(\"mousedown\", onMouseDown);\n\nif (document.documentElement.classList.contains(\"tna-template--system-theme\")) {\n  if (window.matchMedia(\"(prefers-contrast: more)\").matches) {\n    document.documentElement.classList.add(\"tna-template--high-contrast-theme\");\n  } else {\n    document.documentElement.classList.add(\n      window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n        ? \"tna-template--dark-theme\"\n        : \"tna-template--light-theme\",\n    );\n  }\n}\n\nconst initAll = (options) => {\n  options = typeof options !== \"undefined\" ? options : {};\n  const $scope =\n    options.scope instanceof HTMLElement ? options.scope : document;\n\n  const $header = $scope.querySelector('[data-module=\"tna-header\"]');\n  if ($header) {\n    new Header($header).init();\n  }\n\n  const $sensitiveImages = $scope.querySelectorAll(\n    '[data-module=\"tna-sensitive-image\"]',\n  );\n  $sensitiveImages.forEach(($sensitiveImage) => {\n    new SensitiveImage($sensitiveImage).init();\n  });\n};\n\nexport { initAll, Header, SensitiveImage };\n"],"names":["root","factory","exports","module","define","amd","self","Header","$module","_classCallCheck","this","$toggleButtonWrapper","querySelector","$navigation","$links","querySelectorAll","menuOpened","mql","window","matchMedia","key","value","_this","uniqueId","concat","replace","c","crypto","getRandomValues","Uint8Array","toString","setAttribute","$toggleButton","document","createElement","innerText","classList","add","$hamburger","appendChild","syncState","addEventListener","handleToggleNavigation","addListener","matches","hidden","i","length","remove","SensitiveImage","$imageDetails","$image","imageIsVisible","handleImageDetailsToggle","hasAttribute","focus","preventScroll","focusVisible","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","$body","documentElement","onFirstTouch","removeEventListener","e","contains","initAll","options","$scope","scope","HTMLElement","$header","init","forEach","$sensitiveImage"],"sourceRoot":""}

package/nationalarchives/all.mjs

@@ -1,13 +1,60 @@
-import SensitiveImage from "./components/sensitive-image/sensitive-image.mjs";
+import { Header } from "./components/header/header.mjs";
+import { SensitiveImage } from "./components/sensitive-image/sensitive-image.mjs";
+
+const $body = document.documentElement;
+
+$body.classList.remove("tna-template--js-disabled");
+$body.classList.add("tna-template--js-enabled");
+
+const onFirstTouch = () => {
+  window.removeEventListener("touchstart", onFirstTouch);
+  $body.classList.add("tna-template--touched");
+};
+
+const onKeyDown = (e) => {
+  if (e.key === "Tab") {
+    $body.classList.add("tna-template--tabbed");
+    $body.classList.remove("tna-template--clicked");
+  }
+};
+
+const onMouseDown = () => {
+  $body.classList.add("tna-template--clicked");
+  $body.classList.remove("tna-template--tabbed");
+};
+
+window.addEventListener("touchstart", onFirstTouch);
+window.addEventListener("keydown", onKeyDown);
+window.addEventListener("mousedown", onMouseDown);
+
+if (document.documentElement.classList.contains("tna-template--system-theme")) {
+  if (window.matchMedia("(prefers-contrast: more)").matches) {
+    document.documentElement.classList.add("tna-template--high-contrast-theme");
+  } else {
+    document.documentElement.classList.add(
+      window.matchMedia("(prefers-color-scheme: dark)").matches
+        ? "tna-template--dark-theme"
+        : "tna-template--light-theme",
+    );
+  }
+}
 
 const initAll = (options) => {
   options = typeof options !== "undefined" ? options : {};
-  const scope = typeof options.scope !== "undefined" ? options.scope : document;
+  const $scope =
+    options.scope instanceof HTMLElement ? options.scope : document;
+
+  const $header = $scope.querySelector('[data-module="tna-header"]');
+  if ($header) {
+    new Header($header).init();
+  }
 
-  const $toggleButton = scope.querySelector(
-    '[data-module="tna-sensitive-image"]'
+  const $sensitiveImages = $scope.querySelectorAll(
+    '[data-module="tna-sensitive-image"]',
   );
-  new SensitiveImage($toggleButton).init();
+  $sensitiveImages.forEach(($sensitiveImage) => {
+    new SensitiveImage($sensitiveImage).init();
+  });
 };
 
-export { initAll, SensitiveImage };
+export { initAll, Header, SensitiveImage };

package/nationalarchives/assets/images/footer/facebook.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;stroke:#26262A;stroke-width:5;stroke-miterlimit:10;}
+</style>
+<path class="st0" d="M504,256C504,119,393,8,256,8S8,119,8,256c0,123.8,90.7,226.4,209.2,245V327.7h-63V256h63v-54.6
+	c0-62.2,37-96.5,93.7-96.5c27.1,0,55.5,4.8,55.5,4.8v61h-31.3c-30.8,0-40.4,19.1-40.4,38.7V256h68.8l-11,71.7h-57.8V501
+	C413.3,482.4,504,379.8,504,256z"/>
+</svg>

package/nationalarchives/assets/images/footer/flickr.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 448 512" style="enable-background:new 0 0 448 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
+</style>
+<path class="st0" d="M400,32H48C21.5,32,0,53.5,0,80v352c0,26.5,21.5,48,48,48h352c26.5,0,48-21.5,48-48V80
+	C448,53.5,426.5,32,400,32z M144.5,319c-35.1,0-63.5-28.4-63.5-63.5s28.4-63.5,63.5-63.5s63.5,28.4,63.5,63.5S179.6,319,144.5,319z
+	 M303.5,319c-35.1,0-63.5-28.4-63.5-63.5s28.4-63.5,63.5-63.5s63.5,28.4,63.5,63.5S338.6,319,303.5,319z"/>
+</svg>

package/nationalarchives/assets/images/footer/instagram.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 448 512" style="enable-background:new 0 0 448 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;stroke:#26262A;stroke-width:5;stroke-miterlimit:10;}
+</style>
+<path class="st0" d="M224.1,141c-63.6,0-114.9,51.3-114.9,114.9s51.3,114.9,114.9,114.9S339,319.5,339,255.9S287.7,141,224.1,141z
+	 M224.1,330.6c-41.1,0-74.7-33.5-74.7-74.7s33.5-74.7,74.7-74.7s74.7,33.5,74.7,74.7S265.2,330.6,224.1,330.6L224.1,330.6z
+	 M370.5,136.3c0,14.9-12,26.8-26.8,26.8c-14.9,0-26.8-12-26.8-26.8s12-26.8,26.8-26.8S370.5,121.5,370.5,136.3z M446.6,163.5
+	c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9,0C95.8,35.1,64,43.3,37.7,69.5
+	s-34.4,58-36.2,93.9c-2.1,37-2.1,147.9,0,184.9c1.7,35.9,9.9,67.7,36.2,93.9s58,34.4,93.9,36.2c37,2.1,147.9,2.1,184.9,0
+	c35.9-1.7,67.7-9.9,93.9-36.2c26.2-26.2,34.4-58,36.2-93.9C448.7,311.3,448.7,200.5,446.6,163.5L446.6,163.5z M398.8,388
+	c-7.8,19.6-22.9,34.7-42.6,42.6c-29.5,11.7-99.5,9-132.1,9s-102.7,2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6
+	c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7,9-132.1c7.8-19.6,22.9-34.7,42.6-42.6c29.5-11.7,99.5-9,132.1-9s102.7-2.6,132.1,9
+	c19.6,7.8,34.7,22.9,42.6,42.6c11.7,29.5,9,99.5,9,132.1S410.5,358.6,398.8,388z"/>
+</svg>

package/nationalarchives/assets/images/footer/rss.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 448 512" style="enable-background:new 0 0 448 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
+</style>
+<path class="st0" d="M128.1,416c0,35.4-28.7,64-64,64S0,451.3,0,416s28.7-64,64-64S128.1,380.6,128.1,416L128.1,416z M303.7,463.2
+	c-8.4-154.6-132.2-278.6-287-287c-9.1-0.5-16.8,6.8-16.8,16v48.1c0,8.4,6.5,15.5,14.9,16c111.8,7.3,201.5,96.7,208.8,208.8
+	c0.5,8.4,7.6,14.9,16,14.9h48.1C296.9,480,304.2,472.3,303.7,463.2L303.7,463.2z M448,463.5C439.6,229.7,251.5,40.4,16.5,32
+	C7.5,31.7,0,39,0,48v48.1c0,8.6,6.8,15.6,15.5,16c191.2,7.8,344.6,161.3,352.5,352.5c0.4,8.6,7.4,15.5,16,15.5H432
+	C441,480,448.3,472.5,448,463.5z"/>
+</svg>

package/nationalarchives/assets/images/footer/twitter.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
+</style>
+<path class="st0" d="M459.4,151.7c0.3,4.5,0.3,9.1,0.3,13.6c0,138.7-105.6,298.6-298.6,298.6c-59.5,0-114.7-17.2-161.1-47.1
+	c8.4,1,16.6,1.3,25.3,1.3c49.1,0,94.2-16.6,130.3-44.8c-46.1-1-84.8-31.2-98.1-72.8c6.5,1,13,1.6,19.8,1.6c9.4,0,18.8-1.3,27.6-3.6
+	c-48.1-9.7-84.1-52-84.1-103v-1.3c14,7.8,30.2,12.7,47.4,13.3c-28.3-18.8-46.8-51-46.8-87.4c0-19.5,5.2-37.4,14.3-53
+	C87.4,130.9,165,172.5,252.1,177.1c-1.6-7.8-2.6-15.9-2.6-24c0-57.8,46.8-104.9,104.9-104.9c30.2,0,57.5,12.7,76.7,33.1
+	c23.7-4.5,46.5-13.3,66.6-25.3c-7.8,24.4-24.4,44.8-46.1,57.8c21.1-2.3,41.6-8.1,60.4-16.2C497.7,118.3,479.8,136.8,459.4,151.7
+	L459.4,151.7z"/>
+</svg>

package/nationalarchives/assets/images/footer/youtube.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 576 512" style="enable-background:new 0 0 576 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
+</style>
+<path class="st0" d="M549.7,124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8,64,288,64,288,64S117.2,64,74.6,75.5
+	c-23.5,6.3-42,24.9-48.3,48.6c-11.4,42.9-11.4,132.3-11.4,132.3s0,89.4,11.4,132.3c6.3,23.6,24.8,41.5,48.3,47.8
+	C117.2,448,288,448,288,448s170.8,0,213.4-11.5c23.5-6.3,42-24.2,48.3-47.8c11.4-42.9,11.4-132.3,11.4-132.3
+	S561.1,166.9,549.7,124.1z M232.1,337.6V175.2l142.7,81.2L232.1,337.6L232.1,337.6z"/>
+</svg>

package/nationalarchives/assets/images/tna-square-logo.svg

@@ -1,47 +1,26 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-     viewBox="0 0 160 160" style="enable-background:new 0 0 160 160;" xml:space="preserve">
-<style type="text/css">
-    .st0{fill:#fff;}
-    .st1{fill:#000;}
-</style>
-<rect class="st0" width="160" height="160"/>
-<path class="st1" d="M1.9,107.2h156.3V158H1.9V107.2z M1.9,54.5h79.1h77.2v50.8H1.9V54.5z M1.9,1.9h77.2v50.8H1.9V1.9z M80.9,1.9
-    h77.2v50.8H80.9C80.9,52.7,80.9,1.9,80.9,1.9z M80.9,0H0v52.7v1.9v50.8v1.9v52.7h160v-52.7v-1.9V52.7V0H80.9z"/>
-<polygon class="st1" points="21.3,19.5 15.9,19.5 15.9,16.5 30.2,16.5 30.2,19.5 24.8,19.5 24.8,37.9 21.3,37.9 "/>
-<polygon class="st1" points="31.6,16.5 35,16.5 35,25.5 43.4,25.5 43.4,16.5 46.8,16.5 46.8,37.9 43.4,37.9 43.4,28.6 35,28.6 
-    35,37.9 31.6,37.9 "/>
-<polygon class="st1" points="50.9,16.5 63.1,16.5 63.1,19.5 54.3,19.5 54.3,25.6 61.7,25.6 61.7,28.6 54.3,28.6 54.3,34.9 
-    63.1,34.9 63.1,37.9 50.9,37.9 "/>
-<path class="st1" d="M19.7,69.2h3.8l6.4,12.5c0.6,1.1,1.1,2.7,1.6,4h0.2c-0.2-1.7-0.3-3.6-0.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3
-    c-0.7-1.4-1.2-2.7-1.7-4.2h-0.2c0.2,1.4,0.3,3.3,0.3,5v11.5h-3.5C19.7,90.6,19.7,69.2,19.7,69.2z"/>
-<path class="st1" d="M47.8,82.6l-1.7-6.3c-0.3-1.1-0.6-2.2-0.9-3.8H45c-0.3,1.6-0.5,2.6-0.8,3.8l-1.7,6.3H47.8z M43,69.2h4.2
-    l6.2,21.4h-3.5l-1.5-5.2h-6.6l-1.4,5.2h-3.6L43,69.2z"/>
-<polygon class="st1" points="57.2,72.3 51.8,72.3 51.8,69.2 66,69.2 66,72.3 60.6,72.3 60.6,90.7 57.2,90.7 "/>
-<rect x="67.8" y="69.2" class="st1" width="3.5" height="21.4"/>
-<path class="st1" d="M87.5,80c0-5.3-1.7-8-4.8-8c-3.2,0-4.8,2.7-4.8,8c0,5.2,1.6,7.9,4.8,7.9C85.9,87.9,87.5,85.2,87.5,80 M74.2,80
-    c0-7,3-11.1,8.5-11.1c5.4,0,8.4,4.1,8.4,11.1c0,6.9-3,11-8.4,11C77.3,91,74.2,86.9,74.2,80"/>
-<path class="st1" d="M94.3,69.2H98l6.4,12.5c0.6,1.1,1.2,2.7,1.7,4h0.2c-0.2-1.7-0.3-3.6-0.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3
-    c-0.7-1.4-1.2-2.7-1.7-4.2h-0.2c0.2,1.4,0.3,3.3,0.3,5v11.5h-3.5V69.2z"/>
-<path class="st1" d="M122.4,82.6l-1.7-6.3c-0.3-1.1-0.6-2.2-0.9-3.8h-0.2c-0.3,1.6-0.5,2.6-0.8,3.8l-1.7,6.3H122.4z M117.6,69.2h4.2
-    l6.2,21.4h-3.5l-1.5-5.2h-6.6l-1.4,5.2h-3.6L117.6,69.2z"/>
-<polygon class="st1" points="129.9,69.2 133.4,69.2 133.4,87.6 141.8,87.6 141.8,90.7 129.9,90.7 "/>
-<path class="st1" d="M26.9,135.2l-1.7-6.3c-0.3-1.1-0.6-2.2-0.9-3.8h-0.2c-0.3,1.6-0.5,2.6-0.8,3.8l-1.7,6.3H26.9z M22.1,121.8h4.2
-    l6.2,21.4H29l-1.5-5.2h-6.6l-1.4,5.2h-3.6L22.1,121.8z"/>
-<path class="st1" d="M39.9,132.5c2.5,0,3.4-1.6,3.4-3.9c0-2.2-1-3.8-3.4-3.8h-2.7v7.7H39.9z M33.8,121.8h6.4c4.5,0,6.7,2.4,6.7,6.6
-    c0,3.1-1.5,5.6-3.7,6.3v0.2c1,1.1,4,7.5,4.8,7.9v0.5h-3.8c-1-0.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5L33.8,121.8L33.8,121.8z"/>
-<path class="st1" d="M52.9,132.5c0,5.3,1.9,8,4.8,8c2.9,0,4-2,4-5.2l3.5,0.1c0,0.2,0.1,0.4,0.1,0.6c0,4.4-2.1,7.5-7.5,7.5
-    c-5.2,0-8.5-3.9-8.5-11.1c0-7.1,3.3-11,8.5-11c6.4,0,7.5,4.6,7.5,7.2c0,0.3,0,0.7-0.1,0.9l-3.5,0.1c0-3.3-1.2-5.2-4-5.2
-    C54.8,124.6,52.9,127.3,52.9,132.5"/>
-<polygon class="st1" points="68,121.8 71.5,121.8 71.5,130.9 79.8,130.9 79.8,121.8 83.3,121.8 83.3,143.3 79.8,143.3 79.8,133.9 
-    71.5,133.9 71.5,143.3 68,143.3 "/>
-<rect x="87.9" y="121.8" class="st1" width="3.5" height="21.4"/>
-<path class="st1" d="M94.2,121.8h3.6l3.2,12.3c0.5,1.9,0.8,3.6,1.1,5.6h0.2c0.3-2,0.6-3.7,1.1-5.6l3.2-12.3h3.6l-6.1,21.4h-4.1
-    L94.2,121.8z"/>
-<polygon class="st1" points="112.7,121.8 125,121.8 125,124.9 116.2,124.9 116.2,130.9 123.6,130.9 123.6,133.9 116.2,133.9 
-    116.2,140.2 125,140.2 125,143.3 112.7,143.3 "/>
-<path class="st1" d="M130.4,136c0,0.2-0.1,0.5-0.1,0.8c0,1.9,0.8,3.7,3.4,3.7c2.1,0,3.3-1.2,3.3-2.9c0-1.6-0.7-2.4-2.2-3l-3.4-1.3
-    c-2.4-0.9-4.2-2.4-4.2-5.7c0-3.5,2.3-6.1,6.6-6.1c5.5,0,6.4,3.6,6.4,5.9c0,0.3,0,0.7-0.1,1.1l-3.4,0.1c0-0.2,0.1-0.5,0.1-0.7
-    c0-1.7-0.6-3.2-3-3.2c-2.1,0-3,1.2-3,2.8c0,1.7,0.9,2.5,2.2,2.9l3.5,1.3c2.6,1,4.3,2.6,4.3,5.8c0,3.6-2.4,6.1-7,6.1
-    c-5.9,0-6.8-3.9-6.8-6.5c0-0.3,0-0.6,0.1-1L130.4,136z"/>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 160 160" style="enable-background:new 0 0 160 160;" xml:space="preserve" class="tna-logo">
+  <rect class="tna-logo__background" fill="none" width="160" height="160"/>
+  <g class="tna-logo__foreground" fill="#000">
+    <path d="M1.9,107.2h156.3V158H1.9V107.2z M1.9,54.5h79.1h77.2v50.8H1.9V54.5z M1.9,1.9h77.2v50.8H1.9V1.9z M80.9,1.9 h77.2v50.8H80.9C80.9,52.7,80.9,1.9,80.9,1.9z M80.9,0H0v52.7v1.9v50.8v1.9v52.7h160v-52.7v-1.9V52.7V0H80.9z"/>
+    <polygon points="21.3,19.5 15.9,19.5 15.9,16.5 30.2,16.5 30.2,19.5 24.8,19.5 24.8,37.9 21.3,37.9 "/>
+    <polygon points="31.6,16.5 35,16.5 35,25.5 43.4,25.5 43.4,16.5 46.8,16.5 46.8,37.9 43.4,37.9 43.4,28.6 35,28.6 35,37.9 31.6,37.9 "/>
+    <polygon points="50.9,16.5 63.1,16.5 63.1,19.5 54.3,19.5 54.3,25.6 61.7,25.6 61.7,28.6 54.3,28.6 54.3,34.9 63.1,34.9 63.1,37.9 50.9,37.9 "/>
+    <path d="M19.7,69.2h3.8l6.4,12.5c0.6,1.1,1.1,2.7,1.6,4h0.2c-0.2-1.7-0.3-3.6-0.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3c-0.7-1.4-1.2-2.7-1.7-4.2h-0.2c0.2,1.4,0.3,3.3,0.3,5v11.5h-3.5C19.7,90.6,19.7,69.2,19.7,69.2z"/>
+    <path d="M47.8,82.6l-1.7-6.3c-0.3-1.1-0.6-2.2-0.9-3.8H45c-0.3,1.6-0.5,2.6-0.8,3.8l-1.7,6.3H47.8z M43,69.2h4.2l6.2,21.4h-3.5l-1.5-5.2h-6.6l-1.4,5.2h-3.6L43,69.2z"/>
+    <polygon points="57.2,72.3 51.8,72.3 51.8,69.2 66,69.2 66,72.3 60.6,72.3 60.6,90.7 57.2,90.7 "/>
+    <rect x="67.8" y="69.2" width="3.5" height="21.4"/>
+    <path d="M87.5,80c0-5.3-1.7-8-4.8-8c-3.2,0-4.8,2.7-4.8,8c0,5.2,1.6,7.9,4.8,7.9C85.9,87.9,87.5,85.2,87.5,80 M74.2,80c0-7,3-11.1,8.5-11.1c5.4,0,8.4,4.1,8.4,11.1c0,6.9-3,11-8.4,11C77.3,91,74.2,86.9,74.2,80"/>
+    <path d="M94.3,69.2H98l6.4,12.5c0.6,1.1,1.2,2.7,1.7,4h0.2c-0.2-1.7-0.3-3.6-0.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3c-0.7-1.4-1.2-2.7-1.7-4.2h-0.2c0.2,1.4,0.3,3.3,0.3,5v11.5h-3.5V69.2z"/>
+    <path d="M122.4,82.6l-1.7-6.3c-0.3-1.1-0.6-2.2-0.9-3.8h-0.2c-0.3,1.6-0.5,2.6-0.8,3.8l-1.7,6.3H122.4z M117.6,69.2h4.2l6.2,21.4h-3.5l-1.5-5.2h-6.6l-1.4,5.2h-3.6L117.6,69.2z"/>
+    <polygon points="129.9,69.2 133.4,69.2 133.4,87.6 141.8,87.6 141.8,90.7 129.9,90.7 "/>
+    <path d="M26.9,135.2l-1.7-6.3c-0.3-1.1-0.6-2.2-0.9-3.8h-0.2c-0.3,1.6-0.5,2.6-0.8,3.8l-1.7,6.3H26.9z M22.1,121.8h4.2l6.2,21.4H29l-1.5-5.2h-6.6l-1.4,5.2h-3.6L22.1,121.8z"/>
+    <path d="M39.9,132.5c2.5,0,3.4-1.6,3.4-3.9c0-2.2-1-3.8-3.4-3.8h-2.7v7.7H39.9z M33.8,121.8h6.4c4.5,0,6.7,2.4,6.7,6.6c0,3.1-1.5,5.6-3.7,6.3v0.2c1,1.1,4,7.5,4.8,7.9v0.5h-3.8c-1-0.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5L33.8,121.8L33.8,121.8z"/>
+    <path d="M52.9,132.5c0,5.3,1.9,8,4.8,8c2.9,0,4-2,4-5.2l3.5,0.1c0,0.2,0.1,0.4,0.1,0.6c0,4.4-2.1,7.5-7.5,7.5c-5.2,0-8.5-3.9-8.5-11.1c0-7.1,3.3-11,8.5-11c6.4,0,7.5,4.6,7.5,7.2c0,0.3,0,0.7-0.1,0.9l-3.5,0.1c0-3.3-1.2-5.2-4-5.2C54.8,124.6,52.9,127.3,52.9,132.5"/>
+    <polygon points="68,121.8 71.5,121.8 71.5,130.9 79.8,130.9 79.8,121.8 83.3,121.8 83.3,143.3 79.8,143.3 79.8,133.9 71.5,133.9 71.5,143.3 68,143.3 "/>
+    <rect x="87.9" y="121.8" width="3.5" height="21.4"/>
+    <path d="M94.2,121.8h3.6l3.2,12.3c0.5,1.9,0.8,3.6,1.1,5.6h0.2c0.3-2,0.6-3.7,1.1-5.6l3.2-12.3h3.6l-6.1,21.4h-4.1L94.2,121.8z"/>
+    <polygon points="112.7,121.8 125,121.8 125,124.9 116.2,124.9 116.2,130.9 123.6,130.9 123.6,133.9 116.2,133.9 116.2,140.2 125,140.2 125,143.3 112.7,143.3 "/>
+    <path d="M130.4,136c0,0.2-0.1,0.5-0.1,0.8c0,1.9,0.8,3.7,3.4,3.7c2.1,0,3.3-1.2,3.3-2.9c0-1.6-0.7-2.4-2.2-3l-3.4-1.3c-2.4-0.9-4.2-2.4-4.2-5.7c0-3.5,2.3-6.1,6.6-6.1c5.5,0,6.4,3.6,6.4,5.9c0,0.3,0,0.7-0.1,1.1l-3.4,0.1c0-0.2,0.1-0.5,0.1-0.7c0-1.7-0.6-3.2-3-3.2c-2.1,0-3,1.2-3,2.8c0,1.7,0.9,2.5,2.2,2.9l3.5,1.3c2.6,1,4.3,2.6,4.3,5.8c0,3.6-2.4,6.1-7,6.1c-5.9,0-6.8-3.9-6.8-6.5c0-0.3,0-0.6,0.1-1L130.4,136z"/>
+  </g>
 </svg>

package/nationalarchives/components/_all.scss

@@ -1,6 +1,10 @@
+@use "breadcrumbs/index" as breadcrumbs;
 @use "button/index" as button;
 @use "card/index" as card;
+@use "filters/index" as filters;
 @use "footer/index" as footer;
 @use "grid/index" as grid;
+@use "header/index" as header;
 @use "hero/index" as hero;
+@use "phase-banner/index" as phase-banner;
 @use "sensitive-image/index" as sensitive-image;

package/nationalarchives/components/breadcrumbs/_index.scss

@@ -30,10 +30,11 @@
   &__link {
     display: inline-block;
 
-    color: colour.$base-font-colour;
+    // color: colour.$base-font-colour;
+    @include colour.colour-font("base-font");
 
     &:hover {
-      color: #f0a;
+      color: colour.$tna-black;
     }
   }
 
@@ -59,7 +60,7 @@
             // content: "\21E6";
             // content: "\21FD";
             // content: "\2794";
-            content: "\2190\00a0"attr(data-prefix);
+            content: "\2190\00a0" attr(data-prefix);
           }
         }
       }

package/nationalarchives/components/breadcrumbs/breadcrumbs.stories.js

@@ -1,5 +1,4 @@
 import Breadcrumbs from "./template.njk";
-import "./_index.scss";
 import macroOptions from "./macro-options.json";
 
 const argTypes = {
@@ -10,12 +9,12 @@ const argTypes = {
 
 Object.keys(argTypes).forEach((argType) => {
   argTypes[argType].description = macroOptions.find(
-    (option) => option.name === argType
+    (option) => option.name === argType,
   )?.description;
 });
 
 export default {
-  title: "Components/Breadcrumbs",
+  title: "Components/Work in progress/Breadcrumbs",
   argTypes,
 };
 

package/nationalarchives/components/breadcrumbs/fixtures.json

@@ -19,7 +19,7 @@
           }
         ]
       },
-      "html": "<nav class=\"tna-breadcrumbs \">\n    <ol class=\"tna-breadcrumbs__list\"><li class=\"tna-breadcrumbs__item\">\n            <a href=\"#/alpha\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">\n                Alpha\n            </a>\n        </li><li class=\"tna-breadcrumbs__item\">\n            <a href=\"#/beta\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">\n                Beta\n            </a>\n        </li><li class=\"tna-breadcrumbs__item\">\n            <a href=\"#/gamma\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">\n                Gamma\n            </a>\n        </li></ol>\n</nav>",
+      "html": "<nav class=\"tna-breadcrumbs \">\n  <ol class=\"tna-breadcrumbs__list\"><li class=\"tna-breadcrumbs__item\">\n      <a href=\"#/alpha\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">\n        Alpha\n      </a>\n    </li><li class=\"tna-breadcrumbs__item\">\n      <a href=\"#/beta\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">\n        Beta\n      </a>\n    </li><li class=\"tna-breadcrumbs__item\">\n      <a href=\"#/gamma\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">\n        Gamma\n      </a>\n    </li></ol>\n</nav>",
       "hidden": false
     }
   ]

package/nationalarchives/components/breadcrumbs/macro-options.json

@@ -29,12 +29,12 @@
     "name": "classes",
     "type": "string",
     "required": false,
-    "description": "Classes to add to the button."
+    "description": "Classes to add to the breadcrumbs."
   },
   {
     "name": "attributes",
     "type": "object",
     "required": false,
-    "description": "HTML attributes (for example data attributes) to add to the button."
+    "description": "HTML attributes (for example data attributes) to add to the breadcrumbs."
   }
 ]

package/nationalarchives/components/breadcrumbs/template.njk

@@ -1,13 +1,13 @@
 {%- set breadcrumbClasses = [params.classes] if params.classes else [] -%}
 
 <nav class="tna-breadcrumbs {{ breadcrumbClasses | join(' ') }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
-    <ol class="tna-breadcrumbs__list">
-    {%- for item in params.items -%}
-        <li class="tna-breadcrumbs__item">
-            <a href="{{ item.href }}" class="tna-breadcrumbs__link" data-prefix="{{ params.prefix if params.prefix else 'Back to' }}" {%- if item.title %} title="{{ item.title }}"{% endif %}>
-                {{ item.text }}
-            </a>
-        </li>
-    {%- endfor -%}
-    </ol>
+  <ol class="tna-breadcrumbs__list">
+  {%- for item in params.items -%}
+    <li class="tna-breadcrumbs__item">
+      <a href="{{ item.href }}" class="tna-breadcrumbs__link" data-prefix="{{ params.prefix if params.prefix else 'Back to' }}" {%- if item.title %} title="{{ item.title }}"{% endif %}>
+        {{ item.text }}
+      </a>
+    </li>
+  {%- endfor -%}
+  </ol>
 </nav>