@times-components/ts-components 1.103.6-alpha.2 → 1.103.6-alpha.7
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.
- package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.js +3 -3
- package/dist/components/opta/football/fixtures-ticker/styles.d.ts +1 -0
- package/dist/components/opta/football/fixtures-ticker/styles.js +9 -8
- package/package.json +3 -3
- package/rnw.js +1 -1
- package/src/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.tsx +3 -3
- package/src/components/opta/football/fixtures-ticker/__tests__/__snapshots__/OptaFootballFixturesTicker.test.tsx.snap +68 -36
- package/src/components/opta/football/fixtures-ticker/styles.ts +9 -7
|
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
|
|
|
2
2
|
import { Placeholder } from '@times-components/image';
|
|
3
3
|
import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../utils/config';
|
|
4
4
|
import { PlaceholderContainer } from '../shared-styles';
|
|
5
|
-
import { WidgetContainer } from './styles';
|
|
5
|
+
import { Container, WidgetContainer } from './styles';
|
|
6
6
|
import { isNationalCompetition } from '../../utils/replaceNationalTeamDetails';
|
|
7
7
|
import { useUpdateNationalTeamDetails } from '../../utils/useUpdateNationalTeamDetails';
|
|
8
8
|
import { useFixturePageLink } from '../../utils/useFixturePageLink';
|
|
@@ -49,9 +49,9 @@ export const OptaFootballFixturesTicker = React.memo(({ season, competition, dat
|
|
|
49
49
|
!isApp &&
|
|
50
50
|
useFixturePageLink(ref, 'Opta-Room', fixturesPageUrl);
|
|
51
51
|
isNationalComp && useUpdateNationalTeamDetails(ref, 'Opta-TeamName');
|
|
52
|
-
return (React.createElement(
|
|
52
|
+
return (React.createElement(Container, null,
|
|
53
53
|
React.createElement(WidgetContainer, { isApp: isApp, showButtons: showButtons, ref: ref }),
|
|
54
54
|
!isReady && (React.createElement(PlaceholderContainer, { height: 80 },
|
|
55
55
|
React.createElement(Placeholder, null)))));
|
|
56
56
|
});
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXNUaWNrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL2ZpeHR1cmVzLXRpY2tlci9PcHRhRm9vdGJhbGxGaXh0dXJlc1RpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRW5ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV0RCxPQUFPLEVBQ0wsWUFBWSxFQUNaLGNBQWMsRUFDZCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGFBQWEsRUFDZCxNQUFNLG9CQUFvQixDQUFDO0FBRTVCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3RELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRXBFLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQVdsQyxLQUFLLENBQUMsSUFBSSxDQUNiLENBQUMsRUFDQyxNQUFNLEVBQ04sV0FBVyxFQUNYLFNBQVMsRUFDVCxPQUFPLEVBQ1AsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEVBQ0wsS0FBSyxFQUNMLFdBQVcsRUFDWCxlQUFlLEVBQ2hCLEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQWtCLENBQUM7SUFFOUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDdkQsTUFBTSxjQUFjLEdBQUcscUJBQXFCLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFMUQsU0FBUyxDQUNQLEdBQUcsRUFBRTtRQUNILE1BQU0sS0FBSyxHQUFHLFVBQVUsQ0FBQztRQUV6QixZQUFZLEVBQUUsQ0FBQztRQUNmLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV0QixVQUFVLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQ3JCLElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtnQkFDZixHQUFHLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsYUFBYSxFQUFFO29CQUNqRCxLQUFLO29CQUNMLE1BQU0sRUFBRSxVQUFVO29CQUNsQixNQUFNO29CQUNOLFdBQVc7b0JBQ1gsU0FBUztvQkFDVCxPQUFPO29CQUNQLFVBQVU7b0JBQ1YsV0FBVztvQkFDWCxLQUFLO29CQUNMLElBQUksRUFBRSxJQUFJO29CQUNWLGdCQUFnQixFQUFFLElBQUk7b0JBQ3RCLFFBQVEsRUFBRSxPQUFPO29CQUNqQixXQUFXLEVBQUUsT0FBTztvQkFDcEIsWUFBWSxFQUFFLEtBQUs7b0JBQ25CLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLGFBQWEsRUFBRSxJQUFJO29CQUNuQixXQUFXLEVBQUUsQ0FBQyxjQUFjO29CQUM1QixTQUFTLEVBQUUsSUFBSTtvQkFDZixTQUFTLEVBQUUsSUFBSTtvQkFDZixXQUFXLEVBQUUsWUFBWTtvQkFDekIsYUFBYSxFQUFFLEdBQUc7b0JBQ2xCLFdBQVcsRUFBRSxHQUFHO2lCQUNqQixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2dCQUNoQixVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDbEI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsRUFDRCxDQUFDLEdBQUcsQ0FBQyxDQUNOLENBQUM7SUFFRixlQUFlO1FBQ2IsQ0FBQyxLQUFLO1FBQ04sa0JBQWtCLENBQUMsR0FBRyxFQUFFLFdBQVcsRUFBRSxlQUFlLENBQUMsQ0FBQztJQUV4RCxjQUFjLElBQUksNEJBQTRCLENBQUMsR0FBRyxFQUFFLGVBQWUsQ0FBQyxDQUFDO0lBRXJFLE9BQU8sQ0FDTCxvQkFBQyxTQUFTO1FBQ1Isb0JBQUMsZUFBZSxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFJO1FBRXBFLENBQUMsT0FBTyxJQUFJLENBQ1gsb0JBQUMsb0JBQW9CLElBQUMsTUFBTSxFQUFFLEVBQUU7WUFDOUIsb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
1
2
|
export declare const WidgetContainerOverride: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
3
|
export declare const WidgetContainer: import("styled-components").StyledComponent<"div", any, {
|
|
3
4
|
isApp?: boolean | undefined;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
import { breakpoints, colours, fonts } from '@times-components/ts-styleguide';
|
|
3
3
|
import { WidgetContainerBase } from '../shared-styles';
|
|
4
|
+
export const Container = styled.div `
|
|
5
|
+
height: 80px;
|
|
6
|
+
`;
|
|
4
7
|
export const WidgetContainerOverride = styled(WidgetContainerBase) `
|
|
5
8
|
.Opta {
|
|
6
9
|
h2 {
|
|
@@ -37,8 +40,6 @@ export const WidgetContainerOverride = styled(WidgetContainerBase) `
|
|
|
37
40
|
}
|
|
38
41
|
`;
|
|
39
42
|
export const WidgetContainer = styled(WidgetContainerBase) `
|
|
40
|
-
height: 80px !important;
|
|
41
|
-
|
|
42
43
|
.Opta {
|
|
43
44
|
font-family: Roboto !important;
|
|
44
45
|
}
|
|
@@ -214,7 +215,7 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
214
215
|
border-start-end-radius: 4px;
|
|
215
216
|
|
|
216
217
|
@media (prefers-color-scheme: dark) {
|
|
217
|
-
color: #
|
|
218
|
+
color: #e4e4e4 !important;
|
|
218
219
|
}
|
|
219
220
|
}
|
|
220
221
|
|
|
@@ -223,7 +224,7 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
223
224
|
color: #01000d !important;
|
|
224
225
|
|
|
225
226
|
@media (prefers-color-scheme: dark) {
|
|
226
|
-
color: #
|
|
227
|
+
color: #fff !important;
|
|
227
228
|
}
|
|
228
229
|
}
|
|
229
230
|
|
|
@@ -233,7 +234,7 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
233
234
|
font-family: 'Roboto-Medium' !important;
|
|
234
235
|
|
|
235
236
|
@media (prefers-color-scheme: dark) {
|
|
236
|
-
color: #
|
|
237
|
+
color: #fff !important;
|
|
237
238
|
}
|
|
238
239
|
}
|
|
239
240
|
|
|
@@ -264,7 +265,7 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
264
265
|
border: 1px solid #ccc !important;
|
|
265
266
|
|
|
266
267
|
@media (prefers-color-scheme: dark) {
|
|
267
|
-
background-color: #
|
|
268
|
+
background-color: #1d1d1b !important;
|
|
268
269
|
border: 1px solid #333 !important;
|
|
269
270
|
}
|
|
270
271
|
|
|
@@ -284,7 +285,7 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
284
285
|
|
|
285
286
|
@media (prefers-color-scheme: dark) {
|
|
286
287
|
background-color: #121212 !important;
|
|
287
|
-
border: 1px solid #
|
|
288
|
+
border: 1px solid #e4e4e4 !important;
|
|
288
289
|
}
|
|
289
290
|
|
|
290
291
|
&.Opta-timings {
|
|
@@ -519,4 +520,4 @@ export const WidgetContainer = styled(WidgetContainerBase) `
|
|
|
519
520
|
}
|
|
520
521
|
}
|
|
521
522
|
`;
|
|
522
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
523
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9maXh0dXJlcy10aWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTlFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXZELE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOztDQUVsQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs2QkFlckMsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7OzttQ0FTUixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7OztDQVVwRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUd4RDs7Ozs7Ozs7Ozs7SUFXRSxDQUFDLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUNwQixDQUFDLFdBQVc7SUFDWjt5QkFDcUIsV0FBVyxDQUFDLEtBQUs7Ozs7O0dBS3ZDOzt1QkFFb0IsV0FBVyxDQUFDLEtBQUs7O2NBRTFCLENBQUMsRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDOztRQUV2RCxDQUFDLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUNwQixXQUFXO0lBQ1QsQ0FBQyxDQUFDLHNDQUFzQztJQUN4QyxDQUFDLENBQUM7O3VDQUUyQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O01BaUNqQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7Ozs7Ozs7Ozs7OztLQWdCRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQTBDb0IsV0FBVyxDQUFDLE1BQU07Ozt5QkFHbEIsV0FBVyxDQUFDLElBQUk7OztNQUduQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLEtBQUs7SUFDTDs7Ozs7Ozs7Ozs7Ozs7O0tBZUQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Z0NBcUkyQixPQUFPLENBQUMsVUFBVSxDQUFDLG1CQUFtQjs7Ozs7dUJBSy9DLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzs2QkFDeEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7bUNBYVYsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7O2lDQVdwQixXQUFXLENBQUMsTUFBTTs7Ozs7Ozt1QkFPNUIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOzZCQUN4QixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs7eUJBUWxCLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSzsrQkFDZixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7cUNBUVYsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7Ozs7OztxQ0FrQmxCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3FDQXlCbEIsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7cUNBK0JsQixXQUFXLENBQUMsTUFBTTs7Ozs7O21DQU1wQixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7O3VCQVk5QixPQUFPLENBQUMsVUFBVSxDQUFDLE9BQU87NkJBQ3BCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztpQ0FnQ1osT0FBTyxDQUFDLFVBQVUsQ0FBQyxPQUFPO3VDQUNwQixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7bUNBV3BCLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSzs7Ozs7Ozs7Ozs7OztDQWF2RCxDQUFDIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/ts-components",
|
|
3
|
-
"version": "1.103.6-alpha.
|
|
3
|
+
"version": "1.103.6-alpha.7+28371efee5",
|
|
4
4
|
"description": "Reuseable Typescript React Components ",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"dev": "dist/index.js",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@times-components/link": "^3.17.34",
|
|
58
58
|
"@times-components/provider": "^1.41.4",
|
|
59
59
|
"@times-components/provider-queries": "^2.23.3",
|
|
60
|
-
"@times-components/related-articles": "^6.17.88-alpha.
|
|
60
|
+
"@times-components/related-articles": "^6.17.88-alpha.7+28371efee5",
|
|
61
61
|
"@times-components/ts-slices": "^1.9.22",
|
|
62
62
|
"@times-components/ts-styleguide": "^1.50.34",
|
|
63
63
|
"@times-components/utils": "^6.26.0",
|
|
@@ -117,5 +117,5 @@
|
|
|
117
117
|
"@testing-library/jest-dom/extend-expect"
|
|
118
118
|
]
|
|
119
119
|
},
|
|
120
|
-
"gitHead": "
|
|
120
|
+
"gitHead": "28371efee5245e9c0925ff8a0591749b20d81185"
|
|
121
121
|
}
|