@times-components/ts-components 1.35.1 → 1.35.4
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 +24 -0
- package/dist/components/article-flag/ArticleFlag.js +2 -2
- package/dist/components/article-flag/styles.js +2 -2
- package/dist/components/article-header/styles.js +2 -2
- package/dist/components/carousel/styles.js +2 -2
- package/dist/components/common-styles.js +2 -2
- package/dist/components/in-article-big-numbers/styles.js +2 -2
- package/dist/components/in-article-info-card/InfoCard.js +2 -2
- package/dist/components/in-article-info-card/styles.js +2 -2
- package/dist/components/in-article-info-card-bulletpoints/InfoCardBulletPoints.js +2 -2
- package/dist/components/in-article-info-card-bulletpoints/styles.js +2 -2
- package/dist/components/in-article-link/styles.js +2 -2
- package/dist/components/in-article-puff/styles.js +2 -2
- package/dist/components/in-article-related-articles/InArticleRelatedArticles.stories.js +3 -2
- package/dist/components/in-article-related-articles/SingleRelatedArticle.styles.js +2 -2
- package/dist/components/in-article-related-articles/styles.js +2 -2
- package/dist/components/in-article-timelines/styles.js +2 -2
- package/dist/components/inline-dialog/styles.js +2 -2
- package/dist/components/inline-message/styles.js +2 -2
- package/dist/components/newsletter-puff/NewsletterPuffLink.js +2 -2
- package/dist/components/newsletter-puff/styles.js +2 -2
- package/dist/components/olympics/medal-table/styles.js +3 -3
- package/dist/components/olympics/schedule/styles.js +2 -2
- package/dist/components/olympics/shared-styles.js +2 -2
- package/dist/components/opta/football/fixtures/styles.js +2 -2
- package/dist/components/opta/football/match-stats/styles.js +2 -2
- package/dist/components/opta/football/shared-styles.js +2 -2
- package/dist/components/opta/football/standings/styles.js +2 -2
- package/dist/components/opta/football/summary/styles.js +2 -2
- package/dist/components/opta/rugby/fixtures/styles.js +2 -2
- package/dist/components/opta/rugby/match-stats/styles.js +2 -2
- package/dist/components/opta/rugby/shared-styles.js +2 -2
- package/dist/components/opta/rugby/standings/styles.js +2 -2
- package/dist/components/opta/rugby/summary/styles.js +2 -2
- package/dist/components/related-article-slice/styles.js +2 -2
- package/dist/components/updated-timestamp/styles.js +2 -2
- package/dist/fixtures/article-harness/styles.js +2 -2
- package/dist/index.d.ts +0 -1
- package/dist/index.js +1 -3
- package/package.json +13 -13
- package/rnw.js +1 -1
- package/src/components/article-flag/ArticleFlag.tsx +1 -1
- package/src/components/article-flag/styles.ts +1 -1
- package/src/components/article-header/styles.ts +1 -1
- package/src/components/carousel/styles.ts +1 -1
- package/src/components/common-styles.ts +1 -1
- package/src/components/in-article-big-numbers/styles.ts +1 -1
- package/src/components/in-article-info-card/InfoCard.tsx +1 -1
- package/src/components/in-article-info-card/styles.ts +1 -1
- package/src/components/in-article-info-card-bulletpoints/InfoCardBulletPoints.tsx +1 -1
- package/src/components/in-article-info-card-bulletpoints/styles.ts +1 -1
- package/src/components/in-article-link/styles.ts +1 -1
- package/src/components/in-article-puff/styles.ts +1 -1
- package/src/components/in-article-related-articles/InArticleRelatedArticles.stories.tsx +2 -1
- package/src/components/in-article-related-articles/SingleRelatedArticle.styles.ts +1 -1
- package/src/components/in-article-related-articles/styles.ts +1 -1
- package/src/components/in-article-timelines/styles.ts +1 -1
- package/src/components/inline-dialog/styles.ts +1 -1
- package/src/components/inline-message/styles.ts +1 -1
- package/src/components/newsletter-puff/NewsletterPuffLink.tsx +1 -1
- package/src/components/newsletter-puff/styles.ts +1 -1
- package/src/components/olympics/__tests__/__snapshots__/OlympicsMedalTable.test.tsx.snap +4 -0
- package/src/components/olympics/medal-table/styles.ts +2 -2
- package/src/components/olympics/schedule/styles.ts +1 -1
- package/src/components/olympics/shared-styles.ts +1 -1
- package/src/components/opta/football/fixtures/styles.ts +1 -1
- package/src/components/opta/football/match-stats/styles.ts +1 -1
- package/src/components/opta/football/shared-styles.ts +1 -1
- package/src/components/opta/football/standings/styles.ts +1 -1
- package/src/components/opta/football/summary/styles.ts +1 -1
- package/src/components/opta/rugby/fixtures/styles.ts +1 -1
- package/src/components/opta/rugby/match-stats/styles.ts +1 -1
- package/src/components/opta/rugby/shared-styles.ts +1 -1
- package/src/components/opta/rugby/standings/styles.ts +1 -1
- package/src/components/opta/rugby/summary/styles.ts +1 -1
- package/src/components/related-article-slice/styles.ts +1 -1
- package/src/components/updated-timestamp/styles.ts +1 -1
- package/src/fixtures/article-harness/styles.ts +1 -1
- package/src/index.ts +0 -22
- package/src/types/externs.d.ts +69 -39
- 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.d.ts +0 -1
- 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.d.ts +0 -1
- 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,193 +0,0 @@
|
|
|
1
|
-
import 'react';
|
|
2
|
-
import colours from './colours/colours';
|
|
3
|
-
import Animations from './components/Animations';
|
|
4
|
-
import breakpoints, { editionBreakpoints, editionMaxWidth, getEditionBreakpoint, editionBreakpointWidths, sliceContentMaxWidth } from './breakpoints';
|
|
5
|
-
import lineHeight from './lineHeight';
|
|
6
|
-
import { timesFontFactory, timesFontSizes, fontStyles } from './fonts/fonts';
|
|
7
|
-
import themeFactory from './themeFactory';
|
|
8
|
-
import scales from './scales';
|
|
9
|
-
import spacing, { globalSpacingStyles } from './spacing';
|
|
10
|
-
declare const nativeTablet: number, nativeTabletWide: number;
|
|
11
|
-
export declare const tabletRowPadding = 20;
|
|
12
|
-
declare const _default: () => {
|
|
13
|
-
Animations: {
|
|
14
|
-
FadeIn: import("styled-components").StyledComponent<import("react").FC<{
|
|
15
|
-
style?: import("react").CSSProperties | undefined;
|
|
16
|
-
}>, any, {}, never>;
|
|
17
|
-
};
|
|
18
|
-
colours: {
|
|
19
|
-
functional: {
|
|
20
|
-
action: string;
|
|
21
|
-
actionPressed: string;
|
|
22
|
-
articleFlagExclusive: string;
|
|
23
|
-
articleFlagNew: string;
|
|
24
|
-
articleFlagUpdated: string;
|
|
25
|
-
backgroundPrimary: string;
|
|
26
|
-
backgroundSecondary: string;
|
|
27
|
-
black: string;
|
|
28
|
-
border: string;
|
|
29
|
-
brandColour: string;
|
|
30
|
-
bullet: string;
|
|
31
|
-
contrast: string;
|
|
32
|
-
darkSupplement: string;
|
|
33
|
-
greyLabel: string;
|
|
34
|
-
greyStickyBarBoxShadow: string;
|
|
35
|
-
greyStickyBarBorderBottom: string;
|
|
36
|
-
gutter: string;
|
|
37
|
-
keyline: string;
|
|
38
|
-
modalBackground: string;
|
|
39
|
-
newsletterPuffBackground: string;
|
|
40
|
-
overlayGradientEnd: string;
|
|
41
|
-
overlayGradientFallback: string;
|
|
42
|
-
overlayGradientStart: string;
|
|
43
|
-
primary: string;
|
|
44
|
-
secondary: string;
|
|
45
|
-
tertiary: string;
|
|
46
|
-
transparentBlack: string;
|
|
47
|
-
transparentWhite: string;
|
|
48
|
-
white: string;
|
|
49
|
-
whiteGrey: string;
|
|
50
|
-
};
|
|
51
|
-
secondarySectionColours: {
|
|
52
|
-
'The Sunday Times Magazine': string;
|
|
53
|
-
thesundaytimesmagazine: string;
|
|
54
|
-
};
|
|
55
|
-
section: {
|
|
56
|
-
'Arts & Features': string;
|
|
57
|
-
'Bricks & Mortar': string;
|
|
58
|
-
Business: string;
|
|
59
|
-
Comment: string;
|
|
60
|
-
Culture: string;
|
|
61
|
-
Driving: string;
|
|
62
|
-
Focus: string;
|
|
63
|
-
Gardening: string;
|
|
64
|
-
Home: string;
|
|
65
|
-
Ireland: string;
|
|
66
|
-
Law: string;
|
|
67
|
-
Money: string;
|
|
68
|
-
News: string;
|
|
69
|
-
'News Review': string;
|
|
70
|
-
Puzzles: string;
|
|
71
|
-
Register: string;
|
|
72
|
-
'Saturday Review': string;
|
|
73
|
-
Scotland: string;
|
|
74
|
-
Sport: string;
|
|
75
|
-
Style: string;
|
|
76
|
-
'Tech & Games': string;
|
|
77
|
-
'The Dish': string;
|
|
78
|
-
'The Game': string;
|
|
79
|
-
'The Sunday Times Magazine': string;
|
|
80
|
-
'The Times Magazine': string;
|
|
81
|
-
Times2: string;
|
|
82
|
-
"Today's Magazines": string;
|
|
83
|
-
Travel: string;
|
|
84
|
-
Weekend: string;
|
|
85
|
-
World: string;
|
|
86
|
-
artsfeatures: string;
|
|
87
|
-
bricksmortar: string;
|
|
88
|
-
business: string;
|
|
89
|
-
comment: string;
|
|
90
|
-
culture: string;
|
|
91
|
-
default: string;
|
|
92
|
-
defcon: string;
|
|
93
|
-
driving: string;
|
|
94
|
-
focus: string;
|
|
95
|
-
gardening: string;
|
|
96
|
-
home: string;
|
|
97
|
-
ireland: string;
|
|
98
|
-
law: string;
|
|
99
|
-
money: string;
|
|
100
|
-
news: string;
|
|
101
|
-
newsreview: string;
|
|
102
|
-
puzzle: string;
|
|
103
|
-
register: string;
|
|
104
|
-
saturdayreview: string;
|
|
105
|
-
scotland: string;
|
|
106
|
-
sport: string;
|
|
107
|
-
style: string;
|
|
108
|
-
techgames: string;
|
|
109
|
-
thedish: string;
|
|
110
|
-
thegame: string;
|
|
111
|
-
thesundaytimesmagazine: string;
|
|
112
|
-
thetimesmagazine: string;
|
|
113
|
-
times2: string;
|
|
114
|
-
todaysmagazines: string;
|
|
115
|
-
travel: string;
|
|
116
|
-
weekend: string;
|
|
117
|
-
world: string;
|
|
118
|
-
};
|
|
119
|
-
};
|
|
120
|
-
fontFactory: ({ font, fontSize }: {
|
|
121
|
-
font: "body" | "headline" | "bodyRegular" | "bodyRegularSmallCaps" | "cultureMagazine" | "dropCap" | "headlineRegular" | "stMagazine" | "styleMagazine" | "supporting";
|
|
122
|
-
fontSize: "body" | "button" | "caption" | "link" | "meta" | "headline" | "articleHeadline" | "articleMeta" | "bodyMobile" | "cardHeadline" | "cardMeta" | "cardMetaMobile" | "commentsGuidelines" | "commentsHeadline" | "credits" | "imageOverlayTextSmall" | "infoTitle" | "keyFactsTitle" | "leadHeadline" | "newsletterPuffLabel" | "newsletterPuffHeadline" | "newsletterPuffCopy" | "pageComponentHeadline" | "pageHeadline" | "pageHeadlineLarge" | "pagingMeta" | "puffLink" | "secondary" | "sliceHeadline" | "smallestHeadline" | "smallHeadline" | "strapline" | "teaser" | "tertiary" | "tileLeadHeadline" | "heading2Mobile" | "heading3Mobile" | "heading4Mobile" | "heading5Mobile" | "infoSubText" | "heading2" | "heading3" | "heading4" | "heading5";
|
|
123
|
-
}) => {
|
|
124
|
-
fontFamily: string;
|
|
125
|
-
fontSize: number;
|
|
126
|
-
lineHeight: {};
|
|
127
|
-
};
|
|
128
|
-
fonts: {
|
|
129
|
-
body: string;
|
|
130
|
-
bodyRegular: string;
|
|
131
|
-
bodyRegularSmallCaps: string;
|
|
132
|
-
cultureMagazine: string;
|
|
133
|
-
dropCap: string;
|
|
134
|
-
headline: string;
|
|
135
|
-
headlineRegular: string;
|
|
136
|
-
stMagazine: string;
|
|
137
|
-
styleMagazine: string;
|
|
138
|
-
supporting: string;
|
|
139
|
-
};
|
|
140
|
-
fontSizes: {
|
|
141
|
-
articleHeadline: number;
|
|
142
|
-
articleMeta: number;
|
|
143
|
-
body: number;
|
|
144
|
-
bodyMobile: number;
|
|
145
|
-
button: number;
|
|
146
|
-
caption: number;
|
|
147
|
-
cardHeadline: number;
|
|
148
|
-
cardMeta: number;
|
|
149
|
-
cardMetaMobile: number;
|
|
150
|
-
commentsGuidelines: number;
|
|
151
|
-
commentsHeadline: number;
|
|
152
|
-
credits: number;
|
|
153
|
-
headline: number;
|
|
154
|
-
imageOverlayTextSmall: number;
|
|
155
|
-
infoTitle: number;
|
|
156
|
-
keyFactsTitle: number;
|
|
157
|
-
leadHeadline: number;
|
|
158
|
-
link: number;
|
|
159
|
-
meta: number;
|
|
160
|
-
newsletterPuffLabel: number;
|
|
161
|
-
newsletterPuffHeadline: number;
|
|
162
|
-
newsletterPuffCopy: number;
|
|
163
|
-
pageComponentHeadline: number;
|
|
164
|
-
pageHeadline: number;
|
|
165
|
-
pageHeadlineLarge: number;
|
|
166
|
-
pagingMeta: number;
|
|
167
|
-
puffLink: number;
|
|
168
|
-
secondary: number;
|
|
169
|
-
sliceHeadline: number;
|
|
170
|
-
smallestHeadline: number;
|
|
171
|
-
smallHeadline: number;
|
|
172
|
-
strapline: number;
|
|
173
|
-
teaser: number;
|
|
174
|
-
tertiary: number;
|
|
175
|
-
tileLeadHeadline: number;
|
|
176
|
-
heading2Mobile: number;
|
|
177
|
-
heading3Mobile: number;
|
|
178
|
-
heading4Mobile: number;
|
|
179
|
-
heading5Mobile: number;
|
|
180
|
-
infoSubText: number;
|
|
181
|
-
heading2: number;
|
|
182
|
-
heading3: number;
|
|
183
|
-
heading4: number;
|
|
184
|
-
heading5: number;
|
|
185
|
-
};
|
|
186
|
-
lineHeight: ({ font, fontSize }: {
|
|
187
|
-
font: string;
|
|
188
|
-
fontSize: string;
|
|
189
|
-
}) => {};
|
|
190
|
-
spacing: (multiple: number) => string;
|
|
191
|
-
};
|
|
192
|
-
export default _default;
|
|
193
|
-
export { Animations, breakpoints, colours, editionBreakpoints, editionBreakpointWidths, editionMaxWidth, sliceContentMaxWidth, fontStyles as fonts, timesFontFactory as fontFactory, timesFontSizes as fontSizes, getEditionBreakpoint, lineHeight, scales, spacing, globalSpacingStyles, nativeTablet as tabletWidth, nativeTabletWide as tabletWidthMax, themeFactory };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import 'react';
|
|
2
|
-
import colours from './colours/colours';
|
|
3
|
-
import Animations from './components/Animations';
|
|
4
|
-
import breakpoints, { editionBreakpoints, editionMaxWidth, getEditionBreakpoint, editionBreakpointWidths, sliceContentMaxWidth } from './breakpoints';
|
|
5
|
-
import lineHeight from './lineHeight';
|
|
6
|
-
import { timesFontFactory, timesFontSizes, fontStyles } from './fonts/fonts';
|
|
7
|
-
import themeFactory from './themeFactory';
|
|
8
|
-
import scales from './scales';
|
|
9
|
-
import spacing, { globalSpacingStyles } from './spacing';
|
|
10
|
-
const { nativeTablet, nativeTabletWide } = breakpoints;
|
|
11
|
-
export const tabletRowPadding = 20;
|
|
12
|
-
export default () => {
|
|
13
|
-
return {
|
|
14
|
-
Animations,
|
|
15
|
-
colours,
|
|
16
|
-
fontFactory: timesFontFactory,
|
|
17
|
-
fonts: fontStyles,
|
|
18
|
-
fontSizes: timesFontSizes,
|
|
19
|
-
lineHeight,
|
|
20
|
-
spacing
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
export { Animations, breakpoints, colours, editionBreakpoints, editionBreakpointWidths, editionMaxWidth, sliceContentMaxWidth, fontStyles as fonts, timesFontFactory as fontFactory, timesFontSizes as fontSizes, getEditionBreakpoint, lineHeight, scales, spacing, globalSpacingStyles, nativeTablet as tabletWidth, nativeTabletWide as tabletWidthMax, themeFactory };
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3R5bGVndWlkZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvU3R5bGVndWlkZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLENBQUM7QUFDZixPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQUN4QyxPQUFPLFVBQVUsTUFBTSx5QkFBeUIsQ0FBQztBQUVqRCxPQUFPLFdBQVcsRUFBRSxFQUNsQixrQkFBa0IsRUFDbEIsZUFBZSxFQUNmLG9CQUFvQixFQUNwQix1QkFBdUIsRUFDdkIsb0JBQW9CLEVBQ3JCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQztBQUN0QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsY0FBYyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLFlBQVksTUFBTSxnQkFBZ0IsQ0FBQztBQUUxQyxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUM7QUFDOUIsT0FBTyxPQUFPLEVBQUUsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUV6RCxNQUFNLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLEdBQUcsV0FBVyxDQUFDO0FBRXZELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLEVBQUUsQ0FBQztBQUVuQyxlQUFlLEdBQUcsRUFBRTtJQUNsQixPQUFPO1FBQ0wsVUFBVTtRQUNWLE9BQU87UUFDUCxXQUFXLEVBQUUsZ0JBQWdCO1FBQzdCLEtBQUssRUFBRSxVQUFVO1FBQ2pCLFNBQVMsRUFBRSxjQUFjO1FBQ3pCLFVBQVU7UUFDVixPQUFPO0tBQ1IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE9BQU8sRUFDTCxVQUFVLEVBQ1YsV0FBVyxFQUNYLE9BQU8sRUFDUCxrQkFBa0IsRUFDbEIsdUJBQXVCLEVBQ3ZCLGVBQWUsRUFDZixvQkFBb0IsRUFDcEIsVUFBVSxJQUFJLEtBQUssRUFDbkIsZ0JBQWdCLElBQUksV0FBVyxFQUMvQixjQUFjLElBQUksU0FBUyxFQUMzQixvQkFBb0IsRUFDcEIsVUFBVSxFQUNWLE1BQU0sRUFDTixPQUFPLEVBQ1AsbUJBQW1CLEVBQ25CLFlBQVksSUFBSSxXQUFXLEVBQzNCLGdCQUFnQixJQUFJLGNBQWMsRUFDbEMsWUFBWSxFQUNiLENBQUMifQ==
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/react';
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import '@testing-library/react';
|
|
2
|
-
import breakpoints, { editionBreakpointWidths, editionBreakpoints } from '../breakpoints';
|
|
3
|
-
import { getEditionBreakpoint, sliceContentMaxWidth, editionMaxWidth, globalSpacingStyles, editionBreakpointWidths as styleguideEditionBreakpointWidths, editionBreakpoints as styleguideEditionBreakpoints } from '../Styleguide';
|
|
4
|
-
describe('breakpoints', () => {
|
|
5
|
-
it('should return correct globalSpacingStyles value', () => {
|
|
6
|
-
expect(globalSpacingStyles).toEqual({
|
|
7
|
-
tabletHeadline: { marginBottom: 5 },
|
|
8
|
-
tabletTeaser: { marginTop: 5 }
|
|
9
|
-
});
|
|
10
|
-
});
|
|
11
|
-
it('should return correct sliceContentMaxWidth value', () => {
|
|
12
|
-
expect(sliceContentMaxWidth).toEqual(1180);
|
|
13
|
-
});
|
|
14
|
-
it('should return correct sliceContentMaxWidth value', () => {
|
|
15
|
-
expect(sliceContentMaxWidth).toEqual(1180);
|
|
16
|
-
});
|
|
17
|
-
it('should return correct editionBreakpointWidths value', () => {
|
|
18
|
-
expect(editionBreakpointWidths.wide).toEqual(1024);
|
|
19
|
-
expect(styleguideEditionBreakpointWidths.wide).toEqual(1024);
|
|
20
|
-
});
|
|
21
|
-
it('should return correct editionMaxWidth value', () => {
|
|
22
|
-
expect(editionMaxWidth).toEqual(1366);
|
|
23
|
-
});
|
|
24
|
-
it('should return correct breakpoint width value', () => {
|
|
25
|
-
expect(breakpoints.huge).toEqual(1320);
|
|
26
|
-
});
|
|
27
|
-
it('should retun correct editionBreakpoints value', () => {
|
|
28
|
-
expect(editionBreakpoints.huge).toEqual('huge');
|
|
29
|
-
expect(styleguideEditionBreakpoints.huge).toEqual('huge');
|
|
30
|
-
});
|
|
31
|
-
describe('getEditionBreakpoint()', () => {
|
|
32
|
-
it('should return correct getEditionBreakpoint value', () => {
|
|
33
|
-
expect(getEditionBreakpoint(600)).toEqual('small');
|
|
34
|
-
});
|
|
35
|
-
it('should return correct getEditionBreakpoint value', () => {
|
|
36
|
-
expect(getEditionBreakpoint(900)).toEqual('medium');
|
|
37
|
-
});
|
|
38
|
-
it('should return correct getEditionBreakpoint value', () => {
|
|
39
|
-
expect(getEditionBreakpoint(1100)).toEqual('wide');
|
|
40
|
-
});
|
|
41
|
-
it('should return correct getEditionBreakpoint value', () => {
|
|
42
|
-
expect(getEditionBreakpoint(1500)).toEqual('huge');
|
|
43
|
-
});
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludHMudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvX190ZXN0c19fL2JyZWFrcG9pbnRzLnRlc3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyx3QkFBd0IsQ0FBQztBQUVoQyxPQUFPLFdBQVcsRUFBRSxFQUNsQix1QkFBdUIsRUFDdkIsa0JBQWtCLEVBQ25CLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEIsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixvQkFBb0IsRUFDcEIsZUFBZSxFQUNmLG1CQUFtQixFQUNuQix1QkFBdUIsSUFBSSxpQ0FBaUMsRUFDNUQsa0JBQWtCLElBQUksNEJBQTRCLEVBQ25ELE1BQU0sZUFBZSxDQUFDO0FBRXZCLFFBQVEsQ0FBQyxhQUFhLEVBQUUsR0FBRyxFQUFFO0lBQzNCLEVBQUUsQ0FBQyxpREFBaUQsRUFBRSxHQUFHLEVBQUU7UUFDekQsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUMsT0FBTyxDQUFDO1lBQ2xDLGNBQWMsRUFBRSxFQUFFLFlBQVksRUFBRSxDQUFDLEVBQUU7WUFDbkMsWUFBWSxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsRUFBRTtTQUMvQixDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztJQUNILEVBQUUsQ0FBQyxrREFBa0QsRUFBRSxHQUFHLEVBQUU7UUFDMUQsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLGtEQUFrRCxFQUFFLEdBQUcsRUFBRTtRQUMxRCxNQUFNLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0MsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMscURBQXFELEVBQUUsR0FBRyxFQUFFO1FBQzdELE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkQsTUFBTSxDQUFDLGlDQUFpQyxDQUFDLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvRCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw2Q0FBNkMsRUFBRSxHQUFHLEVBQUU7UUFDckQsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN4QyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw4Q0FBOEMsRUFBRSxHQUFHLEVBQUU7UUFDdEQsTUFBTSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekMsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsK0NBQStDLEVBQUUsR0FBRyxFQUFFO1FBQ3ZELE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDaEQsTUFBTSxDQUFDLDRCQUE0QixDQUFDLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1RCxDQUFDLENBQUMsQ0FBQztJQUVILFFBQVEsQ0FBQyx3QkFBd0IsRUFBRSxHQUFHLEVBQUU7UUFDdEMsRUFBRSxDQUFDLGtEQUFrRCxFQUFFLEdBQUcsRUFBRTtZQUMxRCxNQUFNLENBQUMsb0JBQW9CLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDckQsQ0FBQyxDQUFDLENBQUM7UUFFSCxFQUFFLENBQUMsa0RBQWtELEVBQUUsR0FBRyxFQUFFO1lBQzFELE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0RCxDQUFDLENBQUMsQ0FBQztRQUVILEVBQUUsQ0FBQyxrREFBa0QsRUFBRSxHQUFHLEVBQUU7WUFDMUQsTUFBTSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3JELENBQUMsQ0FBQyxDQUFDO1FBRUgsRUFBRSxDQUFDLGtEQUFrRCxFQUFFLEdBQUcsRUFBRTtZQUMxRCxNQUFNLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDckQsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -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
|