@times-components/ts-components 1.130.1 → 1.131.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 (8) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/opta/shared/fixtures-ticker/OptaFixturesTicker.stories.js +3 -3
  3. package/dist/components/opta/shared/fixtures-ticker/styles.js +7 -8
  4. package/package.json +3 -3
  5. package/rnw.js +1 -1
  6. package/src/components/opta/shared/fixtures-ticker/OptaFixturesTicker.stories.tsx +2 -1
  7. package/src/components/opta/shared/fixtures-ticker/__tests__/__snapshots__/OptaFixturesTicker.test.tsx.snap +10 -10
  8. package/src/components/opta/shared/fixtures-ticker/styles.ts +6 -7
package/src/components/opta/shared/fixtures-ticker/OptaFixturesTicker.stories.tsx CHANGED
@@ -29,7 +29,7 @@ const rugbyCompetitons = ['209', '201', '242'];
29
29
  storiesOf('Typescript Component/In Article/Rugby/Fixtures', module)
30
30
  .addDecorator(withKnobs)
31
31
  .add('Rugby Fixtures Ticker', () => {
32
- const selComp = select('Competition', rugbyCompetitons, '209');
32
+ const selComp = select('Competition', rugbyCompetitons, '201');
33
33
  return (
34
34
  <OptaFixturesTicker
35
35
  season={text('season', '2025')}
@@ -48,6 +48,7 @@ storiesOf('Typescript Component/In Article/Rugby/Fixtures', module)
48
48
  }
49
49
  round={text('round(s)', '')}
50
50
  sport="rugby"
51
+ isApp={boolean('isApp', false)}
51
52
  />
52
53
  );
53
54
  });
package/src/components/opta/shared/fixtures-ticker/__tests__/__snapshots__/OptaFixturesTicker.test.tsx.snap CHANGED
@@ -6,7 +6,7 @@ exports[`OptaFixturesTicker rugby should render correctly 1`] = `
6
6
  class="sc-bxivhb kSTJgb"
7
7
  >
8
8
  <div
9
- class="sc-htpNat sc-EHOje jWLyDH"
9
+ class="sc-htpNat sc-EHOje fmlkzb"
10
10
  />
11
11
  <div
12
12
  class="sc-bwzfXH jStUkM"
@@ -23,7 +23,7 @@ exports[`OptaFixturesTicker rugby should render correctly 2`] = `
23
23
  class="sc-bxivhb kSTJgb"
24
24
  >
25
25
  <div
26
- class="sc-htpNat sc-EHOje jWLyDH"
26
+ class="sc-htpNat sc-EHOje fmlkzb"
27
27
  >
28
28
  <div>
29
29
  Widget
@@ -39,7 +39,7 @@ exports[`OptaFixturesTicker with flags should render correctly 1`] = `
39
39
  class="sc-bxivhb kSTJgb"
40
40
  >
41
41
  <div
42
- class="sc-htpNat sc-EHOje jWLyDH"
42
+ class="sc-htpNat sc-EHOje fmlkzb"
43
43
  />
44
44
  <div
45
45
  class="sc-bwzfXH jStUkM"
@@ -56,7 +56,7 @@ exports[`OptaFixturesTicker with flags should render correctly 2`] = `
56
56
  class="sc-bxivhb kSTJgb"
57
57
  >
58
58
  <div
59
- class="sc-htpNat sc-EHOje jWLyDH"
59
+ class="sc-htpNat sc-EHOje fmlkzb"
60
60
  >
61
61
  <div>
62
62
  Widget
@@ -72,7 +72,7 @@ exports[`OptaFixturesTicker without flags should render correctly 1`] = `
72
72
  class="sc-bxivhb kSTJgb"
73
73
  >
74
74
  <div
75
- class="sc-htpNat sc-EHOje jWLyDH"
75
+ class="sc-htpNat sc-EHOje fmlkzb"
76
76
  />
77
77
  <div
78
78
  class="sc-bwzfXH jStUkM"
@@ -89,7 +89,7 @@ exports[`OptaFixturesTicker without flags should render correctly 2`] = `
89
89
  class="sc-bxivhb kSTJgb"
90
90
  >
91
91
  <div
92
- class="sc-htpNat sc-EHOje jWLyDH"
92
+ class="sc-htpNat sc-EHOje fmlkzb"
93
93
  >
94
94
  <div>
95
95
  Widget
@@ -105,7 +105,7 @@ exports[`OptaFixturesTicker without flags should render correctly with fixturesP
105
105
  class="sc-bxivhb kSTJgb"
106
106
  >
107
107
  <div
108
- class="sc-htpNat sc-EHOje jWLyDH"
108
+ class="sc-htpNat sc-EHOje fmlkzb"
109
109
  />
110
110
  <div
111
111
  class="sc-bwzfXH jStUkM"
@@ -122,7 +122,7 @@ exports[`OptaFixturesTicker without flags should render correctly with fixturesP
122
122
  class="sc-bxivhb kSTJgb"
123
123
  >
124
124
  <div
125
- class="sc-htpNat sc-EHOje jWLyDH"
125
+ class="sc-htpNat sc-EHOje fmlkzb"
126
126
  >
127
127
  <div>
128
128
  Widget
@@ -138,7 +138,7 @@ exports[`OptaFixturesTicker without flags should render correctly with isApp pro
138
138
  class="sc-bxivhb kSTJgb"
139
139
  >
140
140
  <div
141
- class="sc-htpNat sc-EHOje jIIHoi"
141
+ class="sc-htpNat sc-EHOje kOQTjl"
142
142
  />
143
143
  <div
144
144
  class="sc-bwzfXH jStUkM"
@@ -155,7 +155,7 @@ exports[`OptaFixturesTicker without flags should render correctly with isApp pro
155
155
  class="sc-bxivhb kSTJgb"
156
156
  >
157
157
  <div
158
- class="sc-htpNat sc-EHOje jIIHoi"
158
+ class="sc-htpNat sc-EHOje kOQTjl"
159
159
  >
160
160
  <div>
161
161
  Widget
package/src/components/opta/shared/fixtures-ticker/styles.ts CHANGED
@@ -136,7 +136,7 @@ export const WidgetContainer = styled(WidgetContainerBase)<{
136
136
 
137
137
  .Opta-Scroller {
138
138
  background-color: white !important;
139
- border: 1px solid #999 !important;
139
+ border: 1px solid #e4e4e4 !important;
140
140
  border-radius: 2px;
141
141
  box-sizing: border-box;
142
142
  padding: 39px 0 !important;
@@ -229,7 +229,7 @@ export const WidgetContainer = styled(WidgetContainerBase)<{
229
229
  isApp &&
230
230
  `
231
231
  @media (prefers-color-scheme: dark) {
232
- color: #e4e4e4 !important;
232
+ color: #CCC !important;
233
233
  }
234
234
  `}
235
235
  }
@@ -242,7 +242,7 @@ export const WidgetContainer = styled(WidgetContainerBase)<{
242
242
  isApp &&
243
243
  `
244
244
  @media (prefers-color-scheme: dark) {
245
- color: #fff !important;
245
+ color: #EEE !important;
246
246
  }
247
247
  `}
248
248
  }
@@ -256,7 +256,7 @@ export const WidgetContainer = styled(WidgetContainerBase)<{
256
256
  isApp &&
257
257
  `
258
258
  @media (prefers-color-scheme: dark) {
259
- color: #fff !important;
259
+ color: #EEE !important;
260
260
  }
261
261
  `}
262
262
  }
@@ -284,19 +284,18 @@ export const WidgetContainer = styled(WidgetContainerBase)<{
284
284
  }
285
285
  .Opta-timings .Opta-Time * {
286
286
  font-weight: 400;
287
- color: #696969 !important;
288
287
  }
289
288
  }
290
289
 
291
290
  &.Opta-result > div {
292
- border: 1px solid #ccc !important;
291
+ border: 1px solid #e4e4e4 !important;
293
292
 
294
293
  ${({ isApp }) =>
295
294
  isApp &&
296
295
  `
297
296
  @media (prefers-color-scheme: dark) {
298
297
  background-color: #1d1d1b !important;
299
- border: 1px solid #333 !important;
298
+ border: 1px solid #AAA !important;
300
299
  }
301
300
  `}
302
301