@newskit-render/core 3.1.1-alpha.2 → 4.0.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 (31) hide show
  1. package/__tests__/pages/__snapshots__/[articleSlug].test.tsx.snap +69 -69
  2. package/__tests__/pages/__snapshots__/brightcove.test.tsx.snap +1 -1
  3. package/__tests__/pages/__snapshots__/home.test.tsx.snap +101 -101
  4. package/__tests__/pages/__snapshots__/relatedArticles.test.tsx.snap +31 -31
  5. package/components/ErrorPage/ErrorPage.tsx +4 -4
  6. package/components/ad/index.tsx +3 -2
  7. package/components/article/Highlights.tsx +7 -4
  8. package/components/article/RelatedArticles.tsx +5 -2
  9. package/components/article/RelatedTopics.tsx +5 -5
  10. package/components/article/__tests__/__snapshots__/index.test.tsx.snap +93 -93
  11. package/components/article/index.tsx +14 -14
  12. package/components/common/BackToHomepage.tsx +5 -4
  13. package/components/common/SectionTitleBar.tsx +1 -1
  14. package/components/common/iconNavLink/IconNavLink.tsx +1 -1
  15. package/components/footer/__snapshots__/index.test.tsx.snap +15 -15
  16. package/components/footer/index.tsx +4 -4
  17. package/components/layout/MainGrid.tsx +2 -2
  18. package/components/section/ArticleSlice.tsx +1 -1
  19. package/components/section/index.tsx +1 -1
  20. package/components/section/layouts/Rows.tsx +1 -1
  21. package/components/section/layouts/__tests__/__snapshots__/Lead.test.tsx.snap +17 -17
  22. package/components/section/layouts/__tests__/__snapshots__/SectionTitle.test.tsx.snap +14 -14
  23. package/components/teaser/index.tsx +2 -2
  24. package/components/teaser/teaserVariants.ts +2 -2
  25. package/components/teaser/variant-types.ts +2 -2
  26. package/components/teaser/variants/featureVariant.ts +2 -2
  27. package/components/teaser/variants/horizontal.ts +1 -1
  28. package/components/teaser/variants/titleTeaserVariant.ts +2 -2
  29. package/components/teaser/variants/titleVertical.ts +1 -1
  30. package/package.json +6 -6
  31. package/pages/[section]/[articleId]/relatedArticles.tsx +6 -3
package/__tests__/pages/__snapshots__/[articleSlug].test.tsx.snap CHANGED
@@ -6,18 +6,18 @@ exports[`Recommendation render related article page when data is null page 1`] =
6
6
  class="css-1d2q07x"
7
7
  >
8
8
  <div
9
- class="css-1ayxvlu"
9
+ class="css-1l668x8"
10
10
  data-testid="NavigationPrimary"
11
11
  >
12
12
  <div
13
- class="css-2orcb8"
13
+ class="css-11pbejy"
14
14
  >
15
15
  <div
16
- class="css-wa08xy"
16
+ class="css-1mi1ly6"
17
17
  >
18
18
  <a
19
19
  aria-label="Logo Link"
20
- class="css-zk8dn3"
20
+ class="css-1ulbpfm"
21
21
  href="/"
22
22
  >
23
23
  <span
@@ -54,14 +54,14 @@ exports[`Recommendation render related article page when data is null page 1`] =
54
54
  </div>
55
55
  </div>
56
56
  <div
57
- class="css-15brxgw"
57
+ class="css-55favz"
58
58
  >
59
59
  <div
60
60
  class="css-1k3e0au"
61
61
  >
62
62
  <button
63
63
  aria-label="Mobile Menu Button"
64
- class="css-b1ufx8"
64
+ class="css-h8miwj"
65
65
  data-testid="mobile-menu-btn"
66
66
  type="button"
67
67
  >
@@ -86,7 +86,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
86
86
  </div>
87
87
  </div>
88
88
  <div
89
- class="css-oiffzn"
89
+ class="css-mniw6m"
90
90
  >
91
91
  <nav
92
92
  class="css-1le7q07"
@@ -100,7 +100,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
100
100
  >
101
101
  <a
102
102
  aria-label="Section One Link"
103
- class="css-zk8dn3"
103
+ class="css-1ulbpfm"
104
104
  href="/section-one"
105
105
  >
106
106
  <span
@@ -123,7 +123,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
123
123
  >
124
124
  <a
125
125
  aria-label="Section Two Link"
126
- class="css-zk8dn3"
126
+ class="css-1ulbpfm"
127
127
  href="/section-two"
128
128
  >
129
129
  <span
@@ -146,7 +146,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
146
146
  >
147
147
  <a
148
148
  aria-label="Section Three Link"
149
- class="css-zk8dn3"
149
+ class="css-1ulbpfm"
150
150
  href="/section-three"
151
151
  >
152
152
  <span
@@ -168,10 +168,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
168
168
  </nav>
169
169
  </div>
170
170
  <div
171
- class="css-x6oa1l"
171
+ class="css-l657h8"
172
172
  >
173
173
  <div
174
- class="css-30qa7x"
174
+ class="css-13byt3y"
175
175
  />
176
176
  </div>
177
177
  </div>
@@ -191,7 +191,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
191
191
  data-testid="PageLayout"
192
192
  >
193
193
  <div
194
- class="css-ywgq8m"
194
+ class="css-m5rxur"
195
195
  />
196
196
  </div>
197
197
  <div
@@ -203,7 +203,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
203
203
  data-testid="PageLayout"
204
204
  >
205
205
  <div
206
- class="css-16in0m0"
206
+ class="css-13p0b4b"
207
207
  data-testid="HeadLine"
208
208
  >
209
209
  <section
@@ -217,7 +217,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
217
217
  </section>
218
218
  </div>
219
219
  <div
220
- class="css-gxh9kv"
220
+ class="css-11s9frs"
221
221
  data-testid="Kicker"
222
222
  >
223
223
  <section
@@ -231,16 +231,16 @@ exports[`Recommendation render related article page when data is null page 1`] =
231
231
  </section>
232
232
  </div>
233
233
  <div
234
- class="css-1wffvjk"
234
+ class="css-1lkrnf8"
235
235
  >
236
236
  <div
237
237
  class="css-1k3e0au"
238
238
  >
239
239
  <div
240
- class="css-1fmioha"
240
+ class="css-1rf5c0"
241
241
  >
242
242
  <div
243
- class="css-30qa7x"
243
+ class="css-13byt3y"
244
244
  >
245
245
  <div
246
246
  aria-label="Byline"
@@ -307,7 +307,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
307
307
  </div>
308
308
  </div>
309
309
  <div
310
- class="css-30qa7x"
310
+ class="css-13byt3y"
311
311
  >
312
312
  <time
313
313
  class="css-1oteowz"
@@ -322,7 +322,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
322
322
  </div>
323
323
  </div>
324
324
  <div
325
- class="css-1fmioha"
325
+ class="css-1rf5c0"
326
326
  >
327
327
  <hr
328
328
  aria-hidden="true"
@@ -331,10 +331,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
331
331
  />
332
332
  </div>
333
333
  <div
334
- class="css-16in0m0"
334
+ class="css-13p0b4b"
335
335
  >
336
336
  <a
337
- class="css-quglw0"
337
+ class="css-lgi6t1"
338
338
  data-testid="buttonLink"
339
339
  href="https://www.newskit.co.uk/"
340
340
  >
@@ -370,7 +370,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
370
370
  data-testid="MetaBox"
371
371
  >
372
372
  <div
373
- class="css-30qa7x"
373
+ class="css-13byt3y"
374
374
  >
375
375
  <div
376
376
  aria-label="Byline"
@@ -437,7 +437,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
437
437
  </div>
438
438
  </div>
439
439
  <div
440
- class="css-30qa7x"
440
+ class="css-13byt3y"
441
441
  >
442
442
  <time
443
443
  class="css-1oteowz"
@@ -554,11 +554,11 @@ exports[`Recommendation render related article page when data is null page 1`] =
554
554
  </div>
555
555
  </div>
556
556
  <div
557
- class="css-1vdrff9"
557
+ class="css-fs1usj"
558
558
  data-testid="ArticleContent"
559
559
  >
560
560
  <div
561
- class="css-lcu8j4"
561
+ class="css-1wqa6bx"
562
562
  data-testid="ArticleParagraph"
563
563
  >
564
564
  <p
@@ -572,7 +572,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
572
572
  class="css-1k3e0au"
573
573
  >
574
574
  <div
575
- class="css-16in0m0"
575
+ class="css-13p0b4b"
576
576
  >
577
577
  <hr
578
578
  aria-hidden="true"
@@ -581,10 +581,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
581
581
  />
582
582
  </div>
583
583
  <div
584
- class="css-bmafgm"
584
+ class="css-81fbbu"
585
585
  >
586
586
  <a
587
- class="css-quglw0"
587
+ class="css-lgi6t1"
588
588
  data-testid="buttonLink"
589
589
  href="https://www.newskit.co.uk/"
590
590
  >
@@ -616,7 +616,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
616
616
  class="css-1nlep1q"
617
617
  >
618
618
  <div
619
- class="css-16in0m0"
619
+ class="css-13p0b4b"
620
620
  >
621
621
  <hr
622
622
  aria-hidden="true"
@@ -625,7 +625,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
625
625
  />
626
626
  </div>
627
627
  <div
628
- class="css-bmafgm"
628
+ class="css-81fbbu"
629
629
  >
630
630
  <div
631
631
  class="css-1pbg2cs"
@@ -734,10 +734,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
734
734
  </div>
735
735
  </div>
736
736
  <div
737
- class="css-30qa7x"
737
+ class="css-13byt3y"
738
738
  >
739
739
  <div
740
- class="css-16in0m0"
740
+ class="css-13p0b4b"
741
741
  >
742
742
  <section
743
743
  class="css-frq9nz"
@@ -750,7 +750,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
750
750
  </section>
751
751
  </div>
752
752
  <div
753
- class="css-38y4ob"
753
+ class="css-1ms0cs2"
754
754
  >
755
755
  <div
756
756
  class="css-mdhsjw"
@@ -760,10 +760,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
760
760
  class="css-1th2wme"
761
761
  >
762
762
  <div
763
- class="css-14xhfxi"
763
+ class="css-1pgtvq2"
764
764
  >
765
765
  <div
766
- class="css-175kwj5"
766
+ class="css-jvxuhi"
767
767
  data-testid="tag"
768
768
  >
769
769
  <span
@@ -778,10 +778,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
778
778
  class="css-1th2wme"
779
779
  >
780
780
  <div
781
- class="css-14xhfxi"
781
+ class="css-1pgtvq2"
782
782
  >
783
783
  <div
784
- class="css-175kwj5"
784
+ class="css-jvxuhi"
785
785
  data-testid="tag"
786
786
  >
787
787
  <span
@@ -795,7 +795,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
795
795
  </div>
796
796
  </div>
797
797
  <div
798
- class="css-gxh9kv"
798
+ class="css-11s9frs"
799
799
  >
800
800
  <hr
801
801
  aria-hidden="true"
@@ -810,7 +810,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
810
810
  data-testid="PageLayout"
811
811
  >
812
812
  <div
813
- class="css-ezeoqu"
813
+ class="css-10qoq8r"
814
814
  data-testid="Ads"
815
815
  >
816
816
  <div
@@ -819,11 +819,11 @@ exports[`Recommendation render related article page when data is null page 1`] =
819
819
  />
820
820
  </div>
821
821
  <div
822
- class="css-38y4ob"
822
+ class="css-1ms0cs2"
823
823
  data-testid="Highlights"
824
824
  >
825
825
  <div
826
- class="css-38y4ob"
826
+ class="css-1ms0cs2"
827
827
  >
828
828
  <div
829
829
  class="css-1ujq44n"
@@ -842,10 +842,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
842
842
  class="css-1uo5aiw"
843
843
  >
844
844
  <div
845
- class="css-mw8mt7"
845
+ class="css-w282mr"
846
846
  >
847
847
  <div
848
- class="css-krscqv"
848
+ class="css-16bai6p"
849
849
  >
850
850
  <section
851
851
  class="css-xrwffx"
@@ -861,7 +861,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
861
861
  class="css-1h0bvuz"
862
862
  >
863
863
  <a
864
- class="css-1gphzcu"
864
+ class="css-13qmi9d"
865
865
  data-testid="buttonLink"
866
866
  href="/"
867
867
  >
@@ -893,7 +893,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
893
893
  </div>
894
894
  </div>
895
895
  <div
896
- class="css-14xhfxi"
896
+ class="css-1pgtvq2"
897
897
  >
898
898
  <div
899
899
  class="css-8atxkm"
@@ -919,7 +919,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
919
919
  class="css-cprg63"
920
920
  >
921
921
  <a
922
- class="css-1gphzcu"
922
+ class="css-13qmi9d"
923
923
  data-testid="buttonLink"
924
924
  href="/"
925
925
  >
@@ -965,17 +965,17 @@ exports[`Recommendation render related article page when data is null page 1`] =
965
965
  data-testid="PageLayout"
966
966
  >
967
967
  <div
968
- class="css-30qa7x"
968
+ class="css-13byt3y"
969
969
  data-testid="RelatedArticles"
970
970
  >
971
971
  <div
972
- class="css-gxh9kv"
972
+ class="css-11s9frs"
973
973
  >
974
974
  <div
975
- class="css-mw8mt7"
975
+ class="css-w282mr"
976
976
  >
977
977
  <div
978
- class="css-krscqv"
978
+ class="css-16bai6p"
979
979
  >
980
980
  <section
981
981
  class="css-3bvy7k"
@@ -991,7 +991,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
991
991
  class="css-1h0bvuz"
992
992
  >
993
993
  <a
994
- class="css-1gphzcu"
994
+ class="css-13qmi9d"
995
995
  data-testid="buttonLink"
996
996
  href="/relatedArticles"
997
997
  >
@@ -1036,7 +1036,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1036
1036
  class="css-cprg63"
1037
1037
  >
1038
1038
  <a
1039
- class="css-1gphzcu"
1039
+ class="css-13qmi9d"
1040
1040
  data-testid="buttonLink"
1041
1041
  href="/relatedArticles"
1042
1042
  >
@@ -1079,7 +1079,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1079
1079
  data-testid="PageLayout"
1080
1080
  >
1081
1081
  <div
1082
- class="css-1jnx2t2"
1082
+ class="css-w4h16h"
1083
1083
  />
1084
1084
  </div>
1085
1085
  </div>
@@ -1100,7 +1100,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1100
1100
  data-testid="PageLayout"
1101
1101
  >
1102
1102
  <div
1103
- class="css-a1yn46"
1103
+ class="css-2e5lv5"
1104
1104
  >
1105
1105
  <svg
1106
1106
  class="css-kgdu16"
@@ -1127,7 +1127,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1127
1127
  </svg>
1128
1128
  </div>
1129
1129
  <div
1130
- class="css-a1yn46"
1130
+ class="css-2e5lv5"
1131
1131
  >
1132
1132
  <hr
1133
1133
  aria-hidden="true"
@@ -1139,11 +1139,11 @@ exports[`Recommendation render related article page when data is null page 1`] =
1139
1139
  class="css-hx18jh"
1140
1140
  >
1141
1141
  <span
1142
- class="css-1v0p1qz"
1142
+ class="css-1cpcft7"
1143
1143
  >
1144
1144
  <a
1145
1145
  aria-label="NavLink One"
1146
- class="css-zk8dn3"
1146
+ class="css-1ulbpfm"
1147
1147
  href="/link-one"
1148
1148
  >
1149
1149
  <span
@@ -1158,11 +1158,11 @@ exports[`Recommendation render related article page when data is null page 1`] =
1158
1158
  </a>
1159
1159
  </span>
1160
1160
  <span
1161
- class="css-1v0p1qz"
1161
+ class="css-1cpcft7"
1162
1162
  >
1163
1163
  <a
1164
1164
  aria-label="NavLink Two"
1165
- class="css-zk8dn3"
1165
+ class="css-1ulbpfm"
1166
1166
  href="/link-two"
1167
1167
  >
1168
1168
  <span
@@ -1177,11 +1177,11 @@ exports[`Recommendation render related article page when data is null page 1`] =
1177
1177
  </a>
1178
1178
  </span>
1179
1179
  <span
1180
- class="css-1v0p1qz"
1180
+ class="css-1cpcft7"
1181
1181
  >
1182
1182
  <a
1183
1183
  aria-label="NavLink Three"
1184
- class="css-zk8dn3"
1184
+ class="css-1ulbpfm"
1185
1185
  href="/link-three"
1186
1186
  >
1187
1187
  <span
@@ -1196,11 +1196,11 @@ exports[`Recommendation render related article page when data is null page 1`] =
1196
1196
  </a>
1197
1197
  </span>
1198
1198
  <span
1199
- class="css-1v0p1qz"
1199
+ class="css-1cpcft7"
1200
1200
  >
1201
1201
  <a
1202
1202
  aria-label="NavLink Four"
1203
- class="css-zk8dn3"
1203
+ class="css-1ulbpfm"
1204
1204
  href="/link-four"
1205
1205
  >
1206
1206
  <span
@@ -1215,11 +1215,11 @@ exports[`Recommendation render related article page when data is null page 1`] =
1215
1215
  </a>
1216
1216
  </span>
1217
1217
  <span
1218
- class="css-1v0p1qz"
1218
+ class="css-1cpcft7"
1219
1219
  >
1220
1220
  <a
1221
1221
  aria-label="NavLink Five"
1222
- class="css-zk8dn3"
1222
+ class="css-1ulbpfm"
1223
1223
  href="/link-five"
1224
1224
  >
1225
1225
  <span
@@ -1234,11 +1234,11 @@ exports[`Recommendation render related article page when data is null page 1`] =
1234
1234
  </a>
1235
1235
  </span>
1236
1236
  <span
1237
- class="css-1v0p1qz"
1237
+ class="css-1cpcft7"
1238
1238
  >
1239
1239
  <a
1240
1240
  aria-label="NavLink Six"
1241
- class="css-zk8dn3"
1241
+ class="css-1ulbpfm"
1242
1242
  href="/link-six"
1243
1243
  >
1244
1244
  <span
@@ -1254,7 +1254,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1254
1254
  </span>
1255
1255
  </div>
1256
1256
  <div
1257
- class="css-a1yn46"
1257
+ class="css-2e5lv5"
1258
1258
  >
1259
1259
  <hr
1260
1260
  aria-hidden="true"
package/__tests__/pages/__snapshots__/brightcove.test.tsx.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`Brightcove page tests render page 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="css-1xmyjoc"
6
+ class="css-y6e4c8"
7
7
  >
8
8
  <video
9
9
  class="video-js vjs-fluid"