@times-components/ts-components 1.89.1-alpha.6 → 1.90.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.90.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.89.0...@times-components/ts-components@1.90.0) (2024-06-12)
+
+
+### Features
+
+* **TMRS-223:** Added support for parameters isApp, isDarkMode and fixturesPageUrl for fixtures ticker ([#3869](https://github.com/newsuk/times-components/issues/3869)) ([6302ab9](https://github.com/newsuk/times-components/commit/6302ab979ec88716098f53b8d02c95818cb66032))
+* **TMRS-226:** transform text on euro widgets and add dynamic classes ([#3870](https://github.com/newsuk/times-components/issues/3870)) ([52831d7](https://github.com/newsuk/times-components/commit/52831d79feedeec7d3091c4d70de957b4620a574))
+
+
+
+
+
 # [1.89.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.88.1...@times-components/ts-components@1.89.0) (2024-06-10)
 
 

package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.d.ts

@@ -7,4 +7,7 @@ export declare const OptaFootballFixturesTicker: React.FC<{
     days_ahead?: number;
     days_before?: number;
     round?: string;
+    isDarkMode?: boolean;
+    isApp?: boolean;
+    fixturesPageUrl?: string;
 }>;

package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.js

@@ -5,7 +5,8 @@ import { PlaceholderContainer } from '../shared-styles';
 import { WidgetContainer } from './styles';
 import { isNationalCompetition } from '../../utils/replaceNationalTeamDetails';
 import { useUpdateNationalTeamDetails } from '../../utils/useUpdateNationalTeamDetails';
-export const OptaFootballFixturesTicker = React.memo(({ season, competition, date_from, date_to, days_ahead, days_before, round }) => {
+import { useFixturePageLink } from '../../utils/useFixturePageLink';
+export const OptaFootballFixturesTicker = React.memo(({ season, competition, date_from, date_to, days_ahead, days_before, round, isDarkMode, isApp, fixturesPageUrl }) => {
     const ref = React.createRef();
     const [isReady, setIsReady] = useState(false);
     const isNationalComp = isNationalCompetition(competition);
@@ -42,10 +43,13 @@ export const OptaFootballFixturesTicker = React.memo(({ season, competition, dat
             }
         });
     }, [ref]);
+    fixturesPageUrl &&
+        !isApp &&
+        useFixturePageLink(ref, 'Opta-Room', isDarkMode, fixturesPageUrl);
     isNationalComp && useUpdateNationalTeamDetails(ref, 'Opta-TeamName');
     return (React.createElement(React.Fragment, null,
-        React.createElement(WidgetContainer, { ref: ref }),
+        React.createElement(WidgetContainer, { isApp: isApp, isDarkMode: isDarkMode, ref: ref }),
         !isReady && (React.createElement(PlaceholderContainer, { height: 80 },
             React.createElement(Placeholder, null)))));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXNUaWNrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL2ZpeHR1cmVzLXRpY2tlci9PcHRhRm9vdGJhbGxGaXh0dXJlc1RpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRW5ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV0RCxPQUFPLEVBQ0wsWUFBWSxFQUNaLGNBQWMsRUFDZCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGFBQWEsRUFDZCxNQUFNLG9CQUFvQixDQUFDO0FBRTVCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDM0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDL0UsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFFeEYsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBUWxDLEtBQUssQ0FBQyxJQUFJLENBQ2IsQ0FBQyxFQUNDLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNULE9BQU8sRUFDUCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFDTixFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELE1BQU0sY0FBYyxHQUFHLHFCQUFxQixDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRTFELFNBQVMsQ0FDUCxHQUFHLEVBQUU7UUFDSCxNQUFNLEtBQUssR0FBRyxVQUFVLENBQUM7UUFFekIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDakQsS0FBSztvQkFDTCxNQUFNLEVBQUUsVUFBVTtvQkFDbEIsTUFBTTtvQkFDTixXQUFXO29CQUNYLFNBQVM7b0JBQ1QsT0FBTztvQkFDUCxVQUFVO29CQUNWLFdBQVc7b0JBQ1gsS0FBSztvQkFDTCxJQUFJLEVBQUUsSUFBSTtvQkFDVixnQkFBZ0IsRUFBRSxJQUFJO29CQUN0QixRQUFRLEVBQUUsT0FBTztvQkFDakIsV0FBVyxFQUFFLE9BQU87b0JBQ3BCLFlBQVksRUFBRSxLQUFLO29CQUNuQixRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixhQUFhLEVBQUUsSUFBSTtvQkFDbkIsV0FBVyxFQUFFLENBQUMsY0FBYztvQkFDNUIsU0FBUyxFQUFFLElBQUk7b0JBQ2YsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLFlBQVk7aUJBQzFCLENBQUMsQ0FBQyxTQUFTLENBQUM7Z0JBRWIsYUFBYSxFQUFFLENBQUM7Z0JBQ2hCLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNsQjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxFQUNELENBQUMsR0FBRyxDQUFDLENBQ04sQ0FBQztJQUVGLGNBQWMsSUFBSSw0QkFBNEIsQ0FBQyxHQUFHLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFFckUsT0FBTyxDQUNMO1FBQ0Usb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFNUIsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0IsSUFBQyxNQUFNLEVBQUUsRUFBRTtZQUM5QixvQkFBQyxXQUFXLE9BQUcsQ0FDTSxDQUN4QixDQUNBLENBQ0osQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXNUaWNrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL2ZpeHR1cmVzLXRpY2tlci9PcHRhRm9vdGJhbGxGaXh0dXJlc1RpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRW5ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV0RCxPQUFPLEVBQ0wsWUFBWSxFQUNaLGNBQWMsRUFDZCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGFBQWEsRUFDZCxNQUFNLG9CQUFvQixDQUFDO0FBRTVCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDM0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDL0UsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDeEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFcEUsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBV2xDLEtBQUssQ0FBQyxJQUFJLENBQ2IsQ0FBQyxFQUNDLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNULE9BQU8sRUFDUCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFDTCxVQUFVLEVBQ1YsS0FBSyxFQUNMLGVBQWUsRUFDaEIsRUFBRSxFQUFFO0lBQ0gsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFNBQVMsRUFBa0IsQ0FBQztJQUU5QyxNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUN2RCxNQUFNLGNBQWMsR0FBRyxxQkFBcUIsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUUxRCxTQUFTLENBQ1AsR0FBRyxFQUFFO1FBQ0gsTUFBTSxLQUFLLEdBQUcsVUFBVSxDQUFDO1FBRXpCLFlBQVksRUFBRSxDQUFDO1FBQ2YsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXRCLFVBQVUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDckIsSUFBSSxHQUFHLENBQUMsT0FBTyxFQUFFO2dCQUNmLEdBQUcsQ0FBQyxPQUFPLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FBQyxhQUFhLEVBQUU7b0JBQ2pELEtBQUs7b0JBQ0wsTUFBTSxFQUFFLFVBQVU7b0JBQ2xCLE1BQU07b0JBQ04sV0FBVztvQkFDWCxTQUFTO29CQUNULE9BQU87b0JBQ1AsVUFBVTtvQkFDVixXQUFXO29CQUNYLEtBQUs7b0JBQ0wsSUFBSSxFQUFFLElBQUk7b0JBQ1YsZ0JBQWdCLEVBQUUsSUFBSTtvQkFDdEIsUUFBUSxFQUFFLE9BQU87b0JBQ2pCLFdBQVcsRUFBRSxPQUFPO29CQUNwQixZQUFZLEVBQUUsS0FBSztvQkFDbkIsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsYUFBYSxFQUFFLElBQUk7b0JBQ25CLFdBQVcsRUFBRSxDQUFDLGNBQWM7b0JBQzVCLFNBQVMsRUFBRSxJQUFJO29CQUNmLFNBQVMsRUFBRSxJQUFJO29CQUNmLFdBQVcsRUFBRSxZQUFZO2lCQUMxQixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2dCQUNoQixVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDbEI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsRUFDRCxDQUFDLEdBQUcsQ0FBQyxDQUNOLENBQUM7SUFFRixlQUFlO1FBQ2IsQ0FBQyxLQUFLO1FBQ04sa0JBQWtCLENBQUMsR0FBRyxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFFcEUsY0FBYyxJQUFJLDRCQUE0QixDQUFDLEdBQUcsRUFBRSxlQUFlLENBQUMsQ0FBQztJQUVyRSxPQUFPLENBQ0w7UUFDRSxvQkFBQyxlQUFlLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFbEUsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0IsSUFBQyxNQUFNLEVBQUUsRUFBRTtZQUM5QixvQkFBQyxXQUFXLE9BQUcsQ0FDTSxDQUN4QixDQUNBLENBQ0osQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=

package/dist/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.stories.js

@@ -23,4 +23,10 @@ storiesOf('Typescript Component/In Article/Football/Fixtures', module)
     const selComp = select('Competition', competitons, '8');
     return (React.createElement(OptaFootballFixturesTicker, { season: text('season', '2023'), competition: selComp, date_from: "", date_to: "", days_ahead: number('days ahead (of current day)', 100), days_before: number('days before (of current day)', 100), round: text('round(s)', '') }));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXNUaWNrZXIuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvZml4dHVyZXMtdGlja2VyL09wdGFGb290YmFsbEZpeHR1cmVzVGlja2VyLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXpFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFFLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLEdBQUc7SUFDSCxHQUFHO0lBQ0gsR0FBRztJQUNILEdBQUc7SUFDSCxHQUFHO0lBQ0gsR0FBRztJQUNILElBQUk7SUFDSixJQUFJO0lBQ0osSUFBSTtJQUNKLElBQUk7SUFDSixLQUFLO0lBQ0wsS0FBSztJQUNMLE1BQU07Q0FDUCxDQUFDO0FBRUYsU0FBUyxDQUFDLG1EQUFtRCxFQUFFLE1BQU0sQ0FBQztLQUNuRSxZQUFZLENBQUMsU0FBUyxDQUFDO0tBQ3ZCLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDeEQsT0FBTyxDQUNMLG9CQUFDLDBCQUEwQixJQUN6QixNQUFNLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsRUFDOUIsV0FBVyxFQUFFLE9BQU8sRUFDcEIsU0FBUyxFQUFDLEVBQUUsRUFDWixPQUFPLEVBQUMsRUFBRSxFQUNWLFVBQVUsRUFBRSxNQUFNLENBQUMsNkJBQTZCLEVBQUUsR0FBRyxDQUFDLEVBQ3RELFdBQVcsRUFBRSxNQUFNLENBQUMsOEJBQThCLEVBQUUsR0FBRyxDQUFDLEVBQ3hELEtBQUssRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUUsQ0FBQyxHQUMzQixDQUNILENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
+storiesOf('Typescript Component/In Article/Football/Fixtures', module)
+    .addDecorator(withKnobs)
+    .add('Fixtures Ticker dark mode and link', () => {
+    const selComp = select('Competition', competitons, '8');
+    return (React.createElement(OptaFootballFixturesTicker, { season: text('season', '2023'), competition: selComp, date_from: "", date_to: "", days_ahead: number('days ahead (of current day)', 100), days_before: number('days before (of current day)', 100), round: text('round(s)', ''), isDarkMode: true, fixturesPageUrl: "https://www.thetimes.co.uk/sport/football/euro-2024" }));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXNUaWNrZXIuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvZml4dHVyZXMtdGlja2VyL09wdGFGb290YmFsbEZpeHR1cmVzVGlja2VyLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXpFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFFLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLEdBQUc7SUFDSCxHQUFHO0lBQ0gsR0FBRztJQUNILEdBQUc7SUFDSCxHQUFHO0lBQ0gsR0FBRztJQUNILElBQUk7SUFDSixJQUFJO0lBQ0osSUFBSTtJQUNKLElBQUk7SUFDSixLQUFLO0lBQ0wsS0FBSztJQUNMLE1BQU07Q0FDUCxDQUFDO0FBRUYsU0FBUyxDQUFDLG1EQUFtRCxFQUFFLE1BQU0sQ0FBQztLQUNuRSxZQUFZLENBQUMsU0FBUyxDQUFDO0tBQ3ZCLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDeEQsT0FBTyxDQUNMLG9CQUFDLDBCQUEwQixJQUN6QixNQUFNLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsRUFDOUIsV0FBVyxFQUFFLE9BQU8sRUFDcEIsU0FBUyxFQUFDLEVBQUUsRUFDWixPQUFPLEVBQUMsRUFBRSxFQUNWLFVBQVUsRUFBRSxNQUFNLENBQUMsNkJBQTZCLEVBQUUsR0FBRyxDQUFDLEVBQ3RELFdBQVcsRUFBRSxNQUFNLENBQUMsOEJBQThCLEVBQUUsR0FBRyxDQUFDLEVBQ3hELEtBQUssRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUUsQ0FBQyxHQUMzQixDQUNILENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQztBQUVMLFNBQVMsQ0FBQyxtREFBbUQsRUFBRSxNQUFNLENBQUM7S0FDbkUsWUFBWSxDQUFDLFNBQVMsQ0FBQztLQUN2QixHQUFHLENBQUMsb0NBQW9DLEVBQUUsR0FBRyxFQUFFO0lBQzlDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxhQUFhLEVBQUUsV0FBVyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ3hELE9BQU8sQ0FDTCxvQkFBQywwQkFBMEIsSUFDekIsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQzlCLFdBQVcsRUFBRSxPQUFPLEVBQ3BCLFNBQVMsRUFBQyxFQUFFLEVBQ1osT0FBTyxFQUFDLEVBQUUsRUFDVixVQUFVLEVBQUUsTUFBTSxDQUFDLDZCQUE2QixFQUFFLEdBQUcsQ0FBQyxFQUN0RCxXQUFXLEVBQUUsTUFBTSxDQUFDLDhCQUE4QixFQUFFLEdBQUcsQ0FBQyxFQUN4RCxLQUFLLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsRUFDM0IsVUFBVSxFQUFFLElBQUksRUFDaEIsZUFBZSxFQUFDLHFEQUFxRCxHQUNyRSxDQUNILENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9

package/dist/components/opta/football/fixtures-ticker/__tests__/OptaFootballFixturesTicker.test.js

@@ -8,6 +8,7 @@ const mockInitSettings = jest.fn();
 const mockInitStyleSheet = jest.fn();
 const mockInitComponent = jest.fn();
 const mockIsNationalComp = jest.fn();
+const mockUseFixturePageLink = jest.fn();
 const mockUseUpdateNationalTeamDetails = jest.fn();
 const mockInitElement = () => {
     const element = document.createElement('div');
@@ -24,6 +25,9 @@ jest.mock('../../../utils/config', () => ({
 jest.mock('../../../utils/replaceNationalTeamDetails', () => ({
     isNationalCompetition: mockIsNationalComp
 }));
+jest.mock('../../../utils/useFixturePageLink', () => ({
+    useFixturePageLink: mockUseFixturePageLink
+}));
 jest.mock('../../../utils/useUpdateNationalTeamDetails', () => ({
     useUpdateNationalTeamDetails: mockUseUpdateNationalTeamDetails
 }));
@@ -64,5 +68,29 @@ describe('OptaFootballFixturesTicker without flags', () => {
         expect(mockUseUpdateNationalTeamDetails).toHaveBeenCalled();
         expect(asFragment()).toMatchSnapshot();
     });
+    it('should render correctly with isApp property', async () => {
+        isNationalCompetition.mockReturnValue(true);
+        const { asFragment, getByText } = render(React.createElement(OptaFootballFixturesTicker, { season: "2023", competition: "3", isApp: true }));
+        expect(asFragment()).toMatchSnapshot();
+        await waitForElementToBeRemoved(getByText('Placeholder'));
+        expect(mockInitSettings).toHaveBeenCalled();
+        expect(mockInitStyleSheet).toHaveBeenCalled();
+        expect(mockInitComponent).toHaveBeenCalled();
+        expect(mockUseFixturePageLink).not.toHaveBeenCalled();
+        expect(mockUseUpdateNationalTeamDetails).toHaveBeenCalled();
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render correctly with fixturesPageUrl, isDarkMode properties', async () => {
+        isNationalCompetition.mockReturnValue(true);
+        const { asFragment, getByText } = render(React.createElement(OptaFootballFixturesTicker, { season: "2023", competition: "3", isDarkMode: true, fixturesPageUrl: 'https://www.thetimes.co.uk/sport/football/euro-2024' }));
+        expect(asFragment()).toMatchSnapshot();
+        await waitForElementToBeRemoved(getByText('Placeholder'));
+        expect(mockInitSettings).toHaveBeenCalled();
+        expect(mockInitStyleSheet).toHaveBeenCalled();
+        expect(mockInitComponent).toHaveBeenCalled();
+        expect(mockUseFixturePageLink).toHaveBeenCalled();
+        expect(mockUseUpdateNationalTeamDetails).toHaveBeenCalled();
+        expect(asFragment()).toMatchSnapshot();
+    });
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXNUaWNrZXIudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvZml4dHVyZXMtdGlja2VyL19fdGVzdHNfXy9PcHRhRm9vdGJhbGxGaXh0dXJlc1RpY2tlci50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzNFLE9BQU8sMkJBQTJCLENBQUM7QUFFbkMsSUFBSSxDQUFDLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQzFDLFdBQVcsRUFBRSxHQUFHLEVBQUUsQ0FBQyx3REFBZ0I7Q0FDcEMsQ0FBQyxDQUFDLENBQUM7QUFFSixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNuQyxNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNyQyxNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNwQyxNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNyQyxNQUFNLGdDQUFnQyxHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUVuRCxNQUFNLGVBQWUsR0FBRyxHQUFHLEVBQUU7SUFDM0IsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QyxPQUFPLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUN2RCxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDLENBQUM7QUFFRixJQUFJLENBQUMsSUFBSSxDQUFDLHVC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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUZvb3RiYWxsRml4dHVyZXNUaWNrZXIudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvZml4dHVyZXMtdGlja2VyL19fdGVzdHNfXy9PcHRhRm9vdGJhbGxGaXh0dXJlc1RpY2tlci50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzNFLE9BQU8sMkJBQTJCLENBQUM7QUFFbkMsSUFBSSxDQUFDLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQzFDLFdBQVcsRUFBRSxHQUFHLEVBQUUsQ0FBQyx3REFBZ0I7Q0FDcEMsQ0FBQyxDQUFDLENBQUM7QUFFSixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNuQyxNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNyQyxNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNwQyxNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNyQyxNQUFNLHNCQUFzQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUN6QyxNQUFNLGdDQUFnQyxHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUVuRCxNQUFNLGVBQWUsR0FBRyxHQUFHLEVBQUU7SUFDM0IsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QyxPQUFPLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUN2RCxPQUFPLE9BQU8s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

package/dist/components/opta/football/fixtures-ticker/styles.d.ts

@@ -1,2 +1,5 @@
 export declare const WidgetContainerOverride: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const WidgetContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WidgetContainer: import("styled-components").StyledComponent<"div", any, {
+    isApp?: boolean | undefined;
+    isDarkMode?: boolean | undefined;
+}, never>;

package/dist/components/opta/football/fixtures-ticker/styles.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { breakpoints, colours, fonts } from '@times-components/ts-styleguide';
 import { WidgetContainerBase } from '../shared-styles';
 export const WidgetContainerOverride = styled(WidgetContainerBase) `
@@ -57,8 +57,10 @@ export const WidgetContainer = styled(WidgetContainerBase) `
         transition: all 0.3s linear 0s;
         background-image: linear-gradient(
           -90deg,
-          rgba(255, 255, 255, 0) 0%,
-          rgb(255, 255, 255) 100%
+          ${({ isDarkMode }) => isDarkMode ? 'rgba(0, 0, 0, 0)' : 'rgba(255, 255, 255, 0)'}
+            0%,
+          ${({ isDarkMode }) => isDarkMode ? 'rgb(0, 0, 0)' : 'rgb(255, 255, 255)'}
+            100%
         );
         width: 64px;
         height: 100%;
@@ -71,26 +73,64 @@ export const WidgetContainer = styled(WidgetContainerBase) `
         transform: rotate(180deg);
       }
     }
+  }
+  @media (max-width: ${breakpoints.small}px) {
+    .Opta-Scroller {
+      display: ${({ isApp }) => (isApp ? 'block' : 'none')} !important;
+    }
+  }
 
-    .Opta-Window {
-      left: 0 !important;
-      right: 0 !important;
+  ${({ isApp }) => !isApp &&
+    css `
+      @media (max-width: ${breakpoints.small}px) {
+        .Opta-Window {
+          left: 0 !important;
+          right: 0 !important;
+        }
+      }
+    `} .fixtures-page-link.Opta-fixture {
+    width: 85px !important;
+    padding: 10px 8px;
+    border: 1px solid ${({ isDarkMode }) => (isDarkMode ? 'white' : 'black')};
+    background-color: transparent;
+    a {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      flex-direction: column;
+      height: 100%;
+      span {
+        color: ${({ isDarkMode }) => isDarkMode ? 'white' : 'black'}!important;
+        font-size: 12px;
+        font-weight: 700 !important;
+        display: block;
+      }
+      svg {
+        rect {
+          font-weight: 700 !important;
+        }
+      }
     }
   }
 
+  .Opta-Cf.Opta-Scroll.Opta-Active {
+    background-color: ${({ isDarkMode }) => isDarkMode ? 'black' : 'white'}!important;
+  }
+
   .Opta-Scroller {
-    background-color: white !important;
-    border: 1px solid #999 !important;
+    background-color: ${({ isDarkMode }) => isDarkMode ? 'black' : 'white'}!important;
+    border: 1px solid ${({ isDarkMode }) => (isDarkMode ? 'white' : '#999')};
+    border-radius: 2px;
     border-radius: 2px;
     box-sizing: border-box;
     padding: 39px 0 !important;
     width: 28px !important;
 
     &:hover {
-      background-color: #f5f5f5 !important;
+      background-color: ${({ isDarkMode }) => isDarkMode ? '#303030' : '#f5f5f5'}!important;
     }
     &:active {
-      background-color: #eee !important;
+      background-color: ${({ isDarkMode }) => isDarkMode ? '#4f4f4f' : '#eee'}!important;
     }
 
     &::after {
@@ -99,7 +139,7 @@ export const WidgetContainer = styled(WidgetContainerBase) `
         no-repeat !important;
       background-size: 210px 186px !important;
       background-position-x: -180px !important;
-      background-position-y: -19px !important;
+      background-position-y: ${({ isDarkMode }) => isDarkMode ? '-57px' : '-19px'}!important;
       height: 16px !important;
       width: 16px !important;
       top: calc(50% - 8px) !important;
@@ -113,9 +153,6 @@ export const WidgetContainer = styled(WidgetContainerBase) `
       transform: rotate(90deg) translateX(2px);
     }
 
-    @media (max-width: ${breakpoints.small}px) {
-      display: none !important;
-    }
     @media (max-width: ${breakpoints.medium}px) {
       width: 18px !important;
     }
@@ -403,4 +440,4 @@ export const WidgetContainer = styled(WidgetContainerBase) `
     }
   }
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9maXh0dXJlcy10aWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTlFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXZELE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7NkJBZXJDLEtBQUssQ0FBQyxRQUFROzs7Ozs7Ozs7bUNBU1IsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7Q0FVcEQsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQTs7Ozs7Ozs7Ozt1QkFVbkMsV0FBVyxDQUFDLEtBQUs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7eUJBbUVmLFdBQVcsQ0FBQyxLQUFLOzs7eUJBR2pCLFdBQVcsQ0FBQyxNQUFNOzs7eUJBR2xCLFdBQVcsQ0FBQyxJQUFJOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Z0NBOEVULE9BQU8sQ0FBQyxVQUFVLENBQUMsbUJBQW1COzs7Ozt1QkFLL0MsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXOzZCQUN4QixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Ozs7OzttQ0FhVixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7aUNBV3BCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7O3VCQU81QixPQUFPLENBQUMsVUFBVSxDQUFDLFdBQVc7NkJBQ3hCLEtBQUssQ0FBQyxRQUFROzs7Ozs7Ozt5QkFRbEIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLOytCQUNmLEtBQUssQ0FBQyxVQUFVOzs7Ozs7OztxQ0FRVixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7O3FDQWtCbEIsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7cUNBeUJsQixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztxQ0ErQmxCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7bUNBTXBCLFdBQVcsQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7dUJBWTlCLE9BQU8sQ0FBQyxVQUFVLENBQUMsT0FBTzs2QkFDcEIsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2lDQWdDWixPQUFPLENBQUMsVUFBVSxDQUFDLE9BQU87dUNBQ3BCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7OzttQ0FXcEIsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLOzs7Ozs7Ozs7Ozs7O0NBYXZELENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9maXh0dXJlcy10aWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDaEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFOUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFdkQsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs2QkFlckMsS0FBSyxDQUFDLFFBQVE7Ozs7Ozs7OzttQ0FTUixXQUFXLENBQUMsTUFBTTs7Ozs7Ozs7OztDQVVwRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUd4RDs7Ozs7Ozs7Ozt1QkFVcUIsV0FBVyxDQUFDLEtBQUs7Ozs7Ozs7Ozs7O1lBVzVCLENBQUMsRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLENBQ2pCLFVBQVUsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLHdCQUF3Qjs7WUFFNUQsQ0FBQyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsQ0FDakIsVUFBVSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLG9CQUFvQjs7Ozs7Ozs7Ozs7Ozs7O3VCQWV6QyxXQUFXLENBQUMsS0FBSzs7aUJBRXZCLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDOzs7O0lBSXRELENBQUMsRUFBRSxLQUFLLEVB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

package/dist/components/opta/football/player-stats/OptaFootballPlayerStats.js

@@ -31,7 +31,7 @@ export const OptaFootballPlayerStats = React.memo(({ season, competition, full_w
                     show_crests: true,
                     show_title,
                     date_format: 'DD/MM/YYYY',
-                    breakpoints: '300'
+                    breakpoints: '200'
                 }).outerHTML;
                 initComponent();
                 setIsReady(true);

package/dist/components/opta/utils/__tests__/addFixturesPageLink.test.d.ts

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

package/dist/components/opta/utils/__tests__/addFixturesPageLink.test.js

@@ -0,0 +1,36 @@
+import '@testing-library/jest-dom';
+import * as addFixturesPageLinkModule from '../addFixturesPageLink';
+const mockAddFixturesPageLink = () => {
+    const mockDomContainer = document.createElement('div');
+    const mockDomWrapper = document.createElement('div');
+    mockDomWrapper.classList.add('Opta-Room');
+    const mockDomElement = document.createElement('div');
+    const mockDomElement2 = document.createElement('div');
+    const mockDomElement3 = document.createElement('div');
+    mockDomElement.innerText = 'Portugal';
+    mockDomElement.classList.add('Opta-TeamName');
+    mockDomElement2.innerText = 'Spain';
+    mockDomElement2.classList.add('Opta-TeamName');
+    mockDomElement3.innerText = 'Third Place Group A/B/C';
+    mockDomElement3.classList.add('Opta-TeamName');
+    mockDomWrapper.append(mockDomElement);
+    mockDomWrapper.append(mockDomElement2);
+    mockDomWrapper.append(mockDomElement3);
+    mockDomContainer.append(mockDomWrapper);
+    return mockDomContainer;
+};
+describe('addFixturesPageLink', () => {
+    jest.spyOn(addFixturesPageLinkModule, 'addFixturesPageLink');
+    it.only('should add link at the end of a list when valid elements are passed', async () => {
+        jest.useFakeTimers();
+        const container = mockAddFixturesPageLink();
+        const element = container.querySelector('.Opta-Room');
+        await addFixturesPageLinkModule.addFixturesPageLink(element, 'https://www.thetimes.co.uk/sport/football/euro-2024');
+        expect(addFixturesPageLinkModule.addFixturesPageLink).toHaveBeenCalledWith(element, 'https://www.thetimes.co.uk/sport/football/euro-2024');
+        jest.advanceTimersByTime(3000);
+        const anchorElement = element.querySelector('a');
+        expect(anchorElement).toBeInstanceOf(HTMLAnchorElement);
+        expect(anchorElement.querySelector('span').textContent).toBe('Full Fixtures & Results');
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkRml4dHVyZXNQYWdlTGluay50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS91dGlscy9fX3Rlc3RzX18vYWRkRml4dHVyZXNQYWdlTGluay50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sS0FBSyx5QkFBeUIsTUFBTSx3QkFBd0IsQ0FBQztBQUVwRSxNQUFNLHVCQUF1QixHQUFHLEdBQUcsRUFBRTtJQUNuQyxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFdkQsTUFBTSxjQUFjLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyRCxjQUFjLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUUxQyxNQUFNLGNBQWMsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JELE1BQU0sZUFBZSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEQsTUFBTSxlQUFlLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0RCxjQUFjLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQztJQUN0QyxjQUFjLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUU5QyxlQUFlLENBQUMsU0FBUyxHQUFHLE9BQU8sQ0FBQztJQUNwQyxlQUFlLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUUvQyxlQUFlLENBQUMsU0FBUyxHQUFHLHlCQUF5QixDQUFDO0lBQ3RELGVBQWUsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBRS9DLGNBQWMsQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDdEMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUN2QyxjQUFjLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3ZDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUV4QyxPQUFPLGdCQUFnQixDQUFDO0FBQzFCLENBQUMsQ0FBQztBQUVGLFFBQVEsQ0FBQyxxQkFBcUIsRUFBRSxHQUFHLEVBQUU7SUFDbkMsSUFBSSxDQUFDLEtBQUssQ0FBQyx5QkFBeUIsRUFBRSxxQkFBcUIsQ0FBQyxDQUFDO0lBRTdELEVBQUUsQ0FBQyxJQUFJLENBQUMscUVBQXFFLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDeEYsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3JCLE1BQU0sU0FBUyxHQUFHLHVCQUF1QixFQUFFLENBQUM7UUFDNUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQVksQ0FBQztRQUNqRSxNQUFNLHlCQUF5QixDQUFDLG1CQUFtQixDQUNqRCxPQUFPLEVBQ1AscURBQXFELENBQ3RELENBQUM7UUFFRixNQUFNLENBQUMseUJBQXlCLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxvQkFBb0IsQ0FDeEUsT0FBTyxFQUNQLHFEQUFxRCxDQUN0RCxDQUFDO1FBQ0YsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBQy9CLE1BQU0sYUFBYSxHQUFHLE9BQU8sQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFzQixDQUFDO1FBQ3RFLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxjQUFjLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUN4RCxNQUFNLENBQ0gsYUFBYSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQWlCLENBQUMsV0FBVyxDQUNqRSxDQUFDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO0lBQ3BDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/components/opta/utils/__tests__/useFixturePageLink.test.d.ts

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

package/dist/components/opta/utils/__tests__/useFixturePageLink.test.js

@@ -0,0 +1,84 @@
+import { render, waitFor } from '@testing-library/react';
+import * as useFixturePageLinkFn from '../useFixturePageLink';
+import * as addFixturesPageLinkModule from '../addFixturesPageLink';
+import React from 'react';
+const classNameForFixtures = 'Opta-Room';
+const fixturesPageUrl = 'https://www.thetimes.co.uk/sport/football/euro-2024';
+describe('getAndAddFixturesPageLink', () => {
+    jest.spyOn(addFixturesPageLinkModule, 'addFixturesPageLink');
+    jest.spyOn(useFixturePageLinkFn, 'useFixturePageLink');
+    beforeEach(() => {
+        document.body.innerHTML = '';
+        jest.clearAllMocks();
+    });
+    it('should call addFixturesPageLink if Opta-Room exists and fixturesPageUrlElement does not exist', () => {
+        document.body.innerHTML = `<div class='${classNameForFixtures}'</div>`;
+        expect(useFixturePageLinkFn.getAndAddFixturesPageLink(classNameForFixtures, fixturesPageUrl, false)).toBe(true);
+        expect(addFixturesPageLinkModule.addFixturesPageLink).toHaveBeenCalledWith(expect.any(HTMLElement), fixturesPageUrl, false);
+    });
+    it('should not call addFixturesPageLink if Opta-Room does not exist', () => {
+        document.body.innerHTML = '';
+        expect(useFixturePageLinkFn.getAndAddFixturesPageLink(classNameForFixtures, fixturesPageUrl, false)).toBe(false);
+        expect(addFixturesPageLinkModule.addFixturesPageLink).not.toHaveBeenCalled();
+    });
+    it('should not call addFixturesPageLink if fixturesPageUrlElement exists', () => {
+        document.body.innerHTML = `<div class=${classNameForFixtures}></div><div class="fixtures-page-link"></div>`;
+        expect(useFixturePageLinkFn.getAndAddFixturesPageLink(classNameForFixtures, fixturesPageUrl, false)).toBe(false);
+        expect(addFixturesPageLinkModule.addFixturesPageLink).not.toHaveBeenCalled();
+    });
+    it('should call addFixturesPageLink if fixturesPageUrlElement does not exist but Opta-Room does', () => {
+        document.body.innerHTML = `<div class=${classNameForFixtures}></div></div>`;
+        expect(useFixturePageLinkFn.getAndAddFixturesPageLink(classNameForFixtures, fixturesPageUrl, false)).toBe(true);
+        expect(addFixturesPageLinkModule.addFixturesPageLink).toHaveBeenCalled();
+    });
+});
+describe('useFixturePageLink', () => {
+    let ref;
+    jest.spyOn(addFixturesPageLinkModule, 'addFixturesPageLink');
+    jest.spyOn(useFixturePageLinkFn, 'useFixturePageLink');
+    beforeEach(() => {
+        document.body.innerHTML = '';
+        jest.clearAllMocks();
+        ref = { current: document.createElement('div') };
+    });
+    const TestComponent = ({ container, isDarkMode, pageUrl }) => {
+        useFixturePageLinkFn.useFixturePageLink(ref, container, isDarkMode, pageUrl);
+        return (React.createElement("div", { ref: ref },
+            React.createElement("div", { className: container })));
+    };
+    it('should call getAndAddFixturesPageLink on mount', () => {
+        render(React.createElement(TestComponent, { container: classNameForFixtures, pageUrl: fixturesPageUrl, isDarkMode: false }));
+        jest.advanceTimersByTime(3000);
+        expect(addFixturesPageLinkModule.addFixturesPageLink).toHaveBeenCalled();
+    });
+    it('should have link appended to the end', async () => {
+        render(React.createElement(TestComponent, { container: classNameForFixtures, pageUrl: fixturesPageUrl, isDarkMode: false }));
+        jest.advanceTimersByTime(3000);
+        await waitFor(() => {
+            const elements = document.getElementsByClassName(classNameForFixtures);
+            expect(elements.length).toBe(1);
+            const transformedElements = Array.from(elements);
+            const appendedLink = transformedElements[transformedElements.length - 1].querySelector('.fixtures-page-link a');
+            expect(appendedLink).toBeInstanceOf(HTMLAnchorElement);
+            expect(appendedLink.href).toBe(fixturesPageUrl);
+            expect(appendedLink.querySelector('span').textContent).toBe('Full Fixtures & Results');
+        });
+    });
+    it('should retry adding fixture link inside setInterval', () => {
+        const TestComponentMaxRetries = ({ container, isDarkMode, pageUrl }) => {
+            useFixturePageLinkFn.useFixturePageLink(ref, container, isDarkMode, pageUrl);
+            return React.createElement("div", { ref: ref });
+        };
+        jest
+            .spyOn(useFixturePageLinkFn, 'getAndAddFixturesPageLink')
+            .mockReturnValue(false);
+        jest.useFakeTimers();
+        jest.spyOn(global, 'setInterval');
+        render(React.createElement(TestComponentMaxRetries, { container: "DummyClass", pageUrl: fixturesPageUrl, isDarkMode: false }));
+        expect(setInterval).toHaveBeenCalledTimes(1);
+        jest.advanceTimersByTime(6000);
+        expect(useFixturePageLinkFn.getAndAddFixturesPageLink).toHaveBeenCalledTimes(31); // 1 initial + 30 retries
+        jest.useRealTimers();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlRml4dHVyZVBhZ2VMaW5rLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL3V0aWxzL19fdGVzdHNfXy91c2VGaXh0dXJlUGFnZUxpbmsudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV6RCxPQUFPLEtBQUssb0JBQW9CLE1BQU0sdUJBQXVCLENBQUM7QUFDOUQsT0FBTyxLQUFLLHlCQUF5QixNQUFNLHdCQUF3QixDQUFDO0FBQ3BFLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixNQUFNLG9CQUFvQixHQUFHLFdBQVcsQ0FBQztBQUN6QyxNQUFNLGVBQWUsR0FBRyxxREFBcUQsQ0FBQztBQUU5RSxRQUFRLENBQUMsMkJBQTJCLEVBQUUsR0FBRyxFQUFFO0lBQ3pDLElBQUksQ0FBQyxLQUFLLENBQUMseUJBQXlCLEVBQUUscUJBQXFCLENBQUMsQ0FBQztJQUM3RCxJQUFJLENBQUMsS0FBSyxDQUFDLG9CQUFvQixFQUFFLG9CQUFvQixDQUFDLENBQUM7SUFFdkQsVUFBVSxDQUFDLEdBQUcsRUFBRTtRQUNkLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsK0ZBQStGLEVBQUUsR0FBRyxFQUFFO1FBQ3ZHLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLGVBQWUsb0JBQW9CLFNBQVMsQ0FBQztRQUN2RSxNQUFNLENBQ0osb0JBQW9CLENBQUMseUJBQXlCLENBQzVDLG9CQUFvQixFQUNwQixlQUFlLEVBQ2YsS0FBSyxDQUNOLENBQ0YsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDYixNQUFNLENBQUMs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

package/dist/components/opta/utils/addFixturesPageLink.d.ts

@@ -0,0 +1 @@
+export declare const addFixturesPageLink: (element: Element, pageUrl?: string, isDarkMode?: boolean) => void;

package/dist/components/opta/utils/addFixturesPageLink.js

@@ -0,0 +1,25 @@
+const CircleArrow = (isDarkMode) => {
+    const svgFill = isDarkMode ? 'black' : 'white';
+    const svgStroke = isDarkMode ? 'white' : '#01000D';
+    return `<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.859375" y="0.5" width="23" height="23" rx="11.5" fill="${svgFill}"/>
+<rect x="0.859375" y="0.5" width="23" height="23" rx="11.5" stroke="${svgStroke}"/>
+<path d="M15.7734 11.5254C15.7702 11.6263 15.7507 11.7191 15.7148 11.8037C15.6758 11.8883 15.6172 11.9697 15.5391 12.0479L11.7793 15.7246C11.6556 15.8483 11.5042 15.9102 11.3252 15.9102C11.2015 15.9102 11.0908 15.8809 10.9932 15.8223C10.8923 15.7637 10.8125 15.6839 10.7539 15.583C10.6921 15.4854 10.6611 15.3763 10.6611 15.2559C10.6611 15.0736 10.7295 14.9141 10.8662 14.7773L14.2109 11.5254L10.8662 8.27344C10.7295 8.13346 10.6611 7.97396 10.6611 7.79492C10.6611 7.67122 10.6921 7.56055 10.7539 7.46289C10.8125 7.36523 10.8923 7.28711 10.9932 7.22852C11.0908 7.16992 11.2015 7.14062 11.3252 7.14062C11.5042 7.14062 11.6556 7.20247 11.7793 7.32617L15.5391 11.0029C15.6204 11.0811 15.6807 11.1624 15.7197 11.2471C15.7555 11.335 15.7734 11.4277 15.7734 11.5254Z" fill=${svgStroke} />
+</svg>`;
+};
+export const addFixturesPageLink = (element, pageUrl = '', isDarkMode = false) => {
+    const fixturesPageUrlWrapper = Object.assign(document.createElement('div'), {
+        className: 'fixtures-page-link Opta-fixture'
+    });
+    const link = Object.assign(document.createElement('a'), {
+        href: pageUrl
+    });
+    const linkText = Object.assign(document.createElement('span'), {
+        textContent: 'Full Fixtures & Results'
+    });
+    link.appendChild(linkText);
+    link.insertAdjacentHTML('beforeend', CircleArrow(isDarkMode));
+    fixturesPageUrlWrapper.appendChild(link);
+    element.appendChild(fixturesPageUrlWrapper);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkRml4dHVyZXNQYWdlTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvdXRpbHMvYWRkRml4dHVyZXNQYWdlTGluay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLFdBQVcsR0FBRyxDQUFDLFVBQW1CLEVBQUUsRUFBRTtJQUMxQyxNQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO0lBQy9DLE1BQU0sU0FBUyxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDbkQsT0FBTztvRUFDMkQsT0FBTztzRUFDTCxTQUFTO2l3QkFDa3JCLFNBQVM7T0FDbndCLENBQUM7QUFDUixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUNqQyxPQUFnQixFQUNoQixVQUFrQixFQUFFLEVBQ3BCLGFBQXNCLEtBQUssRUFDM0IsRUFBRTtJQUNGLE1BQU0sc0JBQXNCLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQzFFLFNBQVMsRUFBRSxpQ0FBaUM7S0FDN0MsQ0FBQyxDQUFDO0lBRUgsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxFQUFFO1FBQ3RELElBQUksRUFBRSxPQUFPO0tBQ2QsQ0FBQyxDQUFDO0lBRUgsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1FBQzdELFdBQVcsRUFBRSx5QkFBeUI7S0FDdkMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzQixJQUFJLENBQUMsa0JBQWtCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBRTlELHNCQUFzQixDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6QyxPQUFPLENBQUMsV0FBVyxDQUFDLHNCQUFzQixDQUFDLENBQUM7QUFDOUMsQ0FBQyxDQUFDIn0=

package/dist/components/opta/utils/useFixturePageLink.d.ts

@@ -0,0 +1,2 @@
+export declare const getAndAddFixturesPageLink: (container: string, fixturesPageUrl: string, isDarkMode: boolean) => boolean;
+export declare const useFixturePageLink: (ref: React.RefObject<HTMLDivElement>, container: string, isDarkMode: boolean | undefined, fixturesPageUrl: string) => void;

package/dist/components/opta/utils/useFixturePageLink.js

@@ -0,0 +1,36 @@
+import { useEffect } from 'react';
+import { addFixturesPageLink } from './addFixturesPageLink';
+export const getAndAddFixturesPageLink = (container, fixturesPageUrl, isDarkMode) => {
+    const OptaRoom = document.querySelector(`.${container}`);
+    const fixturesPageUrlElement = document.querySelector('.fixtures-page-link');
+    if (OptaRoom && !fixturesPageUrlElement) {
+        addFixturesPageLink(OptaRoom, fixturesPageUrl, isDarkMode);
+        return true;
+    }
+    return false;
+};
+export const useFixturePageLink = (ref, container, isDarkMode = false, fixturesPageUrl) => {
+    useEffect(() => {
+        let addFixtureLink = getAndAddFixturesPageLink(container, fixturesPageUrl, isDarkMode);
+        let setFixtureLink;
+        if (!addFixtureLink) {
+            let count = 0;
+            setFixtureLink = setInterval(() => {
+                if (count >= 30) {
+                    clearInterval(setFixtureLink);
+                }
+                count++;
+                addFixtureLink = getAndAddFixturesPageLink(container, fixturesPageUrl, isDarkMode);
+                if (addFixtureLink) {
+                    clearInterval(setFixtureLink);
+                }
+            }, 200);
+        }
+        return () => {
+            if (setFixtureLink) {
+                clearInterval(setFixtureLink);
+            }
+        };
+    }, [ref, container, fixturesPageUrl, isDarkMode]);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlRml4dHVyZVBhZ2VMaW5rLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS91dGlscy91c2VGaXh0dXJlUGFnZUxpbmsudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNsQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU1RCxNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBRyxDQUN2QyxTQUFpQixFQUNqQixlQUF1QixFQUN2QixVQUFtQixFQUNWLEVBQUU7SUFDWCxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksU0FBUyxFQUFFLENBQUMsQ0FBQztJQUN6RCxNQUFNLHNCQUFzQixHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMscUJBQXFCLENBQUMsQ0FBQztJQUM3RSxJQUFJLFFBQVEsSUFBSSxDQUFDLHNCQUFzQixFQUFFO1FBQ3ZDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxlQUFlLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDM0QsT0FBTyxJQUFJLENBQUM7S0FDYjtJQUNELE9BQU8sS0FBSyxDQUFDO0FBQ2YsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsQ0FDaEMsR0FBb0MsRUFDcEMsU0FBaUIsRUFDakIsYUFBc0IsS0FBSyxFQUMzQixlQUF1QixFQUNqQixFQUFFO0lBQ1IsU0FBUyxDQUNQLEdBQUcsRUFBRTtRQUNILElBQUksY0FBYyxHQUFHLHlCQUF5QixDQUM1QyxTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsQ0FDWCxDQUFDO1FBQ0YsSUFBSSxjQUEwQyxDQUFDO1FBQy9DLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbkIsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO1lBQ2QsY0FBYyxHQUFHLFdBQVcsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2hDLElBQUksS0FBSyxJQUFJLEVBQUUsRUFBRTtvQkFDZixhQUFhLENBQUMsY0FBYyxDQUFDLENBQUM7aUJBQy9CO2dCQUNELEtBQUssRUFBRSxDQUFDO2dCQUNSLGNBQWMsR0FBRyx5QkFBeUIsQ0FDeEMsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLENBQ1gsQ0FBQztnQkFDRixJQUFJLGNBQWMsRUFBRTtvQkFDbEIsYUFBYSxDQUFDLGNBQWMsQ0FBQyxDQUFDO2lCQUMvQjtZQUNILENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztTQUNUO1FBQ0QsT0FBTyxHQUFHLEVBQUU7WUFDVixJQUFJLGNBQWMsRUFBRTtnQkFDbEIsYUFBYSxDQUFDLGNBQWMsQ0FBQyxDQUFDO2FBQy9CO1FBQ0gsQ0FBQyxDQUFDO0lBQ0osQ0FBQyxFQUNELENBQUMsR0FBRyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsVUFBVSxDQUFDLENBQzlDLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/ts-components",
-  "version": "1.89.1-alpha.6+31404ad67f",
+  "version": "1.90.0",
   "description": "Reuseable Typescript React Components ",
   "main": "dist/index.js",
   "dev": "dist/index.js",
@@ -50,17 +50,17 @@
     "node": ">=8.9"
   },
   "dependencies": {
-    "@times-components/button": "^2.10.51",
-    "@times-components/date-publication": "^0.30.24",
-    "@times-components/icons": "^2.22.2",
-    "@times-components/image": "^6.17.11",
-    "@times-components/link": "^3.17.24",
-    "@times-components/provider": "^1.40.25",
-    "@times-components/provider-queries": "^2.21.1",
-    "@times-components/related-articles": "^6.17.65-alpha.6+31404ad67f",
-    "@times-components/ts-slices": "^1.9.12",
-    "@times-components/ts-styleguide": "^1.50.24",
-    "@times-components/utils": "^6.21.0",
+    "@times-components/button": "2.10.52",
+    "@times-components/date-publication": "0.30.25",
+    "@times-components/icons": "2.22.3",
+    "@times-components/image": "6.17.12",
+    "@times-components/link": "3.17.25",
+    "@times-components/provider": "1.40.26",
+    "@times-components/provider-queries": "2.21.1",
+    "@times-components/related-articles": "6.17.65",
+    "@times-components/ts-slices": "1.9.13",
+    "@times-components/ts-styleguide": "1.50.25",
+    "@times-components/utils": "6.22.0",
     "algoliasearch": "4.9.0",
     "date-fns": "2.28.0",
     "date-fns-tz": "1.3.3",
@@ -82,9 +82,9 @@
     "@storybook/react": "6.5.16",
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^12.1.2",
-    "@times-components/provider-test-tools": "^1.29.3",
-    "@times-components/storybook": "^4.12.24",
-    "@times-components/test-utils": "^2.4.2",
+    "@times-components/provider-test-tools": "1.29.3",
+    "@times-components/storybook": "4.12.25",
+    "@times-components/test-utils": "2.4.2",
     "@types/lodash.get": "4.4.6",
     "@types/lodash.keyby": "4.6.6",
     "@types/lodash.merge": "4.6.2",
@@ -115,5 +115,5 @@
       "@testing-library/jest-dom/extend-expect"
     ]
   },
-  "gitHead": "31404ad67fd7ca0495be98f6b9351d1259069a16"
+  "gitHead": "75abacaec75835509149ca5cb458f4a393a6812a"
 }