@times-components/ts-components 1.35.3 → 1.36.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.36.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.35.5...@times-components/ts-components@1.36.0) (2022-05-25)
+
+
+### Features
+
+* **TDP-1942:** Integrate Times Components to NewsKit API ([#2946](https://github.com/newsuk/times-components/issues/2946)) ([53ab6f0](https://github.com/newsuk/times-components/commit/53ab6f00849da0dfd4256dce7d5feae5154cafd9)), closes [#2939](https://github.com/newsuk/times-components/issues/2939) [#2941](https://github.com/newsuk/times-components/issues/2941) [#2943](https://github.com/newsuk/times-components/issues/2943) [#2944](https://github.com/newsuk/times-components/issues/2944)
+
+
+
+
+
+## [1.35.5](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.35.4...@times-components/ts-components@1.35.5) (2022-05-16)
+
+**Note:** Version bump only for package @times-components/ts-components
+
+
+
+
+
+## [1.35.4](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.35.3...@times-components/ts-components@1.35.4) (2022-05-12)
+
+**Note:** Version bump only for package @times-components/ts-components
+
+
+
+
+
 ## [1.35.3](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.35.2...@times-components/ts-components@1.35.3) (2022-05-12)
 
 **Note:** Version bump only for package @times-components/ts-components

package/dist/components/recommended-articles/RecommendedArticles.d.ts

@@ -0,0 +1,7 @@
+declare type RecommendedArticlesProps = {
+    articleId: string;
+    section: string;
+    analyticsStream?: (evt: any) => void;
+};
+export declare const RecommendedArticles: ({ articleId, section, analyticsStream }: RecommendedArticlesProps) => JSX.Element;
+export {};

package/dist/components/recommended-articles/RecommendedArticles.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import RelatedArticles from '@times-components/related-articles';
+import { GetRecommendedArticles } from '@times-components/provider';
+import { Placeholder } from '@times-components/image';
+export const RecommendedArticles = ({ articleId, section, analyticsStream }) => {
+    return (React.createElement(GetRecommendedArticles, { publisher: 'TIMES', recomArgs: { userId: '1234', articleId }, ssr: false, debounceTimeMs: 0 }, ({ isLoading, error, recommendations }) => {
+        if (error) {
+            return null;
+        }
+        if (isLoading || !recommendations) {
+            return (React.createElement("div", { className: "placeholder" },
+                React.createElement(Placeholder, null)));
+        }
+        const slice = {
+            sliceName: 'StandardSlice',
+            items: recommendations
+                ? recommendations.articles.map((article) => ({ article }))
+                : []
+        };
+        return (React.createElement(RelatedArticles, { heading: `Today's ${section}`, slice: slice, isVisible: true, analyticsStream: analyticsStream }));
+    }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRBcnRpY2xlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3JlY29tbWVuZGVkLWFydGljbGVzL1JlY29tbWVuZGVkQXJ0aWNsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLGVBQWUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUlwRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFRdEQsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxFQUNsQyxTQUFTLEVBQ1QsT0FBTyxFQUNQLGVBQWUsRUFDVSxFQUFFLEVBQUU7SUFDN0IsT0FBTyxDQUNMLG9CQUFDLHNCQUFzQixJQUNyQixTQUFTLEVBQUUsT0FBTyxFQUNsQixTQUFTLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxFQUN4QyxHQUFHLEVBQUUsS0FBSyxFQUNWLGNBQWMsRUFBRSxDQUFDLElBRWhCLENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGVBQWUsRUFBTyxFQUFFLEVBQUU7UUFDOUMsSUFBSSxLQUFLLEVBQUU7WUFDVCxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsSUFBSSxTQUFTLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDakMsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBQyxhQUFhO2dCQUMxQixvQkFBQyxXQUFXLE9BQUcsQ0FDWCxDQUNQLENBQUM7U0FDSDtRQUVELE1BQU0sS0FBSyxHQUE0QjtZQUNyQyxTQUFTLEVBQUUsZUFBZTtZQUMxQixLQUFLLEVBQUUsZUFBZTtnQkFDcEIsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBWSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztnQkFDL0QsQ0FBQyxDQUFDLEVBQUU7U0FDUCxDQUFDO1FBRUYsT0FBTyxDQUNMLG9CQUFDLGVBQWUsSUFDZCxPQUFPLEVBQUUsV0FBVyxPQUFPLEVBQUUsRUFDN0IsS0FBSyxFQUFFLEtBQUssRUFDWixTQUFTLFFBQ1QsZUFBZSxFQUFFLGVBQWUsR0FDaEMsQ0FDSCxDQUFDO0lBQ0osQ0FBQyxDQUNzQixDQUMxQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/components/recommended-articles/RecommendedArticles.stories.js

@@ -0,0 +1,65 @@
+import React from 'react';
+import { showcaseConverter } from '@times-components/storybook';
+import { MockedProvider } from '@times-components/provider-test-tools';
+import { recommendations } from '@times-components/provider-queries';
+import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
+import { RecommendedArticles } from './RecommendedArticles';
+const mocks = [
+    {
+        delay: 1000,
+        request: {
+            query: recommendations,
+            variables: {
+                publisher: 'TIMES',
+                recomArgs: {
+                    userId: '1234',
+                    articleId: '94a01926-719a-11ec-aacf-0736e08b15cd'
+                }
+            }
+        },
+        result: {
+            data: {
+                recommendations: {
+                    __typename: 'Recommendations',
+                    leadAsset: 'null',
+                    articles: [
+                        {
+                            __typename: 'UniversalArticle',
+                            headline: 'Whole world is against us, says top Russian strategist',
+                            id: 'a9ffb7cc-d5d1-11ec-bb99-1bcd45646516',
+                            media: {
+                                __typename: 'Image'
+                            },
+                            slug: 'were-no-match-for-ukrainian-grit-and-firepower-says-retired-russian-colonel',
+                            url: 'https://www.staging-thetimes.co.uk/article/were-no-match-for-ukrainian-grit-and-firepower-says-retired-russian-colonel-lhnvsfj33'
+                        },
+                        {
+                            __typename: 'UniversalArticle',
+                            headline: 'Vardys leave court with swipe at Wayne Rooney',
+                            id: 'f3d730a0-d5c2-11ec-8585-951ab3afb4d2',
+                            media: {
+                                __typename: 'Image'
+                            },
+                            slug: 'wayne-rooney-to-give-evidence-in-wagatha-christie-trial-as-jamie-vardy-attends-court-for-first-time',
+                            url: 'https://www.staging-thetimes.co.uk/article/wayne-rooney-to-give-evidence-in-wagatha-christie-trial-as-jamie-vardy-attends-court-for-first-time-wlzvxklc6'
+                        }
+                    ]
+                }
+            }
+        }
+    }
+];
+const recarticles = {
+    children: [
+        {
+            component: () => (React.createElement(MockedProvider, { mocks: mocks },
+                React.createElement(RecommendedArticles, { articleId: "94a01926-719a-11ec-aacf-0736e08b15cd", section: "News", analyticsStream: analyticsStream }))),
+            name: 'Recommended Articles',
+            platform: 'web',
+            type: 'story'
+        }
+    ],
+    name: 'Typescript Component/Recommended Articles'
+};
+showcaseConverter(module, recarticles);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRBcnRpY2xlcy5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmVjb21tZW5kZWQtYXJ0aWNsZXMvUmVjb21tZW5kZWRBcnRpY2xlcy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUVyRSxPQUFPLGVBQWUsTUFBTSxvREFBb0QsQ0FBQztBQUNqRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU1RCxNQUFNLEtBQUssR0FBRztJQUNaO1FBQ0UsS0FBSyxFQUFFLElBQUk7UUFDWCxPQUFPLEVBQUU7WUFDUCxLQUFLLEVBQUUsZUFBZTtZQUN0QixTQUFTLEVBQUU7Z0JBQ1QsU0FBUyxFQUFFLE9BQU87Z0JBQ2xCLFNBQVMsRUFBRTtvQkFDVCxNQUFNLEVBQUUsTUFBTTtvQkFDZCxTQUFTLEVBQUUsc0NBQXNDO2lCQUNsRDthQUNGO1NBQ0Y7UUFDRCxNQUFNLEVBQUU7WUFDTixJQUFJLEVBQUU7Z0JBQ0osZUFBZSxFQUFFO29CQUNmLFVBQVUsRUFBRSxpQkFBaUI7b0JBQzdCLFNBQVMsRUFBRSxNQUFNO29CQUNqQixRQUFRLEVBQUU7d0JBQ1I7NEJBQ0UsVUFBVSxFQUFFLGtCQUFrQjs0QkFDOUIsUUFBUSxFQUNOLHdEQUF3RDs0QkFDMUQsRUFBRSxFQUFFLHNDQUFzQzs0QkFDMUMsS0FBSyxFQUFFO2dDQUNMLFVBQVUsRUFBRSxPQUFPOzZCQUNwQjs0QkFDRCxJQUFJLEVBQ0YsNkVBQTZFOzRCQUMvRSxHQUFHLEVBQ0Qsa0lBQWtJO3lCQUNySTt3QkFDRDs0QkFDRSxVQUFVLEVBQUUsa0JBQWtCOzRCQUM5QixRQUFRLEVBQUUsK0NBQStDOzRCQUN6RCxFQUFFLEVBQUUsc0NBQXNDOzRCQUMxQyxLQUFLLEVBQUU7Z0NBQ0wsVUFBVSxFQUFFLE9BQU87NkJBQ3BCOzRCQUNELElBQUksRUFDRixxR0FBcUc7NEJBQ3ZHLEdBQUcsRUFDRCwwSkFBMEo7eUJBQzdKO3FCQUNGO2lCQUNGO2FBQ0Y7U0FDRjtLQUNGO0NBQ0YsQ0FBQztBQUVGLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLFFBQVEsRUFBRTtRQUNSO1lBQ0UsU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ2Ysb0JBQUMsY0FBYyxJQUFDLEtBQUssRUFBRSxLQUFLO2dCQUMxQixvQkFBQyxtQkFBbUIsSUFDbEIsU0FBUyxFQUFDLHNDQUFzQyxFQUNoRCxPQUFPLEVBQUMsTUFBTSxFQUNkLGVBQWUsRUFBRSxlQUFlLEdBQ2hDLENBQ2EsQ0FDbEI7WUFFRCxJQUFJLEVBQUUsc0JBQXNCO1lBQzVCLFFBQVEsRUFBRSxLQUFLO1lBQ2YsSUFBSSxFQUFFLE9BQU87U0FDZDtLQUNGO0lBQ0QsSUFBSSxFQUFFLDJDQUEyQztDQUNsRCxDQUFDO0FBRUYsaUJBQWlCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDIn0=

package/dist/components/recommended-articles/__tests__/RecommendedArticles.test.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import { render, cleanup } from '@testing-library/react';
+import { RecommendedArticles } from '../RecommendedArticles';
+import { MockedProvider } from '@times-components/provider-test-tools';
+import { recommendations } from '@times-components/provider-queries';
+const mocks = [
+    {
+        delay: 1000,
+        request: {
+            query: recommendations,
+            variables: {
+                publisher: 'TIMES',
+                recomArgs: {
+                    userId: '1234',
+                    articleId: '94a01926-719a-11ec-aacf-0736e08b15cd'
+                }
+            }
+        },
+        result: {
+            data: {
+                recommendations: {
+                    __typename: 'Recommendations',
+                    leadAsset: 'null',
+                    articles: [
+                        {
+                            __typename: 'UniversalArticle',
+                            headline: 'Whole world is against us, says top Russian strategist',
+                            id: 'a9ffb7cc-d5d1-11ec-bb99-1bcd45646516',
+                            media: {
+                                __typename: 'Image'
+                            },
+                            slug: 'were-no-match-for-ukrainian-grit-and-firepower-says-retired-russian-colonel',
+                            url: 'https://www.staging-thetimes.co.uk/article/were-no-match-for-ukrainian-grit-and-firepower-says-retired-russian-colonel-lhnvsfj33'
+                        },
+                        {
+                            __typename: 'UniversalArticle',
+                            headline: 'Vardys leave court with swipe at Wayne Rooney',
+                            id: 'f3d730a0-d5c2-11ec-8585-951ab3afb4d2',
+                            media: {
+                                __typename: 'Image'
+                            },
+                            slug: 'wayne-rooney-to-give-evidence-in-wagatha-christie-trial-as-jamie-vardy-attends-court-for-first-time',
+                            url: 'https://www.staging-thetimes.co.uk/article/wayne-rooney-to-give-evidence-in-wagatha-christie-trial-as-jamie-vardy-attends-court-for-first-time-wlzvxklc6'
+                        }
+                    ]
+                }
+            }
+        }
+    }
+];
+describe('Recommended Articles', () => {
+    afterEach(() => {
+        jest.clearAllMocks();
+        cleanup();
+    });
+    it('it renders', () => {
+        const { asFragment } = render(React.createElement(MockedProvider, { mocks: mocks },
+            React.createElement(RecommendedArticles, { articleId: "94a01926-719a-11ec-aacf-0736e08b15cd", section: "News", analyticsStream: jest.fn() })));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('degrades gracefully', () => {
+        const { asFragment } = render(React.createElement(MockedProvider, { mocks: mocks },
+            React.createElement(RecommendedArticles, { articleId: "", section: "News", analyticsStream: jest.fn() })));
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjb21tZW5kZWRBcnRpY2xlcy50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcmVjb21tZW5kZWQtYXJ0aWNsZXMvX190ZXN0c19fL1JlY29tbWVuZGVkQXJ0aWNsZXMudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFN0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUVyRSxNQUFNLEtBQUssR0FBRztJQUNaO1FBQ0UsS0FBSyxFQUFFLElBQUk7UUFDWCxPQUFPLEVBQUU7WUFDUCxLQUFLLEVBQUUsZUFBZTtZQUN0QixTQUFTLEVBQUU7Z0JBQ1QsU0FBUyxFQUFFLE9BQU87Z0JBQ2xCLFNBQVMsRUFBRTtvQkFDVCxNQUFNLEVBQUUsTUFBTTtvQkFDZCxTQUFTLEVBQUUsc0NBQXNDO2lCQUNsRDthQUNGO1NBQ0Y7UUFDRCxNQUFNLEVBQUU7WUFDTixJQUFJLEVBQUU7Z0JBQ0osZUFBZSxFQUFFO29CQUNmLFVBQVUsRUFBRSxpQkFBaUI7b0JBQzdCLFNBQVMsRUFBRSxNQUFNO29CQUNqQixRQUFRLEVBQUU7d0JBQ1I7NEJBQ0UsVUFBVSxFQUFFLGtCQUFrQjs0QkFDOUIsUUFBUSxFQUNOLHdEQUF3RDs0QkFDMUQsRUFBRSxFQUFFLHNDQUFzQzs0QkFDMUMsS0FBSyxFQUFFO2dDQUNMLFVBQVUsRUFBRSxPQUFPOzZCQUNwQjs0QkFDRCxJQUFJLEVBQ0YsNkVBQTZFOzRCQUMvRSxHQUFHLEVBQ0Qsa0lBQWtJO3lCQUNySTt3QkFDRDs0QkFDRSxVQUFVLEVBQUUsa0JBQWtCOzRCQUM5QixRQUFRLEVBQUUsK0NBQStDOzRCQUN6RCxFQUFFLEVBQUUsc0NBQXNDOzRCQUMxQyxLQUFLLEVBQUU7Z0NBQ0wsVUFBVSxFQUFFLE9BQU87NkJBQ3BCOzRCQUNELElBQUksRUFDRixxR0FBcUc7NEJBQ3ZHLEdBQUcsRUFDRCwwSkFBMEo7eUJBQzdKO3FCQUNGO2lCQUNGO2FBQ0Y7U0FDRjtLQUNGO0NBQ0YsQ0FBQztBQUVGLFFBQVEsQ0FBQyxzQkFBc0IsRUFBRSxHQUFHLEVBQUU7SUFDcEMsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNyQixPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLFlBQVksRUFBRSxHQUFHLEVBQUU7UUFDcEIsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLE1BQU0sQ0FDM0Isb0JBQUMsY0FBYyxJQUFDLEtBQUssRUFBRSxLQUFLO1lBQzFCLG9CQUFDLG1CQUFtQixJQUNsQixTQUFTLEVBQUMsc0NBQXNDLEVBQ2hELE9BQU8sRUFBQyxNQUFNLEVBQ2QsZUFBZSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsR0FDMUIsQ0FDYSxDQUNsQixDQUFDO1FBQ0YsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekMsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMscUJBQXFCLEVBQUUsR0FBRyxFQUFFO1FBQzdCLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLENBQzNCLG9CQUFDLGNBQWMsSUFBQyxLQUFLLEVBQUUsS0FBSztZQUMxQixvQkFBQyxtQkFBbUIsSUFDbEIsU0FBUyxFQUFDLEVBQUUsRUFDWixPQUFPLEVBQUMsTUFBTSxFQUNkLGVBQWUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLEdBQzFCLENBQ2EsQ0FDbEIsQ0FBQztRQUNGLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export { OptaRugbyMatchStats } from './components/opta/rugby/match-stats/OptaRug
 export { OlympicsMedalTable } from './components/olympics/medal-table/OlympicsMedalTable';
 export { OlympicsSchedule } from './components/olympics/schedule/OlympicsSchedule';
 export { RelatedArticleSlice } from './components/related-article-slice/RelatedArticleSlice';
+export { RecommendedArticles } from './components/recommended-articles/RecommendedArticles';
 export { LatestFromSection } from './components/latest-from-section/LatestFromSection';
 export { InArticleRelatedArticles } from './components/in-article-related-articles/InArticleRelatedArticles';
 export { formatRelatedArticles } from './components/in-article-related-articles/formatters';
@@ -33,5 +34,4 @@ export { InlineDialog } from './components/inline-dialog/InlineDialog';
 export { default as ArticleHeader } from './components/article-header/ArticleHeader';
 export { UpdatedTimestamp } from './components/updated-timestamp/UpdatedTimestamp';
 export { UpdatedTimeProvider } from './helpers/time/UpdatedTimeProvider';
-export { default as styleguide, Animations, breakpoints, colours, editionBreakpoints, editionBreakpointWidths, editionMaxWidth, sliceContentMaxWidth, fonts, fontFactory, fontSizes, getEditionBreakpoint, lineHeight, scales, spacing, globalSpacingStyles, tabletRowPadding, themeFactory } from './components/styleguide/Styleguide';
 export { default as safeDecodeURIComponent } from './utils/safeDecodeURIComponent';

package/dist/index.js

@@ -24,6 +24,7 @@ export { OlympicsMedalTable } from './components/olympics/medal-table/OlympicsMe
 export { OlympicsSchedule } from './components/olympics/schedule/OlympicsSchedule';
 // Related Article Components
 export { RelatedArticleSlice } from './components/related-article-slice/RelatedArticleSlice';
+export { RecommendedArticles } from './components/recommended-articles/RecommendedArticles';
 export { LatestFromSection } from './components/latest-from-section/LatestFromSection';
 export { InArticleRelatedArticles } from './components/in-article-related-articles/InArticleRelatedArticles';
 // Related Article helper
@@ -39,7 +40,5 @@ export { InlineDialog } from './components/inline-dialog/InlineDialog';
 export { default as ArticleHeader } from './components/article-header/ArticleHeader';
 export { UpdatedTimestamp } from './components/updated-timestamp/UpdatedTimestamp';
 export { UpdatedTimeProvider } from './helpers/time/UpdatedTimeProvider';
-// styleguide
-export { default as styleguide, Animations, breakpoints, colours, editionBreakpoints, editionBreakpointWidths, editionMaxWidth, sliceContentMaxWidth, fonts, fontFactory, fontSizes, getEditionBreakpoint, lineHeight, scales, spacing, globalSpacingStyles, tabletRowPadding, themeFactory } from './components/styleguide/Styleguide';
 export { default as safeDecodeURIComponent } from './utils/safeDecodeURIComponent';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUV4RSx3QkFBd0I7QUFDeEIsT0FBTyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLGlEQUFpRCxDQUFDO0FBQ3pELE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxtREFBbUQsQ0FBQztBQUMzRCxPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0sb0RBQW9ELENBQUM7QUFFNUQsbUJBQW1CO0FBQ25CLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSwwREFBMEQsQ0FBQztBQUNsRSxPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0sNERBQTRELENBQUM7QUFDcEUsT0FBTyxFQUNMLG1CQUFtQixFQUNwQixNQUFNLHdEQUF3RCxDQUFDO0FBQ2hFLE9BQU8sRUFDTCxzQkFBc0IsRUFDdkIsTUFBTSwrREFBK0QsQ0FBQztBQUV2RSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2xCLE1BQU0sb0RBQW9ELENBQUM7QUFDNUQsT0FBTyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLHNEQUFzRCxDQUFDO0FBQzlELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxrREFBa0QsQ0FBQztBQUMxRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0seURBQXlELENBQUM7QUFFakUsT0FBTyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLHNEQUFzRCxDQUFDO0FBQzlELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxpREFBaUQsQ0FBQztBQUV6RCw2QkFBNkI7QUFDN0IsT0FBTyxFQUNMLG1CQUFtQixFQUNwQixNQUFNLHdEQUF3RCxDQUFDO0FBQ2hFLE9BQU8sRUFDTCxpQkFBaUIsRUFDbEIsTUFBTSxvREFBb0QsQ0FBQztBQUM1RCxPQUFPLEVBQ0wsd0JBQXdCLEVBQ3pCLE1BQU0sbUVBQW1FLENBQUM7QUFDM0UseUJBQXlCO0FBQ3pCLE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBTSxxREFBcUQsQ0FBQztBQUU3RCxVQUFVO0FBQ1YsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzlELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSwrQ0FBK0MsQ0FBQztBQUN2RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3hCLE1BQU0sNENBQTRDLENBQUM7QUFDcEQsT0FBTyxFQUNMLHFCQUFxQixFQUNyQixnQkFBZ0IsRUFDakIsTUFBTSx5Q0FBeUMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRTFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUV2RSxPQUFPLEVBQ0wsT0FBTyxJQUFJLGFBQWEsRUFDekIsTUFBTSwyQ0FBMkMsQ0FBQztBQUVuRCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0saURBQWlELENBQUM7QUFFekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFekUsYUFBYTtBQUNiLE9BQU8sRUFDTCxPQUFPLElBQUksVUFBVSxFQUNyQixVQUFVLEVBQ1YsV0FBVyxFQUNYLE9BQU8sRUFDUCxrQkFBa0IsRUFDbEIsdUJBQXVCLEVBQ3ZCLGVBQWUsRUFDZixvQkFBb0IsRUFDcEIsS0FBSyxFQUNMLFdBQVcsRUFDWCxTQUFTLEVBQ1Qsb0JBQW9CLEVBQ3BCLFVBQVUsRUFDVixNQUFNLEVBQ04sT0FBTyxFQUNQLG1CQUFtQixFQUNuQixnQkFBZ0IsRUFDaEIsWUFBWSxFQUNiLE1BQU0sb0NBQW9DLENBQUM7QUFFNUMsT0FBTyxFQUNMLE9BQU8sSUFBSSxzQkFBc0IsRUFDbEMsTUFBTSxnQ0FBZ0MsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUV4RSx3QkFBd0I7QUFDeEIsT0FBTyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLGlEQUFpRCxDQUFDO0FBQ3pELE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxtREFBbUQsQ0FBQztBQUMzRCxPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0sb0RBQW9ELENBQUM7QUFFNUQsbUJBQW1CO0FBQ25CLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSwwREFBMEQsQ0FBQztBQUNsRSxPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0sNERBQTRELENBQUM7QUFDcEUsT0FBTyxFQUNMLG1CQUFtQixFQUNwQixNQUFNLHdEQUF3RCxDQUFDO0FBQ2hFLE9BQU8sRUFDTCxzQkFBc0IsRUFDdkIsTUFBTSwrREFBK0QsQ0FBQztBQUV2RSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2xCLE1BQU0sb0RBQW9ELENBQUM7QUFDNUQsT0FBTyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLHNEQUFzRCxDQUFDO0FBQzlELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxrREFBa0QsQ0FBQztBQUMxRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0seURBQXlELENBQUM7QUFFakUsT0FBTyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLHNEQUFzRCxDQUFDO0FBQzlELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxpREFBaUQsQ0FBQztBQUV6RCw2QkFBNkI7QUFDN0IsT0FBTyxFQUNMLG1CQUFtQixFQUNwQixNQUFNLHdEQUF3RCxDQUFDO0FBQ2hFLE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx1REFBdUQsQ0FBQztBQUMvRCxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2xCLE1BQU0sb0RBQW9ELENBQUM7QUFDNUQsT0FBTyxFQUNMLHdCQUF3QixFQUN6QixNQUFNLG1FQUFtRSxDQUFDO0FBQzNFLHlCQUF5QjtBQUN6QixPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0scURBQXFELENBQUM7QUFFN0QsVUFBVTtBQUNWLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0sK0NBQStDLENBQUM7QUFDdkQsT0FBTyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLDRDQUE0QyxDQUFDO0FBQ3BELE9BQU8sRUFDTCxxQkFBcUIsRUFDckIsZ0JBQWdCLEVBQ2pCLE1BQU0seUNBQXlDLENBQUM7QUFDakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUUxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFdkUsT0FBTyxFQUNMLE9BQU8sSUFBSSxhQUFhLEVBQ3pCLE1BQU0sMkNBQTJDLENBQUM7QUFFbkQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGlEQUFpRCxDQUFDO0FBRXpELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXpFLE9BQU8sRUFDTCxPQUFPLElBQUksc0JBQXNCLEVBQ2xDLE1BQU0sZ0NBQWdDLENBQUMifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/ts-components",
-  "version": "1.35.3",
+  "version": "1.36.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.5.21",
-    "@times-components/date-publication": "0.22.22",
-    "@times-components/icons": "2.16.32",
-    "@times-components/image": "6.11.14",
-    "@times-components/link": "3.10.3",
-    "@times-components/provider": "1.30.25",
-    "@times-components/provider-queries": "2.15.3",
-    "@times-components/related-articles": "6.8.12",
-    "@times-components/ts-slices": "1.3.22",
-    "@times-components/ts-styleguide": "1.36.0",
-    "@times-components/utils": "6.12.0",
+    "@times-components/button": "2.5.23",
+    "@times-components/date-publication": "0.22.24",
+    "@times-components/icons": "2.16.34",
+    "@times-components/image": "6.11.16",
+    "@times-components/link": "3.10.5",
+    "@times-components/provider": "1.31.0",
+    "@times-components/provider-queries": "2.16.0",
+    "@times-components/related-articles": "6.8.15",
+    "@times-components/ts-slices": "1.3.24",
+    "@times-components/ts-styleguide": "1.36.2",
+    "@times-components/utils": "6.12.1",
     "algoliasearch": "4.9.0",
     "date-fns": "2.28.0",
     "date-fns-tz": "1.3.3",
@@ -82,8 +82,8 @@
     "@storybook/react": "5.3.18",
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^12.1.2",
-    "@times-components/provider-test-tools": "1.26.3",
-    "@times-components/storybook": "4.2.21",
+    "@times-components/provider-test-tools": "1.26.4",
+    "@times-components/storybook": "4.2.23",
     "@times-components/test-utils": "2.3.10",
     "@types/graphql": "14.0.3",
     "@types/jest": "24.9.1",
@@ -119,5 +119,5 @@
       "@testing-library/jest-dom/extend-expect"
     ]
   },
-  "gitHead": "e7b21de64381a9b6575d448f4ef6cd11b7bcc6f3"
+  "gitHead": "c8fb83299e837c606806bd20f570bcba67f3ca01"
 }