@times-components/ts-components 1.63.6 → 1.64.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 (37) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/article-flag/styles.js +3 -1
  3. package/dist/components/newsletter-puff/newsletter-puff-button/styles.js +1 -1
  4. package/dist/helpers/text-crop/fonts.js +13 -5
  5. package/package.json +11 -11
  6. package/rnw.js +1 -1
  7. package/src/components/article-flag/__tests__/__snapshots__/LiveArticleFlag.test.tsx.snap +3 -3
  8. package/src/components/article-flag/styles.ts +2 -0
  9. package/src/components/carousel/__tests__/__snapshots__/GalleryCarousel.test.tsx.snap +3 -3
  10. package/src/components/in-article-big-numbers/__tests__/__snapshots__/BigNumbers.test.tsx.snap +6 -6
  11. package/src/components/in-article-info-card/__tests__/__snapshots__/InfoCard.test.tsx.snap +4 -4
  12. package/src/components/in-article-info-card-bulletpoints/__tests__/__snapshots__/InfoCardBulletPoints.test.tsx.snap +4 -4
  13. package/src/components/in-article-puff/__tests__/__snapshots__/InArticlePuff.test.tsx.snap +4 -4
  14. package/src/components/in-article-related-articles/__tests__/__snapshots__/RelatedArticle.test.tsx.snap +2 -2
  15. package/src/components/in-article-related-articles/__tests__/__snapshots__/SingleRelatedArticle.test.tsx.snap +2 -2
  16. package/src/components/in-article-timelines/__tests__/__snapshots__/Timelines.test.tsx.snap +27 -27
  17. package/src/components/inline-dialog/__tests__/__snapshots__/InlineDialog.test.tsx.snap +1 -1
  18. package/src/components/inline-message/__tests__/__snapshots__/InlineMessage.test.tsx.snap +2 -2
  19. package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap +9 -9
  20. package/src/components/newsletter-puff/__tests__/__snapshots__/InlineNewsletterPuff.test.tsx.snap +3 -3
  21. package/src/components/newsletter-puff/newsletter-puff-button/styles.ts +1 -1
  22. package/src/components/newsletter-puff/preview-newsletter-puff/__tests__/__snapshots__/PreviewNewsletterPuff.test.tsx.snap +1 -1
  23. package/src/components/olympics/__tests__/__snapshots__/OlympicsMedalTable.test.tsx.snap +20 -20
  24. package/src/components/olympics/__tests__/__snapshots__/OlympicsSchedule.test.tsx.snap +28 -28
  25. package/src/components/opta/football/fixtures/__tests__/__snapshots__/OptaFootballFixtures.test.tsx.snap +2 -2
  26. package/src/components/opta/football/match-stats/__tests__/__snapshots__/OptaFootballMatchStats.test.tsx.snap +2 -2
  27. package/src/components/opta/football/standings/__tests__/__snapshots__/OptaFootballStandings.test.tsx.snap +2 -2
  28. package/src/components/opta/football/summary/__tests__/__snapshots__/OptaFootballSummary.test.tsx.snap +2 -2
  29. package/src/components/opta/rugby/fixtures/__tests__/__snapshots__/OptaRugbyFixtures.test.tsx.snap +2 -2
  30. package/src/components/opta/rugby/match-stats/__tests__/__snapshots__/OptaRugbyMatchStats.test.tsx.snap +2 -2
  31. package/src/components/opta/rugby/standings/__tests__/__snapshots__/OptaRugbyStandings.test.tsx.snap +2 -2
  32. package/src/components/opta/rugby/summary/__tests__/__snapshots__/OptaRugbySummary.test.tsx.snap +2 -2
  33. package/src/components/related-article-slice/__tests__/__snapshots__/RelatedArticleSlice.test.tsx.snap +6 -6
  34. package/src/components/save-star/__tests__/__snapshots__/SaveStar.test.tsx.snap +3 -3
  35. package/src/components/updated-timestamp/__tests__/__snapshots__/UpdatedTimestamp.test.tsx.snap +1 -1
  36. package/src/helpers/text-crop/__tests__/__snapshots__/TextCrop.test.tsx.snap +4 -4
  37. package/src/helpers/text-crop/fonts.ts +13 -4
package/src/components/article-flag/__tests__/__snapshots__/LiveArticleFlag.test.tsx.snap CHANGED
@@ -17,7 +17,7 @@ exports[`LiveArticleFlag should render the base live article flag 1`] = `
17
17
  />
18
18
  </div>
19
19
  <span
20
- class="sc-bwzfXH hBgZUv"
20
+ class="sc-bwzfXH fezfSG"
21
21
  >
22
22
  BASE
23
23
  </span>
@@ -44,7 +44,7 @@ exports[`LiveArticleFlag should render the breaking article flag 1`] = `
44
44
  />
45
45
  </div>
46
46
  <span
47
- class="sc-bwzfXH hBgZUv"
47
+ class="sc-bwzfXH fezfSG"
48
48
  >
49
49
  BREAKING
50
50
  </span>
@@ -71,7 +71,7 @@ exports[`LiveArticleFlag should render the live article flag 1`] = `
71
71
  />
72
72
  </div>
73
73
  <span
74
- class="sc-bwzfXH hBgZUv"
74
+ class="sc-bwzfXH fezfSG"
75
75
  >
76
76
  LIVE
77
77
  </span>
package/src/components/article-flag/styles.ts CHANGED
@@ -13,6 +13,8 @@ export const LiveArticleFlagContainer = styled.div`
13
13
  `;
14
14
 
15
15
  export const LiveArticleFlagText = styled.span`
16
+ display: flex;
17
+ align-items: center;
16
18
  font-family: ${fonts.supporting};
17
19
  color: #ffffff;
18
20
  font-weight: 500;
package/src/components/carousel/__tests__/__snapshots__/GalleryCarousel.test.tsx.snap CHANGED
@@ -78,7 +78,7 @@ exports[`GalleryCarousel should render the component 1`] = `
78
78
  class="sc-kAzzGY eTzlhe"
79
79
  >
80
80
  <div
81
- class="sc-ckVGcZ pKgO"
81
+ class="sc-ckVGcZ gJwkWa"
82
82
  >
83
83
  Label 1
84
84
  </div>
@@ -159,7 +159,7 @@ exports[`GalleryCarousel should render the component 1`] = `
159
159
  </div>
160
160
  <div>
161
161
  <div
162
- class="sc-gqjmRU cwbOMy"
162
+ class="sc-gqjmRU elBRrc"
163
163
  >
164
164
  Michael Clarke
165
165
  </div>
@@ -222,7 +222,7 @@ exports[`GalleryCarousel should render the component 1`] = `
222
222
  style="padding-left: 16px; padding-right: 16px;"
223
223
  >
224
224
  <div
225
- class="sc-gqjmRU cwbOMy"
225
+ class="sc-gqjmRU elBRrc"
226
226
  >
227
227
  Michael Clarke
228
228
  </div>
package/src/components/in-article-big-numbers/__tests__/__snapshots__/BigNumbers.test.tsx.snap CHANGED
@@ -9,7 +9,7 @@ exports[`BigNumbers click show all 1`] = `
9
9
  class="sc-iwsKbI fMDvHO"
10
10
  >
11
11
  <div
12
- class="sc-bwzfXH gzPkze"
12
+ class="sc-bwzfXH hwAlqD"
13
13
  >
14
14
  President Race
15
15
  </div>
@@ -101,7 +101,7 @@ exports[`BigNumbers click show all 1`] = `
101
101
  class="sc-bZQynM iNwlGF"
102
102
  >
103
103
  <button
104
- class="sc-htoDjs sc-gZMcBi fiRWob"
104
+ class="sc-htoDjs sc-gZMcBi dldfZR"
105
105
  >
106
106
  Collapse
107
107
  </button>
@@ -131,7 +131,7 @@ exports[`BigNumbers should render the standard component 1`] = `
131
131
  class="sc-iwsKbI fMDvHO"
132
132
  >
133
133
  <div
134
- class="sc-bwzfXH gzPkze"
134
+ class="sc-bwzfXH hwAlqD"
135
135
  >
136
136
  President Race
137
137
  </div>
@@ -223,7 +223,7 @@ exports[`BigNumbers should render the standard component 1`] = `
223
223
  class="sc-bZQynM iNwlGF"
224
224
  >
225
225
  <button
226
- class="sc-htoDjs sc-gZMcBi fiRWob"
226
+ class="sc-htoDjs sc-gZMcBi dldfZR"
227
227
  >
228
228
  Show all
229
229
  </button>
@@ -241,7 +241,7 @@ exports[`BigNumbers should render the wide component 1`] = `
241
241
  class="sc-iwsKbI fMDvHO"
242
242
  >
243
243
  <div
244
- class="sc-bwzfXH gzPkze"
244
+ class="sc-bwzfXH hwAlqD"
245
245
  >
246
246
  President Race
247
247
  </div>
@@ -333,7 +333,7 @@ exports[`BigNumbers should render the wide component 1`] = `
333
333
  class="sc-bZQynM iNwlGF"
334
334
  >
335
335
  <button
336
- class="sc-htoDjs sc-gZMcBi fiRWob"
336
+ class="sc-htoDjs sc-gZMcBi dldfZR"
337
337
  >
338
338
  Show all
339
339
  </button>
package/src/components/in-article-info-card/__tests__/__snapshots__/InfoCard.test.tsx.snap CHANGED
@@ -198,7 +198,7 @@ exports[`InfoCard renders 1`] = `
198
198
  class="sc-chPdSV cxUg"
199
199
  >
200
200
  <div
201
- class="sc-dxgOiQ gNDmzV"
201
+ class="sc-dxgOiQ jWLilX"
202
202
  >
203
203
  Best places to stay
204
204
  </div>
@@ -468,7 +468,7 @@ exports[`InfoCard renders no image 1`] = `
468
468
  class="sc-chPdSV cxUg"
469
469
  >
470
470
  <div
471
- class="sc-dxgOiQ gNDmzV"
471
+ class="sc-dxgOiQ jWLilX"
472
472
  >
473
473
  Best places to stay
474
474
  </div>
@@ -746,7 +746,7 @@ exports[`InfoCard should render the standard component 1`] = `
746
746
  class="sc-chPdSV cxUg"
747
747
  >
748
748
  <div
749
- class="sc-dxgOiQ gNDmzV"
749
+ class="sc-dxgOiQ jWLilX"
750
750
  >
751
751
  Best places to stay
752
752
  </div>
@@ -1009,7 +1009,7 @@ exports[`InfoCard should render the wide component 1`] = `
1009
1009
  class="sc-chPdSV cxUg"
1010
1010
  >
1011
1011
  <div
1012
- class="sc-dxgOiQ gNDmzV"
1012
+ class="sc-dxgOiQ jWLilX"
1013
1013
  >
1014
1014
  Best places to stay
1015
1015
  </div>
package/src/components/in-article-info-card-bulletpoints/__tests__/__snapshots__/InfoCardBulletPoints.test.tsx.snap CHANGED
@@ -9,7 +9,7 @@ exports[`InfoCardBulletPoints should render the component 1`] = `
9
9
  class="sc-bwzfXH blmhpN"
10
10
  >
11
11
  <div
12
- class="sc-dnqmqq cjsHty"
12
+ class="sc-dnqmqq jxmrMX"
13
13
  >
14
14
  Venezuelan Politics
15
15
  </div>
@@ -56,7 +56,7 @@ exports[`InfoCardBulletPoints should render the component 1`] = `
56
56
  class="sc-bxivhb hAzEyl"
57
57
  >
58
58
  <button
59
- class="sc-ifAKCX kpjxlo"
59
+ class="sc-ifAKCX QXRPc"
60
60
  >
61
61
  Read more
62
62
  </button>
@@ -88,7 +88,7 @@ exports[`InfoCardBulletPoints tracking click read more 1`] = `
88
88
  class="sc-bwzfXH blmhpN"
89
89
  >
90
90
  <div
91
- class="sc-dnqmqq cjsHty"
91
+ class="sc-dnqmqq jxmrMX"
92
92
  >
93
93
  Venezuelan Politics
94
94
  </div>
@@ -135,7 +135,7 @@ exports[`InfoCardBulletPoints tracking click read more 1`] = `
135
135
  class="sc-bxivhb hpabOq"
136
136
  >
137
137
  <button
138
- class="sc-ifAKCX kpjxlo"
138
+ class="sc-ifAKCX QXRPc"
139
139
  >
140
140
  Collapse
141
141
  </button>
package/src/components/in-article-puff/__tests__/__snapshots__/InArticlePuff.test.tsx.snap CHANGED
@@ -25,7 +25,7 @@ exports[`InArticlePuff should render optional fields correctly 1`] = `
25
25
  >
26
26
  <div>
27
27
  <div
28
- class="sc-fjdhpX bCDTJX"
28
+ class="sc-fjdhpX jrvweV"
29
29
  >
30
30
  interactive
31
31
  </div>
@@ -49,7 +49,7 @@ exports[`InArticlePuff should render optional fields correctly 1`] = `
49
49
  href="https://www.thetimes.co.uk"
50
50
  >
51
51
  <div
52
- class="sc-htpNat irNLqr"
52
+ class="sc-htpNat kKQgMd"
53
53
  >
54
54
  Read the full article
55
55
  </div>
@@ -76,7 +76,7 @@ exports[`InArticlePuff should render required fields correctly 1`] = `
76
76
  >
77
77
  <div>
78
78
  <div
79
- class="sc-fjdhpX gKXrO"
79
+ class="sc-fjdhpX dgLTnX"
80
80
  >
81
81
  interactive
82
82
  </div>
@@ -95,7 +95,7 @@ exports[`InArticlePuff should render required fields correctly 1`] = `
95
95
  href="https://www.thetimes.co.uk"
96
96
  >
97
97
  <div
98
- class="sc-htpNat irNLqr"
98
+ class="sc-htpNat kKQgMd"
99
99
  >
100
100
  Read more
101
101
  </div>
package/src/components/in-article-related-articles/__tests__/__snapshots__/RelatedArticle.test.tsx.snap CHANGED
@@ -23,7 +23,7 @@ exports[`<RelatedArticle> renders 1`] = `
23
23
  </a>
24
24
  </div>
25
25
  <div
26
- class="sc-bxivhb kUXZco"
26
+ class="sc-bxivhb hpRUtX"
27
27
  >
28
28
  VIDEO
29
29
  </div>
@@ -40,7 +40,7 @@ exports[`<RelatedArticle> renders 1`] = `
40
40
  href="https://www.thetimes.co.uk/article/china-yunnan-mobilises-as-herd-of-15-marauding-elephants-approaches-capital-qvgttzz2w"
41
41
  >
42
42
  <div
43
- class="sc-EHOje cjnDfc"
43
+ class="sc-EHOje jBZBgi"
44
44
  >
45
45
  Read Full Story
46
46
  </div>
package/src/components/in-article-related-articles/__tests__/__snapshots__/SingleRelatedArticle.test.tsx.snap CHANGED
@@ -4,7 +4,7 @@ exports[`<SingleRelatedArticle> renders 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <div
7
- class="sc-bdVaJa cHawYV"
7
+ class="sc-bdVaJa jfCTOX"
8
8
  >
9
9
  <div
10
10
  class="sc-bwzfXH dFUiIq"
@@ -59,7 +59,7 @@ exports[`<SingleRelatedArticle> renders no image 1`] = `
59
59
  <body>
60
60
  <div>
61
61
  <div
62
- class="sc-bdVaJa cHawYV"
62
+ class="sc-bdVaJa jfCTOX"
63
63
  >
64
64
  <section>
65
65
  <a
package/src/components/in-article-timelines/__tests__/__snapshots__/Timelines.test.tsx.snap CHANGED
@@ -9,7 +9,7 @@ exports[`Timelines click show all 1`] = `
9
9
  class="sc-iwsKbI fMDvHO"
10
10
  >
11
11
  <div
12
- class="sc-bwzfXH gzPkze"
12
+ class="sc-bwzfXH hwAlqD"
13
13
  >
14
14
  Venezuelan Politics
15
15
  </div>
@@ -38,7 +38,7 @@ exports[`Timelines click show all 1`] = `
38
38
  class="sc-jTzLTM ctjnzC"
39
39
  >
40
40
  <div
41
- class="sc-fjdhpX hMbKXG"
41
+ class="sc-fjdhpX kLAoaR"
42
42
  >
43
43
  9 June 2018
44
44
  </div>
@@ -68,7 +68,7 @@ exports[`Timelines click show all 1`] = `
68
68
  class="sc-jTzLTM ctjnzC"
69
69
  >
70
70
  <div
71
- class="sc-fjdhpX hMbKXG"
71
+ class="sc-fjdhpX kLAoaR"
72
72
  >
73
73
  10 June 2018
74
74
  </div>
@@ -98,7 +98,7 @@ exports[`Timelines click show all 1`] = `
98
98
  class="sc-jTzLTM ctjnzC"
99
99
  >
100
100
  <div
101
- class="sc-fjdhpX hMbKXG"
101
+ class="sc-fjdhpX kLAoaR"
102
102
  >
103
103
  11 June 2018
104
104
  </div>
@@ -128,7 +128,7 @@ exports[`Timelines click show all 1`] = `
128
128
  class="sc-jTzLTM ctjnzC"
129
129
  >
130
130
  <div
131
- class="sc-fjdhpX hMbKXG"
131
+ class="sc-fjdhpX kLAoaR"
132
132
  >
133
133
  12 June 2018
134
134
  </div>
@@ -158,7 +158,7 @@ exports[`Timelines click show all 1`] = `
158
158
  class="sc-jTzLTM ctjnzC"
159
159
  >
160
160
  <div
161
- class="sc-fjdhpX hMbKXG"
161
+ class="sc-fjdhpX kLAoaR"
162
162
  >
163
163
  13 June 2018
164
164
  </div>
@@ -184,7 +184,7 @@ exports[`Timelines click show all 1`] = `
184
184
  class="sc-jTzLTM ctjnzC"
185
185
  >
186
186
  <div
187
- class="sc-fjdhpX hMbKXG"
187
+ class="sc-fjdhpX kLAoaR"
188
188
  >
189
189
  14 June 2018
190
190
  </div>
@@ -214,7 +214,7 @@ exports[`Timelines click show all 1`] = `
214
214
  class="sc-jTzLTM ctjnzC"
215
215
  >
216
216
  <div
217
- class="sc-fjdhpX hMbKXG"
217
+ class="sc-fjdhpX kLAoaR"
218
218
  >
219
219
  15 June 2018
220
220
  </div>
@@ -237,7 +237,7 @@ exports[`Timelines click show all 1`] = `
237
237
  class="sc-bZQynM iNwlGF"
238
238
  >
239
239
  <button
240
- class="sc-htoDjs sc-gZMcBi cztRUZ"
240
+ class="sc-htoDjs sc-gZMcBi gxsFpX"
241
241
  >
242
242
  Collapse
243
243
  </button>
@@ -255,7 +255,7 @@ exports[`Timelines should render the bullet points component 1`] = `
255
255
  class="sc-iwsKbI fMDvHO"
256
256
  >
257
257
  <div
258
- class="sc-bwzfXH gzPkze"
258
+ class="sc-bwzfXH hwAlqD"
259
259
  >
260
260
  Venezuelan Politics
261
261
  </div>
@@ -280,7 +280,7 @@ exports[`Timelines should render the bullet points component 1`] = `
280
280
  class="sc-jTzLTM ctjnzC"
281
281
  >
282
282
  <div
283
- class="sc-fjdhpX hMbKXG"
283
+ class="sc-fjdhpX kLAoaR"
284
284
  >
285
285
  9 June 2018
286
286
  </div>
@@ -306,7 +306,7 @@ exports[`Timelines should render the bullet points component 1`] = `
306
306
  class="sc-jTzLTM ctjnzC"
307
307
  >
308
308
  <div
309
- class="sc-fjdhpX hMbKXG"
309
+ class="sc-fjdhpX kLAoaR"
310
310
  >
311
311
  10 June 2018
312
312
  </div>
@@ -332,7 +332,7 @@ exports[`Timelines should render the bullet points component 1`] = `
332
332
  class="sc-jTzLTM ctjnzC"
333
333
  >
334
334
  <div
335
- class="sc-fjdhpX hMbKXG"
335
+ class="sc-fjdhpX kLAoaR"
336
336
  >
337
337
  11 June 2018
338
338
  </div>
@@ -358,7 +358,7 @@ exports[`Timelines should render the bullet points component 1`] = `
358
358
  class="sc-jTzLTM ctjnzC"
359
359
  >
360
360
  <div
361
- class="sc-fjdhpX hMbKXG"
361
+ class="sc-fjdhpX kLAoaR"
362
362
  >
363
363
  12 June 2018
364
364
  </div>
@@ -384,7 +384,7 @@ exports[`Timelines should render the bullet points component 1`] = `
384
384
  class="sc-jTzLTM ctjnzC"
385
385
  >
386
386
  <div
387
- class="sc-fjdhpX hMbKXG"
387
+ class="sc-fjdhpX kLAoaR"
388
388
  >
389
389
  13 June 2018
390
390
  </div>
@@ -410,7 +410,7 @@ exports[`Timelines should render the bullet points component 1`] = `
410
410
  class="sc-jTzLTM ctjnzC"
411
411
  >
412
412
  <div
413
- class="sc-fjdhpX hMbKXG"
413
+ class="sc-fjdhpX kLAoaR"
414
414
  >
415
415
  14 June 2018
416
416
  </div>
@@ -436,7 +436,7 @@ exports[`Timelines should render the bullet points component 1`] = `
436
436
  class="sc-jTzLTM ctjnzC"
437
437
  >
438
438
  <div
439
- class="sc-fjdhpX hMbKXG"
439
+ class="sc-fjdhpX kLAoaR"
440
440
  >
441
441
  15 June 2018
442
442
  </div>
@@ -459,7 +459,7 @@ exports[`Timelines should render the bullet points component 1`] = `
459
459
  class="sc-bZQynM iNwlGF"
460
460
  >
461
461
  <button
462
- class="sc-htoDjs sc-gZMcBi cztRUZ"
462
+ class="sc-htoDjs sc-gZMcBi gxsFpX"
463
463
  >
464
464
  Show all
465
465
  </button>
@@ -477,7 +477,7 @@ exports[`Timelines should render the circle images component 1`] = `
477
477
  class="sc-iwsKbI fMDvHO"
478
478
  >
479
479
  <div
480
- class="sc-bwzfXH gzPkze"
480
+ class="sc-bwzfXH hwAlqD"
481
481
  >
482
482
  Venezuelan Politics
483
483
  </div>
@@ -506,7 +506,7 @@ exports[`Timelines should render the circle images component 1`] = `
506
506
  class="sc-jTzLTM ctjnzC"
507
507
  >
508
508
  <div
509
- class="sc-fjdhpX hMbKXG"
509
+ class="sc-fjdhpX kLAoaR"
510
510
  >
511
511
  9 June 2018
512
512
  </div>
@@ -536,7 +536,7 @@ exports[`Timelines should render the circle images component 1`] = `
536
536
  class="sc-jTzLTM ctjnzC"
537
537
  >
538
538
  <div
539
- class="sc-fjdhpX hMbKXG"
539
+ class="sc-fjdhpX kLAoaR"
540
540
  >
541
541
  10 June 2018
542
542
  </div>
@@ -566,7 +566,7 @@ exports[`Timelines should render the circle images component 1`] = `
566
566
  class="sc-jTzLTM ctjnzC"
567
567
  >
568
568
  <div
569
- class="sc-fjdhpX hMbKXG"
569
+ class="sc-fjdhpX kLAoaR"
570
570
  >
571
571
  11 June 2018
572
572
  </div>
@@ -596,7 +596,7 @@ exports[`Timelines should render the circle images component 1`] = `
596
596
  class="sc-jTzLTM ctjnzC"
597
597
  >
598
598
  <div
599
- class="sc-fjdhpX hMbKXG"
599
+ class="sc-fjdhpX kLAoaR"
600
600
  >
601
601
  12 June 2018
602
602
  </div>
@@ -626,7 +626,7 @@ exports[`Timelines should render the circle images component 1`] = `
626
626
  class="sc-jTzLTM ctjnzC"
627
627
  >
628
628
  <div
629
- class="sc-fjdhpX hMbKXG"
629
+ class="sc-fjdhpX kLAoaR"
630
630
  >
631
631
  13 June 2018
632
632
  </div>
@@ -652,7 +652,7 @@ exports[`Timelines should render the circle images component 1`] = `
652
652
  class="sc-jTzLTM ctjnzC"
653
653
  >
654
654
  <div
655
- class="sc-fjdhpX hMbKXG"
655
+ class="sc-fjdhpX kLAoaR"
656
656
  >
657
657
  14 June 2018
658
658
  </div>
@@ -682,7 +682,7 @@ exports[`Timelines should render the circle images component 1`] = `
682
682
  class="sc-jTzLTM ctjnzC"
683
683
  >
684
684
  <div
685
- class="sc-fjdhpX hMbKXG"
685
+ class="sc-fjdhpX kLAoaR"
686
686
  >
687
687
  15 June 2018
688
688
  </div>
@@ -705,7 +705,7 @@ exports[`Timelines should render the circle images component 1`] = `
705
705
  class="sc-bZQynM iNwlGF"
706
706
  >
707
707
  <button
708
- class="sc-htoDjs sc-gZMcBi cztRUZ"
708
+ class="sc-htoDjs sc-gZMcBi gxsFpX"
709
709
  >
710
710
  Show all
711
711
  </button>
package/src/components/inline-dialog/__tests__/__snapshots__/InlineDialog.test.tsx.snap CHANGED
@@ -15,7 +15,7 @@ exports[`<InlineDialog> should render the component 1`] = `
15
15
  class="sc-htpNat dBfnu"
16
16
  />
17
17
  <a
18
- class="sc-bxivhb buzDgg"
18
+ class="sc-bxivhb zqNzL"
19
19
  href="#"
20
20
  >
21
21
  Button
package/src/components/inline-message/__tests__/__snapshots__/InlineMessage.test.tsx.snap CHANGED
@@ -27,12 +27,12 @@ exports[`<InlineMessage> should render the component 1`] = `
27
27
  class="sc-htpNat fMAJrN"
28
28
  >
29
29
  <div
30
- class="sc-bxivhb dnEdgn"
30
+ class="sc-bxivhb bNdrQr"
31
31
  >
32
32
  Title
33
33
  </div>
34
34
  <div
35
- class="sc-ifAKCX kbJgci"
35
+ class="sc-ifAKCX kJzwzo"
36
36
  />
37
37
  </div>
38
38
  </div>
package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap CHANGED
@@ -119,7 +119,7 @@ exports[`<LatestFromSection> renders 1`] = `
119
119
  >
120
120
  <div
121
121
  class="tc-text__TcText-sc-15igzev-0 lhcAkf"
122
- style="font-family: GillSansMTStd-Medium; font-size: 12px; line-height: 12px; font-weight: 400; margin-bottom: 0px; margin-top: -1px; padding-top: 1px; letter-spacing: 1px; color: rgb(0, 131, 71);"
122
+ style="font-family: Roboto-Regular; font-size: 12px; line-height: 12px; font-weight: 400; margin-bottom: 0px; margin-top: -1px; padding-top: 1px; letter-spacing: 1px; color: rgb(0, 131, 71);"
123
123
  >
124
124
  CYCLING | DAVID WALSH
125
125
  </div>
@@ -134,7 +134,7 @@ exports[`<LatestFromSection> renders 1`] = `
134
134
  </div>
135
135
  <div
136
136
  class="tc-text__TcText-sc-15igzev-0 lhcAkf"
137
- style="color: rgb(105, 105, 105); font-family: GillSansMTStd-Medium; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
137
+ style="color: rgb(105, 105, 105); font-family: Roboto-Regular; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
138
138
  >
139
139
  <time
140
140
  datetime="2021-06-29T23:01:00Z"
@@ -146,7 +146,7 @@ exports[`<LatestFromSection> renders 1`] = `
146
146
  class="tc-text__TcText-sc-15igzev-0 lhcAkf"
147
147
  >
148
148
  <div
149
- class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 hgOVOC"
149
+ class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 jeMTvA"
150
150
  >
151
151
  David Walsh
152
152
  </div>
@@ -233,7 +233,7 @@ exports[`<LatestFromSection> renders 1`] = `
233
233
  >
234
234
  <div
235
235
  class="tc-text__TcText-sc-15igzev-0 lhcAkf"
236
- style="font-family: GillSansMTStd-Medium; font-size: 12px; line-height: 12px; font-weight: 400; margin-bottom: 0px; margin-top: -1px; padding-top: 1px; letter-spacing: 1px; color: rgb(0, 131, 71);"
236
+ style="font-family: Roboto-Regular; font-size: 12px; line-height: 12px; font-weight: 400; margin-bottom: 0px; margin-top: -1px; padding-top: 1px; letter-spacing: 1px; color: rgb(0, 131, 71);"
237
237
  >
238
238
  EURO 2020 | MATT LAWTON
239
239
  </div>
@@ -248,7 +248,7 @@ exports[`<LatestFromSection> renders 1`] = `
248
248
  </div>
249
249
  <div
250
250
  class="tc-text__TcText-sc-15igzev-0 lhcAkf"
251
- style="color: rgb(105, 105, 105); font-family: GillSansMTStd-Medium; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
251
+ style="color: rgb(105, 105, 105); font-family: Roboto-Regular; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
252
252
  >
253
253
  <time
254
254
  datetime="2021-06-30T11:00:00Z"
@@ -260,7 +260,7 @@ exports[`<LatestFromSection> renders 1`] = `
260
260
  class="tc-text__TcText-sc-15igzev-0 lhcAkf"
261
261
  >
262
262
  <div
263
- class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 hgOVOC"
263
+ class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 jeMTvA"
264
264
  >
265
265
  Matt Lawton
266
266
  </div>
@@ -347,7 +347,7 @@ exports[`<LatestFromSection> renders 1`] = `
347
347
  >
348
348
  <div
349
349
  class="tc-text__TcText-sc-15igzev-0 lhcAkf"
350
- style="font-family: GillSansMTStd-Medium; font-size: 12px; line-height: 12px; font-weight: 400; margin-bottom: 0px; margin-top: -1px; padding-top: 1px; letter-spacing: 1px; color: rgb(0, 131, 71);"
350
+ style="font-family: Roboto-Regular; font-size: 12px; line-height: 12px; font-weight: 400; margin-bottom: 0px; margin-top: -1px; padding-top: 1px; letter-spacing: 1px; color: rgb(0, 131, 71);"
351
351
  >
352
352
  EURO 2020 | JONATHAN NORTHCROFT
353
353
  </div>
@@ -362,7 +362,7 @@ exports[`<LatestFromSection> renders 1`] = `
362
362
  </div>
363
363
  <div
364
364
  class="tc-text__TcText-sc-15igzev-0 lhcAkf"
365
- style="color: rgb(105, 105, 105); font-family: GillSansMTStd-Medium; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
365
+ style="color: rgb(105, 105, 105); font-family: Roboto-Regular; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
366
366
  >
367
367
  <time
368
368
  datetime="2021-06-29T23:01:00Z"
@@ -374,7 +374,7 @@ exports[`<LatestFromSection> renders 1`] = `
374
374
  class="tc-text__TcText-sc-15igzev-0 lhcAkf"
375
375
  >
376
376
  <div
377
- class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 hgOVOC"
377
+ class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 jeMTvA"
378
378
  >
379
379
  Jonathan Northcroft
380
380
  </div>
package/src/components/newsletter-puff/__tests__/__snapshots__/InlineNewsletterPuff.test.tsx.snap CHANGED
@@ -50,7 +50,7 @@ exports[`Inline Newsletter Puff renders loading state state 1`] = `
50
50
  class="sc-htpNat sc-VigVT iWOUWL"
51
51
  >
52
52
  <button
53
- class="sc-bdVaJa qlAqK"
53
+ class="sc-bdVaJa jJdVaO"
54
54
  >
55
55
  Sign up with one click
56
56
  </button>
@@ -138,7 +138,7 @@ exports[`Inline Newsletter Puff renders signup state 1`] = `
138
138
  class="sc-htpNat sc-VigVT iWOUWL"
139
139
  >
140
140
  <button
141
- class="sc-bdVaJa qlAqK"
141
+ class="sc-bdVaJa jJdVaO"
142
142
  >
143
143
  Sign up with one click
144
144
  </button>
@@ -182,7 +182,7 @@ exports[`Inline Newsletter Puff renders signup view when not already subscribed
182
182
  class="sc-htpNat sc-VigVT iWOUWL"
183
183
  >
184
184
  <button
185
- class="sc-bdVaJa qlAqK"
185
+ class="sc-bdVaJa jJdVaO"
186
186
  >
187
187
  Sign up with one click
188
188
  </button>
package/src/components/newsletter-puff/newsletter-puff-button/styles.ts CHANGED
@@ -3,7 +3,7 @@ import styled from 'styled-components';
3
3
  import { colours, fonts } from '@times-components/ts-styleguide';
4
4
 
5
5
  export const PuffButton = styled.button`
6
- font-family: GillSansMTStd-Medium;
6
+ font-family: Roboto-Regular;
7
7
  font-size: 16px;
8
8
  line-height: 0;
9
9
  align-items: center;
package/src/components/newsletter-puff/preview-newsletter-puff/__tests__/__snapshots__/PreviewNewsletterPuff.test.tsx.snap CHANGED
@@ -33,7 +33,7 @@ exports[`Preview Newsletter Puff renders 1`] = `
33
33
  class="sc-bdVaJa sc-htoDjs fqXCoz"
34
34
  >
35
35
  <button
36
- class="sc-iwsKbI beYQWx"
36
+ class="sc-iwsKbI gtKsLM"
37
37
  >
38
38
  Sign up with one click
39
39
  </button>