@nationalarchives/frontend 0.1.8-prerelease → 0.1.9-prerelease

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";.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16px}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;background-color:#fff;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem #004c7e solid;outline-offset:.125rem}.tna-template{font-family:"Open Sans",sans-serif;font-weight:400;color:#343338;-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;color:#000;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;color:#343338;font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-template .tna-hgroup__title{margin:0;color:#000}.tna-template .tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338}.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;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-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--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: 769px)and (max-width: 1024px){.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: 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--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: 480px){.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__contents.tna-container{justify-content:space-between}.tna-header__logo{padding-top:1.5rem;padding-bottom:1.5rem}.tna-header__logo-link{display:-ms-flexbox;display:flex;align-items:flex-end;color:inherit;text-decoration:none}.tna-header__logo-link:hover{outline:.375rem #fff solid}.tna-header .tna-logo{width:100px;height:100px;display:inline-block}.tna-header .tna-logo__foreground{fill:#fff}.tna-header__logo-strapline{margin:0 .75rem;display:inline-block;line-height:2.125rem;text-transform:uppercase}.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__hamburger{width:2rem;height:.25rem;display:block;background-color:#fff}.tna-header__hamburger::before,.tna-header__hamburger::after{height:.25rem;display:block;position:absolute;right:0;left:0;background-color:inherit;content:""}.tna-header__hamburger::before{top:0}.tna-header__hamburger::after{bottom:0}.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;font-weight:600;text-decoration:none;transition:color 200ms,background-color 200ms}.tna-header__navigation-item-link:hover,.tna-header__navigation-item-link--selected{color:#000;background-color:#fff;transition:color 50ms,background-color 50ms}@media(min-width: 769px){.tna-header .tna-header__navigation-toggle{display:none}}@media(max-width: 768px){.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__navigation-toggle.tna-column{padding-top:1rem;padding-right:1.5rem;padding-left:0}.tna-header__navigation{color:#343338}.tna-header__navigation.tna-column{padding-right:0;padding-left:0}.js-enabled .tna-header__navigation{display:none}.js-enabled .tna-header__navigation--open{display:block}.tna-header__navigation-items{width:100%;background-color:#fff}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px #ccc solid}.tna-header__navigation-item-link{padding-right:1.5rem;padding-left:1.5rem;display:block;position:relative}.tna-header__navigation-item-link::after{width:0;position:absolute;top:0;bottom:0;left:0;background-color:#000;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}}.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}@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 */

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/_typography.scss","../../src/nationalarchives/variables/_colour.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/header/_index.scss","../../src/nationalarchives/components/hero/_index.scss","../../src/nationalarchives/components/sensitive-image/_index.scss"],"names":[],"mappings":"AAMQ,sHACA,6CCJR,cACE,gBACA,WACA,YAEA,kBACA,gBACA,iCAEA,eAEA,+BACE,gBACE,0BACA,4BAKN,oBACE,gBACA,SACA,UAEA,sBAEA,cAGF,qBAIE,eAEA,cAGF,aAEE,WAGF,SACE,aAGF,QACE,+BACA,uBD3CF,cACE,YERiB,uBFSjB,YERiB,IFSjB,MGJiB,QHKjB,kCACA,mCACA,kCACA,8BACA,cAEA,gBACE,gBAEA,2BACE,gBAKF,uBACE,8BAGF,sBACE,8BAIJ,kCIjCA,eJmCE,gBAGF,4CAEE,kBAEA,kEACE,WACA,gBAIJ,0DAEE,eAEA,gBAGF,2BACE,aACA,qBAEA,MG/DQ,KHgER,YE3DkB,gCF4DlB,YE3DkB,IF6DlB,sCACE,gBAGF,+BInEF,eJqEI,cKnDJ,gDLiDE,+BInEF,oBCsDA,yBLaE,+BInEF,mBJgFE,8BIhFF,eJkFI,gBKhEJ,gDL8DE,8BIhFF,oBCsDA,yBL0BE,8BIhFF,kBJ6FE,8BI7FF,kBJ+FI,gBAGF,8BIlGF,mBJoGI,gBAIJ,0BACE,mBAEA,qCACE,gBAGF,sCACE,SAEA,MG9Ga,QCJjB,mBJoHI,YEhHe,wBFiHf,YEhHe,IFiHf,yBAOF,iCACE,SAEA,MGpIM,KHsIN,yDACE,cAEA,MGjIW,QHyIb,iDI7IJ,eJsJI,gDItJJ,eJ+JI,gDI/JJ,kBJwKI,gDIxKJ,mBEFF,YACE,oBAEA,qBAEA,WACA,gBACA,qBAEA,iBHXU,KGaV,yBAEA,WACE,sDAIF,kBACE,MHrBQ,KGuBR,sBAEA,WACE,mDAKJ,uBACE,MHhCQ,KGkCR,iBHjCS,KGmCT,aHnCS,KGqCT,6BACE,MHvCM,KGyCN,aHzCM,KIGV,iBACE,oBACA,aACA,wBACA,0BACA,sBAGF,mBACE,QAMF,iBACE,QAMF,2BACE,QAMF,gBAGE,QAGF,mBACE,gBAEA,QAMF,oBACE,kBAEA,iBJjDS,KImDT,qCACE,gBACA,aAGF,uCACE,oBAEA,6BAGF,0CACE,MJhEM,KImER,+CACE,kBACA,gBAGF,qCACE,WACA,YACA,iBCzEN,YACE,iBACA,oBAEA,WAEA,iBLDK,QKGL,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,aCjFJ,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,ENxCf,gDMbE,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,GNJf,yBIKA,eACE,uBACA,sBAGF,YACE,sBACA,sBJ1CF,+CMnBE,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,GN5Bf,yBMzBE,uBACE,WACA,UAUI,4BACE,UACA,UAgCN,yBACE,WAEA,SAHF,yBACE,WAEA,SAKF,0BACE,MAFS,EACX,0BACE,MAFS,EACX,0BACE,MAFS,GCxDjB,YACE,WAEA,iBTTU,KSYR,oCACE,8BAIJ,kBACE,mBACA,sBAGF,uBACE,oBACA,aACA,qBAEA,cACA,qBAEA,6BACE,2BAIJ,sBACE,YACA,aAEA,qBAGF,kCACE,UAMF,4BACE,gBAEA,qBAEA,qBACA,yBAMF,sCACE,YACA,UAEA,cAEA,kBAEA,gBAEA,YAEA,gBAEA,6BACA,sBAEA,eAGF,uBACE,WACA,cAEA,cAEA,sBAEA,6DAEE,cAEA,cAEA,kBACA,QACA,OAEA,yBAEA,WAGF,+BACE,MAGF,8BACE,SAIJ,+FAKE,MTtHQ,KSyHN,gPACE,mBAIJ,6MACE,UAGF,kNACE,iBTnIM,KSuIV,oBACE,iBTvIS,KS0IX,kBACE,iBT1IO,QS6IT,oBACE,iBT7IS,QSgJX,mBACE,iBThJQ,QSmJV,kBACE,iBTnJO,QSsJT,wBACE,oBACA,aACA,yBACA,qBAGF,8BACE,SACA,UAEA,gBAEA,mBAGF,6BACE,mBAEA,qBAGF,kCACE,mBAEA,qBAEA,cACA,YVlLkB,gCUmLlB,YVlLkB,IUmLlB,qBAEA,WACE,mCAGF,oFAEE,MTjMM,KSmMN,sBAEA,WACE,iCP9JN,yBOoKE,2CACE,cPnJJ,yBO2JI,oCACE,gBACA,eAIJ,kBACE,iBACA,oBAEA,6BACE,cAd4B,OAe5B,aAf4B,OAoB9B,0CACE,iBACA,cAtB4B,OAuB5B,eAIJ,wBACE,MTtOa,QSwOb,mCACE,gBACA,eAGF,oCACE,aAEA,0CACE,cAKN,8BACE,WAEA,sBAGF,6BACE,SAEA,cAEA,6BAGF,kCACE,cA3D8B,OA4D9B,aA5D8B,OA8D9B,cAEA,kBAEA,yCACE,QAEA,kBACA,MACA,SACA,OAEA,iBT5RI,KS8RJ,uBAEA,WAIA,+CACE,aAEA,sBAKF,4GAEE,aC5SV,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,gBRpCF,yBQxDF,UAmGI,UAEA,cAEA,iBACE,aAEA,gBAGF,yBACE,YACA,YASF,6BACE,WACA,YASF,yBACE,WAEA,0BRtGJ,yBQiHE,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,mBV1CJ,eU6CI,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,i)=>{i.d(e,{Header:()=>r});function n(t){return n="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},n(t)}function o(t,e){for(var i=0;i<e.length;i++){var o=e[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,(void 0,r=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var o=i.call(t,"string");if("object"!==n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(o.key),"symbol"===n(r)?r:String(r)),o)}var r}var r=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,i;return e=t,(i=[{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");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");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 i=0;i<this.$links.length;i++)this.$links[i].setAttribute("tabindex","0")}}}])&&o(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},554:(t,e,i)=>{function n(t){return n="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},n(t)}function o(t,e){for(var i=0;i<e.length;i++){var o=e[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,(void 0,r=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var o=i.call(t,"string");if("object"!==n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(o.key),"symbol"===n(r)?r:String(r)),o)}var r}i.d(e,{SensitiveImage:()=>r});var r=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,i;return e=t,(i=[{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})}}])&&o(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()}},e={};function i(n){var o=e[n];if(void 0!==o)return o.exports;var r=e[n]={exports:{}};return t[n](r,r.exports,i),r.exports}i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{Header:()=>t.Header,SensitiveImage:()=>e.SensitiveImage,initAll:()=>o});var t=i(463),e=i(554);document.documentElement.classList.remove("js-disabled"),document.documentElement.classList.add("js-enabled");var o=function(i){var n=(i=void 0!==i?i:{}).scope instanceof HTMLElement?i.scope:document,o=n.querySelector('[data-module="tna-header"]');o&&new t.Header(o).init(),n.querySelectorAll('[data-module="tna-sensitive-image"]').forEach((function(t){new e.SensitiveImage(t).init()}))}})(),n})()));
 //# 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":"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","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\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\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\ndocument.documentElement.classList.remove(\"js-disabled\");\ndocument.documentElement.classList.add(\"js-enabled\");\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","documentElement","initAll","options","$scope","scope","HTMLElement","$header","init","forEach","$sensitiveImage"],"sourceRoot":""}

package/nationalarchives/all.mjs

@@ -1,13 +1,25 @@
-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";
+
+document.documentElement.classList.remove("js-disabled");
+document.documentElement.classList.add("js-enabled");
 
 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/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

@@ -2,5 +2,6 @@
 @use "card/index" as card;
 @use "footer/index" as footer;
 @use "grid/index" as grid;
+@use "header/index" as header;
 @use "hero/index" as hero;
 @use "sensitive-image/index" as sensitive-image;

package/nationalarchives/components/breadcrumbs/_index.scss

@@ -33,7 +33,7 @@
     color: colour.$base-font-colour;
 
     &:hover {
-      color: #f0a;
+      color: colour.$tna-black;
     }
   }
 
@@ -59,7 +59,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

@@ -10,7 +10,7 @@ const argTypes = {
 
 Object.keys(argTypes).forEach((argType) => {
   argTypes[argType].description = macroOptions.find(
-    (option) => option.name === argType
+    (option) => option.name === argType,
   )?.description;
 });
 

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>

package/nationalarchives/components/button/_index.scss

@@ -1,3 +1,5 @@
+@use "../../variables/colour";
+
 .tna-button {
   padding: 0.25rem 1rem;
 
@@ -7,19 +9,37 @@
   font-weight: 700;
   text-decoration: none;
 
-  background-color: #000;
+  background-color: colour.$tna-black;
+
+  border: 0.25rem colour.$tna-black solid;
+
+  transition:
+    color 200ms,
+    background-color 200ms,
+    border-color 200ms;
 
   &:hover {
-    background-color: #069;
+    color: colour.$tna-black;
+
+    background-color: #fff;
+
+    transition:
+      color 50ms,
+      background-color 50ms,
+      border-color 50ms;
   }
 
   &--secondary {
-    color: #000;
+    color: colour.$tna-black;
+
+    background-color: colour.$tna-yellow;
 
-    background-color: #ff0;
+    border-color: colour.$tna-yellow;
 
     &:hover {
-      color: #fff;
+      color: colour.$tna-black;
+
+      border-color: colour.$tna-black;
     }
   }
 }

package/nationalarchives/components/button/button.stories.js

@@ -13,7 +13,7 @@ const argTypes = {
 
 Object.keys(argTypes).forEach((argType) => {
   argTypes[argType].description = macroOptions.find(
-    (option) => option.name === argType
+    (option) => option.name === argType,
   )?.description;
 });
 

package/nationalarchives/components/button/fixtures.json

@@ -7,7 +7,7 @@
         "text": "Log in",
         "href": "#"
       },
-      "html": "<a href=\"#\" class=\"tna-button \">\n    Log in\n</a>",
+      "html": "<a href=\"#\" class=\"tna-button \">\n  Log in\n</a>",
       "hidden": false
     },
     {
@@ -17,7 +17,7 @@
         "href": "#",
         "title": "Log in to the service"
       },
-      "html": "<a href=\"#\" class=\"tna-button \" title=\"Log in to the service\">\n    Log in\n</a>",
+      "html": "<a href=\"#\" class=\"tna-button \" title=\"Log in to the service\">\n  Log in\n</a>",
       "hidden": false
     },
     {
@@ -27,7 +27,7 @@
         "href": "#",
         "secondary": true
       },
-      "html": "<a href=\"#\" class=\"tna-button tna-button--secondary\">\n    Log in\n</a>",
+      "html": "<a href=\"#\" class=\"tna-button tna-button--secondary\">\n  Log in\n</a>",
       "hidden": false
     },
     {
@@ -37,7 +37,7 @@
         "href": "#",
         "classes": "button__test-class"
       },
-      "html": "<a href=\"#\" class=\"tna-button button__test-class\">\n    Log in\n</a>",
+      "html": "<a href=\"#\" class=\"tna-button button__test-class\">\n  Log in\n</a>",
       "hidden": false
     },
     {
@@ -49,7 +49,7 @@
           "data-testattribute": "foobar"
         }
       },
-      "html": "<a href=\"#\" class=\"tna-button \" data-testattribute=\"foobar\">\n    Log in\n</a>",
+      "html": "<a href=\"#\" class=\"tna-button \" data-testattribute=\"foobar\">\n  Log in\n</a>",
       "hidden": false
     }
   ]

package/nationalarchives/components/button/template.njk

@@ -1,7 +1,7 @@
 {%- set buttonClasses = [params.classes] if params.classes else [] -%}
 {%- if params.secondary -%}
-    {%- set buttonClasses = buttonClasses.concat('tna-button--secondary') -%}
+  {%- set buttonClasses = buttonClasses.concat('tna-button--secondary') -%}
 {%- endif -%}
-<a href="{{ params.href }}" class="tna-button {{ buttonClasses | join(' ') }}" {%- if params.title %} title="{{ params.title }}"{% endif %} {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
-    {{ params.text }}
+<a href="{{ params.href }}" class="tna-button {{ buttonClasses | join(' ') }}"{%- if params.title %} title="{{ params.title }}"{% endif %} {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+  {{ params.text }}
 </a>

package/nationalarchives/components/card/_index.scss

@@ -1,4 +1,4 @@
-@use "../../tools/typography" as typographyTools;
+@use "../../variables/colour";
 
 .tna-card {
   &__inner {
@@ -48,7 +48,7 @@
   &--featured {
     position: relative;
 
-    background-color: #ff0;
+    background-color: colour.$tna-yellow;
 
     .tna-card__inner {
       margin-left: 50%;
@@ -58,7 +58,11 @@
     .tna-card__heading {
       padding-bottom: 2rem;
 
-      border-bottom: 2px #000 solid;
+      border-bottom: 2px colour.$tna-black solid;
+    }
+
+    .tna-card__title-link {
+      color: colour.$tna-black;
     }
 
     .tna-card__image-container {

package/nationalarchives/components/card/card.stories.js

@@ -17,7 +17,7 @@ const argTypes = {
 
 Object.keys(argTypes).forEach((argType) => {
   argTypes[argType].description = macroOptions.find(
-    (option) => option.name === argType
+    (option) => option.name === argType,
   )?.description;
 });