@times-components/ts-components 1.97.0 → 1.98.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 (11) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/components/opta/cricket/shared-styles.js +1 -1
  3. package/dist/components/opta/football/fixtures-ticker/styles.js +4 -10
  4. package/jest.config.js +1 -1
  5. package/package.json +13 -13
  6. package/rnw.js +1 -1
  7. package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap +3 -81
  8. package/src/components/opta/cricket/scorecard/__tests__/__snapshots__/OptaCricketScorecard.test.tsx.snap +2 -2
  9. package/src/components/opta/cricket/shared-styles.ts +1 -1
  10. package/src/components/opta/football/fixtures-ticker/__tests__/__snapshots__/OptaFootballFixturesTicker.test.tsx.snap +8 -8
  11. package/src/components/opta/football/fixtures-ticker/styles.ts +3 -10
package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap CHANGED
@@ -75,36 +75,10 @@ exports[`<LatestFromSection> renders 1`] = `
75
75
  style="padding-bottom: 56.25%;"
76
76
  >
77
77
  <img
78
- class="responsive-sc-1nnon4d-0 iJeVQt"
78
+ class="responsive-sc-1nnon4d-0 bAbKns"
79
79
  loading="lazy"
80
80
  src="https://www.thetimes.co.uk/imageserver/image/methode%2Ftimes%2Fprod%2Fweb%2Fbin%2Fb7fca746-d8ec-11eb-8f14-0bb645f59db0.jpg"
81
81
  />
82
- <div
83
- class="tc-view__TcView-nuazoi-0 fPjBcr"
84
- height="100%"
85
- style="align-items: center; background-color: rgb(237, 237, 237); bottom: 0px; justify-content: center; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 0; border-radius: 0;"
86
- width="100%"
87
- >
88
- <svg
89
- height="auto"
90
- style="max-width: 25%; max-height: 50%;"
91
- version="1.1"
92
- viewBox="145 50 108 120"
93
- width="100%"
94
- >
95
- <g
96
- fill="none"
97
- fill-rule="evenodd"
98
- stroke="none"
99
- stroke-width="1"
100
- >
101
- <path
102
- d="M211.26076,54 L211.231367,54 L147.67512,54 L145,85.7081465 L146.922096,86.4489102 C146.922096,86.4489102 164.867589,68.1355181 168.301115,65.0001546 C171.728017,61.8689133 174.237132,61.0885763 176.436179,60.3527593 C180.998206,59.169681 185.977937,59.2150255 185.977937,59.2150255 L186.109581,59.2150255 L186.109581,156.560932 L169.259886,164.473953 L169.259886,166 L228.735147,166 L228.735147,164.473953 L211.889177,156.560932 L211.889177,59.2150255 L212.01751,59.2150255 C212.01751,59.2150255 216.992272,59.169681 221.558854,60.3527593 C223.757072,61.0885763 226.266601,61.8689133 229.691848,65.0001546 C233.130341,68.1355181 251.071695,86.4489102 251.071695,86.4489102 L253,85.7081465 L250.317842,54 L211.270695,54 L211.242545,54"
103
- fill="#FFFFFF"
104
- />
105
- </g>
106
- </svg>
107
- </div>
108
82
  </div>
109
83
  </div>
110
84
  </div>
@@ -190,36 +164,10 @@ exports[`<LatestFromSection> renders 1`] = `
190
164
  style="padding-bottom: 56.25%;"
191
165
  >
192
166
  <img
193
- class="responsive-sc-1nnon4d-0 iJeVQt"
167
+ class="responsive-sc-1nnon4d-0 bAbKns"
194
168
  loading="lazy"
195
169
  src="https://www.thetimes.co.uk/imageserver/image/methode%2Ftimes%2Fprod%2Fweb%2Fbin%2F65e48858-d913-11eb-b92f-5fe539a30c29.jpg"
196
170
  />
197
- <div
198
- class="tc-view__TcView-nuazoi-0 fPjBcr"
199
- height="100%"
200
- style="align-items: center; background-color: rgb(237, 237, 237); bottom: 0px; justify-content: center; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 0; border-radius: 0;"
201
- width="100%"
202
- >
203
- <svg
204
- height="auto"
205
- style="max-width: 25%; max-height: 50%;"
206
- version="1.1"
207
- viewBox="145 50 108 120"
208
- width="100%"
209
- >
210
- <g
211
- fill="none"
212
- fill-rule="evenodd"
213
- stroke="none"
214
- stroke-width="1"
215
- >
216
- <path
217
- d="M211.26076,54 L211.231367,54 L147.67512,54 L145,85.7081465 L146.922096,86.4489102 C146.922096,86.4489102 164.867589,68.1355181 168.301115,65.0001546 C171.728017,61.8689133 174.237132,61.0885763 176.436179,60.3527593 C180.998206,59.169681 185.977937,59.2150255 185.977937,59.2150255 L186.109581,59.2150255 L186.109581,156.560932 L169.259886,164.473953 L169.259886,166 L228.735147,166 L228.735147,164.473953 L211.889177,156.560932 L211.889177,59.2150255 L212.01751,59.2150255 C212.01751,59.2150255 216.992272,59.169681 221.558854,60.3527593 C223.757072,61.0885763 226.266601,61.8689133 229.691848,65.0001546 C233.130341,68.1355181 251.071695,86.4489102 251.071695,86.4489102 L253,85.7081465 L250.317842,54 L211.270695,54 L211.242545,54"
218
- fill="#FFFFFF"
219
- />
220
- </g>
221
- </svg>
222
- </div>
223
171
  </div>
224
172
  </div>
225
173
  </div>
@@ -305,36 +253,10 @@ exports[`<LatestFromSection> renders 1`] = `
305
253
  style="padding-bottom: 56.25%;"
306
254
  >
307
255
  <img
308
- class="responsive-sc-1nnon4d-0 iJeVQt"
256
+ class="responsive-sc-1nnon4d-0 bAbKns"
309
257
  loading="lazy"
310
258
  src="https://www.thetimes.co.uk/imageserver/image/methode%2Ftimes%2Fprod%2Fweb%2Fbin%2F798e1dce-d918-11eb-b92f-5fe539a30c29.jpg"
311
259
  />
312
- <div
313
- class="tc-view__TcView-nuazoi-0 fPjBcr"
314
- height="100%"
315
- style="align-items: center; background-color: rgb(237, 237, 237); bottom: 0px; justify-content: center; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 0; border-radius: 0;"
316
- width="100%"
317
- >
318
- <svg
319
- height="auto"
320
- style="max-width: 25%; max-height: 50%;"
321
- version="1.1"
322
- viewBox="145 50 108 120"
323
- width="100%"
324
- >
325
- <g
326
- fill="none"
327
- fill-rule="evenodd"
328
- stroke="none"
329
- stroke-width="1"
330
- >
331
- <path
332
- d="M211.26076,54 L211.231367,54 L147.67512,54 L145,85.7081465 L146.922096,86.4489102 C146.922096,86.4489102 164.867589,68.1355181 168.301115,65.0001546 C171.728017,61.8689133 174.237132,61.0885763 176.436179,60.3527593 C180.998206,59.169681 185.977937,59.2150255 185.977937,59.2150255 L186.109581,59.2150255 L186.109581,156.560932 L169.259886,164.473953 L169.259886,166 L228.735147,166 L228.735147,164.473953 L211.889177,156.560932 L211.889177,59.2150255 L212.01751,59.2150255 C212.01751,59.2150255 216.992272,59.169681 221.558854,60.3527593 C223.757072,61.0885763 226.266601,61.8689133 229.691848,65.0001546 C233.130341,68.1355181 251.071695,86.4489102 251.071695,86.4489102 L253,85.7081465 L250.317842,54 L211.270695,54 L211.242545,54"
333
- fill="#FFFFFF"
334
- />
335
- </g>
336
- </svg>
337
- </div>
338
260
  </div>
339
261
  </div>
340
262
  </div>
package/src/components/opta/cricket/scorecard/__tests__/__snapshots__/OptaCricketScorecard.test.tsx.snap CHANGED
@@ -6,7 +6,7 @@ exports[`OptaCricketScorecard should render correctly 1`] = `
6
6
  class="sc-bdVaJa giUBsz"
7
7
  >
8
8
  <div
9
- class="sc-htpNat sc-bxivhb FnNeB"
9
+ class="sc-htpNat sc-bxivhb cDDLep"
10
10
  />
11
11
  <div
12
12
  class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaCricketScorecard should render correctly 2`] = `
23
23
  class="sc-bdVaJa hGXeaj"
24
24
  >
25
25
  <div
26
- class="sc-htpNat sc-bxivhb FnNeB"
26
+ class="sc-htpNat sc-bxivhb cDDLep"
27
27
  >
28
28
  <div>
29
29
  Widget
package/src/components/opta/cricket/shared-styles.ts CHANGED
@@ -30,7 +30,7 @@ export const WidgetContainerBase = styled.div`
30
30
  .Opta {
31
31
  .Opta_W {
32
32
  margin: 0;
33
- background-color: transparent;
33
+ background-color: transparent !important;
34
34
 
35
35
  h2 {
36
36
  height: auto;
package/src/components/opta/football/fixtures-ticker/__tests__/__snapshots__/OptaFootballFixturesTicker.test.tsx.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`OptaFootballFixturesTicker with flags should render correctly 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="sc-htpNat sc-ifAKCX bnfQWR"
6
+ class="sc-htpNat sc-ifAKCX hQSDgw"
7
7
  />
8
8
  <div
9
9
  class="sc-bwzfXH uxFfR"
@@ -17,7 +17,7 @@ exports[`OptaFootballFixturesTicker with flags should render correctly 1`] = `
17
17
  exports[`OptaFootballFixturesTicker with flags should render correctly 2`] = `
18
18
  <DocumentFragment>
19
19
  <div
20
- class="sc-htpNat sc-ifAKCX bnfQWR"
20
+ class="sc-htpNat sc-ifAKCX hQSDgw"
21
21
  >
22
22
  <div>
23
23
  Widget
@@ -29,7 +29,7 @@ exports[`OptaFootballFixturesTicker with flags should render correctly 2`] = `
29
29
  exports[`OptaFootballFixturesTicker without flags should render correctly 1`] = `
30
30
  <DocumentFragment>
31
31
  <div
32
- class="sc-htpNat sc-ifAKCX bnfQWR"
32
+ class="sc-htpNat sc-ifAKCX hQSDgw"
33
33
  />
34
34
  <div
35
35
  class="sc-bwzfXH uxFfR"
@@ -43,7 +43,7 @@ exports[`OptaFootballFixturesTicker without flags should render correctly 1`] =
43
43
  exports[`OptaFootballFixturesTicker without flags should render correctly 2`] = `
44
44
  <DocumentFragment>
45
45
  <div
46
- class="sc-htpNat sc-ifAKCX bnfQWR"
46
+ class="sc-htpNat sc-ifAKCX hQSDgw"
47
47
  >
48
48
  <div>
49
49
  Widget
@@ -55,7 +55,7 @@ exports[`OptaFootballFixturesTicker without flags should render correctly 2`] =
55
55
  exports[`OptaFootballFixturesTicker without flags should render correctly with fixturesPageUrl 1`] = `
56
56
  <DocumentFragment>
57
57
  <div
58
- class="sc-htpNat sc-ifAKCX bnfQWR"
58
+ class="sc-htpNat sc-ifAKCX hQSDgw"
59
59
  />
60
60
  <div
61
61
  class="sc-bwzfXH uxFfR"
@@ -69,7 +69,7 @@ exports[`OptaFootballFixturesTicker without flags should render correctly with f
69
69
  exports[`OptaFootballFixturesTicker without flags should render correctly with fixturesPageUrl 2`] = `
70
70
  <DocumentFragment>
71
71
  <div
72
- class="sc-htpNat sc-ifAKCX bnfQWR"
72
+ class="sc-htpNat sc-ifAKCX hQSDgw"
73
73
  >
74
74
  <div>
75
75
  Widget
@@ -81,7 +81,7 @@ exports[`OptaFootballFixturesTicker without flags should render correctly with f
81
81
  exports[`OptaFootballFixturesTicker without flags should render correctly with isApp property 1`] = `
82
82
  <DocumentFragment>
83
83
  <div
84
- class="sc-htpNat sc-ifAKCX dKCPR"
84
+ class="sc-htpNat sc-ifAKCX dAhuBS"
85
85
  />
86
86
  <div
87
87
  class="sc-bwzfXH uxFfR"
@@ -95,7 +95,7 @@ exports[`OptaFootballFixturesTicker without flags should render correctly with i
95
95
  exports[`OptaFootballFixturesTicker without flags should render correctly with isApp property 2`] = `
96
96
  <DocumentFragment>
97
97
  <div
98
- class="sc-htpNat sc-ifAKCX dKCPR"
98
+ class="sc-htpNat sc-ifAKCX dAhuBS"
99
99
  >
100
100
  <div>
101
101
  Widget
package/src/components/opta/football/fixtures-ticker/styles.ts CHANGED
@@ -47,7 +47,8 @@ export const WidgetContainer = styled(WidgetContainerBase)<{
47
47
  }
48
48
 
49
49
  .Opta-Scroll,
50
- .Opta-Window {
50
+ .Opta-Window,
51
+ .Opta-Room {
51
52
  height: 80px !important;
52
53
  }
53
54
 
@@ -117,15 +118,7 @@ export const WidgetContainer = styled(WidgetContainerBase)<{
117
118
  }
118
119
 
119
120
  .Opta-Cf.Opta-Scroll.Opta-Active {
120
- background-color: white !important;
121
-
122
- ${({ isApp }) =>
123
- isApp &&
124
- `
125
- @media (prefers-color-scheme: dark) {
126
- background-color: black !important;
127
- }
128
- `};
121
+ background-color: transparent !important;
129
122
  }
130
123
 
131
124
  .Opta-Scroller {