npm - @times-components/ts-components - Versions diffs - 1.72.3 → 1.73.0 - Mend

@times-components/ts-components 1.72.3 → 1.73.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 (24) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [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)
+### Features
+* **TDP-2222:** Cricket scorecard ([#3013](https://github.com/newsuk/times-components/issues/3013)) ([2a9df33](https://github.com/newsuk/times-components/commit/2a9df33224955bf7632a02a3a5be223793c6a968))
 ## [1.72.3](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.72.2...@times-components/ts-components@1.72.3) (2023-06-02)
 **Note:** Version bump only for package @times-components/ts-components

package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const OptaCricketScorecard: React.FC<{
+    competition: string;
+    match: string;
+    full_width?: boolean;
+}>;

package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.js ADDED Viewed

@@ -0,0 +1,55 @@
+import React, { useState, useEffect } from 'react';
+import { Placeholder } from '@times-components/image';
+import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../utils/config';
+import { Container, PlaceholderContainer } from '../shared-styles';
+import { WidgetContainer } from './styles';
+export const OptaCricketScorecard = React.memo(({ competition, match, full_width }) => {
+    const ref = React.createRef();
+    const [isReady, setIsReady] = useState(false);
+    useEffect(() => {
+        const sport = 'cricket';
+        initSettings();
+        initStyleSheet(sport);
+        initScript().then(() => {
+            if (ref.current) {
+                ref.current.innerHTML = initElement('opta-widget', {
+                    sport,
+                    widget: 'score_card',
+                    season: '0',
+                    competition,
+                    match,
+                    template: 'normal',
+                    live: true,
+                    show_match_header: true,
+                    show_crests: true,
+                    show_competition_name: true,
+                    show_match_description: true,
+                    show_date: true,
+                    date_format: 'DD/MM/YYYY',
+                    show_venue: true,
+                    show_officials: false,
+                    show_toss: false,
+                    show_state_of_play: true,
+                    navigation: 'tabs',
+                    show_batting: true,
+                    show_mins_batted: true,
+                    show_fours: true,
+                    show_sixes: true,
+                    show_strike_rate: true,
+                    show_bowling: true,
+                    show_economy: true,
+                    show_fow: true,
+                    player_naming: 'last_name',
+                    breakpoints: '520'
+                }).outerHTML;
+                initComponent();
+                setIsReady(true);
+            }
+        });
+    }, []);
+    return (React.createElement(Container, { border: isReady, fullWidth: full_width },
+        React.createElement(WidgetContainer, { ref: ref }),
+        !isReady && (React.createElement(PlaceholderContainer, null,
+            React.createElement(Placeholder, null)))));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2NyaWNrZXQvc2NvcmVjYXJkL09wdGFDcmlja2V0U2NvcmVjYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBSTVCLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRTtJQUNyRCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRXZELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxTQUFTLENBQUM7UUFFeEIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDakQsS0FBSztvQkFDTCxNQUFNLEVBQUUsWUFBWTtvQkFDcEIsTUFBTSxFQUFFLEdBQUc7b0JBQ1gsV0FBVztvQkFDWCxLQUFLO29CQUNMLFFBQVEsRUFBRSxRQUFRO29CQUNsQixJQUFJLEVBQUUsSUFBSTtvQkFDVixpQkFBaUIsRUFBRSxJQUFJO29CQUN2QixXQUFXLEVBQUUsSUFBSTtvQkFDakIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isc0JBQXNCLEVBQUUsSUFBSTtvQkFDNUIsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLFlBQVk7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixjQUFjLEVBQUUsS0FBSztvQkFDckIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLGtCQUFrQixFQUFFLElBQUk7b0JBQ3hCLFVBQVUsRUFBRSxNQUFNO29CQUNsQixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsZ0JBQWdCLEVBQUUsSUFBSTtvQkFDdEIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixnQkFBZ0IsRUFBRSxJQUFJO29CQUN0QixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsWUFBWSxFQUFFLElBQUk7b0JBQ2xCLFFBQVEsRUFBRSxJQUFJO29CQUNkLGFBQWEsRUFBRSxXQUFXO29CQUMxQixXQUFXLEVBQUUsS0FBSztpQkFDbkIsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFFYixhQUFhLEVBQUUsQ0FBQztnQkFDaEIsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2xCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVU7UUFDL0Msb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFNUIsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0I7WUFDbkIsb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9

package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.stories.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.stories.js ADDED Viewed

@@ -0,0 +1,21 @@
+import React from 'react';
+import { showcaseConverter } from '@times-components/storybook';
+import { ArticleHarness } from '../../../../fixtures/article-harness/ArticleHarness';
+import { OptaCricketScorecard } from './OptaCricketScorecard';
+const showcase = {
+    children: [
+        {
+            decorator: (storyFn) => (React.createElement(ArticleHarness, null, storyFn())),
+            type: 'decorator'
+        },
+        {
+            component: () => (React.createElement(OptaCricketScorecard, { competition: "2722", match: "49716" })),
+            name: 'Scorecard',
+            type: 'story'
+        }
+    ],
+    name: 'Typescript Component/In Article/Cricket/Scorecard'
+};
+// @ts-ignore
+showcaseConverter(module, showcase);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvY3JpY2tldC9zY29yZWNhcmQvT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNyRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5RCxNQUFNLFFBQVEsR0FBRztJQUNmLFFBQVEsRUFBRTtRQUNSO1lBQ0UsU0FBUyxFQUFFLENBQUMsT0FBOEIsRUFBRSxFQUFFLENBQUMsQ0FDN0Msb0JBQUMsY0FBYyxRQUFFLE9BQU8sRUFBRSxDQUFrQixDQUM3QztZQUNELElBQUksRUFBRSxXQUFXO1NBQ2xCO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxvQkFBb0IsSUFBQyxXQUFXLEVBQUMsTUFBTSxFQUFDLEtBQUssRUFBQyxPQUFPLEdBQUcsQ0FDMUQ7WUFDRCxJQUFJLEVBQUUsV0FBVztZQUNqQixJQUFJLEVBQUUsT0FBTztTQUNkO0tBQ0Y7SUFDRCxJQUFJLEVBQUUsbURBQW1EO0NBQzFELENBQUM7QUFFRixhQUFhO0FBQ2IsaUJBQWlCLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDIn0=

package/dist/components/opta/cricket/scorecard/__tests__/OptaCricketScorecard.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import 'regenerator-runtime';
2	+ import '@testing-library/jest-dom';

package/dist/components/opta/cricket/scorecard/__tests__/OptaCricketScorecard.test.js ADDED Viewed

@@ -0,0 +1,39 @@
+import React from 'react';
+import { render, waitForElementToBeRemoved } from '@testing-library/react';
+import 'regenerator-runtime';
+import '@testing-library/jest-dom';
+jest.mock('@times-components/image', () => ({
+    Placeholder: () => React.createElement(React.Fragment, null, "Placeholder")
+}));
+const mockInitSettings = jest.fn();
+const mockInitStyleSheet = jest.fn();
+const mockInitComponent = jest.fn();
+const mockInitElement = () => {
+    const element = document.createElement('div');
+    element.appendChild(document.createTextNode('Widget'));
+    return element;
+};
+jest.mock('../../../utils/config', () => ({
+    initSettings: mockInitSettings,
+    initStyleSheet: mockInitStyleSheet,
+    initScript: () => new Promise(resolve => resolve({})),
+    initElement: mockInitElement,
+    initComponent: mockInitComponent
+}));
+import { OptaCricketScorecard } from '../OptaCricketScorecard';
+const requiredProps = {
+    competition: '2722',
+    match: '49716'
+};
+describe('OptaCricketScorecard', () => {
+    it('should render correctly', async () => {
+        const { asFragment, getByText } = render(React.createElement(OptaCricketScorecard, Object.assign({}, requiredProps)));
+        expect(asFragment()).toMatchSnapshot();
+        await waitForElementToBeRemoved(getByText('Placeholder'));
+        expect(mockInitSettings).toHaveBeenCalledTimes(1);
+        expect(mockInitStyleSheet).toHaveBeenCalledTimes(1);
+        expect(mockInitComponent).toHaveBeenCalledTimes(1);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvY3JpY2tldC9zY29yZWNhcmQvX190ZXN0c19fL09wdGFDcmlja2V0U2NvcmVjYXJkLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFM0UsT0FBTyxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLDJCQUEyQixDQUFDO0FBRW5DLElBQUksQ0FBQyxJQUFJLENBQUMseUJBQXlCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUMxQyxXQUFXLEVBQUUsR0FBRyxFQUFFLENBQUMsd0RBQWdCO0NBQ3BDLENBQUMsQ0FBQyxDQUFDO0FBRUosTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7QUFDbkMsTUFBTSxrQkFBa0IsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7QUFDckMsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7QUFFcEMsTUFBTSxlQUFlLEdBQUcsR0FBRyxFQUFFO0lBQzNCLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDdkQsT0FBTyxPQUFPLENBQUM7QUFDakIsQ0FBQyxDQUFDO0FBRUYsSUFBSSxDQUFDLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3hDLFlBQVksRUFBRSxnQkFBZ0I7SUFDOUIsY0FBYyxFQUFFLGtCQUFrQjtJQUNsQyxVQUFVLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDckQsV0FBVyxFQUFFLGVBQWU7SUFDNUIsYUFBYSxFQUFFLGlCQUFpQjtDQUNqQyxDQUFDLENBQUMsQ0FBQztBQUVKLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRS9ELE1BQU0sYUFBYSxHQUFHO0lBQ3BCLFdBQVcsRUFBRSxNQUFNO0lBQ25CLEtBQUssRUFBRSxPQUFPO0NBQ2YsQ0FBQztBQUVGLFFBQVEsQ0FBQyxzQkFBc0IsRUFBRSxHQUFHLEVBQUU7SUFDcEMsRUFBRSxDQUFDLHlCQUF5QixFQUFFLEtBQUssSUFBSSxFQUFFO1FBQ3ZDLE1BQU0sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUN0QyxvQkFBQyxvQkFBb0Isb0JBQUssYUFBYSxFQUFJLENBQzVDLENBQUM7UUFDRixNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV2QyxNQUFNLHlCQUF5QixDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO1FBRTFELE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2xELE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BELE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRW5ELE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/components/opta/cricket/scorecard/styles.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const WidgetContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/opta/cricket/scorecard/styles.js ADDED Viewed

@@ -0,0 +1,336 @@
+import styled from 'styled-components';
+import { colours, fonts } from '@times-components/ts-styleguide';
+import { WidgetContainerBase } from '../shared-styles';
+export const WidgetContainer = styled(WidgetContainerBase) `
+  .Opta {
+    h2 {
+      margin: 20px 0 10px 0 !important;
+    }
+    .Opta-Cf {
+      padding: 0;
+      background-color: transparent;
+      table {
+        tbody {
+          tr {
+            td {
+              color: ${colours.functional.brandColour};
+              font-family: ${fonts.headline};
+              font-size: 18px;
+              line-height: 18px;
+              padding: 0;
+              &.Opta-Crest {
+                text-align: left;
+                &.Opta-Home {
+                  text-align: right;
+                }
+                img {
+                  height: 40px;
+                }
+              }
+              &.Opta-Team {
+                padding-left: 10px;
+                font-size: 18px;
+                line-height: 18px;
+                &.Opta-Home {
+                  padding-right: 10px;
+                  padding-left: 0;
+                  text-align: right;
+                }
+              }
+            }
+            &.Opta-MatchHeader-Details {
+              div {
+                margin: 6px 0;
+                padding: 0;
+                color: ${colours.section.sport};
+                font-family: ${fonts.supporting};
+                font-size: 12px;
+                line-height: 12px;
+                letter-spacing: 1px;
+                text-transform: uppercase;
+                background-color: transparent;
+                dl {
+                  margin: 0 6px 4px 6px;
+                  color: inherit;
+                  font-size: inherit;
+                  :before {
+                    display: none;
+                  }
+                  &:first-of-type,
+                  &:last-of-type {
+                    display: block;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+      .Opta-CricketStateOfPlay {
+        div {
+          min-height: 0;
+          margin: 0;
+          padding: 10px;
+          color: ${colours.functional.brandColour};
+          font-family: ${fonts.headline};
+          font-size: 18px;
+          font-weight: normal;
+          line-height: 18px;
+          background-color: transparent;
+        }
+      }
+      .Opta-scorecard {
+        .Opta-Tabs {
+          .Opta-Nav {
+            background-color: transparent;
+            ul {
+              display: flex;
+              background-color: transparent;
+              li {
+                width: 100%;
+                a {
+                  width: 100%;
+                  color: ${colours.functional.brandColour};
+                  font-family: ${fonts.supporting};
+                  font-size: 14px;
+                  font-weight: normal;
+                  text-align: center;
+                  background-color: #dbdbdb;
+                  &:hover {
+                    background-color: #ededed;
+                  }
+                }
+                &.Opta-On a {
+                  color: white;
+                  background-color: #008347;
+                }
+              }
+            }
+          }
+        }
+        .Opta-TabbedContent {
+          table.Opta-batting {
+            margin-bottom: 10px;
+            thead {
+              th {
+                padding: 0;
+                color: ${colours.functional.primary};
+                font-family: ${fonts.supporting};
+                font-size: 12px;
+                line-height: 14px;
+                font-weight: normal;
+                text-align: center;
+                background-color: #ededed;
+                &:first-of-type {
+                  padding-left: 5px;
+                  text-align: left;
+                }
+                &:nth-of-type(2) {
+                  text-align: left;
+                }
+              }
+            }
+            tfoot {
+              th {
+                color: ${colours.functional.brandColour};
+                font-family: ${fonts.supporting};
+                font-size: 12px;
+                line-height: 14px;
+                font-weight: bold;
+                background-color: #dbdbdb;
+                &:first-of-type {
+                  padding-left: 5px;
+                }
+                &:last-of-type {
+                  padding-left: 0;
+                }
+              }
+            }
+            tbody {
+              tr:nth-child(2n) th,
+              tr:nth-child(2n) td {
+                background-color: #ededed;
+              }
+              tr:last-of-type td {
+                color: ${colours.functional.brandColour};
+                font-family: ${fonts.supporting};
+                font-size: 12px;
+                line-height: 14px;
+                font-weight: normal;
+              }
+              th {
+                padding: 0;
+                color: ${colours.functional.brandColour};
+                font-family: ${fonts.supporting};
+                font-size: 12px;
+                line-height: 14px;
+                font-weight: bold;
+                text-align: left;
+              }
+              td {
+                padding: 0;
+                color: ${colours.section.sport};
+                font-family: ${fonts.supporting};
+                font-size: 12px;
+                line-height: 14px;
+                font-weight: normal;
+                text-align: center;
+                &:first-of-type,
+                &:nth-of-type(2) {
+                  padding-left: 5px;
+                  color: ${colours.functional.brandColour};
+                  font-family: ${fonts.headline};
+                  font-size: 16px;
+                  font-weight: normal;
+                  line-height: 16px;
+                  text-align: left;
+                }
+              }
+            }
+          }
+          table.Opta-bowling {
+            width: calc(70% - 10px);
+            float: left;
+            thead {
+              th {
+                color: ${colours.functional.brandColour};
+                font-family: ${fonts.supporting};
+                font-size: 12px;
+                line-height: 14px;
+                font-weight: normal;
+                text-align: center;
+                background-color: #ededed;
+                &:first-of-type {
+                  padding-left: 5px;
+                  text-align: left;
+                }
+              }
+            }
+            tbody {
+              th {
+                padding: 0;
+                color: ${colours.functional.brandColour};
+                font-family: ${fonts.supporting};
+                font-size: 12px;
+                line-height: 14px;
+                font-weight: bold;
+                text-align: center;
+              }
+              td {
+                padding: 0;
+                color: ${colours.section.sport};
+                font-family: ${fonts.supporting};
+                font-size: 12px;
+                line-height: 14px;
+                font-weight: normal;
+                text-align: center;
+                &:first-of-type {
+                  padding-left: 5px;
+                  color: ${colours.functional.brandColour};
+                  font-family: ${fonts.headline};
+                  font-size: 16px;
+                  font-weight: normal;
+                  line-height: 16px;
+                  text-align: left;
+                }
+              }
+            }
+          }
+          .Opta-Ranking {
+            table {
+              width: calc(30%);
+              float: right;
+              thead {
+                th {
+                  color: ${colours.functional.brandColour};
+                  font-family: ${fonts.supporting};
+                  font-size: 12px;
+                  line-height: 14px;
+                  font-weight: normal;
+                  text-align: center;
+                  background-color: #ededed;
+                  &:first-of-type {
+                    padding-left: 5px;
+                    text-align: left;
+                  }
+                }
+              }
+              tbody {
+                th {
+                  padding: 0;
+                  color: ${colours.functional.brandColour};
+                  font-family: ${fonts.supporting};
+                  font-size: 12px;
+                  line-height: 14px;
+                  font-weight: bold;
+                  text-align: center;
+                }
+                td {
+                  padding: 0;
+                  color: ${colours.section.sport};
+                  font-family: ${fonts.supporting};
+                  font-size: 12px;
+                  line-height: 14px;
+                  font-weight: normal;
+                  text-align: center;
+                  &:first-of-type {
+                    padding-left: 5px;
+                    color: ${colours.functional.brandColour};
+                    font-family: ${fonts.headline};
+                    font-size: 16px;
+                    font-weight: normal;
+                    line-height: 16px;
+                    text-align: left;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9jcmlja2V0L3Njb3JlY2FyZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV2RCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUE7Ozs7Ozs7Ozs7Ozs7O3VCQWNuQyxPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7NkJBQ3hCLEtBQUssQ0FBQyxRQUFROzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQWtDbEIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLOytCQUNmLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzttQkFnQzVCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzt5QkFDeEIsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MkJBc0JaLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVztpQ0FDeEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt5QkEyQnhCLE9BQU8sQ0FBQyxVQUFVLENBQUMsT0FBTzsrQkFDcEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQW9CdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOytCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7eUJBdUJ0QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7K0JBQ3hCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozt5QkFRdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOytCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7O3lCQVN0QixPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUs7K0JBQ2YsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7OzsyQkFTcEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXO2lDQUN4QixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs7Ozs7Ozs7Ozt5QkFnQnRCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVzsrQkFDeEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7O3lCQWlCdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOytCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7O3lCQVN0QixPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUs7K0JBQ2YsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7OzJCQVFwQixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7aUNBQ3hCLEtBQUssQ0FBQyxRQUFROzs7Ozs7Ozs7Ozs7Ozs7OzsyQkFpQnBCLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVztpQ0FDeEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7OzJCQWlCdEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXO2lDQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7OzJCQVN0QixPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUs7aUNBQ2YsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7OzZCQVFwQixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7bUNBQ3hCLEtBQUssQ0FBQyxRQUFROzs7Ozs7Ozs7Ozs7OztDQWNoRCxDQUFDIn0=

package/dist/components/opta/cricket/shared-styles.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    border: boolean;
+    fullWidth?: boolean | undefined;
+}, never>;
+export declare const PlaceholderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WidgetContainerBase: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/opta/cricket/shared-styles.js ADDED Viewed

@@ -0,0 +1,72 @@
+import styled from 'styled-components';
+import { breakpoints, colours, fonts } from '@times-components/ts-styleguide';
+export const Container = styled.div `
+  margin: 0 auto 20px auto;
+  background-color: ${colours.functional.backgroundPrimary};
+  border-top: ${({ border }) => border ? `2px solid ${colours.section.sport}` : 'none'};
+  a {
+    text-decoration: none;
+  }
+  @media (min-width: ${breakpoints.medium}px) {
+    flex-direction: row;
+    width: ${({ fullWidth }) => (fullWidth ? '100%' : '80.8%')};
+  }
+  @media (min-width: ${breakpoints.wide}px) {
+    width: ${({ fullWidth }) => (fullWidth ? '100%' : '56.2%')};
+  }
+`;
+export const PlaceholderContainer = styled.div `
+  position: relative;
+  height: 200px;
+`;
+export const WidgetContainerBase = styled.div `
+  .Opta {
+    .Opta_W {
+      margin: 0;
+      background-color: transparent;
+      h2 {
+        height: auto;
+        margin: 20px 0;
+        color: ${colours.section.sport};
+        font-family: ${fonts.supporting};
+        font-size: 12px;
+        line-height: 14px;
+        font-weight: normal;
+        letter-spacing: 1px;
+        text-align: center;
+        text-transform: uppercase;
+        background-color: transparent;
+        span {
+          height: auto;
+          font-size: 12px;
+          line-height: 14px;
+          font-weight: normal;
+        }
+      }
+      table {
+        width: 100%;
+        margin: 0;
+        border-collapse: collapse;
+        border-spacing: 0;
+      }
+    }
+    p {
+      margin: 20px 0 0 0 !important;
+      padding: 0 0 20px 0 !important;
+      color: ${colours.functional.brandColour};
+      font-family: ${fonts.supporting};
+      font-size: 14px;
+      line-height: 14px;
+      text-align: center;
+      background: transparent !important;
+    }
+  }
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLXN0eWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvY3JpY2tldC9zaGFyZWQtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTlFLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUEwQzs7c0JBRXZELE9BQU8sQ0FBQyxVQUFVLENBQUMsaUJBQWlCO2dCQUMxQyxDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUMzQixNQUFNLENBQUMsQ0FBQyxDQUFDLGFBQWEsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTTs7Ozs7O3VCQU1uQyxXQUFXLENBQUMsTUFBTTs7YUFFNUIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7Ozt1QkFHdkMsV0FBVyxDQUFDLElBQUk7YUFDMUIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7O0NBRTdELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Q0FHN0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozs7OztpQkFTNUIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLO3VCQUNmLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2VBNEJ4QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7cUJBQ3hCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7O0NBT3BDLENBQUMifQ==

package/dist/components/opta/utils/config.js CHANGED Viewed

@@ -11,6 +11,8 @@ export const initSettings = () => {
 };
 const getStyleSheetUrl = (sport) => {
     switch (sport) {
+        case 'cricket':
+            return 'https://secure.widget.cloud.opta.net/v3/css/v3.cricket.opta-widgets.css';
         case 'rugby':
             return 'https://secure.widget.cloud.opta.net/v3/css/v3.rugby.opta-widgets.css';
         case 'football':
@@ -48,4 +50,4 @@ export const initComponent = () => {
         window.Opta.start();
     }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS91dGlscy9jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBZ0J0RSxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsR0FBRyxFQUFFO0lBQy9CLElBQUksT0FBTyxNQUFNLEtBQUssV0FBVyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsRUFBRTtRQUMxRCxNQUFNLENBQUMsYUFBYSxHQUFHO1lBQ3JCLGVBQWUsRUFBRSxrQ0FBa0M7WUFDbkQsUUFBUSxFQUFFLE9BQU87WUFDakIsUUFBUSxFQUFFLGVBQWU7WUFDekIsaUJBQWlCLEVBQUUsS0FBSztTQUN6QixDQUFDO0tBQ0g7QUFDSCxDQUFDLENBQUM7QUFFRixNQUFNLGdCQUFnQixHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUU7SUFDekMsUUFBUSxLQUFLLEVBQUU7UUFDYixLQUFLLE9BQU87WUFDVixPQUFPLHVFQUF1RSxDQUFDO1FBRWpGLEtBQUssVUFBVSxDQUFDO1FBQ2hCO1lBQ0UsT0FBTywwRUFBMEUsQ0FBQztLQUNyRjtBQUNILENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQWEsRUFBRSxFQUFFO0lBQzlDLE1BQU0sTUFBTSxHQUFHLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRXZDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxjQUFjLE1BQU0sSUFBSSxDQUFDLEVBQUU7UUFDMUQsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM1QyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxZQUFZLENBQUMsQ0FBQztRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQztRQUVsQyxRQUFRLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0tBQzVEO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsTUFBTSxTQUFTLEdBQUcsNERBQTRELENBQUM7QUFFL0UsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLEdBQUcsRUFBRSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztBQUV4RCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsQ0FBQyxJQUFZLEVBQUUsSUFBVSxFQUFFLEtBQW1CLEVBQUUsRUFBRTtJQUMzRSxNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRTdDLElBQUksSUFBSSxFQUFFO1FBQ1IsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDMUIsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssU0FBUyxFQUFFO2dCQUMzQixPQUFPLENBQUMsWUFBWSxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQzthQUNqRDtRQUNILENBQUMsQ0FBQyxDQUFDO0tBQ0o7SUFFRCxJQUFJLEtBQUssRUFBRTtRQUNULE9BQU8sQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDNUI7SUFFRCxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO0lBQ2hDLElBQUksT0FBTyxNQUFNLEtBQUssV0FBVyxJQUFJLE9BQU8sTUFBTSxDQUFDLElBQUksS0FBSyxXQUFXLEVBQUU7UUFDdkUsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztLQUNyQjtBQUNILENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS91dGlscy9jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBZ0J0RSxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsR0FBRyxFQUFFO0lBQy9CLElBQUksT0FBTyxNQUFNLEtBQUssV0FBVyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsRUFBRTtRQUMxRCxNQUFNLENBQUMsYUFBYSxHQUFHO1lBQ3JCLGVBQWUsRUFBRSxrQ0FBa0M7WUFDbkQsUUFBUSxFQUFFLE9BQU87WUFDakIsUUFBUSxFQUFFLGVBQWU7WUFDekIsaUJBQWlCLEVBQUUsS0FBSztTQUN6QixDQUFDO0tBQ0g7QUFDSCxDQUFDLENBQUM7QUFFRixNQUFNLGdCQUFnQixHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUU7SUFDekMsUUFBUSxLQUFLLEVBQUU7UUFDYixLQUFLLFNBQVM7WUFDWixPQUFPLHlFQUF5RSxDQUFDO1FBRW5GLEtBQUssT0FBTztZQUNWLE9BQU8sdUVBQXVFLENBQUM7UUFFakYsS0FBSyxVQUFVLENBQUM7UUFDaEI7WUFDRSxPQUFPLDBFQUEwRSxDQUFDO0tBQ3JGO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUU7SUFDOUMsTUFBTSxNQUFNLEdBQUcsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFdkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGNBQWMsTUFBTSxJQUFJLENBQUMsRUFBRTtRQUMxRCxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzVDLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLFlBQVksQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBRWxDLFFBQVEsQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7S0FDNUQ7QUFDSCxDQUFDLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBRyw0REFBNEQsQ0FBQztBQUUvRSxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsR0FBRyxFQUFFLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0FBRXhELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxDQUFDLElBQVksRUFBRSxJQUFVLEVBQUUsS0FBbUIsRUFBRSxFQUFFO0lBQzNFLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7SUFFN0MsSUFBSSxJQUFJLEVBQUU7UUFDUixNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUMxQixJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxTQUFTLEVBQUU7Z0JBQzNCLE9BQU8sQ0FBQyxZQUFZLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO2FBQ2pEO1FBQ0gsQ0FBQyxDQUFDLENBQUM7S0FDSjtJQUVELElBQUksS0FBSyxFQUFFO1FBQ1QsT0FBTyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztLQUM1QjtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDaEMsSUFBSSxPQUFPLE1BQU0sS0FBSyxXQUFXLElBQUksT0FBTyxNQUFNLENBQUMsSUFBSSxLQUFLLFdBQVcsRUFBRTtRQUN2RSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0tBQ3JCO0FBQ0gsQ0FBQyxDQUFDIn0=

package/dist/index.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ export { SaveStar } from './components/save-star/SaveStar';
 export { AutoNewsletterPuff } from './components/newsletter-puff/AutoNewsletterPuff';
 export { InlineNewsletterPuff } from './components/newsletter-puff/InlineNewsletterPuff';
 export { PreviewNewsletterPuff } from './components/newsletter-puff/preview-newsletter-puff/PreviewNewsletterPuff';
+export { OptaCricketScorecard } from './components/opta/cricket/scorecard/OptaCricketScorecard';
 export { OptaFootballFixtures } from './components/opta/football/fixtures/OptaFootballFixtures';
 export { OptaFootballStandings } from './components/opta/football/standings/OptaFootballStandings';
 export { OptaFootballSummary } from './components/opta/football/summary/OptaFootballSummary';

package/dist/index.js CHANGED Viewed

@@ -13,6 +13,7 @@ export { AutoNewsletterPuff } from './components/newsletter-puff/AutoNewsletterP
 export { InlineNewsletterPuff } from './components/newsletter-puff/InlineNewsletterPuff';
 export { PreviewNewsletterPuff } from './components/newsletter-puff/preview-newsletter-puff/PreviewNewsletterPuff';
 // Sport Components
+export { OptaCricketScorecard } from './components/opta/cricket/scorecard/OptaCricketScorecard';
 export { OptaFootballFixtures } from './components/opta/football/fixtures/OptaFootballFixtures';
 export { OptaFootballStandings } from './components/opta/football/standings/OptaFootballStandings';
 export { OptaFootballSummary } from './components/opta/football/summary/OptaFootballSummary';
@@ -34,4 +35,4 @@ export { default as ArticleHeader } from './components/article-header/ArticleHea
 export { UpdatedTimestamp } from './components/updated-timestamp/UpdatedTimestamp';
 export { UpdatedTimeProvider } from './helpers/time/UpdatedTimeProvider';
 export { default as safeDecodeURIComponent } from './utils/safeDecodeURIComponent';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0Qsd0JBQXdCO0FBQ3hCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sbURBQW1ELENBQUM7QUFDM0QsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLDRFQUE0RSxDQUFDO0FBRXBGLG1CQUFtQjtBQUNuQixPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sMERBQTBELENBQUM7QUFDbEUsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLDREQUE0RCxDQUFDO0FBQ3BFLE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx3REFBd0QsQ0FBQztBQUNoRSxPQUFPLEVBQ0wsc0JBQXNCLEVBQ3ZCLE1BQU0sK0RBQStELENBQUM7QUFFdkUsT0FBTyxFQUNMLGlCQUFpQixFQUNsQixNQUFNLG9EQUFvRCxDQUFDO0FBQzVELE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxzREFBc0QsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0sa0RBQWtELENBQUM7QUFDMUQsT0FBTyxFQUNMLG1CQUFtQixFQUNwQixNQUFNLHlEQUF5RCxDQUFDO0FBRWpFLDZCQUE2QjtBQUM3QixPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0sb0RBQW9ELENBQUM7QUFFNUQsVUFBVTtBQUNWLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0sK0NBQStDLENBQUM7QUFDdkQsT0FBTyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLDRDQUE0QyxDQUFDO0FBRXBELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRXZFLE9BQU8sRUFDTCxPQUFPLElBQUksYUFBYSxFQUN6QixNQUFNLDJDQUEyQyxDQUFDO0FBRW5ELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxpREFBaUQsQ0FBQztBQUV6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUV6RSxPQUFPLEVBQ0wsT0FBTyxJQUFJLHNCQUFzQixFQUNsQyxNQUFNLGdDQUFnQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0Qsd0JBQXdCO0FBQ3hCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sbURBQW1ELENBQUM7QUFDM0QsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLDRFQUE0RSxDQUFDO0FBRXBGLG1CQUFtQjtBQUNuQixPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sMERBQTBELENBQUM7QUFFbEUsT0FBTyxFQUNMLG9CQUFvQixFQUNyQixNQUFNLDBEQUEwRCxDQUFDO0FBQ2xFLE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSw0REFBNEQsQ0FBQztBQUNwRSxPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0sd0RBQXdELENBQUM7QUFDaEUsT0FBTyxFQUNMLHNCQUFzQixFQUN2QixNQUFNLCtEQUErRCxDQUFDO0FBRXZFLE9BQU8sRUFDTCxpQkFBaUIsRUFDbEIsTUFBTSxvREFBb0QsQ0FBQztBQUM1RCxPQUFPLEVBQ0wsa0JBQWtCLEVBQ25CLE1BQU0sc0RBQXNELENBQUM7QUFDOUQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGtEQUFrRCxDQUFDO0FBQzFELE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx5REFBeUQsQ0FBQztBQUVqRSw2QkFBNkI7QUFDN0IsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLG9EQUFvRCxDQUFDO0FBRTVELFVBQVU7QUFDVixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDOUQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLCtDQUErQyxDQUFDO0FBQ3ZELE9BQU8sRUFDTCx1QkFBdUIsRUFDeEIsTUFBTSw0Q0FBNEMsQ0FBQztBQUVwRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUV2RSxPQUFPLEVBQ0wsT0FBTyxJQUFJLGFBQWEsRUFDekIsTUFBTSwyQ0FBMkMsQ0FBQztBQUVuRCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0saURBQWlELENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFekUsT0FBTyxFQUNMLE9BQU8sSUFBSSxzQkFBc0IsRUFDbEMsTUFBTSxnQ0FBZ0MsQ0FBQyJ9

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/ts-components",
-  "version": "1.72.3",
+  "version": "1.73.0",
   "description": "Reuseable Typescript React Components ",
   "main": "dist/index.js",
   "dev": "dist/index.js",
@@ -57,7 +57,7 @@
     "@times-components/link": "3.12.6",
     "@times-components/provider": "1.38.0",
     "@times-components/provider-queries": "2.20.0",
-    "@times-components/related-articles": "6.17.3",
+    "@times-components/related-articles": "6.17.4",
     "@times-components/ts-slices": "1.8.12",
     "@times-components/ts-styleguide": "1.43.1",
     "@times-components/utils": "6.16.7",
@@ -113,5 +113,5 @@
       "@testing-library/jest-dom/extend-expect"
     ]
   },
-  "gitHead": "028835dfa201fda527ba52e332d693f169317617"
+  "gitHead": "498d827c8579e56fcc9db187448123dbda9729c2"
 }