@nationalarchives/frontend 0.35.1 → 0.37.0

package/nationalarchives/components/file-input/file-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/file-input/file-input.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,cAAe,GAAIH,GACA,iBAAZC,QACdA,QAAqB,YAAID,IAEzBD,EAAkB,YAAIC,GACvB,CATD,CASGK,KAAM,I,mBCRT,IAAIC,EAAsB,CCA1BA,EAAwB,CAACL,EAASM,KACjC,IAAI,IAAIC,KAAOD,EACXD,EAAoBG,EAAEF,EAAYC,KAASF,EAAoBG,EAAER,EAASO,IAC5EE,OAAOC,eAAeV,EAASO,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,MCJ3EF,EAAwB,CAACQ,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFT,EAAyBL,IACH,oBAAXkB,QAA0BA,OAAOC,aAC1CV,OAAOC,eAAeV,EAASkB,OAAOC,YAAa,CAAEC,MAAO,WAE7DX,OAAOC,eAAeV,EAAS,aAAc,CAAEoB,OAAO,M,gtBCLhD,IAAMC,EAAkB,WAqD5B,O,EApDD,SAAAA,EAAYC,GAAS,IAAAC,EAAA,KAKnB,G,4FALmBC,CAAA,KAAAH,GACnBI,KAAKH,QAAUA,EACfG,KAAKC,MAAQJ,GAAWA,EAAQK,cAAc,wBAC9CF,KAAKG,OAASH,KAAKC,OAASD,KAAKC,MAAMC,cAAc,mBAEhDF,KAAKH,SAAYG,KAAKC,OAAUD,KAAKG,OAA1C,CAIAH,KAAKI,qBAAuBJ,KAAKG,OAAOE,aAAa,YAErDL,KAAKM,eAAiBC,SAASC,cAAc,OAC7CR,KAAKM,eAAeG,UAAUC,IAAI,6BAClCV,KAAKC,MAAMU,aAAaX,KAAKM,eAAgBN,KAAKG,QAClDH,KAAKM,eAAeM,YAAYZ,KAAKG,QAErCH,KAAKa,sBAAwBN,SAASC,cAAc,QACpDR,KAAKa,sBAAsBC,aAAa,YAAa,UACrDd,KAAKa,sBAAsBJ,UAAUC,IACnC,oCAEFV,KAAKa,sBAAsBE,YAAc,UAAHC,OAAahB,KAAKI,qBAAuB,IAAM,GAAE,WACvFJ,KAAKM,eAAeM,YAAYZ,KAAKa,uBAErC,IAAMI,EAAoBV,SAASC,cAAc,OACjDS,EAAkBR,UAAUC,IAC1B,mBACA,0BACA,uBACA,qCAEFV,KAAKM,eAAeM,YAAYK,GAEhC,IAAMC,EAA0BX,SAASC,cAAc,QACvDU,EAAwBT,UAAUC,IAAI,cACtCQ,EAAwBH,YAAc,cAAHC,OAAiBhB,KAAKI,qBAAuB,IAAM,IACtFa,EAAkBL,YAAYM,GAE9B,IAAMC,EAAwBZ,SAASC,cAAc,QACrDW,EAAsBJ,YAAc,eAAHC,OAAkBhB,KAAKI,qBAAuB,IAAM,IACrFa,EAAkBL,YAAYO,GAE9BnB,KAAKoB,wBAA0Bb,SAASC,cAAc,QACtDR,KAAKoB,wBAAwBX,UAAUC,IAAI,uBAC3CV,KAAKoB,wBAAwBN,aAAa,YAAa,aACvDd,KAAKM,eAAeM,YAAYZ,KAAKoB,yBAErCpB,KAAKG,OAAOkB,iBAAiB,YAAa,SAACC,GAAC,OAAKxB,EAAKyB,eAAeD,EAAE,GACvEtB,KAAKG,OAAOkB,iBAAiB,YAAa,kBAAMvB,EAAK0B,gBAAgB,GACrExB,KAAKG,OAAOkB,iBAAiB,UAAW,kBAAMvB,EAAK0B,gBAAgB,GACnExB,KAAKG,OAAOkB,iBAAiB,SAAU,kBAAMvB,EAAK2B,UAAU,GAC5DzB,KAAKG,OAAOkB,iBAAiB,OAAQ,kBAAMvB,EAAK2B,UAAU,EA5C1D,CA6CF,E,EAAC,EAAA3C,IAAA,oBAAAa,MAED,SAAkB+B,GAChB,IAAMC,EAA+C,IAA9BD,EAAaE,MAAMC,OACpCC,EAAkBJ,EAAaE,MAAMG,KAAK,SAACC,GAAI,MAAc,UAATA,CAAgB,GAC1E,OAAOL,GAAkBG,CAC3B,GAAC,CAAAhD,IAAA,iBAAAa,MAED,SAAesC,GAA+B,IAAxBC,IAAeC,UAAAN,OAAA,QAAAO,IAAAD,UAAA,KAAAA,UAAA,GAC/BF,EAAMP,cAAgB1B,KAAKqC,kBAAkBJ,EAAMP,gBACrD1B,KAAKM,eAAeG,UAAUC,IAC5BuB,EAAMP,aAAaY,MAAMT,OAAS,EAC9B,2CACA,mCAGFK,IACFlC,KAAKoB,wBAAwBL,YAAc,qBAGjD,GAAC,CAAAjC,IAAA,iBAAAa,MAED,WAAuC,IAAxBuC,IAAeC,UAAAN,OAAA,QAAAO,IAAAD,UAAA,KAAAA,UAAA,GAC5BnC,KAAKM,eAAeG,UAAU8B,OAC5B,kCACA,4CAEEL,IACFlC,KAAKoB,wBAAwBL,YAAc,iBAE/C,GAAC,CAAAjC,IAAA,WAAAa,MAED,WACE,IAOO6C,EAPDC,EAAQzC,KAAKG,OAAOsC,MACtBzC,KAAKI,qBACc,IAAjBqC,EAAMZ,OACR7B,KAAKa,sBAAsBE,YAAc,kBAEzCf,KAAKa,sBAAsBE,YAAc,GAAHC,OAAMyB,EAAMZ,OAAM,SAAAb,OAAQyB,EAAMZ,OAAS,EAAI,IAAM,GAAE,WAG7F7B,KAAKa,sBAAsBE,aACjB,QAARyB,EAAAC,EAAM,UAAE,IAAAD,OAAA,EAARA,EAAUE,OAAI,iBAElB1C,KAAKwB,gBAAe,EACtB,I,gFAAC,CAlG4B,G","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","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/components/file-input/file-input.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(\"TNAFrontend\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","// The require scope\nvar __webpack_require__ = {};\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};","export class FileInputDroppable {\n  constructor($module) {\n    this.$module = $module;\n    this.$body = $module && $module.querySelector(\".tna-form-item__body\");\n    this.$input = this.$body && this.$body.querySelector(\".tna-file-input\");\n\n    if (!this.$module || !this.$body || !this.$input) {\n      return;\n    }\n\n    this.acceptMutltipleFiles = this.$input.hasAttribute(\"multiple\");\n\n    this.$droppableArea = document.createElement(\"div\");\n    this.$droppableArea.classList.add(\"tna-file-input__droppable\");\n    this.$body.insertBefore(this.$droppableArea, this.$input);\n    this.$droppableArea.appendChild(this.$input);\n\n    this.$pseudoSelectFileText = document.createElement(\"span\");\n    this.$pseudoSelectFileText.setAttribute(\"aria-live\", \"polite\");\n    this.$pseudoSelectFileText.classList.add(\n      \"tna-file-input__droppable-status\",\n    );\n    this.$pseudoSelectFileText.textContent = `No file${this.acceptMutltipleFiles ? \"s\" : \"\"} chosen`;\n    this.$droppableArea.appendChild(this.$pseudoSelectFileText);\n\n    const $droppableButtons = document.createElement(\"div\");\n    $droppableButtons.classList.add(\n      \"tna-button-group\",\n      \"tna-button-group--small\",\n      \"tna-!--margin-top-xs\",\n      \"tna-file-input__droppable-buttons\",\n    );\n    this.$droppableArea.appendChild($droppableButtons);\n\n    const $pseudoSelectFileButton = document.createElement(\"span\");\n    $pseudoSelectFileButton.classList.add(\"tna-button\");\n    $pseudoSelectFileButton.textContent = `Choose file${this.acceptMutltipleFiles ? \"s\" : \"\"}`;\n    $droppableButtons.appendChild($pseudoSelectFileButton);\n\n    const $pseudoDropFileButton = document.createElement(\"span\");\n    $pseudoDropFileButton.textContent = `or drop file${this.acceptMutltipleFiles ? \"s\" : \"\"}`;\n    $droppableButtons.appendChild($pseudoDropFileButton);\n\n    this.$droppableAreaAriaLabel = document.createElement(\"span\");\n    this.$droppableAreaAriaLabel.classList.add(\"tna-visually-hidden\");\n    this.$droppableAreaAriaLabel.setAttribute(\"aria-live\", \"assertive\");\n    this.$droppableArea.appendChild(this.$droppableAreaAriaLabel);\n\n    this.$input.addEventListener(\"dragenter\", (e) => this.showDropTarget(e));\n    this.$input.addEventListener(\"dragleave\", () => this.hideDropTarget());\n    this.$input.addEventListener(\"dragend\", () => this.hideDropTarget());\n    this.$input.addEventListener(\"change\", () => this.onChange());\n    this.$input.addEventListener(\"drop\", () => this.onChange());\n  }\n\n  isContainingFiles(dataTransfer) {\n    const hasNoTypesInfo = dataTransfer.types.length === 0;\n    const isDraggingFiles = dataTransfer.types.some((type) => type === \"Files\");\n    return hasNoTypesInfo || isDraggingFiles;\n  }\n\n  showDropTarget(event, updateAriaLabel = true) {\n    if (event.dataTransfer && this.isContainingFiles(event.dataTransfer)) {\n      this.$droppableArea.classList.add(\n        event.dataTransfer.items.length > 1\n          ? \"tna-file-input__droppable--over-multiple\"\n          : \"tna-file-input__droppable--over\",\n      );\n\n      if (updateAriaLabel) {\n        this.$droppableAreaAriaLabel.textContent = \"Entered drop zone\";\n      }\n    }\n  }\n\n  hideDropTarget(updateAriaLabel = true) {\n    this.$droppableArea.classList.remove(\n      \"tna-file-input__droppable--over\",\n      \"tna-file-input__droppable--over-multiple\",\n    );\n    if (updateAriaLabel) {\n      this.$droppableAreaAriaLabel.textContent = \"Left drop zone\";\n    }\n  }\n\n  onChange() {\n    const files = this.$input.files;\n    if (this.acceptMutltipleFiles) {\n      if (files.length === 0) {\n        this.$pseudoSelectFileText.textContent = `No files chosen`;\n      } else {\n        this.$pseudoSelectFileText.textContent = `${files.length} file${files.length > 1 ? \"s\" : \"\"} chosen`;\n      }\n    } else {\n      this.$pseudoSelectFileText.textContent =\n        files[0]?.name || `No file chosen`;\n    }\n    this.hideDropTarget(false);\n  }\n}\n"],"names":["root","factory","exports","module","define","amd","self","__webpack_require__","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","FileInputDroppable","$module","_this","_classCallCheck","this","$body","querySelector","$input","acceptMutltipleFiles","hasAttribute","$droppableArea","document","createElement","classList","add","insertBefore","appendChild","$pseudoSelectFileText","setAttribute","textContent","concat","$droppableButtons","$pseudoSelectFileButton","$pseudoDropFileButton","$droppableAreaAriaLabel","addEventListener","e","showDropTarget","hideDropTarget","onChange","dataTransfer","hasNoTypesInfo","types","length","isDraggingFiles","some","type","event","updateAriaLabel","arguments","undefined","isContainingFiles","items","remove","_files$","files","name"],"sourceRoot":""}
+{"version":3,"file":"components/file-input/file-input.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,cAAe,GAAIH,GACA,iBAAZC,QACdA,QAAqB,YAAID,IAEzBD,EAAkB,YAAIC,GACvB,CATD,CASGK,KAAM,I,mBCRT,IAAIC,EAAsB,CCA1BA,EAAwB,CAACL,EAASM,KACjC,IAAI,IAAIC,KAAOD,EACXD,EAAoBG,EAAEF,EAAYC,KAASF,EAAoBG,EAAER,EAASO,IAC5EE,OAAOC,eAAeV,EAASO,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,MCJ3EF,EAAwB,CAACQ,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFT,EAAyBL,IACH,oBAAXkB,QAA0BA,OAAOC,aAC1CV,OAAOC,eAAeV,EAASkB,OAAOC,YAAa,CAAEC,MAAO,WAE7DX,OAAOC,eAAeV,EAAS,aAAc,CAAEoB,OAAO,M,gtBCLhD,IAAMC,EAAkB,WAwD5B,O,EAvDD,SAAAA,EAAYC,GAAS,IAAAC,EAAA,KAKnB,G,4FALmBC,CAAA,KAAAH,GACnBI,KAAKH,QAAUA,EACfG,KAAKC,MAAQJ,GAAWA,EAAQK,cAAc,wBAC9CF,KAAKG,OAASH,KAAKC,OAASD,KAAKC,MAAMC,cAAc,mBAEhDF,KAAKH,SAAYG,KAAKC,OAAUD,KAAKG,OAA1C,CAIAH,KAAKI,qBAAuBJ,KAAKG,OAAOE,aAAa,YAErDL,KAAKM,eAAiBC,SAASC,cAAc,OAC7CR,KAAKM,eAAeG,UAAUC,IAC5B,4BACA,oCAEFV,KAAKC,MAAMU,aAAaX,KAAKM,eAAgBN,KAAKG,QAClDH,KAAKM,eAAeM,YAAYZ,KAAKG,QAErCH,KAAKa,sBAAwBN,SAASC,cAAc,QACpDR,KAAKa,sBAAsBC,aAAa,YAAa,UACrDd,KAAKa,sBAAsBJ,UAAUC,IACnC,oCAEFV,KAAKa,sBAAsBE,YAAc,UAAHC,OAAahB,KAAKI,qBAAuB,IAAM,GAAE,aACvFJ,KAAKM,eAAeM,YAAYZ,KAAKa,uBAErC,IAAMI,EAAoBV,SAASC,cAAc,OACjDS,EAAkBR,UAAUC,IAC1B,mBACA,0BACA,sBACA,qCAEFV,KAAKM,eAAeM,YAAYK,GAEhC,IAAMC,EAA0BX,SAASC,cAAc,QACvDU,EAAwBT,UAAUC,IAAI,cACtCQ,EAAwBH,YAAc,cAAHC,OAAiBhB,KAAKI,qBAAuB,IAAM,IACtFa,EAAkBL,YAAYM,GAE9B,IAAMC,EAAwBZ,SAASC,cAAc,QACrDW,EAAsBJ,YAAc,eAAHC,OAAkBhB,KAAKI,qBAAuB,IAAM,IACrFa,EAAkBL,YAAYO,GAE9BnB,KAAKoB,wBAA0Bb,SAASC,cAAc,QACtDR,KAAKoB,wBAAwBX,UAAUC,IAAI,uBAC3CV,KAAKoB,wBAAwBN,aAAa,YAAa,aACvDd,KAAKM,eAAeM,YAAYZ,KAAKoB,yBAErCpB,KAAKG,OAAOkB,iBAAiB,YAAa,SAACC,GAAC,OAAKxB,EAAKyB,eAAeD,EAAE,GACvEtB,KAAKG,OAAOkB,iBAAiB,YAAa,kBAAMvB,EAAK0B,gBAAgB,GACrExB,KAAKG,OAAOkB,iBAAiB,UAAW,kBAAMvB,EAAK0B,gBAAgB,GACnExB,KAAKG,OAAOkB,iBAAiB,SAAU,kBAAMvB,EAAK2B,UAAU,GAC5DzB,KAAKG,OAAOkB,iBAAiB,OAAQ,kBAAMvB,EAAK2B,UAAU,EA/C1D,CAgDF,E,EAAC,EAAA3C,IAAA,oBAAAa,MAED,SAAkB+B,GAChB,IAAMC,EAA+C,IAA9BD,EAAaE,MAAMC,OACpCC,EAAkBJ,EAAaE,MAAMG,KAAK,SAACC,GAAI,MAAc,UAATA,CAAgB,GAC1E,OAAOL,GAAkBG,CAC3B,GAAC,CAAAhD,IAAA,iBAAAa,MAED,SAAesC,GAA+B,IAAxBC,IAAeC,UAAAN,OAAA,QAAAO,IAAAD,UAAA,KAAAA,UAAA,GAC/BF,EAAMP,cAAgB1B,KAAKqC,kBAAkBJ,EAAMP,gBACrD1B,KAAKM,eAAeG,UAAUC,IAC5BuB,EAAMP,aAAaY,MAAMT,OAAS,EAC9B,2CACA,mCAGFK,IACFlC,KAAKoB,wBAAwBL,YAAc,qBAGjD,GAAC,CAAAjC,IAAA,iBAAAa,MAED,WAAuC,IAAxBuC,IAAeC,UAAAN,OAAA,QAAAO,IAAAD,UAAA,KAAAA,UAAA,GAC5BnC,KAAKM,eAAeG,UAAU8B,OAC5B,kCACA,4CAEEL,IACFlC,KAAKoB,wBAAwBL,YAAc,iBAE/C,GAAC,CAAAjC,IAAA,WAAAa,MAED,WACE,IAOO6C,EAPDC,EAAQzC,KAAKG,OAAOsC,MACtBzC,KAAKI,qBACc,IAAjBqC,EAAMZ,OACR7B,KAAKa,sBAAsBE,YAAc,oBAEzCf,KAAKa,sBAAsBE,YAAc,GAAHC,OAAMyB,EAAMZ,OAAM,SAAAb,OAAQyB,EAAMZ,OAAS,EAAI,IAAM,GAAE,aAG7F7B,KAAKa,sBAAsBE,aACjB,QAARyB,EAAAC,EAAM,UAAE,IAAAD,OAAA,EAARA,EAAUE,OAAI,mBAEG,IAAjBD,EAAMZ,OACR7B,KAAKM,eAAeG,UAAUC,IAAI,oCAElCV,KAAKM,eAAeG,UAAU8B,OAAO,oCAEvCvC,KAAKwB,gBAAe,EACtB,I,gFAAC,CA1G4B,G","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","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/components/file-input/file-input.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(\"TNAFrontend\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","// The require scope\nvar __webpack_require__ = {};\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};","export class FileInputDroppable {\n  constructor($module) {\n    this.$module = $module;\n    this.$body = $module && $module.querySelector(\".tna-form-item__body\");\n    this.$input = this.$body && this.$body.querySelector(\".tna-file-input\");\n\n    if (!this.$module || !this.$body || !this.$input) {\n      return;\n    }\n\n    this.acceptMutltipleFiles = this.$input.hasAttribute(\"multiple\");\n\n    this.$droppableArea = document.createElement(\"div\");\n    this.$droppableArea.classList.add(\n      \"tna-file-input__droppable\",\n      \"tna-file-input__droppable--empty\",\n    );\n    this.$body.insertBefore(this.$droppableArea, this.$input);\n    this.$droppableArea.appendChild(this.$input);\n\n    this.$pseudoSelectFileText = document.createElement(\"span\");\n    this.$pseudoSelectFileText.setAttribute(\"aria-live\", \"polite\");\n    this.$pseudoSelectFileText.classList.add(\n      \"tna-file-input__droppable-status\",\n    );\n    this.$pseudoSelectFileText.textContent = `No file${this.acceptMutltipleFiles ? \"s\" : \"\"} selected`;\n    this.$droppableArea.appendChild(this.$pseudoSelectFileText);\n\n    const $droppableButtons = document.createElement(\"div\");\n    $droppableButtons.classList.add(\n      \"tna-button-group\",\n      \"tna-button-group--small\",\n      \"tna-!--margin-top-s\",\n      \"tna-file-input__droppable-buttons\",\n    );\n    this.$droppableArea.appendChild($droppableButtons);\n\n    const $pseudoSelectFileButton = document.createElement(\"span\");\n    $pseudoSelectFileButton.classList.add(\"tna-button\");\n    $pseudoSelectFileButton.textContent = `Choose file${this.acceptMutltipleFiles ? \"s\" : \"\"}`;\n    $droppableButtons.appendChild($pseudoSelectFileButton);\n\n    const $pseudoDropFileButton = document.createElement(\"span\");\n    $pseudoDropFileButton.textContent = `or drop file${this.acceptMutltipleFiles ? \"s\" : \"\"}`;\n    $droppableButtons.appendChild($pseudoDropFileButton);\n\n    this.$droppableAreaAriaLabel = document.createElement(\"span\");\n    this.$droppableAreaAriaLabel.classList.add(\"tna-visually-hidden\");\n    this.$droppableAreaAriaLabel.setAttribute(\"aria-live\", \"assertive\");\n    this.$droppableArea.appendChild(this.$droppableAreaAriaLabel);\n\n    this.$input.addEventListener(\"dragenter\", (e) => this.showDropTarget(e));\n    this.$input.addEventListener(\"dragleave\", () => this.hideDropTarget());\n    this.$input.addEventListener(\"dragend\", () => this.hideDropTarget());\n    this.$input.addEventListener(\"change\", () => this.onChange());\n    this.$input.addEventListener(\"drop\", () => this.onChange());\n  }\n\n  isContainingFiles(dataTransfer) {\n    const hasNoTypesInfo = dataTransfer.types.length === 0;\n    const isDraggingFiles = dataTransfer.types.some((type) => type === \"Files\");\n    return hasNoTypesInfo || isDraggingFiles;\n  }\n\n  showDropTarget(event, updateAriaLabel = true) {\n    if (event.dataTransfer && this.isContainingFiles(event.dataTransfer)) {\n      this.$droppableArea.classList.add(\n        event.dataTransfer.items.length > 1\n          ? \"tna-file-input__droppable--over-multiple\"\n          : \"tna-file-input__droppable--over\",\n      );\n\n      if (updateAriaLabel) {\n        this.$droppableAreaAriaLabel.textContent = \"Entered drop zone\";\n      }\n    }\n  }\n\n  hideDropTarget(updateAriaLabel = true) {\n    this.$droppableArea.classList.remove(\n      \"tna-file-input__droppable--over\",\n      \"tna-file-input__droppable--over-multiple\",\n    );\n    if (updateAriaLabel) {\n      this.$droppableAreaAriaLabel.textContent = \"Left drop zone\";\n    }\n  }\n\n  onChange() {\n    const files = this.$input.files;\n    if (this.acceptMutltipleFiles) {\n      if (files.length === 0) {\n        this.$pseudoSelectFileText.textContent = `No files selected`;\n      } else {\n        this.$pseudoSelectFileText.textContent = `${files.length} file${files.length > 1 ? \"s\" : \"\"} selected`;\n      }\n    } else {\n      this.$pseudoSelectFileText.textContent =\n        files[0]?.name || `No file selected`;\n    }\n    if (files.length === 0) {\n      this.$droppableArea.classList.add(\"tna-file-input__droppable--empty\");\n    } else {\n      this.$droppableArea.classList.remove(\"tna-file-input__droppable--empty\");\n    }\n    this.hideDropTarget(false);\n  }\n}\n"],"names":["root","factory","exports","module","define","amd","self","__webpack_require__","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","FileInputDroppable","$module","_this","_classCallCheck","this","$body","querySelector","$input","acceptMutltipleFiles","hasAttribute","$droppableArea","document","createElement","classList","add","insertBefore","appendChild","$pseudoSelectFileText","setAttribute","textContent","concat","$droppableButtons","$pseudoSelectFileButton","$pseudoDropFileButton","$droppableAreaAriaLabel","addEventListener","e","showDropTarget","hideDropTarget","onChange","dataTransfer","hasNoTypesInfo","types","length","isDraggingFiles","some","type","event","updateAriaLabel","arguments","undefined","isContainingFiles","items","remove","_files$","files","name"],"sourceRoot":""}

package/nationalarchives/components/file-input/file-input.mjs

@@ -11,7 +11,10 @@ export class FileInputDroppable {
     this.acceptMutltipleFiles = this.$input.hasAttribute("multiple");
 
     this.$droppableArea = document.createElement("div");
-    this.$droppableArea.classList.add("tna-file-input__droppable");
+    this.$droppableArea.classList.add(
+      "tna-file-input__droppable",
+      "tna-file-input__droppable--empty",
+    );
     this.$body.insertBefore(this.$droppableArea, this.$input);
     this.$droppableArea.appendChild(this.$input);
 
@@ -20,14 +23,14 @@ export class FileInputDroppable {
     this.$pseudoSelectFileText.classList.add(
       "tna-file-input__droppable-status",
     );
-    this.$pseudoSelectFileText.textContent = `No file${this.acceptMutltipleFiles ? "s" : ""} chosen`;
+    this.$pseudoSelectFileText.textContent = `No file${this.acceptMutltipleFiles ? "s" : ""} selected`;
     this.$droppableArea.appendChild(this.$pseudoSelectFileText);
 
     const $droppableButtons = document.createElement("div");
     $droppableButtons.classList.add(
       "tna-button-group",
       "tna-button-group--small",
-      "tna-!--margin-top-xs",
+      "tna-!--margin-top-s",
       "tna-file-input__droppable-buttons",
     );
     this.$droppableArea.appendChild($droppableButtons);
@@ -87,13 +90,18 @@ export class FileInputDroppable {
     const files = this.$input.files;
     if (this.acceptMutltipleFiles) {
       if (files.length === 0) {
-        this.$pseudoSelectFileText.textContent = `No files chosen`;
+        this.$pseudoSelectFileText.textContent = `No files selected`;
       } else {
-        this.$pseudoSelectFileText.textContent = `${files.length} file${files.length > 1 ? "s" : ""} chosen`;
+        this.$pseudoSelectFileText.textContent = `${files.length} file${files.length > 1 ? "s" : ""} selected`;
       }
     } else {
       this.$pseudoSelectFileText.textContent =
-        files[0]?.name || `No file chosen`;
+        files[0]?.name || `No file selected`;
+    }
+    if (files.length === 0) {
+      this.$droppableArea.classList.add("tna-file-input__droppable--empty");
+    } else {
+      this.$droppableArea.classList.remove("tna-file-input__droppable--empty");
     }
     this.hideDropTarget(false);
   }

package/nationalarchives/components/file-input/file-input.scss

@@ -33,13 +33,20 @@
 
     @include colour.colour-border(
       "keyline",
-      formsVars.$form-field-border-width,
-      dashed
+      formsVars.$form-field-border-width
     );
     @include borders.rounded-border;
+
+    &--empty {
+      border-style: dashed;
+    }
+  }
+
+  &__droppable:has(:is(&:hover, &:active)) {
+    @include colour.colour-border("keyline-dark");
   }
 
-  &__droppable:has(&:focus-visible) {
+  &__droppable:has(&:focus) {
     @include a11y.focus-outline;
   }
 
@@ -64,13 +71,26 @@
   }
 
   &__droppable-status {
+    margin-top: spacing.space(0.5);
+    padding: spacing.space(0.5);
+
     display: block;
     overflow: hidden;
 
-    line-height: 2;
+    line-height: 1.25;
     text-overflow: ellipsis;
 
     white-space: nowrap;
+
+    @include borders.rounded-border;
+
+    @include colour.tint;
+  }
+
+  &__droppable:not(&__droppable--empty) &__droppable-status {
+    @include colour.blue-accent;
+    @include colour.accent-light;
+    @include typography.main-font-weight-medium;
   }
 
   &__droppable &:hover ~ &__droppable-buttons {

package/nationalarchives/components/files-list/files-list.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../src/nationalarchives/tools/_colour.scss","../../../../src/nationalarchives/tools/_a11y.scss","../../../../src/nationalarchives/tools/_borders.scss","../../../../src/nationalarchives/variables/_borders.scss","../../../../src/nationalarchives/tools/_spacing.scss","../../../../src/nationalarchives/components/files-list/files-list.scss","../../../../src/nationalarchives/tools/_typography.scss"],"names":[],"mappings":"AA+TA,gBACE,qCApOA,4CCnEF,gEACE,kCACA,8BAEA,qCAGA,WACE,kCAGF,oLACE,8BAEA,qCAIA,mCADF,wLAEI,8BAEA,sCAeN,iEACE,kCACA,8BAEA,qCAGA,gBAEA,sLACE,8BAEA,qCAIA,mCADF,0LAEI,8BAEA,sCASN,gBACE,kBAIA,0DACE,WAEA,kBACA,QACA,UChGF,cCDsB,IFsGtB,iHAhDA,wBAEA,2BGhCF,gBACE,gBAUA,4BACE,aC/BJ,gBAEE,aHNA,cCDsB,IEatB,uBACE,SACA,UAEA,aACA,sBACA,SACA,OAEA,gBLgGE,sDK7FF,sBAGF,sBACE,qBAEA,aACA,+BACA,iBAEA,kBAMF,4BACE,cACA,WAGF,2BACE,gBAEA,cACA,aC9CF,kBDkDA,2BACE,cACA,WAGF,2BACE,uBAGF,kCACE,aC5DF,eDwEI,gELgCA","file":"files-list.css","sourcesContent":["@use \"sass:list\";\n@use \"sass:map\";\n@use \"sass:meta\";\n@use \"../variables/borders\";\n@use \"../variables/forms\";\n@use \"../variables/colour\";\n@use \"../variables/features\";\n@use \"../tools/media\";\n\n$base-colours: (\n  \"background\",\n  // \"background-tint\",\n  \"font-base\",\n  \"font-dark\",\n  \"font-light\",\n  \"icon-light\",\n  \"link\",\n  \"link-visited\",\n  // \"focus-outline\",\n  \"keyline\",\n  \"keyline-dark\",\n  // \"input-foreground\",\n  // \"input-background\",\n  // \"input-border\",\n  // \"form-error-border\",\n  // \"form-error-text\",\n  // \"button-text\",\n  // \"button-background\",\n  // \"button-hover-text\",\n   // \"button-hover-background\",\n);\n\n@function brand-colour($colour, $opacity: 1) {\n  @return colour.brand-colour($colour, $opacity);\n}\n\n@mixin colour-css-vars($excludes...) {\n  @each $name, $value in colour.$colour-palette-default {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n      @if list.index($base-colours, $name) {\n        --base-#{$name}: #{$value};\n      }\n    }\n  }\n}\n\n@mixin colour-css-vars-dark($excludes...) {\n  @each $name, $value in colour.$colour-palette-dark {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n      @if list.index($base-colours, $name) {\n        --base-#{$name}: #{$value};\n      }\n    }\n  }\n}\n\n@mixin colour-css-vars-high-contrast($excludes...) {\n  @each $name, $value in colour.$colour-palette-high-contrast {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n      @if list.index($base-colours, $name) {\n        --base-#{$name}: #{$value};\n      }\n    }\n  }\n}\n\n@mixin colour-css-vars-high-contrast-dark($excludes...) {\n  @each $name, $value in colour.$colour-palette-high-contrast-dark {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n      @if list.index((\"keyline\", \"keyline-dark\"), $name) {\n        --base-#{$name}: #{$value};\n      }\n    }\n  }\n}\n\n@function colour-var($colour) {\n  @return var(\n    --#{$colour},\n    #{map.get(colour.$colour-palette-default, $colour)}\n  );\n}\n\n@mixin colour-font($colour, $important: false) {\n  color: colour-var($colour) if(sass($important): !important; else: null);\n}\n\n@mixin colour-background($colour, $important: false) {\n  background-color: colour-var($colour)\n    if(sass($important): !important; else: null);\n}\n\n@mixin colour-background-brand($brandColour, $important: false) {\n  background-color: #{brand-colour($brandColour)}\n    if(sass($important): !important; else: null);\n}\n\n@mixin colour-border(\n  $colour,\n  $width: \"\",\n  $style: solid,\n  $direction: \"\",\n  $important: false\n) {\n  @if $direction != \"\" {\n    @if $width != \"\" {\n      border-#{$direction}: $width\n        colour-var($colour)\n        $style\n        if(sass($important): !important; else: null);\n    } @else {\n      border-#{$direction}-color: colour-var($colour)\n        if(sass($important): !important; else: null);\n    }\n  } @else {\n    @if $width != \"\" {\n      border: $width\n        colour-var($colour)\n        $style\n        if(sass($important): !important; else: null);\n    } @else {\n      border-color: var(\n          --#{$colour},\n          #{map.get(colour.$colour-palette-default, $colour)}\n        )\n        if(sass($important): !important; else: null);\n    }\n  }\n}\n\n@mixin colour-outline($colour, $width: \"\", $style: solid, $important: false) {\n  @if $width != \"\" {\n    outline: $width\n      colour-var($colour)\n      $style\n      if(sass($important): !important; else: null);\n  } @else {\n    outline-color: colour-var($colour)\n      if(sass($important): !important; else: null);\n  }\n}\n\n@mixin colour-fill($colour, $important: false) {\n  fill: colour-var($colour) if(sass($important): !important; else: null);\n}\n\n%colour-input {\n  @include colour-font(\"input-foreground\");\n  @include colour-background(\"input-background\");\n  @include colour-border(\"input-border\", forms.$form-field-border-width);\n}\n\n@mixin colour-input() {\n  @extend %colour-input;\n}\n\n@mixin thick-keyline($direction: \"\", $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    @include colour-border(\"keyline\", $border-width, solid, $direction);\n  } @else {\n    @include colour-border(\"keyline\", $border-width, solid);\n  }\n}\n\n@mixin thick-keyline-dark($direction: \"\", $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    @include colour-border(\"keyline-dark\", $border-width, solid, $direction);\n  } @else {\n    @include colour-border(\"keyline-dark\", $border-width, solid);\n  }\n}\n\n@mixin thick-keyline-accent($direction: \"\", $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    @include colour-border(\"accent-border\", $border-width, solid, $direction);\n  } @else {\n    @include colour-border(\"accent-border\", $border-width, solid);\n  }\n}\n\n@mixin thick-keyline-error($direction: \"\", $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    @include colour-border(\n      \"form-error-border\",\n      $border-width,\n      solid,\n      $direction\n    );\n  } @else {\n    @include colour-border(\"form-error-border\", $border-width, solid);\n  }\n}\n\n@mixin thick-keyline-brand($direction: \"\", $brandColour, $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    border-#{$direction}: $border-width #{brand-colour($brandColour)} solid;\n  } @else {\n    border: $border-width #{brand-colour($brandColour)} solid;\n  }\n}\n\n@mixin thick-keyline-transparent($direction: \"\", $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    border-#{$direction}: $border-width transparent solid;\n  } @else {\n    border: $border-width transparent solid;\n  }\n}\n\n// Use light theme colours (except for \"form-error-border\")\n%always-light {\n  // @include colour-css-vars(\"form-error-border\", \"focus-outline\");\n  @include colour-css-vars;\n\n  @media (prefers-contrast: more) {\n    // @include colour-css-vars-high-contrast(\n    //   \"form-error-border\",\n    //   \"focus-outline\"\n    // );\n    @include colour-css-vars-high-contrast;\n  }\n}\n\n@mixin always-light {\n  @extend %always-light;\n}\n\n%contrast {\n  --background: var(--contrast-background);\n  --font-base: var(--contrast-font-base);\n  --font-dark: var(--contrast-font-dark);\n  --font-light: var(--contrast-font-light);\n  --icon-light: var(--contrast-icon-light);\n  --link: var(--contrast-link);\n  --link-visited: var(--contrast-link-visited);\n  --keyline: var(--contrast-keyline);\n  --keyline-dark: var(--contrast-keyline-dark);\n  --button-text: var(--contrast-button-text);\n  --button-background: var(--contrast-button-background);\n  --button-hover-text: var(--contrast-button-hover-text);\n  --button-hover-background: var(--contrast-button-hover-background);\n\n  @include colour-background(\"background\");\n\n  @include colour-font(\"font-base\");\n}\n\n@mixin contrast {\n  @extend %contrast;\n}\n\n%contrast-on-mobile {\n  @include media.on-mobile {\n    --background: var(--contrast-background);\n    --font-base: var(--contrast-font-base);\n    --font-dark: var(--contrast-font-dark);\n    --font-light: var(--contrast-font-light);\n    --icon-light: var(--contrast-icon-light);\n    --link: var(--contrast-link);\n    --link-visited: var(--contrast-link-visited);\n    --keyline: var(--contrast-keyline);\n    --keyline-dark: var(--contrast-keyline-dark);\n    --button-text: var(--contrast-button-text);\n    --button-background: var(--contrast-button-background);\n    --button-hover-text: var(--contrast-button-hover-text);\n    --button-hover-background: var(--contrast-button-hover-background);\n\n    @include colour-background(\"background\");\n\n    @include colour-font(\"font-base\");\n  }\n}\n\n@mixin contrast-on-mobile {\n  @extend %contrast-on-mobile;\n}\n\n%base {\n  @each $name, $value in $base-colours {\n    --#{$name}: var(--base-#{$value});\n  }\n\n  @include colour-background(\"background\");\n\n  @include colour-font(\"font-base\");\n}\n\n@mixin base {\n  @extend %base;\n}\n\n%tint {\n  --background: var(--background-tint);\n\n  @include colour-background(\"background\");\n}\n\n@mixin tint {\n  @extend %tint;\n}\n\n%accent {\n  --background: var(--accent-background);\n  --font-base: var(--accent-font-base);\n  --font-dark: var(--accent-font-dark);\n  --font-light: var(--accent-font-light);\n  --icon-light: var(--accent-icon-light);\n  --link: var(--accent-link);\n  --link-visited: var(--accent-link);\n  --keyline: var(--accent-keyline);\n  --keyline-dark: var(--accent-keyline-dark);\n  --accent-border: var(--accent-font-dark);\n  --button-text: var(--accent-button-text);\n  --button-background: var(--accent-button-background);\n  --button-hover-text: var(--accent-button-hover-text);\n  --button-hover-background: var(--accent-button-hover-background);\n\n  @include colour-background(\"background\");\n\n  @include colour-font(\"font-base\");\n}\n\n@mixin accent {\n  @extend %accent;\n}\n\n%accent-light {\n  --background: var(--accent-background-light);\n  --font-base: #{map.get(colour.$colour-palette-default, \"font-base\")};\n  --font-dark: #{map.get(colour.$colour-palette-default, \"font-dark\")};\n  --font-light: #{map.get(colour.$colour-palette-default, \"font-light\")};\n  --icon-light: #{map.get(colour.$colour-palette-default, \"icon-light\")};\n  --keyline: #{map.get(colour.$colour-palette-default, \"keyline\")};\n  --keyline-dark: #{map.get(colour.$colour-palette-default, \"keyline-dark\")};\n  --button-text: #{map.get(colour.$colour-palette-default, \"button-text\")};\n  --button-background: #{map.get(\n      colour.$colour-palette-default,\n      \"button-background\"\n    )};\n  --button-hover-text: #{map.get(\n      colour.$colour-palette-default,\n      \"button-hover-text\"\n    )};\n  --button-hover-background: #{map.get(\n      colour.$colour-palette-default,\n      \"button-hover-background\"\n    )};\n  --accent-border: var(--accent-background);\n\n  @include colour-background(\"background\");\n  @include colour-font(\"font-base\");\n\n  .tna-template--system-theme & {\n    @media (prefers-color-scheme: dark) {\n      // --link: #{map.get(colour.$colour-palette-default, \"link\")};\n      // --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n\n      --background: var(--accent-background);\n      --font-base: var(--accent-font-base);\n      --font-dark: var(--accent-font-dark);\n      --font-light: var(--accent-font-light);\n      --icon-light: var(--accent-icon-light);\n      --link: var(--accent-link);\n      --link-visited: var(--accent-link);\n      --keyline: var(--accent-keyline);\n      --keyline-dark: var(--accent-keyline-dark);\n      --accent-border: var(--accent-font-dark);\n      --button-text: var(--accent-button-text);\n      --button-background: var(--accent-button-background);\n      --button-hover-text: var(--accent-button-hover-text);\n      --button-hover-background: var(--accent-button-hover-background);\n    }\n  }\n\n  .tna-template--dark-theme & {\n    // --link: #{map.get(colour.$colour-palette-default, \"link\")};\n    // --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n\n    --background: var(--accent-background);\n    --font-base: var(--accent-font-base);\n    --font-dark: var(--accent-font-dark);\n    --font-light: var(--accent-font-light);\n    --icon-light: var(--accent-icon-light);\n    --link: var(--accent-link);\n    --link-visited: var(--accent-link);\n    --keyline: var(--accent-keyline);\n    --keyline-dark: var(--accent-keyline-dark);\n    --accent-border: var(--accent-font-dark);\n    --button-text: var(--accent-button-text);\n    --button-background: var(--accent-button-background);\n    --button-hover-text: var(--accent-button-hover-text);\n    --button-hover-background: var(--accent-button-hover-background);\n  }\n}\n\n@mixin accent-light {\n  @extend %accent-light;\n}\n\n%yellow-accent {\n  --accent-background: #{colour.brand-colour(\"yellow\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"cream\")} !important;\n  --accent-border: #{colour.brand-colour(\"yellow\")} !important;\n  --accent-font-base: #{colour.brand-colour(\"black\")} !important;\n  --accent-font-dark: #{colour.brand-colour(\"black\")} !important;\n  --accent-font-light: #{colour.brand-colour(\"black\", 0.7)} !important;\n  --accent-icon-light: #{colour.brand-colour(\"black\", 0.7)} !important;\n  --accent-link: #{colour.brand-colour(\"black\")} !important;\n  --accent-link-visited: #{colour.brand-colour(\"black\")} !important;\n  --accent-keyline: #{colour.brand-colour(\"black\", 0.5)} !important;\n  --accent-keyline-dark: #{colour.brand-colour(\"black\", 0.8)} !important;\n  --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"brown\")} !important;\n}\n\n@mixin yellow-accent {\n  @extend %yellow-accent;\n}\n\n%accent-lighter-text {\n  --accent-font-base: #{colour.brand-colour(\"white\")} !important;\n  --accent-font-dark: #{colour.brand-colour(\"white\")} !important;\n  --accent-font-light: #{colour.brand-colour(\"white\", 0.7)} !important;\n  --accent-icon-light: #{colour.brand-colour(\"white\", 0.7)} !important;\n  --accent-link: #{colour.brand-colour(\"white\")} !important;\n  --accent-link-visited: #{colour.brand-colour(\"white\")} !important;\n  --accent-keyline: #{colour.brand-colour(\"white\", 0.5)} !important;\n  --accent-keyline-dark: #{colour.brand-colour(\"white\", 0.8)} !important;\n  --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n}\n\n%black-accent {\n  --accent-background: #{colour.brand-colour(\"black\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"light-grey\")} !important;\n  --accent-border: #{colour.brand-colour(\"black\")} !important;\n  --button-accented-text: #{colour.brand-colour(\"black\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"grey\")} !important;\n}\n\n@mixin black-accent {\n  @extend %accent-lighter-text;\n  @extend %black-accent;\n}\n\n%pink-accent {\n  --accent-background: #{colour.brand-colour(\"maroon\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"pastel-pink\")} !important;\n  --accent-border: #{colour.brand-colour(\"pink\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"maroon\")} !important;\n}\n\n@mixin pink-accent {\n  @extend %accent-lighter-text;\n  @extend %pink-accent;\n}\n\n%orange-accent {\n  --accent-background: #{colour.brand-colour(\"chestnut\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"pastel-orange\")} !important;\n  --accent-border: #{colour.brand-colour(\"orange\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"chestnut\")} !important;\n}\n\n@mixin orange-accent {\n  @extend %accent-lighter-text;\n  @extend %orange-accent;\n}\n\n%green-accent {\n  --accent-background: #{colour.brand-colour(\"forest\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"pastel-green\")} !important;\n  --accent-border: #{colour.brand-colour(\"green\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"forest\")} !important;\n}\n\n@mixin green-accent {\n  @extend %accent-lighter-text;\n  @extend %green-accent;\n}\n\n%blue-accent {\n  --accent-background: #{colour.brand-colour(\"navy\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"pastel-blue\")} !important;\n  --accent-border: #{colour.brand-colour(\"blue\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"navy\")} !important;\n}\n\n@mixin blue-accent {\n  @extend %accent-lighter-text;\n  @extend %blue-accent;\n}\n\n@mixin on-high-contrast {\n  @media (prefers-contrast: more) {\n    @content;\n  }\n}\n\n@mixin on-forced-colours {\n  @media (forced-colors: active) {\n    @content;\n  }\n}\n\n@mixin on-high-contrast-and-forced-colours {\n  @include on-forced-colours {\n    @content;\n  }\n\n  @include on-high-contrast {\n    @content;\n  }\n}\n\n%image-loader-background {\n  background: linear-gradient(\n    -45deg,\n    rgb(0 0 0 / 25%),\n    rgb(255 255 255 / 25%),\n    rgb(0 0 0 / 25%)\n  );\n  background-size: 500% 500%;\n  background-position: 0 50%;\n\n  animation: image-loader-background ease-in-out 1.2s infinite;\n\n  @media (prefers-reduced-motion) {\n    animation: none !important;\n  }\n}\n\n@mixin image-loader-background {\n  @if features.$image-loader-animations {\n    @extend %image-loader-background;\n  }\n}\n","@use \"../variables/a11y\";\n@use \"colour\";\n@use \"borders\";\n\n@mixin visually-hidden {\n  width: 1px !important;\n  height: 1px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  position: absolute !important;\n  top: -9999px !important;\n  left: -9999px !important;\n  z-index: -1 !important;\n\n  background-color: transparent !important;\n\n  border: 0 !important;\n\n  -webkit-clip-path: inset(50%) !important;\n  clip-path: inset(50%) !important;\n}\n\n%focus-outline {\n  outline: a11y.$focus-outline-outer-width #000 solid !important;\n  outline-offset: a11y.$focus-outline-inner-width !important;\n\n  box-shadow: 0 0 0 a11y.$focus-outline-inner-width\n    colour.brand-colour(\"yellow\") !important;\n\n  transition:\n    outline-offset 0.1s,\n    box-shadow 0.1s;\n\n  .tna-template--dark-theme & {\n    outline-color: colour.brand-colour(\"yellow\") !important;\n\n    box-shadow: 0 0 0 a11y.$focus-outline-inner-width #000 !important;\n  }\n\n  .tna-template--system-theme & {\n    @media (prefers-color-scheme: dark) {\n      outline-color: colour.brand-colour(\"yellow\") !important;\n\n      box-shadow: 0 0 0 a11y.$focus-outline-inner-width #000 !important;\n    }\n  }\n}\n\n@mixin focus-outline {\n  @extend %focus-outline;\n}\n\n@mixin no-focus-outline {\n  outline: none !important;\n\n  box-shadow: none !important;\n}\n\n%active-outline {\n  outline: a11y.$focus-outline-active-outer-width #000 solid !important;\n  outline-offset: a11y.$focus-outline-active-inner-width !important;\n\n  box-shadow: 0 0 0 a11y.$focus-outline-active-inner-width\n    colour.brand-colour(\"yellow\") !important;\n\n  transition: none;\n\n  .tna-template--dark-theme & {\n    outline-color: colour.brand-colour(\"yellow\") !important;\n\n    box-shadow: 0 0 0 a11y.$focus-outline-active-inner-width #000 !important;\n  }\n\n  .tna-template--system-theme & {\n    @media (prefers-color-scheme: dark) {\n      outline-color: colour.brand-colour(\"yellow\") !important;\n\n      box-shadow: 0 0 0 a11y.$focus-outline-active-inner-width #000 !important;\n    }\n  }\n}\n\n@mixin active-outline {\n  @extend %active-outline;\n}\n\n%faux-full-outline {\n  position: relative;\n}\n\n%faux-full-outline-anchor {\n  &::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n    z-index: 9;\n\n    @include borders.rounded-border;\n  }\n\n  &:focus,\n  &:active {\n    @include no-focus-outline;\n  }\n\n  &:focus {\n    &::before {\n      @include focus-outline;\n    }\n  }\n\n  &:active {\n    &::before {\n      @include active-outline;\n    }\n  }\n}\n\n@mixin faux-full-outline($anchor_selector) {\n  @extend %faux-full-outline;\n\n  #{$anchor_selector} {\n    @extend %faux-full-outline-anchor;\n  }\n}\n","@use \"../variables/borders\";\n\n@mixin rounded-border {\n  border-radius: borders.$rounded-border-radius;\n}\n","$thick-border-width: 5px !default;\n$very-thick-border-width: 8px !default;\n$rounded-border-radius: 2px !default;\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"../variables/spacing\";\n@use \"../variables/typography\";\n@use \"../tools/media\";\n\n/*\n * ------------------------------------------\n * Spacing is created with rem rather than px\n * units as when users use a custom font size\n * some browsers handle the resize of rem and\n * em separately from px which causes spacing\n * and layout issues, so to ensure everything\n * remaians consistent we use rem for spacing\n * and typography. The original intention was\n * separation so that we could scale the type\n * without affecting spacing, but in practice\n * there are too many ways to change the font\n * size in various browsers and devices\n * ------------------------------------------\n */\n@function space($size) {\n  // @return #{$size * spacing.$spacing-unit-px}px;\n  @return #{$size}rem;\n}\n\n%space-above {\n  margin-top: space(2);\n  @extend %no-space-above-for-first-children;\n}\n\n%space-only-above {\n  margin: #{space(2)} 0 0;\n  @extend %no-space-above-for-first-children;\n}\n\n%no-space-above-for-first-children {\n  &:first-child {\n    margin-top: 0;\n  }\n}\n\n@mixin space-above($zero-other-margins: false) {\n  @if $zero-other-margins {\n    @extend %space-only-above;\n  } @else {\n    @extend %space-above;\n  }\n}\n\n@mixin no-spacing-generator($suffix: \"\") {\n  @if $suffix != \"\" {\n    $suffix: \"-\" + $suffix;\n  }\n  @each $property in margin, padding {\n    @each $direction in top, bottom {\n      $combined-direction: \"\";\n      @if $direction == top or $direction == bottom {\n        $combined-direction: vertical;\n      } @else if $direction == right or $direction == left {\n        $combined-direction: horizontal;\n      }\n      @if $combined-direction {\n        .tna-\\!--no-#{$property}-#{$direction}#{$suffix},\n        .tna-\\!--no-#{$property}-#{$combined-direction}#{$suffix} {\n          #{$property}-#{$direction}: 0 !important;\n        }\n      } @else {\n        .tna-\\!--no-#{$property}-#{$direction}#{$suffix} {\n          #{$property}-#{$direction}: 0 !important;\n        }\n      }\n    }\n  }\n}\n\n@mixin spacing-generator($suffix: \"\") {\n  @each $property in margin, padding {\n    @each $direction in top, bottom {\n      @each $size, $amount in spacing.$spacing {\n        @if $direction == all {\n          .tna-\\!--#{$property}-#{$size} {\n            #{$property}: #{space($amount)} !important;\n          }\n        } @else {\n          $combined-direction: \"\";\n          @if $direction == top or $direction == bottom {\n            $combined-direction: vertical;\n          } @else if $direction == right or $direction == left {\n            $combined-direction: horizontal;\n          }\n          @if $combined-direction {\n            .tna-\\!--#{$property}-#{$direction}-#{$size},\n            .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n              #{$property}-#{$direction}: #{space($amount)} !important;\n            }\n          } @else {\n            .tna-\\!--#{$property}-#{$direction}-#{$size} {\n              #{$property}-#{$direction}: #{space($amount)} !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @include media.on-mobile {\n    @each $property in margin, padding {\n      @each $direction in top, bottom {\n        @each $size, $amount in spacing.$spacing-mobile {\n          @if $direction == all {\n            .tna-\\!--#{$property}-#{$size} {\n              #{$property}: #{space($amount)} !important;\n            }\n          } @else {\n            $combined-direction: \"\";\n            @if $direction == top or $direction == bottom {\n              $combined-direction: vertical;\n            } @else if $direction == right or $direction == left {\n              $combined-direction: horizontal;\n            }\n            @if $combined-direction {\n              .tna-\\!--#{$property}-#{$direction}-#{$size},\n              .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n                #{$property}-#{$direction}: #{space($amount)} !important;\n              }\n            } @else {\n              .tna-\\!--#{$property}-#{$direction}-#{$size} {\n                #{$property}-#{$direction}: #{space($amount)} !important;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"../../tools/a11y\";\n@use \"../../tools/borders\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-files-list {\n  @include spacing.space-above;\n  padding: spacing.space(1);\n\n  @include colour.tint;\n\n  @include borders.rounded-border;\n\n  &__items {\n    margin: 0;\n    padding: 0;\n\n    display: flex;\n    flex-direction: column;\n    gap: spacing.space(1);\n    flex: 1;\n\n    list-style: none;\n\n    @include colour.colour-border(\"keyline\", 0, solid);\n    border-left-width: 1px;\n  }\n\n  &__item {\n    padding: 0 0 0 spacing.space(0.5);\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: spacing.space(0.25) spacing.space(1);\n\n    position: relative;\n  }\n\n  &__link {\n  }\n\n  &__item-title {\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n  &__item-icon {\n    margin: spacing.space(0.5) 0;\n\n    grid-column: 1;\n    grid-row: 1/3;\n    @include typography.font-size(36);\n  }\n\n  &__item-body {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  &__item-meta {\n    padding-bottom: spacing.space(0.25);\n  }\n\n  &__item-description {\n    margin-top: 0;\n\n    @include typography.font-size(16);\n  }\n\n  &--full-click {\n  }\n\n  @include a11y.faux-full-outline(\"&--full-click &__link\");\n\n  &--full-click &__link {\n    &:hover {\n      &::before {\n        @include colour.thick-keyline(left);\n      }\n    }\n  }\n}\n","@use \"sass:math\";\n@use \"../variables/typography\";\n@use \"colour\";\n@use \"media\";\n\n@mixin font-size($font-size-px) {\n  font-size: #{math.div($font-size-px, typography.$relative-1rem-px)}rem;\n}\n\n@mixin relative-font-size($font-size-px) {\n  @warn \"relative-font-size() will soon be deprecated in favour of font-size().\";\n  @include font-size($font-size-px);\n}\n\n@mixin main-font-weight {\n  font-weight: typography.$main-font-weight;\n}\n\n@mixin main-font-weight-medium {\n  font-weight: typography.$main-font-weight-medium;\n}\n\n@mixin main-font-weight-bold {\n  font-weight: typography.$main-font-weight-bold;\n}\n\n@mixin main-font($bold: false) {\n  font-family: typography.$main-font-family;\n  font-style: normal;\n  font-optical-sizing: auto;\n  font-variation-settings: \"wdth\" 100;\n  @if $bold {\n    @include main-font-weight-bold;\n  } @else {\n    @include main-font-weight;\n  }\n}\n\n@mixin heading-font {\n  font-family: typography.$heading-font-family;\n  font-weight: typography.$heading-font-weight;\n}\n\n@mixin detail-font($bold: false) {\n  font-family: typography.$detail-font-family;\n  font-style: normal;\n  font-optical-sizing: auto;\n  @if $bold {\n    font-weight: typography.$detail-font-weight-bold;\n  } @else {\n    font-weight: typography.$detail-font-weight;\n  }\n}\n\n@mixin detail-font-small {\n  @include detail-font;\n  @include font-size(14);\n  line-height: 1.1;\n  text-transform: uppercase;\n}\n\n@mixin interactable-text-decoration {\n  text-decoration-thickness: typography.$interactable-text-decoration-thickness;\n  text-underline-offset: typography.$interactable-text-decoration-offset;\n}\n\n@mixin interacted-text-decoration {\n  text-decoration: underline;\n  text-decoration-thickness: typography.$interactive-text-decoration-thickness;\n  text-underline-offset: typography.$interactable-text-decoration-offset;\n}\n\n@mixin heading-generator(\n  $font-size-default,\n  $font-size-medium,\n  $font-size-small,\n  $font-size-tiny,\n  $line-height\n) {\n  $small-and-tiny-identical: $font-size-small == $font-size-tiny;\n  $medium-small-and-tiny-identical: $font-size-medium == $font-size-small and\n    $small-and-tiny-identical;\n  $all-identical: $font-size-default == $font-size-medium and\n    $medium-small-and-tiny-identical and $small-and-tiny-identical;\n  line-height: $line-height;\n  @include font-size($font-size-default);\n\n  @if $all-identical != true {\n    @if $medium-small-and-tiny-identical != true {\n      @include media.on-medium {\n        @include font-size($font-size-medium);\n      }\n\n      @if $small-and-tiny-identical != true {\n        @include media.on-small {\n          @include font-size($font-size-small);\n        }\n\n        @include media.on-tiny {\n          @include font-size($font-size-tiny);\n        }\n      } @else {\n        @include media.on-mobile {\n          @include font-size($font-size-small);\n        }\n      }\n    } @else {\n      @include media.on-smaller-than-large {\n        @include font-size($font-size-medium);\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../../src/nationalarchives/tools/_colour.scss","../../../../src/nationalarchives/tools/_a11y.scss","../../../../src/nationalarchives/tools/_borders.scss","../../../../src/nationalarchives/variables/_borders.scss","../../../../src/nationalarchives/tools/_spacing.scss","../../../../src/nationalarchives/components/files-list/files-list.scss","../../../../src/nationalarchives/tools/_typography.scss"],"names":[],"mappings":"AAiUA,gBACE,qCAtOA,4CCnEF,gEACE,kCACA,8BAEA,qCAGA,WACE,kCAGF,oLACE,8BAEA,qCAIA,mCADF,wLAEI,8BAEA,sCAeN,iEACE,kCACA,8BAEA,qCAGA,gBAEA,sLACE,8BAEA,qCAIA,mCADF,0LAEI,8BAEA,sCASN,gBACE,kBAIA,0DACE,WAEA,kBACA,QACA,UChGF,cCDsB,IFsGtB,iHAhDA,wBAEA,2BGhCF,gBACE,gBAUA,4BACE,aC/BJ,gBAEE,aHNA,cCDsB,IEatB,uBACE,SACA,UAEA,aACA,sBACA,SACA,OAEA,gBLgGE,sDK7FF,sBAGF,sBACE,qBAEA,aACA,+BACA,iBAEA,kBAMF,4BACE,cACA,WAGF,2BACE,gBAEA,cACA,aC9CF,kBDkDA,2BACE,cACA,WAGF,2BACE,uBAGF,kCACE,aC5DF,eDwEI,gELgCA","file":"files-list.css","sourcesContent":["@use \"sass:list\";\n@use \"sass:map\";\n@use \"sass:meta\";\n@use \"../variables/borders\";\n@use \"../variables/forms\";\n@use \"../variables/colour\";\n@use \"../variables/features\";\n@use \"../tools/media\";\n\n$base-colours: (\n  \"background\",\n  // \"background-tint\",\n  \"font-base\",\n  \"font-dark\",\n  \"font-light\",\n  \"icon-light\",\n  \"link\",\n  \"link-visited\",\n  // \"focus-outline\",\n  \"keyline\",\n  \"keyline-dark\",\n  // \"input-foreground\",\n  // \"input-background\",\n  // \"input-border\",\n  // \"form-error-border\",\n  // \"form-error-text\",\n  // \"button-text\",\n  // \"button-background\",\n  // \"button-hover-text\",\n   // \"button-hover-background\",\n);\n\n@function brand-colour($colour, $opacity: 1) {\n  @return colour.brand-colour($colour, $opacity);\n}\n\n@mixin colour-css-vars($excludes...) {\n  @each $name, $value in colour.$colour-palette-default {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n      @if list.index($base-colours, $name) {\n        --base-#{$name}: #{$value};\n      }\n    }\n  }\n}\n\n@mixin colour-css-vars-dark($excludes...) {\n  @each $name, $value in colour.$colour-palette-dark {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n      @if list.index($base-colours, $name) {\n        --base-#{$name}: #{$value};\n      }\n    }\n  }\n}\n\n@mixin colour-css-vars-high-contrast($excludes...) {\n  @each $name, $value in colour.$colour-palette-high-contrast {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n      @if list.index($base-colours, $name) {\n        --base-#{$name}: #{$value};\n      }\n    }\n  }\n}\n\n@mixin colour-css-vars-high-contrast-dark($excludes...) {\n  @each $name, $value in colour.$colour-palette-high-contrast-dark {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n      @if list.index((\"keyline\", \"keyline-dark\"), $name) {\n        --base-#{$name}: #{$value};\n      }\n    }\n  }\n}\n\n@function colour-var($colour) {\n  @return var(\n    --#{$colour},\n    #{map.get(colour.$colour-palette-default, $colour)}\n  );\n}\n\n@mixin colour-font($colour, $important: false) {\n  color: colour-var($colour) if(sass($important): !important; else: null);\n}\n\n@mixin colour-background($colour, $important: false) {\n  background-color: colour-var($colour)\n    if(sass($important): !important; else: null);\n}\n\n@mixin colour-background-brand($brandColour, $important: false) {\n  background-color: #{brand-colour($brandColour)}\n    if(sass($important): !important; else: null);\n}\n\n@mixin colour-border(\n  $colour,\n  $width: \"\",\n  $style: solid,\n  $direction: \"\",\n  $important: false\n) {\n  @if $direction != \"\" {\n    @if $width != \"\" {\n      border-#{$direction}: $width\n        colour-var($colour)\n        $style\n        if(sass($important): !important; else: null);\n    } @else {\n      border-#{$direction}-color: colour-var($colour)\n        if(sass($important): !important; else: null);\n    }\n  } @else {\n    @if $width != \"\" {\n      border: $width\n        colour-var($colour)\n        $style\n        if(sass($important): !important; else: null);\n    } @else {\n      border-color: var(\n          --#{$colour},\n          #{map.get(colour.$colour-palette-default, $colour)}\n        )\n        if(sass($important): !important; else: null);\n    }\n  }\n}\n\n@mixin colour-outline($colour, $width: \"\", $style: solid, $important: false) {\n  @if $width != \"\" {\n    outline: $width\n      colour-var($colour)\n      $style\n      if(sass($important): !important; else: null);\n  } @else {\n    outline-color: colour-var($colour)\n      if(sass($important): !important; else: null);\n  }\n}\n\n@mixin colour-fill($colour, $important: false) {\n  fill: colour-var($colour) if(sass($important): !important; else: null);\n}\n\n%colour-input {\n  @include colour-font(\"input-foreground\");\n  @include colour-background(\"input-background\");\n  @include colour-border(\"input-border\", forms.$form-field-border-width);\n}\n\n@mixin colour-input() {\n  @extend %colour-input;\n}\n\n@mixin thick-keyline($direction: \"\", $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    @include colour-border(\"keyline\", $border-width, solid, $direction);\n  } @else {\n    @include colour-border(\"keyline\", $border-width, solid);\n  }\n}\n\n@mixin thick-keyline-dark($direction: \"\", $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    @include colour-border(\"keyline-dark\", $border-width, solid, $direction);\n  } @else {\n    @include colour-border(\"keyline-dark\", $border-width, solid);\n  }\n}\n\n@mixin thick-keyline-accent($direction: \"\", $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    @include colour-border(\"accent-border\", $border-width, solid, $direction);\n  } @else {\n    @include colour-border(\"accent-border\", $border-width, solid);\n  }\n}\n\n@mixin thick-keyline-error($direction: \"\", $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    @include colour-border(\n      \"form-error-border\",\n      $border-width,\n      solid,\n      $direction\n    );\n  } @else {\n    @include colour-border(\"form-error-border\", $border-width, solid);\n  }\n}\n\n@mixin thick-keyline-brand($direction: \"\", $brandColour, $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    border-#{$direction}: $border-width #{brand-colour($brandColour)} solid;\n  } @else {\n    border: $border-width #{brand-colour($brandColour)} solid;\n  }\n}\n\n@mixin thick-keyline-transparent($direction: \"\", $veryThick: false) {\n  $border-width: borders.$thick-border-width;\n  @if $veryThick {\n    $border-width: borders.$very-thick-border-width;\n  }\n  @if $direction != \"\" {\n    border-#{$direction}: $border-width transparent solid;\n  } @else {\n    border: $border-width transparent solid;\n  }\n}\n\n// Use light theme colours (except for \"form-error-border\")\n%always-light {\n  // @include colour-css-vars(\"form-error-border\", \"focus-outline\");\n  @include colour-css-vars;\n\n  @media (prefers-contrast: more) {\n    // @include colour-css-vars-high-contrast(\n    //   \"form-error-border\",\n    //   \"focus-outline\"\n    // );\n    @include colour-css-vars-high-contrast;\n  }\n}\n\n@mixin always-light {\n  @extend %always-light;\n}\n\n%contrast {\n  --background: var(--contrast-background);\n  --font-base: var(--contrast-font-base);\n  --font-dark: var(--contrast-font-dark);\n  --font-light: var(--contrast-font-light);\n  --icon-light: var(--contrast-icon-light);\n  --link: var(--contrast-link);\n  --link-visited: var(--contrast-link-visited);\n  --keyline: var(--contrast-keyline);\n  --keyline-dark: var(--contrast-keyline-dark);\n  --button-text: var(--contrast-button-text);\n  --button-background: var(--contrast-button-background);\n  --button-hover-text: var(--contrast-button-hover-text);\n  --button-hover-background: var(--contrast-button-hover-background);\n  --accent-border: var(--accent-border-bright);\n\n  @include colour-background(\"background\");\n\n  @include colour-font(\"font-base\");\n}\n\n@mixin contrast {\n  @extend %contrast;\n}\n\n%contrast-on-mobile {\n  @include media.on-mobile {\n    --background: var(--contrast-background);\n    --font-base: var(--contrast-font-base);\n    --font-dark: var(--contrast-font-dark);\n    --font-light: var(--contrast-font-light);\n    --icon-light: var(--contrast-icon-light);\n    --link: var(--contrast-link);\n    --link-visited: var(--contrast-link-visited);\n    --keyline: var(--contrast-keyline);\n    --keyline-dark: var(--contrast-keyline-dark);\n    --button-text: var(--contrast-button-text);\n    --button-background: var(--contrast-button-background);\n    --button-hover-text: var(--contrast-button-hover-text);\n    --button-hover-background: var(--contrast-button-hover-background);\n    --accent-border: var(--accent-border-bright);\n\n    @include colour-background(\"background\");\n\n    @include colour-font(\"font-base\");\n  }\n}\n\n@mixin contrast-on-mobile {\n  @extend %contrast-on-mobile;\n}\n\n%base {\n  @each $name, $value in $base-colours {\n    --#{$name}: var(--base-#{$value});\n  }\n\n  @include colour-background(\"background\");\n\n  @include colour-font(\"font-base\");\n}\n\n@mixin base {\n  @extend %base;\n}\n\n%tint {\n  --background: var(--background-tint);\n\n  @include colour-background(\"background\");\n}\n\n@mixin tint {\n  @extend %tint;\n}\n\n%accent {\n  --background: var(--accent-background);\n  --font-base: var(--accent-font-base);\n  --font-dark: var(--accent-font-dark);\n  --font-light: var(--accent-font-light);\n  --icon-light: var(--accent-icon-light);\n  --link: var(--accent-link);\n  --link-visited: var(--accent-link);\n  --keyline: var(--accent-keyline);\n  --keyline-dark: var(--accent-keyline-dark);\n  --accent-border: var(--accent-font-dark);\n  --button-text: var(--accent-button-text);\n  --button-background: var(--accent-button-background);\n  --button-hover-text: var(--accent-button-hover-text);\n  --button-hover-background: var(--accent-button-hover-background);\n\n  @include colour-background(\"background\");\n\n  @include colour-font(\"font-base\");\n}\n\n@mixin accent {\n  @extend %accent;\n}\n\n%accent-light {\n  --background: var(--accent-background-light);\n  --font-base: #{map.get(colour.$colour-palette-default, \"font-base\")};\n  --font-dark: #{map.get(colour.$colour-palette-default, \"font-dark\")};\n  --font-light: #{map.get(colour.$colour-palette-default, \"font-light\")};\n  --icon-light: #{map.get(colour.$colour-palette-default, \"icon-light\")};\n  --keyline: #{map.get(colour.$colour-palette-default, \"keyline\")};\n  --keyline-dark: #{map.get(colour.$colour-palette-default, \"keyline-dark\")};\n  --button-text: #{map.get(colour.$colour-palette-default, \"button-text\")};\n  --button-background: #{map.get(\n      colour.$colour-palette-default,\n      \"button-background\"\n    )};\n  --button-hover-text: #{map.get(\n      colour.$colour-palette-default,\n      \"button-hover-text\"\n    )};\n  --button-hover-background: #{map.get(\n      colour.$colour-palette-default,\n      \"button-hover-background\"\n    )};\n  --accent-border: var(--accent-background);\n\n  @include colour-background(\"background\");\n  @include colour-font(\"font-base\");\n\n  .tna-template--system-theme & {\n    @media (prefers-color-scheme: dark) {\n      // --link: #{map.get(colour.$colour-palette-default, \"link\")};\n      // --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n\n      --background: var(--accent-background);\n      --font-base: var(--accent-font-base);\n      --font-dark: var(--accent-font-dark);\n      --font-light: var(--accent-font-light);\n      --icon-light: var(--accent-icon-light);\n      --link: var(--accent-link);\n      --link-visited: var(--accent-link);\n      --keyline: var(--accent-keyline);\n      --keyline-dark: var(--accent-keyline-dark);\n      --accent-border: var(--accent-font-dark);\n      --button-text: var(--accent-button-text);\n      --button-background: var(--accent-button-background);\n      --button-hover-text: var(--accent-button-hover-text);\n      --button-hover-background: var(--accent-button-hover-background);\n    }\n  }\n\n  .tna-template--dark-theme & {\n    // --link: #{map.get(colour.$colour-palette-default, \"link\")};\n    // --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n\n    --background: var(--accent-background);\n    --font-base: var(--accent-font-base);\n    --font-dark: var(--accent-font-dark);\n    --font-light: var(--accent-font-light);\n    --icon-light: var(--accent-icon-light);\n    --link: var(--accent-link);\n    --link-visited: var(--accent-link);\n    --keyline: var(--accent-keyline);\n    --keyline-dark: var(--accent-keyline-dark);\n    --accent-border: var(--accent-font-dark);\n    --button-text: var(--accent-button-text);\n    --button-background: var(--accent-button-background);\n    --button-hover-text: var(--accent-button-hover-text);\n    --button-hover-background: var(--accent-button-hover-background);\n  }\n}\n\n@mixin accent-light {\n  @extend %accent-light;\n}\n\n%yellow-accent {\n  --accent-background: #{colour.brand-colour(\"yellow\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"cream\")} !important;\n  --accent-border: #{colour.brand-colour(\"yellow\")} !important;\n  --accent-border-bright: #{colour.brand-colour(\"yellow\")} !important;\n  --accent-font-base: #{colour.brand-colour(\"black\")} !important;\n  --accent-font-dark: #{colour.brand-colour(\"black\")} !important;\n  --accent-font-light: #{colour.brand-colour(\"black\", 0.7)} !important;\n  --accent-icon-light: #{colour.brand-colour(\"black\", 0.7)} !important;\n  --accent-link: #{colour.brand-colour(\"black\")} !important;\n  --accent-link-visited: #{colour.brand-colour(\"black\")} !important;\n  --accent-keyline: #{colour.brand-colour(\"black\", 0.5)} !important;\n  --accent-keyline-dark: #{colour.brand-colour(\"black\", 0.8)} !important;\n  --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"brown\")} !important;\n}\n\n@mixin yellow-accent {\n  @extend %yellow-accent;\n}\n\n%accent-lighter-text {\n  --accent-font-base: #{colour.brand-colour(\"white\")} !important;\n  --accent-font-dark: #{colour.brand-colour(\"white\")} !important;\n  --accent-font-light: #{colour.brand-colour(\"white\", 0.7)} !important;\n  --accent-icon-light: #{colour.brand-colour(\"white\", 0.7)} !important;\n  --accent-link: #{colour.brand-colour(\"white\")} !important;\n  --accent-link-visited: #{colour.brand-colour(\"white\")} !important;\n  --accent-keyline: #{colour.brand-colour(\"white\", 0.5)} !important;\n  --accent-keyline-dark: #{colour.brand-colour(\"white\", 0.8)} !important;\n  --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n}\n\n%black-accent {\n  --accent-background: #{colour.brand-colour(\"black\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"light-grey\")} !important;\n  --accent-border: #{colour.brand-colour(\"black\")} !important;\n  --accent-border-bright: #{colour.brand-colour(\"grey\")} !important;\n  --button-accented-text: #{colour.brand-colour(\"black\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"grey\")} !important;\n}\n\n@mixin black-accent {\n  @extend %accent-lighter-text;\n  @extend %black-accent;\n}\n\n%pink-accent {\n  --accent-background: #{colour.brand-colour(\"maroon\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"pastel-pink\")} !important;\n  --accent-border: #{colour.brand-colour(\"maroon\")} !important;\n  --accent-border-bright: #{colour.brand-colour(\"pink\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"maroon\")} !important;\n}\n\n@mixin pink-accent {\n  @extend %accent-lighter-text;\n  @extend %pink-accent;\n}\n\n%orange-accent {\n  --accent-background: #{colour.brand-colour(\"chestnut\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"pastel-orange\")} !important;\n  --accent-border: #{colour.brand-colour(\"chestnut\")} !important;\n  --accent-border-bright: #{colour.brand-colour(\"orange\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"chestnut\")} !important;\n}\n\n@mixin orange-accent {\n  @extend %accent-lighter-text;\n  @extend %orange-accent;\n}\n\n%green-accent {\n  --accent-background: #{colour.brand-colour(\"forest\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"pastel-green\")} !important;\n  --accent-border: #{colour.brand-colour(\"forest\")} !important;\n  --accent-border-bright: #{colour.brand-colour(\"green\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"forest\")} !important;\n}\n\n@mixin green-accent {\n  @extend %accent-lighter-text;\n  @extend %green-accent;\n}\n\n%blue-accent {\n  --accent-background: #{colour.brand-colour(\"navy\")} !important;\n  --accent-background-light: #{colour.brand-colour(\"pastel-blue\")} !important;\n  --accent-border: #{colour.brand-colour(\"navy\")} !important;\n  --accent-border-bright: #{colour.brand-colour(\"blue\")} !important;\n  --button-accented-background: #{colour.brand-colour(\"navy\")} !important;\n}\n\n@mixin blue-accent {\n  @extend %accent-lighter-text;\n  @extend %blue-accent;\n}\n\n@mixin on-high-contrast {\n  @media (prefers-contrast: more) {\n    @content;\n  }\n}\n\n@mixin on-forced-colours {\n  @media (forced-colors: active) {\n    @content;\n  }\n}\n\n@mixin on-high-contrast-and-forced-colours {\n  @include on-forced-colours {\n    @content;\n  }\n\n  @include on-high-contrast {\n    @content;\n  }\n}\n\n%image-loader-background {\n  background: linear-gradient(\n    -45deg,\n    rgb(0 0 0 / 25%),\n    rgb(255 255 255 / 25%),\n    rgb(0 0 0 / 25%)\n  );\n  background-size: 500% 500%;\n  background-position: 0 50%;\n\n  animation: image-loader-background ease-in-out 1.2s infinite;\n\n  @media (prefers-reduced-motion) {\n    animation: none !important;\n  }\n}\n\n@mixin image-loader-background {\n  @if features.$image-loader-animations {\n    @extend %image-loader-background;\n  }\n}\n","@use \"../variables/a11y\";\n@use \"colour\";\n@use \"borders\";\n\n@mixin visually-hidden {\n  width: 1px !important;\n  height: 1px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  position: absolute !important;\n  top: -9999px !important;\n  left: -9999px !important;\n  z-index: -1 !important;\n\n  background-color: transparent !important;\n\n  border: 0 !important;\n\n  -webkit-clip-path: inset(50%) !important;\n  clip-path: inset(50%) !important;\n}\n\n%focus-outline {\n  outline: a11y.$focus-outline-outer-width #000 solid !important;\n  outline-offset: a11y.$focus-outline-inner-width !important;\n\n  box-shadow: 0 0 0 a11y.$focus-outline-inner-width\n    colour.brand-colour(\"yellow\") !important;\n\n  transition:\n    outline-offset 0.1s,\n    box-shadow 0.1s;\n\n  .tna-template--dark-theme & {\n    outline-color: colour.brand-colour(\"yellow\") !important;\n\n    box-shadow: 0 0 0 a11y.$focus-outline-inner-width #000 !important;\n  }\n\n  .tna-template--system-theme & {\n    @media (prefers-color-scheme: dark) {\n      outline-color: colour.brand-colour(\"yellow\") !important;\n\n      box-shadow: 0 0 0 a11y.$focus-outline-inner-width #000 !important;\n    }\n  }\n}\n\n@mixin focus-outline {\n  @extend %focus-outline;\n}\n\n@mixin no-focus-outline {\n  outline: none !important;\n\n  box-shadow: none !important;\n}\n\n%active-outline {\n  outline: a11y.$focus-outline-active-outer-width #000 solid !important;\n  outline-offset: a11y.$focus-outline-active-inner-width !important;\n\n  box-shadow: 0 0 0 a11y.$focus-outline-active-inner-width\n    colour.brand-colour(\"yellow\") !important;\n\n  transition: none;\n\n  .tna-template--dark-theme & {\n    outline-color: colour.brand-colour(\"yellow\") !important;\n\n    box-shadow: 0 0 0 a11y.$focus-outline-active-inner-width #000 !important;\n  }\n\n  .tna-template--system-theme & {\n    @media (prefers-color-scheme: dark) {\n      outline-color: colour.brand-colour(\"yellow\") !important;\n\n      box-shadow: 0 0 0 a11y.$focus-outline-active-inner-width #000 !important;\n    }\n  }\n}\n\n@mixin active-outline {\n  @extend %active-outline;\n}\n\n%faux-full-outline {\n  position: relative;\n}\n\n%faux-full-outline-anchor {\n  &::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n    z-index: 9;\n\n    @include borders.rounded-border;\n  }\n\n  &:focus,\n  &:active {\n    @include no-focus-outline;\n  }\n\n  &:focus {\n    &::before {\n      @include focus-outline;\n    }\n  }\n\n  &:active {\n    &::before {\n      @include active-outline;\n    }\n  }\n}\n\n@mixin faux-full-outline($anchor_selector) {\n  @extend %faux-full-outline;\n\n  #{$anchor_selector} {\n    @extend %faux-full-outline-anchor;\n  }\n}\n","@use \"../variables/borders\";\n\n@mixin rounded-border {\n  border-radius: borders.$rounded-border-radius;\n}\n","$thick-border-width: 5px !default;\n$very-thick-border-width: 8px !default;\n$rounded-border-radius: 2px !default;\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"../variables/spacing\";\n@use \"../variables/typography\";\n@use \"../tools/media\";\n\n/*\n * ------------------------------------------\n * Spacing is created with rem rather than px\n * units as when users use a custom font size\n * some browsers handle the resize of rem and\n * em separately from px which causes spacing\n * and layout issues, so to ensure everything\n * remaians consistent we use rem for spacing\n * and typography. The original intention was\n * separation so that we could scale the type\n * without affecting spacing, but in practice\n * there are too many ways to change the font\n * size in various browsers and devices\n * ------------------------------------------\n */\n@function space($size) {\n  // @return #{$size * spacing.$spacing-unit-px}px;\n  @return #{$size}rem;\n}\n\n%space-above {\n  margin-top: space(2);\n  @extend %no-space-above-for-first-children;\n}\n\n%space-only-above {\n  margin: #{space(2)} 0 0;\n  @extend %no-space-above-for-first-children;\n}\n\n%no-space-above-for-first-children {\n  &:first-child {\n    margin-top: 0;\n  }\n}\n\n@mixin space-above($zero-other-margins: false) {\n  @if $zero-other-margins {\n    @extend %space-only-above;\n  } @else {\n    @extend %space-above;\n  }\n}\n\n@mixin no-spacing-generator($suffix: \"\") {\n  @if $suffix != \"\" {\n    $suffix: \"-\" + $suffix;\n  }\n  @each $property in margin, padding {\n    @each $direction in top, bottom {\n      $combined-direction: \"\";\n      @if $direction == top or $direction == bottom {\n        $combined-direction: vertical;\n      } @else if $direction == right or $direction == left {\n        $combined-direction: horizontal;\n      }\n      @if $combined-direction {\n        .tna-\\!--no-#{$property}-#{$direction}#{$suffix},\n        .tna-\\!--no-#{$property}-#{$combined-direction}#{$suffix} {\n          #{$property}-#{$direction}: 0 !important;\n        }\n      } @else {\n        .tna-\\!--no-#{$property}-#{$direction}#{$suffix} {\n          #{$property}-#{$direction}: 0 !important;\n        }\n      }\n    }\n  }\n}\n\n@mixin spacing-generator($suffix: \"\") {\n  @each $property in margin, padding {\n    @each $direction in top, bottom {\n      @each $size, $amount in spacing.$spacing {\n        @if $direction == all {\n          .tna-\\!--#{$property}-#{$size} {\n            #{$property}: #{space($amount)} !important;\n          }\n        } @else {\n          $combined-direction: \"\";\n          @if $direction == top or $direction == bottom {\n            $combined-direction: vertical;\n          } @else if $direction == right or $direction == left {\n            $combined-direction: horizontal;\n          }\n          @if $combined-direction {\n            .tna-\\!--#{$property}-#{$direction}-#{$size},\n            .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n              #{$property}-#{$direction}: #{space($amount)} !important;\n            }\n          } @else {\n            .tna-\\!--#{$property}-#{$direction}-#{$size} {\n              #{$property}-#{$direction}: #{space($amount)} !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @include media.on-mobile {\n    @each $property in margin, padding {\n      @each $direction in top, bottom {\n        @each $size, $amount in spacing.$spacing-mobile {\n          @if $direction == all {\n            .tna-\\!--#{$property}-#{$size} {\n              #{$property}: #{space($amount)} !important;\n            }\n          } @else {\n            $combined-direction: \"\";\n            @if $direction == top or $direction == bottom {\n              $combined-direction: vertical;\n            } @else if $direction == right or $direction == left {\n              $combined-direction: horizontal;\n            }\n            @if $combined-direction {\n              .tna-\\!--#{$property}-#{$direction}-#{$size},\n              .tna-\\!--#{$property}-#{$combined-direction}-#{$size} {\n                #{$property}-#{$direction}: #{space($amount)} !important;\n              }\n            } @else {\n              .tna-\\!--#{$property}-#{$direction}-#{$size} {\n                #{$property}-#{$direction}: #{space($amount)} !important;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"../../tools/a11y\";\n@use \"../../tools/borders\";\n@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-files-list {\n  @include spacing.space-above;\n  padding: spacing.space(1);\n\n  @include colour.tint;\n\n  @include borders.rounded-border;\n\n  &__items {\n    margin: 0;\n    padding: 0;\n\n    display: flex;\n    flex-direction: column;\n    gap: spacing.space(1);\n    flex: 1;\n\n    list-style: none;\n\n    @include colour.colour-border(\"keyline\", 0, solid);\n    border-left-width: 1px;\n  }\n\n  &__item {\n    padding: 0 0 0 spacing.space(0.5);\n\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: spacing.space(0.25) spacing.space(1);\n\n    position: relative;\n  }\n\n  &__link {\n  }\n\n  &__item-title {\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n  &__item-icon {\n    margin: spacing.space(0.5) 0;\n\n    grid-column: 1;\n    grid-row: 1/3;\n    @include typography.font-size(36);\n  }\n\n  &__item-body {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  &__item-meta {\n    padding-bottom: spacing.space(0.25);\n  }\n\n  &__item-description {\n    margin-top: 0;\n\n    @include typography.font-size(16);\n  }\n\n  &--full-click {\n  }\n\n  @include a11y.faux-full-outline(\"&--full-click &__link\");\n\n  &--full-click &__link {\n    &:hover {\n      &::before {\n        @include colour.thick-keyline(left);\n      }\n    }\n  }\n}\n","@use \"sass:math\";\n@use \"../variables/typography\";\n@use \"colour\";\n@use \"media\";\n\n@mixin font-size($font-size-px) {\n  font-size: #{math.div($font-size-px, typography.$relative-1rem-px)}rem;\n}\n\n@mixin relative-font-size($font-size-px) {\n  @warn \"relative-font-size() will soon be deprecated in favour of font-size().\";\n  @include font-size($font-size-px);\n}\n\n@mixin main-font-weight {\n  font-weight: typography.$main-font-weight;\n}\n\n@mixin main-font-weight-medium {\n  font-weight: typography.$main-font-weight-medium;\n}\n\n@mixin main-font-weight-bold {\n  font-weight: typography.$main-font-weight-bold;\n}\n\n@mixin main-font($bold: false) {\n  font-family: typography.$main-font-family;\n  font-style: normal;\n  font-optical-sizing: auto;\n  font-variation-settings: \"wdth\" 100;\n  @if $bold {\n    @include main-font-weight-bold;\n  } @else {\n    @include main-font-weight;\n  }\n}\n\n@mixin heading-font {\n  font-family: typography.$heading-font-family;\n  font-weight: typography.$heading-font-weight;\n}\n\n@mixin detail-font($bold: false) {\n  font-family: typography.$detail-font-family;\n  font-style: normal;\n  font-optical-sizing: auto;\n  @if $bold {\n    font-weight: typography.$detail-font-weight-bold;\n  } @else {\n    font-weight: typography.$detail-font-weight;\n  }\n}\n\n@mixin detail-font-small {\n  @include detail-font;\n  @include font-size(14);\n  line-height: 1.1;\n  text-transform: uppercase;\n}\n\n@mixin interactable-text-decoration {\n  text-decoration-thickness: typography.$interactable-text-decoration-thickness;\n  text-underline-offset: typography.$interactable-text-decoration-offset;\n}\n\n@mixin interacted-text-decoration {\n  text-decoration: underline;\n  text-decoration-thickness: typography.$interactive-text-decoration-thickness;\n  text-underline-offset: typography.$interactable-text-decoration-offset;\n}\n\n@mixin heading-generator(\n  $font-size-default,\n  $font-size-medium,\n  $font-size-small,\n  $font-size-tiny,\n  $line-height\n) {\n  $small-and-tiny-identical: $font-size-small == $font-size-tiny;\n  $medium-small-and-tiny-identical: $font-size-medium == $font-size-small and\n    $small-and-tiny-identical;\n  $all-identical: $font-size-default == $font-size-medium and\n    $medium-small-and-tiny-identical and $small-and-tiny-identical;\n  line-height: $line-height;\n  @include font-size($font-size-default);\n\n  @if $all-identical != true {\n    @if $medium-small-and-tiny-identical != true {\n      @include media.on-medium {\n        @include font-size($font-size-medium);\n      }\n\n      @if $small-and-tiny-identical != true {\n        @include media.on-small {\n          @include font-size($font-size-small);\n        }\n\n        @include media.on-tiny {\n          @include font-size($font-size-tiny);\n        }\n      } @else {\n        @include media.on-mobile {\n          @include font-size($font-size-small);\n        }\n      }\n    } @else {\n      @include media.on-smaller-than-large {\n        @include font-size($font-size-medium);\n      }\n    }\n  }\n}\n"]}

package/nationalarchives/components/footer/fixtures.json

@@ -11,7 +11,7 @@
       "options": {
         "defaultContent": true
       },
-      "html": "<footer class=\"tna-footer\" data-module=\"tna-footer\"><div class=\"tna-footer__inner\"><div class=\"tna-container\"><div class=\"tna-column tna-column--flex-1\" itemscope itemtype=\"https://schema.org/Organization\"><span class=\"tna-logo\"><svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" viewBox=\"0 0 160 160\" width=\"96\" height=\"96\" aria-hidden=\"true\" focusable=\"false\"><path class=\"tna-logo__background\" fill=\"transparent\" d=\"M0 0h160v160H0z\" /><g class=\"tna-logo__foreground\" fill=\"currentColor\"><path d=\"M1.9 107.2h156.3V158H1.9v-50.8zm0-52.7h156.3v50.8H1.9V54.5zm0-52.6h77.2v50.8H1.9V1.9zm79 0h77.2v50.8H80.9V1.9zm0-1.9H0v160h160V0H80.9z\" /><path d=\"M21.3 19.5h-5.4v-3h14.3v3h-5.4v18.4h-3.5zM31.6 16.5H35v9h8.4v-9h3.4v21.4h-3.4v-9.3H35v9.3h-3.4zM50.9 16.5h12.2v3h-8.8v6.1h7.4v3h-7.4v6.3h8.8v3H50.9zM19.7 69.2h3.8l6.4 12.5c.6 1.1 1.1 2.7 1.6 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2H23c.2 1.4.3 3.3.3 5v11.5h-3.5c-.1 0-.1-21.4-.1-21.4zM47.8 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8H45c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zM43 69.2h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6L43 69.2zM57.2 72.3h-5.4v-3.1H66v3.1h-5.4v18.4h-3.4zM67.8 69.2h3.5v21.4h-3.5zM87.5 80c0-5.3-1.7-8-4.8-8-3.2 0-4.8 2.7-4.8 8 0 5.2 1.6 7.9 4.8 7.9 3.2 0 4.8-2.7 4.8-7.9m-13.3 0c0-7 3-11.1 8.5-11.1 5.4 0 8.4 4.1 8.4 11.1 0 6.9-3 11-8.4 11s-8.5-4.1-8.5-11M94.3 69.2H98l6.4 12.5c.6 1.1 1.2 2.7 1.7 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2h-.2c.2 1.4.3 3.3.3 5v11.5h-3.5V69.2zM122.4 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM129.9 69.2h3.5v18.4h8.4v3.1h-11.9zM26.9 135.2l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4H29l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM39.9 132.5c2.5 0 3.4-1.6 3.4-3.9 0-2.2-1-3.8-3.4-3.8h-2.7v7.7h2.7zm-6.1-10.7h6.4c4.5 0 6.7 2.4 6.7 6.6 0 3.1-1.5 5.6-3.7 6.3v.2c1 1.1 4 7.5 4.8 7.9v.5h-3.8c-1-.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5v-21.5zM52.9 132.5c0 5.3 1.9 8 4.8 8s4-2 4-5.2l3.5.1c0 .2.1.4.1.6 0 4.4-2.1 7.5-7.5 7.5-5.2 0-8.5-3.9-8.5-11.1 0-7.1 3.3-11 8.5-11 6.4 0 7.5 4.6 7.5 7.2 0 .3 0 .7-.1.9l-3.5.1c0-3.3-1.2-5.2-4-5.2-2.9.2-4.8 2.9-4.8 8.1M68 121.8h3.5v9.1h8.3v-9.1h3.5v21.5h-3.5v-9.4h-8.3v9.4H68zM87.9 121.8h3.5v21.4h-3.5zM94.2 121.8h3.6l3.2 12.3c.5 1.9.8 3.6 1.1 5.6h.2c.3-2 .6-3.7 1.1-5.6l3.2-12.3h3.6l-6.1 21.4H100l-5.8-21.4zM112.7 121.8H125v3.1h-8.8v6h7.4v3h-7.4v6.3h8.8v3.1h-12.3zM130.4 136c0 .2-.1.5-.1.8 0 1.9.8 3.7 3.4 3.7 2.1 0 3.3-1.2 3.3-2.9 0-1.6-.7-2.4-2.2-3l-3.4-1.3c-2.4-.9-4.2-2.4-4.2-5.7 0-3.5 2.3-6.1 6.6-6.1 5.5 0 6.4 3.6 6.4 5.9 0 .3 0 .7-.1 1.1l-3.4.1c0-.2.1-.5.1-.7 0-1.7-.6-3.2-3-3.2-2.1 0-3 1.2-3 2.8 0 1.7.9 2.5 2.2 2.9l3.5 1.3c2.6 1 4.3 2.6 4.3 5.8 0 3.6-2.4 6.1-7 6.1-5.9 0-6.8-3.9-6.8-6.5 0-.3 0-.6.1-1l3.3-.1z\" /></g></svg></span><h2 class=\"tna-heading-m tna-footer__title\" itemprop=\"name\" translate=\"no\">The National Archives</h2><address class=\"tna-footer__address\" translate=\"no\" itemprop=\"address\" itemscope itemtype=\"https://schema.org/PostalAddress\"><meta itemprop=\"streetAddress\" content=\"Bessant Drive\"><span itemprop=\"addressLocality\">Kew</span>, <span itemprop=\"addressRegion\">Richmond</span><br><span itemprop=\"postalCode\">TW9 4DU</span><meta itemprop=\"addressCountry\" content=\"GB\"></address><meta itemprop=\"foundingDate\" content=\"2003-04\"><div itemprop=\"parentOrganization\" itemscope itemtype=\"https://schema.org/Organization\"><meta itemprop=\"name\" content=\"Department for Culture, Media and Sport\"><meta itemprop=\"url\" content=\"https://gov.uk/dcms\"></div><h3 class=\"tna-!--visually-hidden\">Follow us on social media</h3><nav class=\"tna-footer__social\" aria-label=\"Social\"><ul class=\"tna-ul tna-ul--plain tna-footer__social-items\"><li class=\"tna-footer__social-item\"><a href=\"https://twitter.com/UKNatArchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives X feed (formerly known as Twitter)\" title=\"The National Archives X feed (formerly known as Twitter)\" data-name=\"twitter\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z\" /></svg><span class=\"tna-footer__social-item-link-text\">X (formerly Twitter)</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.youtube.com/c/TheNationalArchivesUK\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives YouTube channel\" title=\"The National Archives YouTube channel\" data-name=\"youtube\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z\" /></svg><span class=\"tna-footer__social-item-link-text\">YouTube</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.facebook.com/TheNationalArchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Facebook page\" title=\"The National Archives Facebook page\" data-name=\"facebook\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 440 146.7 540.8 258.2 568.5L258.2 398.2L205.4 398.2L205.4 320L258.2 320L258.2 286.3C258.2 199.2 297.6 158.8 383.2 158.8C399.4 158.8 427.4 162 438.9 165.2L438.9 236C432.9 235.4 422.4 235 409.3 235C367.3 235 351.1 250.9 351.1 292.2L351.1 320L434.7 320L420.3 398.2L351 398.2L351 574.1C477.8 558.8 576 450.9 576 320z\" /></svg><span class=\"tna-footer__social-item-link-text\">Facebook</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.flickr.com/photos/nationalarchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Flickr feed\" title=\"The National Archives Flickr feed\" data-name=\"flickr\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M496 96L144 96C117.5 96 96 117.5 96 144L96 496C96 522.5 117.5 544 144 544L496 544C522.5 544 544 522.5 544 496L544 144C544 117.5 522.5 96 496 96zM240.5 256C275.6 256 304 284.4 304 319.5C304 354.6 275.6 383 240.5 383C205.4 383 177 354.6 177 319.5C177 284.4 205.4 256 240.5 256zM399.5 256C434.6 256 463 284.4 463 319.5C463 354.6 434.6 383 399.5 383C364.4 383 336 354.6 336 319.5C336 284.4 364.4 256 399.5 256z\" /></svg><span class=\"tna-footer__social-item-link-text\">Flickr</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.instagram.com/nationalarchivesuk/\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Instagram feed\" title=\"The National Archives Instagram feed\" data-name=\"instagram\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z\" /></svg><span class=\"tna-footer__social-item-link-text\">Instagram</span></a></li></ul></nav></div><div class=\"tna-footer__navigation tna-column tna-column--flex-2 tna-column--full-medium tna-column--full-small tna-column--full-tiny tna-columns tna-columns--2 tna-columns--1-tiny\"><nav class=\"tna-footer__navigation-block tna-columns__block\" aria-label=\"Quick links\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Quick links</h3><ul class=\"tna-footer__navigation-block-items tna-ul tna-ul--plain\"><li class=\"tna-footer__navigation-block-item\"><a href=\"/about/\" class=\"tna-footer__navigation-block-item-link\">About us</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/contact-us/\" class=\"tna-footer__navigation-block-item-link\">Contact us</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/about/news/\" class=\"tna-footer__navigation-block-item-link\">News</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/blogs/\" class=\"tna-footer__navigation-block-item-link\">Blogs</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://media.nationalarchives.gov.uk/index.php/category/podcasts-2/\" class=\"tna-footer__navigation-block-item-link\">Podcasts</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://images.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Image library</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/about/press-room/\" class=\"tna-footer__navigation-block-item-link\">Press room</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/about/jobs/\" class=\"tna-footer__navigation-block-item-link\">Jobs</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/contact-us/british-citizenship-services/\" class=\"tna-footer__navigation-block-item-link\">British citizenship services</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/archives-sector/our-archives-sector-role/historical-manuscripts-commission/\" class=\"tna-footer__navigation-block-item-link\">Historical Manuscripts Commission</a></li></ul></nav><nav class=\"tna-footer__navigation-block tna-columns__block\" aria-label=\"Other websites\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Other websites</h3><ul class=\"tna-footer__navigation-block-items tna-ul tna-ul--plain\"><li class=\"tna-footer__navigation-block-item\"><a href=\"/webarchive/\" class=\"tna-footer__navigation-block-item-link\">UK Government Web Archive</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.legislation.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Legislation.gov.uk</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://caselaw.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Find Case Law</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.thegazette.co.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">The Gazette</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.nationalarchivestrust.org.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">The National Archives Trust</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://ftna.org.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">Friends of The National Archives</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://design-system.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">The National Archives Design System</a></li></ul></nav></div><div class=\"tna-column tna-column--flex-1\"><div class=\"tna-footer__mailing-list\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Sign up to our emails</h3><p>Hear about our latest news, stories from the collection and priority booking for events.</p><div class=\"tna-button-group\"><a href=\"https://pages.enews.nationalarchives.gov.uk/pages/subscribe\" class=\"tna-button\" aria-label=\"Subscribe to the National Archives newsletter\" rel=\"noreferrer nofollow noopener\">Subscribe</a></div></div></div></div><div class=\"tna-container\"><h3 class=\"tna-!--visually-hidden\">Legal information</h3><nav class=\"tna-footer__legal tna-column tna-column--full\" aria-label=\"Legal\"><ul class=\"tna-footer__legal-items tna-ul tna-ul--plain\"><li class=\"tna-footer__legal-item\"><a href=\"/help/web-accessibility/\" class=\"tna-footer__legal-item-link\">Accessibility statement</a></li><li class=\"tna-footer__legal-item\"><a href=\"/about/freedom-of-information/\" class=\"tna-footer__legal-item-link\">Freedom of information</a></li><li class=\"tna-footer__legal-item\"><a href=\"/legal/\" class=\"tna-footer__legal-item-link\">Terms and conditions</a></li><li class=\"tna-footer__legal-item\"><a href=\"/legal/privacy-policy/\" class=\"tna-footer__legal-item-link\">Privacy policy</a></li><li class=\"tna-footer__legal-item\"><a href=\"/cookies/\" class=\"tna-footer__legal-item-link\">Cookies</a></li></ul><hr></nav></div><div class=\"tna-container tna-footer__licence\"><div class=\"tna-column tna-column--full-tiny\"><svg class=\"tna-footer__licence-logo\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 483.2 195.7\" width=\"60\" height=\"24\"><title>Open Government Licence</title><path fill=\"currentColor\" d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\" /></svg></div><div class=\"tna-column tna-column--flex-1\"><p>All content is available under the <a href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" class=\"tna-footer__link\">Open Government Licence v3.0</a>, except where otherwise stated</p></div><div class=\"tna-column tna-column--full-small tna-column--full-tiny tna-footer__govuk\"><a href=\"https://www.gov.uk/\" class=\"tna-footer__govuk-link\"><svg aria-hidden=\"true\" class=\"tna-footer__govuk-logotype-crown\" width=\"32\" height=\"30\" focusable=\"false\" viewBox=\"0 0 32 30\" xmlns=\"http://www.w3.org/2000/svg\"><title translate=\"no\">GOV.UK</title><path d=\"M22.6 10.4c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m-5.9 6.7c-.9.4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m10.8-3.7c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s0 2-1 2.4m3.3 4.8c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4M17 4.7l2.3 1.2V2.5l-2.3.7-.2-.2.9-3h-3.4l.9 3-.2.2c-.1.1-2.3-.7-2.3-.7v3.4L15 4.7c.1.1.1.2.2.2l-1.3 4c-.1.2-.1.4-.1.6 0 1.1.8 2 1.9 2.2h.7c1-.2 1.9-1.1 1.9-2.1 0-.2 0-.4-.1-.6l-1.3-4c-.1-.2 0-.2.1-.3m-7.6 5.7c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m-5 3c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s.1 2 1 2.4m-3.2 4.8c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m14.8 11c4.4 0 8.6.3 12.3.8 1.1-4.5 2.4-7 3.7-8.8l-2.5-.9c.2 1.3.3 1.9 0 2.7-.4-.4-.8-1.1-1.1-2.3l-1.2 4c.7-.5 1.3-.8 2-.9-1.1 2.5-2.6 3.1-3.5 3-1.1-.2-1.7-1.2-1.5-2.1.3-1.2 1.5-1.5 2.1-.1 1.1-2.3-.8-3-2-2.3 1.9-1.9 2.1-3.5.6-5.6-2.1 1.6-2.1 3.2-1.2 5.5-1.2-1.4-3.2-.6-2.5 1.6.9-1.4 2.1-.5 1.9.8-.2 1.1-1.7 2.1-3.5 1.9-2.7-.2-2.9-2.1-2.9-3.6.7-.1 1.9.5 2.9 1.9l.4-4.3c-1.1 1.1-2.1 1.4-3.2 1.4.4-1.2 2.1-3 2.1-3h-5.4s1.7 1.9 2.1 3c-1.1 0-2.1-.2-3.2-1.4l.4 4.3c1-1.4 2.2-2 2.9-1.9-.1 1.5-.2 3.4-2.9 3.6-1.9.2-3.4-.8-3.5-1.9-.2-1.3 1-2.2 1.9-.8.7-2.3-1.2-3-2.5-1.6.9-2.2.9-3.9-1.2-5.5-1.5 2-1.3 3.7.6 5.6-1.2-.7-3.1 0-2 2.3.6-1.4 1.8-1.1 2.1.1.2.9-.3 1.9-1.5 2.1-.9.2-2.4-.5-3.5-3 .6 0 1.2.3 2 .9l-1.2-4c-.3 1.1-.7 1.9-1.1 2.3-.3-.8-.2-1.4 0-2.7l-2.9.9C1.3 23 2.6 25.5 3.7 30c3.7-.5 7.9-.8 12.3-.8\" fill=\"currentColor\" fill-rule=\"evenodd\" /></svg>GOV.UK</a></div></div></div></footer>"
+      "html": "<footer class=\"tna-footer\" data-module=\"tna-footer\"><div class=\"tna-footer__inner\"><div class=\"tna-container\"><div class=\"tna-column tna-column--flex-1\" itemscope itemtype=\"https://schema.org/Organization\"><span class=\"tna-logo\"><svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" viewBox=\"0 0 160 160\" width=\"96\" height=\"96\" aria-hidden=\"true\" focusable=\"false\"><path class=\"tna-logo__background\" fill=\"transparent\" d=\"M0 0h160v160H0z\" /><g class=\"tna-logo__foreground\" fill=\"currentColor\"><path d=\"M1.9 107.2h156.3V158H1.9v-50.8zm0-52.7h156.3v50.8H1.9V54.5zm0-52.6h77.2v50.8H1.9V1.9zm79 0h77.2v50.8H80.9V1.9zm0-1.9H0v160h160V0H80.9z\" /><path d=\"M21.3 19.5h-5.4v-3h14.3v3h-5.4v18.4h-3.5zM31.6 16.5H35v9h8.4v-9h3.4v21.4h-3.4v-9.3H35v9.3h-3.4zM50.9 16.5h12.2v3h-8.8v6.1h7.4v3h-7.4v6.3h8.8v3H50.9zM19.7 69.2h3.8l6.4 12.5c.6 1.1 1.1 2.7 1.6 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2H23c.2 1.4.3 3.3.3 5v11.5h-3.5c-.1 0-.1-21.4-.1-21.4zM47.8 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8H45c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zM43 69.2h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6L43 69.2zM57.2 72.3h-5.4v-3.1H66v3.1h-5.4v18.4h-3.4zM67.8 69.2h3.5v21.4h-3.5zM87.5 80c0-5.3-1.7-8-4.8-8-3.2 0-4.8 2.7-4.8 8 0 5.2 1.6 7.9 4.8 7.9 3.2 0 4.8-2.7 4.8-7.9m-13.3 0c0-7 3-11.1 8.5-11.1 5.4 0 8.4 4.1 8.4 11.1 0 6.9-3 11-8.4 11s-8.5-4.1-8.5-11M94.3 69.2H98l6.4 12.5c.6 1.1 1.2 2.7 1.7 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2h-.2c.2 1.4.3 3.3.3 5v11.5h-3.5V69.2zM122.4 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM129.9 69.2h3.5v18.4h8.4v3.1h-11.9zM26.9 135.2l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4H29l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM39.9 132.5c2.5 0 3.4-1.6 3.4-3.9 0-2.2-1-3.8-3.4-3.8h-2.7v7.7h2.7zm-6.1-10.7h6.4c4.5 0 6.7 2.4 6.7 6.6 0 3.1-1.5 5.6-3.7 6.3v.2c1 1.1 4 7.5 4.8 7.9v.5h-3.8c-1-.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5v-21.5zM52.9 132.5c0 5.3 1.9 8 4.8 8s4-2 4-5.2l3.5.1c0 .2.1.4.1.6 0 4.4-2.1 7.5-7.5 7.5-5.2 0-8.5-3.9-8.5-11.1 0-7.1 3.3-11 8.5-11 6.4 0 7.5 4.6 7.5 7.2 0 .3 0 .7-.1.9l-3.5.1c0-3.3-1.2-5.2-4-5.2-2.9.2-4.8 2.9-4.8 8.1M68 121.8h3.5v9.1h8.3v-9.1h3.5v21.5h-3.5v-9.4h-8.3v9.4H68zM87.9 121.8h3.5v21.4h-3.5zM94.2 121.8h3.6l3.2 12.3c.5 1.9.8 3.6 1.1 5.6h.2c.3-2 .6-3.7 1.1-5.6l3.2-12.3h3.6l-6.1 21.4H100l-5.8-21.4zM112.7 121.8H125v3.1h-8.8v6h7.4v3h-7.4v6.3h8.8v3.1h-12.3zM130.4 136c0 .2-.1.5-.1.8 0 1.9.8 3.7 3.4 3.7 2.1 0 3.3-1.2 3.3-2.9 0-1.6-.7-2.4-2.2-3l-3.4-1.3c-2.4-.9-4.2-2.4-4.2-5.7 0-3.5 2.3-6.1 6.6-6.1 5.5 0 6.4 3.6 6.4 5.9 0 .3 0 .7-.1 1.1l-3.4.1c0-.2.1-.5.1-.7 0-1.7-.6-3.2-3-3.2-2.1 0-3 1.2-3 2.8 0 1.7.9 2.5 2.2 2.9l3.5 1.3c2.6 1 4.3 2.6 4.3 5.8 0 3.6-2.4 6.1-7 6.1-5.9 0-6.8-3.9-6.8-6.5 0-.3 0-.6.1-1l3.3-.1z\" /></g></svg></span><h2 class=\"tna-heading-m tna-footer__title\" itemprop=\"name\" translate=\"no\">The National Archives</h2><address class=\"tna-footer__address\" translate=\"no\" itemprop=\"address\" itemscope itemtype=\"https://schema.org/PostalAddress\"><meta itemprop=\"streetAddress\" content=\"Bessant Drive\"><span itemprop=\"addressLocality\">Kew</span>, <span itemprop=\"addressRegion\">Richmond</span><br><span itemprop=\"postalCode\">TW9 4DU</span><meta itemprop=\"addressCountry\" content=\"GB\"></address><meta itemprop=\"foundingDate\" content=\"2003-04\"><div itemprop=\"parentOrganization\" itemscope itemtype=\"https://schema.org/Organization\"><meta itemprop=\"name\" content=\"Department for Culture, Media and Sport\"><meta itemprop=\"url\" content=\"https://gov.uk/dcms\"></div><h3 class=\"tna-!--visually-hidden\">Follow us on social media</h3><nav class=\"tna-footer__social\" aria-label=\"Social\"><ul class=\"tna-ul tna-ul--plain tna-footer__social-items\"><li class=\"tna-footer__social-item\"><a href=\"https://twitter.com/UKNatArchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives X feed (formerly known as Twitter)\" title=\"The National Archives X feed (formerly known as Twitter)\" data-name=\"twitter\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z\" /></svg><span class=\"tna-footer__social-item-link-text\">X (formerly Twitter)</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.youtube.com/c/TheNationalArchivesUK\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives YouTube channel\" title=\"The National Archives YouTube channel\" data-name=\"youtube\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z\" /></svg><span class=\"tna-footer__social-item-link-text\">YouTube</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.facebook.com/TheNationalArchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Facebook page\" title=\"The National Archives Facebook page\" data-name=\"facebook\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 440 146.7 540.8 258.2 568.5L258.2 398.2L205.4 398.2L205.4 320L258.2 320L258.2 286.3C258.2 199.2 297.6 158.8 383.2 158.8C399.4 158.8 427.4 162 438.9 165.2L438.9 236C432.9 235.4 422.4 235 409.3 235C367.3 235 351.1 250.9 351.1 292.2L351.1 320L434.7 320L420.3 398.2L351 398.2L351 574.1C477.8 558.8 576 450.9 576 320z\" /></svg><span class=\"tna-footer__social-item-link-text\">Facebook</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.flickr.com/photos/nationalarchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Flickr feed\" title=\"The National Archives Flickr feed\" data-name=\"flickr\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M496 96L144 96C117.5 96 96 117.5 96 144L96 496C96 522.5 117.5 544 144 544L496 544C522.5 544 544 522.5 544 496L544 144C544 117.5 522.5 96 496 96zM240.5 256C275.6 256 304 284.4 304 319.5C304 354.6 275.6 383 240.5 383C205.4 383 177 354.6 177 319.5C177 284.4 205.4 256 240.5 256zM399.5 256C434.6 256 463 284.4 463 319.5C463 354.6 434.6 383 399.5 383C364.4 383 336 354.6 336 319.5C336 284.4 364.4 256 399.5 256z\" /></svg><span class=\"tna-footer__social-item-link-text\">Flickr</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.instagram.com/nationalarchivesuk/\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Instagram feed\" title=\"The National Archives Instagram feed\" data-name=\"instagram\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z\" /></svg><span class=\"tna-footer__social-item-link-text\">Instagram</span></a></li></ul></nav></div><div class=\"tna-footer__navigation tna-column tna-column--flex-2 tna-column--full-medium tna-column--full-small tna-column--full-tiny tna-columns tna-columns--2 tna-columns--1-tiny\"><nav class=\"tna-footer__navigation-block tna-columns__block\" aria-label=\"Quick links\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Quick links</h3><ul class=\"tna-footer__navigation-block-items tna-ul tna-ul--plain\"><li class=\"tna-footer__navigation-block-item\"><a href=\"/about/\" class=\"tna-footer__navigation-block-item-link\">About us</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/contact-us/\" class=\"tna-footer__navigation-block-item-link\">Contact us</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/news/\" class=\"tna-footer__navigation-block-item-link\">News</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/blogs/\" class=\"tna-footer__navigation-block-item-link\">Blogs</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/explore-the-collection/on-the-record-podcast/\" class=\"tna-footer__navigation-block-item-link\">Podcasts</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://images.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Image library</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/about/press-room/\" class=\"tna-footer__navigation-block-item-link\">Press room</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/about/jobs/\" class=\"tna-footer__navigation-block-item-link\">Jobs</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/contact-us/british-citizenship-services/\" class=\"tna-footer__navigation-block-item-link\">British citizenship services</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"/archives-sector/our-archives-sector-role/historical-manuscripts-commission/\" class=\"tna-footer__navigation-block-item-link\">Historical Manuscripts Commission</a></li></ul></nav><nav class=\"tna-footer__navigation-block tna-columns__block\" aria-label=\"Other websites\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Other websites</h3><ul class=\"tna-footer__navigation-block-items tna-ul tna-ul--plain\"><li class=\"tna-footer__navigation-block-item\"><a href=\"/webarchive/\" class=\"tna-footer__navigation-block-item-link\">UK Government Web Archive</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.legislation.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Legislation.gov.uk</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://caselaw.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Find Case Law</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.thegazette.co.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">The Gazette</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.nationalarchivestrust.org.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">The National Archives Trust</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://ftna.org.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">Friends of The National Archives</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://design-system.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">The National Archives Design System</a></li></ul></nav></div><div class=\"tna-column tna-column--flex-1\"><div class=\"tna-footer__mailing-list\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Sign up to our emails</h3><p>Hear about our latest news, stories from the collection and priority booking for events.</p><div class=\"tna-button-group\"><a href=\"https://pages.enews.nationalarchives.gov.uk/pages/subscribe\" class=\"tna-button\" aria-label=\"Subscribe to the National Archives newsletter\" rel=\"noreferrer nofollow noopener\">Subscribe</a></div></div></div></div><div class=\"tna-container\"><h3 class=\"tna-!--visually-hidden\">Legal information</h3><nav class=\"tna-footer__legal tna-column tna-column--full\" aria-label=\"Legal\"><ul class=\"tna-footer__legal-items tna-ul tna-ul--plain\"><li class=\"tna-footer__legal-item\"><a href=\"/help/web-accessibility/\" class=\"tna-footer__legal-item-link\">Accessibility statement</a></li><li class=\"tna-footer__legal-item\"><a href=\"/freedom-of-information/\" class=\"tna-footer__legal-item-link\">Freedom of information</a></li><li class=\"tna-footer__legal-item\"><a href=\"/legal/\" class=\"tna-footer__legal-item-link\">Terms and conditions</a></li><li class=\"tna-footer__legal-item\"><a href=\"/legal/privacy-policy/\" class=\"tna-footer__legal-item-link\">Privacy policy</a></li><li class=\"tna-footer__legal-item\"><a href=\"/cookies/\" class=\"tna-footer__legal-item-link\">Cookies</a></li></ul><hr></nav></div><div class=\"tna-container tna-footer__licence\"><div class=\"tna-column tna-column--full-tiny\"><svg class=\"tna-footer__licence-logo\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 483.2 195.7\" width=\"60\" height=\"24\"><title>Open Government Licence</title><path fill=\"currentColor\" d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\" /></svg></div><div class=\"tna-column tna-column--flex-1\"><p>All content is available under the <a href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" class=\"tna-footer__link\">Open Government Licence v3.0</a>, except where otherwise stated</p></div><div class=\"tna-column tna-column--full-small tna-column--full-tiny tna-footer__govuk\"><a href=\"https://www.gov.uk/\" class=\"tna-footer__govuk-link\"><svg aria-hidden=\"true\" class=\"tna-footer__govuk-logotype-crown\" width=\"32\" height=\"30\" focusable=\"false\" viewBox=\"0 0 32 30\" xmlns=\"http://www.w3.org/2000/svg\"><title translate=\"no\">GOV.UK</title><path d=\"M22.6 10.4c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m-5.9 6.7c-.9.4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m10.8-3.7c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s0 2-1 2.4m3.3 4.8c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4M17 4.7l2.3 1.2V2.5l-2.3.7-.2-.2.9-3h-3.4l.9 3-.2.2c-.1.1-2.3-.7-2.3-.7v3.4L15 4.7c.1.1.1.2.2.2l-1.3 4c-.1.2-.1.4-.1.6 0 1.1.8 2 1.9 2.2h.7c1-.2 1.9-1.1 1.9-2.1 0-.2 0-.4-.1-.6l-1.3-4c-.1-.2 0-.2.1-.3m-7.6 5.7c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m-5 3c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s.1 2 1 2.4m-3.2 4.8c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m14.8 11c4.4 0 8.6.3 12.3.8 1.1-4.5 2.4-7 3.7-8.8l-2.5-.9c.2 1.3.3 1.9 0 2.7-.4-.4-.8-1.1-1.1-2.3l-1.2 4c.7-.5 1.3-.8 2-.9-1.1 2.5-2.6 3.1-3.5 3-1.1-.2-1.7-1.2-1.5-2.1.3-1.2 1.5-1.5 2.1-.1 1.1-2.3-.8-3-2-2.3 1.9-1.9 2.1-3.5.6-5.6-2.1 1.6-2.1 3.2-1.2 5.5-1.2-1.4-3.2-.6-2.5 1.6.9-1.4 2.1-.5 1.9.8-.2 1.1-1.7 2.1-3.5 1.9-2.7-.2-2.9-2.1-2.9-3.6.7-.1 1.9.5 2.9 1.9l.4-4.3c-1.1 1.1-2.1 1.4-3.2 1.4.4-1.2 2.1-3 2.1-3h-5.4s1.7 1.9 2.1 3c-1.1 0-2.1-.2-3.2-1.4l.4 4.3c1-1.4 2.2-2 2.9-1.9-.1 1.5-.2 3.4-2.9 3.6-1.9.2-3.4-.8-3.5-1.9-.2-1.3 1-2.2 1.9-.8.7-2.3-1.2-3-2.5-1.6.9-2.2.9-3.9-1.2-5.5-1.5 2-1.3 3.7.6 5.6-1.2-.7-3.1 0-2 2.3.6-1.4 1.8-1.1 2.1.1.2.9-.3 1.9-1.5 2.1-.9.2-2.4-.5-3.5-3 .6 0 1.2.3 2 .9l-1.2-4c-.3 1.1-.7 1.9-1.1 2.3-.3-.8-.2-1.4 0-2.7l-2.9.9C1.3 23 2.6 25.5 3.7 30c3.7-.5 7.9-.8 12.3-.8\" fill=\"currentColor\" fill-rule=\"evenodd\" /></svg>GOV.UK</a></div></div></div></footer>"
     },
     {
       "name": "default content with custom base URL",
@@ -19,7 +19,7 @@
         "defaultContent": true,
         "defaultContentBaseURL": "https://dev-www.nationalarchives.gov.uk"
       },
-      "html": "<footer class=\"tna-footer\" data-module=\"tna-footer\"><div class=\"tna-footer__inner\"><div class=\"tna-container\"><div class=\"tna-column tna-column--flex-1\" itemscope itemtype=\"https://schema.org/Organization\"><span class=\"tna-logo\"><svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" viewBox=\"0 0 160 160\" width=\"96\" height=\"96\" aria-hidden=\"true\" focusable=\"false\"><path class=\"tna-logo__background\" fill=\"transparent\" d=\"M0 0h160v160H0z\" /><g class=\"tna-logo__foreground\" fill=\"currentColor\"><path d=\"M1.9 107.2h156.3V158H1.9v-50.8zm0-52.7h156.3v50.8H1.9V54.5zm0-52.6h77.2v50.8H1.9V1.9zm79 0h77.2v50.8H80.9V1.9zm0-1.9H0v160h160V0H80.9z\" /><path d=\"M21.3 19.5h-5.4v-3h14.3v3h-5.4v18.4h-3.5zM31.6 16.5H35v9h8.4v-9h3.4v21.4h-3.4v-9.3H35v9.3h-3.4zM50.9 16.5h12.2v3h-8.8v6.1h7.4v3h-7.4v6.3h8.8v3H50.9zM19.7 69.2h3.8l6.4 12.5c.6 1.1 1.1 2.7 1.6 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2H23c.2 1.4.3 3.3.3 5v11.5h-3.5c-.1 0-.1-21.4-.1-21.4zM47.8 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8H45c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zM43 69.2h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6L43 69.2zM57.2 72.3h-5.4v-3.1H66v3.1h-5.4v18.4h-3.4zM67.8 69.2h3.5v21.4h-3.5zM87.5 80c0-5.3-1.7-8-4.8-8-3.2 0-4.8 2.7-4.8 8 0 5.2 1.6 7.9 4.8 7.9 3.2 0 4.8-2.7 4.8-7.9m-13.3 0c0-7 3-11.1 8.5-11.1 5.4 0 8.4 4.1 8.4 11.1 0 6.9-3 11-8.4 11s-8.5-4.1-8.5-11M94.3 69.2H98l6.4 12.5c.6 1.1 1.2 2.7 1.7 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2h-.2c.2 1.4.3 3.3.3 5v11.5h-3.5V69.2zM122.4 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM129.9 69.2h3.5v18.4h8.4v3.1h-11.9zM26.9 135.2l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4H29l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM39.9 132.5c2.5 0 3.4-1.6 3.4-3.9 0-2.2-1-3.8-3.4-3.8h-2.7v7.7h2.7zm-6.1-10.7h6.4c4.5 0 6.7 2.4 6.7 6.6 0 3.1-1.5 5.6-3.7 6.3v.2c1 1.1 4 7.5 4.8 7.9v.5h-3.8c-1-.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5v-21.5zM52.9 132.5c0 5.3 1.9 8 4.8 8s4-2 4-5.2l3.5.1c0 .2.1.4.1.6 0 4.4-2.1 7.5-7.5 7.5-5.2 0-8.5-3.9-8.5-11.1 0-7.1 3.3-11 8.5-11 6.4 0 7.5 4.6 7.5 7.2 0 .3 0 .7-.1.9l-3.5.1c0-3.3-1.2-5.2-4-5.2-2.9.2-4.8 2.9-4.8 8.1M68 121.8h3.5v9.1h8.3v-9.1h3.5v21.5h-3.5v-9.4h-8.3v9.4H68zM87.9 121.8h3.5v21.4h-3.5zM94.2 121.8h3.6l3.2 12.3c.5 1.9.8 3.6 1.1 5.6h.2c.3-2 .6-3.7 1.1-5.6l3.2-12.3h3.6l-6.1 21.4H100l-5.8-21.4zM112.7 121.8H125v3.1h-8.8v6h7.4v3h-7.4v6.3h8.8v3.1h-12.3zM130.4 136c0 .2-.1.5-.1.8 0 1.9.8 3.7 3.4 3.7 2.1 0 3.3-1.2 3.3-2.9 0-1.6-.7-2.4-2.2-3l-3.4-1.3c-2.4-.9-4.2-2.4-4.2-5.7 0-3.5 2.3-6.1 6.6-6.1 5.5 0 6.4 3.6 6.4 5.9 0 .3 0 .7-.1 1.1l-3.4.1c0-.2.1-.5.1-.7 0-1.7-.6-3.2-3-3.2-2.1 0-3 1.2-3 2.8 0 1.7.9 2.5 2.2 2.9l3.5 1.3c2.6 1 4.3 2.6 4.3 5.8 0 3.6-2.4 6.1-7 6.1-5.9 0-6.8-3.9-6.8-6.5 0-.3 0-.6.1-1l3.3-.1z\" /></g></svg></span><h2 class=\"tna-heading-m tna-footer__title\" itemprop=\"name\" translate=\"no\">The National Archives</h2><address class=\"tna-footer__address\" translate=\"no\" itemprop=\"address\" itemscope itemtype=\"https://schema.org/PostalAddress\"><meta itemprop=\"streetAddress\" content=\"Bessant Drive\"><span itemprop=\"addressLocality\">Kew</span>, <span itemprop=\"addressRegion\">Richmond</span><br><span itemprop=\"postalCode\">TW9 4DU</span><meta itemprop=\"addressCountry\" content=\"GB\"></address><meta itemprop=\"foundingDate\" content=\"2003-04\"><div itemprop=\"parentOrganization\" itemscope itemtype=\"https://schema.org/Organization\"><meta itemprop=\"name\" content=\"Department for Culture, Media and Sport\"><meta itemprop=\"url\" content=\"https://gov.uk/dcms\"></div><h3 class=\"tna-!--visually-hidden\">Follow us on social media</h3><nav class=\"tna-footer__social\" aria-label=\"Social\"><ul class=\"tna-ul tna-ul--plain tna-footer__social-items\"><li class=\"tna-footer__social-item\"><a href=\"https://twitter.com/UKNatArchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives X feed (formerly known as Twitter)\" title=\"The National Archives X feed (formerly known as Twitter)\" data-name=\"twitter\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z\" /></svg><span class=\"tna-footer__social-item-link-text\">X (formerly Twitter)</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.youtube.com/c/TheNationalArchivesUK\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives YouTube channel\" title=\"The National Archives YouTube channel\" data-name=\"youtube\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z\" /></svg><span class=\"tna-footer__social-item-link-text\">YouTube</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.facebook.com/TheNationalArchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Facebook page\" title=\"The National Archives Facebook page\" data-name=\"facebook\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 440 146.7 540.8 258.2 568.5L258.2 398.2L205.4 398.2L205.4 320L258.2 320L258.2 286.3C258.2 199.2 297.6 158.8 383.2 158.8C399.4 158.8 427.4 162 438.9 165.2L438.9 236C432.9 235.4 422.4 235 409.3 235C367.3 235 351.1 250.9 351.1 292.2L351.1 320L434.7 320L420.3 398.2L351 398.2L351 574.1C477.8 558.8 576 450.9 576 320z\" /></svg><span class=\"tna-footer__social-item-link-text\">Facebook</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.flickr.com/photos/nationalarchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Flickr feed\" title=\"The National Archives Flickr feed\" data-name=\"flickr\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M496 96L144 96C117.5 96 96 117.5 96 144L96 496C96 522.5 117.5 544 144 544L496 544C522.5 544 544 522.5 544 496L544 144C544 117.5 522.5 96 496 96zM240.5 256C275.6 256 304 284.4 304 319.5C304 354.6 275.6 383 240.5 383C205.4 383 177 354.6 177 319.5C177 284.4 205.4 256 240.5 256zM399.5 256C434.6 256 463 284.4 463 319.5C463 354.6 434.6 383 399.5 383C364.4 383 336 354.6 336 319.5C336 284.4 364.4 256 399.5 256z\" /></svg><span class=\"tna-footer__social-item-link-text\">Flickr</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.instagram.com/nationalarchivesuk/\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Instagram feed\" title=\"The National Archives Instagram feed\" data-name=\"instagram\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z\" /></svg><span class=\"tna-footer__social-item-link-text\">Instagram</span></a></li></ul></nav></div><div class=\"tna-footer__navigation tna-column tna-column--flex-2 tna-column--full-medium tna-column--full-small tna-column--full-tiny tna-columns tna-columns--2 tna-columns--1-tiny\"><nav class=\"tna-footer__navigation-block tna-columns__block\" aria-label=\"Quick links\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Quick links</h3><ul class=\"tna-footer__navigation-block-items tna-ul tna-ul--plain\"><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/about/\" class=\"tna-footer__navigation-block-item-link\">About us</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/contact-us/\" class=\"tna-footer__navigation-block-item-link\">Contact us</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/about/news/\" class=\"tna-footer__navigation-block-item-link\">News</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/blogs/\" class=\"tna-footer__navigation-block-item-link\">Blogs</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://media.nationalarchives.gov.uk/index.php/category/podcasts-2/\" class=\"tna-footer__navigation-block-item-link\">Podcasts</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://images.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Image library</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/about/press-room/\" class=\"tna-footer__navigation-block-item-link\">Press room</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/about/jobs/\" class=\"tna-footer__navigation-block-item-link\">Jobs</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/contact-us/british-citizenship-services/\" class=\"tna-footer__navigation-block-item-link\">British citizenship services</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/archives-sector/our-archives-sector-role/historical-manuscripts-commission/\" class=\"tna-footer__navigation-block-item-link\">Historical Manuscripts Commission</a></li></ul></nav><nav class=\"tna-footer__navigation-block tna-columns__block\" aria-label=\"Other websites\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Other websites</h3><ul class=\"tna-footer__navigation-block-items tna-ul tna-ul--plain\"><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/webarchive/\" class=\"tna-footer__navigation-block-item-link\">UK Government Web Archive</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.legislation.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Legislation.gov.uk</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://caselaw.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Find Case Law</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.thegazette.co.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">The Gazette</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.nationalarchivestrust.org.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">The National Archives Trust</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://ftna.org.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">Friends of The National Archives</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://design-system.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">The National Archives Design System</a></li></ul></nav></div><div class=\"tna-column tna-column--flex-1\"><div class=\"tna-footer__mailing-list\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Sign up to our emails</h3><p>Hear about our latest news, stories from the collection and priority booking for events.</p><div class=\"tna-button-group\"><a href=\"https://pages.enews.nationalarchives.gov.uk/pages/subscribe\" class=\"tna-button\" aria-label=\"Subscribe to the National Archives newsletter\" rel=\"noreferrer nofollow noopener\">Subscribe</a></div></div></div></div><div class=\"tna-container\"><h3 class=\"tna-!--visually-hidden\">Legal information</h3><nav class=\"tna-footer__legal tna-column tna-column--full\" aria-label=\"Legal\"><ul class=\"tna-footer__legal-items tna-ul tna-ul--plain\"><li class=\"tna-footer__legal-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/help/web-accessibility/\" class=\"tna-footer__legal-item-link\">Accessibility statement</a></li><li class=\"tna-footer__legal-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/about/freedom-of-information/\" class=\"tna-footer__legal-item-link\">Freedom of information</a></li><li class=\"tna-footer__legal-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/legal/\" class=\"tna-footer__legal-item-link\">Terms and conditions</a></li><li class=\"tna-footer__legal-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/legal/privacy-policy/\" class=\"tna-footer__legal-item-link\">Privacy policy</a></li><li class=\"tna-footer__legal-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/cookies/\" class=\"tna-footer__legal-item-link\">Cookies</a></li></ul><hr></nav></div><div class=\"tna-container tna-footer__licence\"><div class=\"tna-column tna-column--full-tiny\"><svg class=\"tna-footer__licence-logo\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 483.2 195.7\" width=\"60\" height=\"24\"><title>Open Government Licence</title><path fill=\"currentColor\" d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\" /></svg></div><div class=\"tna-column tna-column--flex-1\"><p>All content is available under the <a href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" class=\"tna-footer__link\">Open Government Licence v3.0</a>, except where otherwise stated</p></div><div class=\"tna-column tna-column--full-small tna-column--full-tiny tna-footer__govuk\"><a href=\"https://www.gov.uk/\" class=\"tna-footer__govuk-link\"><svg aria-hidden=\"true\" class=\"tna-footer__govuk-logotype-crown\" width=\"32\" height=\"30\" focusable=\"false\" viewBox=\"0 0 32 30\" xmlns=\"http://www.w3.org/2000/svg\"><title translate=\"no\">GOV.UK</title><path d=\"M22.6 10.4c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m-5.9 6.7c-.9.4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m10.8-3.7c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s0 2-1 2.4m3.3 4.8c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4M17 4.7l2.3 1.2V2.5l-2.3.7-.2-.2.9-3h-3.4l.9 3-.2.2c-.1.1-2.3-.7-2.3-.7v3.4L15 4.7c.1.1.1.2.2.2l-1.3 4c-.1.2-.1.4-.1.6 0 1.1.8 2 1.9 2.2h.7c1-.2 1.9-1.1 1.9-2.1 0-.2 0-.4-.1-.6l-1.3-4c-.1-.2 0-.2.1-.3m-7.6 5.7c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m-5 3c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s.1 2 1 2.4m-3.2 4.8c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m14.8 11c4.4 0 8.6.3 12.3.8 1.1-4.5 2.4-7 3.7-8.8l-2.5-.9c.2 1.3.3 1.9 0 2.7-.4-.4-.8-1.1-1.1-2.3l-1.2 4c.7-.5 1.3-.8 2-.9-1.1 2.5-2.6 3.1-3.5 3-1.1-.2-1.7-1.2-1.5-2.1.3-1.2 1.5-1.5 2.1-.1 1.1-2.3-.8-3-2-2.3 1.9-1.9 2.1-3.5.6-5.6-2.1 1.6-2.1 3.2-1.2 5.5-1.2-1.4-3.2-.6-2.5 1.6.9-1.4 2.1-.5 1.9.8-.2 1.1-1.7 2.1-3.5 1.9-2.7-.2-2.9-2.1-2.9-3.6.7-.1 1.9.5 2.9 1.9l.4-4.3c-1.1 1.1-2.1 1.4-3.2 1.4.4-1.2 2.1-3 2.1-3h-5.4s1.7 1.9 2.1 3c-1.1 0-2.1-.2-3.2-1.4l.4 4.3c1-1.4 2.2-2 2.9-1.9-.1 1.5-.2 3.4-2.9 3.6-1.9.2-3.4-.8-3.5-1.9-.2-1.3 1-2.2 1.9-.8.7-2.3-1.2-3-2.5-1.6.9-2.2.9-3.9-1.2-5.5-1.5 2-1.3 3.7.6 5.6-1.2-.7-3.1 0-2 2.3.6-1.4 1.8-1.1 2.1.1.2.9-.3 1.9-1.5 2.1-.9.2-2.4-.5-3.5-3 .6 0 1.2.3 2 .9l-1.2-4c-.3 1.1-.7 1.9-1.1 2.3-.3-.8-.2-1.4 0-2.7l-2.9.9C1.3 23 2.6 25.5 3.7 30c3.7-.5 7.9-.8 12.3-.8\" fill=\"currentColor\" fill-rule=\"evenodd\" /></svg>GOV.UK</a></div></div></div></footer>"
+      "html": "<footer class=\"tna-footer\" data-module=\"tna-footer\"><div class=\"tna-footer__inner\"><div class=\"tna-container\"><div class=\"tna-column tna-column--flex-1\" itemscope itemtype=\"https://schema.org/Organization\"><span class=\"tna-logo\"><svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" viewBox=\"0 0 160 160\" width=\"96\" height=\"96\" aria-hidden=\"true\" focusable=\"false\"><path class=\"tna-logo__background\" fill=\"transparent\" d=\"M0 0h160v160H0z\" /><g class=\"tna-logo__foreground\" fill=\"currentColor\"><path d=\"M1.9 107.2h156.3V158H1.9v-50.8zm0-52.7h156.3v50.8H1.9V54.5zm0-52.6h77.2v50.8H1.9V1.9zm79 0h77.2v50.8H80.9V1.9zm0-1.9H0v160h160V0H80.9z\" /><path d=\"M21.3 19.5h-5.4v-3h14.3v3h-5.4v18.4h-3.5zM31.6 16.5H35v9h8.4v-9h3.4v21.4h-3.4v-9.3H35v9.3h-3.4zM50.9 16.5h12.2v3h-8.8v6.1h7.4v3h-7.4v6.3h8.8v3H50.9zM19.7 69.2h3.8l6.4 12.5c.6 1.1 1.1 2.7 1.6 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2H23c.2 1.4.3 3.3.3 5v11.5h-3.5c-.1 0-.1-21.4-.1-21.4zM47.8 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8H45c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zM43 69.2h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6L43 69.2zM57.2 72.3h-5.4v-3.1H66v3.1h-5.4v18.4h-3.4zM67.8 69.2h3.5v21.4h-3.5zM87.5 80c0-5.3-1.7-8-4.8-8-3.2 0-4.8 2.7-4.8 8 0 5.2 1.6 7.9 4.8 7.9 3.2 0 4.8-2.7 4.8-7.9m-13.3 0c0-7 3-11.1 8.5-11.1 5.4 0 8.4 4.1 8.4 11.1 0 6.9-3 11-8.4 11s-8.5-4.1-8.5-11M94.3 69.2H98l6.4 12.5c.6 1.1 1.2 2.7 1.7 4h.2c-.2-1.7-.3-3.6-.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3c-.7-1.4-1.2-2.7-1.7-4.2h-.2c.2 1.4.3 3.3.3 5v11.5h-3.5V69.2zM122.4 82.6l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4h-3.5l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM129.9 69.2h3.5v18.4h8.4v3.1h-11.9zM26.9 135.2l-1.7-6.3c-.3-1.1-.6-2.2-.9-3.8h-.2c-.3 1.6-.5 2.6-.8 3.8l-1.7 6.3h5.3zm-4.8-13.4h4.2l6.2 21.4H29l-1.5-5.2h-6.6l-1.4 5.2h-3.6l6.2-21.4zM39.9 132.5c2.5 0 3.4-1.6 3.4-3.9 0-2.2-1-3.8-3.4-3.8h-2.7v7.7h2.7zm-6.1-10.7h6.4c4.5 0 6.7 2.4 6.7 6.6 0 3.1-1.5 5.6-3.7 6.3v.2c1 1.1 4 7.5 4.8 7.9v.5h-3.8c-1-.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5v-21.5zM52.9 132.5c0 5.3 1.9 8 4.8 8s4-2 4-5.2l3.5.1c0 .2.1.4.1.6 0 4.4-2.1 7.5-7.5 7.5-5.2 0-8.5-3.9-8.5-11.1 0-7.1 3.3-11 8.5-11 6.4 0 7.5 4.6 7.5 7.2 0 .3 0 .7-.1.9l-3.5.1c0-3.3-1.2-5.2-4-5.2-2.9.2-4.8 2.9-4.8 8.1M68 121.8h3.5v9.1h8.3v-9.1h3.5v21.5h-3.5v-9.4h-8.3v9.4H68zM87.9 121.8h3.5v21.4h-3.5zM94.2 121.8h3.6l3.2 12.3c.5 1.9.8 3.6 1.1 5.6h.2c.3-2 .6-3.7 1.1-5.6l3.2-12.3h3.6l-6.1 21.4H100l-5.8-21.4zM112.7 121.8H125v3.1h-8.8v6h7.4v3h-7.4v6.3h8.8v3.1h-12.3zM130.4 136c0 .2-.1.5-.1.8 0 1.9.8 3.7 3.4 3.7 2.1 0 3.3-1.2 3.3-2.9 0-1.6-.7-2.4-2.2-3l-3.4-1.3c-2.4-.9-4.2-2.4-4.2-5.7 0-3.5 2.3-6.1 6.6-6.1 5.5 0 6.4 3.6 6.4 5.9 0 .3 0 .7-.1 1.1l-3.4.1c0-.2.1-.5.1-.7 0-1.7-.6-3.2-3-3.2-2.1 0-3 1.2-3 2.8 0 1.7.9 2.5 2.2 2.9l3.5 1.3c2.6 1 4.3 2.6 4.3 5.8 0 3.6-2.4 6.1-7 6.1-5.9 0-6.8-3.9-6.8-6.5 0-.3 0-.6.1-1l3.3-.1z\" /></g></svg></span><h2 class=\"tna-heading-m tna-footer__title\" itemprop=\"name\" translate=\"no\">The National Archives</h2><address class=\"tna-footer__address\" translate=\"no\" itemprop=\"address\" itemscope itemtype=\"https://schema.org/PostalAddress\"><meta itemprop=\"streetAddress\" content=\"Bessant Drive\"><span itemprop=\"addressLocality\">Kew</span>, <span itemprop=\"addressRegion\">Richmond</span><br><span itemprop=\"postalCode\">TW9 4DU</span><meta itemprop=\"addressCountry\" content=\"GB\"></address><meta itemprop=\"foundingDate\" content=\"2003-04\"><div itemprop=\"parentOrganization\" itemscope itemtype=\"https://schema.org/Organization\"><meta itemprop=\"name\" content=\"Department for Culture, Media and Sport\"><meta itemprop=\"url\" content=\"https://gov.uk/dcms\"></div><h3 class=\"tna-!--visually-hidden\">Follow us on social media</h3><nav class=\"tna-footer__social\" aria-label=\"Social\"><ul class=\"tna-ul tna-ul--plain tna-footer__social-items\"><li class=\"tna-footer__social-item\"><a href=\"https://twitter.com/UKNatArchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives X feed (formerly known as Twitter)\" title=\"The National Archives X feed (formerly known as Twitter)\" data-name=\"twitter\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z\" /></svg><span class=\"tna-footer__social-item-link-text\">X (formerly Twitter)</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.youtube.com/c/TheNationalArchivesUK\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives YouTube channel\" title=\"The National Archives YouTube channel\" data-name=\"youtube\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z\" /></svg><span class=\"tna-footer__social-item-link-text\">YouTube</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.facebook.com/TheNationalArchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Facebook page\" title=\"The National Archives Facebook page\" data-name=\"facebook\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 440 146.7 540.8 258.2 568.5L258.2 398.2L205.4 398.2L205.4 320L258.2 320L258.2 286.3C258.2 199.2 297.6 158.8 383.2 158.8C399.4 158.8 427.4 162 438.9 165.2L438.9 236C432.9 235.4 422.4 235 409.3 235C367.3 235 351.1 250.9 351.1 292.2L351.1 320L434.7 320L420.3 398.2L351 398.2L351 574.1C477.8 558.8 576 450.9 576 320z\" /></svg><span class=\"tna-footer__social-item-link-text\">Facebook</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.flickr.com/photos/nationalarchives\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Flickr feed\" title=\"The National Archives Flickr feed\" data-name=\"flickr\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M496 96L144 96C117.5 96 96 117.5 96 144L96 496C96 522.5 117.5 544 144 544L496 544C522.5 544 544 522.5 544 496L544 144C544 117.5 522.5 96 496 96zM240.5 256C275.6 256 304 284.4 304 319.5C304 354.6 275.6 383 240.5 383C205.4 383 177 354.6 177 319.5C177 284.4 205.4 256 240.5 256zM399.5 256C434.6 256 463 284.4 463 319.5C463 354.6 434.6 383 399.5 383C364.4 383 336 354.6 336 319.5C336 284.4 364.4 256 399.5 256z\" /></svg><span class=\"tna-footer__social-item-link-text\">Flickr</span></a></li><li class=\"tna-footer__social-item\"><a href=\"https://www.instagram.com/nationalarchivesuk/\" class=\"tna-footer__social-item-link\" aria-label=\"The National Archives Instagram feed\" title=\"The National Archives Instagram feed\" data-name=\"instagram\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" height=\"32\" aria-hidden=\"true\" focusable=\"false\"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z\" /></svg><span class=\"tna-footer__social-item-link-text\">Instagram</span></a></li></ul></nav></div><div class=\"tna-footer__navigation tna-column tna-column--flex-2 tna-column--full-medium tna-column--full-small tna-column--full-tiny tna-columns tna-columns--2 tna-columns--1-tiny\"><nav class=\"tna-footer__navigation-block tna-columns__block\" aria-label=\"Quick links\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Quick links</h3><ul class=\"tna-footer__navigation-block-items tna-ul tna-ul--plain\"><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/about/\" class=\"tna-footer__navigation-block-item-link\">About us</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/contact-us/\" class=\"tna-footer__navigation-block-item-link\">Contact us</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/news/\" class=\"tna-footer__navigation-block-item-link\">News</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/blogs/\" class=\"tna-footer__navigation-block-item-link\">Blogs</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/explore-the-collection/on-the-record-podcast/\" class=\"tna-footer__navigation-block-item-link\">Podcasts</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://images.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Image library</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/about/press-room/\" class=\"tna-footer__navigation-block-item-link\">Press room</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/about/jobs/\" class=\"tna-footer__navigation-block-item-link\">Jobs</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/contact-us/british-citizenship-services/\" class=\"tna-footer__navigation-block-item-link\">British citizenship services</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/archives-sector/our-archives-sector-role/historical-manuscripts-commission/\" class=\"tna-footer__navigation-block-item-link\">Historical Manuscripts Commission</a></li></ul></nav><nav class=\"tna-footer__navigation-block tna-columns__block\" aria-label=\"Other websites\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Other websites</h3><ul class=\"tna-footer__navigation-block-items tna-ul tna-ul--plain\"><li class=\"tna-footer__navigation-block-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/webarchive/\" class=\"tna-footer__navigation-block-item-link\">UK Government Web Archive</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.legislation.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Legislation.gov.uk</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://caselaw.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">Find Case Law</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.thegazette.co.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">The Gazette</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://www.nationalarchivestrust.org.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">The National Archives Trust</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://ftna.org.uk/\" class=\"tna-footer__navigation-block-item-link\" rel=\"noreferrer nofollow noopener\">Friends of The National Archives</a></li><li class=\"tna-footer__navigation-block-item\"><a href=\"https://design-system.nationalarchives.gov.uk/\" class=\"tna-footer__navigation-block-item-link\">The National Archives Design System</a></li></ul></nav></div><div class=\"tna-column tna-column--flex-1\"><div class=\"tna-footer__mailing-list\"><h3 class=\"tna-footer__navigation-block-heading tna-heading-m\">Sign up to our emails</h3><p>Hear about our latest news, stories from the collection and priority booking for events.</p><div class=\"tna-button-group\"><a href=\"https://pages.enews.nationalarchives.gov.uk/pages/subscribe\" class=\"tna-button\" aria-label=\"Subscribe to the National Archives newsletter\" rel=\"noreferrer nofollow noopener\">Subscribe</a></div></div></div></div><div class=\"tna-container\"><h3 class=\"tna-!--visually-hidden\">Legal information</h3><nav class=\"tna-footer__legal tna-column tna-column--full\" aria-label=\"Legal\"><ul class=\"tna-footer__legal-items tna-ul tna-ul--plain\"><li class=\"tna-footer__legal-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/help/web-accessibility/\" class=\"tna-footer__legal-item-link\">Accessibility statement</a></li><li class=\"tna-footer__legal-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/freedom-of-information/\" class=\"tna-footer__legal-item-link\">Freedom of information</a></li><li class=\"tna-footer__legal-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/legal/\" class=\"tna-footer__legal-item-link\">Terms and conditions</a></li><li class=\"tna-footer__legal-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/legal/privacy-policy/\" class=\"tna-footer__legal-item-link\">Privacy policy</a></li><li class=\"tna-footer__legal-item\"><a href=\"https://dev-www.nationalarchives.gov.uk/cookies/\" class=\"tna-footer__legal-item-link\">Cookies</a></li></ul><hr></nav></div><div class=\"tna-container tna-footer__licence\"><div class=\"tna-column tna-column--full-tiny\"><svg class=\"tna-footer__licence-logo\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 483.2 195.7\" width=\"60\" height=\"24\"><title>Open Government Licence</title><path fill=\"currentColor\" d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\" /></svg></div><div class=\"tna-column tna-column--flex-1\"><p>All content is available under the <a href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\" class=\"tna-footer__link\">Open Government Licence v3.0</a>, except where otherwise stated</p></div><div class=\"tna-column tna-column--full-small tna-column--full-tiny tna-footer__govuk\"><a href=\"https://www.gov.uk/\" class=\"tna-footer__govuk-link\"><svg aria-hidden=\"true\" class=\"tna-footer__govuk-logotype-crown\" width=\"32\" height=\"30\" focusable=\"false\" viewBox=\"0 0 32 30\" xmlns=\"http://www.w3.org/2000/svg\"><title translate=\"no\">GOV.UK</title><path d=\"M22.6 10.4c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m-5.9 6.7c-.9.4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m10.8-3.7c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s0 2-1 2.4m3.3 4.8c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4M17 4.7l2.3 1.2V2.5l-2.3.7-.2-.2.9-3h-3.4l.9 3-.2.2c-.1.1-2.3-.7-2.3-.7v3.4L15 4.7c.1.1.1.2.2.2l-1.3 4c-.1.2-.1.4-.1.6 0 1.1.8 2 1.9 2.2h.7c1-.2 1.9-1.1 1.9-2.1 0-.2 0-.4-.1-.6l-1.3-4c-.1-.2 0-.2.1-.3m-7.6 5.7c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m-5 3c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s.1 2 1 2.4m-3.2 4.8c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m14.8 11c4.4 0 8.6.3 12.3.8 1.1-4.5 2.4-7 3.7-8.8l-2.5-.9c.2 1.3.3 1.9 0 2.7-.4-.4-.8-1.1-1.1-2.3l-1.2 4c.7-.5 1.3-.8 2-.9-1.1 2.5-2.6 3.1-3.5 3-1.1-.2-1.7-1.2-1.5-2.1.3-1.2 1.5-1.5 2.1-.1 1.1-2.3-.8-3-2-2.3 1.9-1.9 2.1-3.5.6-5.6-2.1 1.6-2.1 3.2-1.2 5.5-1.2-1.4-3.2-.6-2.5 1.6.9-1.4 2.1-.5 1.9.8-.2 1.1-1.7 2.1-3.5 1.9-2.7-.2-2.9-2.1-2.9-3.6.7-.1 1.9.5 2.9 1.9l.4-4.3c-1.1 1.1-2.1 1.4-3.2 1.4.4-1.2 2.1-3 2.1-3h-5.4s1.7 1.9 2.1 3c-1.1 0-2.1-.2-3.2-1.4l.4 4.3c1-1.4 2.2-2 2.9-1.9-.1 1.5-.2 3.4-2.9 3.6-1.9.2-3.4-.8-3.5-1.9-.2-1.3 1-2.2 1.9-.8.7-2.3-1.2-3-2.5-1.6.9-2.2.9-3.9-1.2-5.5-1.5 2-1.3 3.7.6 5.6-1.2-.7-3.1 0-2 2.3.6-1.4 1.8-1.1 2.1.1.2.9-.3 1.9-1.5 2.1-.9.2-2.4-.5-3.5-3 .6 0 1.2.3 2 .9l-1.2-4c-.3 1.1-.7 1.9-1.1 2.3-.3-.8-.2-1.4 0-2.7l-2.9.9C1.3 23 2.6 25.5 3.7 30c3.7-.5 7.9-.8 12.3-.8\" fill=\"currentColor\" fill-rule=\"evenodd\" /></svg>GOV.UK</a></div></div></div></footer>"
     },
     {
       "name": "manually added content",

package/nationalarchives/components/footer/footer.css

@@ -1 +1 @@
-.tna-footer__inner{--background: var(--contrast-background);--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--icon-light: var(--contrast-icon-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);--button-text: var(--contrast-button-text);--button-background: var(--contrast-button-background);--button-hover-text: var(--contrast-button-hover-text);--button-hover-background: var(--contrast-button-hover-background);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}.tna-footer__theme-selector-notice{--background: var(--accent-background-light);--font-base: #343338;--font-dark: rgb(1, 1, 1);--font-light: rgba(1, 1, 1, 0.58);--icon-light: rgba(1, 1, 1, 0.58);--keyline: rgba(38, 38, 42, 0.25);--keyline-dark: rgb(38, 38, 42);--button-text: rgb(255, 255, 255);--button-background: rgb(1, 1, 1);--button-hover-text: rgb(1, 1, 1);--button-hover-background: rgb(255, 255, 255);--accent-border: var(--accent-background);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-footer__theme-selector-notice{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background)}}.tna-template--dark-theme .tna-footer__theme-selector-notice{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background)}.tna-footer__theme-selector-notice{--accent-font-base: rgb(255, 255, 255) !important;--accent-font-dark: rgb(255, 255, 255) !important;--accent-font-light: rgba(255, 255, 255, 0.7) !important;--accent-icon-light: rgba(255, 255, 255, 0.7) !important;--accent-link: rgb(255, 255, 255) !important;--accent-link-visited: rgb(255, 255, 255) !important;--accent-keyline: rgba(255, 255, 255, 0.5) !important;--accent-keyline-dark: rgba(255, 255, 255, 0.8) !important;--button-accented-text: rgb(255, 255, 255) !important}.tna-footer__theme-selector-notice{--accent-background: rgb(0, 76, 126) !important;--accent-background-light: rgb(212, 229, 239) !important;--accent-border: rgb(0, 176, 255) !important;--button-accented-background: rgb(0, 76, 126) !important}.tna-footer__inner{padding-top:1rem;padding-bottom:3rem}.tna-footer__theme-selector .tna-button-group{justify-content:flex-end}@media(forced-colors: active){.tna-footer__theme-selector{display:none}}.tna-footer__theme-selector-button{font-weight:700}.tna-footer__theme-selector-notice{margin-top:0.5rem;margin-bottom:0.25rem;padding:0.5rem 0.75rem;font-size:1rem;line-height:1.5;border-radius:2px;border-left:5px var(--accent-border, rgb(140, 150, 148)) solid}.tna-footer__theme-selector-enable-settings-cookies{appearance:none;line-height:inherit;text-decoration:underline;background:none;border:none;border-radius:.1px;cursor:pointer;color:var(--link, #005fa3)}.tna-footer__theme-selector-enable-settings-cookies:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}.tna-footer .tna-logo{margin-top:2rem}.tna-footer__title{margin-top:1rem;margin-bottom:0;padding-top:0}.tna-footer__meta{margin-top:1rem;font-size:1rem}.tna-footer__social{margin-top:2rem}.tna-footer__social-items{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem 2rem}.tna-footer__social-item-link{display:flex;align-items:center;gap:0.5rem;font-size:1rem;line-height:1.25;text-decoration:none}.tna-footer__social-item-link svg{height:1.5em}.tna-footer__social-item-link svg path{fill:currentColor}.tna-footer__social-item-link:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}.tna-footer__mailing-list{margin-top:2rem;padding:1rem;font-size:1rem;background-color:hsla(0,0%,100%,.14);border-radius:2px}.tna-footer__navigation-block{padding-top:2rem}.tna-footer__navigation-block-item{padding-top:0.375rem;padding-bottom:0.375rem;font-size:1rem;border-bottom:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}.tna-footer__navigation-block-item-link{display:inline-block;text-decoration:none}.tna-footer__navigation-block-item-link:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}.tna-footer__navigation-block-item-link .fa-solid{margin-left:0.75rem}.tna-footer__legal{padding-top:3rem;font-size:1rem}.tna-footer__legal-items{margin-bottom:0;text-align:center}@media(max-width: 30em){.tna-footer__legal-items{text-align:inherit}}.tna-footer__legal-item{padding:0.5rem;display:inline-block}@media(max-width: 30em){.tna-footer__legal-item{display:block}}.tna-footer hr{margin-top:1.5rem;margin-bottom:0.5rem}.tna-footer__licence{font-size:1rem}.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{text-align:center}.tna-footer__govuk-link{display:inline-block}.tna-footer__govuk-logotype-crown{margin:0 auto 0.125rem;display:block}@media(max-width: 48em){.tna-footer__inner{padding-top:0;padding-bottom:2rem}}@media(max-width: 30em){.tna-footer__social-items{flex-direction:column}.tna-footer__social-item-link{font-size:0.875rem}}@media(prefers-contrast: more){.tna-footer__theme-selector{border-bottom:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}}@media(forced-colors: active){.tna-footer{border-top:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-footer__navigation-block-items{border-top:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-footer__mailing-list{background-color:rgba(0,0,0,0);border:1px var(--keyline-dark, rgb(38, 38, 42)) solid}}@media(prefers-contrast: more){.tna-footer{border-top:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-footer__navigation-block-items{border-top:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-footer__mailing-list{background-color:rgba(0,0,0,0);border:1px var(--keyline-dark, rgb(38, 38, 42)) solid}}/*# sourceMappingURL=footer.css.map */
+.tna-footer__inner{--background: var(--contrast-background);--font-base: var(--contrast-font-base);--font-dark: var(--contrast-font-dark);--font-light: var(--contrast-font-light);--icon-light: var(--contrast-icon-light);--link: var(--contrast-link);--link-visited: var(--contrast-link-visited);--keyline: var(--contrast-keyline);--keyline-dark: var(--contrast-keyline-dark);--button-text: var(--contrast-button-text);--button-background: var(--contrast-button-background);--button-hover-text: var(--contrast-button-hover-text);--button-hover-background: var(--contrast-button-hover-background);--accent-border: var(--accent-border-bright);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}.tna-footer__theme-selector-notice{--background: var(--accent-background-light);--font-base: #343338;--font-dark: rgb(1, 1, 1);--font-light: rgba(1, 1, 1, 0.58);--icon-light: rgba(1, 1, 1, 0.58);--keyline: rgba(38, 38, 42, 0.25);--keyline-dark: rgb(38, 38, 42);--button-text: rgb(255, 255, 255);--button-background: rgb(1, 1, 1);--button-hover-text: rgb(1, 1, 1);--button-hover-background: rgb(255, 255, 255);--accent-border: var(--accent-background);background-color:var(--background, #f4f4f4);color:var(--font-base, #343338)}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-footer__theme-selector-notice{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background)}}.tna-template--dark-theme .tna-footer__theme-selector-notice{--background: var(--accent-background);--font-base: var(--accent-font-base);--font-dark: var(--accent-font-dark);--font-light: var(--accent-font-light);--icon-light: var(--accent-icon-light);--link: var(--accent-link);--link-visited: var(--accent-link);--keyline: var(--accent-keyline);--keyline-dark: var(--accent-keyline-dark);--accent-border: var(--accent-font-dark);--button-text: var(--accent-button-text);--button-background: var(--accent-button-background);--button-hover-text: var(--accent-button-hover-text);--button-hover-background: var(--accent-button-hover-background)}.tna-footer__theme-selector-notice{--accent-font-base: rgb(255, 255, 255) !important;--accent-font-dark: rgb(255, 255, 255) !important;--accent-font-light: rgba(255, 255, 255, 0.7) !important;--accent-icon-light: rgba(255, 255, 255, 0.7) !important;--accent-link: rgb(255, 255, 255) !important;--accent-link-visited: rgb(255, 255, 255) !important;--accent-keyline: rgba(255, 255, 255, 0.5) !important;--accent-keyline-dark: rgba(255, 255, 255, 0.8) !important;--button-accented-text: rgb(255, 255, 255) !important}.tna-footer__theme-selector-notice{--accent-background: rgb(0, 76, 126) !important;--accent-background-light: rgb(212, 229, 239) !important;--accent-border: rgb(0, 76, 126) !important;--accent-border-bright: rgb(0, 176, 255) !important;--button-accented-background: rgb(0, 76, 126) !important}.tna-footer__inner{padding-top:1rem;padding-bottom:3rem}.tna-footer__theme-selector .tna-button-group{justify-content:flex-end}@media(forced-colors: active){.tna-footer__theme-selector{display:none}}.tna-footer__theme-selector-button{font-weight:700}.tna-footer__theme-selector-notice{margin-top:0.5rem;margin-bottom:0.25rem;padding:0.5rem 0.75rem;font-size:1rem;line-height:1.5;border-radius:2px;border-left:5px var(--accent-border, rgb(140, 150, 148)) solid}.tna-footer__theme-selector-enable-settings-cookies{appearance:none;line-height:inherit;text-decoration:underline;background:none;border:none;border-radius:.1px;cursor:pointer;color:var(--link, #005fa3)}.tna-footer__theme-selector-enable-settings-cookies:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}.tna-footer .tna-logo{margin-top:2rem}.tna-footer__title{margin-top:1rem;margin-bottom:0;padding-top:0}.tna-footer__meta{margin-top:1rem;font-size:1rem}.tna-footer__social{margin-top:2rem}.tna-footer__social-items{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem 2rem}.tna-footer__social-item-link{display:flex;align-items:center;gap:0.5rem;font-size:1rem;line-height:1.25;text-decoration:none}.tna-footer__social-item-link svg{height:1.5em}.tna-footer__social-item-link svg path{fill:currentColor}.tna-footer__social-item-link:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}.tna-footer__mailing-list{margin-top:2rem;padding:1rem;font-size:1rem;background-color:hsla(0,0%,100%,.14);border-radius:2px}.tna-footer__navigation-block{padding-top:2rem}.tna-footer__navigation-block-item{padding-top:0.375rem;padding-bottom:0.375rem;font-size:1rem;border-bottom:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}.tna-footer__navigation-block-item-link{display:inline-block;text-decoration:none}.tna-footer__navigation-block-item-link:hover{text-decoration:underline;text-decoration-thickness:0.25rem;text-underline-offset:.125em}.tna-footer__navigation-block-item-link .fa-solid{margin-left:0.75rem}.tna-footer__legal{padding-top:3rem;font-size:1rem}.tna-footer__legal-items{margin-bottom:0;text-align:center}@media(max-width: 30em){.tna-footer__legal-items{text-align:inherit}}.tna-footer__legal-item{padding:0.5rem;display:inline-block}@media(max-width: 30em){.tna-footer__legal-item{display:block}}.tna-footer hr{margin-top:1.5rem;margin-bottom:0.5rem}.tna-footer__licence{font-size:1rem}.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{text-align:center}.tna-footer__govuk-link{display:inline-block}.tna-footer__govuk-logotype-crown{margin:0 auto 0.125rem;display:block}@media(max-width: 48em){.tna-footer__inner{padding-top:0;padding-bottom:2rem}}@media(max-width: 30em){.tna-footer__social-items{flex-direction:column}.tna-footer__social-item-link{font-size:0.875rem}}@media(prefers-contrast: more){.tna-footer__theme-selector{border-bottom:1px var(--keyline, rgba(38, 38, 42, 0.25)) solid}}@media(forced-colors: active){.tna-footer{border-top:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-footer__navigation-block-items{border-top:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-footer__mailing-list{background-color:rgba(0,0,0,0);border:1px var(--keyline-dark, rgb(38, 38, 42)) solid}}@media(prefers-contrast: more){.tna-footer{border-top:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-footer__navigation-block-items{border-top:5px var(--keyline-dark, rgb(38, 38, 42)) solid}.tna-footer__mailing-list{background-color:rgba(0,0,0,0);border:1px var(--keyline-dark, rgb(38, 38, 42)) solid}}/*# sourceMappingURL=footer.css.map */