@newskit-render/core 1.59.0 → 1.68.0

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 (56) hide show
  1. package/CHANGELOG.md +327 -0
  2. package/README.md +16 -0
  3. package/__pacts__/spec/newskitApi.consumer.pact.ts +19 -32
  4. package/__tests__/pages/[articleSlug].test.tsx +1 -55
  5. package/__tests__/pages/__snapshots__/home.test.tsx.snap +657 -626
  6. package/__tests__/pages/__snapshots__/relatedArticles.test.tsx.snap +651 -0
  7. package/__tests__/pages/relatedArticles.test.tsx +23 -11
  8. package/components/article/__tests__/__snapshots__/index.test.tsx.snap +1091 -1060
  9. package/components/footer/index.tsx +1 -1
  10. package/components/header/banner-messages.ts +45 -0
  11. package/components/header/index.tsx +31 -287
  12. package/components/header/navigation-links.ts +20 -0
  13. package/components/layout/LayoutTemplate.tsx +4 -1
  14. package/config/__tests__/index.test.ts +53 -0
  15. package/config/environment.ts +67 -0
  16. package/config/index.ts +2 -85
  17. package/config/multiTenancy.ts +12 -0
  18. package/{app-context → context/app-context}/AppContext.test.tsx +7 -3
  19. package/{app-context/AppContext.tsx → context/app-context/index.tsx} +5 -1
  20. package/context/index.tsx +2 -0
  21. package/context/multi-tenancy/MultiTenancy.test.tsx +47 -0
  22. package/context/multi-tenancy/index.tsx +31 -0
  23. package/css/index.ts +224 -0
  24. package/cypress/support/commands.js +8 -4
  25. package/helpers/__tests__/createThemeDropdownObject.test.ts +3 -3
  26. package/helpers/__tests__/getRecommendation.test.ts +62 -0
  27. package/helpers/createThemeDropdownObject.ts +3 -3
  28. package/helpers/getRecommendations.ts +29 -0
  29. package/helpers/global-types.ts +8 -0
  30. package/{__tests__/pages/mocks.ts → helpers/mocks/getRecommendationsMock.ts} +2 -6
  31. package/helpers/multiTenancy.ts +19 -0
  32. package/infrastructure/helm/values-dev.yaml +1 -1
  33. package/infrastructure/helm/values-pr.yaml +1 -1
  34. package/infrastructure/helm/values-prod.yaml +1 -1
  35. package/jest.config.js +1 -2
  36. package/package.json +13 -11
  37. package/pages/[section]/[articleId]/[articleSlug].tsx +17 -10
  38. package/pages/[section]/[articleId]/relatedArticles.tsx +49 -40
  39. package/pages/_app.tsx +43 -257
  40. package/pages/account/cancellation/index.tsx +1 -1
  41. package/pages/account/edit/[field].tsx +1 -1
  42. package/pages/account/index.tsx +1 -1
  43. package/pages/account/newsletters-and-alerts/index.tsx +1 -1
  44. package/pages/account/payment/index.tsx +1 -1
  45. package/pages/account/subscription-and-billing/index.tsx +1 -1
  46. package/pages/api/auth/[...nextauth].ts +5 -1
  47. package/pages/api/recommendations/[...slug].ts +21 -0
  48. package/pages/checkout/account-creation/index.tsx +1 -1
  49. package/pages/checkout/payment-details/index.tsx +1 -1
  50. package/pages/help-hub/[id]/index.tsx +22 -9
  51. package/pages/help-hub/index.tsx +22 -9
  52. package/pages/help-hub/results.tsx +24 -0
  53. package/pages/index.tsx +1 -0
  54. package/theme/strings/demo.ts +1 -0
  55. package/theme/strings/index.ts +1 -0
  56. package/components/header/index.test.tsx +0 -73
package/__tests__/pages/__snapshots__/home.test.tsx.snap CHANGED
@@ -2,195 +2,221 @@
2
2
 
3
3
  exports[`getServerSideProps Homepage 1`] = `
4
4
  <DocumentFragment>
5
- <div
6
- class="css-166vhks"
5
+ <header
6
+ class="css-1d2q07x"
7
7
  >
8
8
  <div
9
- class="css-8atxkm"
9
+ class="css-1f9kms0"
10
+ data-testid="NavigationPrimary"
10
11
  >
11
12
  <div
12
- class="css-1w88buo"
13
- data-testid="PageLayout"
13
+ class="css-2orcb8"
14
14
  >
15
15
  <div
16
- class="css-18d6eiw"
17
- data-testid="PageLayout"
16
+ class="css-16f3kje"
18
17
  >
19
- <div
20
- class="css-jl4h98"
18
+ <a
19
+ aria-label="Logo Link"
20
+ class="css-e43kyg"
21
+ href="/"
21
22
  >
22
- <a
23
- aria-label="Logo Link"
24
- class="css-e43kyg"
25
- href="/"
23
+ <span
24
+ class="css-17x5lw"
26
25
  >
27
- <span
28
- class="css-17x5lw"
26
+ <div
27
+ class="css-1nlep1q"
29
28
  >
30
29
  <div
31
- class="css-1nlep1q"
30
+ class="css-u544wz"
32
31
  >
33
32
  <svg
34
- class="css-kgdu16"
35
- height="40px"
36
- viewBox="0 0 244 40"
33
+ aria-hidden="true"
34
+ class="css-8qscsg"
35
+ fill="currentColor"
36
+ viewBox="0 0 1601 347"
37
+ xmlns="http://www.w3.org/2000/svg"
37
38
  >
38
- <title>
39
- NewsKit Logo
40
- </title>
41
- <path
42
- d="M86.93 34.078V19.006l12.017 15.462a.63.63 0 0 0 .496.243h5.94a.63.63 0 0 0 .629-.633V6.715a.63.63 0 0 0-.629-.633h-6.553a.63.63 0 0 0-.629.633v14.499L86.671 6.326a.63.63 0 0 0-.496-.244h-6.427a.63.63 0 0 0-.629.633v27.363a.63.63 0 0 0 .629.633h6.553a.63.63 0 0 0 .629-.633zm134.203-20.324c2.389 0 4.325-1.947 4.325-4.35s-1.936-4.35-4.325-4.35-4.325 1.947-4.325 4.35 1.936 4.35 4.325 4.35zM120.484 35.185c4.133 0 7.092-1.617 9.192-4.085.112-.132.196-.514-.023-.696l-3.487-2.897c-.267-.222-.691-.111-.819.004-1.437 1.296-2.778 1.881-4.496 1.881-2.401 0-4.151-1.224-4.761-3.631h13.949c.26 0 .821-.208.821-.638v-.953c0-6.487-3.499-12.077-11.067-12.077-6.51 0-11.108 5.1-11.108 11.546v.082c0 6.813 4.882 11.465 11.799 11.465zm3.299-13.444h-7.706c.407-2.421 1.794-3.954 3.832-3.954 2.121 0 3.588 1.533 3.874 3.954zm20.504 12.53l3.366-10.581c.026-.083.115-.129.198-.102.049.016.087.054.102.103l3.289 10.576a.63.63 0 0 0 .601.444h5.737a.63.63 0 0 0 .601-.447l6.399-20.955c.102-.334-.084-.688-.416-.79-.06-.018-.122-.028-.185-.028h-6.102a.63.63 0 0 0-.607.469l-2.7 10.167c-.023.084-.109.135-.193.112-.052-.014-.094-.054-.11-.107l-3.116-10.276a.63.63 0 0 0-.602-.448h-5.409a.63.63 0 0 0-.601.447l-3.114 10.193c-.026.084-.114.13-.197.105-.052-.016-.092-.058-.106-.111L138.5 12.963a.63.63 0 0 0-.608-.473h-6.184a.63.63 0 0 0-.629.633c0 .062.009.124.027.184l6.323 20.955a.63.63 0 0 0 .602.449h5.657a.63.63 0 0 0 .599-.44zm30.749.914c5.364 0 8.981-2.538 8.981-7.411v-.082c0-3.869-2.798-5.483-6.527-6.663l-.25-.078-.253-.077-.255-.076-.258-.075-.259-.074-.69-.212-.285-.09-.205-.066-.197-.065-.189-.064-.181-.063-.116-.042-.113-.041-.109-.041-.106-.041-.102-.041-.098-.041-.095-.041-.045-.021-.089-.042-.085-.042-.082-.042-.039-.021-.076-.043-.071-.043-.068-.044c-.351-.235-.536-.495-.536-.819v-.082c0-.655.61-1.105 1.788-1.105 1.631 0 3.897.677 6.042 1.831l.116.063.017.006.024.007.029.007a.6.6 0 0 0 .034.006l.038.004c.124.009.29-.019.36-.192l.176-.536.147-.454.26-.816.273-.875.224-.726.421-1.38c.067-.22-.02-.337-.088-.391l-.019-.014-.025-.015c-2.353-1.248-5.173-1.93-7.947-1.93-5.08 0-8.819 2.62-8.819 7.329v.082c0 3.759 2.496 5.387 5.915 6.496l.243.077.246.076.248.074.252.073.254.072.256.071.259.07.13.035.55.157.367.106.277.082.198.061.128.04.185.059.118.039.115.039.111.039.107.039.103.039.051.02.097.04.048.02.092.04.088.04.084.041.081.041c.511.268.776.569.776.983v.082c0 .778-.65 1.187-1.991 1.187-2.157 0-4.714-.772-7.12-2.281l-.116-.074-.025-.015-.029-.015-.032-.015c-.106-.044-.251-.065-.332.079l-1.527 4.645-.051.153c-.103.295.109.504.212.565 2.713 1.602 5.831 2.403 8.979 2.403zm20.475-1.265V27.17a.16.16 0 0 1 .041-.106l2.707-2.996c.059-.065.158-.069.223-.011.009.008.017.018.024.028l6.887 10.19a.63.63 0 0 0 .52.277h7.894a.63.63 0 0 0 .519-.99l-10.382-15.267c-.041-.06-.036-.14.012-.194l9.756-11.126c.23-.262.205-.662-.055-.893-.115-.102-.263-.158-.416-.158h-7.614a.63.63 0 0 0-.479.223l-9.36 11.065c-.056.066-.155.075-.222.018-.035-.03-.055-.074-.055-.12V6.557a.63.63 0 0 0-.629-.633h-6.618a.63.63 0 0 0-.63.633V33.92a.63.63 0 0 0 .63.633h6.618a.63.63 0 0 0 .629-.633zm29.554 0V16.93a.63.63 0 0 0-.629-.633h-6.448a.63.63 0 0 0-.629.633v16.99a.63.63 0 0 0 .629.633h6.448a.63.63 0 0 0 .629-.633zm13.423 1.107c1.945 0 3.625-.433 4.951-1.088l.096-.048.026-.014.028-.017c.117-.074.267-.222.267-.559v-5.177c0-.267-.213-.294-.37-.268l-.035.007-.047.013c-.01.003-.019.006-.027.01l-.012.005c-.785.321-1.597.517-2.437.517-1.423 0-2.115-.654-2.115-2.206v-7.36c0-.087.071-.158.158-.158h4.337a.63.63 0 0 0 .629-.633v-4.946a.63.63 0 0 0-.629-.633h-4.337c-.087 0-.158-.071-.158-.158V7.506a.63.63 0 0 0-.629-.633h-6.428a.63.63 0 0 0-.629.633v4.807c0 .087-.07.158-.157.158h-1.816a.63.63 0 0 0-.629.633v4.946a.63.63 0 0 0 .629.633h1.816c.087 0 .157.071.157.158v8.872c0 5.271 2.725 7.314 7.361 7.314z"
43
- fill="#fff"
44
- />
45
- <path
46
- d="M61.846.936c3.35.413 4.944 4.005 4.92 8.746l.017-.013c-5.497 4.462-16.323 7.515-26.958 1.71l.011-.016c1.568.832 3.224 1.475 5.172 1.715 2.386.294 4.303-1.023 6.043-2.889l.124-.134.062-.068.123-.137.123-.138.122-.14.121-.142.061-.071.121-.144.12-.145.146-.178.073-.09.182-.226.181-.228.144-.184.144-.185.143-.185.215-.279 1.091-1.431.209-.271.209-.269.14-.178.14-.177.14-.175.141-.173.141-.172.113-.136.113-.135.114-.133.114-.132.057-.065.114-.13.057-.064.115-.127.173-.187.116-.123.175-.18.117-.118C58.328 1.663 59.933.7 61.846.936z"
47
- fill="white"
48
- />
49
- <path
50
- d="M26.763 28.981l.011.013c-1.414-.671-2.883-1.176-4.519-1.378-1.738-.214-3.244.513-4.634 1.704l-.11.095-.163.146-.108.1-.108.101-.268.261-.106.107-.106.109-.106.11-.053.056-.105.112-.053.057-.125.136-.124.138-.124.139-.062.07-.123.142-.123.143-.122.145-.122.146-.061.073-.15.183-.075.092-.149.185-.075.093-.149.187-.149.188-.223.283-.296.38-.671.866-.222.285-.222.283-.148.188-.223.28-.149.185-.149.183-.149.182-.15.18-.117.139-.118.138-.118.136-.118.135-.119.133-.119.132-.119.13-.06.064-.12.127-.1.104-.1.103-.1.101-.151.15-.101.098-.102.096-.051.048-.102.094-.206.183-.103.089-.052.044-.104.086c-1.302 1.066-2.706 1.698-4.305 1.5-3.321-.41-4.98-3.93-5.064-8.601l-.097.09c6.351-5.963 17.155-6.757 26.506-2.264z"
51
- fill="white"
52
- fill-opacity="0.4"
53
- />
54
- <path
55
- d="M42.216 35.925c-2.861-.398-5.212-1.275-7.302-2.318l-.189-.095-.188-.096-.186-.097-.231-.122-.229-.123-.182-.099-.226-.125-.224-.126-.178-.101-.177-.102-.264-.153-.349-.205-.278-.166-.276-.166-.411-.249-1.214-.738-.334-.201-.333-.199-2.669-1.45-.012-.013c-9.258-4.447-19.94-3.714-26.315 2.087l-.095.088C.156 20.101 8.779 2.598 25.068 4.608c2.854.352 5.141 1.176 7.14 2.181l.178.09.177.091.175.092.087.046.173.093.172.094.17.095.085.048.211.12.209.121.166.097.165.098.164.098.163.099.162.099.161.099.16.1.261.164.13.082.258.164.256.164 1.137.733.25.161.25.159.312.197.312.194a31.02 31.02 0 0 0 1.568.911l.199.106c10.506 5.694 21.166 2.775 26.7-1.604l.149-.12c-.055 10.998-8.815 28.185-24.55 26.243z"
56
- fill="white"
57
- fill-opacity="0.701961"
58
- />
39
+ <g
40
+ fill="#FFF"
41
+ fill-rule="evenodd"
42
+ >
43
+ <path
44
+ d="M552.744 256.625v-95.291l76.408 97.755a4 4 0 0 0 3.152 1.536h37.77a4 4 0 0 0 4-4v-173a4 4 0 0 0-4-4h-41.67a4 4 0 0 0-4 4v91.672l-73.305-94.13a4 4 0 0 0-3.156-1.542h-40.87a4 4 0 0 0-4 4v173a4 4 0 0 0 4 4h41.67a4 4 0 0 0 4-4Zm853.33-128.5c15.187 0 27.5-12.312 27.5-27.5s-12.313-27.5-27.5-27.5c-15.188 0-27.5 12.312-27.5 27.5s12.312 27.5 27.5 27.5ZM766.1 263.625c26.277 0 45.094-10.226 58.443-25.825.715-.835 1.25-3.248-.143-4.4l-22.174-18.318c-1.696-1.4-4.396-.705-5.21.025-9.132 8.192-17.66 11.89-28.587 11.89-15.265 0-26.39-7.74-30.27-22.958h88.696c1.653 0 5.218-1.317 5.218-4.033v-6.027c0-41.015-22.25-76.354-70.371-76.354-41.394 0-70.63 32.244-70.63 73v.516c0 43.078 31.047 72.484 75.028 72.484Zm20.973-85h-49c2.592-15.306 11.407-25 24.37-25 13.482 0 22.815 9.694 24.63 25Zm130.377 79.219 21.401-66.899a1 1 0 0 1 1.907.006l20.915 66.868a4 4 0 0 0 3.818 2.806h36.477a4 4 0 0 0 3.824-2.825l40.691-132.485a4 4 0 0 0-3.823-5.174h-38.798a4 4 0 0 0-3.864 2.968l-17.167 64.282a1 1 0 0 1-1.922.034l-19.819-64.967a4 4 0 0 0-3.826-2.833h-34.389a4 4 0 0 0-3.824 2.825l-19.802 64.442a1 1 0 0 1-1.923-.04l-16.673-63.724a4 4 0 0 0-3.87-2.987h-39.316a4 4 0 0 0-3.828 5.161l40.204 132.485a4 4 0 0 0 3.828 2.838h35.97a4 4 0 0 0 3.81-2.781Zm195.516 5.781c34.109 0 57.107-16.05 57.107-46.854v-.518c0-24.463-17.791-34.667-41.506-42.125l-1.59-.493c-.532-.163-1.068-.325-1.606-.486l-1.622-.48-1.638-.473-1.652-.468-4.385-1.342-1.812-.567-1.301-.415-1.253-.407-1.203-.403-1.152-.397-.74-.263-.717-.263-.694-.26-.672-.262-.647-.26-.625-.262-.6-.262a37.707 37.707 0 0 1-.292-.131l-.565-.264a29.71 29.71 0 0 1-.542-.266l-.517-.267a23.42 23.42 0 0 1-.25-.135l-.48-.27c-.156-.092-.308-.183-.456-.275l-.43-.277c-2.234-1.488-3.406-3.131-3.406-5.178v-.517c0-4.142 3.876-6.99 11.37-6.99 10.365 0 24.777 4.28 38.413 11.58l.74.397.108.04.15.045.186.043c.067.013.14.026.216.037l.239.025c.79.06 1.844-.117 2.294-1.214l1.12-3.39.932-2.87 1.65-5.16 1.74-5.531 1.424-4.59 2.677-8.722c.426-1.388-.129-2.131-.559-2.474l-.124-.09-.11-.07-.048-.025c-14.962-7.889-32.893-12.2-50.532-12.2-32.3 0-56.073 16.567-56.073 46.336v.518c0 23.764 15.869 34.061 37.61 41.067l1.544.49 1.563.478c.524.159 1.051.315 1.58.47l1.599.461 1.614.454 1.63.446 1.645.44.828.219 3.502.989 2.331.671 1.762.52 1.26.383.812.253 1.174.375.752.249.73.248.705.248.682.247.657.248.32.125.622.25.302.125.585.252.56.254.537.256.512.26c3.248 1.696 4.935 3.6 4.935 6.213v.518c0 4.918-4.135 7.507-12.662 7.507-13.71 0-29.973-4.88-45.27-14.42l-.74-.465a3.538 3.538 0 0 0-.158-.095l-.184-.097-.204-.093c-.676-.281-1.597-.41-2.108.503l-9.708 29.365-.33.97c-.655 1.865.694 3.184 1.353 3.571 17.25 10.127 37.076 15.19 57.09 15.19Zm130.19-8v-42.673a1 1 0 0 1 .26-.673l17.215-18.943a1 1 0 0 1 1.568.11l43.79 64.428a4 4 0 0 0 3.308 1.751h50.194a4 4 0 0 0 3.302-6.258l-66.017-96.528a1 1 0 0 1 .075-1.226l62.037-70.342a4 4 0 0 0-3-6.646h-48.409a4 4 0 0 0-3.046 1.408l-59.516 69.956a1 1 0 0 1-1.761-.648V82.625a4 4 0 0 0-4-4h-42.083a4 4 0 0 0-4 4v173a4 4 0 0 0 4 4h42.083a4 4 0 0 0 4-4Zm187.917 0V148.208a4 4 0 0 0-4-4h-41a4 4 0 0 0-4 4v107.417a4 4 0 0 0 4 4h41a4 4 0 0 0 4-4Zm85.35 7c12.369 0 23.052-2.735 31.48-6.877l.613-.306.166-.09.18-.107c.739-.467 1.694-1.405 1.694-3.533v-32.733c0-1.689-1.352-1.861-2.35-1.692l-.225.045a3.855 3.855 0 0 0-.105.026l-.196.057c-.062.02-.12.04-.172.06l-.076.032c-4.988 2.032-10.153 3.266-15.494 3.266-9.05 0-13.446-4.133-13.446-13.95v-46.536a1 1 0 0 1 1-1h27.58a4 4 0 0 0 4-4v-31.269a4 4 0 0 0-4-4h-27.58a1 1 0 0 1-1-1V88.625a4 4 0 0 0-4-4h-40.87a4 4 0 0 0-4 4v30.393a1 1 0 0 1-1 1h-11.55a4 4 0 0 0-4 4v31.269a4 4 0 0 0 4 4h11.55a1 1 0 0 1 1 1v56.094c0 33.327 17.324 46.244 46.802 46.244ZM379.362 61.698c20.346 3.216 29.309 25.295 28.162 53.99l.105-.078c-34.472 25.84-101.146 42.013-164.79 4.608l.071-.094c9.386 5.373 19.354 9.613 31.184 11.482 14.492 2.29 26.465-5.277 37.47-16.203l.784-.786.39-.397.78-.803.777-.812.774-.822.771-.83.385-.42.767-.843.765-.851.93-1.048.463-.528 1.156-1.329 1.151-1.341.919-1.082.916-1.087.914-1.092 1.368-1.645 2.348-2.846 2.833-3.442 1.774-2.145 1.331-1.597 1.333-1.584.89-1.047.89-1.039.892-1.03.893-1.02.895-1.01.718-.798.719-.791.72-.783.722-.774.362-.383.725-.76c.12-.126.242-.251.363-.376l.727-.745c.364-.37.73-.735 1.095-1.096l.733-.717c.367-.356.735-.707 1.103-1.053l.74-.687c9.372-8.614 19.366-14.101 30.982-12.266Z"
45
+ />
46
+ <path
47
+ d="m159.457 223.988.067.079c-8.48-4.36-17.336-7.735-27.269-9.304-10.552-1.668-19.893 2.412-28.625 9.329l-.688.552a77.44 77.44 0 0 0-1.027.85l-.682.58-.68.59a93.514 93.514 0 0 0-1.69 1.521l-.672.626-.67.634-.668.644-.333.325-.666.657-.332.331-.789.797c-.262.267-.524.536-.786.807l-.784.818-.392.413-.78.832-.78.84-.777.85-.775.857-.387.431-.954 1.073-.476.54-.951 1.086-.475.546-.948 1.098-.946 1.105-1.418 1.668-1.885 2.237-4.275 5.097-1.413 1.678-1.413 1.668-.944 1.105-1.418 1.645-.946 1.087-.949 1.078-.95 1.068-.953 1.057-.744.816-.746.808-.747.8-.75.79-.75.782-.753.772-.755.762-.378.377-.758.745-.63.61-.633.602-.634.594a96.01 96.01 0 0 1-.954.873l-.639.571-.64.562-.32.278-.644.547c-.43.361-.86.716-1.292 1.064l-.65.516-.325.254-.652.5c-8.17 6.175-16.862 9.7-26.577 8.165-20.172-3.188-29.547-24.85-29.07-53.144l-.61.522c39.997-34.745 106.06-37.245 162.15-8.061Z"
48
+ opacity=".4"
49
+ />
50
+ <path
51
+ d="M252.236 269.317c-17.367-3.018-31.524-8.826-44.05-15.588l-1.134-.618c-.376-.206-.751-.414-1.125-.622l-1.117-.627-1.385-.79-1.373-.795-1.09-.641-1.35-.806-1.342-.81-1.065-.65-1.059-.654-1.577-.983-2.083-1.315-1.661-1.062-1.65-1.062-2.453-1.592-5.648-3.687-1.599-1.04-1.992-1.29-1.987-1.274c-5.293-3.374-10.556-6.56-15.972-9.344l-.067-.079c-55.528-28.892-120.833-26.731-160.943 7.029l-.598.51c1.127-66.96 57.421-171.07 156.35-155.435 17.33 2.74 31.105 8.215 43.085 14.724l1.068.586c.355.196.707.393 1.059.591l1.05.596.521.3 1.037.602 1.028.608 1.02.61.507.308 1.26.771 1.249.777.99.624.985.628.977.63.972.631.966.634.96.635.956.637 1.555 1.045.773.524 1.537 1.047 1.527 1.048 6.78 4.678 1.492 1.025 1.49 1.017 1.863 1.258 1.863 1.242c3.093 2.045 6.2 4.01 9.37 5.85l1.193.684c62.875 36.706 128.51 21.306 163.188-4.022l.937-.693c-2.66 66.565-59.722 168.734-155.288 153.63Z"
52
+ opacity=".7"
53
+ />
54
+ </g>
59
55
  </svg>
60
56
  </div>
57
+ </div>
58
+ <div
59
+ class="css-1k3e0au"
60
+ >
61
61
  <div
62
- class="css-1k3e0au"
62
+ class="css-1irxjn1"
63
63
  >
64
64
  <svg
65
- class="css-kgdu16"
66
- height="48px"
67
- viewBox="0 0 244 40"
65
+ aria-hidden="true"
66
+ class="css-8qscsg"
67
+ fill="currentColor"
68
+ viewBox="0 0 588 400"
69
+ xmlns="http://www.w3.org/2000/svg"
68
70
  >
69
- <title>
70
- NewsKit Logo
71
- </title>
72
- <path
73
- d="M61.846.936c3.35.413 4.944 4.005 4.92 8.746l.017-.013c-5.497 4.462-16.323 7.515-26.958 1.71l.011-.016c1.568.832 3.224 1.475 5.172 1.715 2.386.294 4.303-1.023 6.043-2.889l.124-.134.062-.068.123-.137.123-.138.122-.14.121-.142.061-.071.121-.144.12-.145.146-.178.073-.09.182-.226.181-.228.144-.184.144-.185.143-.185.215-.279 1.091-1.431.209-.271.209-.269.14-.178.14-.177.14-.175.141-.173.141-.172.113-.136.113-.135.114-.133.114-.132.057-.065.114-.13.057-.064.115-.127.173-.187.116-.123.175-.18.117-.118C58.328 1.663 59.933.7 61.846.936z"
74
- fill="white"
75
- />
76
- <path
77
- d="M26.763 28.981l.011.013c-1.414-.671-2.883-1.176-4.519-1.378-1.738-.214-3.244.513-4.634 1.704l-.11.095-.163.146-.108.1-.108.101-.268.261-.106.107-.106.109-.106.11-.053.056-.105.112-.053.057-.125.136-.124.138-.124.139-.062.07-.123.142-.123.143-.122.145-.122.146-.061.073-.15.183-.075.092-.149.185-.075.093-.149.187-.149.188-.223.283-.296.38-.671.866-.222.285-.222.283-.148.188-.223.28-.149.185-.149.183-.149.182-.15.18-.117.139-.118.138-.118.136-.118.135-.119.133-.119.132-.119.13-.06.064-.12.127-.1.104-.1.103-.1.101-.151.15-.101.098-.102.096-.051.048-.102.094-.206.183-.103.089-.052.044-.104.086c-1.302 1.066-2.706 1.698-4.305 1.5-3.321-.41-4.98-3.93-5.064-8.601l-.097.09c6.351-5.963 17.155-6.757 26.506-2.264z"
78
- fill="white"
79
- fill-opacity="0.4"
80
- />
81
- <path
82
- d="M42.216 35.925c-2.861-.398-5.212-1.275-7.302-2.318l-.189-.095-.188-.096-.186-.097-.231-.122-.229-.123-.182-.099-.226-.125-.224-.126-.178-.101-.177-.102-.264-.153-.349-.205-.278-.166-.276-.166-.411-.249-1.214-.738-.334-.201-.333-.199-2.669-1.45-.012-.013c-9.258-4.447-19.94-3.714-26.315 2.087l-.095.088C.156 20.101 8.779 2.598 25.068 4.608c2.854.352 5.141 1.176 7.14 2.181l.178.09.177.091.175.092.087.046.173.093.172.094.17.095.085.048.211.12.209.121.166.097.165.098.164.098.163.099.162.099.161.099.16.1.261.164.13.082.258.164.256.164 1.137.733.25.161.25.159.312.197.312.194a31.02 31.02 0 0 0 1.568.911l.199.106c10.506 5.694 21.166 2.775 26.7-1.604l.149-.12c-.055 10.998-8.815 28.185-24.55 26.243z"
83
- fill="white"
84
- fill-opacity="0.701961"
85
- />
71
+ <g
72
+ fill="#FFF"
73
+ fill-rule="evenodd"
74
+ >
75
+ <path
76
+ d="M543.932 29.29c29.56 3.63 43.625 35.165 43.416 76.798l.147-.117c-48.505 39.184-144.026 65.989-237.871 15.014l.097-.14c13.832 7.31 28.45 12.949 45.636 15.059 21.055 2.585 37.973-8.986 53.322-25.373l1.094-1.179.545-.595 1.086-1.202 1.081-1.216 1.077-1.23 1.072-1.243.535-.626 1.066-1.26 1.062-1.273 1.29-1.565.644-.788 1.603-1.984 1.596-2.002 1.272-1.613 1.27-1.622 1.265-1.628 1.893-2.453 3.25-4.242 3.92-5.13 2.455-3.198 1.842-2.381 1.846-2.363 1.232-1.562 1.235-1.55 1.236-1.538 1.24-1.523 1.242-1.507.997-1.194.999-1.183 1.001-1.17 1.004-1.158.504-.574 1.008-1.138.506-.563 1.013-1.115a166.29 166.29 0 0 1 1.527-1.645l1.023-1.076c.512-.533 1.026-1.06 1.541-1.581l1.033-1.032c13.109-12.955 27.272-21.411 44.148-19.34Z"
77
+ />
78
+ <path
79
+ d="m234.38 275.553.101.11c-12.475-5.887-25.44-10.328-39.87-12.1-15.331-1.883-28.623 4.501-40.89 14.965l-.966.834c-.482.422-.963.85-1.442 1.283l-.956.875-.953.89c-.792.748-1.58 1.512-2.364 2.29l-.94.94-.936.954-.933.966-.465.488-.929.985c-.154.165-.309.33-.463.497l-1.1 1.194c-.365.4-.73.804-1.095 1.21l-1.092 1.224-.544.618-1.087 1.245-1.083 1.258-1.08 1.27-1.077 1.28-.538.645-1.324 1.602-.66.806-1.32 1.622-.658.816-1.315 1.64-1.311 1.648-1.964 2.488-2.612 3.336-5.92 7.602-1.955 2.502-1.959 2.488-1.308 1.65-1.965 2.455-1.313 1.623-1.316 1.61-1.32 1.595-1.322 1.58-1.035 1.219-1.037 1.209-1.04 1.196-1.042 1.184-1.045 1.17-1.05 1.157-1.051 1.142-.528.565-1.057 1.118-.88.916-.884.904-.886.892c-.444.443-.889.881-1.335 1.314l-.894.86-.896.846-.45.418-.901.826c-.602.545-1.207 1.08-1.814 1.606l-.912.781a98.76 98.76 0 0 1-.457.384l-.917.757c-11.492 9.362-23.876 14.909-37.99 13.176C16.73 366.578 2.09 335.669 1.35 294.649l-.855.788c56.038-52.366 151.369-59.33 233.885-19.884Z"
80
+ opacity=".4"
81
+ />
82
+ <path
83
+ d="M370.723 336.535c-25.245-3.495-45.993-11.194-64.433-20.357l-1.67-.837c-.555-.28-1.107-.562-1.658-.845l-1.645-.852-2.041-1.074-2.024-1.084-1.606-.873-1.994-1.098-1.978-1.106-1.572-.89-1.563-.892-2.328-1.344-3.076-1.8-2.455-1.455-2.436-1.456-3.626-2.182-8.346-5.057-2.363-1.427-2.943-1.767-2.935-1.745c-7.82-4.621-15.585-8.97-23.55-12.73l-.1-.111c-81.692-39.051-175.942-32.617-232.193 18.326l-.838.77C-.401 197.575 75.685 43.885 219.416 61.532c25.18 3.092 45.36 10.329 62.998 19.154l1.572.795c.522.266 1.042.533 1.56.802l1.547.81.768.408 1.529.821 1.516.828 1.505.834.748.419 1.86 1.054 1.842 1.062 1.464.855 1.453.859 1.445.863 1.436.866 1.428.87 1.42.87 1.411.875 2.3 1.436 1.144.72 2.274 1.44 2.26 1.44 10.03 6.436 2.21 1.41 2.204 1.397 2.754 1.729 2.755 1.704c4.573 2.806 9.161 5.498 13.835 8.003l1.757.93c92.7 50.001 186.76 24.367 235.588-14.083l1.32-1.052c-.485 96.579-77.78 247.495-216.626 230.447Z"
84
+ opacity=".7"
85
+ />
86
+ </g>
86
87
  </svg>
87
88
  </div>
88
- </span>
89
- </a>
89
+ </div>
90
+ </span>
91
+ </a>
92
+ <a
93
+ class="css-1aup117"
94
+ data-testid="skip-to-content"
95
+ href="#main"
96
+ >
97
+ Skip to main content
98
+ </a>
99
+ </div>
100
+ </div>
101
+ <div
102
+ class="css-15brxgw"
103
+ >
104
+ <div
105
+ class="css-1k3e0au"
106
+ >
107
+ <svg
108
+ aria-hidden="true"
109
+ aria-label="Mobile Menu Button"
110
+ class="css-yyp9n-EmotionIconBase ex0cdmw0"
111
+ data-testid="mobile-menu-btn"
112
+ fill="currentColor"
113
+ focusable="false"
114
+ role="button"
115
+ tabindex="0"
116
+ viewBox="0 0 24 24"
117
+ xmlns="http://www.w3.org/2000/svg"
118
+ >
119
+ <path
120
+ d="M0 0h24v24H0z"
121
+ fill="none"
122
+ />
123
+ <path
124
+ d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
125
+ />
126
+ </svg>
127
+ </div>
128
+ </div>
129
+ <div
130
+ class="css-oiffzn"
131
+ >
132
+ <nav
133
+ class="css-1le7q07"
134
+ >
135
+ <div
136
+ class="css-16ctgp1"
137
+ data-testid="action-links-desktop"
138
+ >
90
139
  <div
91
- class="css-12mm2yp"
140
+ class="css-ls2ppd"
92
141
  >
93
- <div
94
- class="css-1q7p9do"
95
- data-testid="NavigationContainer"
142
+ <a
143
+ aria-label="Section One Link"
144
+ class="css-e43kyg"
145
+ href="/section-one"
96
146
  >
97
- <div
98
- class="css-rk1vtl"
99
- data-testid="Navigation"
147
+ <span
148
+ class="css-1xnclyu"
100
149
  >
101
150
  <span
102
- class="css-10bwu4j"
151
+ class="css-1yztr03"
103
152
  >
104
- <a
105
- aria-label="Section One Link"
106
- class="css-e43kyg"
107
- href="/section-one"
153
+ <span
154
+ class="css-8bpgtg"
108
155
  >
109
- <span
110
- class="css-17x5lw"
111
- >
112
- <span
113
- class="css-kxo08d"
114
- >
115
- Section One
116
- </span>
117
- </span>
118
- </a>
156
+ Section One
157
+ </span>
119
158
  </span>
159
+ </span>
160
+ </a>
161
+ </div>
162
+ <div
163
+ class="css-ls2ppd"
164
+ >
165
+ <a
166
+ aria-label="Section Two Link"
167
+ class="css-e43kyg"
168
+ href="/section-two"
169
+ >
170
+ <span
171
+ class="css-1xnclyu"
172
+ >
120
173
  <span
121
- class="css-10bwu4j"
174
+ class="css-1yztr03"
122
175
  >
123
- <a
124
- aria-label="Section Two Link"
125
- class="css-e43kyg"
126
- href="/section-two"
176
+ <span
177
+ class="css-8bpgtg"
127
178
  >
128
- <span
129
- class="css-17x5lw"
130
- >
131
- <span
132
- class="css-kxo08d"
133
- >
134
- Section Two
135
- </span>
136
- </span>
137
- </a>
179
+ Section Two
180
+ </span>
138
181
  </span>
182
+ </span>
183
+ </a>
184
+ </div>
185
+ <div
186
+ class="css-ls2ppd"
187
+ >
188
+ <a
189
+ aria-label="Section Three Link"
190
+ class="css-e43kyg"
191
+ href="/section-three"
192
+ >
193
+ <span
194
+ class="css-1xnclyu"
195
+ >
139
196
  <span
140
- class="css-10bwu4j"
197
+ class="css-1yztr03"
141
198
  >
142
- <a
143
- aria-label="Section Three Link"
144
- class="css-e43kyg"
145
- href="/section-three"
199
+ <span
200
+ class="css-8bpgtg"
146
201
  >
147
- <span
148
- class="css-17x5lw"
149
- >
150
- <span
151
- class="css-kxo08d"
152
- >
153
- Section Three
154
- </span>
155
- </span>
156
- </a>
202
+ Section Three
203
+ </span>
157
204
  </span>
158
- </div>
159
- </div>
160
- <div
161
- class="css-1k3e0au"
162
- >
163
- <div
164
- class="css-qzhw9i"
165
- >
166
- <svg
167
- aria-hidden="true"
168
- aria-label="Mobile Menu Button"
169
- class="css-yyp9n-EmotionIconBase ex0cdmw0"
170
- data-testid="mobile-menu-btn"
171
- fill="currentColor"
172
- focusable="false"
173
- role="button"
174
- tabindex="0"
175
- viewBox="0 0 24 24"
176
- xmlns="http://www.w3.org/2000/svg"
177
- >
178
- <path
179
- d="M0 0h24v24H0z"
180
- fill="none"
181
- />
182
- <path
183
- d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
184
- />
185
- </svg>
186
- </div>
187
- </div>
205
+ </span>
206
+ </a>
188
207
  </div>
189
208
  </div>
190
- </div>
209
+ </nav>
210
+ </div>
211
+ <div
212
+ class="css-x6oa1l"
213
+ >
214
+ <div
215
+ class="css-30qa7x"
216
+ />
191
217
  </div>
192
218
  </div>
193
- </div>
219
+ </header>
194
220
  <div
195
221
  class="css-1ce0b49"
196
222
  >
@@ -202,70 +228,179 @@ exports[`getServerSideProps Homepage 1`] = `
202
228
  data-testid="SectionGrid"
203
229
  >
204
230
  <div
205
- class="css-1c1wp9z"
206
- data-testid="SectionCell"
231
+ class="css-i7y2rh"
232
+ data-testid="SectionGrid"
207
233
  >
208
234
  <div
209
- class="css-taye4"
210
- />
211
- <div
212
- class="css-148nb04"
213
- data-testid="SUPPLEMENT_LEAD_AND_4_STACK-Grid"
235
+ class="css-1c1wp9z"
236
+ data-testid="SectionCell"
214
237
  >
215
238
  <div
216
- class="css-30qa7x"
217
- data-testid="featureVerticalCell"
239
+ class="css-taye4"
240
+ />
241
+ <div
242
+ class="css-148nb04"
243
+ data-testid="SUPPLEMENT_LEAD_AND_4_STACK-Grid"
218
244
  >
219
245
  <div
220
- class="css-1opc7jp"
246
+ class="css-30qa7x"
247
+ data-testid="featureVerticalCell"
248
+ >
249
+ <div
250
+ class="css-1opc7jp"
251
+ >
252
+ <div
253
+ class="css-x4egtb"
254
+ >
255
+ <picture
256
+ class="css-iq6vim"
257
+ >
258
+ <img
259
+ alt=""
260
+ class="css-ssxt4f"
261
+ src=""
262
+ />
263
+ </picture>
264
+ </div>
265
+ <div
266
+ class="css-1shocxe"
267
+ >
268
+ <div
269
+ class="css-u3mic"
270
+ >
271
+ <div
272
+ class="css-7q4xyp"
273
+ >
274
+ <a
275
+ class="nk-card-link css-1cq1vxv"
276
+ href="catagory-one/demo-1/test-headline"
277
+ >
278
+ <section
279
+ class="css-kxmtg8"
280
+ >
281
+ <h3
282
+ class="nk-headline-heading css-10swdqn"
283
+ >
284
+ test headline
285
+ </h3>
286
+ </section>
287
+ </a>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ <div
294
+ class="css-1roi2fz"
221
295
  >
222
296
  <div
223
- class="css-x4egtb"
297
+ class="css-30qa7x"
298
+ data-testid="titleVerticalCell-0"
224
299
  >
225
- <picture
226
- class="css-iq6vim"
300
+ <div
301
+ class="css-6c0oh5"
227
302
  >
228
- <img
229
- alt=""
230
- class="css-ssxt4f"
231
- src=""
232
- />
233
- </picture>
303
+ <div
304
+ class="css-1rsw0n0"
305
+ >
306
+ <picture
307
+ class="css-iq6vim"
308
+ >
309
+ <img
310
+ alt=""
311
+ class="css-ssxt4f"
312
+ src=""
313
+ />
314
+ </picture>
315
+ </div>
316
+ <div
317
+ class="css-1r2lt0d"
318
+ >
319
+ <div
320
+ class="css-h6wt93"
321
+ >
322
+ <div
323
+ class="css-165k7dq"
324
+ >
325
+ <a
326
+ class="nk-card-link css-1cq1vxv"
327
+ href="catagory-two/demo-2/test-headline-2"
328
+ >
329
+ <section
330
+ class="css-75k513"
331
+ >
332
+ <h3
333
+ class="nk-headline-heading css-10swdqn"
334
+ >
335
+ test headline 2
336
+ </h3>
337
+ </section>
338
+ </a>
339
+ </div>
340
+ </div>
341
+ </div>
342
+ </div>
234
343
  </div>
235
344
  <div
236
- class="css-1shocxe"
345
+ class="css-30qa7x"
346
+ data-testid="titleVerticalCell-1"
237
347
  >
238
348
  <div
239
- class="css-u3mic"
349
+ class="css-6c0oh5"
240
350
  >
241
351
  <div
242
- class="css-7q4xyp"
352
+ class="css-1rsw0n0"
243
353
  >
244
- <a
245
- class="nk-card-link css-1cq1vxv"
246
- href="catagory-one/demo-1/test-headline"
354
+ <picture
355
+ class="css-iq6vim"
247
356
  >
248
- <section
249
- class="css-kxmtg8"
357
+ <img
358
+ alt=""
359
+ class="css-ssxt4f"
360
+ src=""
361
+ />
362
+ </picture>
363
+ </div>
364
+ <div
365
+ class="css-1r2lt0d"
366
+ >
367
+ <div
368
+ class="css-h6wt93"
369
+ >
370
+ <div
371
+ class="css-165k7dq"
250
372
  >
251
- <h3
252
- class="nk-headline-heading css-10swdqn"
373
+ <a
374
+ class="nk-card-link css-1cq1vxv"
375
+ href="catagory-three/demo-3/test-headline-3"
253
376
  >
254
- test headline
255
- </h3>
256
- </section>
257
- </a>
377
+ <section
378
+ class="css-75k513"
379
+ >
380
+ <h3
381
+ class="nk-headline-heading css-10swdqn"
382
+ >
383
+ test headline 3
384
+ </h3>
385
+ </section>
386
+ </a>
387
+ </div>
388
+ </div>
258
389
  </div>
259
390
  </div>
260
391
  </div>
261
392
  </div>
262
393
  </div>
263
394
  <div
264
- class="css-1roi2fz"
395
+ class="css-taye4"
396
+ />
397
+ <div
398
+ class="css-1d5k6cq"
399
+ data-testid="SECONDARY_4-Grid"
265
400
  >
266
401
  <div
267
402
  class="css-30qa7x"
268
- data-testid="titleVerticalCell-0"
403
+ data-testid="titleTeaserVertical-0"
269
404
  >
270
405
  <div
271
406
  class="css-6c0oh5"
@@ -274,12 +409,15 @@ exports[`getServerSideProps Homepage 1`] = `
274
409
  class="css-1rsw0n0"
275
410
  >
276
411
  <picture
277
- class="css-iq6vim"
412
+ class="css-1tors5"
278
413
  >
414
+ <div
415
+ class="css-5pczz7"
416
+ />
279
417
  <img
280
- alt=""
281
- class="css-ssxt4f"
282
- src=""
418
+ alt="image alt"
419
+ class="css-1qgqq71"
420
+ src="https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1"
283
421
  />
284
422
  </picture>
285
423
  </div>
@@ -294,7 +432,7 @@ exports[`getServerSideProps Homepage 1`] = `
294
432
  >
295
433
  <a
296
434
  class="nk-card-link css-1cq1vxv"
297
- href="catagory-two/demo-2/test-headline-2"
435
+ href="catagory-one/demo-1/test-headline"
298
436
  >
299
437
  <section
300
438
  class="css-75k513"
@@ -302,7 +440,7 @@ exports[`getServerSideProps Homepage 1`] = `
302
440
  <h3
303
441
  class="nk-headline-heading css-10swdqn"
304
442
  >
305
- test headline 2
443
+ test headline
306
444
  </h3>
307
445
  </section>
308
446
  </a>
@@ -313,7 +451,7 @@ exports[`getServerSideProps Homepage 1`] = `
313
451
  </div>
314
452
  <div
315
453
  class="css-30qa7x"
316
- data-testid="titleVerticalCell-1"
454
+ data-testid="titleTeaserVertical-1"
317
455
  >
318
456
  <div
319
457
  class="css-6c0oh5"
@@ -322,12 +460,15 @@ exports[`getServerSideProps Homepage 1`] = `
322
460
  class="css-1rsw0n0"
323
461
  >
324
462
  <picture
325
- class="css-iq6vim"
463
+ class="css-1tors5"
326
464
  >
465
+ <div
466
+ class="css-5pczz7"
467
+ />
327
468
  <img
328
- alt=""
329
- class="css-ssxt4f"
330
- src=""
469
+ alt="image alt 2"
470
+ class="css-1qgqq71"
471
+ src="https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1"
331
472
  />
332
473
  </picture>
333
474
  </div>
@@ -342,7 +483,7 @@ exports[`getServerSideProps Homepage 1`] = `
342
483
  >
343
484
  <a
344
485
  class="nk-card-link css-1cq1vxv"
345
- href="catagory-three/demo-3/test-headline-3"
486
+ href="catagory-two/demo-2/test-headline-2"
346
487
  >
347
488
  <section
348
489
  class="css-75k513"
@@ -350,7 +491,7 @@ exports[`getServerSideProps Homepage 1`] = `
350
491
  <h3
351
492
  class="nk-headline-heading css-10swdqn"
352
493
  >
353
- test headline 3
494
+ test headline 2
354
495
  </h3>
355
496
  </section>
356
497
  </a>
@@ -359,384 +500,225 @@ exports[`getServerSideProps Homepage 1`] = `
359
500
  </div>
360
501
  </div>
361
502
  </div>
362
- </div>
363
- </div>
364
- <div
365
- class="css-taye4"
366
- />
367
- <div
368
- class="css-1d5k6cq"
369
- data-testid="SECONDARY_4-Grid"
370
- >
371
- <div
372
- class="css-30qa7x"
373
- data-testid="titleTeaserVertical-0"
374
- >
375
503
  <div
376
- class="css-6c0oh5"
504
+ class="css-30qa7x"
505
+ data-testid="titleTeaserVertical-2"
377
506
  >
378
507
  <div
379
- class="css-1rsw0n0"
508
+ class="css-6c0oh5"
380
509
  >
381
- <picture
382
- class="css-1tors5"
510
+ <div
511
+ class="css-1rsw0n0"
383
512
  >
384
- <div
385
- class="css-5pczz7"
386
- />
387
- <img
388
- alt="image alt"
389
- class="css-1qgqq71"
390
- src="https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1"
391
- />
392
- </picture>
393
- </div>
394
- <div
395
- class="css-1r2lt0d"
396
- >
513
+ <picture
514
+ class="css-iq6vim"
515
+ >
516
+ <img
517
+ alt=""
518
+ class="css-ssxt4f"
519
+ src=""
520
+ />
521
+ </picture>
522
+ </div>
397
523
  <div
398
- class="css-h6wt93"
524
+ class="css-1r2lt0d"
399
525
  >
400
526
  <div
401
- class="css-165k7dq"
527
+ class="css-h6wt93"
402
528
  >
403
- <a
404
- class="nk-card-link css-1cq1vxv"
405
- href="catagory-one/demo-1/test-headline"
529
+ <div
530
+ class="css-165k7dq"
406
531
  >
407
- <section
408
- class="css-75k513"
532
+ <a
533
+ class="nk-card-link css-1cq1vxv"
534
+ href="catagory-three/demo-3/test-headline-3"
409
535
  >
410
- <h3
411
- class="nk-headline-heading css-10swdqn"
536
+ <section
537
+ class="css-75k513"
412
538
  >
413
- test headline
414
- </h3>
415
- </section>
416
- </a>
539
+ <h3
540
+ class="nk-headline-heading css-10swdqn"
541
+ >
542
+ test headline 3
543
+ </h3>
544
+ </section>
545
+ </a>
546
+ </div>
417
547
  </div>
418
548
  </div>
419
549
  </div>
420
550
  </div>
421
- </div>
422
- <div
423
- class="css-30qa7x"
424
- data-testid="titleTeaserVertical-1"
425
- >
426
551
  <div
427
- class="css-6c0oh5"
552
+ class="css-30qa7x"
553
+ data-testid="titleTeaserVertical-3"
428
554
  >
429
555
  <div
430
- class="css-1rsw0n0"
431
- >
432
- <picture
433
- class="css-1tors5"
434
- >
435
- <div
436
- class="css-5pczz7"
437
- />
438
- <img
439
- alt="image alt 2"
440
- class="css-1qgqq71"
441
- src="https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1"
442
- />
443
- </picture>
444
- </div>
445
- <div
446
- class="css-1r2lt0d"
556
+ class="css-6c0oh5"
447
557
  >
448
558
  <div
449
- class="css-h6wt93"
559
+ class="css-1rsw0n0"
450
560
  >
451
- <div
452
- class="css-165k7dq"
561
+ <picture
562
+ class="css-1tors5"
453
563
  >
454
- <a
455
- class="nk-card-link css-1cq1vxv"
456
- href="catagory-two/demo-2/test-headline-2"
457
- >
458
- <section
459
- class="css-75k513"
460
- >
461
- <h3
462
- class="nk-headline-heading css-10swdqn"
463
- >
464
- test headline 2
465
- </h3>
466
- </section>
467
- </a>
468
- </div>
564
+ <div
565
+ class="css-5pczz7"
566
+ />
567
+ <img
568
+ alt="image alt 3"
569
+ class="css-1qgqq71"
570
+ src="https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1"
571
+ />
572
+ </picture>
469
573
  </div>
470
- </div>
471
- </div>
472
- </div>
473
- <div
474
- class="css-30qa7x"
475
- data-testid="titleTeaserVertical-2"
476
- >
477
- <div
478
- class="css-6c0oh5"
479
- >
480
- <div
481
- class="css-1rsw0n0"
482
- >
483
- <picture
484
- class="css-iq6vim"
485
- >
486
- <img
487
- alt=""
488
- class="css-ssxt4f"
489
- src=""
490
- />
491
- </picture>
492
- </div>
493
- <div
494
- class="css-1r2lt0d"
495
- >
496
574
  <div
497
- class="css-h6wt93"
575
+ class="css-1r2lt0d"
498
576
  >
499
577
  <div
500
- class="css-165k7dq"
578
+ class="css-h6wt93"
501
579
  >
502
- <a
503
- class="nk-card-link css-1cq1vxv"
504
- href="catagory-three/demo-3/test-headline-3"
580
+ <div
581
+ class="css-165k7dq"
505
582
  >
506
- <section
507
- class="css-75k513"
583
+ <a
584
+ class="nk-card-link css-1cq1vxv"
585
+ href="catagory-four/demo-4/test-headline-4"
508
586
  >
509
- <h3
510
- class="nk-headline-heading css-10swdqn"
587
+ <section
588
+ class="css-75k513"
511
589
  >
512
- test headline 3
513
- </h3>
514
- </section>
515
- </a>
590
+ <h3
591
+ class="nk-headline-heading css-10swdqn"
592
+ >
593
+ test headline 4
594
+ </h3>
595
+ </section>
596
+ </a>
597
+ </div>
516
598
  </div>
517
599
  </div>
518
600
  </div>
519
601
  </div>
520
602
  </div>
521
603
  <div
522
- class="css-30qa7x"
523
- data-testid="titleTeaserVertical-3"
604
+ class="css-taye4"
605
+ />
606
+ <div
607
+ class="LEAD_1_AND_1"
524
608
  >
525
- <div
526
- class="css-6c0oh5"
527
- >
528
- <div
529
- class="css-1rsw0n0"
530
- >
531
- <picture
532
- class="css-1tors5"
533
- >
534
- <div
535
- class="css-5pczz7"
536
- />
537
- <img
538
- alt="image alt 3"
539
- class="css-1qgqq71"
540
- src="https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1"
541
- />
542
- </picture>
543
- </div>
544
- <div
545
- class="css-1r2lt0d"
546
- >
547
- <div
548
- class="css-h6wt93"
549
- >
550
- <div
551
- class="css-165k7dq"
552
- >
553
- <a
554
- class="nk-card-link css-1cq1vxv"
555
- href="catagory-four/demo-4/test-headline-4"
556
- >
557
- <section
558
- class="css-75k513"
559
- >
560
- <h3
561
- class="nk-headline-heading css-10swdqn"
562
- >
563
- test headline 4
564
- </h3>
565
- </section>
566
- </a>
567
- </div>
568
- </div>
569
- </div>
570
- </div>
571
- </div>
572
- </div>
573
- <div
574
- class="css-taye4"
575
- />
576
- <div
577
- class="LEAD_1_AND_1"
578
- >
579
- <h2>
580
- Layout: LEAD_1_AND_1
581
- </h2>
582
- <p>
583
- <a
584
- class="css-16qt96l"
585
- href="/catagory-one/demo-1/test-headline"
586
- >
587
- <span
588
- class="css-17x5lw"
609
+ <h2>
610
+ Layout: LEAD_1_AND_1
611
+ </h2>
612
+ <p>
613
+ <a
614
+ class="css-16qt96l"
615
+ href="/catagory-one/demo-1/test-headline"
589
616
  >
590
617
  <span
591
- class="css-1golznc"
618
+ class="css-17x5lw"
592
619
  >
593
- test headline
620
+ <span
621
+ class="css-1golznc"
622
+ >
623
+ test headline
624
+ </span>
594
625
  </span>
595
- </span>
596
- </a>
597
- </p>
598
- <p>
599
- <a
600
- class="css-16qt96l"
601
- href="/catagory-two/demo-2/test-headline-2"
602
- >
603
- <span
604
- class="css-17x5lw"
626
+ </a>
627
+ </p>
628
+ <p>
629
+ <a
630
+ class="css-16qt96l"
631
+ href="/catagory-two/demo-2/test-headline-2"
605
632
  >
606
633
  <span
607
- class="css-1golznc"
634
+ class="css-17x5lw"
608
635
  >
609
- test headline 2
636
+ <span
637
+ class="css-1golznc"
638
+ >
639
+ test headline 2
640
+ </span>
610
641
  </span>
611
- </span>
612
- </a>
613
- </p>
614
- </div>
615
- <div
616
- class="css-taye4"
617
- />
618
- <div
619
- class="LEAD_1_AND_1"
620
- >
621
- <h2>
622
- Layout: LEAD_1_AND_1
623
- </h2>
624
- <p>
625
- <a
626
- class="css-16qt96l"
627
- href="/uncategorized"
628
- >
629
- <span
630
- class="css-17x5lw"
642
+ </a>
643
+ </p>
644
+ </div>
645
+ <div
646
+ class="css-taye4"
647
+ />
648
+ <div
649
+ class="LEAD_1_AND_1"
650
+ >
651
+ <h2>
652
+ Layout: LEAD_1_AND_1
653
+ </h2>
654
+ <p>
655
+ <a
656
+ class="css-16qt96l"
657
+ href="/uncategorized"
631
658
  >
632
659
  <span
633
- class="css-1golznc"
660
+ class="css-17x5lw"
634
661
  >
635
- TODO - External Reference
662
+ <span
663
+ class="css-1golznc"
664
+ >
665
+ TODO - External Reference
666
+ </span>
636
667
  </span>
637
- </span>
638
- </a>
639
- </p>
640
- <p>
641
- <a
642
- class="css-16qt96l"
643
- href="/uncategorized"
644
- >
645
- <span
646
- class="css-17x5lw"
668
+ </a>
669
+ </p>
670
+ <p>
671
+ <a
672
+ class="css-16qt96l"
673
+ href="/uncategorized"
647
674
  >
648
675
  <span
649
- class="css-1golznc"
676
+ class="css-17x5lw"
650
677
  >
651
- TODO - Video
678
+ <span
679
+ class="css-1golznc"
680
+ >
681
+ TODO - Video
682
+ </span>
652
683
  </span>
653
- </span>
654
- </a>
655
- </p>
656
- <p>
657
- <a
658
- class="css-16qt96l"
659
- href="/uncategorized"
660
- >
661
- <span
662
- class="css-17x5lw"
684
+ </a>
685
+ </p>
686
+ <p>
687
+ <a
688
+ class="css-16qt96l"
689
+ href="/uncategorized"
663
690
  >
664
691
  <span
665
- class="css-1golznc"
692
+ class="css-17x5lw"
666
693
  >
667
- Unknown slice block - something
668
- </span>
669
- </span>
670
- </a>
671
- </p>
672
- </div>
673
- <div
674
- class="css-taye4"
675
- />
676
- <div
677
- class="css-148nb04"
678
- data-testid="SUPPLEMENT_LEAD_AND_4_STACK-Grid"
679
- >
680
- <div
681
- class="css-30qa7x"
682
- data-testid="featureVerticalCell"
683
- >
684
- <div
685
- class="css-1opc7jp"
686
- >
687
- <div
688
- class="css-x4egtb"
689
- >
690
- <picture
691
- class="css-1runu6d"
692
- >
693
- <div
694
- class="css-5pczz7"
695
- />
696
- <img
697
- class="css-1qgqq71"
698
- src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
699
- />
700
- </picture>
701
- </div>
702
- <div
703
- class="css-1shocxe"
704
- >
705
- <div
706
- class="css-u3mic"
707
- >
708
- <div
709
- class="css-7q4xyp"
694
+ <span
695
+ class="css-1golznc"
710
696
  >
711
- <section
712
- class="css-kxmtg8"
713
- >
714
- <h3
715
- class="nk-headline-heading css-5gd387"
716
- >
717
- TODO - External Reference
718
- </h3>
719
- </section>
720
- </div>
721
- </div>
722
- </div>
723
- </div>
697
+ Unknown slice block - something
698
+ </span>
699
+ </span>
700
+ </a>
701
+ </p>
724
702
  </div>
725
703
  <div
726
- class="css-1roi2fz"
704
+ class="css-taye4"
705
+ />
706
+ <div
707
+ class="css-148nb04"
708
+ data-testid="SUPPLEMENT_LEAD_AND_4_STACK-Grid"
727
709
  >
728
710
  <div
729
711
  class="css-30qa7x"
730
- data-testid="titleVerticalCell-0"
712
+ data-testid="featureVerticalCell"
731
713
  >
732
714
  <div
733
- class="css-6c0oh5"
715
+ class="css-1opc7jp"
734
716
  >
735
717
  <div
736
- class="css-1rsw0n0"
718
+ class="css-x4egtb"
737
719
  >
738
720
  <picture
739
- class="css-1t36qhh"
721
+ class="css-1runu6d"
740
722
  >
741
723
  <div
742
724
  class="css-5pczz7"
@@ -748,21 +730,21 @@ exports[`getServerSideProps Homepage 1`] = `
748
730
  </picture>
749
731
  </div>
750
732
  <div
751
- class="css-1r2lt0d"
733
+ class="css-1shocxe"
752
734
  >
753
735
  <div
754
- class="css-h6wt93"
736
+ class="css-u3mic"
755
737
  >
756
738
  <div
757
- class="css-165k7dq"
739
+ class="css-7q4xyp"
758
740
  >
759
741
  <section
760
- class="css-75k513"
742
+ class="css-kxmtg8"
761
743
  >
762
744
  <h3
763
745
  class="nk-headline-heading css-5gd387"
764
746
  >
765
- TODO - Video
747
+ TODO - External Reference
766
748
  </h3>
767
749
  </section>
768
750
  </div>
@@ -771,183 +753,232 @@ exports[`getServerSideProps Homepage 1`] = `
771
753
  </div>
772
754
  </div>
773
755
  <div
774
- class="css-30qa7x"
775
- data-testid="titleVerticalCell-1"
756
+ class="css-1roi2fz"
776
757
  >
777
758
  <div
778
- class="css-6c0oh5"
759
+ class="css-30qa7x"
760
+ data-testid="titleVerticalCell-0"
779
761
  >
780
762
  <div
781
- class="css-1rsw0n0"
763
+ class="css-6c0oh5"
782
764
  >
783
- <picture
784
- class="css-1t36qhh"
765
+ <div
766
+ class="css-1rsw0n0"
767
+ >
768
+ <picture
769
+ class="css-1t36qhh"
770
+ >
771
+ <div
772
+ class="css-5pczz7"
773
+ />
774
+ <img
775
+ class="css-1qgqq71"
776
+ src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
777
+ />
778
+ </picture>
779
+ </div>
780
+ <div
781
+ class="css-1r2lt0d"
785
782
  >
786
783
  <div
787
- class="css-5pczz7"
788
- />
789
- <img
790
- class="css-1qgqq71"
791
- src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
792
- />
793
- </picture>
784
+ class="css-h6wt93"
785
+ >
786
+ <div
787
+ class="css-165k7dq"
788
+ >
789
+ <section
790
+ class="css-75k513"
791
+ >
792
+ <h3
793
+ class="nk-headline-heading css-5gd387"
794
+ >
795
+ TODO - Video
796
+ </h3>
797
+ </section>
798
+ </div>
799
+ </div>
800
+ </div>
794
801
  </div>
802
+ </div>
803
+ <div
804
+ class="css-30qa7x"
805
+ data-testid="titleVerticalCell-1"
806
+ >
795
807
  <div
796
- class="css-1r2lt0d"
808
+ class="css-6c0oh5"
797
809
  >
798
810
  <div
799
- class="css-h6wt93"
811
+ class="css-1rsw0n0"
812
+ >
813
+ <picture
814
+ class="css-1t36qhh"
815
+ >
816
+ <div
817
+ class="css-5pczz7"
818
+ />
819
+ <img
820
+ class="css-1qgqq71"
821
+ src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
822
+ />
823
+ </picture>
824
+ </div>
825
+ <div
826
+ class="css-1r2lt0d"
800
827
  >
801
828
  <div
802
- class="css-165k7dq"
829
+ class="css-h6wt93"
803
830
  >
804
- <section
805
- class="css-75k513"
831
+ <div
832
+ class="css-165k7dq"
806
833
  >
807
- <h3
808
- class="nk-headline-heading css-5gd387"
834
+ <section
835
+ class="css-75k513"
809
836
  >
810
- Unknown slice block - something
811
- </h3>
812
- </section>
837
+ <h3
838
+ class="nk-headline-heading css-5gd387"
839
+ >
840
+ Unknown slice block - something
841
+ </h3>
842
+ </section>
843
+ </div>
813
844
  </div>
814
845
  </div>
815
846
  </div>
816
847
  </div>
817
848
  </div>
818
849
  </div>
819
- </div>
820
- <div
821
- class="css-taye4"
822
- />
823
- <div
824
- class="css-qf0eol"
825
- data-testid="SECONDARY_2_AND_2-Grid"
826
- >
827
850
  <div
828
- class="css-30qa7x"
829
- data-testid="titleTeaserVertical-0"
851
+ class="css-taye4"
852
+ />
853
+ <div
854
+ class="css-qf0eol"
855
+ data-testid="SECONDARY_2_AND_2-Grid"
830
856
  >
831
857
  <div
832
- class="css-1opc7jp"
858
+ class="css-30qa7x"
859
+ data-testid="titleTeaserVertical-0"
833
860
  >
834
861
  <div
835
- class="css-c5dn4i"
862
+ class="css-1opc7jp"
836
863
  >
837
- <picture
838
- class="css-1tors5"
864
+ <div
865
+ class="css-c5dn4i"
839
866
  >
840
- <div
841
- class="css-5pczz7"
842
- />
843
- <img
844
- alt="image alt"
845
- class="css-1qgqq71"
846
- src="https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1"
847
- />
848
- </picture>
849
- </div>
850
- <div
851
- class="css-1shocxe"
852
- >
867
+ <picture
868
+ class="css-1tors5"
869
+ >
870
+ <div
871
+ class="css-5pczz7"
872
+ />
873
+ <img
874
+ alt="image alt"
875
+ class="css-1qgqq71"
876
+ src="https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1"
877
+ />
878
+ </picture>
879
+ </div>
853
880
  <div
854
- class="css-u3mic"
881
+ class="css-1shocxe"
855
882
  >
856
883
  <div
857
- class="css-8mepow"
884
+ class="css-u3mic"
858
885
  >
859
- <a
860
- class="nk-card-link css-1cq1vxv"
861
- href="catagory-one/demo-1/test-headline"
886
+ <div
887
+ class="css-8mepow"
862
888
  >
863
- <section
864
- class="css-zs57uu"
889
+ <a
890
+ class="nk-card-link css-1cq1vxv"
891
+ href="catagory-one/demo-1/test-headline"
865
892
  >
866
- <h3
867
- class="nk-headline-heading css-10swdqn"
893
+ <section
894
+ class="css-zs57uu"
868
895
  >
869
- test headline
870
- </h3>
871
- </section>
872
- </a>
873
- </div>
874
- <div
875
- class="css-a1yn46"
876
- >
877
- <p
878
- class="css-14u46jx"
896
+ <h3
897
+ class="nk-headline-heading css-10swdqn"
898
+ >
899
+ test headline
900
+ </h3>
901
+ </section>
902
+ </a>
903
+ </div>
904
+ <div
905
+ class="css-a1yn46"
879
906
  >
880
- teaser test text
881
- </p>
907
+ <p
908
+ class="css-14u46jx"
909
+ >
910
+ teaser test text
911
+ </p>
912
+ </div>
882
913
  </div>
883
914
  </div>
884
915
  </div>
885
916
  </div>
886
- </div>
887
- <div
888
- class="css-30qa7x"
889
- data-testid="titleTeaserVertical-1"
890
- >
891
917
  <div
892
- class="css-1opc7jp"
918
+ class="css-30qa7x"
919
+ data-testid="titleTeaserVertical-1"
893
920
  >
894
921
  <div
895
- class="css-c5dn4i"
922
+ class="css-1opc7jp"
896
923
  >
897
- <picture
898
- class="css-1tors5"
924
+ <div
925
+ class="css-c5dn4i"
899
926
  >
900
- <div
901
- class="css-5pczz7"
902
- />
903
- <img
904
- alt="image alt 2"
905
- class="css-1qgqq71"
906
- src="https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1"
907
- />
908
- </picture>
909
- </div>
910
- <div
911
- class="css-1shocxe"
912
- >
927
+ <picture
928
+ class="css-1tors5"
929
+ >
930
+ <div
931
+ class="css-5pczz7"
932
+ />
933
+ <img
934
+ alt="image alt 2"
935
+ class="css-1qgqq71"
936
+ src="https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1"
937
+ />
938
+ </picture>
939
+ </div>
913
940
  <div
914
- class="css-u3mic"
941
+ class="css-1shocxe"
915
942
  >
916
943
  <div
917
- class="css-8mepow"
944
+ class="css-u3mic"
918
945
  >
919
- <a
920
- class="nk-card-link css-1cq1vxv"
921
- href="catagory-one/demo-2/test-headline-2"
946
+ <div
947
+ class="css-8mepow"
922
948
  >
923
- <section
924
- class="css-zs57uu"
949
+ <a
950
+ class="nk-card-link css-1cq1vxv"
951
+ href="catagory-one/demo-2/test-headline-2"
925
952
  >
926
- <h3
927
- class="nk-headline-heading css-10swdqn"
953
+ <section
954
+ class="css-zs57uu"
928
955
  >
929
- test headline 2
930
- </h3>
931
- </section>
932
- </a>
933
- </div>
934
- <div
935
- class="css-a1yn46"
936
- >
937
- <p
938
- class="css-14u46jx"
956
+ <h3
957
+ class="nk-headline-heading css-10swdqn"
958
+ >
959
+ test headline 2
960
+ </h3>
961
+ </section>
962
+ </a>
963
+ </div>
964
+ <div
965
+ class="css-a1yn46"
939
966
  >
940
- teaser test text 2
941
- </p>
967
+ <p
968
+ class="css-14u46jx"
969
+ >
970
+ teaser test text 2
971
+ </p>
972
+ </div>
942
973
  </div>
943
974
  </div>
944
975
  </div>
945
976
  </div>
946
977
  </div>
978
+ <div
979
+ class="css-taye4"
980
+ />
947
981
  </div>
948
- <div
949
- class="css-taye4"
950
- />
951
982
  </div>
952
983
  </div>
953
984
  </div>