@times-components/ts-components 1.73.0 → 1.75.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 (25) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.js +2 -2
  3. package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.stories.js +6 -1
  4. package/dist/components/opta/cricket/scorecard/styles.js +128 -130
  5. package/dist/components/welcome-banner/WelcomeBanner.d.ts +2 -0
  6. package/dist/components/welcome-banner/WelcomeBanner.js +15 -0
  7. package/dist/components/welcome-banner/WelcomeBanner.stories.d.ts +1 -0
  8. package/dist/components/welcome-banner/WelcomeBanner.stories.js +8 -0
  9. package/dist/components/welcome-banner/__tests__/WelcomeBanner.test.d.ts +1 -0
  10. package/dist/components/welcome-banner/__tests__/WelcomeBanner.test.js +26 -0
  11. package/dist/components/welcome-banner/styles.d.ts +3 -0
  12. package/dist/components/welcome-banner/styles.js +24 -0
  13. package/dist/index.d.ts +1 -0
  14. package/dist/index.js +2 -1
  15. package/package.json +11 -11
  16. package/rnw.js +1 -1
  17. package/src/components/opta/cricket/scorecard/OptaCricketScorecard.stories.tsx +7 -0
  18. package/src/components/opta/cricket/scorecard/OptaCricketScorecard.tsx +1 -1
  19. package/src/components/opta/cricket/scorecard/__tests__/__snapshots__/OptaCricketScorecard.test.tsx.snap +2 -2
  20. package/src/components/opta/cricket/scorecard/styles.ts +127 -129
  21. package/src/components/welcome-banner/WelcomeBanner.stories.tsx +12 -0
  22. package/src/components/welcome-banner/WelcomeBanner.tsx +23 -0
  23. package/src/components/welcome-banner/__tests__/WelcomeBanner.test.tsx +30 -0
  24. package/src/components/welcome-banner/styles.ts +26 -0
  25. package/src/index.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,28 @@
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.75.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.74.0...@times-components/ts-components@1.75.0) (2023-07-25)
7
+
8
+
9
+ ### Features
10
+
11
+ * **TMG-773:** Create welcome banner ([#3443](https://github.com/newsuk/times-components/issues/3443)) ([f5c67bb](https://github.com/newsuk/times-components/commit/f5c67bbe5d116d75edd51f2eef35ef99e0450db3))
12
+
13
+
14
+
15
+
16
+
17
+ # [1.74.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.73.0...@times-components/ts-components@1.74.0) (2023-06-16)
18
+
19
+
20
+ ### Features
21
+
22
+ * cricket widget ([#3399](https://github.com/newsuk/times-components/issues/3399)) ([bc75fc5](https://github.com/newsuk/times-components/commit/bc75fc55d3f62b26754e0c9397344585000d4f30))
23
+
24
+
25
+
26
+
27
+
6
28
  # [1.73.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.72.3...@times-components/ts-components@1.73.0) (2023-06-15)
7
29
 
8
30
 
@@ -32,7 +32,7 @@ export const OptaCricketScorecard = React.memo(({ competition, match, full_width
32
32
  show_state_of_play: true,
33
33
  navigation: 'tabs',
34
34
  show_batting: true,
35
- show_mins_batted: true,
35
+ show_mins_batted: false,
36
36
  show_fours: true,
37
37
  show_sixes: true,
38
38
  show_strike_rate: true,
@@ -52,4 +52,4 @@ export const OptaCricketScorecard = React.memo(({ competition, match, full_width
52
52
  !isReady && (React.createElement(PlaceholderContainer, null,
53
53
  React.createElement(Placeholder, null)))));
54
54
  });
55
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2NyaWNrZXQvc2NvcmVjYXJkL09wdGFDcmlja2V0U2NvcmVjYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBSTVCLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRTtJQUNyRCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRXZELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxTQUFTLENBQUM7UUFFeEIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDakQsS0FBSztvQkFDTCxNQUFNLEVBQUUsWUFBWTtvQkFDcEIsTUFBTSxFQUFFLEdBQUc7b0JBQ1gsV0FBVztvQkFDWCxLQUFLO29CQUNMLFFBQVEsRUFBRSxRQUFRO29CQUNsQixJQUFJLEVBQUUsSUFBSTtvQkFDVixpQkFBaUIsRUFBRSxJQUFJO29CQUN2QixXQUFXLEVBQUUsSUFBSTtvQkFDakIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isc0JBQXNCLEVBQUUsSUFBSTtvQkFDNUIsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLFlBQVk7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixjQUFjLEVBQUUsS0FBSztvQkFDckIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLGtCQUFrQixFQUFFLElBQUk7b0JBQ3hCLFVBQVUsRUFBRSxNQUFNO29CQUNsQixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsZ0JBQWdCLEVBQUUsSUFBSTtvQkFDdEIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixnQkFBZ0IsRUFBRSxJQUFJO29CQUN0QixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsWUFBWSxFQUFFLElBQUk7b0JBQ2xCLFFBQVEsRUFBRSxJQUFJO29CQUNkLGFBQWEsRUFBRSxXQUFXO29CQUMxQixXQUFXLEVBQUUsS0FBSztpQkFDbkIsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFFYixhQUFhLEVBQUUsQ0FBQztnQkFDaEIsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2xCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVU7UUFDL0Msb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFNUIsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0I7WUFDbkIsb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
55
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2NyaWNrZXQvc2NvcmVjYXJkL09wdGFDcmlja2V0U2NvcmVjYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBSTVCLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRTtJQUNyRCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRXZELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxTQUFTLENBQUM7UUFFeEIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDakQsS0FBSztvQkFDTCxNQUFNLEVBQUUsWUFBWTtvQkFDcEIsTUFBTSxFQUFFLEdBQUc7b0JBQ1gsV0FBVztvQkFDWCxLQUFLO29CQUNMLFFBQVEsRUFBRSxRQUFRO29CQUNsQixJQUFJLEVBQUUsSUFBSTtvQkFDVixpQkFBaUIsRUFBRSxJQUFJO29CQUN2QixXQUFXLEVBQUUsSUFBSTtvQkFDakIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isc0JBQXNCLEVBQUUsSUFBSTtvQkFDNUIsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLFlBQVk7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixjQUFjLEVBQUUsS0FBSztvQkFDckIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLGtCQUFrQixFQUFFLElBQUk7b0JBQ3hCLFVBQVUsRUFBRSxNQUFNO29CQUNsQixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsZ0JBQWdCLEVBQUUsS0FBSztvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixnQkFBZ0IsRUFBRSxJQUFJO29CQUN0QixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsWUFBWSxFQUFFLElBQUk7b0JBQ2xCLFFBQVEsRUFBRSxJQUFJO29CQUNkLGFBQWEsRUFBRSxXQUFXO29CQUMxQixXQUFXLEVBQUUsS0FBSztpQkFDbkIsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFFYixhQUFhLEVBQUUsQ0FBQztnQkFDaEIsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2xCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVU7UUFDL0Msb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFNUIsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0I7WUFDbkIsb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
@@ -12,10 +12,15 @@ const showcase = {
12
12
  component: () => (React.createElement(OptaCricketScorecard, { competition: "2722", match: "49716" })),
13
13
  name: 'Scorecard',
14
14
  type: 'story'
15
+ },
16
+ {
17
+ component: () => (React.createElement(OptaCricketScorecard, { competition: "3071", match: "55391" })),
18
+ name: 'Scorecard (1st inns)',
19
+ type: 'story'
15
20
  }
16
21
  ],
17
22
  name: 'Typescript Component/In Article/Cricket/Scorecard'
18
23
  };
19
24
  // @ts-ignore
20
25
  showcaseConverter(module, showcase);
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvY3JpY2tldC9zY29yZWNhcmQvT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNyRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5RCxNQUFNLFFBQVEsR0FBRztJQUNmLFFBQVEsRUFBRTtRQUNSO1lBQ0UsU0FBUyxFQUFFLENBQUMsT0FBOEIsRUFBRSxFQUFFLENBQUMsQ0FDN0Msb0JBQUMsY0FBYyxRQUFFLE9BQU8sRUFBRSxDQUFrQixDQUM3QztZQUNELElBQUksRUFBRSxXQUFXO1NBQ2xCO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxvQkFBb0IsSUFBQyxXQUFXLEVBQUMsTUFBTSxFQUFDLEtBQUssRUFBQyxPQUFPLEdBQUcsQ0FDMUQ7WUFDRCxJQUFJLEVBQUUsV0FBVztZQUNqQixJQUFJLEVBQUUsT0FBTztTQUNkO0tBQ0Y7SUFDRCxJQUFJLEVBQUUsbURBQW1EO0NBQzFELENBQUM7QUFFRixhQUFhO0FBQ2IsaUJBQWlCLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDIn0=
26
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvY3JpY2tldC9zY29yZWNhcmQvT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNyRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5RCxNQUFNLFFBQVEsR0FBRztJQUNmLFFBQVEsRUFBRTtRQUNSO1lBQ0UsU0FBUyxFQUFFLENBQUMsT0FBOEIsRUFBRSxFQUFFLENBQUMsQ0FDN0Msb0JBQUMsY0FBYyxRQUFFLE9BQU8sRUFBRSxDQUFrQixDQUM3QztZQUNELElBQUksRUFBRSxXQUFXO1NBQ2xCO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxvQkFBb0IsSUFBQyxXQUFXLEVBQUMsTUFBTSxFQUFDLEtBQUssRUFBQyxPQUFPLEdBQUcsQ0FDMUQ7WUFDRCxJQUFJLEVBQUUsV0FBVztZQUNqQixJQUFJLEVBQUUsT0FBTztTQUNkO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxvQkFBb0IsSUFBQyxXQUFXLEVBQUMsTUFBTSxFQUFDLEtBQUssRUFBQyxPQUFPLEdBQUcsQ0FDMUQ7WUFDRCxJQUFJLEVBQUUsc0JBQXNCO1lBQzVCLElBQUksRUFBRSxPQUFPO1NBQ2Q7S0FDRjtJQUNELElBQUksRUFBRSxtREFBbUQ7Q0FDMUQsQ0FBQztBQUVGLGFBQWE7QUFDYixpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUMifQ==
@@ -127,101 +127,155 @@ export const WidgetContainer = styled(WidgetContainerBase) `
127
127
  }
128
128
  }
129
129
 
130
- .Opta-TabbedContent {
131
- table.Opta-batting {
132
- margin-bottom: 10px;
130
+ table.Opta-batting {
131
+ margin-bottom: 10px;
133
132
 
134
- thead {
135
- th {
136
- padding: 0;
137
- color: ${colours.functional.primary};
138
- font-family: ${fonts.supporting};
139
- font-size: 12px;
140
- line-height: 14px;
141
- font-weight: normal;
142
- text-align: center;
143
- background-color: #ededed;
144
-
145
- &:first-of-type {
146
- padding-left: 5px;
147
- text-align: left;
148
- }
133
+ thead {
134
+ th {
135
+ width: 8%;
136
+ padding: 0;
137
+ color: ${colours.functional.primary};
138
+ font-family: ${fonts.supporting};
139
+ font-size: 12px;
140
+ line-height: 14px;
141
+ font-weight: normal;
142
+ background-color: #ededed;
143
+
144
+ &:first-of-type {
145
+ width: 64%;
146
+ padding-left: 5px;
147
+ }
149
148
 
150
- &:nth-of-type(2) {
151
- text-align: left;
152
- }
149
+ &:nth-of-type(4),
150
+ &:nth-of-type(5) {
151
+ width: 6%;
153
152
  }
154
153
  }
154
+ }
155
155
 
156
- tfoot {
157
- th {
158
- color: ${colours.functional.brandColour};
159
- font-family: ${fonts.supporting};
160
- font-size: 12px;
161
- line-height: 14px;
162
- font-weight: bold;
163
- background-color: #dbdbdb;
164
-
165
- &:first-of-type {
166
- padding-left: 5px;
167
- }
156
+ tfoot {
157
+ th {
158
+ color: ${colours.functional.brandColour};
159
+ font-family: ${fonts.supporting};
160
+ font-size: 14px;
161
+ line-height: 14px;
162
+ font-weight: bold;
163
+ background-color: #dbdbdb;
164
+
165
+ &:first-of-type {
166
+ padding-left: 5px;
167
+ }
168
168
 
169
- &:last-of-type {
170
- padding-left: 0;
171
- }
169
+ &:last-of-type {
170
+ padding-left: 0;
172
171
  }
173
172
  }
173
+ }
174
174
 
175
- tbody {
176
- tr:nth-child(2n) th,
177
- tr:nth-child(2n) td {
178
- background-color: #ededed;
179
- }
175
+ tbody {
176
+ tr:nth-child(2n) th,
177
+ tr:nth-child(2n) td {
178
+ background-color: #ededed;
179
+ }
180
+
181
+ tr:last-of-type td {
182
+ color: ${colours.functional.brandColour};
183
+ font-family: ${fonts.supporting};
184
+ font-size: 12px;
185
+ line-height: 14px;
186
+ font-weight: normal;
187
+ }
188
+
189
+ th {
190
+ padding: 0;
191
+ color: ${colours.functional.brandColour};
192
+ font-family: ${fonts.supporting};
193
+ font-size: 12px;
194
+ line-height: 14px;
195
+ font-weight: bold;
196
+ }
180
197
 
181
- tr:last-of-type td {
198
+ td {
199
+ padding: 0;
200
+ color: ${colours.section.sport};
201
+ font-family: ${fonts.supporting};
202
+ font-size: 12px;
203
+ line-height: 14px;
204
+ font-weight: normal;
205
+
206
+ &:first-of-type,
207
+ &:nth-of-type(2) {
208
+ padding-left: 5px;
182
209
  color: ${colours.functional.brandColour};
183
- font-family: ${fonts.supporting};
184
- font-size: 12px;
185
- line-height: 14px;
210
+ font-family: ${fonts.headline};
211
+ font-size: 16px;
186
212
  font-weight: normal;
213
+ line-height: 16px;
187
214
  }
215
+ }
216
+ }
217
+ }
188
218
 
189
- th {
190
- padding: 0;
191
- color: ${colours.functional.brandColour};
192
- font-family: ${fonts.supporting};
193
- font-size: 12px;
194
- line-height: 14px;
195
- font-weight: bold;
219
+ table.Opta-bowling {
220
+ width: calc(60% - 10px);
221
+ float: left;
222
+
223
+ thead {
224
+ th {
225
+ width: 12%;
226
+ color: ${colours.functional.brandColour};
227
+ font-family: ${fonts.supporting};
228
+ font-size: 12px;
229
+ line-height: 14px;
230
+ font-weight: normal;
231
+ text-align: center;
232
+ background-color: #ededed;
233
+
234
+ &:first-of-type {
235
+ width: 40%;
236
+ padding-left: 5px;
196
237
  text-align: left;
197
238
  }
239
+ }
240
+ }
198
241
 
199
- td {
200
- padding: 0;
201
- color: ${colours.section.sport};
202
- font-family: ${fonts.supporting};
203
- font-size: 12px;
204
- line-height: 14px;
205
- font-weight: normal;
206
- text-align: center;
242
+ tbody {
243
+ th {
244
+ padding: 0;
245
+ color: ${colours.functional.brandColour};
246
+ font-family: ${fonts.supporting};
247
+ font-size: 12px;
248
+ line-height: 14px;
249
+ font-weight: bold;
250
+ text-align: center;
251
+ }
207
252
 
208
- &:first-of-type,
209
- &:nth-of-type(2) {
210
- padding-left: 5px;
211
- color: ${colours.functional.brandColour};
212
- font-family: ${fonts.headline};
213
- font-size: 16px;
214
- font-weight: normal;
215
- line-height: 16px;
216
- text-align: left;
217
- }
253
+ td {
254
+ padding: 0;
255
+ color: ${colours.section.sport};
256
+ font-family: ${fonts.supporting};
257
+ font-size: 12px;
258
+ line-height: 14px;
259
+ font-weight: normal;
260
+ text-align: center;
261
+
262
+ &:first-of-type {
263
+ padding-left: 5px;
264
+ color: ${colours.functional.brandColour};
265
+ font-family: ${fonts.headline};
266
+ font-size: 16px;
267
+ font-weight: normal;
268
+ line-height: 16px;
269
+ text-align: left;
218
270
  }
219
271
  }
220
272
  }
273
+ }
221
274
 
222
- table.Opta-bowling {
223
- width: calc(70% - 10px);
224
- float: left;
275
+ .Opta-Ranking {
276
+ table {
277
+ width: calc(40%);
278
+ float: right;
225
279
 
226
280
  thead {
227
281
  th {
@@ -272,65 +326,9 @@ export const WidgetContainer = styled(WidgetContainerBase) `
272
326
  }
273
327
  }
274
328
  }
275
-
276
- .Opta-Ranking {
277
- table {
278
- width: calc(30%);
279
- float: right;
280
-
281
- thead {
282
- th {
283
- color: ${colours.functional.brandColour};
284
- font-family: ${fonts.supporting};
285
- font-size: 12px;
286
- line-height: 14px;
287
- font-weight: normal;
288
- text-align: center;
289
- background-color: #ededed;
290
-
291
- &:first-of-type {
292
- padding-left: 5px;
293
- text-align: left;
294
- }
295
- }
296
- }
297
-
298
- tbody {
299
- th {
300
- padding: 0;
301
- color: ${colours.functional.brandColour};
302
- font-family: ${fonts.supporting};
303
- font-size: 12px;
304
- line-height: 14px;
305
- font-weight: bold;
306
- text-align: center;
307
- }
308
-
309
- td {
310
- padding: 0;
311
- color: ${colours.section.sport};
312
- font-family: ${fonts.supporting};
313
- font-size: 12px;
314
- line-height: 14px;
315
- font-weight: normal;
316
- text-align: center;
317
-
318
- &:first-of-type {
319
- padding-left: 5px;
320
- color: ${colours.functional.brandColour};
321
- font-family: ${fonts.headline};
322
- font-size: 16px;
323
- font-weight: normal;
324
- line-height: 16px;
325
- text-align: left;
326
- }
327
- }
328
- }
329
- }
330
- }
331
329
  }
332
330
  }
333
331
  }
334
332
  }
335
333
  `;
336
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9jcmlja2V0L3Njb3JlY2FyZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV2RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUE7Ozs7Ozs7Ozs7Ozs7O3VCQWNuQyxPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7NkJBQ3hCLEtBQUssQ0FBQyxRQUFROzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQWtDbEIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLOytCQUNmLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzttQkFnQzVCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzt5QkFDeEIsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MkJBc0JaLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVztpQ0FDeEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt5QkEyQnhCLE9BQU8sQ0FBQyxVQUFVLENBQUMsT0FBTzsrQkFDcEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQW9CdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOytCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7eUJBdUJ0QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7K0JBQ3hCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozt5QkFRdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOytCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7O3lCQVN0QixPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUs7K0JBQ2YsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7OzsyQkFTcEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXO2lDQUN4QixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs7Ozs7Ozs7Ozt5QkFnQnRCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzsrQkFDeEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQWlCdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOytCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7O3lCQVN0QixPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUs7K0JBQ2YsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7OzJCQVFwQixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7aUNBQ3hCLEtBQUssQ0FBQyxRQUFROzs7Ozs7Ozs7Ozs7Ozs7OzsyQkFpQnBCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVztpQ0FDeEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7OzJCQWlCdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXO2lDQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7OzJCQVN0QixPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUs7aUNBQ2YsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7OzZCQVFwQixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7bUNBQ3hCLEtBQUssQ0FBQyxRQUFROzs7Ozs7Ozs7Ozs7OztDQWNoRCxDQUFDIn0=
334
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9jcmlja2V0L3Njb3JlY2FyZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV2RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUE7Ozs7Ozs7Ozs7Ozs7O3VCQWNuQyxPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7NkJBQ3hCLEtBQUssQ0FBQyxRQUFROzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQWtDbEIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLOytCQUNmLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzttQkFnQzVCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzt5QkFDeEIsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MkJBc0JaLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVztpQ0FDeEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt1QkEyQjFCLE9BQU8sQ0FBQyxVQUFVLENBQUMsT0FBTzs2QkFDcEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3VCQW9CdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOzZCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7dUJBdUJ0QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7NkJBQ3hCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozt1QkFRdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOzZCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7dUJBUXRCLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSzs2QkFDZixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7eUJBUXBCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzsrQkFDeEIsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7Ozs7Ozs7Ozs7dUJBZ0J0QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7NkJBQ3hCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7dUJBa0J0QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7NkJBQ3hCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7dUJBU3RCLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSzs2QkFDZixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7eUJBUXBCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzsrQkFDeEIsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQWlCcEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOytCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7Ozs7Ozs7eUJBaUJ0QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7K0JBQ3hCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7eUJBU3RCLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSzsrQkFDZixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7MkJBUXBCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVztpQ0FDeEIsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7Ozs7Ozs7Q0FhOUMsQ0FBQyJ9
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const WelcomeBanner: React.FC;
@@ -0,0 +1,15 @@
1
+ import React, { useEffect, useState } from 'react';
2
+ import { Container, Text, Title } from './styles';
3
+ export const WelcomeBanner = () => {
4
+ const [isEnabled, setIsEnabled] = useState(false);
5
+ useEffect(() => {
6
+ if (window.sessionStorage.getItem('showWelcomeBanner')) {
7
+ window.sessionStorage.removeItem('showWelcomeBanner');
8
+ setIsEnabled(true);
9
+ }
10
+ }, []);
11
+ return isEnabled ? (React.createElement(Container, null,
12
+ React.createElement(Title, { "data-testId": "title" }, "Welcome to The Times and The Sunday Times"),
13
+ React.createElement(Text, { "data-testId": "text" }, "We hope you enjoy your free article"))) : null;
14
+ };
15
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2VsY29tZUJhbm5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3dlbGNvbWUtYmFubmVyL1dlbGNvbWVCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFbEQsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFhLEdBQUcsRUFBRTtJQUMxQyxNQUFNLENBQUMsU0FBUyxFQUFFLFlBQVksQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUUzRCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsSUFBSSxNQUFNLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFO1lBQ3RELE1BQU0sQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLG1CQUFtQixDQUFDLENBQUM7WUFDdEQsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsT0FBTyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQ2pCLG9CQUFDLFNBQVM7UUFDUixvQkFBQyxLQUFLLG1CQUFhLE9BQU8sZ0RBRWxCO1FBQ1Isb0JBQUMsSUFBSSxtQkFBYSxNQUFNLDBDQUEyQyxDQUN6RCxDQUNiLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNYLENBQUMsQ0FBQyJ9
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { storiesOf } from '@storybook/react';
3
+ import { WelcomeBanner } from './WelcomeBanner';
4
+ storiesOf('Typescript Component/Welcome Banner', module).add('Welcome Banner', () => {
5
+ window.sessionStorage.setItem('showWelcomeBanner', 'true');
6
+ return React.createElement(WelcomeBanner, null);
7
+ });
8
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2VsY29tZUJhbm5lci5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvd2VsY29tZS1iYW5uZXIvV2VsY29tZUJhbm5lci5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUVoRCxTQUFTLENBQUMscUNBQXFDLEVBQUUsTUFBTSxDQUFDLENBQUMsR0FBRyxDQUMxRCxnQkFBZ0IsRUFDaEIsR0FBRyxFQUFFO0lBQ0gsTUFBTSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDM0QsT0FBTyxvQkFBQyxhQUFhLE9BQUcsQ0FBQztBQUMzQixDQUFDLENBQ0YsQ0FBQyJ9
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import { cleanup, render } from '@testing-library/react';
3
+ import '@testing-library/jest-dom';
4
+ import { WelcomeBanner } from '../WelcomeBanner';
5
+ describe('WelcomeBanner', () => {
6
+ afterEach(() => {
7
+ cleanup();
8
+ });
9
+ it('should render the component if session storage token showWelcomeBanner is set to true', () => {
10
+ window.sessionStorage.setItem('showWelcomeBanner', 'true');
11
+ const { getByText } = render(React.createElement(WelcomeBanner, null));
12
+ expect(getByText('Welcome to The Times and The Sunday Times'));
13
+ expect(getByText('We hope you enjoy your free article'));
14
+ });
15
+ it('should not render the component if the session storage token showWelcomeBanner does not exist', () => {
16
+ const { queryByTestId } = render(React.createElement(WelcomeBanner, null));
17
+ expect(queryByTestId('title')).toBeFalsy();
18
+ expect(queryByTestId('text')).toBeFalsy();
19
+ });
20
+ it('should remove the showWelcomeBanner session storage token when the component is displayed', () => {
21
+ window.sessionStorage.setItem('showWelcomeBanner', 'true');
22
+ render(React.createElement(WelcomeBanner, null));
23
+ expect(window.sessionStorage.getItem('showWelcomeBanner')).toBeFalsy();
24
+ });
25
+ });
26
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2VsY29tZUJhbm5lci50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvd2VsY29tZS1iYW5uZXIvX190ZXN0c19fL1dlbGNvbWVCYW5uZXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTywyQkFBMkIsQ0FBQztBQUVuQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFakQsUUFBUSxDQUFDLGVBQWUsRUFBRSxHQUFHLEVBQUU7SUFDN0IsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsdUZBQXVGLEVBQUUsR0FBRyxFQUFFO1FBQy9GLE1BQU0sQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLG1CQUFtQixFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzNELE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxNQUFNLENBQUMsb0JBQUMsYUFBYSxPQUFHLENBQUMsQ0FBQztRQUNoRCxNQUFNLENBQUMsU0FBUyxDQUFDLDJDQUEyQyxDQUFDLENBQUMsQ0FBQztRQUMvRCxNQUFNLENBQUMsU0FBUyxDQUFDLHFDQUFxQyxDQUFDLENBQUMsQ0FBQztJQUMzRCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQywrRkFBK0YsRUFBRSxHQUFHLEVBQUU7UUFDdkcsTUFBTSxFQUFFLGFBQWEsRUFBRSxHQUFHLE1BQU0sQ0FBQyxvQkFBQyxhQUFhLE9BQUcsQ0FBQyxDQUFDO1FBQ3BELE1BQU0sQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUMzQyxNQUFNLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDNUMsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsMkZBQTJGLEVBQUUsR0FBRyxFQUFFO1FBQ25HLE1BQU0sQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLG1CQUFtQixFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzNELE1BQU0sQ0FBQyxvQkFBQyxhQUFhLE9BQUcsQ0FBQyxDQUFDO1FBQzFCLE1BQU0sQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDekUsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
@@ -0,0 +1,3 @@
1
+ export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const Text: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,24 @@
1
+ import styled from 'styled-components';
2
+ import { colours, fonts } from '@times-components/ts-styleguide';
3
+ export const Container = styled.div `
4
+ display: flex;
5
+ flex-direction: column;
6
+ justify-content: center;
7
+ width: 100%;
8
+ padding: 38px 33px 34px;
9
+ border: 1px solid ${colours.functional.primary};
10
+ `;
11
+ export const Title = styled.div `
12
+ font-family: ${fonts.headline};
13
+ font-size: 28px;
14
+ color: ${colours.functional.greyText};
15
+ text-align: center;
16
+ `;
17
+ export const Text = styled.div `
18
+ font-family: ${fonts.supporting};
19
+ font-size: 18px;
20
+ color: ${colours.functional.primary};
21
+ padding-top: 9px;
22
+ text-align: center;
23
+ `;
24
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvd2VsY29tZS1iYW5uZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFakUsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztzQkFNYixPQUFPLENBQUMsVUFBVSxDQUFDLE9BQU87Q0FDL0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO2lCQUNkLEtBQUssQ0FBQyxRQUFROztXQUVwQixPQUFPLENBQUMsVUFBVSxDQUFDLFFBQVE7O0NBRXJDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTtpQkFDYixLQUFLLENBQUMsVUFBVTs7V0FFdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxPQUFPOzs7Q0FHcEMsQ0FBQyJ9
package/dist/index.d.ts CHANGED
@@ -29,4 +29,5 @@ export { InlineDialog } from './components/inline-dialog/InlineDialog';
29
29
  export { default as ArticleHeader } from './components/article-header/ArticleHeader';
30
30
  export { UpdatedTimestamp } from './components/updated-timestamp/UpdatedTimestamp';
31
31
  export { UpdatedTimeProvider } from './helpers/time/UpdatedTimeProvider';
32
+ export { WelcomeBanner } from './components/welcome-banner/WelcomeBanner';
32
33
  export { default as safeDecodeURIComponent } from './utils/safeDecodeURIComponent';
package/dist/index.js CHANGED
@@ -34,5 +34,6 @@ export { InlineDialog } from './components/inline-dialog/InlineDialog';
34
34
  export { default as ArticleHeader } from './components/article-header/ArticleHeader';
35
35
  export { UpdatedTimestamp } from './components/updated-timestamp/UpdatedTimestamp';
36
36
  export { UpdatedTimeProvider } from './helpers/time/UpdatedTimeProvider';
37
+ export { WelcomeBanner } from './components/welcome-banner/WelcomeBanner';
37
38
  export { default as safeDecodeURIComponent } from './utils/safeDecodeURIComponent';
38
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0Qsd0JBQXdCO0FBQ3hCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sbURBQW1ELENBQUM7QUFDM0QsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLDRFQUE0RSxDQUFDO0FBRXBGLG1CQUFtQjtBQUNuQixPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sMERBQTBELENBQUM7QUFFbEUsT0FBTyxFQUNMLG9CQUFvQixFQUNyQixNQUFNLDBEQUEwRCxDQUFDO0FBQ2xFLE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSw0REFBNEQsQ0FBQztBQUNwRSxPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0sd0RBQXdELENBQUM7QUFDaEUsT0FBTyxFQUNMLHNCQUFzQixFQUN2QixNQUFNLCtEQUErRCxDQUFDO0FBRXZFLE9BQU8sRUFDTCxpQkFBaUIsRUFDbEIsTUFBTSxvREFBb0QsQ0FBQztBQUM1RCxPQUFPLEVBQ0wsa0JBQWtCLEVBQ25CLE1BQU0sc0RBQXNELENBQUM7QUFDOUQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGtEQUFrRCxDQUFDO0FBQzFELE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx5REFBeUQsQ0FBQztBQUVqRSw2QkFBNkI7QUFDN0IsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLG9EQUFvRCxDQUFDO0FBRTVELFVBQVU7QUFDVixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDOUQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLCtDQUErQyxDQUFDO0FBQ3ZELE9BQU8sRUFDTCx1QkFBdUIsRUFDeEIsTUFBTSw0Q0FBNEMsQ0FBQztBQUVwRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUV2RSxPQUFPLEVBQ0wsT0FBTyxJQUFJLGFBQWEsRUFDekIsTUFBTSwyQ0FBMkMsQ0FBQztBQUVuRCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0saURBQWlELENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFekUsT0FBTyxFQUNMLE9BQU8sSUFBSSxzQkFBc0IsRUFDbEMsTUFBTSxnQ0FBZ0MsQ0FBQyJ9
39
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0Qsd0JBQXdCO0FBQ3hCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sbURBQW1ELENBQUM7QUFDM0QsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLDRFQUE0RSxDQUFDO0FBRXBGLG1CQUFtQjtBQUNuQixPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sMERBQTBELENBQUM7QUFFbEUsT0FBTyxFQUNMLG9CQUFvQixFQUNyQixNQUFNLDBEQUEwRCxDQUFDO0FBQ2xFLE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSw0REFBNEQsQ0FBQztBQUNwRSxPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0sd0RBQXdELENBQUM7QUFDaEUsT0FBTyxFQUNMLHNCQUFzQixFQUN2QixNQUFNLCtEQUErRCxDQUFDO0FBRXZFLE9BQU8sRUFDTCxpQkFBaUIsRUFDbEIsTUFBTSxvREFBb0QsQ0FBQztBQUM1RCxPQUFPLEVBQ0wsa0JBQWtCLEVBQ25CLE1BQU0sc0RBQXNELENBQUM7QUFDOUQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGtEQUFrRCxDQUFDO0FBQzFELE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx5REFBeUQsQ0FBQztBQUVqRSw2QkFBNkI7QUFDN0IsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLG9EQUFvRCxDQUFDO0FBRTVELFVBQVU7QUFDVixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDOUQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLCtDQUErQyxDQUFDO0FBQ3ZELE9BQU8sRUFDTCx1QkFBdUIsRUFDeEIsTUFBTSw0Q0FBNEMsQ0FBQztBQUVwRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUV2RSxPQUFPLEVBQ0wsT0FBTyxJQUFJLGFBQWEsRUFDekIsTUFBTSwyQ0FBMkMsQ0FBQztBQUVuRCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0saURBQWlELENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzFFLE9BQU8sRUFDTCxPQUFPLElBQUksc0JBQXNCLEVBQ2xDLE1BQU0sZ0NBQWdDLENBQUMifQ==
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/ts-components",
3
- "version": "1.73.0",
3
+ "version": "1.75.0",
4
4
  "description": "Reuseable Typescript React Components ",
5
5
  "main": "dist/index.js",
6
6
  "dev": "dist/index.js",
@@ -50,17 +50,17 @@
50
50
  "node": ">=8.9"
51
51
  },
52
52
  "dependencies": {
53
- "@times-components/button": "2.10.7",
54
- "@times-components/date-publication": "0.25.6",
55
- "@times-components/icons": "2.20.7",
56
- "@times-components/image": "6.15.0",
57
- "@times-components/link": "3.12.6",
53
+ "@times-components/button": "2.10.8",
54
+ "@times-components/date-publication": "0.25.7",
55
+ "@times-components/icons": "2.20.8",
56
+ "@times-components/image": "6.15.1",
57
+ "@times-components/link": "3.12.7",
58
58
  "@times-components/provider": "1.38.0",
59
59
  "@times-components/provider-queries": "2.20.0",
60
- "@times-components/related-articles": "6.17.4",
61
- "@times-components/ts-slices": "1.8.12",
62
- "@times-components/ts-styleguide": "1.43.1",
63
- "@times-components/utils": "6.16.7",
60
+ "@times-components/related-articles": "6.17.6",
61
+ "@times-components/ts-slices": "1.8.13",
62
+ "@times-components/ts-styleguide": "1.44.0",
63
+ "@times-components/utils": "6.16.8",
64
64
  "algoliasearch": "4.9.0",
65
65
  "date-fns": "2.28.0",
66
66
  "date-fns-tz": "1.3.3",
@@ -113,5 +113,5 @@
113
113
  "@testing-library/jest-dom/extend-expect"
114
114
  ]
115
115
  },
116
- "gitHead": "498d827c8579e56fcc9db187448123dbda9729c2"
116
+ "gitHead": "96b82e2149c7b7e631d94f235868d2247e59bf80"
117
117
  }