@times-components/ts-components 1.54.9 → 1.55.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.55.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.54.10...@times-components/ts-components@1.55.0) (2022-11-03)
+
+
+### Features
+
+* **TDP-000:** Bookmarks migrated to Newskit ([#3174](https://github.com/newsuk/times-components/issues/3174)) ([8d4f7ad](https://github.com/newsuk/times-components/commit/8d4f7ad7fd41d4e54c69ff626edefdd1c4413f36))
+
+
+
+
+
+## [1.54.10](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.54.9...@times-components/ts-components@1.54.10) (2022-11-02)
+
+**Note:** Version bump only for package @times-components/ts-components
+
+
+
+
+
 ## [1.54.9](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.54.8...@times-components/ts-components@1.54.9) (2022-11-02)
 
 **Note:** Version bump only for package @times-components/ts-components

package/dist/components/in-article-link/InArticleLink.js

@@ -3,5 +3,5 @@ import { IconForwardChevron } from '@times-components/icons';
 import { Link, LinkText } from './styles';
 export const InArticleLink = ({ link, linkText, onClick }) => (React.createElement(Link, { href: link, onClick: () => onClick && onClick(linkText) },
     React.createElement(LinkText, null, linkText),
-    React.createElement(IconForwardChevron, { height: 18, width: 8, fillColour: null })));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2luLWFydGljbGUtbGluay9JbkFydGljbGVMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFN0QsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFMUMsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUlyQixDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDcEMsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLE9BQU8sSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDO0lBQzNELG9CQUFDLFFBQVEsUUFBRSxRQUFRLENBQVk7SUFDL0Isb0JBQUMsa0JBQWtCLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFVBQVUsRUFBRSxJQUFJLEdBQUksQ0FDekQsQ0FDUixDQUFDIn0=
+    React.createElement(IconForwardChevron, { height: 18, width: 8 })));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2luLWFydGljbGUtbGluay9JbkFydGljbGVMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFN0QsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFMUMsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUlyQixDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDcEMsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLE9BQU8sSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDO0lBQzNELG9CQUFDLFFBQVEsUUFBRSxRQUFRLENBQVk7SUFDL0Isb0JBQUMsa0JBQWtCLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxHQUFJLENBQ3ZDLENBQ1IsQ0FBQyJ9

package/dist/components/inline-message/styles.js

@@ -52,7 +52,8 @@ export const Description = styled.div `
   font-size: 14px;
   line-height: 20px;
   & a {
-    color: #000000;
+    color: #333333;
+    text-decoration: underline;
   }
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW5saW5lLW1lc3NhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RCxNQUFNLGFBQWEsR0FBRztJQUNwQixJQUFJLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUU7SUFDdEQsT0FBTyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFO0lBQ3pELEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRTtDQUN4RCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7d0JBSVgsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVOzZCQUN4QixhQUFhLENBQUMsSUFBSSxDQUFDLFVBQVU7O2NBRTVDLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBVTs7Ozs7d0JBS25CLGFBQWEsQ0FBQyxPQUFPLENBQUMsVUFBVTs2QkFDM0IsYUFBYSxDQUFDLE9BQU8sQ0FBQyxVQUFVOztjQUUvQyxhQUFhLENBQUMsT0FBTyxDQUFDLFVBQVU7Ozs7O3dCQUt0QixhQUFhLENBQUMsS0FBSyxDQUFDLFVBQVU7NkJBQ3pCLGFBQWEsQ0FBQyxLQUFLLENBQUMsVUFBVTs7Y0FFN0MsYUFBYSxDQUFDLEtBQUssQ0FBQyxVQUFVOzs7Q0FHM0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOztDQUV0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Q0FFekMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO2lCQUNkLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Q0FNaEMsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO2lCQUNwQixLQUFLLENBQUMsVUFBVTs7Ozs7OztDQU9oQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW5saW5lLW1lc3NhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RCxNQUFNLGFBQWEsR0FBRztJQUNwQixJQUFJLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUU7SUFDdEQsT0FBTyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFO0lBQ3pELEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRTtDQUN4RCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7d0JBSVgsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVOzZCQUN4QixhQUFhLENBQUMsSUFBSSxDQUFDLFVBQVU7O2NBRTVDLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBVTs7Ozs7d0JBS25CLGFBQWEsQ0FBQyxPQUFPLENBQUMsVUFBVTs2QkFDM0IsYUFBYSxDQUFDLE9BQU8sQ0FBQyxVQUFVOztjQUUvQyxhQUFhLENBQUMsT0FBTyxDQUFDLFVBQVU7Ozs7O3dCQUt0QixhQUFhLENBQUMsS0FBSyxDQUFDLFVBQVU7NkJBQ3pCLGFBQWEsQ0FBQyxLQUFLLENBQUMsVUFBVTs7Y0FFN0MsYUFBYSxDQUFDLEtBQUssQ0FBQyxVQUFVOzs7Q0FHM0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOztDQUV0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Q0FFekMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO2lCQUNkLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Q0FNaEMsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO2lCQUNwQixLQUFLLENBQUMsVUFBVTs7Ozs7Ozs7Q0FRaEMsQ0FBQyJ9

package/dist/components/save-star/SaveStar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SaveStar: React.FC<{
+    articleId: string;
+    isPreviewMode?: boolean;
+}>;

package/dist/components/save-star/SaveStar.js

@@ -0,0 +1,20 @@
+import React, { useState } from 'react';
+import { FetchProvider } from '../../helpers/fetch/FetchProvider';
+import { SaveStarUI } from './SaveStarUI';
+export const SaveStar = ({ articleId, isPreviewMode }) => {
+    const [url, setUrl] = useState(`/api/collections/is-bookmarked/${articleId}`);
+    const [previewData, setPreviewData] = useState(isPreviewMode ? { isBookmarked: false } : undefined);
+    const onToggleSave = (id, isSaved) => {
+        if (isPreviewMode) {
+            setPreviewData({ isBookmarked: !isSaved });
+        }
+        else {
+            setUrl(isSaved
+                ? `/api/collections/delete/${id}`
+                : `/api/collections/save/${id}`);
+        }
+    };
+    return (React.createElement(FetchProvider, { url: url, options: { credentials: 'same-origin' }, previewData: previewData },
+        React.createElement(SaveStarUI, { articleId: articleId, onToggleSave: onToggleSave })));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2F2ZVN0YXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zYXZlLXN0YXIvU2F2ZVN0YXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRXhDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsVUFBVSxFQUFtQixNQUFNLGNBQWMsQ0FBQztBQUUzRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBR2hCLENBQUMsRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLEVBQUUsRUFBRTtJQUNwQyxNQUFNLENBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxHQUFHLFFBQVEsQ0FDNUIsa0NBQWtDLFNBQVMsRUFBRSxDQUM5QyxDQUFDO0lBRUYsTUFBTSxDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUMsR0FBRyxRQUFRLENBQzVDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FDcEQsQ0FBQztJQUVGLE1BQU0sWUFBWSxHQUFHLENBQUMsRUFBVSxFQUFFLE9BQWdCLEVBQUUsRUFBRTtRQUNwRCxJQUFJLGFBQWEsRUFBRTtZQUNqQixjQUFjLENBQUMsRUFBRSxZQUFZLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1NBQzVDO2FBQU07WUFDTCxNQUFNLENBQ0osT0FBTztnQkFDTCxDQUFDLENBQUMsMkJBQTJCLEVBQUUsRUFBRTtnQkFDakMsQ0FBQyxDQUFDLHlCQUF5QixFQUFFLEVBQUUsQ0FDbEMsQ0FBQztTQUNIO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLG9CQUFDLGFBQWEsSUFDWixHQUFHLEVBQUUsR0FBRyxFQUNSLE9BQU8sRUFBRSxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsRUFDdkMsV0FBVyxFQUFFLFdBQVc7UUFFeEIsb0JBQUMsVUFBVSxJQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksR0FBSSxDQUNsRCxDQUNqQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/components/save-star/SaveStar.stories.d.ts

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

package/dist/components/save-star/SaveStar.stories.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import styled from 'styled-components';
+import { storiesOf } from '@storybook/react';
+import { SaveStar } from './SaveStar';
+import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
+import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
+const Wrapper = styled.div `
+  display: flex;
+  align-items: center;
+  padding: 20px;
+`;
+storiesOf('Typescript Component/SaveStar', module)
+    .addDecorator((storyFn) => (React.createElement(TrackingContextProvider, { context: {
+        component: 'ArticleSkeleton',
+        attrs: {
+            article_name: 'articleHeadline',
+            section_details: 'section'
+        }
+    }, analyticsStream: analyticsStream },
+    React.createElement(Wrapper, null, storyFn()))))
+    .add('SaveStar', () => React.createElement(SaveStar, { articleId: "12345", isPreviewMode: true }));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2F2ZVN0YXIuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NhdmUtc3Rhci9TYXZlU3Rhci5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDdEMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFekYsT0FBTyxlQUFlLE1BQU0sb0RBQW9ELENBQUM7QUFFakYsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7OztDQUl6QixDQUFDO0FBRUYsU0FBUyxDQUFDLCtCQUErQixFQUFFLE1BQU0sQ0FBQztLQUMvQyxZQUFZLENBQUMsQ0FBQyxPQUE4QixFQUFFLEVBQUUsQ0FBQyxDQUNoRCxvQkFBQyx1QkFBdUIsSUFDdEIsT0FBTyxFQUFFO1FBQ1AsU0FBUyxFQUFFLGlCQUFpQjtRQUM1QixLQUFLLEVBQUU7WUFDTCxZQUFZLEVBQUUsaUJBQWlCO1lBQy9CLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0YsRUFDRCxlQUFlLEVBQUUsZUFBZTtJQUVoQyxvQkFBQyxPQUFPLFFBQUUsT0FBTyxFQUFFLENBQVcsQ0FDTixDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElBQUMsU0FBUyxFQUFDLE9BQU8sRUFBQyxhQUFhLFNBQUcsQ0FBQyxDQUFDIn0=

package/dist/components/save-star/SaveStarUI.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type ArticleBookmark = {
+    isBookmarked: boolean;
+};
+export declare const SaveStarUI: React.FC<{
+    articleId: string;
+    onToggleSave: (id: string, isSaved: boolean) => void;
+}>;

package/dist/components/save-star/SaveStarUI.js

@@ -0,0 +1,32 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { colours } from '@times-components/ts-styleguide';
+import { IconStar } from '@times-components/icons';
+import { useFetch } from '../../helpers/fetch/FetchProvider';
+import { IconContainer, LoadingIcon, SaveStarText, SaveStarButton } from './styles';
+const getText = (isSaved) => (isSaved ? 'Saved' : 'Save');
+const getIconTitle = (isSaved) => isSaved ? 'Remove from My Articles' : 'Save to My Articles';
+const getIconFillColour = (isSaved) => isSaved ? colours.functional.action : colours.functional.white;
+export const SaveStarUI = ({ articleId, onToggleSave }) => {
+    const [isLoading, setIsSavedLoading] = useState(true);
+    const [isSaved, setIsSaved] = useState(false);
+    const { loading, data } = useFetch();
+    useEffect(() => {
+        setIsSavedLoading(loading);
+        setIsSaved(data ? data.isBookmarked : false);
+    }, [loading, data]);
+    const toggleSave = useCallback(async () => {
+        onToggleSave(articleId, isSaved);
+    }, [articleId, isSaved]);
+    if (isLoading) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(SaveStarText, null, getText(false)),
+            React.createElement(IconContainer, null,
+                React.createElement(LoadingIcon, null))));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SaveStarText, null, getText(isSaved)),
+        React.createElement(SaveStarButton, { onClick: toggleSave },
+            React.createElement(IconContainer, null,
+                React.createElement(IconStar, { height: 18, title: getIconTitle(isSaved), fillColour: getIconFillColour(isSaved), strokeColour: colours.functional.secondary })))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2F2ZVN0YXJVSS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NhdmUtc3Rhci9TYXZlU3RhclVJLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMxRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFbkQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTdELE9BQU8sRUFDTCxhQUFhLEVBQ2IsV0FBVyxFQUNYLFlBQVksRUFDWixjQUFjLEVBQ2YsTUFBTSxVQUFVLENBQUM7QUFNbEIsTUFBTSxPQUFPLEdBQUcsQ0FBQyxPQUFnQixFQUFFLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUVuRSxNQUFNLFlBQVksR0FBRyxDQUFDLE9BQWdCLEVBQUUsRUFBRSxDQUN4QyxPQUFPLENBQUMsQ0FBQyxDQUFDLHlCQUF5QixDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQztBQUU5RCxNQUFNLGlCQUFpQixHQUFHLENBQUMsT0FBZ0IsRUFBRSxFQUFFLENBQzdDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDO0FBRWpFLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FHbEIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsRUFBRSxFQUFFO0lBQ25DLE1BQU0sQ0FBQyxTQUFTLEVBQUUsaUJBQWlCLENBQUMsR0FBRyxRQUFRLENBQVUsSUFBSSxDQUFDLENBQUM7SUFDL0QsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFFdkQsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxRQUFRLEVBQW1CLENBQUM7SUFFdEQsU0FBUyxDQUNQLEdBQUcsRUFBRTtRQUNILGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzNCLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9DLENBQUMsRUFDRCxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsQ0FDaEIsQ0FBQztJQUVGLE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FDNUIsS0FBSyxJQUFJLEVBQUU7UUFDVCxZQUFZLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQ25DLENBQUMsRUFDRCxDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FDckIsQ0FBQztJQUVGLElBQUksU0FBUyxFQUFFO1FBQ2IsT0FBTyxDQUNMO1lBQ0Usb0JBQUMsWUFBWSxRQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBZ0I7WUFDN0Msb0JBQUMsYUFBYTtnQkFDWixvQkFBQyxXQUFXLE9BQUcsQ0FDRCxDQUNmLENBQ0osQ0FBQztLQUNIO0lBRUQsT0FBTyxDQUNMO1FBQ0Usb0JBQUMsWUFBWSxRQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBZ0I7UUFDL0Msb0JBQUMsY0FBYyxJQUFDLE9BQU8sRUFBRSxVQUFVO1lBQ2pDLG9CQUFDLGFBQWE7Z0JBQ1osb0JBQUMsUUFBUSxJQUNQLE1BQU0sRUFBRSxFQUFFLEVBQ1YsS0FBSyxFQUFFLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFDNUIsVUFBVSxFQUFFLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxFQUN0QyxZQUFZLEVBQUUsT0FBTyxDQUFDLFVBQVUsQ0FBQyxTQUFTLEdBQzFDLENBQ1ksQ0FDRCxDQUNoQixDQUNKLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/components/save-star/__tests__/SaveStar.test.d.ts

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

package/dist/components/save-star/__tests__/SaveStar.test.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { render, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { useFetch } from '../../../helpers/fetch/FetchProvider';
+import { SaveStar } from '../SaveStar';
+jest.mock('../../../helpers/fetch/FetchProvider', () => ({
+    ...jest.requireActual('../../../helpers/fetch/FetchProvider'),
+    useFetch: jest.fn()
+}));
+const articleId = '12345';
+const saved = { data: { isBookmarked: true } };
+const unsaved = { data: { isBookmarked: false } };
+describe('SaveStar', () => {
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+    it('should render the initial loading state correctly', () => {
+        useFetch.mockReturnValue({ loading: true });
+        const { asFragment, getByText } = render(React.createElement(SaveStar, { articleId: articleId }));
+        expect(getByText('Save'));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render the unsaved state', async () => {
+        useFetch.mockReturnValue(unsaved);
+        const { asFragment, getByText } = render(React.createElement(SaveStar, { articleId: articleId }));
+        expect(getByText('Save'));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render the saved state', () => {
+        useFetch.mockReturnValue(saved);
+        const { asFragment, getByText } = render(React.createElement(SaveStar, { articleId: articleId }));
+        expect(getByText('Saved'));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should move from unsaved to saved state', async () => {
+        useFetch
+            .mockReturnValueOnce(unsaved)
+            .mockReturnValueOnce(unsaved)
+            .mockReturnValueOnce(saved)
+            .mockReturnValueOnce(saved);
+        const { baseElement, getByText } = render(React.createElement(SaveStar, { articleId: "12345" }));
+        expect(getByText('Save'));
+        const button = baseElement.querySelector('button');
+        fireEvent.click(button);
+        await expect(getByText('Saved'));
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2F2ZVN0YXIudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NhdmUtc3Rhci9fX3Rlc3RzX18vU2F2ZVN0YXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDM0QsT0FBTywyQkFBMkIsQ0FBQztBQUVuQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUV2QyxJQUFJLENBQUMsSUFBSSxDQUFDLHNDQUFzQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDdkQsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLHNDQUFzQyxDQUFDO0lBQzdELFFBQVEsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFO0NBQ3BCLENBQUMsQ0FBQyxDQUFDO0FBRUosTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDO0FBRTFCLE1BQU0sS0FBSyxHQUFHLEVBQUUsSUFBSSxFQUFFLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxFQUFFLENBQUM7QUFDL0MsTUFBTSxPQUFPLEdBQUcsRUFBRSxJQUFJLEVBQUUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQztBQUVsRCxRQUFRLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRTtJQUN4QixTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLG1EQUFtRCxFQUFFLEdBQUcsRUFBRTtRQUMxRCxRQUFzQixDQUFDLGVBQWUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBRTNELE1BQU0sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUN0QyxvQkFBQyxRQUFRLElBQUMsU0FBUyxFQUFFLFNBQVMsR0FBSSxDQUNuQyxDQUFDO1FBRUYsTUFBTSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO1FBQzFCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLGlDQUFpQyxFQUFFLEtBQUssSUFBSSxFQUFFO1FBQzlDLFFBQXNCLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRWpELE1BQU0sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUN0QyxvQkFBQyxRQUFRLElBQUMsU0FBUyxFQUFFLFNBQVMsR0FBSSxDQUNuQyxDQUFDO1FBRUYsTUFBTSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO1FBQzFCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRTtRQUN0QyxRQUFzQixDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUUvQyxNQUFNLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxHQUFHLE1BQU0sQ0FDdEMsb0JBQUMsUUFBUSxJQUFDLFNBQVMsRUFBRSxTQUFTLEdBQUksQ0FDbkMsQ0FBQztRQUVGLE1BQU0sQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUMzQixNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyx5Q0FBeUMsRUFBRSxLQUFLLElBQUksRUFBRTtRQUN0RCxRQUFzQjthQUNwQixtQkFBbUIsQ0FBQyxPQUFPLENBQUM7YUFDNUIsbUJBQW1CLENBQUMsT0FBTyxDQUFDO2FBQzVCLG1CQUFtQixDQUFDLEtBQUssQ0FBQzthQUMxQixtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUU5QixNQUFNLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxHQUFHLE1BQU0sQ0FBQyxvQkFBQyxRQUFRLElBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUFDLENBQUM7UUFFMUUsTUFBTSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO1FBRTFCLE1BQU0sTUFBTSxHQUFHLFdBQVcsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFzQixDQUFDO1FBQ3hFLFNBQVMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFeEIsTUFBTSxNQUFNLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDbkMsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9

package/dist/components/save-star/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference path="../../../src/types/externs.d.ts" />
+export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LoadingIcon: import("styled-components").StyledComponent<import("react").FC<import("@times-components/icons").IconProps>, any, {}, never>;
+export declare const SaveStarText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SaveStarButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/components/save-star/styles.js

@@ -0,0 +1,41 @@
+import styled from 'styled-components';
+import { colours, fonts } from '@times-components/ts-styleguide';
+import { IconActivityIndicator } from '@times-components/icons';
+export const IconContainer = styled.div `
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+export const LoadingIcon = styled(IconActivityIndicator) `
+  background-color: ${colours.functional.whiteGrey};
+  border-radius: 9999;
+  overflow: hidden;
+`;
+export const SaveStarText = styled.div `
+  margin-right: 15px;
+  color: ${colours.functional.secondary};
+  font-family: ${fonts.supporting};
+  font-size: 14px;
+  line-height: 14px;
+`;
+export const SaveStarButton = styled.button `
+  display: flex;
+  justify-content: center;
+  padding: 0;
+  background-color: ${colours.functional.white};
+  border: 0;
+  border-radius: 40px;
+  outline: 0;
+  cursor: pointer;
+
+  &:hover {
+    background-color: ${colours.functional.whiteGrey};
+  }
+
+  &:active {
+    background-color: ${colours.functional.keyline};
+  }
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2F2ZS1zdGFyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRWhFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7Q0FNdEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMscUJBQXFCLENBQUMsQ0FBQTtzQkFDbEMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxTQUFTOzs7Q0FHakQsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOztXQUUzQixPQUFPLENBQUMsVUFBVSxDQUFDLFNBQVM7aUJBQ3RCLEtBQUssQ0FBQyxVQUFVOzs7Q0FHaEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFBOzs7O3NCQUlyQixPQUFPLENBQUMsVUFBVSxDQUFDLEtBQUs7Ozs7Ozs7d0JBT3RCLE9BQU8sQ0FBQyxVQUFVLENBQUMsU0FBUzs7Ozt3QkFJNUIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxPQUFPOztDQUVqRCxDQUFDIn0=

package/dist/helpers/fetch/FetchProvider.js

@@ -2,10 +2,11 @@ import fetch from 'isomorphic-unfetch';
 import React, { createContext, useState, useEffect, useContext } from 'react';
 const FetchProviderContext = createContext(undefined);
 export const FetchProvider = ({ url, options, previewData, children }) => {
-    const [loading, setLoading] = useState(!previewData);
+    const [loading, setLoading] = useState(true);
     const [error, setError] = useState();
-    const [data, setData] = useState(previewData);
+    const [data, setData] = useState();
     useEffect(() => {
+        setLoading(true);
         const fetchData = async () => {
             try {
                 if (url) {
@@ -23,10 +24,14 @@ export const FetchProvider = ({ url, options, previewData, children }) => {
                 setLoading(false);
             }
         };
-        if (!previewData) {
+        if (previewData) {
+            setData(previewData);
+            setLoading(false);
+        }
+        else {
             fetchData();
         }
-    }, []);
+    }, [url, options, previewData]);
     return (React.createElement(FetchProviderContext.Provider, { value: { loading, error, data } }, children));
 };
 export const useFetch = () => {
@@ -36,4 +41,4 @@ export const useFetch = () => {
     }
     return context;
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmV0Y2hQcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwZXJzL2ZldGNoL0ZldGNoUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLG9CQUFvQixDQUFDO0FBQ3ZDLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBZTlFLE1BQU0sb0JBQW9CLEdBQUcsYUFBYSxDQUN4QyxTQUFTLENBQ1YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBaUMsQ0FBQyxFQUMxRCxHQUFHLEVBQ0gsT0FBTyxFQUNQLFdBQVcsRUFDWCxRQUFRLEVBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUM5RCxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLFFBQVEsRUFBc0IsQ0FBQztJQUN6RCxNQUFNLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLFFBQVEsQ0FBa0IsV0FBVyxDQUFDLENBQUM7SUFFL0QsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLE1BQU0sU0FBUyxHQUFHLEtBQUssSUFBSSxFQUFFO1lBQzNCLElBQUk7Z0JBQ0YsSUFBSSxHQUFHLEVBQUU7b0JBQ1AsTUFBTSxRQUFRLEdBQUcsTUFBTSxLQUFLLENBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxDQUFDO29CQUMzQyxNQUFNLElBQUksR0FBRyxNQUFNLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztvQkFFbkMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO29CQUNkLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDbkI7cUJBQU07b0JBQ0wsTUFBTSxJQUFJLEtBQUssQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO2lCQUM3QzthQUNGO1lBQUMsT0FBTyxHQUFHLEVBQUU7Z0JBQ1osUUFBUSxDQUFDLEdBQUcsWUFBWSxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUMvRCxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDbkI7UUFDSCxDQUFDLENBQUM7UUFFRixJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2hCLFNBQVMsRUFBRSxDQUFDO1NBQ2I7SUFDSCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsb0JBQUMsb0JBQW9CLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQzNELFFBQVEsQ0FDcUIsQ0FDakMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFtQyxFQUFFO0lBQzNELE1BQU0sT0FBTyxHQUFvQixVQUFVLENBQ3pDLG9CQUFvQixDQUNGLENBQUM7SUFFckIsSUFBSSxPQUFPLEtBQUssU0FBUyxFQUFFO1FBQ3pCLE1BQU0sSUFBSSxLQUFLLENBQUMscUNBQXFDLENBQUMsQ0FBQztLQUN4RDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmV0Y2hQcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwZXJzL2ZldGNoL0ZldGNoUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLG9CQUFvQixDQUFDO0FBQ3ZDLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBZTlFLE1BQU0sb0JBQW9CLEdBQUcsYUFBYSxDQUN4QyxTQUFTLENBQ1YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBaUMsQ0FBQyxFQUMxRCxHQUFHLEVBQ0gsT0FBTyxFQUNQLFdBQVcsRUFDWCxRQUFRLEVBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLEVBQXNCLENBQUM7SUFDekQsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxRQUFRLEVBQW1CLENBQUM7SUFFcEQsU0FBUyxDQUNQLEdBQUcsRUFBRTtRQUNILFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVqQixNQUFNLFNBQVMsR0FBRyxLQUFLLElBQUksRUFBRTtZQUMzQixJQUFJO2dCQUNGLElBQUksR0FBRyxFQUFFO29CQUNQLE1BQU0sUUFBUSxHQUFHLE1BQU0sS0FBSyxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsQ0FBQztvQkFDM0MsTUFBTSxJQUFJLEdBQUcsTUFBTSxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7b0JBRW5DLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztvQkFDZCxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7aUJBQ25CO3FCQUFNO29CQUNMLE1BQU0sSUFBSSxLQUFLLENBQUMsMEJBQTBCLENBQUMsQ0FBQztpQkFDN0M7YUFDRjtZQUFDLE9BQU8sR0FBRyxFQUFFO2dCQUNaLFFBQVEsQ0FBQyxHQUFHLFlBQVksS0FBSyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDL0QsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ25CO1FBQ0gsQ0FBQyxDQUFDO1FBRUYsSUFBSSxXQUFXLEVBQUU7WUFDZixPQUFPLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDckIsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ25CO2FBQU07WUFDTCxTQUFTLEVBQUUsQ0FBQztTQUNiO0lBQ0gsQ0FBQyxFQUNELENBQUMsR0FBRyxFQUFFLE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FDNUIsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxvQkFBb0IsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFDM0QsUUFBUSxDQUNxQixDQUNqQyxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQW1DLEVBQUU7SUFDM0QsTUFBTSxPQUFPLEdBQW9CLFVBQVUsQ0FDekMsb0JBQW9CLENBQ0YsQ0FBQztJQUVyQixJQUFJLE9BQU8sS0FBSyxTQUFTLEVBQUU7UUFDekIsTUFBTSxJQUFJLEtBQUssQ0FBQyxxQ0FBcUMsQ0FBQyxDQUFDO0tBQ3hEO0lBRUQsT0FBTyxPQUFPLENBQUM7QUFDakIsQ0FBQyxDQUFDIn0=

package/dist/helpers/fetch/__tests__/FetchProvider.test.js

@@ -47,12 +47,12 @@ describe('<FetchProvider>', () => {
         await findByText('Error');
         expect(asFragment()).toMatchSnapshot();
     });
-    it('preview', () => {
+    it('preview', async () => {
         const value = 'Preloaded';
-        const { asFragment, getByText } = render(React.createElement(FetchProvider, { previewData: { value } },
+        const { asFragment, findByText } = render(React.createElement(FetchProvider, { previewData: { value } },
             React.createElement(TestComponent, null)));
-        expect(getByText(value));
+        await findByText(value);
         expect(asFragment()).toMatchSnapshot();
     });
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmV0Y2hQcm92aWRlci50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2hlbHBlcnMvZmV0Y2gvX190ZXN0c19fL0ZldGNoUHJvdmlkZXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFhLE1BQU0sT0FBTyxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxPQUFPLHFCQUFxQixDQUFDO0FBRTdCLE9BQU8sVUFBVSxNQUFNLG9CQUFvQixDQUFDO0FBQzVDLE1BQU0sU0FBUyxHQUFHLFVBQWlCLENBQUM7QUFFcEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUzRCxNQUFNLGFBQWEsR0FBVyxHQUFHLEVBQUU7SUFDakMsSUFBSTtRQUNGLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFFBQVEsRUFBcUIsQ0FBQztRQUUvRCxJQUFJLE9BQU8sRUFBRTtZQUNYLE9BQU8sMkNBQWtCLENBQUM7U0FDM0I7UUFFRCxJQUFJLEtBQUssRUFBRTtZQUNULE9BQU8seUNBQWdCLENBQUM7U0FDekI7UUFFRCxPQUFPLGlDQUFNLElBQUssQ0FBQyxLQUFLLENBQU8sQ0FBQztLQUNqQztJQUFDLE1BQU07UUFDTixPQUFPLHlDQUFnQixDQUFDO0tBQ3pCO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsUUFBUSxDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRTtJQUMvQixTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsU0FBUyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3BCLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNwQixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sUUFBUSxHQUFHLHNCQUFzQixDQUFDO0lBRXhDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDckIsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDO1FBQ3hCLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFM0QsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLENBQ3ZDLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUUsUUFBUTtZQUMxQixvQkFBQyxhQUFhLE9BQUcsQ0FDSCxDQUNqQixDQUFDO1FBRUYsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3RCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXZDLE1BQU0sVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLE9BQU8sRUFBRSxLQUFLLElBQUksRUFBRTtRQUNyQixTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBRTFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsTUFBTSxDQUN2QyxvQkFBQyxhQUFhLElBQUMsR0FBRyxFQUFFLFFBQVE7WUFDMUIsb0JBQUMsYUFBYSxtQkFBeUIsQ0FDekIsQ0FDakIsQ0FBQztRQUVGLE1BQU0sVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzFCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLFlBQVksRUFBRSxLQUFLLElBQUksRUFBRTtRQUMxQixNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLE1BQU0sQ0FDdkMsb0JBQUMsYUFBYSxtQkFBeUIsQ0FDeEMsQ0FBQztRQUVGLE1BQU0sVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzFCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLFNBQVMsRUFBRSxHQUFHLEVBQUU7UUFDakIsTUFBTSxLQUFLLEdBQUcsV0FBVyxDQUFDO1FBRTFCLE1BQU0sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxDQUN0QyxvQkFBQyxhQUFhLElBQUMsV0FBVyxFQUFFLEVBQUUsS0FBSyxFQUFFO1lBQ25DLG9CQUFDLGFBQWEsT0FBRyxDQUNILENBQ2pCLENBQUM7UUFFRixNQUFNLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDekIsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekMsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmV0Y2hQcm92aWRlci50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2hlbHBlcnMvZmV0Y2gvX190ZXN0c19fL0ZldGNoUHJvdmlkZXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFhLE1BQU0sT0FBTyxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxPQUFPLHFCQUFxQixDQUFDO0FBRTdCLE9BQU8sVUFBVSxNQUFNLG9CQUFvQixDQUFDO0FBQzVDLE1BQU0sU0FBUyxHQUFHLFVBQWlCLENBQUM7QUFFcEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUzRCxNQUFNLGFBQWEsR0FBVyxHQUFHLEVBQUU7SUFDakMsSUFBSTtRQUNGLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFFBQVEsRUFBcUIsQ0FBQztRQUUvRCxJQUFJLE9BQU8sRUFBRTtZQUNYLE9BQU8sMkNBQWtCLENBQUM7U0FDM0I7UUFFRCxJQUFJLEtBQUssRUFBRTtZQUNULE9BQU8seUNBQWdCLENBQUM7U0FDekI7UUFFRCxPQUFPLGlDQUFNLElBQUssQ0FBQyxLQUFLLENBQU8sQ0FBQztLQUNqQztJQUFDLE1BQU07UUFDTixPQUFPLHlDQUFnQixDQUFDO0tBQ3pCO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsUUFBUSxDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRTtJQUMvQixTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsU0FBUyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3BCLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNwQixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sUUFBUSxHQUFHLHNCQUFzQixDQUFDO0lBRXhDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDckIsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDO1FBQ3hCLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFM0QsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLENBQ3ZDLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUUsUUFBUTtZQUMxQixvQkFBQyxhQUFhLE9BQUcsQ0FDSCxDQUNqQixDQUFDO1FBRUYsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3RCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXZDLE1BQU0sVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLE9BQU8sRUFBRSxLQUFLLElBQUksRUFBRTtRQUNyQixTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBRTFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsTUFBTSxDQUN2QyxvQkFBQyxhQUFhLElBQUMsR0FBRyxFQUFFLFFBQVE7WUFDMUIsb0JBQUMsYUFBYSxtQkFBeUIsQ0FDekIsQ0FDakIsQ0FBQztRQUVGLE1BQU0sVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzFCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLFlBQVksRUFBRSxLQUFLLElBQUksRUFBRTtRQUMxQixNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLE1BQU0sQ0FDdkMsb0JBQUMsYUFBYSxtQkFBeUIsQ0FDeEMsQ0FBQztRQUVGLE1BQU0sVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzFCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLFNBQVMsRUFBRSxLQUFLLElBQUksRUFBRTtRQUN2QixNQUFNLEtBQUssR0FBRyxXQUFXLENBQUM7UUFFMUIsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsR0FBRyxNQUFNLENBQ3ZDLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsRUFBRSxLQUFLLEVBQUU7WUFDbkMsb0JBQUMsYUFBYSxPQUFHLENBQ0gsQ0FDakIsQ0FBQztRQUVGLE1BQU0sVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { BigNumbers } from './components/in-article-big-numbers/BigNumbers';
 export { BreakingArticleFlag, LiveArticleFlag } from './components/article-flag/LiveArticleFlag';
 export { ArticleFlag, ArticleFlags, NewArticleFlag, UpdatedArticleFlag, ExclusiveArticleFlag, SponsoredArticleFlag, LongReadArticleFlag } from './components/article-flag/ArticleFlag';
 export { Timelines } from './components/in-article-timelines/Timelines';
+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';

package/dist/index.js

@@ -7,6 +7,7 @@ export { BigNumbers } from './components/in-article-big-numbers/BigNumbers';
 export { BreakingArticleFlag, LiveArticleFlag } from './components/article-flag/LiveArticleFlag';
 export { ArticleFlag, ArticleFlags, NewArticleFlag, UpdatedArticleFlag, ExclusiveArticleFlag, SponsoredArticleFlag, LongReadArticleFlag } from './components/article-flag/ArticleFlag';
 export { Timelines } from './components/in-article-timelines/Timelines';
+export { SaveStar } from './components/save-star/SaveStar';
 // Newsletter Components
 export { AutoNewsletterPuff } from './components/newsletter-puff/AutoNewsletterPuff';
 export { InlineNewsletterPuff } from './components/newsletter-puff/InlineNewsletterPuff';
@@ -33,4 +34,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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUV4RSx3QkFBd0I7QUFDeEIsT0FBTyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLGlEQUFpRCxDQUFDO0FBQ3pELE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxtREFBbUQsQ0FBQztBQUMzRCxPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0sNEVBQTRFLENBQUM7QUFFcEYsbUJBQW1CO0FBQ25CLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSwwREFBMEQsQ0FBQztBQUNsRSxPQUFPLEVBQ0wscUJBQXFCLEVBQ3RCLE1BQU0sNERBQTRELENBQUM7QUFDcEUsT0FBTyxFQUNMLG1CQUFtQixFQUNwQixNQUFNLHdEQUF3RCxDQUFDO0FBQ2hFLE9BQU8sRUFDTCxzQkFBc0IsRUFDdkIsTUFBTSwrREFBK0QsQ0FBQztBQUV2RSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2xCLE1BQU0sb0RBQW9ELENBQUM7QUFDNUQsT0FBTyxFQUNMLGtCQUFrQixFQUNuQixNQUFNLHNEQUFzRCxDQUFDO0FBQzlELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxrREFBa0QsQ0FBQztBQUMxRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0seURBQXlELENBQUM7QUFFakUsNkJBQTZCO0FBQzdCLE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxvREFBb0QsQ0FBQztBQUU1RCxVQUFVO0FBQ1YsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzlELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSwrQ0FBK0MsQ0FBQztBQUN2RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3hCLE1BQU0sNENBQTRDLENBQUM7QUFFcEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFdkUsT0FBTyxFQUNMLE9BQU8sSUFBSSxhQUFhLEVBQ3pCLE1BQU0sMkNBQTJDLENBQUM7QUFFbkQsT0FBTyxFQUNMLGdCQUFnQixFQUNqQixNQUFNLGlEQUFpRCxDQUFDO0FBRXpELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXpFLE9BQU8sRUFDTCxPQUFPLElBQUksc0JBQXNCLEVBQ2xDLE1BQU0sZ0NBQWdDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCxvQkFBb0IsRUFDckIsTUFBTSxxRUFBcUUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixlQUFlLEVBQ2hCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNwQixNQUFNLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0Qsd0JBQXdCO0FBQ3hCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sbURBQW1ELENBQUM7QUFDM0QsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLDRFQUE0RSxDQUFDO0FBRXBGLG1CQUFtQjtBQUNuQixPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0sMERBQTBELENBQUM7QUFDbEUsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLDREQUE0RCxDQUFDO0FBQ3BFLE9BQU8sRUFDTCxtQkFBbUIsRUFDcEIsTUFBTSx3REFBd0QsQ0FBQztBQUNoRSxPQUFPLEVBQ0wsc0JBQXNCLEVBQ3ZCLE1BQU0sK0RBQStELENBQUM7QUFFdkUsT0FBTyxFQUNMLGlCQUFpQixFQUNsQixNQUFNLG9EQUFvRCxDQUFDO0FBQzVELE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxzREFBc0QsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0sa0RBQWtELENBQUM7QUFDMUQsT0FBTyxFQUNMLG1CQUFtQixFQUNwQixNQUFNLHlEQUF5RCxDQUFDO0FBRWpFLDZCQUE2QjtBQUM3QixPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0sb0RBQW9ELENBQUM7QUFFNUQsVUFBVTtBQUNWLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2pCLE1BQU0sK0NBQStDLENBQUM7QUFDdkQsT0FBTyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLDRDQUE0QyxDQUFDO0FBRXBELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRXZFLE9BQU8sRUFDTCxPQUFPLElBQUksYUFBYSxFQUN6QixNQUFNLDJDQUEyQyxDQUFDO0FBRW5ELE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxpREFBaUQsQ0FBQztBQUV6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUV6RSxPQUFPLEVBQ0wsT0FBTyxJQUFJLHNCQUFzQixFQUNsQyxNQUFNLGdDQUFnQyxDQUFDIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/ts-components",
-  "version": "1.54.9",
+  "version": "1.55.0",
   "description": "Reuseable Typescript React Components",
   "main": "dist/index.js",
   "dev": "dist/index.js",
@@ -49,17 +49,17 @@
     "node": ">=8.9"
   },
   "dependencies": {
-    "@times-components/button": "2.7.6",
-    "@times-components/date-publication": "0.24.5",
-    "@times-components/icons": "2.19.6",
-    "@times-components/image": "6.14.1",
-    "@times-components/link": "3.11.5",
-    "@times-components/provider": "1.33.5",
+    "@times-components/button": "2.7.7",
+    "@times-components/date-publication": "0.24.6",
+    "@times-components/icons": "2.19.7",
+    "@times-components/image": "6.14.2",
+    "@times-components/link": "3.11.6",
+    "@times-components/provider": "1.33.6",
     "@times-components/provider-queries": "2.18.0",
-    "@times-components/related-articles": "6.12.15",
-    "@times-components/ts-slices": "1.6.6",
-    "@times-components/ts-styleguide": "1.37.5",
-    "@times-components/utils": "6.15.5",
+    "@times-components/related-articles": "6.12.17",
+    "@times-components/ts-slices": "1.6.7",
+    "@times-components/ts-styleguide": "1.37.6",
+    "@times-components/utils": "6.15.6",
     "algoliasearch": "4.9.0",
     "date-fns": "2.28.0",
     "date-fns-tz": "1.3.3",
@@ -83,7 +83,7 @@
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^12.1.2",
     "@times-components/provider-test-tools": "1.27.0",
-    "@times-components/storybook": "4.5.5",
+    "@times-components/storybook": "4.5.6",
     "@times-components/test-utils": "2.4.0",
     "@types/lodash.get": "4.4.6",
     "@types/lodash.keyby": "4.6.6",
@@ -114,5 +114,5 @@
       "@testing-library/jest-dom/extend-expect"
     ]
   },
-  "gitHead": "5509fb4407fbee9a7e36774179b488622ed1dea4"
+  "gitHead": "4850e14b67950ecdef8730cea86c0a19960e16d2"
 }