@times-components/ts-components 1.64.0 → 1.64.2

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 (39) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/components/article-flag/styles.js +1 -3
  3. package/dist/components/newsletter-puff/newsletter-puff-button/styles.js +1 -1
  4. package/dist/components/recommended-articles/RecommendedFetch.js +2 -2
  5. package/dist/helpers/text-crop/fonts.js +5 -13
  6. package/package.json +13 -13
  7. package/rnw.js +1 -1
  8. package/src/components/article-flag/__tests__/__snapshots__/LiveArticleFlag.test.tsx.snap +3 -3
  9. package/src/components/article-flag/styles.ts +0 -2
  10. package/src/components/carousel/__tests__/__snapshots__/GalleryCarousel.test.tsx.snap +3 -3
  11. package/src/components/in-article-big-numbers/__tests__/__snapshots__/BigNumbers.test.tsx.snap +6 -6
  12. package/src/components/in-article-info-card/__tests__/__snapshots__/InfoCard.test.tsx.snap +4 -4
  13. package/src/components/in-article-info-card-bulletpoints/__tests__/__snapshots__/InfoCardBulletPoints.test.tsx.snap +4 -4
  14. package/src/components/in-article-puff/__tests__/__snapshots__/InArticlePuff.test.tsx.snap +4 -4
  15. package/src/components/in-article-related-articles/__tests__/__snapshots__/RelatedArticle.test.tsx.snap +2 -2
  16. package/src/components/in-article-related-articles/__tests__/__snapshots__/SingleRelatedArticle.test.tsx.snap +2 -2
  17. package/src/components/in-article-timelines/__tests__/__snapshots__/Timelines.test.tsx.snap +27 -27
  18. package/src/components/inline-dialog/__tests__/__snapshots__/InlineDialog.test.tsx.snap +1 -1
  19. package/src/components/inline-message/__tests__/__snapshots__/InlineMessage.test.tsx.snap +2 -2
  20. package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap +9 -9
  21. package/src/components/newsletter-puff/__tests__/__snapshots__/InlineNewsletterPuff.test.tsx.snap +3 -3
  22. package/src/components/newsletter-puff/newsletter-puff-button/styles.ts +1 -1
  23. package/src/components/newsletter-puff/preview-newsletter-puff/__tests__/__snapshots__/PreviewNewsletterPuff.test.tsx.snap +1 -1
  24. package/src/components/olympics/__tests__/__snapshots__/OlympicsMedalTable.test.tsx.snap +20 -20
  25. package/src/components/olympics/__tests__/__snapshots__/OlympicsSchedule.test.tsx.snap +28 -28
  26. package/src/components/opta/football/fixtures/__tests__/__snapshots__/OptaFootballFixtures.test.tsx.snap +2 -2
  27. package/src/components/opta/football/match-stats/__tests__/__snapshots__/OptaFootballMatchStats.test.tsx.snap +2 -2
  28. package/src/components/opta/football/standings/__tests__/__snapshots__/OptaFootballStandings.test.tsx.snap +2 -2
  29. package/src/components/opta/football/summary/__tests__/__snapshots__/OptaFootballSummary.test.tsx.snap +2 -2
  30. package/src/components/opta/rugby/fixtures/__tests__/__snapshots__/OptaRugbyFixtures.test.tsx.snap +2 -2
  31. package/src/components/opta/rugby/match-stats/__tests__/__snapshots__/OptaRugbyMatchStats.test.tsx.snap +2 -2
  32. package/src/components/opta/rugby/standings/__tests__/__snapshots__/OptaRugbyStandings.test.tsx.snap +2 -2
  33. package/src/components/opta/rugby/summary/__tests__/__snapshots__/OptaRugbySummary.test.tsx.snap +2 -2
  34. package/src/components/recommended-articles/RecommendedFetch.tsx +1 -1
  35. package/src/components/related-article-slice/__tests__/__snapshots__/RelatedArticleSlice.test.tsx.snap +6 -6
  36. package/src/components/save-star/__tests__/__snapshots__/SaveStar.test.tsx.snap +3 -3
  37. package/src/components/updated-timestamp/__tests__/__snapshots__/UpdatedTimestamp.test.tsx.snap +1 -1
  38. package/src/helpers/text-crop/__tests__/__snapshots__/TextCrop.test.tsx.snap +4 -4
  39. package/src/helpers/text-crop/fonts.ts +4 -13
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 fezfSG"
20
+ class="sc-bwzfXH hBgZUv"
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 fezfSG"
47
+ class="sc-bwzfXH hBgZUv"
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 fezfSG"
74
+ class="sc-bwzfXH hBgZUv"
75
75
  >
76
76
  LIVE
77
77
  </span>
package/src/components/article-flag/styles.ts CHANGED
@@ -13,8 +13,6 @@ export const LiveArticleFlagContainer = styled.div`
13
13
  `;
14
14
 
15
15
  export const LiveArticleFlagText = styled.span`
16
- display: flex;
17
- align-items: center;
18
16
  font-family: ${fonts.supporting};
19
17
  color: #ffffff;
20
18
  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 gJwkWa"
81
+ class="sc-ckVGcZ pKgO"
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 elBRrc"
162
+ class="sc-gqjmRU cwbOMy"
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 elBRrc"
225
+ class="sc-gqjmRU cwbOMy"
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 hwAlqD"
12
+ class="sc-bwzfXH gzPkze"
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 dldfZR"
104
+ class="sc-htoDjs sc-gZMcBi fiRWob"
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 hwAlqD"
134
+ class="sc-bwzfXH gzPkze"
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 dldfZR"
226
+ class="sc-htoDjs sc-gZMcBi fiRWob"
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 hwAlqD"
244
+ class="sc-bwzfXH gzPkze"
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 dldfZR"
336
+ class="sc-htoDjs sc-gZMcBi fiRWob"
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 jWLilX"
201
+ class="sc-dxgOiQ gNDmzV"
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 jWLilX"
471
+ class="sc-dxgOiQ gNDmzV"
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 jWLilX"
749
+ class="sc-dxgOiQ gNDmzV"
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 jWLilX"
1012
+ class="sc-dxgOiQ gNDmzV"
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 jxmrMX"
12
+ class="sc-dnqmqq cjsHty"
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 QXRPc"
59
+ class="sc-ifAKCX kpjxlo"
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 jxmrMX"
91
+ class="sc-dnqmqq cjsHty"
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 QXRPc"
138
+ class="sc-ifAKCX kpjxlo"
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 jrvweV"
28
+ class="sc-fjdhpX bCDTJX"
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 kKQgMd"
52
+ class="sc-htpNat irNLqr"
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 dgLTnX"
79
+ class="sc-fjdhpX gKXrO"
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 kKQgMd"
98
+ class="sc-htpNat irNLqr"
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 hpRUtX"
26
+ class="sc-bxivhb kUXZco"
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 jBZBgi"
43
+ class="sc-EHOje cjnDfc"
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 jfCTOX"
7
+ class="sc-bdVaJa cHawYV"
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 jfCTOX"
62
+ class="sc-bdVaJa cHawYV"
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 hwAlqD"
12
+ class="sc-bwzfXH gzPkze"
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 kLAoaR"
41
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
71
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
101
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
131
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
161
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
187
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
217
+ class="sc-fjdhpX hMbKXG"
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 gxsFpX"
240
+ class="sc-htoDjs sc-gZMcBi cztRUZ"
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 hwAlqD"
258
+ class="sc-bwzfXH gzPkze"
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 kLAoaR"
283
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
309
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
335
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
361
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
387
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
413
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
439
+ class="sc-fjdhpX hMbKXG"
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 gxsFpX"
462
+ class="sc-htoDjs sc-gZMcBi cztRUZ"
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 hwAlqD"
480
+ class="sc-bwzfXH gzPkze"
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 kLAoaR"
509
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
539
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
569
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
599
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
629
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
655
+ class="sc-fjdhpX hMbKXG"
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 kLAoaR"
685
+ class="sc-fjdhpX hMbKXG"
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 gxsFpX"
708
+ class="sc-htoDjs sc-gZMcBi cztRUZ"
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 zqNzL"
18
+ class="sc-bxivhb buzDgg"
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 bNdrQr"
30
+ class="sc-bxivhb dnEdgn"
31
31
  >
32
32
  Title
33
33
  </div>
34
34
  <div
35
- class="sc-ifAKCX kJzwzo"
35
+ class="sc-ifAKCX kbJgci"
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: 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);"
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);"
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: Roboto-Regular; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
137
+ style="color: rgb(105, 105, 105); font-family: GillSansMTStd-Medium; 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 jeMTvA"
149
+ class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 hgOVOC"
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: 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);"
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);"
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: Roboto-Regular; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
251
+ style="color: rgb(105, 105, 105); font-family: GillSansMTStd-Medium; 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 jeMTvA"
263
+ class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 hgOVOC"
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: 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);"
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);"
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: Roboto-Regular; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
365
+ style="color: rgb(105, 105, 105); font-family: GillSansMTStd-Medium; 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 jeMTvA"
377
+ class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 hgOVOC"
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 jJdVaO"
53
+ class="sc-bdVaJa qlAqK"
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 jJdVaO"
141
+ class="sc-bdVaJa qlAqK"
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 jJdVaO"
185
+ class="sc-bdVaJa qlAqK"
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: Roboto-Regular;
6
+ font-family: GillSansMTStd-Medium;
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 gtKsLM"
36
+ class="sc-iwsKbI beYQWx"
37
37
  >
38
38
  Sign up with one click
39
39
  </button>