@times-components/ts-components 1.32.5 → 1.33.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.
Files changed (73) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/styleguide/Styleguide.d.ts +193 -0
  3. package/dist/components/styleguide/Styleguide.js +24 -0
  4. package/dist/components/styleguide/__tests__/breakpoints.test.d.ts +1 -0
  5. package/dist/components/styleguide/__tests__/breakpoints.test.js +46 -0
  6. package/dist/components/styleguide/__tests__/styleguide.test.d.ts +1 -0
  7. package/dist/components/styleguide/__tests__/styleguide.test.js +48 -0
  8. package/dist/components/styleguide/__tests__/themeFactory.test.d.ts +1 -0
  9. package/dist/components/styleguide/__tests__/themeFactory.test.js +41 -0
  10. package/dist/components/styleguide/breakpoints.d.ts +37 -0
  11. package/dist/components/styleguide/breakpoints.js +42 -0
  12. package/dist/components/styleguide/colours/colours.d.ts +103 -0
  13. package/dist/components/styleguide/colours/colours.js +8 -0
  14. package/dist/components/styleguide/colours/functional.d.ts +32 -0
  15. package/dist/components/styleguide/colours/functional.js +33 -0
  16. package/dist/components/styleguide/colours/section.d.ts +68 -0
  17. package/dist/components/styleguide/colours/section.js +78 -0
  18. package/dist/components/styleguide/components/Animations.d.ts +6 -0
  19. package/dist/components/styleguide/components/Animations.js +19 -0
  20. package/dist/components/styleguide/components/TcText.d.ts +6 -0
  21. package/dist/components/styleguide/components/TcText.js +22 -0
  22. package/dist/components/styleguide/components/TcView.d.ts +6 -0
  23. package/dist/components/styleguide/components/TcView.js +21 -0
  24. package/dist/components/styleguide/components/index.d.ts +4 -0
  25. package/dist/components/styleguide/components/index.js +5 -0
  26. package/dist/components/styleguide/fonts/font-factory.d.ts +10 -0
  27. package/dist/components/styleguide/fonts/font-factory.js +12 -0
  28. package/dist/components/styleguide/fonts/font-sizes.d.ts +47 -0
  29. package/dist/components/styleguide/fonts/font-sizes.js +47 -0
  30. package/dist/components/styleguide/fonts/font-styles.d.ts +13 -0
  31. package/dist/components/styleguide/fonts/font-styles.js +13 -0
  32. package/dist/components/styleguide/fonts/fonts.d.ts +4 -0
  33. package/dist/components/styleguide/fonts/fonts.js +5 -0
  34. package/dist/components/styleguide/helpers/storybookStyles.d.ts +2 -0
  35. package/dist/components/styleguide/helpers/storybookStyles.js +54 -0
  36. package/dist/components/styleguide/lineHeight.d.ts +7 -0
  37. package/dist/components/styleguide/lineHeight.js +65 -0
  38. package/dist/components/styleguide/scales.d.ts +6 -0
  39. package/dist/components/styleguide/scales.js +6 -0
  40. package/dist/components/styleguide/spacing.d.ts +11 -0
  41. package/dist/components/styleguide/spacing.js +17 -0
  42. package/dist/components/styleguide/styleguide.stories.d.ts +1 -0
  43. package/dist/components/styleguide/styleguide.stories.js +71 -0
  44. package/dist/components/styleguide/themeFactory.d.ts +8 -0
  45. package/dist/components/styleguide/themeFactory.js +59 -0
  46. package/dist/index.d.ts +1 -0
  47. package/dist/index.js +3 -1
  48. package/package.json +13 -13
  49. package/rnw.js +1 -1
  50. package/src/components/styleguide/Styleguide.tsx +54 -0
  51. package/src/components/styleguide/__tests__/breakpoints.test.ts +67 -0
  52. package/src/components/styleguide/__tests__/styleguide.test.tsx +68 -0
  53. package/src/components/styleguide/__tests__/themeFactory.test.ts +44 -0
  54. package/src/components/styleguide/breakpoints.tsx +52 -0
  55. package/src/components/styleguide/colours/colours.tsx +8 -0
  56. package/src/components/styleguide/colours/functional.tsx +32 -0
  57. package/src/components/styleguide/colours/section.tsx +81 -0
  58. package/src/components/styleguide/components/Animations.tsx +22 -0
  59. package/src/components/styleguide/components/TcText.tsx +32 -0
  60. package/src/components/styleguide/components/TcView.tsx +27 -0
  61. package/src/components/styleguide/components/index.tsx +5 -0
  62. package/src/components/styleguide/fonts/font-factory.tsx +18 -0
  63. package/src/components/styleguide/fonts/font-sizes.tsx +46 -0
  64. package/src/components/styleguide/fonts/font-styles.tsx +12 -0
  65. package/src/components/styleguide/fonts/fonts.tsx +5 -0
  66. package/src/components/styleguide/helpers/storybookStyles.ts +55 -0
  67. package/src/components/styleguide/lineHeight.tsx +73 -0
  68. package/src/components/styleguide/scales.tsx +5 -0
  69. package/src/components/styleguide/spacing.tsx +19 -0
  70. package/src/components/styleguide/styleguide.stories.tsx +143 -0
  71. package/src/components/styleguide/themeFactory.tsx +82 -0
  72. package/src/index.ts +21 -0
  73. package/src/types/externs.d.ts +14 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.33.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.32.5...@times-components/ts-components@1.33.0) (2022-04-29)
7
+
8
+
9
+ ### Features
10
+
11
+ * **TDP-1830:** convert styleguide to typescript component ([#2918](https://github.com/newsuk/times-components/issues/2918)) ([24620e2](https://github.com/newsuk/times-components/commit/24620e25be9f2827ceedbb2f4cf1fe0ff6ea2ae2))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [1.32.5](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.32.4...@times-components/ts-components@1.32.5) (2022-04-26)
7
18
 
8
19
  **Note:** Version bump only for package @times-components/ts-components
@@ -0,0 +1,193 @@
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 };
@@ -0,0 +1,24 @@
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==
@@ -0,0 +1 @@
1
+ import '@testing-library/react';
@@ -0,0 +1,46 @@
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=
@@ -0,0 +1,48 @@
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==
@@ -0,0 +1 @@
1
+ import '@testing-library/react';
@@ -0,0 +1,41 @@
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==
@@ -0,0 +1,37 @@
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;
@@ -0,0 +1,42 @@
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=
@@ -0,0 +1,103 @@
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;
@@ -0,0 +1,8 @@
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
@@ -0,0 +1,32 @@
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
+ };
@@ -0,0 +1,33 @@
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