@times-components/ts-components 1.144.1-d88954832f63cdbc40779d5cd4f06c4568affa14.22 → 1.145.1-ffc8fe2350c1f6194dbd798c9b12b0d865cd13fb.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 (60) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/opta/football/opta-match-stats/commentary/__tests__/OptaMatchStatsCommentary.test.js +36 -9
  3. package/dist/components/opta/football/opta-match-stats/shared/styles.js +33 -26
  4. package/dist/components/opta/football/opta-match-stats/stats-graphs/WidgetContainer.js +14 -1
  5. package/dist/components/opta/football/opta-match-stats/{matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.d.ts → stats-graphs/__tests__/WidgetContainer.test.d.ts} +0 -1
  6. package/dist/components/opta/football/opta-match-stats/stats-graphs/__tests__/WidgetContainer.test.js +57 -0
  7. package/dist/components/opta/football/opta-match-stats/summary/WidgetContainer.js +12 -4
  8. package/dist/components/opta/football/opta-match-stats/summary/__tests__/WidgetContainer.test.d.ts +1 -0
  9. package/dist/components/opta/football/opta-match-stats/summary/__tests__/WidgetContainer.test.js +70 -0
  10. package/dist/components/opta/shared/fixtures-ticker/OptaFixturesTicker.d.ts +1 -0
  11. package/dist/components/opta/shared/fixtures-ticker/OptaFixturesTicker.js +12 -3
  12. package/dist/components/opta/shared/fixtures-ticker/styles.d.ts +1 -0
  13. package/dist/components/opta/shared/fixtures-ticker/styles.js +8 -1
  14. package/dist/components/opta/utils/__tests__/useAddFixtureNavigation.test.d.ts +1 -0
  15. package/dist/components/opta/utils/__tests__/useAddFixtureNavigation.test.js +200 -0
  16. package/dist/components/opta/utils/useAddFixtureNavigation.d.ts +7 -0
  17. package/dist/components/opta/utils/useAddFixtureNavigation.js +77 -0
  18. package/dist/index.d.ts +0 -1
  19. package/dist/index.js +1 -2
  20. package/package.json +13 -12
  21. package/rnw.js +1 -1
  22. package/src/components/opta/football/opta-match-stats/commentary/__tests__/OptaMatchStatsCommentary.test.tsx +45 -10
  23. package/src/components/opta/football/opta-match-stats/commentary/__tests__/__snapshots__/OptaMatchStatsCommentary.test.tsx.snap +25 -10
  24. package/src/components/opta/football/opta-match-stats/shared/styles.ts +36 -28
  25. package/src/components/opta/football/opta-match-stats/stats-graphs/WidgetContainer.tsx +15 -0
  26. package/src/components/opta/football/opta-match-stats/stats-graphs/__tests__/WidgetContainer.test.tsx +117 -0
  27. package/src/components/opta/football/opta-match-stats/stats-graphs/__tests__/__snapshots__/OptaMatchStatsGraphs.test.tsx.snap +2 -2
  28. package/src/components/opta/football/opta-match-stats/summary/WidgetContainer.tsx +13 -3
  29. package/src/components/opta/football/opta-match-stats/summary/__tests__/WidgetContainer.test.tsx +125 -0
  30. package/src/components/opta/football/opta-match-stats/summary/__tests__/__snapshots__/OptaMatchStatsSummary.test.tsx.snap +1 -1
  31. package/src/components/opta/shared/fixtures-ticker/OptaFixturesTicker.tsx +19 -2
  32. package/src/components/opta/shared/fixtures-ticker/__tests__/__snapshots__/OptaFixturesTicker.test.tsx.snap +5 -5
  33. package/src/components/opta/shared/fixtures-ticker/styles.ts +9 -0
  34. package/src/components/opta/utils/__tests__/useAddFixtureNavigation.test.tsx +235 -0
  35. package/src/components/opta/utils/useAddFixtureNavigation.ts +101 -0
  36. package/src/index.ts +0 -3
  37. package/dist/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.d.ts +0 -10
  38. package/dist/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.js +0 -69
  39. package/dist/components/opta/football/opta-match-stats/matchday-live/MobileWidget.d.ts +0 -12
  40. package/dist/components/opta/football/opta-match-stats/matchday-live/MobileWidget.js +0 -90
  41. package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.d.ts +0 -12
  42. package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.js +0 -10
  43. package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.d.ts +0 -1
  44. package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.js +0 -24
  45. package/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.js +0 -48
  46. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.d.ts +0 -1
  47. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.js +0 -19
  48. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.d.ts +0 -12
  49. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.js +0 -67
  50. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.d.ts +0 -6
  51. package/dist/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.js +0 -714
  52. package/src/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.tsx +0 -108
  53. package/src/components/opta/football/opta-match-stats/matchday-live/MobileWidget.tsx +0 -158
  54. package/src/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.tsx +0 -38
  55. package/src/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.tsx +0 -23
  56. package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.tsx +0 -61
  57. package/src/components/opta/football/opta-match-stats/matchday-live/__tests__/__snapshots__/OptaMatchStatsMatchdayLive.test.tsx.snap +0 -22
  58. package/src/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.tsx +0 -19
  59. package/src/components/opta/football/opta-match-stats/matchday-live/styles/NavigationWrapper.tsx +0 -81
  60. package/src/components/opta/football/opta-match-stats/matchday-live/styles/WidgetContainer.tsx +0 -745
@@ -1,19 +0,0 @@
1
- import styled from 'styled-components';
2
- import { breakpoints } from '@times-components/ts-styleguide';
3
- export const MatchdayLiveController = styled.div `
4
- .matchday-live-widget-mobile {
5
- display: block;
6
- }
7
- .matchday-live-widget-desktop {
8
- display: none;
9
- }
10
- @media (min-width: ${breakpoints.medium}px) {
11
- .matchday-live-widget-mobile {
12
- display: none;
13
- }
14
- .matchday-live-widget-desktop {
15
- display: block;
16
- }
17
- }
18
- `;
19
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWF0Y2hkYXlMaXZlQ29udHJvbGxlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvb3B0YS1tYXRjaC1zdGF0cy9tYXRjaGRheS1saXZlL3N0eWxlcy9NYXRjaGRheUxpdmVDb250cm9sbGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUQsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7Ozt1QkFPekIsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7O0NBUXhDLENBQUMifQ==
@@ -1,12 +0,0 @@
1
- export declare const NavigationWrapper: import("styled-components").StyledComponent<"div", any, {
2
- homeTeamColor: {
3
- light: string;
4
- dark: string;
5
- };
6
- awayTeamColor: {
7
- light: string;
8
- dark: string;
9
- };
10
- activeTeam: 'home' | 'away';
11
- isApp: boolean;
12
- }, never>;
@@ -1,67 +0,0 @@
1
- import styled from 'styled-components';
2
- import { backgroundColor, darkBackgroundColor, darkTextColor, textColor } from '../../shared/styles';
3
- export const NavigationWrapper = styled.div `
4
- background-color: ${backgroundColor};
5
- ${props => props.isApp &&
6
- `
7
- @media (prefers-color-scheme: dark) {
8
- background-color: ${darkBackgroundColor};
9
- }
10
- `} .navigation-buttons {
11
- display: grid;
12
- grid-template-columns: 1fr 1fr;
13
- button {
14
- -webkit-tap-highlight-color: transparent;
15
- background: none;
16
- border: none;
17
- font-family: Roboto, sans-serif;
18
- font-size: 16px;
19
- font-weight: 500;
20
- line-height: 150%;
21
- padding: 16px 8px;
22
- cursor: pointer;
23
- border-bottom: 2px solid ${backgroundColor};
24
- color: ${textColor};
25
-
26
- &.active {
27
- &.home {
28
- border-bottom: 2px solid ${props => props.homeTeamColor.light};
29
- color: ${props => props.homeTeamColor.light};
30
- }
31
- &.away {
32
- border-bottom: 2px solid ${props => props.awayTeamColor.light};
33
- color: ${props => props.awayTeamColor.light};
34
- }
35
- }
36
-
37
- ${props => props.isApp &&
38
- `
39
- @media (prefers-color-scheme: dark) {
40
- border-bottom: 2px solid ${darkBackgroundColor};
41
- color: ${darkTextColor};
42
- &.active {
43
- &.home {
44
- border-bottom: 2px solid ${props.homeTeamColor.dark};
45
- color: ${props.homeTeamColor.dark};
46
- }
47
- &.away {
48
- border-bottom: 2px solid ${props.awayTeamColor.dark};
49
- color: ${props.awayTeamColor.dark};
50
- }
51
- }
52
- }
53
- `};
54
- }
55
- }
56
-
57
- .home-widget-container {
58
- visibility: ${props => props.activeTeam === 'home' ? 'visible' : 'hidden'};
59
- height: ${props => (props.activeTeam === 'home' ? 'auto' : '0')};
60
- }
61
-
62
- .away-widget-container {
63
- visibility: ${props => props.activeTeam === 'away' ? 'visible' : 'hidden'};
64
- height: ${props => (props.activeTeam === 'away' ? 'auto' : '0')};
65
- }
66
- `;
67
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbldyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL29wdGEtbWF0Y2gtc3RhdHMvbWF0Y2hkYXktbGl2ZS9zdHlsZXMvTmF2aWdhdGlvbldyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFDTCxlQUFlLEVBQ2YsbUJBQW1CLEVBQ25CLGFBQWEsRUFDYixTQUFTLEVBQ1YsTUFBTSxxQkFBcUIsQ0FBQztBQUU3QixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUt6QztzQkFDb0IsZUFBZTtJQUNqQyxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7OzRCQUV3QixtQkFBbUI7O0tBRTFDOzs7Ozs7Ozs7Ozs7O2lDQWE0QixlQUFlO2VBQ2pDLFNBQVM7Ozs7cUNBSWEsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUs7bUJBQ3BELEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLOzs7cUNBR2hCLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxLQUFLO21CQUNwRCxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsS0FBSzs7OztRQUk3QyxLQUFLLENBQUMsRUFBRSxDQUNSLEtBQUssQ0FBQyxLQUFLO0lBQ1g7O3VDQUUrQixtQkFBbUI7cUJBQ3JDLGFBQWE7OzsyQ0FHUyxLQUFLLENBQUMsYUFBYSxDQUFDLElBQUk7eUJBQzFDLEtBQUssQ0FBQyxhQUFhLENBQUMsSUFBSTs7OzJDQUdOLEtBQUssQ0FBQyxhQUFhLENBQUMsSUFBSTt5QkFDMUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxJQUFJOzs7O1NBSXhDOzs7OztrQkFLUyxLQUFLLENBQUMsRUFBRSxDQUNwQixLQUFLLENBQUMsVUFBVSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUFRO2NBQzFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsVUFBVSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7Ozs7a0JBSWpELEtBQUssQ0FBQyxFQUFFLENBQ3BCLEtBQUssQ0FBQyxVQUFVLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFFBQVE7Y0FDMUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQzs7Q0FFbEUsQ0FBQyJ9
@@ -1,6 +0,0 @@
1
- import { TeamColor } from '../../shared/types';
2
- export declare const WidgetContainer: import("styled-components").StyledComponent<"div", any, {
3
- isApp: boolean;
4
- homeTeamColor: TeamColor;
5
- awayTeamColor: TeamColor;
6
- }, never>;