@nationalarchives/frontend 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/nationalarchives/all.css +1 -1
  2. package/nationalarchives/all.css.map +1 -1
  3. package/nationalarchives/all.js +1 -1
  4. package/nationalarchives/all.js.map +1 -1
  5. package/nationalarchives/analytics.js +1 -1
  6. package/nationalarchives/analytics.js.map +1 -1
  7. package/nationalarchives/analytics.mjs +1 -1
  8. package/nationalarchives/components/accordion/accordion.css +1 -1
  9. package/nationalarchives/components/accordion/accordion.css.map +1 -1
  10. package/nationalarchives/components/accordion/accordion.js +1 -1
  11. package/nationalarchives/components/accordion/accordion.js.map +1 -1
  12. package/nationalarchives/components/accordion/accordion.mjs +1 -4
  13. package/nationalarchives/components/accordion/accordion.scss +4 -0
  14. package/nationalarchives/components/breadcrumbs/breadcrumbs.css.map +1 -1
  15. package/nationalarchives/components/breadcrumbs/breadcrumbs.js +1 -1
  16. package/nationalarchives/components/breadcrumbs/breadcrumbs.js.map +1 -1
  17. package/nationalarchives/components/button/button.css.map +1 -1
  18. package/nationalarchives/components/card/card.css +1 -1
  19. package/nationalarchives/components/card/card.css.map +1 -1
  20. package/nationalarchives/components/card/card.scss +13 -3
  21. package/nationalarchives/components/card/fixtures.json +74 -26
  22. package/nationalarchives/components/card/macro-options.json +7 -7
  23. package/nationalarchives/components/card/template.njk +7 -4
  24. package/nationalarchives/components/checkboxes/checkboxes.css.map +1 -1
  25. package/nationalarchives/components/compound-filters/compound-filters.css.map +1 -1
  26. package/nationalarchives/components/cookie-banner/cookie-banner.js +1 -1
  27. package/nationalarchives/components/cookie-banner/cookie-banner.js.map +1 -1
  28. package/nationalarchives/components/date-input/date-input.css.map +1 -1
  29. package/nationalarchives/components/date-search/date-search.css.map +1 -1
  30. package/nationalarchives/components/details/details.css.map +1 -1
  31. package/nationalarchives/components/details/template.njk +3 -1
  32. package/nationalarchives/components/error-summary/error-summary.css.map +1 -1
  33. package/nationalarchives/components/error-summary/error-summary.js +1 -1
  34. package/nationalarchives/components/error-summary/error-summary.js.map +1 -1
  35. package/nationalarchives/components/files-list/files-list.css +1 -1
  36. package/nationalarchives/components/files-list/files-list.css.map +1 -1
  37. package/nationalarchives/components/files-list/files-list.scss +0 -6
  38. package/nationalarchives/components/files-list/fixtures.json +6 -3
  39. package/nationalarchives/components/files-list/macro-options.json +6 -0
  40. package/nationalarchives/components/files-list/template.njk +3 -3
  41. package/nationalarchives/components/footer/footer.css.map +1 -1
  42. package/nationalarchives/components/footer/footer.js +1 -1
  43. package/nationalarchives/components/footer/footer.js.map +1 -1
  44. package/nationalarchives/components/gallery/fixtures.json +1 -1
  45. package/nationalarchives/components/gallery/gallery.css +1 -1
  46. package/nationalarchives/components/gallery/gallery.css.map +1 -1
  47. package/nationalarchives/components/gallery/gallery.js +1 -1
  48. package/nationalarchives/components/gallery/gallery.js.map +1 -1
  49. package/nationalarchives/components/gallery/gallery.mjs +4 -4
  50. package/nationalarchives/components/gallery/gallery.scss +61 -50
  51. package/nationalarchives/components/gallery/macro-options.json +6 -0
  52. package/nationalarchives/components/gallery/template.njk +16 -15
  53. package/nationalarchives/components/global-header/global-header.css.map +1 -1
  54. package/nationalarchives/components/global-header/global-header.js +1 -1
  55. package/nationalarchives/components/global-header/global-header.js.map +1 -1
  56. package/nationalarchives/components/header/header.css +1 -1
  57. package/nationalarchives/components/header/header.css.map +1 -1
  58. package/nationalarchives/components/header/header.js +1 -1
  59. package/nationalarchives/components/header/header.js.map +1 -1
  60. package/nationalarchives/components/header/header.mjs +1 -1
  61. package/nationalarchives/components/header/header.scss +0 -8
  62. package/nationalarchives/components/hero/hero.css.map +1 -1
  63. package/nationalarchives/components/index-grid/index-grid.css.map +1 -1
  64. package/nationalarchives/components/phase-banner/phase-banner.css.map +1 -1
  65. package/nationalarchives/components/picture/picture.css.map +1 -1
  66. package/nationalarchives/components/picture/picture.js +1 -1
  67. package/nationalarchives/components/picture/picture.js.map +1 -1
  68. package/nationalarchives/components/quick-filters/quick-filters.css.map +1 -1
  69. package/nationalarchives/components/radios/radios.css.map +1 -1
  70. package/nationalarchives/components/records-list/records-list.css.map +1 -1
  71. package/nationalarchives/components/search-field/search-field.css.map +1 -1
  72. package/nationalarchives/components/select/select.css.map +1 -1
  73. package/nationalarchives/components/sidebar/sidebar.css.map +1 -1
  74. package/nationalarchives/components/skip-link/skip-link.css.map +1 -1
  75. package/nationalarchives/components/skip-link/skip-link.js +1 -1
  76. package/nationalarchives/components/skip-link/skip-link.js.map +1 -1
  77. package/nationalarchives/components/tabs/tabs.css.map +1 -1
  78. package/nationalarchives/components/tabs/tabs.js +1 -1
  79. package/nationalarchives/components/tabs/tabs.js.map +1 -1
  80. package/nationalarchives/components/text-input/text-input.css.map +1 -1
  81. package/nationalarchives/components/textarea/textarea.css.map +1 -1
  82. package/nationalarchives/components/warning/template.njk +1 -2
  83. package/nationalarchives/components/warning/warning.css.map +1 -1
  84. package/nationalarchives/global-header-package.css +1 -1
  85. package/nationalarchives/global-header-package.css.map +1 -1
  86. package/nationalarchives/print.css.map +1 -1
  87. package/nationalarchives/prototype-kit.css +1 -1
  88. package/nationalarchives/prototype-kit.css.map +1 -1
  89. package/nationalarchives/templates/fixtures.json +1 -1
  90. package/nationalarchives/tools/_colour.scss +3 -3
  91. package/nationalarchives/utilities/_areas.scss +11 -10
  92. package/nationalarchives/utilities/grid/_index.scss +5 -0
  93. package/nationalarchives/utilities/lists/_index.scss +11 -2
  94. package/nationalarchives/utilities/tables/_index.scss +15 -3
  95. package/nationalarchives/utilities/typography/_index.scss +25 -5
  96. package/package.json +13 -13
package/nationalarchives/templates/fixtures.json CHANGED
@@ -39,7 +39,7 @@
39
39
  "name": "list",
40
40
  "template": "list.njk",
41
41
  "options": {},
42
- "html": "<!DOCTYPE html><html lang=\"en\" class=\"tna-template tna-template--blue-accent\"><head><meta charset=\"utf-8\"><title>List page - The National Archives</title><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\"><meta name=\"theme-color\" content=\"#010101\"><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"><link rel=\"shortcut icon\" sizes=\"16x16 32x32 48x48\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/favicon.ico\" type=\"image/x-icon\"><link rel=\"mask-icon\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/mask-icon.svg\" color=\"#010101\"><link rel=\"apple-touch-icon\" sizes=\"48x48\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-48x48.png\"><link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-72x72.png\"><link rel=\"apple-touch-icon\" sizes=\"96x96\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-96x96.png\"><link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-120x120.png\"><link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-144x144.png\"><link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-152x152.png\"><link rel=\"apple-touch-icon\" sizes=\"167x167\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-167x167.png\"><link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-180x180.png\"><link rel=\"apple-touch-icon\" sizes=\"192x192\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-192x192.png\"><link rel=\"apple-touch-icon\" sizes=\"256x256\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-256x256.png\"><link rel=\"apple-touch-icon\" sizes=\"512x512\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-512x512.png\"><link rel=\"apple-touch-icon\" sizes=\"1024x1024\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-1024x1024.png\"><link rel=\"stylesheet\" type=\"text/css\" href=\"https://use.typekit.net/hkj3kuz.css\"></head><body class=\"tna-template__body\"><section class=\"tna-cookie-banner\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"\" data-policieskey=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on \" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button\" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button\" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"#/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"#/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button\" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"#/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button\" type=\"button\" value=\"close\">Close this message</button></div></div></div></section><a href=\"#main-content\" class=\"tna-skip-link\" data-module=\"tna-skip-link\">Skip to main content</a><header class=\"tna-header\" data-module=\"tna-header\"><div class=\"tna-container tna-header__contents\"><div class=\"tna-column tna-header__logo\"><span class=\"tna-header__logo-contents\"><svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" class=\"tna-logo\" viewBox=\"0 0 160 160\" width=\"96\" height=\"96\"><title>The National Archives</title><path fill=\"transparent\" d=\"M0 0h160v160H0z\" class=\"tna-logo__background\"/><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></div></div></header><div class=\"tna-background-accent\"><div class=\"tna-container\"><div class=\"tna-column tna-column--full\"><nav class=\"tna-breadcrumbs\" data-module=\"tna-breadcrumbs\" aria-label=\"Breadcrumb\"><ol class=\"tna-breadcrumbs__list\"><li class=\"tna-breadcrumbs__item\"><a href=\"/\" class=\"tna-breadcrumbs__link\">Home</a></li></ol></nav></div></div></div><main class=\"tna-main\" id=\"main-content\"><div class=\"tna-background-accent tna-!--padding-vertical-xl\"><div class=\"tna-container\"><div class=\"tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny\"><h1 class=\"tna-heading-xl\">List page</h1><p class=\"tna-large-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div><nav class=\"tna-section\" aria-label=\"Child pages\"><ul class=\"tna-container tna-ul tna-ul--plain\"><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 1</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 2</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 3</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 4</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 5</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 6</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 7</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 8</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 9</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 10</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 11</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><div class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 12</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div></li></ul></nav></main><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 tna-column--width-1-2-medium tna-column--full-small tna-column--full-tiny tna-column--order-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" class=\"tna-logo\" viewBox=\"0 0 160 160\" width=\"96\" height=\"96\"><title>The National Archives</title><path fill=\"transparent\" d=\"M0 0h160v160H0z\" class=\"tna-logo__background\" /><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><h2 class=\"tna-heading-m tna-footer__title\">The National Archives</h2><address class=\"tna-footer__address\">Kew, Richmond<br>TW9 4DU</address></div></div><div class=\"tna-container\"><div class=\"tna-column--full\"><hr></div></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>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><script>if (window.TNAFrontend && window.TNAFrontend.initAll) {\n document.addEventListener(\"DOMContentLoaded\", function() {\n window.TNAFrontend.initAll();\n var cookies = new TNAFrontend.Cookies()\n var theme = cookies.get(\"theme\") || \"light\"\n var $tnaTemplate = document.querySelector(\".tna-template\");\n if (theme === \"light\") {\n $tnaTemplate.classList.remove(\n \"tna-template--system-theme\",\n \"tna-template--dark-theme\",\n );\n } else if (theme === \"dark\") {\n $tnaTemplate.classList.remove(\"tna-template--system-theme\");\n $tnaTemplate.classList.add(`tna-template--dark-theme`);\n } else if (theme === \"system\") {\n $tnaTemplate.classList.remove(\"tna-template--dark-theme\");\n $tnaTemplate.classList.add(`tna-template--system-theme`);\n }\n });\n }</script></body></html>"
42
+ "html": "<!DOCTYPE html><html lang=\"en\" class=\"tna-template tna-template--blue-accent\"><head><meta charset=\"utf-8\"><title>List page - The National Archives</title><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\"><meta name=\"theme-color\" content=\"#010101\"><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"><link rel=\"shortcut icon\" sizes=\"16x16 32x32 48x48\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/favicon.ico\" type=\"image/x-icon\"><link rel=\"mask-icon\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/mask-icon.svg\" color=\"#010101\"><link rel=\"apple-touch-icon\" sizes=\"48x48\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-48x48.png\"><link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-72x72.png\"><link rel=\"apple-touch-icon\" sizes=\"96x96\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-96x96.png\"><link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-120x120.png\"><link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-144x144.png\"><link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-152x152.png\"><link rel=\"apple-touch-icon\" sizes=\"167x167\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-167x167.png\"><link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-180x180.png\"><link rel=\"apple-touch-icon\" sizes=\"192x192\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-192x192.png\"><link rel=\"apple-touch-icon\" sizes=\"256x256\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-256x256.png\"><link rel=\"apple-touch-icon\" sizes=\"512x512\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-512x512.png\"><link rel=\"apple-touch-icon\" sizes=\"1024x1024\" href=\"/plugin-assets/%40nationalarchives%2Ffrontend/nationalarchives/assets/images/icon-1024x1024.png\"><link rel=\"stylesheet\" type=\"text/css\" href=\"https://use.typekit.net/hkj3kuz.css\"></head><body class=\"tna-template__body\"><section class=\"tna-cookie-banner\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"\" data-policieskey=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" aria-label=\"Cookies on \" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button\" type=\"button\" value=\"accept\">Accept cookies</button><button class=\"tna-button\" type=\"button\" value=\"reject\">Reject cookies</button><a href=\"#/cookies\" class=\"tna-button tna-button--plain\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"#/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button\" type=\"button\" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"#/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button\" type=\"button\" value=\"close\">Close this message</button></div></div></div></section><a href=\"#main-content\" class=\"tna-skip-link\" data-module=\"tna-skip-link\">Skip to main content</a><header class=\"tna-header\" data-module=\"tna-header\"><div class=\"tna-container tna-header__contents\"><div class=\"tna-column tna-header__logo\"><span class=\"tna-header__logo-contents\"><svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" class=\"tna-logo\" viewBox=\"0 0 160 160\" width=\"96\" height=\"96\"><title>The National Archives</title><path fill=\"transparent\" d=\"M0 0h160v160H0z\" class=\"tna-logo__background\"/><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></div></div></header><div class=\"tna-background-accent\"><div class=\"tna-container\"><div class=\"tna-column tna-column--full\"><nav class=\"tna-breadcrumbs\" data-module=\"tna-breadcrumbs\" aria-label=\"Breadcrumb\"><ol class=\"tna-breadcrumbs__list\"><li class=\"tna-breadcrumbs__item\"><a href=\"/\" class=\"tna-breadcrumbs__link\">Home</a></li></ol></nav></div></div></div><main class=\"tna-main\" id=\"main-content\"><div class=\"tna-background-accent tna-!--padding-vertical-xl\"><div class=\"tna-container\"><div class=\"tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny\"><h1 class=\"tna-heading-xl\">List page</h1><p class=\"tna-large-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></div><nav class=\"tna-section\" aria-label=\"Child pages\"><ul class=\"tna-container tna-ul tna-ul--plain\"><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 1</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 2</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 3</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 4</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 5</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 6</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 7</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 8</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 9</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 10</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 11</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li><li class=\"tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny tna-!--margin-bottom-l\"><article class=\"tna-card\"><div class=\"tna-card__inner\"><h2 class=\"tna-heading-m tna-card__heading\"><a href=\"#\" class=\"tna-card__heading-link\">Item 12</a></h2><div class=\"tna-card__body\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet luctus libero. Cras nec mauris ex. Fusce nisl erat, efficitur sed auctor ornare, varius fermentum arcu.</p></div></div></article></li></ul></nav></main><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 tna-column--width-1-2-medium tna-column--full-small tna-column--full-tiny tna-column--order-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" class=\"tna-logo\" viewBox=\"0 0 160 160\" width=\"96\" height=\"96\"><title>The National Archives</title><path fill=\"transparent\" d=\"M0 0h160v160H0z\" class=\"tna-logo__background\" /><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><h2 class=\"tna-heading-m tna-footer__title\">The National Archives</h2><address class=\"tna-footer__address\">Kew, Richmond<br>TW9 4DU</address></div></div><div class=\"tna-container\"><div class=\"tna-column--full\"><hr></div></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>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><script>if (window.TNAFrontend && window.TNAFrontend.initAll) {\n document.addEventListener(\"DOMContentLoaded\", function() {\n window.TNAFrontend.initAll();\n var cookies = new TNAFrontend.Cookies()\n var theme = cookies.get(\"theme\") || \"light\"\n var $tnaTemplate = document.querySelector(\".tna-template\");\n if (theme === \"light\") {\n $tnaTemplate.classList.remove(\n \"tna-template--system-theme\",\n \"tna-template--dark-theme\",\n );\n } else if (theme === \"dark\") {\n $tnaTemplate.classList.remove(\"tna-template--system-theme\");\n $tnaTemplate.classList.add(`tna-template--dark-theme`);\n } else if (theme === \"system\") {\n $tnaTemplate.classList.remove(\"tna-template--dark-theme\");\n $tnaTemplate.classList.add(`tna-template--system-theme`);\n }\n });\n }</script></body></html>"
43
43
  },
44
44
  {
45
45
  "name": "index grid",
package/nationalarchives/tools/_colour.scss CHANGED
@@ -299,6 +299,9 @@
299
299
  --accent-border: var(--font-base);
300
300
  --accent-list-marker: var(--font-base);
301
301
 
302
+ @include colour-background("background");
303
+ @include colour-font("font-base");
304
+
302
305
  .tna-template--system-theme & {
303
306
  @media (prefers-color-scheme: dark) {
304
307
  --link: #{map.get(colour.$colour-palette-default, "link")};
@@ -310,9 +313,6 @@
310
313
  --link: #{map.get(colour.$colour-palette-default, "link")};
311
314
  --link-visited: #{map.get(colour.$colour-palette-default, "link-visited")};
312
315
  }
313
-
314
- @include colour-background("background");
315
- @include colour-font("font-base");
316
316
  }
317
317
 
318
318
  @mixin accent-light {
package/nationalarchives/utilities/_areas.scss CHANGED
@@ -5,27 +5,28 @@
5
5
  .tna-section {
6
6
  padding-top: spacing.space(3);
7
7
  padding-bottom: spacing.space(3);
8
-
9
- @include media.on-mobile {
10
- padding-top: spacing.space(2);
11
- padding-bottom: spacing.space(2);
12
- }
13
8
  }
14
9
 
15
10
  .tna-aside {
11
+ @include spacing.space-above;
16
12
  padding: spacing.space(2);
17
13
 
18
- @include spacing.space-above;
14
+ @include colour.on-high-contrast-and-forced-colours {
15
+ @include colour.colour-border("keyline-dark", 1px);
16
+ }
19
17
 
20
- @include media.on-mobile {
18
+ &--tight {
21
19
  padding: spacing.space(1);
22
20
  }
21
+ }
23
22
 
24
- @include colour.on-high-contrast-and-forced-colours {
25
- @include colour.colour-border("keyline-dark", 1px);
23
+ @include media.on-mobile {
24
+ .tna-section {
25
+ padding-top: spacing.space(2);
26
+ padding-bottom: spacing.space(2);
26
27
  }
27
28
 
28
- &--tight {
29
+ .tna-aside {
29
30
  padding: spacing.space(1);
30
31
  }
31
32
  }
package/nationalarchives/utilities/grid/_index.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @use "sass:math";
2
+ @use "sass:selector";
2
3
  @use "../../variables/grid" as gridVars;
3
4
  @use "../../tools/grid";
4
5
  @use "../../tools/media";
@@ -30,6 +31,10 @@
30
31
  &--centred {
31
32
  justify-content: center;
32
33
  }
34
+
35
+ @at-root #{selector.unify("ul", &)} {
36
+ list-style: none;
37
+ }
33
38
  }
34
39
 
35
40
  .tna-column {
package/nationalarchives/utilities/lists/_index.scss CHANGED
@@ -17,7 +17,6 @@ ol {
17
17
  .tna-ul,
18
18
  .tna-ol {
19
19
  margin-top: spacing.space(1);
20
-
21
20
  padding-left: spacing.space(2);
22
21
 
23
22
  &:first-child {
@@ -34,7 +33,8 @@ ol {
34
33
  }
35
34
 
36
35
  & > li > & {
37
- padding-left: spacing.space(1);
36
+ margin-top: 0;
37
+ padding-left: spacing.space(1.25);
38
38
  }
39
39
 
40
40
  > li {
@@ -44,6 +44,15 @@ ol {
44
44
  }
45
45
  }
46
46
 
47
+ &--spaced > li + li {
48
+ margin-top: spacing.space(0.5);
49
+ }
50
+
51
+ &--spaced > li > & {
52
+ margin-top: spacing.space(1);
53
+ margin-bottom: spacing.space(1);
54
+ }
55
+
47
56
  &--dashed {
48
57
  > li::marker {
49
58
  content: "— ";
package/nationalarchives/utilities/tables/_index.scss CHANGED
@@ -7,12 +7,15 @@
7
7
  @use "../../tools/typography";
8
8
 
9
9
  .tna-table {
10
- width: 100%;
10
+ max-width: 100%;
11
11
 
12
12
  text-align: left;
13
13
 
14
14
  border-collapse: collapse;
15
- @include spacing.space-above;
15
+
16
+ &--full {
17
+ width: 100%;
18
+ }
16
19
 
17
20
  &__caption {
18
21
  padding: spacing.space(1) 0 0;
@@ -88,7 +91,6 @@
88
91
 
89
92
  position: relative;
90
93
  left: -#{grid.gutter-width()};
91
- @include spacing.space-above;
92
94
 
93
95
  @include media.on-tiny {
94
96
  padding-right: grid.gutter-width-tiny();
@@ -97,3 +99,13 @@
97
99
  left: -#{grid.gutter-width-tiny()};
98
100
  }
99
101
  }
102
+
103
+ .tna-table,
104
+ .tna-table-wrapper {
105
+ @include spacing.space-above;
106
+ margin-bottom: spacing.space(4);
107
+
108
+ &:last-child {
109
+ margin-bottom: 0;
110
+ }
111
+ }
package/nationalarchives/utilities/typography/_index.scss CHANGED
@@ -193,18 +193,26 @@ small {
193
193
  vertical-align: top;
194
194
 
195
195
  &::after {
196
- content: "\203A";
196
+ content: "";
197
197
 
198
- padding-left: spacing.space(0.5);
198
+ width: 0.3125em;
199
+ height: 0.3125em;
200
+ margin-bottom: 0.1em;
201
+ margin-left: 0.375em;
199
202
 
200
203
  display: inline-block;
201
204
 
202
- font-weight: 700;
205
+ vertical-align: middle;
206
+
207
+ transform: rotate(45deg);
208
+
209
+ @include colour.colour-border("link", 0.125em, solid, top);
210
+ @include colour.colour-border("link", 0.125em, solid, right);
203
211
  }
204
212
 
205
- &:hover {
213
+ &:not(.tna-link--no-visited-state):visited {
206
214
  &::after {
207
- padding-left: spacing.space(0.75);
215
+ @include colour.colour-border("link-visited");
208
216
  }
209
217
  }
210
218
  }
@@ -238,6 +246,18 @@ small {
238
246
  typographyVars.$heading-l-font-size-tiny,
239
247
  typographyVars.$heading-l-line-height
240
248
  );
249
+
250
+ a {
251
+ &::after {
252
+ width: 0.275em;
253
+ height: 0.275em;
254
+ margin-bottom: 0;
255
+ margin-left: 0.25em;
256
+
257
+ border-top-width: 0.1em;
258
+ border-right-width: 0.1em;
259
+ }
260
+ }
241
261
  }
242
262
 
243
263
  %heading-m {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nationalarchives/frontend",
3
- "version": "0.2.0",
3
+ "version": "0.2.2",
4
4
  "description": "The National Archives frontend styles",
5
5
  "scripts": {
6
6
  "start": "storybook dev -p 6006",
@@ -47,16 +47,16 @@
47
47
  "@babel/core": "^7.24.5",
48
48
  "@babel/preset-env": "^7.24.5",
49
49
  "@mdx-js/react": "^3.0.0",
50
- "@storybook/addon-a11y": "^8.1.10",
51
- "@storybook/addon-docs": "^8.1.10",
52
- "@storybook/addon-essentials": "^8.1.10",
53
- "@storybook/addon-interactions": "^8.1.10",
54
- "@storybook/addon-links": "^8.1.10",
55
- "@storybook/addon-mdx-gfm": "^8.1.10",
56
- "@storybook/html": "^8.1.10",
57
- "@storybook/html-webpack5": "^8.1.10",
58
- "@storybook/test": "^8.1.10",
59
- "@storybook/test-runner": "^0.18.2",
50
+ "@storybook/addon-a11y": "^8.2.5",
51
+ "@storybook/addon-docs": "^8.2.5",
52
+ "@storybook/addon-essentials": "^8.2.5",
53
+ "@storybook/addon-interactions": "^8.2.5",
54
+ "@storybook/addon-links": "^8.2.5",
55
+ "@storybook/addon-mdx-gfm": "^8.2.5",
56
+ "@storybook/html": "^8.2.5",
57
+ "@storybook/html-webpack5": "^8.2.5",
58
+ "@storybook/test": "^8.2.5",
59
+ "@storybook/test-runner": "^0.19.1",
60
60
  "axe-playwright": "^2.0.1",
61
61
  "babel-jest": "^29.7.0",
62
62
  "babel-loader": "^9.0.1",
@@ -66,7 +66,7 @@
66
66
  "diff": "^5.1.0",
67
67
  "eslint": "^8.52.0",
68
68
  "eslint-plugin-storybook": "^0.8.0",
69
- "glob": "^10.3.10",
69
+ "glob": "^11.0.0",
70
70
  "html-validate": "^8.18.2",
71
71
  "jest-environment-jsdom": "^29.7.0",
72
72
  "mdx-mermaid": "^2.0.0",
@@ -76,7 +76,7 @@
76
76
  "sass": "^1.77.6",
77
77
  "sass-loader": "^14.2.1",
78
78
  "simple-nunjucks-loader": "^3.2.0",
79
- "storybook": "^8.1.10",
79
+ "storybook": "^8.2.5",
80
80
  "style-loader": "^4.0.0",
81
81
  "stylelint": "^16.5.0",
82
82
  "stylelint-config-standard-scss": "^13.0.0",