@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.
Files changed (146) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/components/article-flag/ArticleFlag.js +2 -2
  3. package/dist/components/article-flag/styles.js +2 -2
  4. package/dist/components/article-header/styles.js +2 -2
  5. package/dist/components/carousel/styles.js +2 -2
  6. package/dist/components/common-styles.js +2 -2
  7. package/dist/components/in-article-big-numbers/styles.js +2 -2
  8. package/dist/components/in-article-info-card/InfoCard.js +2 -2
  9. package/dist/components/in-article-info-card/styles.js +2 -2
  10. package/dist/components/in-article-info-card-bulletpoints/InfoCardBulletPoints.js +2 -2
  11. package/dist/components/in-article-info-card-bulletpoints/styles.js +2 -2
  12. package/dist/components/in-article-link/styles.js +2 -2
  13. package/dist/components/in-article-puff/styles.js +2 -2
  14. package/dist/components/in-article-related-articles/InArticleRelatedArticles.stories.js +3 -2
  15. package/dist/components/in-article-related-articles/SingleRelatedArticle.styles.js +2 -2
  16. package/dist/components/in-article-related-articles/styles.js +2 -2
  17. package/dist/components/in-article-timelines/styles.js +2 -2
  18. package/dist/components/inline-dialog/styles.js +2 -2
  19. package/dist/components/inline-message/styles.js +2 -2
  20. package/dist/components/newsletter-puff/NewsletterPuffLink.js +2 -2
  21. package/dist/components/newsletter-puff/styles.js +2 -2
  22. package/dist/components/olympics/medal-table/styles.js +3 -3
  23. package/dist/components/olympics/schedule/styles.js +2 -2
  24. package/dist/components/olympics/shared-styles.js +2 -2
  25. package/dist/components/opta/football/fixtures/styles.js +2 -2
  26. package/dist/components/opta/football/match-stats/styles.js +2 -2
  27. package/dist/components/opta/football/shared-styles.js +2 -2
  28. package/dist/components/opta/football/standings/styles.js +2 -2
  29. package/dist/components/opta/football/summary/styles.js +2 -2
  30. package/dist/components/opta/rugby/fixtures/styles.js +2 -2
  31. package/dist/components/opta/rugby/match-stats/styles.js +2 -2
  32. package/dist/components/opta/rugby/shared-styles.js +2 -2
  33. package/dist/components/opta/rugby/standings/styles.js +2 -2
  34. package/dist/components/opta/rugby/summary/styles.js +2 -2
  35. package/dist/components/related-article-slice/styles.js +2 -2
  36. package/dist/components/updated-timestamp/styles.js +2 -2
  37. package/dist/fixtures/article-harness/styles.js +2 -2
  38. package/dist/index.d.ts +0 -1
  39. package/dist/index.js +1 -3
  40. package/package.json +13 -13
  41. package/rnw.js +1 -1
  42. package/src/components/article-flag/ArticleFlag.tsx +1 -1
  43. package/src/components/article-flag/styles.ts +1 -1
  44. package/src/components/article-header/styles.ts +1 -1
  45. package/src/components/carousel/styles.ts +1 -1
  46. package/src/components/common-styles.ts +1 -1
  47. package/src/components/in-article-big-numbers/styles.ts +1 -1
  48. package/src/components/in-article-info-card/InfoCard.tsx +1 -1
  49. package/src/components/in-article-info-card/styles.ts +1 -1
  50. package/src/components/in-article-info-card-bulletpoints/InfoCardBulletPoints.tsx +1 -1
  51. package/src/components/in-article-info-card-bulletpoints/styles.ts +1 -1
  52. package/src/components/in-article-link/styles.ts +1 -1
  53. package/src/components/in-article-puff/styles.ts +1 -1
  54. package/src/components/in-article-related-articles/InArticleRelatedArticles.stories.tsx +2 -1
  55. package/src/components/in-article-related-articles/SingleRelatedArticle.styles.ts +1 -1
  56. package/src/components/in-article-related-articles/styles.ts +1 -1
  57. package/src/components/in-article-timelines/styles.ts +1 -1
  58. package/src/components/inline-dialog/styles.ts +1 -1
  59. package/src/components/inline-message/styles.ts +1 -1
  60. package/src/components/newsletter-puff/NewsletterPuffLink.tsx +1 -1
  61. package/src/components/newsletter-puff/styles.ts +1 -1
  62. package/src/components/olympics/__tests__/__snapshots__/OlympicsMedalTable.test.tsx.snap +4 -0
  63. package/src/components/olympics/medal-table/styles.ts +2 -2
  64. package/src/components/olympics/schedule/styles.ts +1 -1
  65. package/src/components/olympics/shared-styles.ts +1 -1
  66. package/src/components/opta/football/fixtures/styles.ts +1 -1
  67. package/src/components/opta/football/match-stats/styles.ts +1 -1
  68. package/src/components/opta/football/shared-styles.ts +1 -1
  69. package/src/components/opta/football/standings/styles.ts +1 -1
  70. package/src/components/opta/football/summary/styles.ts +1 -1
  71. package/src/components/opta/rugby/fixtures/styles.ts +1 -1
  72. package/src/components/opta/rugby/match-stats/styles.ts +1 -1
  73. package/src/components/opta/rugby/shared-styles.ts +1 -1
  74. package/src/components/opta/rugby/standings/styles.ts +1 -1
  75. package/src/components/opta/rugby/summary/styles.ts +1 -1
  76. package/src/components/related-article-slice/styles.ts +1 -1
  77. package/src/components/updated-timestamp/styles.ts +1 -1
  78. package/src/fixtures/article-harness/styles.ts +1 -1
  79. package/src/index.ts +0 -22
  80. package/src/types/externs.d.ts +69 -39
  81. package/dist/components/styleguide/Styleguide.d.ts +0 -193
  82. package/dist/components/styleguide/Styleguide.js +0 -24
  83. package/dist/components/styleguide/__tests__/breakpoints.test.d.ts +0 -1
  84. package/dist/components/styleguide/__tests__/breakpoints.test.js +0 -46
  85. package/dist/components/styleguide/__tests__/styleguide.test.d.ts +0 -1
  86. package/dist/components/styleguide/__tests__/styleguide.test.js +0 -48
  87. package/dist/components/styleguide/__tests__/themeFactory.test.d.ts +0 -1
  88. package/dist/components/styleguide/__tests__/themeFactory.test.js +0 -41
  89. package/dist/components/styleguide/breakpoints.d.ts +0 -37
  90. package/dist/components/styleguide/breakpoints.js +0 -42
  91. package/dist/components/styleguide/colours/colours.d.ts +0 -103
  92. package/dist/components/styleguide/colours/colours.js +0 -8
  93. package/dist/components/styleguide/colours/functional.d.ts +0 -32
  94. package/dist/components/styleguide/colours/functional.js +0 -33
  95. package/dist/components/styleguide/colours/section.d.ts +0 -68
  96. package/dist/components/styleguide/colours/section.js +0 -78
  97. package/dist/components/styleguide/components/Animations.d.ts +0 -6
  98. package/dist/components/styleguide/components/Animations.js +0 -19
  99. package/dist/components/styleguide/components/TcText.d.ts +0 -6
  100. package/dist/components/styleguide/components/TcText.js +0 -22
  101. package/dist/components/styleguide/components/TcView.d.ts +0 -6
  102. package/dist/components/styleguide/components/TcView.js +0 -21
  103. package/dist/components/styleguide/components/index.d.ts +0 -4
  104. package/dist/components/styleguide/components/index.js +0 -5
  105. package/dist/components/styleguide/fonts/font-factory.d.ts +0 -10
  106. package/dist/components/styleguide/fonts/font-factory.js +0 -12
  107. package/dist/components/styleguide/fonts/font-sizes.d.ts +0 -47
  108. package/dist/components/styleguide/fonts/font-sizes.js +0 -47
  109. package/dist/components/styleguide/fonts/font-styles.d.ts +0 -13
  110. package/dist/components/styleguide/fonts/font-styles.js +0 -13
  111. package/dist/components/styleguide/fonts/fonts.d.ts +0 -4
  112. package/dist/components/styleguide/fonts/fonts.js +0 -5
  113. package/dist/components/styleguide/helpers/storybookStyles.d.ts +0 -2
  114. package/dist/components/styleguide/helpers/storybookStyles.js +0 -54
  115. package/dist/components/styleguide/lineHeight.d.ts +0 -7
  116. package/dist/components/styleguide/lineHeight.js +0 -65
  117. package/dist/components/styleguide/scales.d.ts +0 -6
  118. package/dist/components/styleguide/scales.js +0 -6
  119. package/dist/components/styleguide/spacing.d.ts +0 -11
  120. package/dist/components/styleguide/spacing.js +0 -17
  121. package/dist/components/styleguide/styleguide.stories.d.ts +0 -1
  122. package/dist/components/styleguide/styleguide.stories.js +0 -71
  123. package/dist/components/styleguide/themeFactory.d.ts +0 -8
  124. package/dist/components/styleguide/themeFactory.js +0 -59
  125. package/src/components/styleguide/Styleguide.tsx +0 -54
  126. package/src/components/styleguide/__tests__/breakpoints.test.ts +0 -67
  127. package/src/components/styleguide/__tests__/styleguide.test.tsx +0 -68
  128. package/src/components/styleguide/__tests__/themeFactory.test.ts +0 -44
  129. package/src/components/styleguide/breakpoints.tsx +0 -52
  130. package/src/components/styleguide/colours/colours.tsx +0 -8
  131. package/src/components/styleguide/colours/functional.tsx +0 -32
  132. package/src/components/styleguide/colours/section.tsx +0 -81
  133. package/src/components/styleguide/components/Animations.tsx +0 -22
  134. package/src/components/styleguide/components/TcText.tsx +0 -32
  135. package/src/components/styleguide/components/TcView.tsx +0 -27
  136. package/src/components/styleguide/components/index.tsx +0 -5
  137. package/src/components/styleguide/fonts/font-factory.tsx +0 -18
  138. package/src/components/styleguide/fonts/font-sizes.tsx +0 -46
  139. package/src/components/styleguide/fonts/font-styles.tsx +0 -12
  140. package/src/components/styleguide/fonts/fonts.tsx +0 -5
  141. package/src/components/styleguide/helpers/storybookStyles.ts +0 -55
  142. package/src/components/styleguide/lineHeight.tsx +0 -73
  143. package/src/components/styleguide/scales.tsx +0 -5
  144. package/src/components/styleguide/spacing.tsx +0 -19
  145. package/src/components/styleguide/styleguide.stories.tsx +0 -143
  146. 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,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