@nationalarchives/frontend 0.1.7-prerelease → 0.1.9-prerelease

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 (69) 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/all.mjs +18 -6
  6. package/nationalarchives/assets/images/tna-square-logo.svg +24 -45
  7. package/nationalarchives/components/_all.scss +1 -0
  8. package/nationalarchives/components/breadcrumbs/_index.scss +2 -2
  9. package/nationalarchives/components/breadcrumbs/breadcrumbs.stories.js +1 -1
  10. package/nationalarchives/components/breadcrumbs/fixtures.json +1 -1
  11. package/nationalarchives/components/breadcrumbs/macro-options.json +2 -2
  12. package/nationalarchives/components/breadcrumbs/template.njk +9 -9
  13. package/nationalarchives/components/button/_index.scss +25 -5
  14. package/nationalarchives/components/button/button.stories.js +1 -1
  15. package/nationalarchives/components/button/fixtures.json +5 -5
  16. package/nationalarchives/components/button/template.njk +3 -3
  17. package/nationalarchives/components/card/_index.scss +7 -3
  18. package/nationalarchives/components/card/card.stories.js +1 -1
  19. package/nationalarchives/components/card/fixtures.json +11 -11
  20. package/nationalarchives/components/card/template.njk +44 -44
  21. package/nationalarchives/components/filters/_index.scss +49 -0
  22. package/nationalarchives/components/filters/filters.stories.js +76 -0
  23. package/nationalarchives/components/filters/fixtures.json +4 -0
  24. package/nationalarchives/components/filters/macro-options.json +52 -0
  25. package/nationalarchives/components/filters/macro.njk +3 -0
  26. package/nationalarchives/components/filters/template.njk +8 -0
  27. package/nationalarchives/components/footer/_index.scss +3 -1
  28. package/nationalarchives/components/footer/fixtures.json +1 -1
  29. package/nationalarchives/components/footer/footer.stories.js +2 -2
  30. package/nationalarchives/components/footer/template.njk +51 -51
  31. package/nationalarchives/components/grid/_index.scss +3 -78
  32. package/nationalarchives/components/grid/fixtures.json +12 -12
  33. package/nationalarchives/components/grid/grid.stories.js +1 -1
  34. package/nationalarchives/components/grid/template.njk +35 -35
  35. package/nationalarchives/components/header/_index.scss +308 -0
  36. package/nationalarchives/components/header/fixtures.json +4 -0
  37. package/nationalarchives/components/header/header.js +2 -0
  38. package/nationalarchives/components/header/header.js.map +1 -0
  39. package/nationalarchives/components/header/header.mjs +102 -0
  40. package/nationalarchives/components/header/header.stories.js +59 -0
  41. package/nationalarchives/components/header/macro-options.json +52 -0
  42. package/nationalarchives/components/header/macro.njk +3 -0
  43. package/nationalarchives/components/header/template.njk +54 -0
  44. package/nationalarchives/components/hero/_index.scss +25 -5
  45. package/nationalarchives/components/hero/hero.stories.js +2 -2
  46. package/nationalarchives/components/hero/macro-options.json +2 -2
  47. package/nationalarchives/components/hero/template.njk +27 -25
  48. package/nationalarchives/components/sensitive-image/fixtures.json +3 -3
  49. package/nationalarchives/components/sensitive-image/macro-options.json +2 -2
  50. package/nationalarchives/components/sensitive-image/sensitive-image.js +1 -1
  51. package/nationalarchives/components/sensitive-image/sensitive-image.js.map +1 -1
  52. package/nationalarchives/components/sensitive-image/sensitive-image.mjs +21 -22
  53. package/nationalarchives/components/sensitive-image/sensitive-image.stories.js +2 -2
  54. package/nationalarchives/components/sensitive-image/template.njk +7 -7
  55. package/nationalarchives/lib/uuid.mjs +9 -0
  56. package/nationalarchives/stories/development/publishing.mdx +9 -0
  57. package/nationalarchives/stories/utilities/lists.stories.js +2 -2
  58. package/nationalarchives/stories/utilities/typography.mdx +15 -0
  59. package/nationalarchives/templates/homepage.njk +46 -46
  60. package/nationalarchives/templates/layouts/_generic.njk +49 -52
  61. package/nationalarchives/templates/layouts/_prototype-kit.njk +5 -0
  62. package/nationalarchives/templates/search-results.njk +31 -31
  63. package/nationalarchives/templates/topics.njk +33 -33
  64. package/nationalarchives/tools/_grid.scss +52 -27
  65. package/nationalarchives/utilities/_global.scss +9 -2
  66. package/nationalarchives/utilities/_typography.scss +25 -0
  67. package/nationalarchives/variables/_colour.scss +11 -1
  68. package/package.json +4 -4
  69. package/nationalarchives/assets/images/tna-square-logo-inverted.svg +0 -47
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nationalarchives/frontend",
3
- "version": "0.1.7-prerelease",
3
+ "version": "0.1.9-prerelease",
4
4
  "description": "The National Archives frontend styles",
5
5
  "scripts": {
6
6
  "start": "storybook dev -p 6006",
@@ -61,7 +61,7 @@
61
61
  "glob": "^10.2.7",
62
62
  "jest-image-snapshot": "^6.1.0",
63
63
  "nunjucks": "^3.2.3",
64
- "prettier": "^2.7.1",
64
+ "prettier": "^3.0.0",
65
65
  "react": "^18.2.0",
66
66
  "react-dom": "^18.2.0",
67
67
  "sass": "^1.54.9",
@@ -70,8 +70,8 @@
70
70
  "storybook": "^7.0.22",
71
71
  "style-loader": "^3.3.1",
72
72
  "stylelint": "^15.9.0",
73
- "stylelint-config-standard-scss": "^9.0.0",
74
- "stylelint-selector-bem-pattern": "^2.1.1",
73
+ "stylelint-config-standard-scss": "^10.0.0",
74
+ "stylelint-selector-bem-pattern": "^3.0.0",
75
75
  "webpack": "^5.74.0",
76
76
  "webpack-cli": "^5.1.4"
77
77
  }
@@ -1,47 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3
- viewBox="0 0 160 160" style="enable-background:new 0 0 160 160;" xml:space="preserve">
4
- <style type="text/css">
5
- .st0{fill:#000;}
6
- .st1{fill:#fff;}
7
- </style>
8
- <rect class="st0" width="160" height="160"/>
9
- <path class="st1" d="M1.9,107.2h156.3V158H1.9V107.2z M1.9,54.5h79.1h77.2v50.8H1.9V54.5z M1.9,1.9h77.2v50.8H1.9V1.9z M80.9,1.9
10
- h77.2v50.8H80.9C80.9,52.7,80.9,1.9,80.9,1.9z M80.9,0H0v52.7v1.9v50.8v1.9v52.7h160v-52.7v-1.9V52.7V0H80.9z"/>
11
- <polygon class="st1" points="21.3,19.5 15.9,19.5 15.9,16.5 30.2,16.5 30.2,19.5 24.8,19.5 24.8,37.9 21.3,37.9 "/>
12
- <polygon class="st1" points="31.6,16.5 35,16.5 35,25.5 43.4,25.5 43.4,16.5 46.8,16.5 46.8,37.9 43.4,37.9 43.4,28.6 35,28.6
13
- 35,37.9 31.6,37.9 "/>
14
- <polygon class="st1" points="50.9,16.5 63.1,16.5 63.1,19.5 54.3,19.5 54.3,25.6 61.7,25.6 61.7,28.6 54.3,28.6 54.3,34.9
15
- 63.1,34.9 63.1,37.9 50.9,37.9 "/>
16
- <path class="st1" d="M19.7,69.2h3.8l6.4,12.5c0.6,1.1,1.1,2.7,1.6,4h0.2c-0.2-1.7-0.3-3.6-0.3-4.8V69.2h3.5v21.4h-3.7l-6.3-12.3
17
- c-0.7-1.4-1.2-2.7-1.7-4.2h-0.2c0.2,1.4,0.3,3.3,0.3,5v11.5h-3.5C19.7,90.6,19.7,69.2,19.7,69.2z"/>
18
- <path class="st1" d="M47.8,82.6l-1.7-6.3c-0.3-1.1-0.6-2.2-0.9-3.8H45c-0.3,1.6-0.5,2.6-0.8,3.8l-1.7,6.3H47.8z M43,69.2h4.2
19
- l6.2,21.4h-3.5l-1.5-5.2h-6.6l-1.4,5.2h-3.6L43,69.2z"/>
20
- <polygon class="st1" points="57.2,72.3 51.8,72.3 51.8,69.2 66,69.2 66,72.3 60.6,72.3 60.6,90.7 57.2,90.7 "/>
21
- <rect x="67.8" y="69.2" class="st1" width="3.5" height="21.4"/>
22
- <path class="st1" d="M87.5,80c0-5.3-1.7-8-4.8-8c-3.2,0-4.8,2.7-4.8,8c0,5.2,1.6,7.9,4.8,7.9C85.9,87.9,87.5,85.2,87.5,80 M74.2,80
23
- c0-7,3-11.1,8.5-11.1c5.4,0,8.4,4.1,8.4,11.1c0,6.9-3,11-8.4,11C77.3,91,74.2,86.9,74.2,80"/>
24
- <path class="st1" d="M94.3,69.2H98l6.4,12.5c0.6,1.1,1.2,2.7,1.7,4h0.2c-0.2-1.7-0.3-3.6-0.3-4.8V69.2h3.4v21.4h-3.7l-6.3-12.3
25
- c-0.7-1.4-1.2-2.7-1.7-4.2h-0.2c0.2,1.4,0.3,3.3,0.3,5v11.5h-3.5V69.2z"/>
26
- <path class="st1" d="M122.4,82.6l-1.7-6.3c-0.3-1.1-0.6-2.2-0.9-3.8h-0.2c-0.3,1.6-0.5,2.6-0.8,3.8l-1.7,6.3H122.4z M117.6,69.2h4.2
27
- l6.2,21.4h-3.5l-1.5-5.2h-6.6l-1.4,5.2h-3.6L117.6,69.2z"/>
28
- <polygon class="st1" points="129.9,69.2 133.4,69.2 133.4,87.6 141.8,87.6 141.8,90.7 129.9,90.7 "/>
29
- <path class="st1" d="M26.9,135.2l-1.7-6.3c-0.3-1.1-0.6-2.2-0.9-3.8h-0.2c-0.3,1.6-0.5,2.6-0.8,3.8l-1.7,6.3H26.9z M22.1,121.8h4.2
30
- l6.2,21.4H29l-1.5-5.2h-6.6l-1.4,5.2h-3.6L22.1,121.8z"/>
31
- <path class="st1" d="M39.9,132.5c2.5,0,3.4-1.6,3.4-3.9c0-2.2-1-3.8-3.4-3.8h-2.7v7.7H39.9z M33.8,121.8h6.4c4.5,0,6.7,2.4,6.7,6.6
32
- c0,3.1-1.5,5.6-3.7,6.3v0.2c1,1.1,4,7.5,4.8,7.9v0.5h-3.8c-1-0.6-3.6-7.2-4.4-7.8h-2.5v7.8h-3.5L33.8,121.8L33.8,121.8z"/>
33
- <path class="st1" d="M52.9,132.5c0,5.3,1.9,8,4.8,8c2.9,0,4-2,4-5.2l3.5,0.1c0,0.2,0.1,0.4,0.1,0.6c0,4.4-2.1,7.5-7.5,7.5
34
- c-5.2,0-8.5-3.9-8.5-11.1c0-7.1,3.3-11,8.5-11c6.4,0,7.5,4.6,7.5,7.2c0,0.3,0,0.7-0.1,0.9l-3.5,0.1c0-3.3-1.2-5.2-4-5.2
35
- C54.8,124.6,52.9,127.3,52.9,132.5"/>
36
- <polygon class="st1" points="68,121.8 71.5,121.8 71.5,130.9 79.8,130.9 79.8,121.8 83.3,121.8 83.3,143.3 79.8,143.3 79.8,133.9
37
- 71.5,133.9 71.5,143.3 68,143.3 "/>
38
- <rect x="87.9" y="121.8" class="st1" width="3.5" height="21.4"/>
39
- <path class="st1" d="M94.2,121.8h3.6l3.2,12.3c0.5,1.9,0.8,3.6,1.1,5.6h0.2c0.3-2,0.6-3.7,1.1-5.6l3.2-12.3h3.6l-6.1,21.4h-4.1
40
- L94.2,121.8z"/>
41
- <polygon class="st1" points="112.7,121.8 125,121.8 125,124.9 116.2,124.9 116.2,130.9 123.6,130.9 123.6,133.9 116.2,133.9
42
- 116.2,140.2 125,140.2 125,143.3 112.7,143.3 "/>
43
- <path class="st1" d="M130.4,136c0,0.2-0.1,0.5-0.1,0.8c0,1.9,0.8,3.7,3.4,3.7c2.1,0,3.3-1.2,3.3-2.9c0-1.6-0.7-2.4-2.2-3l-3.4-1.3
44
- c-2.4-0.9-4.2-2.4-4.2-5.7c0-3.5,2.3-6.1,6.6-6.1c5.5,0,6.4,3.6,6.4,5.9c0,0.3,0,0.7-0.1,1.1l-3.4,0.1c0-0.2,0.1-0.5,0.1-0.7
45
- c0-1.7-0.6-3.2-3-3.2c-2.1,0-3,1.2-3,2.8c0,1.7,0.9,2.5,2.2,2.9l3.5,1.3c2.6,1,4.3,2.6,4.3,5.8c0,3.6-2.4,6.1-7,6.1
46
- c-5.9,0-6.8-3.9-6.8-6.5c0-0.3,0-0.6,0.1-1L130.4,136z"/>
47
- </svg>