@times-components/ts-components 1.44.2 → 1.46.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 (3) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/package.json +4 -4
  3. package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap +68 -86
package/CHANGELOG.md CHANGED
@@ -3,6 +3,36 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [1.46.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.45.1...@times-components/ts-components@1.46.0) (2022-06-23)
7
+
8
+
9
+ ### Features
10
+
11
+ * **TDP-1700:** remove react native from article summary ([8092557](https://github.com/newsuk/times-components/commit/809255721b146f977b94534edba7935b5ebbf79e))
12
+
13
+
14
+
15
+
16
+
17
+ ## [1.45.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.45.0...@times-components/ts-components@1.45.1) (2022-06-22)
18
+
19
+ **Note:** Version bump only for package @times-components/ts-components
20
+
21
+
22
+
23
+
24
+
25
+ # [1.45.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.44.2...@times-components/ts-components@1.45.0) (2022-06-22)
26
+
27
+
28
+ ### Features
29
+
30
+ * **TDP-1421:** Remove react native from 'times-components/slice-layout' package ([#2994](https://github.com/newsuk/times-components/issues/2994)) ([dc5dc4d](https://github.com/newsuk/times-components/commit/dc5dc4da032565a727e4e62adfc5b606ad60c298))
31
+
32
+
33
+
34
+
35
+
6
36
  ## [1.44.2](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.44.1...@times-components/ts-components@1.44.2) (2022-06-21)
7
37
 
8
38
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/ts-components",
3
- "version": "1.44.2",
3
+ "version": "1.46.0",
4
4
  "description": "Reuseable Typescript React Components",
5
5
  "main": "dist/index.js",
6
6
  "dev": "dist/index.js",
@@ -52,12 +52,12 @@
52
52
  "dependencies": {
53
53
  "@times-components/button": "2.5.23",
54
54
  "@times-components/date-publication": "0.22.24",
55
- "@times-components/icons": "2.16.34",
55
+ "@times-components/icons": "2.17.0",
56
56
  "@times-components/image": "6.11.16",
57
57
  "@times-components/link": "3.10.5",
58
58
  "@times-components/provider": "1.32.0",
59
59
  "@times-components/provider-queries": "2.17.0",
60
- "@times-components/related-articles": "6.8.31",
60
+ "@times-components/related-articles": "6.10.0",
61
61
  "@times-components/ts-slices": "1.3.24",
62
62
  "@times-components/ts-styleguide": "1.36.2",
63
63
  "@times-components/utils": "6.12.1",
@@ -119,5 +119,5 @@
119
119
  "@testing-library/jest-dom/extend-expect"
120
120
  ]
121
121
  },
122
- "gitHead": "765798c81cbe5a04aa36fa6267650e95cddc3fe2"
122
+ "gitHead": "bbebcfa1987d7c68f114e4be1277eb8928f993b8"
123
123
  }
package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap CHANGED
@@ -43,16 +43,16 @@ exports[`<LatestFromSection> renders 1`] = `
43
43
  </h3>
44
44
  </div>
45
45
  <div
46
- class="config__Base-bs1997-0 config__Base-bs1997-2 ETkHz config__Base-bs1997-0 config__Base-bs1997-2 ETkHz css-view-1dbjc4n"
46
+ class="tc-view__TcView-nuazoi-0 config__Base-bs1997-0 config__Base-bs1997-2 gpmFGs"
47
47
  >
48
48
  <div
49
- class="responsive__SliceContainer-sc-1kirgpc-0 ioiqOj responsive__SliceContainer-sc-1kirgpc-0 ioiqOj css-view-1dbjc4n"
49
+ class="tc-view__TcView-nuazoi-0 responsive__SliceContainer-sc-1kirgpc-0 dOGrmV"
50
50
  >
51
51
  <div
52
- class="responsive__Base-sc-1lqbq6a-1 responsive__Base-sc-1lqbq6a-2 responsive__Base-sc-1lqbq6a-4 gpRihd responsive__Base-sc-1lqbq6a-1 responsive__Base-sc-1lqbq6a-2 responsive__Base-sc-1lqbq6a-4 gpRihd css-view-1dbjc4n"
52
+ class="tc-view__TcView-nuazoi-0 responsive__Base-sc-1lqbq6a-1 responsive__Base-sc-1lqbq6a-2 responsive__Base-sc-1lqbq6a-4 fwcUxi"
53
53
  >
54
54
  <div
55
- class="responsive__ChildContainer-sc-1lqbq6a-0 hdJTrx responsive__ChildContainer-sc-1lqbq6a-0 hdJTrx css-view-1dbjc4n"
55
+ class="tc-view__TcView-nuazoi-0 responsive__ChildContainer-sc-1lqbq6a-0 wGIJh"
56
56
  >
57
57
  <div
58
58
  data-testid="related-article-item"
@@ -115,10 +115,10 @@ exports[`<LatestFromSection> renders 1`] = `
115
115
  class="tc-view__TcView-nuazoi-0 contentContainerClass card-content__TcCardContainer-sc-1w0wvq8-0 hzpWKJ"
116
116
  >
117
117
  <div
118
- class="css-view-1dbjc4n"
118
+ class="tc-view__TcView-nuazoi-0 fPjBcr"
119
119
  >
120
120
  <div
121
- class="css-view-1dbjc4n"
121
+ class="tc-view__TcView-nuazoi-0 fPjBcr"
122
122
  style="margin-bottom: 0px;"
123
123
  >
124
124
  <div
@@ -128,47 +128,42 @@ exports[`<LatestFromSection> renders 1`] = `
128
128
  CYCLING | DAVID WALSH
129
129
  </div>
130
130
  </div>
131
- <h3
131
+ <div
132
132
  aria-level="3"
133
- class="headlineClass css-reset-4rbku5 headlineClass css-text-901oao"
134
- dir="auto"
133
+ class="headlineClass tc-text__TcText-sc-15igzev-0 lhcAkf"
135
134
  role="heading"
136
- style="color: rgb(51, 51, 51); font-family: TimesModern-Bold; font-size: 22px; font-weight: 400; line-height: 27px; margin-bottom: 5px; margin-top: 0px;"
135
+ style="color: rgb(51, 51, 51); font-family: TimesModern-Bold; font-weight: 400; margin-bottom: 5px; font-size: 22px; line-height: 27px; margin-top: 0px;"
137
136
  >
138
137
  The entire Tour bows to the greatness of Cavendish
139
- </h3>
138
+ </div>
140
139
  <div
141
140
  class="css-view-1dbjc4n"
142
141
  >
143
142
  <div
144
- class="summaryHidden summary125Class summaryHidden summary125Class css-text-901oao"
145
- dir="auto"
146
- style="color: rgb(105, 105, 105); flex-wrap: wrap; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px; margin-bottom: 10px;"
143
+ class="summaryHidden summary125Class tc-text__TcText-sc-15igzev-0 lhcAkf"
144
+ style="color: rgb(105, 105, 105); flex-wrap: wrap; margin-bottom: 10px; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px;"
147
145
  >
148
- <span
149
- class="css-text-901oao css-textHasAncestor-16my406"
150
- dir="auto"
146
+ <div
147
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
148
+ style="white-space: inherit;"
151
149
  >
152
150
  The story of Mark Cavendish’s heroic return can be told in many ways. In the brilliance of the sprint, mostly. His team-mates had done an outstanding job but ri...
153
- </span>
151
+ </div>
154
152
  </div>
155
153
  <div
156
- class="summaryHidden summary145Class summaryHidden summary145Class css-text-901oao"
157
- dir="auto"
158
- style="color: rgb(105, 105, 105); flex-wrap: wrap; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px; margin-bottom: 10px;"
154
+ class="summaryHidden summary145Class tc-text__TcText-sc-15igzev-0 lhcAkf"
155
+ style="color: rgb(105, 105, 105); flex-wrap: wrap; margin-bottom: 10px; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px;"
159
156
  >
160
- <span
161
- class="css-text-901oao css-textHasAncestor-16my406"
162
- dir="auto"
157
+ <div
158
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
159
+ style="white-space: inherit;"
163
160
  >
164
161
  The story of Mark Cavendish’s heroic return can be told in many ways. In the brilliance of the sprint, mostly. His team-mates had done an outstanding job but ri...
165
- </span>
162
+ </div>
166
163
  </div>
167
164
  </div>
168
165
  <div
169
- class="css-text-901oao"
170
- data-testid="datePublication"
171
- dir="auto"
166
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
172
167
  style="color: rgb(105, 105, 105); font-family: GillSansMTStd-Medium; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
173
168
  >
174
169
  <time
@@ -178,8 +173,7 @@ exports[`<LatestFromSection> renders 1`] = `
178
173
  </time>
179
174
  </div>
180
175
  <div
181
- class="css-text-901oao"
182
- dir="auto"
176
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
183
177
  >
184
178
  <div
185
179
  class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 hgOVOC"
@@ -195,10 +189,10 @@ exports[`<LatestFromSection> renders 1`] = `
195
189
  </div>
196
190
  </div>
197
191
  <div
198
- class="responsive-sc-1kirgpc-1 fAXubH responsive-sc-1kirgpc-1 fAXubH css-view-1dbjc4n"
192
+ class="tc-view__TcView-nuazoi-0 responsive-sc-1kirgpc-1 kpLnTa"
199
193
  />
200
194
  <div
201
- class="responsive__ChildContainer-sc-1lqbq6a-0 hdJTrx responsive__ChildContainer-sc-1lqbq6a-0 hdJTrx css-view-1dbjc4n"
195
+ class="tc-view__TcView-nuazoi-0 responsive__ChildContainer-sc-1lqbq6a-0 wGIJh"
202
196
  >
203
197
  <div
204
198
  data-testid="related-article-item"
@@ -261,10 +255,10 @@ exports[`<LatestFromSection> renders 1`] = `
261
255
  class="tc-view__TcView-nuazoi-0 contentContainerClass card-content__TcCardContainer-sc-1w0wvq8-0 hzpWKJ"
262
256
  >
263
257
  <div
264
- class="css-view-1dbjc4n"
258
+ class="tc-view__TcView-nuazoi-0 fPjBcr"
265
259
  >
266
260
  <div
267
- class="css-view-1dbjc4n"
261
+ class="tc-view__TcView-nuazoi-0 fPjBcr"
268
262
  style="margin-bottom: 0px;"
269
263
  >
270
264
  <div
@@ -274,47 +268,42 @@ exports[`<LatestFromSection> renders 1`] = `
274
268
  EURO 2020 | MATT LAWTON
275
269
  </div>
276
270
  </div>
277
- <h3
271
+ <div
278
272
  aria-level="3"
279
- class="headlineClass css-reset-4rbku5 headlineClass css-text-901oao"
280
- dir="auto"
273
+ class="headlineClass tc-text__TcText-sc-15igzev-0 lhcAkf"
281
274
  role="heading"
282
- style="color: rgb(51, 51, 51); font-family: TimesModern-Bold; font-size: 22px; font-weight: 400; line-height: 27px; margin-bottom: 5px; margin-top: 0px;"
275
+ style="color: rgb(51, 51, 51); font-family: TimesModern-Bold; font-weight: 400; margin-bottom: 5px; font-size: 22px; line-height: 27px; margin-top: 0px;"
283
276
  >
284
277
  Flawless Pickford repels everything Germans muster
285
- </h3>
278
+ </div>
286
279
  <div
287
280
  class="css-view-1dbjc4n"
288
281
  >
289
282
  <div
290
- class="summaryHidden summary125Class summaryHidden summary125Class css-text-901oao"
291
- dir="auto"
292
- style="color: rgb(105, 105, 105); flex-wrap: wrap; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px; margin-bottom: 10px;"
283
+ class="summaryHidden summary125Class tc-text__TcText-sc-15igzev-0 lhcAkf"
284
+ style="color: rgb(105, 105, 105); flex-wrap: wrap; margin-bottom: 10px; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px;"
293
285
  >
294
- <span
295
- class="css-text-901oao css-textHasAncestor-16my406"
296
- dir="auto"
286
+ <div
287
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
288
+ style="white-space: inherit;"
297
289
  >
298
290
  Accompanied by a ghost of England’s past in the form of Thomas Müller, Germany set out to inflict yet more misery on their hosts with two spirited young forward...
299
- </span>
291
+ </div>
300
292
  </div>
301
293
  <div
302
- class="summaryHidden summary145Class summaryHidden summary145Class css-text-901oao"
303
- dir="auto"
304
- style="color: rgb(105, 105, 105); flex-wrap: wrap; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px; margin-bottom: 10px;"
294
+ class="summaryHidden summary145Class tc-text__TcText-sc-15igzev-0 lhcAkf"
295
+ style="color: rgb(105, 105, 105); flex-wrap: wrap; margin-bottom: 10px; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px;"
305
296
  >
306
- <span
307
- class="css-text-901oao css-textHasAncestor-16my406"
308
- dir="auto"
297
+ <div
298
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
299
+ style="white-space: inherit;"
309
300
  >
310
301
  Accompanied by a ghost of England’s past in the form of Thomas Müller, Germany set out to inflict yet more misery on their hosts with two spirited young forward...
311
- </span>
302
+ </div>
312
303
  </div>
313
304
  </div>
314
305
  <div
315
- class="css-text-901oao"
316
- data-testid="datePublication"
317
- dir="auto"
306
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
318
307
  style="color: rgb(105, 105, 105); font-family: GillSansMTStd-Medium; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
319
308
  >
320
309
  <time
@@ -324,8 +313,7 @@ exports[`<LatestFromSection> renders 1`] = `
324
313
  </time>
325
314
  </div>
326
315
  <div
327
- class="css-text-901oao"
328
- dir="auto"
316
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
329
317
  >
330
318
  <div
331
319
  class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 hgOVOC"
@@ -341,10 +329,10 @@ exports[`<LatestFromSection> renders 1`] = `
341
329
  </div>
342
330
  </div>
343
331
  <div
344
- class="responsive-sc-1kirgpc-1 fAXubH responsive-sc-1kirgpc-1 fAXubH css-view-1dbjc4n"
332
+ class="tc-view__TcView-nuazoi-0 responsive-sc-1kirgpc-1 kpLnTa"
345
333
  />
346
334
  <div
347
- class="responsive__ChildContainer-sc-1lqbq6a-0 hdJTrx responsive__ChildContainer-sc-1lqbq6a-0 hdJTrx css-view-1dbjc4n"
335
+ class="tc-view__TcView-nuazoi-0 responsive__ChildContainer-sc-1lqbq6a-0 wGIJh"
348
336
  >
349
337
  <div
350
338
  data-testid="related-article-item"
@@ -407,10 +395,10 @@ exports[`<LatestFromSection> renders 1`] = `
407
395
  class="tc-view__TcView-nuazoi-0 contentContainerClass card-content__TcCardContainer-sc-1w0wvq8-0 hzpWKJ"
408
396
  >
409
397
  <div
410
- class="css-view-1dbjc4n"
398
+ class="tc-view__TcView-nuazoi-0 fPjBcr"
411
399
  >
412
400
  <div
413
- class="css-view-1dbjc4n"
401
+ class="tc-view__TcView-nuazoi-0 fPjBcr"
414
402
  style="margin-bottom: 0px;"
415
403
  >
416
404
  <div
@@ -420,47 +408,42 @@ exports[`<LatestFromSection> renders 1`] = `
420
408
  EURO 2020 | JONATHAN NORTHCROFT
421
409
  </div>
422
410
  </div>
423
- <h3
411
+ <div
424
412
  aria-level="3"
425
- class="headlineClass css-reset-4rbku5 headlineClass css-text-901oao"
426
- dir="auto"
413
+ class="headlineClass tc-text__TcText-sc-15igzev-0 lhcAkf"
427
414
  role="heading"
428
- style="color: rgb(51, 51, 51); font-family: TimesModern-Bold; font-size: 22px; font-weight: 400; line-height: 27px; margin-bottom: 5px; margin-top: 0px;"
415
+ style="color: rgb(51, 51, 51); font-family: TimesModern-Bold; font-weight: 400; margin-bottom: 5px; font-size: 22px; line-height: 27px; margin-top: 0px;"
429
416
  >
430
417
  The tactical masterstrokes behind England’s ruthless win
431
- </h3>
418
+ </div>
432
419
  <div
433
420
  class="css-view-1dbjc4n"
434
421
  >
435
422
  <div
436
- class="summaryHidden summary125Class summaryHidden summary125Class css-text-901oao"
437
- dir="auto"
438
- style="color: rgb(105, 105, 105); flex-wrap: wrap; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px; margin-bottom: 10px;"
423
+ class="summaryHidden summary125Class tc-text__TcText-sc-15igzev-0 lhcAkf"
424
+ style="color: rgb(105, 105, 105); flex-wrap: wrap; margin-bottom: 10px; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px;"
439
425
  >
440
- <span
441
- class="css-text-901oao css-textHasAncestor-16my406"
442
- dir="auto"
426
+ <div
427
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
428
+ style="white-space: inherit;"
443
429
  >
444
430
  Rising value of SterlingRaheem Sterling is often portrayed as the kid from an estate near Wembley, who transitioned from street player to a star on its pitch. A...
445
- </span>
431
+ </div>
446
432
  </div>
447
433
  <div
448
- class="summaryHidden summary145Class summaryHidden summary145Class css-text-901oao"
449
- dir="auto"
450
- style="color: rgb(105, 105, 105); flex-wrap: wrap; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px; margin-bottom: 10px;"
434
+ class="summaryHidden summary145Class tc-text__TcText-sc-15igzev-0 lhcAkf"
435
+ style="color: rgb(105, 105, 105); flex-wrap: wrap; margin-bottom: 10px; font-family: TimesDigitalW04; font-size: 14px; line-height: 20px;"
451
436
  >
452
- <span
453
- class="css-text-901oao css-textHasAncestor-16my406"
454
- dir="auto"
437
+ <div
438
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
439
+ style="white-space: inherit;"
455
440
  >
456
441
  Rising value of SterlingRaheem Sterling is often portrayed as the kid from an estate near Wembley, who transitioned from street player to a star on its pitch. A...
457
- </span>
442
+ </div>
458
443
  </div>
459
444
  </div>
460
445
  <div
461
- class="css-text-901oao"
462
- data-testid="datePublication"
463
- dir="auto"
446
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
464
447
  style="color: rgb(105, 105, 105); font-family: GillSansMTStd-Medium; font-size: 13px; line-height: 15px; margin-bottom: 5px;"
465
448
  >
466
449
  <time
@@ -470,8 +453,7 @@ exports[`<LatestFromSection> renders 1`] = `
470
453
  </time>
471
454
  </div>
472
455
  <div
473
- class="css-text-901oao"
474
- dir="auto"
456
+ class="tc-text__TcText-sc-15igzev-0 lhcAkf"
475
457
  >
476
458
  <div
477
459
  class="tc-text__TcText-sc-15igzev-0 article-byline__BylineText-ynke2n-0 hgOVOC"