@times-components/ts-components 1.64.2 → 1.65.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/components/article-flag/styles.js +4 -2
- package/dist/components/article-header/ArticleHeader.stories.js +11 -10
- package/dist/components/article-header/styles.js +2 -2
- package/dist/components/carousel/GalleryCarousel.stories.js +28 -12
- package/dist/components/common-styles.js +1 -1
- package/dist/components/in-article-big-numbers/BigNumbers.stories.js +25 -9
- package/dist/components/in-article-big-numbers/styles.js +1 -1
- package/dist/components/in-article-info-card/InfoCard.stories.js +35 -11
- package/dist/components/in-article-info-card-bulletpoints/InfoCardBulletPoints.stories.js +5 -6
- package/dist/components/in-article-link/styles.js +1 -1
- package/dist/components/in-article-puff/InArticlePuff.stories.js +25 -9
- package/dist/components/in-article-puff/styles.js +2 -3
- package/dist/components/in-article-related-articles/InArticleRelatedArticles.stories.js +11 -12
- package/dist/components/in-article-timelines/Timelines.stories.js +15 -7
- package/dist/components/in-article-timelines/styles.js +1 -1
- package/dist/components/inline-dialog/styles.js +1 -1
- package/dist/components/inline-message/styles.js +2 -2
- package/dist/components/newsletter-puff/newsletter-puff-button/styles.js +4 -4
- package/dist/components/olympics/medal-table/OlympicsMedalTable.stories.js +4 -5
- package/dist/components/olympics/schedule/OlympicsSchedule.stories.js +4 -5
- package/dist/components/opta/football/fixtures/styles.js +5 -4
- package/dist/components/opta/football/match-stats/styles.js +1 -1
- package/dist/components/opta/football/standings/styles.js +2 -2
- package/dist/components/opta/football/summary/styles.js +1 -1
- package/dist/components/opta/rugby/fixtures/styles.js +4 -3
- package/dist/components/opta/rugby/match-stats/styles.js +1 -1
- package/dist/components/opta/rugby/standings/styles.js +4 -3
- package/dist/components/opta/rugby/summary/styles.js +1 -1
- package/dist/components/recommended-articles/RecommendedArticles.stories.js +36 -9
- package/dist/components/save-star/SaveStar.stories.js +4 -5
- package/dist/components/save-star/styles.js +1 -1
- package/dist/components/updated-timestamp/styles.js +1 -1
- package/dist/helpers/text-crop/fonts.js +13 -5
- package/package.json +16 -16
- package/rnw.js +1 -1
- package/src/components/article-flag/__tests__/__snapshots__/LiveArticleFlag.test.tsx.snap +3 -3
- package/src/components/article-flag/styles.ts +3 -1
- package/src/components/article-header/ArticleHeader.stories.tsx +17 -16
- package/src/components/article-header/styles.ts +2 -2
- package/src/components/carousel/GalleryCarousel.stories.tsx +44 -19
- package/src/components/carousel/__tests__/__snapshots__/GalleryCarousel.test.tsx.snap +3 -3
- package/src/components/common-styles.ts +1 -1
- package/src/components/in-article-big-numbers/BigNumbers.stories.tsx +38 -13
- package/src/components/in-article-big-numbers/__tests__/__snapshots__/BigNumbers.test.tsx.snap +6 -6
- package/src/components/in-article-big-numbers/styles.ts +1 -1
- package/src/components/in-article-info-card/InfoCard.stories.tsx +54 -16
- package/src/components/in-article-info-card/__tests__/__snapshots__/InfoCard.test.tsx.snap +4 -4
- package/src/components/in-article-info-card-bulletpoints/InfoCardBulletPoints.stories.tsx +10 -10
- package/src/components/in-article-info-card-bulletpoints/__tests__/__snapshots__/InfoCardBulletPoints.test.tsx.snap +4 -4
- package/src/components/in-article-link/styles.ts +1 -1
- package/src/components/in-article-puff/InArticlePuff.stories.tsx +42 -17
- package/src/components/in-article-puff/__tests__/__snapshots__/InArticlePuff.test.tsx.snap +4 -4
- package/src/components/in-article-puff/styles.ts +1 -2
- package/src/components/in-article-related-articles/InArticleRelatedArticles.stories.tsx +26 -26
- package/src/components/in-article-related-articles/__tests__/__snapshots__/RelatedArticle.test.tsx.snap +2 -2
- package/src/components/in-article-related-articles/__tests__/__snapshots__/SingleRelatedArticle.test.tsx.snap +2 -2
- package/src/components/in-article-timelines/Timelines.stories.tsx +22 -10
- package/src/components/in-article-timelines/__tests__/__snapshots__/Timelines.test.tsx.snap +27 -27
- package/src/components/in-article-timelines/styles.ts +1 -1
- package/src/components/inline-dialog/__tests__/__snapshots__/InlineDialog.test.tsx.snap +1 -1
- package/src/components/inline-dialog/styles.ts +1 -1
- package/src/components/inline-message/__tests__/__snapshots__/InlineMessage.test.tsx.snap +2 -2
- package/src/components/inline-message/styles.ts +2 -2
- package/src/components/latest-from-section/__tests__/__snapshots__/LatestFromSection.test.tsx.snap +9 -9
- package/src/components/newsletter-puff/__tests__/__snapshots__/InlineNewsletterPuff.test.tsx.snap +3 -3
- package/src/components/newsletter-puff/newsletter-puff-button/styles.ts +3 -3
- package/src/components/newsletter-puff/preview-newsletter-puff/__tests__/__snapshots__/PreviewNewsletterPuff.test.tsx.snap +1 -1
- package/src/components/olympics/__tests__/__snapshots__/OlympicsMedalTable.test.tsx.snap +20 -20
- package/src/components/olympics/__tests__/__snapshots__/OlympicsSchedule.test.tsx.snap +28 -28
- package/src/components/olympics/medal-table/OlympicsMedalTable.stories.tsx +8 -11
- package/src/components/olympics/schedule/OlympicsSchedule.stories.tsx +8 -10
- package/src/components/opta/football/fixtures/__tests__/__snapshots__/OptaFootballFixtures.test.tsx.snap +2 -2
- package/src/components/opta/football/fixtures/styles.ts +4 -3
- package/src/components/opta/football/match-stats/__tests__/__snapshots__/OptaFootballMatchStats.test.tsx.snap +2 -2
- package/src/components/opta/football/match-stats/styles.ts +1 -1
- package/src/components/opta/football/standings/__tests__/__snapshots__/OptaFootballStandings.test.tsx.snap +2 -2
- package/src/components/opta/football/standings/styles.ts +2 -2
- package/src/components/opta/football/summary/__tests__/__snapshots__/OptaFootballSummary.test.tsx.snap +2 -2
- package/src/components/opta/football/summary/styles.ts +1 -1
- package/src/components/opta/rugby/fixtures/__tests__/__snapshots__/OptaRugbyFixtures.test.tsx.snap +2 -2
- package/src/components/opta/rugby/fixtures/styles.ts +3 -2
- package/src/components/opta/rugby/match-stats/__tests__/__snapshots__/OptaRugbyMatchStats.test.tsx.snap +2 -2
- package/src/components/opta/rugby/match-stats/styles.ts +1 -1
- package/src/components/opta/rugby/standings/__tests__/__snapshots__/OptaRugbyStandings.test.tsx.snap +2 -2
- package/src/components/opta/rugby/standings/styles.ts +3 -2
- package/src/components/opta/rugby/summary/__tests__/__snapshots__/OptaRugbySummary.test.tsx.snap +2 -2
- package/src/components/opta/rugby/summary/styles.ts +1 -1
- package/src/components/recommended-articles/RecommendedArticles.stories.tsx +46 -15
- package/src/components/related-article-slice/__tests__/__snapshots__/RelatedArticleSlice.test.tsx.snap +6 -6
- package/src/components/save-star/SaveStar.stories.tsx +16 -16
- package/src/components/save-star/__tests__/__snapshots__/SaveStar.test.tsx.snap +3 -3
- package/src/components/save-star/styles.ts +1 -1
- package/src/components/updated-timestamp/__tests__/__snapshots__/UpdatedTimestamp.test.tsx.snap +1 -1
- package/src/components/updated-timestamp/styles.ts +1 -1
- package/src/helpers/text-crop/__tests__/__snapshots__/TextCrop.test.tsx.snap +4 -4
- package/src/helpers/text-crop/fonts.ts +13 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.65.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.64.3...@times-components/ts-components@1.65.0) (2023-02-23)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TDP-2979:** updated times component to use Roboto ([#3244](https://github.com/newsuk/times-components/issues/3244)) ([45ba0ab](https://github.com/newsuk/times-components/commit/45ba0aba96f65670b4f24913398000667fc1f316))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [1.64.3](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.64.2...@times-components/ts-components@1.64.3) (2023-02-08)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @times-components/ts-components
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
## [1.64.2](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.64.1...@times-components/ts-components@1.64.2) (2023-02-02)
|
|
7
26
|
|
|
8
27
|
|
|
@@ -14,7 +14,9 @@ export const LiveArticleFlagText = styled.span `
|
|
|
14
14
|
color: #ffffff;
|
|
15
15
|
font-weight: 500;
|
|
16
16
|
font-size: 12px;
|
|
17
|
-
letter-spacing: 0.
|
|
17
|
+
letter-spacing: 0.05em;
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
18
20
|
`;
|
|
19
21
|
const flashing = keyframes `
|
|
20
22
|
0% {
|
|
@@ -77,4 +79,4 @@ export const FlagsContainer = styled.div `
|
|
|
77
79
|
margin-bottom: 15px;
|
|
78
80
|
margin-top: 5px;
|
|
79
81
|
`;
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1mbGFnL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFekQsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7OztDQU9qRCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQTtpQkFDN0IsS0FBSyxDQUFDLFVBQVU7Ozs7Ozs7Q0FPaEMsQ0FBQztBQUVGLE1BQU0sUUFBUSxHQUFHLFNBQVMsQ0FBQTs7Ozs7Ozs7Ozs7SUFXdEIsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLDRCQUE0QixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7O0NBS3JELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7ZUFHOUIsUUFBUTtDQUN0QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7OztDQUk3QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sNkJBQTZCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7OztDQUl0RCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7OztzQkFJckIsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSztDQUNsRSxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7OztXQU92QyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLO0NBQ3ZELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBd0I7a0JBQzNDLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Q0FDckUsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7OztDQUs5QixDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7OztDQUd2QyxDQUFDIn0=
|
|
@@ -20,19 +20,20 @@ const getAttributes = () => {
|
|
|
20
20
|
return { updated, breaking, headline };
|
|
21
21
|
};
|
|
22
22
|
storiesOf('Typescript Component/Article Header', module)
|
|
23
|
-
.addDecorator((storyFn) => (React.createElement(ArticleHarness, null, storyFn())))
|
|
24
23
|
.add('Article Header with headline', () => {
|
|
25
24
|
const props = getAttributes();
|
|
26
|
-
return (React.createElement(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
return (React.createElement(ArticleHarness, null,
|
|
26
|
+
React.createElement(ArticleHeader, { updated: props.updated,
|
|
27
|
+
// date={props.date}
|
|
28
|
+
// time={props.time}
|
|
29
|
+
breaking: props.breaking, headline: encodeURIComponent(props.headline) })));
|
|
30
30
|
})
|
|
31
31
|
.add('Article Header without headline', () => {
|
|
32
32
|
const props = getAttributes();
|
|
33
|
-
return (React.createElement(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
return (React.createElement(ArticleHarness, null,
|
|
34
|
+
React.createElement(ArticleHeader, { updated: props.updated,
|
|
35
|
+
// date={props.date}
|
|
36
|
+
// time={props.time}
|
|
37
|
+
breaking: props.breaking })));
|
|
37
38
|
});
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUhlYWRlci5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1oZWFkZXIvQXJ0aWNsZUhlYWRlci5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEQsT0FBTztBQUNMLFVBQVU7QUFDVixVQUFVLEVBQ1gsTUFBTSxVQUFVLENBQUM7QUFDbEIsZ0RBQWdEO0FBRWhELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUMvRSxPQUFPLGFBQWEsTUFBTSxpQkFBaUIsQ0FBQztBQUU1QyxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDekIsTUFBTSxFQUFFLEdBQUcsU0FBUyxDQUFDO0lBRXJCLE1BQU0sR0FBRyxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7SUFDdkIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFeEUsMkRBQTJEO0lBQzNELDREQUE0RDtJQUM1RCx3RUFBd0U7SUFFeEUsTUFBTSxPQUFPLEdBQUcsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsQ0FBQztJQUNuRCxNQUFNLFFBQVEsR0FBRyxNQUFNLENBQUMsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFekQsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxzQkFBc0IsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUU5RCxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsQ0FBQztBQUN6QyxDQUFDLENBQUM7QUFFRixTQUFTLENBQUMscUNBQXFDLEVBQUUsTUFBTSxDQUFDO0tBQ3JELEdBQUcsQ0FBQyw4QkFBOEIsRUFBRSxHQUFHLEVBQUU7SUFDeEMsTUFBTSxLQUFLLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFDOUIsT0FBTyxDQUNMLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQ1osT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPO1lBQ3RCLG9CQUFvQjtZQUNwQixvQkFBb0I7WUFDcEIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3hCLFFBQVEsRUFBRSxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQzVDLENBQ2EsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQztLQUNELEdBQUcsQ0FBQyxpQ0FBaUMsRUFBRSxHQUFHLEVBQUU7SUFDM0MsTUFBTSxLQUFLLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFDOUIsT0FBTyxDQUNMLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQ1osT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPO1lBQ3RCLG9CQUFvQjtZQUNwQixvQkFBb0I7WUFDcEIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEdBQ3hCLENBQ2EsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQyxDQUFDIn0=
|
|
@@ -30,13 +30,13 @@ export const TimeSincePublishingContainer = styled.div `
|
|
|
30
30
|
export const TimeSincePublishing = styled.div `
|
|
31
31
|
color: ${colours.functional.brandColour};
|
|
32
32
|
font-family: ${fonts.supporting};
|
|
33
|
-
font-size:
|
|
33
|
+
font-size: 13px;
|
|
34
34
|
line-height: 18px;
|
|
35
35
|
`;
|
|
36
36
|
const updatedStyle = css `
|
|
37
37
|
color: ${colours.functional.secondary};
|
|
38
38
|
font-family: ${fonts.supporting};
|
|
39
|
-
font-size:
|
|
39
|
+
font-size: 13px;
|
|
40
40
|
line-height: 18px;
|
|
41
41
|
`;
|
|
42
42
|
export const UpdatedTimeItems = styled.div `
|
|
@@ -7,21 +7,37 @@ import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextP
|
|
|
7
7
|
import previewData from '../../fixtures/preview-data/gallery-carousel';
|
|
8
8
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
9
9
|
storiesOf('Typescript Component/Gallery Carousel', module)
|
|
10
|
-
.
|
|
10
|
+
.add('Wide', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
11
11
|
component: 'ArticleSkeleton',
|
|
12
12
|
attrs: {
|
|
13
13
|
article_name: 'Headline',
|
|
14
14
|
section_details: 'Section'
|
|
15
15
|
}
|
|
16
16
|
} },
|
|
17
|
-
React.createElement(ArticleHarness, null,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
.add('Regular', () => (React.createElement(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
17
|
+
React.createElement(ArticleHarness, null,
|
|
18
|
+
React.createElement(FetchProvider, { previewData: previewData[43486] },
|
|
19
|
+
React.createElement("div", { style: { margin: '20px 0px' } },
|
|
20
|
+
React.createElement(GalleryCarousel, { sectionColour: "#13354E" })))))))
|
|
21
|
+
.add('Regular', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
22
|
+
component: 'ArticleSkeleton',
|
|
23
|
+
attrs: {
|
|
24
|
+
article_name: 'Headline',
|
|
25
|
+
section_details: 'Section'
|
|
26
|
+
}
|
|
27
|
+
} },
|
|
28
|
+
React.createElement(ArticleHarness, null,
|
|
29
|
+
React.createElement(FetchProvider, { previewData: previewData[43484] },
|
|
30
|
+
React.createElement("div", { style: { margin: '20px 0px' } },
|
|
31
|
+
React.createElement(GalleryCarousel, { sectionColour: "#13354E" })))))))
|
|
32
|
+
.add('Small', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
33
|
+
component: 'ArticleSkeleton',
|
|
34
|
+
attrs: {
|
|
35
|
+
article_name: 'Headline',
|
|
36
|
+
section_details: 'Section'
|
|
37
|
+
}
|
|
38
|
+
} },
|
|
39
|
+
React.createElement(ArticleHarness, null,
|
|
40
|
+
React.createElement(FetchProvider, { previewData: previewData[43434] },
|
|
41
|
+
React.createElement("div", { style: { margin: '20px 0px' } },
|
|
42
|
+
React.createElement(GalleryCarousel, { sectionColour: "#13354E" })))))));
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR2FsbGVyeUNhcm91c2VsLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJvdXNlbC9HYWxsZXJ5Q2Fyb3VzZWwuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUV6RixPQUFPLFdBQVcsTUFBTSw4Q0FBOEMsQ0FBQztBQUN2RSxPQUFPLGVBQWUsTUFBTSxvREFBb0QsQ0FBQztBQUVqRixTQUFTLENBQUMsdUNBQXVDLEVBQUUsTUFBTSxDQUFDO0tBQ3ZELEdBQUcsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDakIsb0JBQUMsdUJBQXVCLElBQ3RCLGVBQWUsRUFBRSxlQUFlLEVBQ2hDLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLFVBQVU7WUFDeEIsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRjtJQUVELG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDNUMsNkJBQUssS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRTtnQkFDaEMsb0JBQUMsZUFBZSxJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDdkMsQ0FDUSxDQUNELENBQ08sQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDcEIsb0JBQUMsdUJBQXVCLElBQ3RCLGVBQWUsRUFBRSxlQUFlLEVBQ2hDLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLFVBQVU7WUFDeEIsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRjtJQUVELG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDNUMsNkJBQUssS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRTtnQkFDaEMsb0JBQUMsZUFBZSxJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDdkMsQ0FDUSxDQUNELENBQ08sQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDbEIsb0JBQUMsdUJBQXVCLElBQ3RCLGVBQWUsRUFBRSxlQUFlLEVBQ2hDLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLFVBQVU7WUFDeEIsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRjtJQUVELG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDNUMsNkJBQUssS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRTtnQkFDaEMsb0JBQUMsZUFBZSxJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDdkMsQ0FDUSxDQUNELENBQ08sQ0FDM0IsQ0FBQyxDQUFDIn0=
|
|
@@ -6,18 +6,34 @@ import { BigNumbers } from './BigNumbers';
|
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
8
|
storiesOf('Typescript Component/In Article/Big Numbers', module)
|
|
9
|
-
.
|
|
9
|
+
.add('Standard without a headline', () => (React.createElement(TrackingContextProvider, { context: {
|
|
10
10
|
component: 'ArticleSkeleton',
|
|
11
11
|
attrs: {
|
|
12
12
|
article_name: 'articleHeadline',
|
|
13
13
|
section_details: 'section'
|
|
14
14
|
}
|
|
15
15
|
}, analyticsStream: analyticsStream },
|
|
16
|
-
React.createElement(ArticleHarness, null,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
.add('Standard with One Card', () => (React.createElement(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
16
|
+
React.createElement(ArticleHarness, null,
|
|
17
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/44335" },
|
|
18
|
+
React.createElement(BigNumbers, { sectionColour: "#636C17" }))))))
|
|
19
|
+
.add('Standard with One Card', () => (React.createElement(TrackingContextProvider, { context: {
|
|
20
|
+
component: 'ArticleSkeleton',
|
|
21
|
+
attrs: {
|
|
22
|
+
article_name: 'articleHeadline',
|
|
23
|
+
section_details: 'section'
|
|
24
|
+
}
|
|
25
|
+
}, analyticsStream: analyticsStream },
|
|
26
|
+
React.createElement(ArticleHarness, null,
|
|
27
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/44336" },
|
|
28
|
+
React.createElement(BigNumbers, { sectionColour: "#636C17" }))))))
|
|
29
|
+
.add('Wide with a headline', () => (React.createElement(TrackingContextProvider, { context: {
|
|
30
|
+
component: 'ArticleSkeleton',
|
|
31
|
+
attrs: {
|
|
32
|
+
article_name: 'articleHeadline',
|
|
33
|
+
section_details: 'section'
|
|
34
|
+
}
|
|
35
|
+
}, analyticsStream: analyticsStream },
|
|
36
|
+
React.createElement(ArticleHarness, null,
|
|
37
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/44334" },
|
|
38
|
+
React.createElement(BigNumbers, { sectionColour: "#636C17" }))))));
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmlnTnVtYmVycy5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS1iaWctbnVtYmVycy9CaWdOdW1iZXJzLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sZUFBZSxNQUFNLG9EQUFvRCxDQUFDO0FBRWpGLFNBQVMsQ0FBQyw2Q0FBNkMsRUFBRSxNQUFNLENBQUM7S0FDN0QsR0FBRyxDQUFDLDZCQUE2QixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ3hDLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsR0FBRyxFQUFDLCtEQUErRDtZQUNoRixvQkFBQyxVQUFVLElBQUMsYUFBYSxFQUFDLFNBQVMsR0FBRyxDQUN4QixDQUNELENBQ08sQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyx3QkFBd0IsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUNuQyxvQkFBQyx1QkFBdUIsSUFDdEIsT0FBTyxFQUFFO1FBQ1AsU0FBUyxFQUFFLGlCQUFpQjtRQUM1QixLQUFLLEVBQUU7WUFDTCxZQUFZLEVBQUUsaUJBQWlCO1lBQy9CLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0YsRUFDRCxlQUFlLEVBQUUsZUFBZTtJQUVoQyxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLEdBQUcsRUFBQywrREFBK0Q7WUFDaEYsb0JBQUMsVUFBVSxJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDeEIsQ0FDRCxDQUNPLENBQzNCLENBQUM7S0FDRCxHQUFHLENBQUMsc0JBQXNCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDakMsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixlQUFlLEVBQUUsU0FBUztTQUMzQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUMsK0RBQStEO1lBQ2hGLG9CQUFDLFVBQVUsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3hCLENBQ0QsQ0FDTyxDQUMzQixDQUFDLENBQUMifQ==
|
|
@@ -29,7 +29,7 @@ export const ContentContainer = styled.div `
|
|
|
29
29
|
export const StyledShowAllButton = styled(ShowAllButton) `
|
|
30
30
|
font-size: 12px;
|
|
31
31
|
margin: 15px 0;
|
|
32
|
-
padding:
|
|
32
|
+
padding: 8px 12px 7px;
|
|
33
33
|
`;
|
|
34
34
|
export const ListItem = styled.li `
|
|
35
35
|
flex: 1 0 50%;
|
|
@@ -7,20 +7,44 @@ import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextP
|
|
|
7
7
|
import previewData from '../../fixtures/preview-data/in-article-info-card';
|
|
8
8
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
9
9
|
storiesOf('Typescript Component/In Article/Info Card', module)
|
|
10
|
-
.
|
|
10
|
+
.add('Standard with Copy & Subtitle', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
11
11
|
component: 'ArticleSkeleton',
|
|
12
12
|
attrs: {
|
|
13
13
|
article_name: 'Headline',
|
|
14
14
|
section_details: 'Section'
|
|
15
15
|
}
|
|
16
16
|
} },
|
|
17
|
-
React.createElement(ArticleHarness, null,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
.add('Standard with Image', () => (React.createElement(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
17
|
+
React.createElement(ArticleHarness, null,
|
|
18
|
+
React.createElement(FetchProvider, { previewData: previewData[43606] },
|
|
19
|
+
React.createElement(InfoCard, { sectionColour: "#636C17" }))))))
|
|
20
|
+
.add('Standard with Image', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
21
|
+
component: 'ArticleSkeleton',
|
|
22
|
+
attrs: {
|
|
23
|
+
article_name: 'Headline',
|
|
24
|
+
section_details: 'Section'
|
|
25
|
+
}
|
|
26
|
+
} },
|
|
27
|
+
React.createElement(ArticleHarness, null,
|
|
28
|
+
React.createElement(FetchProvider, { previewData: previewData[43961] },
|
|
29
|
+
React.createElement(InfoCard, { sectionColour: "#636C17" }))))))
|
|
30
|
+
.add('Wide with Copy', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
31
|
+
component: 'ArticleSkeleton',
|
|
32
|
+
attrs: {
|
|
33
|
+
article_name: 'Headline',
|
|
34
|
+
section_details: 'Section'
|
|
35
|
+
}
|
|
36
|
+
} },
|
|
37
|
+
React.createElement(ArticleHarness, null,
|
|
38
|
+
React.createElement(FetchProvider, { previewData: previewData[43603] },
|
|
39
|
+
React.createElement(InfoCard, { sectionColour: "#636C17" }))))))
|
|
40
|
+
.add('Wide with Image', () => (React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: {
|
|
41
|
+
component: 'ArticleSkeleton',
|
|
42
|
+
attrs: {
|
|
43
|
+
article_name: 'Headline',
|
|
44
|
+
section_details: 'Section'
|
|
45
|
+
}
|
|
46
|
+
} },
|
|
47
|
+
React.createElement(ArticleHarness, null,
|
|
48
|
+
React.createElement(FetchProvider, { previewData: previewData[43614] },
|
|
49
|
+
React.createElement(InfoCard, { sectionColour: "#636C17" }))))));
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb0NhcmQuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2luLWFydGljbGUtaW5mby1jYXJkL0luZm9DYXJkLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBRXpGLE9BQU8sV0FBVyxNQUFNLGtEQUFrRCxDQUFDO0FBQzNFLE9BQU8sZUFBZSxNQUFNLG9EQUFvRCxDQUFDO0FBRWpGLFNBQVMsQ0FBQywyQ0FBMkMsRUFBRSxNQUFNLENBQUM7S0FDM0QsR0FBRyxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzFDLG9CQUFDLHVCQUF1QixJQUN0QixlQUFlLEVBQUUsZUFBZSxFQUNoQyxPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxVQUFVO1lBQ3hCLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0Y7SUFFRCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO1lBQzVDLG9CQUFDLFFBQVEsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3RCLENBQ0QsQ0FDTyxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLHFCQUFxQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ2hDLG9CQUFDLHVCQUF1QixJQUN0QixlQUFlLEVBQUUsZUFBZSxFQUNoQyxPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxVQUFVO1lBQ3hCLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0Y7SUFFRCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO1lBQzVDLG9CQUFDLFFBQVEsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3RCLENBQ0QsQ0FDTyxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLGdCQUFnQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzNCLG9CQUFDLHVCQUF1QixJQUN0QixlQUFlLEVBQUUsZUFBZSxFQUNoQyxPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxVQUFVO1lBQ3hCLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0Y7SUFFRCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO1lBQzVDLG9CQUFDLFFBQVEsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3RCLENBQ0QsQ0FDTyxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzVCLG9CQUFDLHVCQUF1QixJQUN0QixlQUFlLEVBQUUsZUFBZSxFQUNoQyxPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxVQUFVO1lBQ3hCLGVBQWUsRUFBRSxTQUFTO1NBQzNCO0tBQ0Y7SUFFRCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO1lBQzVDLG9CQUFDLFFBQVEsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3RCLENBQ0QsQ0FDTyxDQUMzQixDQUFDLENBQUMifQ==
|
|
@@ -5,15 +5,14 @@ import { FetchProvider } from '../../helpers/fetch/FetchProvider';
|
|
|
5
5
|
import { InfoCardBulletPoints } from './InfoCardBulletPoints';
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
|
-
storiesOf('Typescript Component/In Article/Info Card', module)
|
|
9
|
-
.addDecorator((storyFn) => (React.createElement(TrackingContextProvider, { context: {
|
|
8
|
+
storiesOf('Typescript Component/In Article/Info Card', module).add('Bullet Points', () => (React.createElement(TrackingContextProvider, { context: {
|
|
10
9
|
component: 'ArticleSkeleton',
|
|
11
10
|
attrs: {
|
|
12
11
|
article_name: 'articleHeadline',
|
|
13
12
|
section_details: 'section'
|
|
14
13
|
}
|
|
15
14
|
}, analyticsStream: analyticsStream },
|
|
16
|
-
React.createElement(ArticleHarness, null,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
React.createElement(ArticleHarness, null,
|
|
16
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/43978" },
|
|
17
|
+
React.createElement(InfoCardBulletPoints, { sectionColour: "#636C17" }))))));
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5mb0NhcmRCdWxsZXRQb2ludHMuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2luLWFydGljbGUtaW5mby1jYXJkLWJ1bGxldHBvaW50cy9JbmZvQ2FyZEJ1bGxldFBvaW50cy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxlQUFlLE1BQU0sb0RBQW9ELENBQUM7QUFFakYsU0FBUyxDQUFDLDJDQUEyQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDaEUsZUFBZSxFQUNmLEdBQUcsRUFBRSxDQUFDLENBQ0osb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixlQUFlLEVBQUUsU0FBUztTQUMzQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUMsK0RBQStEO1lBQ2hGLG9CQUFDLG9CQUFvQixJQUFDLGFBQWEsRUFBQyxTQUFTLEdBQUcsQ0FDbEMsQ0FDRCxDQUNPLENBQzNCLENBQ0YsQ0FBQyJ9
|
|
@@ -17,6 +17,6 @@ export const LinkText = styled.div `
|
|
|
17
17
|
margin-top: 1px;
|
|
18
18
|
margin-right: 12px;
|
|
19
19
|
font-family: ${fonts.supporting};
|
|
20
|
-
font-size:
|
|
20
|
+
font-size: 15px;
|
|
21
21
|
`;
|
|
22
22
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS1saW5rL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRWpFLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFBOzs7Ozs7Ozs7YUFTZixPQUFPLENBQUMsVUFBVSxDQUFDLFNBQVM7WUFDN0IsT0FBTyxDQUFDLFVBQVUsQ0FBQyxTQUFTOztDQUV2QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7OztpQkFHakIsS0FBSyxDQUFDLFVBQVU7O0NBRWhDLENBQUMifQ==
|
|
@@ -7,18 +7,34 @@ import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextP
|
|
|
7
7
|
import previewData from '../../fixtures/preview-data/in-article-puff';
|
|
8
8
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
9
9
|
storiesOf('Typescript Component/In Article/In Article Puff', module)
|
|
10
|
-
.
|
|
10
|
+
.add('Image', () => (React.createElement(TrackingContextProvider, { context: {
|
|
11
11
|
component: 'ArticleSkeleton',
|
|
12
12
|
attrs: {
|
|
13
13
|
article_name: 'articleHeadline',
|
|
14
14
|
section_details: 'section'
|
|
15
15
|
}
|
|
16
16
|
}, analyticsStream: analyticsStream },
|
|
17
|
-
React.createElement(ArticleHarness, null,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
.add('Image 3:2', () => (React.createElement(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
React.createElement(ArticleHarness, null,
|
|
18
|
+
React.createElement(FetchProvider, { previewData: previewData[41548] },
|
|
19
|
+
React.createElement(InArticlePuff, { sectionColour: "#13354e" }))))))
|
|
20
|
+
.add('Image 3:2', () => (React.createElement(TrackingContextProvider, { context: {
|
|
21
|
+
component: 'ArticleSkeleton',
|
|
22
|
+
attrs: {
|
|
23
|
+
article_name: 'articleHeadline',
|
|
24
|
+
section_details: 'section'
|
|
25
|
+
}
|
|
26
|
+
}, analyticsStream: analyticsStream },
|
|
27
|
+
React.createElement(ArticleHarness, null,
|
|
28
|
+
React.createElement(FetchProvider, { previewData: previewData[41548] },
|
|
29
|
+
React.createElement(InArticlePuff, { sectionColour: "#13354e", forceImageAspectRatio: "3:2", isLiveOrBreaking: "breaking" }))))))
|
|
30
|
+
.add('No Image', () => (React.createElement(TrackingContextProvider, { context: {
|
|
31
|
+
component: 'ArticleSkeleton',
|
|
32
|
+
attrs: {
|
|
33
|
+
article_name: 'articleHeadline',
|
|
34
|
+
section_details: 'section'
|
|
35
|
+
}
|
|
36
|
+
}, analyticsStream: analyticsStream },
|
|
37
|
+
React.createElement(ArticleHarness, null,
|
|
38
|
+
React.createElement(FetchProvider, { previewData: previewData[41547] },
|
|
39
|
+
React.createElement(InArticlePuff, { sectionColour: "#184e13", isLiveOrBreaking: "live" }))))));
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlUHVmZi5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS1wdWZmL0luQXJ0aWNsZVB1ZmYuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUV6RixPQUFPLFdBQVcsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RSxPQUFPLGVBQWUsTUFBTSxvREFBb0QsQ0FBQztBQUVqRixTQUFTLENBQUMsaURBQWlELEVBQUUsTUFBTSxDQUFDO0tBQ2pFLEdBQUcsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDbEIsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixlQUFlLEVBQUUsU0FBUztTQUMzQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUM1QyxvQkFBQyxhQUFhLElBQUMsYUFBYSxFQUFDLFNBQVMsR0FBRyxDQUMzQixDQUNELENBQ08sQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDdEIsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixlQUFlLEVBQUUsU0FBUztTQUMzQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUM1QyxvQkFBQyxhQUFhLElBQ1osYUFBYSxFQUFDLFNBQVMsRUFDdkIscUJBQXFCLEVBQUMsS0FBSyxFQUMzQixnQkFBZ0IsRUFBQyxVQUFVLEdBQzNCLENBQ1ksQ0FDRCxDQUNPLENBQzNCLENBQUM7S0FDRCxHQUFHLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ3JCLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDNUMsb0JBQUMsYUFBYSxJQUFDLGFBQWEsRUFBQyxTQUFTLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxHQUFHLENBQ25ELENBQ0QsQ0FDTyxDQUMzQixDQUFDLENBQUMifQ==
|
|
@@ -50,9 +50,8 @@ export const Label = styled.div `
|
|
|
50
50
|
font-family: ${fonts.supporting};
|
|
51
51
|
font-size: 12px;
|
|
52
52
|
|
|
53
|
-
letter-spacing: 0.1em;
|
|
54
53
|
text-transform: uppercase;
|
|
55
|
-
letter-spacing:
|
|
54
|
+
letter-spacing: 0.5px;
|
|
56
55
|
`;
|
|
57
56
|
export const Headline = styled.h4 `
|
|
58
57
|
margin: 0;
|
|
@@ -78,4 +77,4 @@ export const Copy = styled.div `
|
|
|
78
77
|
font-size: 16px;
|
|
79
78
|
line-height: 24px;
|
|
80
79
|
`;
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS1wdWZmL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU5RSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBMkI7Ozs7OztnQkFNOUMsQ0FBQyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxhQUFhLGFBQWEsRUFBRTs7Ozs7O3VCQU01QyxXQUFXLENBQUMsTUFBTTs7Ozs7dUJBS2xCLFdBQVcsQ0FBQyxJQUFJOzs7Q0FHdEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7Ozt1QkFRakIsV0FBVyxDQUFDLE1BQU07Ozs7O0NBS3hDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUF3Qjs7Ozs7dUJBSzNDLFdBQVcsQ0FBQyxNQUFNO2FBQzVCLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDOztDQUV6RCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQStDO29CQUMxRCxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztXQUN0RCxDQUFDLEVBQUUsYUFBYSxFQUFFLEVBQUUsRUFBRSxDQUFDLGFBQWE7aUJBQzlCLEtBQUssQ0FBQyxVQUFVOzs7OztDQUtoQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQXdCOzs7V0FHOUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXO2lCQUN4QixLQUFLLENBQUMsUUFBUTs7Ozs7Ozs7O3VCQVNSLFdBQVcsQ0FBQyxJQUFJO2lCQUN0QixDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzttQkFDNUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7O0NBRWhFLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTtXQUNuQixPQUFPLENBQUMsVUFBVSxDQUFDLFNBQVM7aUJBQ3RCLEtBQUssQ0FBQyxJQUFJOzs7Q0FHMUIsQ0FBQyJ9
|
|
@@ -27,19 +27,18 @@ const article3 = {
|
|
|
27
27
|
link: 'https://www.thetimes.co.uk/article/the-times-view-on-elephants-suction-technique-talented-trunks-h3ck3zx6g',
|
|
28
28
|
image: 'https://www.thetimes.co.uk/imageserver/image/methode%2Ftimes%2Fprod%2Fweb%2Fbin%2Ff1a0847a-c3ea-11eb-a26e-4c086490cfe1.jpg?crop=4418%2C2945%2C0%2C0&resize=685'
|
|
29
29
|
};
|
|
30
|
-
storiesOf('Typescript Component/In Article/Related Articles', module)
|
|
31
|
-
.addDecorator((storyFn) => (React.createElement(TrackingContextProvider, { context: {
|
|
32
|
-
component: 'ArticleSkeleton',
|
|
33
|
-
attrs: {
|
|
34
|
-
article_name: 'articleHeadline',
|
|
35
|
-
section_details: 'section'
|
|
36
|
-
}
|
|
37
|
-
}, analyticsStream: analyticsStream },
|
|
38
|
-
React.createElement(ArticleHarness, null, storyFn()))))
|
|
39
|
-
.add('Related Articles', () => {
|
|
30
|
+
storiesOf('Typescript Component/In Article/Related Articles', module).add('Related Articles', () => {
|
|
40
31
|
const numberOfArticles = select('Number of Articles', { Three: 3, Two: 2, One: 1 }, 3);
|
|
41
32
|
// @ts-ignore
|
|
42
33
|
const sectionColor = select('Section', colours.section, '#636C17');
|
|
43
|
-
return (React.createElement(
|
|
34
|
+
return (React.createElement(TrackingContextProvider, { context: {
|
|
35
|
+
component: 'ArticleSkeleton',
|
|
36
|
+
attrs: {
|
|
37
|
+
article_name: 'articleHeadline',
|
|
38
|
+
section_details: 'section'
|
|
39
|
+
}
|
|
40
|
+
}, analyticsStream: analyticsStream },
|
|
41
|
+
React.createElement(ArticleHarness, null,
|
|
42
|
+
React.createElement(InArticleRelatedArticles, { sectionColour: sectionColor, heading: "Related Articles", relatedArticles: [article1, article2, article3].filter(({}, index) => index < numberOfArticles), showImages: boolean('Show Images', true) }))));
|
|
44
43
|
});
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlUmVsYXRlZEFydGljbGVzLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbi1hcnRpY2xlLXJlbGF0ZWQtYXJ0aWNsZXMvSW5BcnRpY2xlUmVsYXRlZEFydGljbGVzLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFMUQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFdEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQy9FLE9BQU8sZUFBZSxNQUFNLG9EQUFvRCxDQUFDO0FBRWpGLE1BQU0sUUFBUSxHQUFHO0lBQ2YsS0FBSyxFQUFFLGFBQWE7SUFDcEIsUUFBUSxFQUFFLHFEQUFxRDtJQUMvRCxJQUFJLEVBQ0YsZ0dBQWdHO0lBQ2xHLEtBQUssRUFDSCxxS0FBcUs7SUFDdkssT0FBTyxFQUNMLDBNQUEwTTtJQUM1TSxhQUFhLEVBQUUsMEJBQTBCO0lBQ3pDLE1BQU0sRUFBRSx1QkFBdUI7Q0FDaEMsQ0FBQztBQUVGLE1BQU0sUUFBUSxHQUFHO0lBQ2YsS0FBSyxFQUFFLFVBQVU7SUFDakIsUUFBUSxFQUFFLDZDQUE2QztJQUN2RCxJQUFJLEVBQ0Ysb0dBQW9HO0lBQ3RHLEtBQUssRUFDSCwyR0FBMkc7Q0FDOUcsQ0FBQztBQUVGLE1BQU0sUUFBUSxHQUFHO0lBQ2YsS0FBSyxFQUFFLGlCQUFpQjtJQUN4QixRQUFRLEVBQUUsZ0RBQWdEO0lBQzFELElBQUksRUFDRiw0R0FBNEc7SUFDOUcsS0FBSyxFQUNILGdLQUFnSztDQUNuSyxDQUFDO0FBRUYsU0FBUyxDQUFDLGtEQUFrRCxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDdkUsa0JBQWtCLEVBQ2xCLEdBQUcsRUFBRTtJQUNILE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUM3QixvQkFBb0IsRUFDcEIsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUM1QixDQUFDLENBQ0YsQ0FBQztJQUNGLGFBQWE7SUFDYixNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDbkUsT0FBTyxDQUNMLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7WUFDUCxTQUFTLEVBQUUsaUJBQWlCO1lBQzVCLEtBQUssRUFBRTtnQkFDTCxZQUFZLEVBQUUsaUJBQWlCO2dCQUMvQixlQUFlLEVBQUUsU0FBUzthQUMzQjtTQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7UUFFaEMsb0JBQUMsY0FBYztZQUNiLG9CQUFDLHdCQUF3QixJQUN2QixhQUFhLEVBQUUsWUFBWSxFQUMzQixPQUFPLEVBQUMsa0JBQWtCLEVBQzFCLGVBQWUsRUFBRSxDQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUNwRCxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssR0FBRyxnQkFBZ0IsQ0FDeEMsRUFDRCxVQUFVLEVBQUUsT0FBTyxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsR0FDeEMsQ0FDYSxDQUNPLENBQzNCLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
|
@@ -6,16 +6,24 @@ import { Timelines } from './Timelines';
|
|
|
6
6
|
import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
|
|
7
7
|
import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
|
|
8
8
|
storiesOf('Typescript Component/In Article/Timelines', module)
|
|
9
|
-
.
|
|
9
|
+
.add('Timelines with Bullet Point', () => (React.createElement(TrackingContextProvider, { context: {
|
|
10
10
|
component: 'ArticleSkeleton',
|
|
11
11
|
attrs: {
|
|
12
12
|
article_name: 'articleHeadline',
|
|
13
13
|
section_details: 'section'
|
|
14
14
|
}
|
|
15
15
|
}, analyticsStream: analyticsStream },
|
|
16
|
-
React.createElement(ArticleHarness, null,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
.add('Timelines with Circular Image', () => (React.createElement(
|
|
20
|
-
|
|
21
|
-
|
|
16
|
+
React.createElement(ArticleHarness, null,
|
|
17
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/45060" },
|
|
18
|
+
React.createElement(Timelines, { sectionColour: "#008347" }))))))
|
|
19
|
+
.add('Timelines with Circular Image', () => (React.createElement(TrackingContextProvider, { context: {
|
|
20
|
+
component: 'ArticleSkeleton',
|
|
21
|
+
attrs: {
|
|
22
|
+
article_name: 'articleHeadline',
|
|
23
|
+
section_details: 'section'
|
|
24
|
+
}
|
|
25
|
+
}, analyticsStream: analyticsStream },
|
|
26
|
+
React.createElement(ArticleHarness, null,
|
|
27
|
+
React.createElement(FetchProvider, { url: "https://gobble.timesdev.tools/deck/api/deck-post-action/45061" },
|
|
28
|
+
React.createElement(Timelines, { sectionColour: "#008347" }))))));
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVzLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbi1hcnRpY2xlLXRpbWVsaW5lcy9UaW1lbGluZXMuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDeEMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxlQUFlLE1BQU0sb0RBQW9ELENBQUM7QUFFakYsU0FBUyxDQUFDLDJDQUEyQyxFQUFFLE1BQU0sQ0FBQztLQUMzRCxHQUFHLENBQUMsNkJBQTZCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDeEMsb0JBQUMsdUJBQXVCLElBQ3RCLE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxpQkFBaUI7UUFDNUIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixlQUFlLEVBQUUsU0FBUztTQUMzQjtLQUNGLEVBQ0QsZUFBZSxFQUFFLGVBQWU7SUFFaEMsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGFBQWEsSUFBQyxHQUFHLEVBQUMsK0RBQStEO1lBQ2hGLG9CQUFDLFNBQVMsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQ3ZCLENBQ0QsQ0FDTyxDQUMzQixDQUFDO0tBQ0QsR0FBRyxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQzFDLG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGNBQWM7UUFDYixvQkFBQyxhQUFhLElBQUMsR0FBRyxFQUFDLCtEQUErRDtZQUNoRixvQkFBQyxTQUFTLElBQUMsYUFBYSxFQUFDLFNBQVMsR0FBRyxDQUN2QixDQUNELENBQ08sQ0FDM0IsQ0FBQyxDQUFDIn0=
|
|
@@ -41,7 +41,7 @@ export const ContentContainer = styled.div `
|
|
|
41
41
|
export const Title = styled.div `
|
|
42
42
|
font-family: ${fonts.supporting};
|
|
43
43
|
font-weight: 700;
|
|
44
|
-
font-size:
|
|
44
|
+
font-size: 15px;
|
|
45
45
|
line-height: 16px;
|
|
46
46
|
|
|
47
47
|
margin-bottom: 6px;
|
|
@@ -49,7 +49,7 @@ export const Title = styled.div `
|
|
|
49
49
|
export const Description = styled.div `
|
|
50
50
|
font-family: ${fonts.supporting};
|
|
51
51
|
font-weight: 500;
|
|
52
|
-
font-size:
|
|
52
|
+
font-size: 13px;
|
|
53
53
|
line-height: 20px;
|
|
54
54
|
& a {
|
|
55
55
|
color: #333333;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
import { colours, fonts } from '@times-components/ts-styleguide';
|
|
3
3
|
export const PuffButton = styled.button `
|
|
4
|
-
font-family:
|
|
5
|
-
font-size:
|
|
4
|
+
font-family: ${fonts.supporting};
|
|
5
|
+
font-size: 15px;
|
|
6
6
|
line-height: 0;
|
|
7
7
|
align-items: center;
|
|
8
8
|
background-color: transparent;
|
|
@@ -12,7 +12,7 @@ export const PuffButton = styled.button `
|
|
|
12
12
|
height: 48px;
|
|
13
13
|
justify-content: center;
|
|
14
14
|
min-width: 100px;
|
|
15
|
-
padding-top:
|
|
15
|
+
padding-top: 2px;
|
|
16
16
|
width: 100%;
|
|
17
17
|
border-color: rgb(29, 29, 27);
|
|
18
18
|
border-width: 1px;
|
|
@@ -40,4 +40,4 @@ export const PuffLinkButton = styled.button `
|
|
|
40
40
|
text-decoration-line: none;
|
|
41
41
|
}
|
|
42
42
|
`;
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmV3c2xldHRlci1wdWZmL25ld3NsZXR0ZXItcHVmZi1idXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFakUsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUE7aUJBQ3RCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0F3QmhDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQTtXQUNoQyxPQUFPLENBQUMsVUFBVSxDQUFDLE1BQU07aUJBQ25CLEtBQUssQ0FBQyxJQUFJOzs7Ozs7Ozs7OztDQVcxQixDQUFDIn0=
|
|
@@ -4,11 +4,10 @@ import { OlympicsMedalTable } from './OlympicsMedalTable';
|
|
|
4
4
|
import { ArticleHarness } from '../../../fixtures/article-harness/ArticleHarness';
|
|
5
5
|
import { boolean, text } from '@storybook/addon-knobs';
|
|
6
6
|
import { config } from '../OlympicsKeys';
|
|
7
|
-
storiesOf('Typescript Component/Olympics', module)
|
|
8
|
-
.addDecorator((storyFn) => (React.createElement(ArticleHarness, null, storyFn())))
|
|
9
|
-
.add('Medal Table', () => {
|
|
7
|
+
storiesOf('Typescript Component/Olympics', module).add('Medal Table', () => {
|
|
10
8
|
const inArticle = boolean('Is In Article', true);
|
|
11
9
|
const highlighted = text('Highlighted Country', 'GBR');
|
|
12
|
-
return (React.createElement(
|
|
10
|
+
return (React.createElement(ArticleHarness, null,
|
|
11
|
+
React.createElement(OlympicsMedalTable, { keys: config.prod, highlighted: highlighted, inArticle: inArticle })));
|
|
13
12
|
});
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT2x5bXBpY3NNZWRhbFRhYmxlLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vbHltcGljcy9tZWRhbC10YWJsZS9PbHltcGljc01lZGFsVGFibGUuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDbEYsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFekMsU0FBUyxDQUFDLCtCQUErQixFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsR0FBRyxFQUFFO0lBQ3pFLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxlQUFlLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDakQsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFFLEtBQUssQ0FBQyxDQUFDO0lBRXZELE9BQU8sQ0FDTCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsa0JBQWtCLElBQ2pCLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNqQixXQUFXLEVBQUUsV0FBVyxFQUN4QixTQUFTLEVBQUUsU0FBUyxHQUNwQixDQUNhLENBQ2xCLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
|
|
@@ -4,10 +4,9 @@ import { OlympicsSchedule } from './OlympicsSchedule';
|
|
|
4
4
|
import { ArticleHarness } from '../../../fixtures/article-harness/ArticleHarness';
|
|
5
5
|
import { boolean } from '@storybook/addon-knobs';
|
|
6
6
|
import { config } from '../OlympicsKeys';
|
|
7
|
-
storiesOf('Typescript Component/Olympics', module)
|
|
8
|
-
.addDecorator((storyFn) => (React.createElement(ArticleHarness, null, storyFn())))
|
|
9
|
-
.add('Schedule', () => {
|
|
7
|
+
storiesOf('Typescript Component/Olympics', module).add('Schedule', () => {
|
|
10
8
|
const inArticle = boolean('Is In Article', true);
|
|
11
|
-
return React.createElement(
|
|
9
|
+
return (React.createElement(ArticleHarness, null,
|
|
10
|
+
React.createElement(OlympicsSchedule, { keys: config.prod, inArticle: inArticle })));
|
|
12
11
|
});
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT2x5bXBpY3NTY2hlZHVsZS5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb2x5bXBpY3Mvc2NoZWR1bGUvT2x5bXBpY3NTY2hlZHVsZS5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUNsRixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXpDLFNBQVMsQ0FBQywrQkFBK0IsRUFBRSxNQUFNLENBQUMsQ0FBQyxHQUFHLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRTtJQUN0RSxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ2pELE9BQU8sQ0FDTCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsZ0JBQWdCLElBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsR0FBSSxDQUM5QyxDQUNsQixDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==
|