@times-components/ts-components 1.35.3 → 1.36.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 +27 -0
- package/dist/components/recommended-articles/RecommendedArticles.d.ts +7 -0
- package/dist/components/recommended-articles/RecommendedArticles.js +23 -0
- package/dist/components/{styleguide/__tests__/styleguide.test.d.ts → recommended-articles/RecommendedArticles.stories.d.ts} +0 -0
- package/dist/components/recommended-articles/RecommendedArticles.stories.js +65 -0
- package/dist/components/{styleguide/styleguide.stories.d.ts → recommended-articles/__tests__/RecommendedArticles.test.d.ts} +0 -0
- package/dist/components/recommended-articles/__tests__/RecommendedArticles.test.js +67 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -3
- package/package.json +15 -15
- package/rnw.js +1 -1
- package/src/components/recommended-articles/RecommendedArticles.stories.tsx +82 -0
- package/src/components/recommended-articles/RecommendedArticles.tsx +59 -0
- package/src/components/recommended-articles/__tests__/RecommendedArticles.test.tsx +91 -0
- package/src/components/recommended-articles/__tests__/__snapshots__/RecommendedArticles.test.tsx.snap +71 -0
- package/src/index.ts +3 -22
- package/src/types/externs.d.ts +7 -0
- package/dist/components/styleguide/Styleguide.d.ts +0 -193
- package/dist/components/styleguide/Styleguide.js +0 -24
- package/dist/components/styleguide/__tests__/breakpoints.test.d.ts +0 -1
- package/dist/components/styleguide/__tests__/breakpoints.test.js +0 -46
- package/dist/components/styleguide/__tests__/styleguide.test.js +0 -48
- package/dist/components/styleguide/__tests__/themeFactory.test.d.ts +0 -1
- package/dist/components/styleguide/__tests__/themeFactory.test.js +0 -41
- package/dist/components/styleguide/breakpoints.d.ts +0 -37
- package/dist/components/styleguide/breakpoints.js +0 -42
- package/dist/components/styleguide/colours/colours.d.ts +0 -103
- package/dist/components/styleguide/colours/colours.js +0 -8
- package/dist/components/styleguide/colours/functional.d.ts +0 -32
- package/dist/components/styleguide/colours/functional.js +0 -33
- package/dist/components/styleguide/colours/section.d.ts +0 -68
- package/dist/components/styleguide/colours/section.js +0 -78
- package/dist/components/styleguide/components/Animations.d.ts +0 -6
- package/dist/components/styleguide/components/Animations.js +0 -19
- package/dist/components/styleguide/components/TcText.d.ts +0 -6
- package/dist/components/styleguide/components/TcText.js +0 -22
- package/dist/components/styleguide/components/TcView.d.ts +0 -6
- package/dist/components/styleguide/components/TcView.js +0 -21
- package/dist/components/styleguide/components/index.d.ts +0 -4
- package/dist/components/styleguide/components/index.js +0 -5
- package/dist/components/styleguide/fonts/font-factory.d.ts +0 -10
- package/dist/components/styleguide/fonts/font-factory.js +0 -12
- package/dist/components/styleguide/fonts/font-sizes.d.ts +0 -47
- package/dist/components/styleguide/fonts/font-sizes.js +0 -47
- package/dist/components/styleguide/fonts/font-styles.d.ts +0 -13
- package/dist/components/styleguide/fonts/font-styles.js +0 -13
- package/dist/components/styleguide/fonts/fonts.d.ts +0 -4
- package/dist/components/styleguide/fonts/fonts.js +0 -5
- package/dist/components/styleguide/helpers/storybookStyles.d.ts +0 -2
- package/dist/components/styleguide/helpers/storybookStyles.js +0 -54
- package/dist/components/styleguide/lineHeight.d.ts +0 -7
- package/dist/components/styleguide/lineHeight.js +0 -65
- package/dist/components/styleguide/scales.d.ts +0 -6
- package/dist/components/styleguide/scales.js +0 -6
- package/dist/components/styleguide/spacing.d.ts +0 -11
- package/dist/components/styleguide/spacing.js +0 -17
- package/dist/components/styleguide/styleguide.stories.js +0 -71
- package/dist/components/styleguide/themeFactory.d.ts +0 -8
- package/dist/components/styleguide/themeFactory.js +0 -59
- package/src/components/styleguide/Styleguide.tsx +0 -54
- package/src/components/styleguide/__tests__/breakpoints.test.ts +0 -67
- package/src/components/styleguide/__tests__/styleguide.test.tsx +0 -68
- package/src/components/styleguide/__tests__/themeFactory.test.ts +0 -44
- package/src/components/styleguide/breakpoints.tsx +0 -52
- package/src/components/styleguide/colours/colours.tsx +0 -8
- package/src/components/styleguide/colours/functional.tsx +0 -32
- package/src/components/styleguide/colours/section.tsx +0 -81
- package/src/components/styleguide/components/Animations.tsx +0 -22
- package/src/components/styleguide/components/TcText.tsx +0 -32
- package/src/components/styleguide/components/TcView.tsx +0 -27
- package/src/components/styleguide/components/index.tsx +0 -5
- package/src/components/styleguide/fonts/font-factory.tsx +0 -18
- package/src/components/styleguide/fonts/font-sizes.tsx +0 -46
- package/src/components/styleguide/fonts/font-styles.tsx +0 -12
- package/src/components/styleguide/fonts/fonts.tsx +0 -5
- package/src/components/styleguide/helpers/storybookStyles.ts +0 -55
- package/src/components/styleguide/lineHeight.tsx +0 -73
- package/src/components/styleguide/scales.tsx +0 -5
- package/src/components/styleguide/spacing.tsx +0 -19
- package/src/components/styleguide/styleguide.stories.tsx +0 -143
- package/src/components/styleguide/themeFactory.tsx +0 -82
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render } from '@testing-library/react';
|
|
3
|
-
import styleguide, { colours, fonts, spacing } from '../Styleguide';
|
|
4
|
-
import { Animations, TcText, TcView } from '../components';
|
|
5
|
-
import styles from '../helpers/storybookStyles';
|
|
6
|
-
describe('styleguide', () => {
|
|
7
|
-
it('should return correct storybook style', () => {
|
|
8
|
-
expect(styles.box.height).toEqual(100);
|
|
9
|
-
});
|
|
10
|
-
it('should render the object of section colours', () => {
|
|
11
|
-
expect(typeof colours.section).toBe('object');
|
|
12
|
-
});
|
|
13
|
-
it('should render the object of functional colours', () => {
|
|
14
|
-
expect(typeof colours.functional).toBe('object');
|
|
15
|
-
});
|
|
16
|
-
it('should multiply spacing values and add px property', () => {
|
|
17
|
-
expect(spacing(10)).toEqual('50px');
|
|
18
|
-
});
|
|
19
|
-
describe('fonts', () => {
|
|
20
|
-
it('should render the font sizes at the default scale', () => {
|
|
21
|
-
expect(styleguide().fontSizes.bodyMobile).toEqual(17);
|
|
22
|
-
});
|
|
23
|
-
it('should render the line height factory default scale', () => {
|
|
24
|
-
expect(styleguide().lineHeight({
|
|
25
|
-
font: 'body',
|
|
26
|
-
fontSize: 'secondary'
|
|
27
|
-
})).toEqual(27);
|
|
28
|
-
});
|
|
29
|
-
it('should render the object of font references', () => {
|
|
30
|
-
expect(typeof fonts).toBe('object');
|
|
31
|
-
});
|
|
32
|
-
it('should return object when fontFactory is called', () => {
|
|
33
|
-
expect(styleguide().fontFactory({ font: 'headline', fontSize: 'body' })).toEqual({
|
|
34
|
-
fontFamily: 'TimesModern-Bold',
|
|
35
|
-
fontSize: 18,
|
|
36
|
-
lineHeight: undefined
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
});
|
|
40
|
-
describe('components', () => {
|
|
41
|
-
it('should render the Animations component', () => {
|
|
42
|
-
expect(render(React.createElement(Animations.FadeIn, null,
|
|
43
|
-
React.createElement(TcView, { style: styles.container },
|
|
44
|
-
React.createElement(TcText, { style: styles.text }, "Hello World"))))).toBeTruthy();
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVndWlkZS50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVndWlkZS9fX3Rlc3RzX18vc3R5bGVndWlkZS50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRWhELE9BQU8sVUFBVSxFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNELE9BQU8sTUFBTSxNQUFNLDRCQUE0QixDQUFDO0FBRWhELFFBQVEsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFO0lBQzFCLEVBQUUsQ0FBQyx1Q0FBdUMsRUFBRSxHQUFHLEVBQUU7UUFDL0MsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDZDQUE2QyxFQUFFLEdBQUcsRUFBRTtRQUNyRCxNQUFNLENBQUMsT0FBTyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2hELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLGdEQUFnRCxFQUFFLEdBQUcsRUFBRTtRQUN4RCxNQUFNLENBQUMsT0FBTyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25ELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLG9EQUFvRCxFQUFFLEdBQUcsRUFBRTtRQUM1RCxNQUFNLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUMsQ0FBQyxDQUFDO0lBRUgsUUFBUSxDQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUU7UUFDckIsRUFBRSxDQUFDLG1EQUFtRCxFQUFFLEdBQUcsRUFBRTtZQUMzRCxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN4RCxDQUFDLENBQUMsQ0FBQztRQUVILEVBQUUsQ0FBQyxxREFBcUQsRUFBRSxHQUFHLEVBQUU7WUFDN0QsTUFBTSxDQUNKLFVBQVUsRUFBRSxDQUFDLFVBQVUsQ0FBQztnQkFDdEIsSUFBSSxFQUFFLE1BQU07Z0JBQ1osUUFBUSxFQUFFLFdBQVc7YUFDdEIsQ0FBQyxDQUNILENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2hCLENBQUMsQ0FBQyxDQUFDO1FBRUgsRUFBRSxDQUFDLDZDQUE2QyxFQUFFLEdBQUcsRUFBRTtZQUNyRCxNQUFNLENBQUMsT0FBTyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdEMsQ0FBQyxDQUFDLENBQUM7UUFFSCxFQUFFLENBQUMsaURBQWlELEVBQUUsR0FBRyxFQUFFO1lBQ3pELE1BQU0sQ0FDSixVQUFVLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUNqRSxDQUFDLE9BQU8sQ0FBQztnQkFDUixVQUFVLEVBQUUsa0JBQWtCO2dCQUM5QixRQUFRLEVBQUUsRUFBRTtnQkFDWixVQUFVLEVBQUUsU0FBUzthQUN0QixDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0lBRUgsUUFBUSxDQUFDLFlBQVksRUFBRSxHQUFHLEVBQUU7UUFDMUIsRUFBRSxDQUFDLHdDQUF3QyxFQUFFLEdBQUcsRUFBRTtZQUNoRCxNQUFNLENBQ0osTUFBTSxDQUNKLG9CQUFDLFVBQVUsQ0FBQyxNQUFNO2dCQUNoQixvQkFBQyxNQUFNLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTO29CQUM3QixvQkFBQyxNQUFNLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLGtCQUFzQixDQUN6QyxDQUNTLENBQ3JCLENBQ0YsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNqQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/react';
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import '@testing-library/react';
|
|
2
|
-
import themeFactory from '../themeFactory';
|
|
3
|
-
describe('themeFactory()', () => {
|
|
4
|
-
it('should return correct theme when section nor template is provided', () => {
|
|
5
|
-
expect(themeFactory()).toEqual({
|
|
6
|
-
dropCapFont: 'dropCap',
|
|
7
|
-
headlineCase: null,
|
|
8
|
-
headlineFont: 'headline',
|
|
9
|
-
pullQuoteFont: 'headlineRegular',
|
|
10
|
-
sectionColour: '#1D1D1B'
|
|
11
|
-
});
|
|
12
|
-
});
|
|
13
|
-
it('should return correct theme for an indepth style page', () => {
|
|
14
|
-
expect(themeFactory('Style', 'indepth')).toEqual({
|
|
15
|
-
dropCapFont: 'styleMagazine',
|
|
16
|
-
headlineFont: 'styleMagazine',
|
|
17
|
-
pullQuoteFont: 'styleMagazine',
|
|
18
|
-
sectionColour: undefined,
|
|
19
|
-
headlineCase: 'uppercase'
|
|
20
|
-
});
|
|
21
|
-
});
|
|
22
|
-
it('should return correct theme for a maincomment style page', () => {
|
|
23
|
-
expect(themeFactory('Style', 'maincomment')).toEqual({
|
|
24
|
-
dropCapFont: 'dropCap',
|
|
25
|
-
headlineFont: 'headline',
|
|
26
|
-
pullQuoteFont: 'headlineRegular',
|
|
27
|
-
sectionColour: '#BC3385',
|
|
28
|
-
headlineCase: null
|
|
29
|
-
});
|
|
30
|
-
});
|
|
31
|
-
it('should return correct theme for an indepth cultureMagazine page', () => {
|
|
32
|
-
expect(themeFactory('culture', 'indepth')).toEqual({
|
|
33
|
-
dropCapFont: 'cultureMagazine',
|
|
34
|
-
headlineFont: 'cultureMagazine',
|
|
35
|
-
pullQuoteFont: 'cultureMagazine',
|
|
36
|
-
sectionColour: undefined,
|
|
37
|
-
headlineCase: null
|
|
38
|
-
});
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWVGYWN0b3J5LnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zdHlsZWd1aWRlL19fdGVzdHNfXy90aGVtZUZhY3RvcnkudGVzdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLHdCQUF3QixDQUFDO0FBQ2hDLE9BQU8sWUFBWSxNQUFNLGlCQUFpQixDQUFDO0FBRTNDLFFBQVEsQ0FBQyxnQkFBZ0IsRUFBRSxHQUFHLEVBQUU7SUFDOUIsRUFBRSxDQUFDLG1FQUFtRSxFQUFFLEdBQUcsRUFBRTtRQUMzRSxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUM7WUFDN0IsV0FBVyxFQUFFLFNBQVM7WUFDdEIsWUFBWSxFQUFFLElBQUk7WUFDbEIsWUFBWSxFQUFFLFVBQVU7WUFDeEIsYUFBYSxFQUFFLGlCQUFpQjtZQUNoQyxhQUFhLEVBQUUsU0FBUztTQUN6QixDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyx1REFBdUQsRUFBRSxHQUFHLEVBQUU7UUFDL0QsTUFBTSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7WUFDL0MsV0FBVyxFQUFFLGVBQWU7WUFDNUIsWUFBWSxFQUFFLGVBQWU7WUFDN0IsYUFBYSxFQUFFLGVBQWU7WUFDOUIsYUFBYSxFQUFFLFNBQVM7WUFDeEIsWUFBWSxFQUFFLFdBQVc7U0FDMUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsMERBQTBELEVBQUUsR0FBRyxFQUFFO1FBQ2xFLE1BQU0sQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO1lBQ25ELFdBQVcsRUFBRSxTQUFTO1lBQ3RCLFlBQVksRUFBRSxVQUFVO1lBQ3hCLGFBQWEsRUFBRSxpQkFBaUI7WUFDaEMsYUFBYSxFQUFFLFNBQVM7WUFDeEIsWUFBWSxFQUFFLElBQUk7U0FDbkIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsaUVBQWlFLEVBQUUsR0FBRyxFQUFFO1FBQ3pFLE1BQU0sQ0FBQyxZQUFZLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO1lBQ2pELFdBQVcsRUFBRSxpQkFBaUI7WUFDOUIsWUFBWSxFQUFFLGlCQUFpQjtZQUMvQixhQUFhLEVBQUUsaUJBQWlCO1lBQ2hDLGFBQWEsRUFBRSxTQUFTO1lBQ3hCLFlBQVksRUFBRSxJQUFJO1NBQ25CLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
declare const editionBreakpoints: {
|
|
2
|
-
huge: string;
|
|
3
|
-
medium: string;
|
|
4
|
-
small: string;
|
|
5
|
-
wide: string;
|
|
6
|
-
};
|
|
7
|
-
declare const editionBreakpointWidths: {
|
|
8
|
-
huge: number;
|
|
9
|
-
medium: number;
|
|
10
|
-
wide: number;
|
|
11
|
-
};
|
|
12
|
-
declare const editionMaxWidth: number;
|
|
13
|
-
declare const sliceContentMaxWidth = 1180;
|
|
14
|
-
declare const getEditionBreakpoint: (width: {}) => string;
|
|
15
|
-
export { editionBreakpoints, editionMaxWidth, editionBreakpointWidths, sliceContentMaxWidth, getEditionBreakpoint };
|
|
16
|
-
declare const _default: {
|
|
17
|
-
huge: number;
|
|
18
|
-
medium: number;
|
|
19
|
-
nativeTablet: number;
|
|
20
|
-
nativeTabletWide: number;
|
|
21
|
-
small: number;
|
|
22
|
-
wide: number;
|
|
23
|
-
editionBreakpoints: {
|
|
24
|
-
huge: string;
|
|
25
|
-
medium: string;
|
|
26
|
-
small: string;
|
|
27
|
-
wide: string;
|
|
28
|
-
};
|
|
29
|
-
editionMaxWidth: number;
|
|
30
|
-
editionBreakpointWidths: {
|
|
31
|
-
huge: number;
|
|
32
|
-
medium: number;
|
|
33
|
-
wide: number;
|
|
34
|
-
};
|
|
35
|
-
sliceContentMaxWidth: number;
|
|
36
|
-
};
|
|
37
|
-
export default _default;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
const widths = {
|
|
2
|
-
huge: 1320,
|
|
3
|
-
medium: 768,
|
|
4
|
-
nativeTablet: 660,
|
|
5
|
-
nativeTabletWide: 1194,
|
|
6
|
-
small: 520,
|
|
7
|
-
wide: 1024
|
|
8
|
-
};
|
|
9
|
-
const editionBreakpoints = {
|
|
10
|
-
huge: 'huge',
|
|
11
|
-
medium: 'medium',
|
|
12
|
-
small: 'small',
|
|
13
|
-
wide: 'wide'
|
|
14
|
-
};
|
|
15
|
-
const editionBreakpointWidths = {
|
|
16
|
-
huge: 1366,
|
|
17
|
-
medium: 768,
|
|
18
|
-
wide: 1024
|
|
19
|
-
};
|
|
20
|
-
const editionMaxWidth = editionBreakpointWidths.huge;
|
|
21
|
-
const sliceContentMaxWidth = 1180;
|
|
22
|
-
const getEditionBreakpoint = (width) => {
|
|
23
|
-
if (width < editionBreakpointWidths.medium) {
|
|
24
|
-
return editionBreakpoints.small;
|
|
25
|
-
}
|
|
26
|
-
if (width < editionBreakpointWidths.wide) {
|
|
27
|
-
return editionBreakpoints.medium;
|
|
28
|
-
}
|
|
29
|
-
if (width < editionBreakpointWidths.huge) {
|
|
30
|
-
return editionBreakpoints.wide;
|
|
31
|
-
}
|
|
32
|
-
return editionBreakpoints.huge;
|
|
33
|
-
};
|
|
34
|
-
export { editionBreakpoints, editionMaxWidth, editionBreakpointWidths, sliceContentMaxWidth, getEditionBreakpoint };
|
|
35
|
-
export default {
|
|
36
|
-
editionBreakpoints,
|
|
37
|
-
editionMaxWidth,
|
|
38
|
-
editionBreakpointWidths,
|
|
39
|
-
sliceContentMaxWidth,
|
|
40
|
-
...widths
|
|
41
|
-
};
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zdHlsZWd1aWRlL2JyZWFrcG9pbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE1BQU0sR0FBRztJQUNiLElBQUksRUFBRSxJQUFJO0lBQ1YsTUFBTSxFQUFFLEdBQUc7SUFDWCxZQUFZLEVBQUUsR0FBRztJQUNqQixnQkFBZ0IsRUFBRSxJQUFJO0lBQ3RCLEtBQUssRUFBRSxHQUFHO0lBQ1YsSUFBSSxFQUFFLElBQUk7Q0FDWCxDQUFDO0FBRUYsTUFBTSxrQkFBa0IsR0FBRztJQUN6QixJQUFJLEVBQUUsTUFBTTtJQUNaLE1BQU0sRUFBRSxRQUFRO0lBQ2hCLEtBQUssRUFBRSxPQUFPO0lBQ2QsSUFBSSxFQUFFLE1BQU07Q0FDYixDQUFDO0FBRUYsTUFBTSx1QkFBdUIsR0FBRztJQUM5QixJQUFJLEVBQUUsSUFBSTtJQUNWLE1BQU0sRUFBRSxHQUFHO0lBQ1gsSUFBSSxFQUFFLElBQUk7Q0FDWCxDQUFDO0FBQ0YsTUFBTSxlQUFlLEdBQUcsdUJBQXVCLENBQUMsSUFBSSxDQUFDO0FBQ3JELE1BQU0sb0JBQW9CLEdBQUcsSUFBSSxDQUFDO0FBRWxDLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxLQUFTLEVBQUUsRUFBRTtJQUN6QyxJQUFJLEtBQUssR0FBRyx1QkFBdUIsQ0FBQyxNQUFNLEVBQUU7UUFDMUMsT0FBTyxrQkFBa0IsQ0FBQyxLQUFLLENBQUM7S0FDakM7SUFDRCxJQUFJLEtBQUssR0FBRyx1QkFBdUIsQ0FBQyxJQUFJLEVBQUU7UUFDeEMsT0FBTyxrQkFBa0IsQ0FBQyxNQUFNLENBQUM7S0FDbEM7SUFDRCxJQUFJLEtBQUssR0FBRyx1QkFBdUIsQ0FBQyxJQUFJLEVBQUU7UUFDeEMsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUM7S0FDaEM7SUFDRCxPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQztBQUNqQyxDQUFDLENBQUM7QUFFRixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLGVBQWUsRUFDZix1QkFBdUIsRUFDdkIsb0JBQW9CLEVBQ3BCLG9CQUFvQixFQUNyQixDQUFDO0FBRUYsZUFBZTtJQUNiLGtCQUFrQjtJQUNsQixlQUFlO0lBQ2YsdUJBQXVCO0lBQ3ZCLG9CQUFvQjtJQUNwQixHQUFHLE1BQU07Q0FDVixDQUFDIn0=
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
functional: {
|
|
3
|
-
action: string;
|
|
4
|
-
actionPressed: string;
|
|
5
|
-
articleFlagExclusive: string;
|
|
6
|
-
articleFlagNew: string;
|
|
7
|
-
articleFlagUpdated: string;
|
|
8
|
-
backgroundPrimary: string;
|
|
9
|
-
backgroundSecondary: string;
|
|
10
|
-
black: string;
|
|
11
|
-
border: string;
|
|
12
|
-
brandColour: string;
|
|
13
|
-
bullet: string;
|
|
14
|
-
contrast: string;
|
|
15
|
-
darkSupplement: string;
|
|
16
|
-
greyLabel: string;
|
|
17
|
-
greyStickyBarBoxShadow: string;
|
|
18
|
-
greyStickyBarBorderBottom: string;
|
|
19
|
-
gutter: string;
|
|
20
|
-
keyline: string;
|
|
21
|
-
modalBackground: string;
|
|
22
|
-
newsletterPuffBackground: string;
|
|
23
|
-
overlayGradientEnd: string;
|
|
24
|
-
overlayGradientFallback: string;
|
|
25
|
-
overlayGradientStart: string;
|
|
26
|
-
primary: string;
|
|
27
|
-
secondary: string;
|
|
28
|
-
tertiary: string;
|
|
29
|
-
transparentBlack: string;
|
|
30
|
-
transparentWhite: string;
|
|
31
|
-
white: string;
|
|
32
|
-
whiteGrey: string;
|
|
33
|
-
};
|
|
34
|
-
secondarySectionColours: {
|
|
35
|
-
'The Sunday Times Magazine': string;
|
|
36
|
-
thesundaytimesmagazine: string;
|
|
37
|
-
};
|
|
38
|
-
section: {
|
|
39
|
-
'Arts & Features': string;
|
|
40
|
-
'Bricks & Mortar': string;
|
|
41
|
-
Business: string;
|
|
42
|
-
Comment: string;
|
|
43
|
-
Culture: string;
|
|
44
|
-
Driving: string;
|
|
45
|
-
Focus: string;
|
|
46
|
-
Gardening: string;
|
|
47
|
-
Home: string;
|
|
48
|
-
Ireland: string;
|
|
49
|
-
Law: string;
|
|
50
|
-
Money: string;
|
|
51
|
-
News: string;
|
|
52
|
-
'News Review': string;
|
|
53
|
-
Puzzles: string;
|
|
54
|
-
Register: string;
|
|
55
|
-
'Saturday Review': string;
|
|
56
|
-
Scotland: string;
|
|
57
|
-
Sport: string;
|
|
58
|
-
Style: string;
|
|
59
|
-
'Tech & Games': string;
|
|
60
|
-
'The Dish': string;
|
|
61
|
-
'The Game': string;
|
|
62
|
-
'The Sunday Times Magazine': string;
|
|
63
|
-
'The Times Magazine': string;
|
|
64
|
-
Times2: string;
|
|
65
|
-
"Today's Magazines": string;
|
|
66
|
-
Travel: string;
|
|
67
|
-
Weekend: string;
|
|
68
|
-
World: string;
|
|
69
|
-
artsfeatures: string;
|
|
70
|
-
bricksmortar: string;
|
|
71
|
-
business: string;
|
|
72
|
-
comment: string;
|
|
73
|
-
culture: string;
|
|
74
|
-
default: string;
|
|
75
|
-
defcon: string;
|
|
76
|
-
driving: string;
|
|
77
|
-
focus: string;
|
|
78
|
-
gardening: string;
|
|
79
|
-
home: string;
|
|
80
|
-
ireland: string;
|
|
81
|
-
law: string;
|
|
82
|
-
money: string;
|
|
83
|
-
news: string;
|
|
84
|
-
newsreview: string;
|
|
85
|
-
puzzle: string;
|
|
86
|
-
register: string;
|
|
87
|
-
saturdayreview: string;
|
|
88
|
-
scotland: string;
|
|
89
|
-
sport: string;
|
|
90
|
-
style: string;
|
|
91
|
-
techgames: string;
|
|
92
|
-
thedish: string;
|
|
93
|
-
thegame: string;
|
|
94
|
-
thesundaytimesmagazine: string;
|
|
95
|
-
thetimesmagazine: string;
|
|
96
|
-
times2: string;
|
|
97
|
-
todaysmagazines: string;
|
|
98
|
-
travel: string;
|
|
99
|
-
weekend: string;
|
|
100
|
-
world: string;
|
|
101
|
-
};
|
|
102
|
-
};
|
|
103
|
-
export default _default;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { sectionColours, secondarySectionColours } from './section';
|
|
2
|
-
import { functionalColours } from './functional';
|
|
3
|
-
export default {
|
|
4
|
-
functional: functionalColours,
|
|
5
|
-
secondarySectionColours,
|
|
6
|
-
section: sectionColours
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Vycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvY29sb3Vycy9jb2xvdXJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUVqRCxlQUFlO0lBQ2IsVUFBVSxFQUFFLGlCQUFpQjtJQUM3Qix1QkFBdUI7SUFDdkIsT0FBTyxFQUFFLGNBQWM7Q0FDeEIsQ0FBQyJ9
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
export declare const functionalColours: {
|
|
2
|
-
action: string;
|
|
3
|
-
actionPressed: string;
|
|
4
|
-
articleFlagExclusive: string;
|
|
5
|
-
articleFlagNew: string;
|
|
6
|
-
articleFlagUpdated: string;
|
|
7
|
-
backgroundPrimary: string;
|
|
8
|
-
backgroundSecondary: string;
|
|
9
|
-
black: string;
|
|
10
|
-
border: string;
|
|
11
|
-
brandColour: string;
|
|
12
|
-
bullet: string;
|
|
13
|
-
contrast: string;
|
|
14
|
-
darkSupplement: string;
|
|
15
|
-
greyLabel: string;
|
|
16
|
-
greyStickyBarBoxShadow: string;
|
|
17
|
-
greyStickyBarBorderBottom: string;
|
|
18
|
-
gutter: string;
|
|
19
|
-
keyline: string;
|
|
20
|
-
modalBackground: string;
|
|
21
|
-
newsletterPuffBackground: string;
|
|
22
|
-
overlayGradientEnd: string;
|
|
23
|
-
overlayGradientFallback: string;
|
|
24
|
-
overlayGradientStart: string;
|
|
25
|
-
primary: string;
|
|
26
|
-
secondary: string;
|
|
27
|
-
tertiary: string;
|
|
28
|
-
transparentBlack: string;
|
|
29
|
-
transparentWhite: string;
|
|
30
|
-
white: string;
|
|
31
|
-
whiteGrey: string;
|
|
32
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
export const functionalColours = {
|
|
2
|
-
action: '#006699',
|
|
3
|
-
actionPressed: '#0077B3',
|
|
4
|
-
articleFlagExclusive: '#C51D24',
|
|
5
|
-
articleFlagNew: '#E34605',
|
|
6
|
-
articleFlagUpdated: '#3C81BE',
|
|
7
|
-
backgroundPrimary: '#F9F9F9',
|
|
8
|
-
backgroundSecondary: '#EDEDED',
|
|
9
|
-
black: '#000000',
|
|
10
|
-
border: '#F0F0F0',
|
|
11
|
-
brandColour: '#1D1D1B',
|
|
12
|
-
bullet: '#103546',
|
|
13
|
-
contrast: '#FFFFFF',
|
|
14
|
-
darkSupplement: '#272D34',
|
|
15
|
-
greyLabel: '#CCC',
|
|
16
|
-
greyStickyBarBoxShadow: '#c9c7c7ed',
|
|
17
|
-
greyStickyBarBorderBottom: '#ffffffdb',
|
|
18
|
-
gutter: '#f0f0f0',
|
|
19
|
-
keyline: '#DBDBDB',
|
|
20
|
-
modalBackground: '#000000',
|
|
21
|
-
newsletterPuffBackground: '#F9F8F3',
|
|
22
|
-
overlayGradientEnd: '#00000000',
|
|
23
|
-
overlayGradientFallback: '#000000B3',
|
|
24
|
-
overlayGradientStart: '#000000E6',
|
|
25
|
-
primary: '#333333',
|
|
26
|
-
secondary: '#696969',
|
|
27
|
-
tertiary: '#4D4D4D',
|
|
28
|
-
transparentBlack: 'rgba(0, 0, 0, 0.6)',
|
|
29
|
-
transparentWhite: 'rgba(255, 255, 255, 0.3)',
|
|
30
|
-
white: '#FFFFFF',
|
|
31
|
-
whiteGrey: '#F5F5F5'
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuY3Rpb25hbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvY29sb3Vycy9mdW5jdGlvbmFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRztJQUMvQixNQUFNLEVBQUUsU0FBUztJQUNqQixhQUFhLEVBQUUsU0FBUztJQUN4QixvQkFBb0IsRUFBRSxTQUFTO0lBQy9CLGNBQWMsRUFBRSxTQUFTO0lBQ3pCLGtCQUFrQixFQUFFLFNBQVM7SUFDN0IsaUJBQWlCLEVBQUUsU0FBUztJQUM1QixtQkFBbUIsRUFBRSxTQUFTO0lBQzlCLEtBQUssRUFBRSxTQUFTO0lBQ2hCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLFdBQVcsRUFBRSxTQUFTO0lBQ3RCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLGNBQWMsRUFBRSxTQUFTO0lBQ3pCLFNBQVMsRUFBRSxNQUFNO0lBQ2pCLHNCQUFzQixFQUFFLFdBQVc7SUFDbkMseUJBQXlCLEVBQUUsV0FBVztJQUN0QyxNQUFNLEVBQUUsU0FBUztJQUNqQixPQUFPLEVBQUUsU0FBUztJQUNsQixlQUFlLEVBQUUsU0FBUztJQUMxQix3QkFBd0IsRUFBRSxTQUFTO0lBQ25DLGtCQUFrQixFQUFFLFdBQVc7SUFDL0IsdUJBQXVCLEVBQUUsV0FBVztJQUNwQyxvQkFBb0IsRUFBRSxXQUFXO0lBQ2pDLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLGdCQUFnQixFQUFFLG9CQUFvQjtJQUN0QyxnQkFBZ0IsRUFBRSwwQkFBMEI7SUFDNUMsS0FBSyxFQUFFLFNBQVM7SUFDaEIsU0FBUyxFQUFFLFNBQVM7Q0FDckIsQ0FBQyJ9
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
export declare const sectionColours: {
|
|
2
|
-
'Arts & Features': string;
|
|
3
|
-
'Bricks & Mortar': string;
|
|
4
|
-
Business: string;
|
|
5
|
-
Comment: string;
|
|
6
|
-
Culture: string;
|
|
7
|
-
Driving: string;
|
|
8
|
-
Focus: string;
|
|
9
|
-
Gardening: string;
|
|
10
|
-
Home: string;
|
|
11
|
-
Ireland: string;
|
|
12
|
-
Law: string;
|
|
13
|
-
Money: string;
|
|
14
|
-
News: string;
|
|
15
|
-
'News Review': string;
|
|
16
|
-
Puzzles: string;
|
|
17
|
-
Register: string;
|
|
18
|
-
'Saturday Review': string;
|
|
19
|
-
Scotland: string;
|
|
20
|
-
Sport: string;
|
|
21
|
-
Style: string;
|
|
22
|
-
'Tech & Games': string;
|
|
23
|
-
'The Dish': string;
|
|
24
|
-
'The Game': string;
|
|
25
|
-
'The Sunday Times Magazine': string;
|
|
26
|
-
'The Times Magazine': string;
|
|
27
|
-
Times2: string;
|
|
28
|
-
"Today's Magazines": string;
|
|
29
|
-
Travel: string;
|
|
30
|
-
Weekend: string;
|
|
31
|
-
World: string;
|
|
32
|
-
artsfeatures: string;
|
|
33
|
-
bricksmortar: string;
|
|
34
|
-
business: string;
|
|
35
|
-
comment: string;
|
|
36
|
-
culture: string;
|
|
37
|
-
default: string;
|
|
38
|
-
defcon: string;
|
|
39
|
-
driving: string;
|
|
40
|
-
focus: string;
|
|
41
|
-
gardening: string;
|
|
42
|
-
home: string;
|
|
43
|
-
ireland: string;
|
|
44
|
-
law: string;
|
|
45
|
-
money: string;
|
|
46
|
-
news: string;
|
|
47
|
-
newsreview: string;
|
|
48
|
-
puzzle: string;
|
|
49
|
-
register: string;
|
|
50
|
-
saturdayreview: string;
|
|
51
|
-
scotland: string;
|
|
52
|
-
sport: string;
|
|
53
|
-
style: string;
|
|
54
|
-
techgames: string;
|
|
55
|
-
thedish: string;
|
|
56
|
-
thegame: string;
|
|
57
|
-
thesundaytimesmagazine: string;
|
|
58
|
-
thetimesmagazine: string;
|
|
59
|
-
times2: string;
|
|
60
|
-
todaysmagazines: string;
|
|
61
|
-
travel: string;
|
|
62
|
-
weekend: string;
|
|
63
|
-
world: string;
|
|
64
|
-
};
|
|
65
|
-
export declare const secondarySectionColours: {
|
|
66
|
-
'The Sunday Times Magazine': string;
|
|
67
|
-
thesundaytimesmagazine: string;
|
|
68
|
-
};
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
const primaryColoursBase = {
|
|
2
|
-
artsfeatures: '#622956',
|
|
3
|
-
bricksmortar: '#006469',
|
|
4
|
-
business: '#005B8D',
|
|
5
|
-
comment: '#850029',
|
|
6
|
-
culture: '#7B0046',
|
|
7
|
-
default: '#1D1D1B',
|
|
8
|
-
defcon: '#FF1D25',
|
|
9
|
-
driving: '#C04605',
|
|
10
|
-
focus: '#CC0000',
|
|
11
|
-
gardening: '#00313B',
|
|
12
|
-
home: '#8D724D',
|
|
13
|
-
ireland: '#004E45',
|
|
14
|
-
law: '#691D26',
|
|
15
|
-
money: '#006A74',
|
|
16
|
-
news: '#13354E',
|
|
17
|
-
newsreview: '#004D6D',
|
|
18
|
-
puzzle: '#C74600',
|
|
19
|
-
register: '#6C6C69',
|
|
20
|
-
saturdayreview: '#A31D24',
|
|
21
|
-
scotland: '#00233E',
|
|
22
|
-
sport: '#008347',
|
|
23
|
-
style: '#BC3385',
|
|
24
|
-
techgames: '#1A1F24',
|
|
25
|
-
thedish: '#DB133B',
|
|
26
|
-
thegame: '#006469',
|
|
27
|
-
thesundaytimesmagazine: '#1D1D1D',
|
|
28
|
-
thetimesmagazine: '#1D1D1D',
|
|
29
|
-
times2: '#622956',
|
|
30
|
-
todaysmagazines: '#1D1D1B',
|
|
31
|
-
travel: '#2C79AD',
|
|
32
|
-
weekend: '#05829A',
|
|
33
|
-
world: '#636C17'
|
|
34
|
-
};
|
|
35
|
-
const primaryColours = {
|
|
36
|
-
'Arts & Features': primaryColoursBase.artsfeatures,
|
|
37
|
-
'Bricks & Mortar': primaryColoursBase.bricksmortar,
|
|
38
|
-
Business: primaryColoursBase.business,
|
|
39
|
-
Comment: primaryColoursBase.comment,
|
|
40
|
-
Culture: primaryColoursBase.culture,
|
|
41
|
-
Driving: primaryColoursBase.driving,
|
|
42
|
-
Focus: primaryColoursBase.focus,
|
|
43
|
-
Gardening: primaryColoursBase.gardening,
|
|
44
|
-
Home: primaryColoursBase.home,
|
|
45
|
-
Ireland: primaryColoursBase.ireland,
|
|
46
|
-
Law: primaryColoursBase.law,
|
|
47
|
-
Money: primaryColoursBase.money,
|
|
48
|
-
News: primaryColoursBase.news,
|
|
49
|
-
'News Review': primaryColoursBase.newsreview,
|
|
50
|
-
Puzzles: primaryColoursBase.puzzle,
|
|
51
|
-
Register: primaryColoursBase.register,
|
|
52
|
-
'Saturday Review': primaryColoursBase.saturdayreview,
|
|
53
|
-
Scotland: primaryColoursBase.scotland,
|
|
54
|
-
Sport: primaryColoursBase.sport,
|
|
55
|
-
Style: primaryColoursBase.style,
|
|
56
|
-
'Tech & Games': primaryColoursBase.techgames,
|
|
57
|
-
'The Dish': primaryColoursBase.thedish,
|
|
58
|
-
'The Game': primaryColoursBase.thegame,
|
|
59
|
-
'The Sunday Times Magazine': primaryColoursBase.thesundaytimesmagazine,
|
|
60
|
-
'The Times Magazine': primaryColoursBase.thetimesmagazine,
|
|
61
|
-
Times2: primaryColoursBase.times2,
|
|
62
|
-
"Today's Magazines": primaryColoursBase.todaysmagazines,
|
|
63
|
-
Travel: primaryColoursBase.travel,
|
|
64
|
-
Weekend: primaryColoursBase.weekend,
|
|
65
|
-
World: primaryColoursBase.world
|
|
66
|
-
};
|
|
67
|
-
const secondaryColoursBase = {
|
|
68
|
-
thesundaytimesmagazine: '#F13D00'
|
|
69
|
-
};
|
|
70
|
-
const secondaryColours = {
|
|
71
|
-
'The Sunday Times Magazine': secondaryColoursBase.thesundaytimesmagazine
|
|
72
|
-
};
|
|
73
|
-
export const sectionColours = { ...primaryColoursBase, ...primaryColours };
|
|
74
|
-
export const secondarySectionColours = {
|
|
75
|
-
...secondaryColoursBase,
|
|
76
|
-
...secondaryColours
|
|
77
|
-
};
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvY29sb3Vycy9zZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLGtCQUFrQixHQUFHO0lBQ3pCLFlBQVksRUFBRSxTQUFTO0lBQ3ZCLFlBQVksRUFBRSxTQUFTO0lBQ3ZCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLEtBQUssRUFBRSxTQUFTO0lBQ2hCLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLElBQUksRUFBRSxTQUFTO0lBQ2YsT0FBTyxFQUFFLFNBQVM7SUFDbEIsR0FBRyxFQUFFLFNBQVM7SUFDZCxLQUFLLEVBQUUsU0FBUztJQUNoQixJQUFJLEVBQUUsU0FBUztJQUNmLFVBQVUsRUFBRSxTQUFTO0lBQ3JCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLGNBQWMsRUFBRSxTQUFTO0lBQ3pCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLEtBQUssRUFBRSxTQUFTO0lBQ2hCLEtBQUssRUFBRSxTQUFTO0lBQ2hCLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLHNCQUFzQixFQUFFLFNBQVM7SUFDakMsZ0JBQWdCLEVBQUUsU0FBUztJQUMzQixNQUFNLEVBQUUsU0FBUztJQUNqQixlQUFlLEVBQUUsU0FBUztJQUMxQixNQUFNLEVBQUUsU0FBUztJQUNqQixPQUFPLEVBQUUsU0FBUztJQUNsQixLQUFLLEVBQUUsU0FBUztDQUNqQixDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQUc7SUFDckIsaUJBQWlCLEVBQUUsa0JBQWtCLENBQUMsWUFBWTtJQUNsRCxpQkFBaUIsRUFBRSxrQkFBa0IsQ0FBQyxZQUFZO0lBQ2xELFFBQVEsRUFBRSxrQkFBa0IsQ0FBQyxRQUFRO0lBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxPQUFPO0lBQ25DLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxPQUFPO0lBQ25DLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxPQUFPO0lBQ25DLEtBQUssRUFBRSxrQkFBa0IsQ0FBQyxLQUFLO0lBQy9CLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxTQUFTO0lBQ3ZDLElBQUksRUFBRSxrQkFBa0IsQ0FBQyxJQUFJO0lBQzdCLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxPQUFPO0lBQ25DLEdBQUcsRUFBRSxrQkFBa0IsQ0FBQyxHQUFHO0lBQzNCLEtBQUssRUFBRSxrQkFBa0IsQ0FBQyxLQUFLO0lBQy9CLElBQUksRUFBRSxrQkFBa0IsQ0FBQyxJQUFJO0lBQzdCLGFBQWEsRUFBRSxrQkFBa0IsQ0FBQyxVQUFVO0lBQzVDLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxNQUFNO0lBQ2xDLFFBQVEsRUFBRSxrQkFBa0IsQ0FBQyxRQUFRO0lBQ3JDLGlCQUFpQixFQUFFLGtCQUFrQixDQUFDLGNBQWM7SUFDcEQsUUFBUSxFQUFFLGtCQUFrQixDQUFDLFFBQVE7SUFDckMsS0FBSyxFQUFFLGtCQUFrQixDQUFDLEtBQUs7SUFDL0IsS0FBSyxFQUFFLGtCQUFrQixDQUFDLEtBQUs7SUFDL0IsY0FBYyxFQUFFLGtCQUFrQixDQUFDLFNBQVM7SUFDNUMsVUFBVSxFQUFFLGtCQUFrQixDQUFDLE9BQU87SUFDdEMsVUFBVSxFQUFFLGtCQUFrQixDQUFDLE9BQU87SUFDdEMsMkJBQTJCLEVBQUUsa0JBQWtCLENBQUMsc0JBQXNCO0lBQ3RFLG9CQUFvQixFQUFFLGtCQUFrQixDQUFDLGdCQUFnQjtJQUN6RCxNQUFNLEVBQUUsa0JBQWtCLENBQUMsTUFBTTtJQUNqQyxtQkFBbUIsRUFBRSxrQkFBa0IsQ0FBQyxlQUFlO0lBQ3ZELE1BQU0sRUFBRSxrQkFBa0IsQ0FBQyxNQUFNO0lBQ2pDLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxPQUFPO0lBQ25DLEtBQUssRUFBRSxrQkFBa0IsQ0FBQyxLQUFLO0NBQ2hDLENBQUM7QUFFRixNQUFNLG9CQUFvQixHQUFHO0lBQzNCLHNCQUFzQixFQUFFLFNBQVM7Q0FDbEMsQ0FBQztBQUVGLE1BQU0sZ0JBQWdCLEdBQUc7SUFDdkIsMkJBQTJCLEVBQUUsb0JBQW9CLENBQUMsc0JBQXNCO0NBQ3pFLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsRUFBRSxHQUFHLGtCQUFrQixFQUFFLEdBQUcsY0FBYyxFQUFFLENBQUM7QUFDM0UsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUc7SUFDckMsR0FBRyxvQkFBb0I7SUFDdkIsR0FBRyxnQkFBZ0I7Q0FDcEIsQ0FBQyJ9
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { TcView } from '@times-components/utils';
|
|
2
|
-
import styled, { keyframes } from 'styled-components';
|
|
3
|
-
const fadingAnimation = keyframes `
|
|
4
|
-
from {
|
|
5
|
-
opacity: 0;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
to {
|
|
9
|
-
opacity: 1;
|
|
10
|
-
}
|
|
11
|
-
`;
|
|
12
|
-
const FadeIn = styled(TcView) `
|
|
13
|
-
animation: ${fadingAnimation} 0.3s ease-in-out;
|
|
14
|
-
`;
|
|
15
|
-
const Animations = {
|
|
16
|
-
FadeIn
|
|
17
|
-
};
|
|
18
|
-
export default Animations;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvY29tcG9uZW50cy9BbmltYXRpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakQsT0FBTyxNQUFNLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV0RCxNQUFNLGVBQWUsR0FBRyxTQUFTLENBQUE7Ozs7Ozs7O0NBUWhDLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUE7ZUFDZCxlQUFlO0NBQzdCLENBQUM7QUFFRixNQUFNLFVBQVUsR0FBRztJQUNqQixNQUFNO0NBQ1AsQ0FBQztBQUVGLGVBQWUsVUFBVSxDQUFDIn0=
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export default styled.div `
|
|
3
|
-
border: 0px solid black;
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
color: ${({ style }) => style && style.color ? style.color : 'rgb(0, 0, 0)'};
|
|
6
|
-
display: inline;
|
|
7
|
-
font: 14px system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
8
|
-
Ubuntu, 'Helvetica Neue', sans-serif;
|
|
9
|
-
margin: 0px;
|
|
10
|
-
padding: 0px;
|
|
11
|
-
white-space: pre-wrap;
|
|
12
|
-
overflow-wrap: break-word;
|
|
13
|
-
font-size: ${({ style }) => style && style.fontSize ? style.fontSize : '14px'};
|
|
14
|
-
font-weight: ${({ style }) => style && style.fontWeight && style.fontWeight};
|
|
15
|
-
margin-bottom: ${({ style }) => style && style.marginBottom ? style.marginBottom : '0px'};
|
|
16
|
-
margin-left: ${({ style }) => style && style.marginLeft ? style.marginLeft : '0px'};
|
|
17
|
-
margin-top: ${({ style }) => style && style.marginTop ? style.marginTop : '0px'};
|
|
18
|
-
font-family: ${({ style }) => style && style.fontFamily
|
|
19
|
-
? style.fontFamily
|
|
20
|
-
: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif'};
|
|
21
|
-
`;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGNUZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVndWlkZS9jb21wb25lbnRzL1RjVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFNdkMsZUFBZSxNQUFNLENBQUMsR0FBRyxDQUFtQjs7O1dBR2pDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ3JCLEtBQUssSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxjQUFjOzs7Ozs7OztlQVF4QyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUN6QixLQUFLLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTTtpQkFDcEMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLFVBQVUsSUFBSSxLQUFLLENBQUMsVUFBVTttQkFDMUQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDN0IsS0FBSyxJQUFJLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUs7aUJBQzNDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQzNCLEtBQUssSUFBSSxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLO2dCQUN4QyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUMxQixLQUFLLElBQUksS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSztpQkFDckMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDM0IsS0FBSyxJQUFJLEtBQUssQ0FBQyxVQUFVO0lBQ3ZCLENBQUMsQ0FBQyxLQUFLLENBQUMsVUFBVTtJQUNsQixDQUFDLENBQUMsd0dBQXdHO0NBQy9HLENBQUMifQ==
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export default styled.div `
|
|
3
|
-
border: 0px solid black;
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-direction: column;
|
|
7
|
-
margin: ${({ style }) => (style && style.margin ? style.margin : '0px')};
|
|
8
|
-
border-bottom-color: ${({ style }) => style && style.borderBottomColor ? style.borderBottomColor : 'black'};
|
|
9
|
-
border-bottom-width: ${({ style }) => style && style.borderBottomWidth ? style.borderBottomWidth : '0px'};
|
|
10
|
-
border-radius: ${({ style }) => style && style.borderRadius && style.borderRadius};
|
|
11
|
-
overflow: ${({ style }) => style && style.overflow && style.overflow};
|
|
12
|
-
height: ${({ style }) => style && style.height && style.height};
|
|
13
|
-
width: ${({ style }) => style && style.width && style.width};
|
|
14
|
-
margin: 0px;
|
|
15
|
-
min-height: 0px;
|
|
16
|
-
min-width: 0px;
|
|
17
|
-
padding: 0px;
|
|
18
|
-
position: relative;
|
|
19
|
-
z-index: 0;
|
|
20
|
-
`;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGNWaWV3LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVndWlkZS9jb21wb25lbnRzL1RjVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFLdkMsZUFBZSxNQUFNLENBQUMsR0FBRyxDQUFtQjs7Ozs7WUFLaEMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7eUJBQ2hELENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ25DLEtBQUssSUFBSSxLQUFLLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsT0FBTzt5QkFDL0MsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDbkMsS0FBSyxJQUFJLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxLQUFLO21CQUNuRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUM3QixLQUFLLElBQUksS0FBSyxDQUFDLFlBQVksSUFBSSxLQUFLLENBQUMsWUFBWTtjQUN2QyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxRQUFRO1lBQzFELENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsS0FBSyxJQUFJLEtBQUssQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLE1BQU07V0FDckQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsS0FBSzs7Ozs7OztDQU81RCxDQUFDIn0=
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import TcView from './TcView';
|
|
2
|
-
import TcText from './TcText';
|
|
3
|
-
import Animations from './Animations';
|
|
4
|
-
export { TcView, TcText, Animations };
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zdHlsZWd1aWRlL2NvbXBvbmVudHMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQztBQUM5QixPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUM7QUFDOUIsT0FBTyxVQUFVLE1BQU0sY0FBYyxDQUFDO0FBRXRDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxDQUFDIn0=
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { timesFontSizes, fontStyles } from './fonts';
|
|
2
|
-
declare const _default: ({ font, fontSize }: {
|
|
3
|
-
font: keyof typeof fontStyles;
|
|
4
|
-
fontSize: keyof typeof timesFontSizes;
|
|
5
|
-
}) => {
|
|
6
|
-
fontFamily: string;
|
|
7
|
-
fontSize: number;
|
|
8
|
-
lineHeight: {};
|
|
9
|
-
};
|
|
10
|
-
export default _default;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import styleguide from '../Styleguide';
|
|
2
|
-
import { timesFontSizes } from './fonts';
|
|
3
|
-
import lineHeight from '../lineHeight';
|
|
4
|
-
export default ({ font, fontSize }) => {
|
|
5
|
-
const styles = styleguide();
|
|
6
|
-
return {
|
|
7
|
-
fontFamily: styles.fonts[font],
|
|
8
|
-
fontSize: timesFontSizes[fontSize],
|
|
9
|
-
lineHeight: lineHeight({ font, fontSize })
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1mYWN0b3J5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVndWlkZS9mb250cy9mb250LWZhY3RvcnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsY0FBYyxFQUFjLE1BQU0sU0FBUyxDQUFDO0FBQ3JELE9BQU8sVUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV2QyxlQUFlLENBQUMsRUFDZCxJQUFJLEVBQ0osUUFBUSxFQUlULEVBQUUsRUFBRTtJQUNILE1BQU0sTUFBTSxHQUFHLFVBQVUsRUFBRSxDQUFDO0lBQzVCLE9BQU87UUFDTCxVQUFVLEVBQUUsTUFBTSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7UUFDOUIsUUFBUSxFQUFFLGNBQWMsQ0FBQyxRQUFRLENBQUM7UUFDbEMsVUFBVSxFQUFFLFVBQVUsQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsQ0FBQztLQUMzQyxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|