@newskit-render/core 3.1.1-alpha.2 → 4.0.0-alpha.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/components/article/__tests__/__snapshots__/index.test.tsx.snap CHANGED
@@ -6,18 +6,18 @@ exports[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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,7 +554,7 @@ exports[`Article should render tile and sub title 1`] = `
554
554
  </div>
555
555
  </div>
556
556
  <div
557
- class="css-nvrg5u"
557
+ class="css-1sny7re"
558
558
  >
559
559
  <figure
560
560
  class="css-6wv8o"
@@ -574,11 +574,11 @@ exports[`Article should render tile and sub title 1`] = `
574
574
  </figure>
575
575
  </div>
576
576
  <div
577
- class="css-1vdrff9"
577
+ class="css-fs1usj"
578
578
  data-testid="ArticleContent"
579
579
  >
580
580
  <div
581
- class="css-lcu8j4"
581
+ class="css-1wqa6bx"
582
582
  data-testid="ArticleParagraph"
583
583
  >
584
584
  <p
@@ -588,7 +588,7 @@ exports[`Article should render tile and sub title 1`] = `
588
588
  </p>
589
589
  </div>
590
590
  <div
591
- class="css-lcu8j4"
591
+ class="css-1wqa6bx"
592
592
  data-testid="ArticleParagraph"
593
593
  >
594
594
  <p
@@ -598,7 +598,7 @@ exports[`Article should render tile and sub title 1`] = `
598
598
  </p>
599
599
  </div>
600
600
  <div
601
- class="css-lcu8j4"
601
+ class="css-1wqa6bx"
602
602
  data-testid="ArticleParagraph"
603
603
  >
604
604
  <p
@@ -608,7 +608,7 @@ exports[`Article should render tile and sub title 1`] = `
608
608
  </p>
609
609
  </div>
610
610
  <div
611
- class="css-lcu8j4"
611
+ class="css-1wqa6bx"
612
612
  data-testid="ArticleParagraph"
613
613
  >
614
614
  <p
@@ -622,7 +622,7 @@ exports[`Article should render tile and sub title 1`] = `
622
622
  class="css-1k3e0au"
623
623
  >
624
624
  <div
625
- class="css-16in0m0"
625
+ class="css-13p0b4b"
626
626
  >
627
627
  <hr
628
628
  aria-hidden="true"
@@ -631,10 +631,10 @@ exports[`Article should render tile and sub title 1`] = `
631
631
  />
632
632
  </div>
633
633
  <div
634
- class="css-bmafgm"
634
+ class="css-81fbbu"
635
635
  >
636
636
  <a
637
- class="css-quglw0"
637
+ class="css-lgi6t1"
638
638
  data-testid="buttonLink"
639
639
  href="https://www.newskit.co.uk/"
640
640
  >
@@ -666,7 +666,7 @@ exports[`Article should render tile and sub title 1`] = `
666
666
  class="css-1nlep1q"
667
667
  >
668
668
  <div
669
- class="css-16in0m0"
669
+ class="css-13p0b4b"
670
670
  >
671
671
  <hr
672
672
  aria-hidden="true"
@@ -675,7 +675,7 @@ exports[`Article should render tile and sub title 1`] = `
675
675
  />
676
676
  </div>
677
677
  <div
678
- class="css-bmafgm"
678
+ class="css-81fbbu"
679
679
  >
680
680
  <div
681
681
  class="css-1pbg2cs"
@@ -784,10 +784,10 @@ exports[`Article should render tile and sub title 1`] = `
784
784
  </div>
785
785
  </div>
786
786
  <div
787
- class="css-30qa7x"
787
+ class="css-13byt3y"
788
788
  >
789
789
  <div
790
- class="css-16in0m0"
790
+ class="css-13p0b4b"
791
791
  >
792
792
  <section
793
793
  class="css-frq9nz"
@@ -800,7 +800,7 @@ exports[`Article should render tile and sub title 1`] = `
800
800
  </section>
801
801
  </div>
802
802
  <div
803
- class="css-38y4ob"
803
+ class="css-1ms0cs2"
804
804
  >
805
805
  <div
806
806
  class="css-mdhsjw"
@@ -810,10 +810,10 @@ exports[`Article should render tile and sub title 1`] = `
810
810
  class="css-1th2wme"
811
811
  >
812
812
  <div
813
- class="css-14xhfxi"
813
+ class="css-1pgtvq2"
814
814
  >
815
815
  <div
816
- class="css-175kwj5"
816
+ class="css-jvxuhi"
817
817
  data-testid="tag"
818
818
  >
819
819
  <span
@@ -828,10 +828,10 @@ exports[`Article should render tile and sub title 1`] = `
828
828
  class="css-1th2wme"
829
829
  >
830
830
  <div
831
- class="css-14xhfxi"
831
+ class="css-1pgtvq2"
832
832
  >
833
833
  <div
834
- class="css-175kwj5"
834
+ class="css-jvxuhi"
835
835
  data-testid="tag"
836
836
  >
837
837
  <span
@@ -845,7 +845,7 @@ exports[`Article should render tile and sub title 1`] = `
845
845
  </div>
846
846
  </div>
847
847
  <div
848
- class="css-gxh9kv"
848
+ class="css-11s9frs"
849
849
  >
850
850
  <hr
851
851
  aria-hidden="true"
@@ -860,7 +860,7 @@ exports[`Article should render tile and sub title 1`] = `
860
860
  data-testid="PageLayout"
861
861
  >
862
862
  <div
863
- class="css-ezeoqu"
863
+ class="css-10qoq8r"
864
864
  data-testid="Ads"
865
865
  >
866
866
  <div
@@ -869,11 +869,11 @@ exports[`Article should render tile and sub title 1`] = `
869
869
  />
870
870
  </div>
871
871
  <div
872
- class="css-38y4ob"
872
+ class="css-1ms0cs2"
873
873
  data-testid="Highlights"
874
874
  >
875
875
  <div
876
- class="css-38y4ob"
876
+ class="css-1ms0cs2"
877
877
  >
878
878
  <div
879
879
  class="css-1ujq44n"
@@ -892,10 +892,10 @@ exports[`Article should render tile and sub title 1`] = `
892
892
  class="css-1uo5aiw"
893
893
  >
894
894
  <div
895
- class="css-mw8mt7"
895
+ class="css-w282mr"
896
896
  >
897
897
  <div
898
- class="css-krscqv"
898
+ class="css-16bai6p"
899
899
  >
900
900
  <section
901
901
  class="css-xrwffx"
@@ -911,7 +911,7 @@ exports[`Article should render tile and sub title 1`] = `
911
911
  class="css-1h0bvuz"
912
912
  >
913
913
  <a
914
- class="css-1gphzcu"
914
+ class="css-13qmi9d"
915
915
  data-testid="buttonLink"
916
916
  href="/"
917
917
  >
@@ -943,7 +943,7 @@ exports[`Article should render tile and sub title 1`] = `
943
943
  </div>
944
944
  </div>
945
945
  <div
946
- class="css-14xhfxi"
946
+ class="css-1pgtvq2"
947
947
  >
948
948
  <div
949
949
  class="css-8atxkm"
@@ -952,7 +952,7 @@ exports[`Article should render tile and sub title 1`] = `
952
952
  class="css-1ji12ea"
953
953
  >
954
954
  <div
955
- class="css-1g1d237"
955
+ class="css-1uc3gm0"
956
956
  >
957
957
  <div>
958
958
  <div
@@ -983,17 +983,17 @@ exports[`Article should render tile and sub title 1`] = `
983
983
  class="css-1r2lt0d"
984
984
  >
985
985
  <div
986
- class="css-h6wt93"
986
+ class="css-13pp6jk"
987
987
  >
988
988
  <a
989
- class="nk-card-link css-j3tblu"
989
+ class="nk-card-link css-1idfo06"
990
990
  href="http://localhost"
991
991
  >
992
992
  <section
993
993
  class="css-v6h0se"
994
994
  >
995
995
  <h4
996
- class="nk-headline-heading css-l6hs79"
996
+ class="nk-headline-heading css-oeq8ks"
997
997
  >
998
998
  Prince Harry
999
999
  </h4>
@@ -1032,17 +1032,17 @@ exports[`Article should render tile and sub title 1`] = `
1032
1032
  class="css-1r2lt0d"
1033
1033
  >
1034
1034
  <div
1035
- class="css-h6wt93"
1035
+ class="css-13pp6jk"
1036
1036
  >
1037
1037
  <a
1038
- class="nk-card-link css-j3tblu"
1038
+ class="nk-card-link css-1idfo06"
1039
1039
  href="http://localhost"
1040
1040
  >
1041
1041
  <section
1042
1042
  class="css-v6h0se"
1043
1043
  >
1044
1044
  <h4
1045
- class="nk-headline-heading css-l6hs79"
1045
+ class="nk-headline-heading css-oeq8ks"
1046
1046
  >
1047
1047
  Meghan Markle
1048
1048
  </h4>
@@ -1071,7 +1071,7 @@ exports[`Article should render tile and sub title 1`] = `
1071
1071
  class="css-cprg63"
1072
1072
  >
1073
1073
  <a
1074
- class="css-1gphzcu"
1074
+ class="css-13qmi9d"
1075
1075
  data-testid="buttonLink"
1076
1076
  href="/"
1077
1077
  >
@@ -1117,17 +1117,17 @@ exports[`Article should render tile and sub title 1`] = `
1117
1117
  data-testid="PageLayout"
1118
1118
  >
1119
1119
  <div
1120
- class="css-30qa7x"
1120
+ class="css-13byt3y"
1121
1121
  data-testid="RelatedArticles"
1122
1122
  >
1123
1123
  <div
1124
- class="css-gxh9kv"
1124
+ class="css-11s9frs"
1125
1125
  >
1126
1126
  <div
1127
- class="css-mw8mt7"
1127
+ class="css-w282mr"
1128
1128
  >
1129
1129
  <div
1130
- class="css-krscqv"
1130
+ class="css-16bai6p"
1131
1131
  >
1132
1132
  <section
1133
1133
  class="css-3bvy7k"
@@ -1143,7 +1143,7 @@ exports[`Article should render tile and sub title 1`] = `
1143
1143
  class="css-1h0bvuz"
1144
1144
  >
1145
1145
  <a
1146
- class="css-1gphzcu"
1146
+ class="css-13qmi9d"
1147
1147
  data-testid="buttonLink"
1148
1148
  href="/relatedArticles"
1149
1149
  >
@@ -1174,7 +1174,7 @@ exports[`Article should render tile and sub title 1`] = `
1174
1174
  </div>
1175
1175
  </div>
1176
1176
  <div
1177
- class="css-w0aqjr"
1177
+ class="css-1qurk8n"
1178
1178
  >
1179
1179
  <div>
1180
1180
  <div
@@ -1205,23 +1205,23 @@ exports[`Article should render tile and sub title 1`] = `
1205
1205
  class="css-1shocxe"
1206
1206
  >
1207
1207
  <div
1208
- class="css-u3mic"
1208
+ class="css-l3wl0d"
1209
1209
  >
1210
1210
  <div
1211
- class="css-38y4ob"
1211
+ class="css-1ms0cs2"
1212
1212
  >
1213
1213
  <div
1214
- class="css-1vjcmlt"
1214
+ class="css-1u9vlr9"
1215
1215
  >
1216
1216
  <a
1217
- class="nk-card-link css-j3tblu"
1217
+ class="nk-card-link css-1idfo06"
1218
1218
  href="http://localhost"
1219
1219
  >
1220
1220
  <section
1221
1221
  class="css-jdch7u"
1222
1222
  >
1223
1223
  <h6
1224
- class="nk-headline-heading css-l6hs79"
1224
+ class="nk-headline-heading css-oeq8ks"
1225
1225
  >
1226
1226
  Prince Harry
1227
1227
  </h6>
@@ -1229,7 +1229,7 @@ exports[`Article should render tile and sub title 1`] = `
1229
1229
  </a>
1230
1230
  </div>
1231
1231
  <div
1232
- class="css-1vjcmlt"
1232
+ class="css-1u9vlr9"
1233
1233
  >
1234
1234
  <p
1235
1235
  class="css-x4rcwg"
@@ -1271,23 +1271,23 @@ exports[`Article should render tile and sub title 1`] = `
1271
1271
  class="css-1shocxe"
1272
1272
  >
1273
1273
  <div
1274
- class="css-u3mic"
1274
+ class="css-l3wl0d"
1275
1275
  >
1276
1276
  <div
1277
- class="css-38y4ob"
1277
+ class="css-1ms0cs2"
1278
1278
  >
1279
1279
  <div
1280
- class="css-1vjcmlt"
1280
+ class="css-1u9vlr9"
1281
1281
  >
1282
1282
  <a
1283
- class="nk-card-link css-j3tblu"
1283
+ class="nk-card-link css-1idfo06"
1284
1284
  href="http://localhost"
1285
1285
  >
1286
1286
  <section
1287
1287
  class="css-jdch7u"
1288
1288
  >
1289
1289
  <h6
1290
- class="nk-headline-heading css-l6hs79"
1290
+ class="nk-headline-heading css-oeq8ks"
1291
1291
  >
1292
1292
  Meghan Markle
1293
1293
  </h6>
@@ -1295,7 +1295,7 @@ exports[`Article should render tile and sub title 1`] = `
1295
1295
  </a>
1296
1296
  </div>
1297
1297
  <div
1298
- class="css-1vjcmlt"
1298
+ class="css-1u9vlr9"
1299
1299
  >
1300
1300
  <p
1301
1301
  class="css-x4rcwg"
@@ -1324,7 +1324,7 @@ exports[`Article should render tile and sub title 1`] = `
1324
1324
  class="css-cprg63"
1325
1325
  >
1326
1326
  <a
1327
- class="css-1gphzcu"
1327
+ class="css-13qmi9d"
1328
1328
  data-testid="buttonLink"
1329
1329
  href="/relatedArticles"
1330
1330
  >
@@ -1367,7 +1367,7 @@ exports[`Article should render tile and sub title 1`] = `
1367
1367
  data-testid="PageLayout"
1368
1368
  >
1369
1369
  <div
1370
- class="css-1jnx2t2"
1370
+ class="css-w4h16h"
1371
1371
  />
1372
1372
  </div>
1373
1373
  </div>
@@ -1388,7 +1388,7 @@ exports[`Article should render tile and sub title 1`] = `
1388
1388
  data-testid="PageLayout"
1389
1389
  >
1390
1390
  <div
1391
- class="css-a1yn46"
1391
+ class="css-2e5lv5"
1392
1392
  >
1393
1393
  <svg
1394
1394
  class="css-kgdu16"
@@ -1415,7 +1415,7 @@ exports[`Article should render tile and sub title 1`] = `
1415
1415
  </svg>
1416
1416
  </div>
1417
1417
  <div
1418
- class="css-a1yn46"
1418
+ class="css-2e5lv5"
1419
1419
  >
1420
1420
  <hr
1421
1421
  aria-hidden="true"
@@ -1427,11 +1427,11 @@ exports[`Article should render tile and sub title 1`] = `
1427
1427
  class="css-hx18jh"
1428
1428
  >
1429
1429
  <span
1430
- class="css-1v0p1qz"
1430
+ class="css-1cpcft7"
1431
1431
  >
1432
1432
  <a
1433
1433
  aria-label="NavLink One"
1434
- class="css-zk8dn3"
1434
+ class="css-1ulbpfm"
1435
1435
  href="/link-one"
1436
1436
  >
1437
1437
  <span
@@ -1446,11 +1446,11 @@ exports[`Article should render tile and sub title 1`] = `
1446
1446
  </a>
1447
1447
  </span>
1448
1448
  <span
1449
- class="css-1v0p1qz"
1449
+ class="css-1cpcft7"
1450
1450
  >
1451
1451
  <a
1452
1452
  aria-label="NavLink Two"
1453
- class="css-zk8dn3"
1453
+ class="css-1ulbpfm"
1454
1454
  href="/link-two"
1455
1455
  >
1456
1456
  <span
@@ -1465,11 +1465,11 @@ exports[`Article should render tile and sub title 1`] = `
1465
1465
  </a>
1466
1466
  </span>
1467
1467
  <span
1468
- class="css-1v0p1qz"
1468
+ class="css-1cpcft7"
1469
1469
  >
1470
1470
  <a
1471
1471
  aria-label="NavLink Three"
1472
- class="css-zk8dn3"
1472
+ class="css-1ulbpfm"
1473
1473
  href="/link-three"
1474
1474
  >
1475
1475
  <span
@@ -1484,11 +1484,11 @@ exports[`Article should render tile and sub title 1`] = `
1484
1484
  </a>
1485
1485
  </span>
1486
1486
  <span
1487
- class="css-1v0p1qz"
1487
+ class="css-1cpcft7"
1488
1488
  >
1489
1489
  <a
1490
1490
  aria-label="NavLink Four"
1491
- class="css-zk8dn3"
1491
+ class="css-1ulbpfm"
1492
1492
  href="/link-four"
1493
1493
  >
1494
1494
  <span
@@ -1503,11 +1503,11 @@ exports[`Article should render tile and sub title 1`] = `
1503
1503
  </a>
1504
1504
  </span>
1505
1505
  <span
1506
- class="css-1v0p1qz"
1506
+ class="css-1cpcft7"
1507
1507
  >
1508
1508
  <a
1509
1509
  aria-label="NavLink Five"
1510
- class="css-zk8dn3"
1510
+ class="css-1ulbpfm"
1511
1511
  href="/link-five"
1512
1512
  >
1513
1513
  <span
@@ -1522,11 +1522,11 @@ exports[`Article should render tile and sub title 1`] = `
1522
1522
  </a>
1523
1523
  </span>
1524
1524
  <span
1525
- class="css-1v0p1qz"
1525
+ class="css-1cpcft7"
1526
1526
  >
1527
1527
  <a
1528
1528
  aria-label="NavLink Six"
1529
- class="css-zk8dn3"
1529
+ class="css-1ulbpfm"
1530
1530
  href="/link-six"
1531
1531
  >
1532
1532
  <span
@@ -1542,7 +1542,7 @@ exports[`Article should render tile and sub title 1`] = `
1542
1542
  </span>
1543
1543
  </div>
1544
1544
  <div
1545
- class="css-a1yn46"
1545
+ class="css-2e5lv5"
1546
1546
  >
1547
1547
  <hr
1548
1548
  aria-hidden="true"