@times-components/ts-styleguide 1.40.4 → 1.41.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.41.0](https://github.com/newsuk/times-components/compare/@times-components/ts-styleguide@1.40.4...@times-components/ts-styleguide@1.41.0) (2023-03-22)
+
+
+### Features
+
+* **TDP-3084:** updated fallback font settings for overrides ([#3292](https://github.com/newsuk/times-components/issues/3292)) ([12f9c6c](https://github.com/newsuk/times-components/commit/12f9c6c06fdfaf52b7b28bbcc2bbeb8b39d29d57))
+
+
+
+
+
 ## [1.40.4](https://github.com/newsuk/times-components/compare/@times-components/ts-styleguide@1.40.3...@times-components/ts-styleguide@1.40.4) (2023-03-20)
 
 **Note:** Version bump only for package @times-components/ts-styleguide

package/dist/index.d.ts

@@ -1 +1 @@
-export { default as styleguide, Animations, breakpoints, colours, editionBreakpoints, editionBreakpointWidths, editionMaxWidth, sliceContentMaxWidth, fonts, fontFactory, fontSizes, getEditionBreakpoint, lineHeight, scales, spacing, globalSpacingStyles, tabletRowPadding, tabletWidth, tabletWidthMax, themeFactory } from './styleguide/Styleguide';
+export { default as styleguide, Animations, breakpoints, colours, editionBreakpoints, editionBreakpointWidths, editionMaxWidth, sliceContentMaxWidth, fonts, fontFactory, fontSizes, fontsWithFallback, getEditionBreakpoint, lineHeight, scales, spacing, globalSpacingStyles, tabletRowPadding, tabletWidth, tabletWidthMax, themeFactory } from './styleguide/Styleguide';

package/dist/index.js

@@ -1,3 +1,3 @@
 // ts-styleguide
-export { default as styleguide, Animations, breakpoints, colours, editionBreakpoints, editionBreakpointWidths, editionMaxWidth, sliceContentMaxWidth, fonts, fontFactory, fontSizes, getEditionBreakpoint, lineHeight, scales, spacing, globalSpacingStyles, tabletRowPadding, tabletWidth, tabletWidthMax, themeFactory } from './styleguide/Styleguide';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0JBQWdCO0FBQ2hCLE9BQU8sRUFDTCxPQUFPLElBQUksVUFBVSxFQUNyQixVQUFVLEVBQ1YsV0FBVyxFQUNYLE9BQU8sRUFDUCxrQkFBa0IsRUFDbEIsdUJBQXVCLEVBQ3ZCLGVBQWUsRUFDZixvQkFBb0IsRUFDcEIsS0FBSyxFQUNMLFdBQVcsRUFDWCxTQUFTLEVBQ1Qsb0JBQW9CLEVBQ3BCLFVBQVUsRUFDVixNQUFNLEVBQ04sT0FBTyxFQUNQLG1CQUFtQixFQUNuQixnQkFBZ0IsRUFDaEIsV0FBVyxFQUNYLGNBQWMsRUFDZCxZQUFZLEVBQ2IsTUFBTSx5QkFBeUIsQ0FBQyJ9
+export { default as styleguide, Animations, breakpoints, colours, editionBreakpoints, editionBreakpointWidths, editionMaxWidth, sliceContentMaxWidth, fonts, fontFactory, fontSizes, fontsWithFallback, getEditionBreakpoint, lineHeight, scales, spacing, globalSpacingStyles, tabletRowPadding, tabletWidth, tabletWidthMax, themeFactory } from './styleguide/Styleguide';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0JBQWdCO0FBQ2hCLE9BQU8sRUFDTCxPQUFPLElBQUksVUFBVSxFQUNyQixVQUFVLEVBQ1YsV0FBVyxFQUNYLE9BQU8sRUFDUCxrQkFBa0IsRUFDbEIsdUJBQXVCLEVBQ3ZCLGVBQWUsRUFDZixvQkFBb0IsRUFDcEIsS0FBSyxFQUNMLFdBQVcsRUFDWCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLG9CQUFvQixFQUNwQixVQUFVLEVBQ1YsTUFBTSxFQUNOLE9BQU8sRUFDUCxtQkFBbUIsRUFDbkIsZ0JBQWdCLEVBQ2hCLFdBQVcsRUFDWCxjQUFjLEVBQ2QsWUFBWSxFQUNiLE1BQU0seUJBQXlCLENBQUMifQ==

package/dist/styleguide/Styleguide.d.ts

@@ -3,7 +3,7 @@ import colours from './colours/colours';
 import Animations from './components/Animations';
 import breakpoints, { editionBreakpoints, editionMaxWidth, getEditionBreakpoint, editionBreakpointWidths, sliceContentMaxWidth } from './breakpoints';
 import lineHeight from './lineHeight';
-import { timesFontFactory, timesFontSizes, fontStyles } from './fonts/fonts';
+import { timesFontFactory, timesFontSizes, fontStyles, fontStylesWithFallback } from './fonts/fonts';
 import themeFactory from './themeFactory';
 import scales from './scales';
 import spacing, { globalSpacingStyles } from './spacing';
@@ -137,6 +137,18 @@ declare const _default: () => {
         styleMagazine: string;
         supporting: string;
     };
+    fontsWithFallback: {
+        body: string;
+        bodyRegular: string;
+        bodyRegularSmallCaps: string;
+        cultureMagazine: string;
+        dropCap: string;
+        headline: string;
+        headlineRegular: string;
+        stMagazine: string;
+        styleMagazine: string;
+        supporting: string;
+    };
     fontSizes: {
         articleHeadline: number;
         articleMeta: number;
@@ -192,4 +204,4 @@ declare const _default: () => {
     spacing: (multiple: number) => string;
 };
 export default _default;
-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 };
+export { Animations, breakpoints, colours, editionBreakpoints, editionBreakpointWidths, editionMaxWidth, sliceContentMaxWidth, fontStyles as fonts, fontStylesWithFallback as fontsWithFallback, timesFontFactory as fontFactory, timesFontSizes as fontSizes, getEditionBreakpoint, lineHeight, scales, spacing, globalSpacingStyles, nativeTablet as tabletWidth, nativeTabletWide as tabletWidthMax, themeFactory };

package/dist/styleguide/Styleguide.js

@@ -3,7 +3,7 @@ import colours from './colours/colours';
 import Animations from './components/Animations';
 import breakpoints, { editionBreakpoints, editionMaxWidth, getEditionBreakpoint, editionBreakpointWidths, sliceContentMaxWidth } from './breakpoints';
 import lineHeight from './lineHeight';
-import { timesFontFactory, timesFontSizes, fontStyles } from './fonts/fonts';
+import { timesFontFactory, timesFontSizes, fontStyles, fontStylesWithFallback } from './fonts/fonts';
 import themeFactory from './themeFactory';
 import scales from './scales';
 import spacing, { globalSpacingStyles } from './spacing';
@@ -15,10 +15,11 @@ export default () => {
         colours,
         fontFactory: timesFontFactory,
         fonts: fontStyles,
+        fontsWithFallback: fontStylesWithFallback,
         fontSizes: timesFontSizes,
         lineHeight,
         spacing
     };
 };
-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 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3R5bGVndWlkZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZWd1aWRlL1N0eWxlZ3VpZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxDQUFDO0FBQ2YsT0FBTyxPQUFPLE1BQU0sbUJBQW1CLENBQUM7QUFDeEMsT0FBTyxVQUFVLE1BQU0seUJBQXlCLENBQUM7QUFFakQsT0FBTyxXQUFXLEVBQUUsRUFDbEIsa0JBQWtCLEVBQ2xCLGVBQWUsRUFDZixvQkFBb0IsRUFDcEIsdUJBQXVCLEVBQ3ZCLG9CQUFvQixFQUNyQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLFVBQVUsTUFBTSxjQUFjLENBQUM7QUFDdEMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGNBQWMsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0UsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUM7QUFFMUMsT0FBTyxNQUFNLE1BQU0sVUFBVSxDQUFDO0FBQzlCLE9BQU8sT0FBTyxFQUFFLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFekQsTUFBTSxFQUFFLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxHQUFHLFdBQVcsQ0FBQztBQUV2RCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxFQUFFLENBQUM7QUFFbkMsZUFBZSxHQUFHLEVBQUU7SUFDbEIsT0FBTztRQUNMLFVBQVU7UUFDVixPQUFPO1FBQ1AsV0FBVyxFQUFFLGdCQUFnQjtRQUM3QixLQUFLLEVBQUUsVUFBVTtRQUNqQixTQUFTLEVBQUUsY0FBYztRQUN6QixVQUFVO1FBQ1YsT0FBTztLQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixPQUFPLEVBQ0wsVUFBVSxFQUNWLFdBQVcsRUFDWCxPQUFPLEVBQ1Asa0JBQWtCLEVBQ2xCLHVCQUF1QixFQUN2QixlQUFlLEVBQ2Ysb0JBQW9CLEVBQ3BCLFVBQVUsSUFBSSxLQUFLLEVBQ25CLGdCQUFnQixJQUFJLFdBQVcsRUFDL0IsY0FBYyxJQUFJLFNBQVMsRUFDM0Isb0JBQW9CLEVBQ3BCLFVBQVUsRUFDVixNQUFNLEVBQ04sT0FBTyxFQUNQLG1CQUFtQixFQUNuQixZQUFZLElBQUksV0FBVyxFQUMzQixnQkFBZ0IsSUFBSSxjQUFjLEVBQ2xDLFlBQVksRUFDYixDQUFDIn0=
+export { Animations, breakpoints, colours, editionBreakpoints, editionBreakpointWidths, editionMaxWidth, sliceContentMaxWidth, fontStyles as fonts, fontStylesWithFallback as fontsWithFallback, timesFontFactory as fontFactory, timesFontSizes as fontSizes, getEditionBreakpoint, lineHeight, scales, spacing, globalSpacingStyles, nativeTablet as tabletWidth, nativeTabletWide as tabletWidthMax, themeFactory };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3R5bGVndWlkZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZWd1aWRlL1N0eWxlZ3VpZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxDQUFDO0FBQ2YsT0FBTyxPQUFPLE1BQU0sbUJBQW1CLENBQUM7QUFDeEMsT0FBTyxVQUFVLE1BQU0seUJBQXlCLENBQUM7QUFFakQsT0FBTyxXQUFXLEVBQUUsRUFDbEIsa0JBQWtCLEVBQ2xCLGVBQWUsRUFDZixvQkFBb0IsRUFDcEIsdUJBQXVCLEVBQ3ZCLG9CQUFvQixFQUNyQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLFVBQVUsTUFBTSxjQUFjLENBQUM7QUFDdEMsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixjQUFjLEVBQ2QsVUFBVSxFQUNWLHNCQUFzQixFQUN2QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLFlBQVksTUFBTSxnQkFBZ0IsQ0FBQztBQUUxQyxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUM7QUFDOUIsT0FBTyxPQUFPLEVBQUUsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUV6RCxNQUFNLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLEdBQUcsV0FBVyxDQUFDO0FBRXZELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLEVBQUUsQ0FBQztBQUVuQyxlQUFlLEdBQUcsRUFBRTtJQUNsQixPQUFPO1FBQ0wsVUFBVTtRQUNWLE9BQU87UUFDUCxXQUFXLEVBQUUsZ0JBQWdCO1FBQzdCLEtBQUssRUFBRSxVQUFVO1FBQ2pCLGlCQUFpQixFQUFFLHNCQUFzQjtRQUN6QyxTQUFTLEVBQUUsY0FBYztRQUN6QixVQUFVO1FBQ1YsT0FBTztLQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixPQUFPLEVBQ0wsVUFBVSxFQUNWLFdBQVcsRUFDWCxPQUFPLEVBQ1Asa0JBQWtCLEVBQ2xCLHVCQUF1QixFQUN2QixlQUFlLEVBQ2Ysb0JBQW9CLEVBQ3BCLFVBQVUsSUFBSSxLQUFLLEVBQ25CLHNCQUFzQixJQUFJLGlCQUFpQixFQUMzQyxnQkFBZ0IsSUFBSSxXQUFXLEVBQy9CLGNBQWMsSUFBSSxTQUFTLEVBQzNCLG9CQUFvQixFQUNwQixVQUFVLEVBQ1YsTUFBTSxFQUNOLE9BQU8sRUFDUCxtQkFBbUIsRUFDbkIsWUFBWSxJQUFJLFdBQVcsRUFDM0IsZ0JBQWdCLElBQUksY0FBYyxFQUNsQyxZQUFZLEVBQ2IsQ0FBQyJ9

package/dist/styleguide/__tests__/styleguide.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import styleguide, { colours, fonts, spacing } from '../Styleguide';
+import styleguide, { colours, fonts, fontsWithFallback, spacing } from '../Styleguide';
 import { Animations, TsTcText, TsTcView } from '../components';
 import styles from '../helpers/storybookStyles';
 describe('styleguide', () => {
@@ -29,9 +29,15 @@ describe('styleguide', () => {
         it('should render the object of font references', () => {
             expect(typeof fonts).toBe('object');
         });
+        it('should render the object of font and fallback references', () => {
+            expect(typeof fontsWithFallback).toBe('object');
+        });
+        it('should render the supporting font roboto should correctly show font and fallback references', () => {
+            expect(fontsWithFallback.supporting).toEqual('Roboto-Regular, Roboto-Regular-fallback, sans-serif');
+        });
         it('should return object when fontFactory is called', () => {
             expect(styleguide().fontFactory({ font: 'headline', fontSize: 'body' })).toEqual({
-                fontFamily: 'TimesModern-Bold',
+                fontFamily: 'TimesModern-Bold, TimesModern-Bold-fallback, serif',
                 fontSize: 18,
                 lineHeight: undefined
             });
@@ -45,4 +51,4 @@ describe('styleguide', () => {
         });
     });
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVndWlkZS50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3N0eWxlZ3VpZGUvX190ZXN0c19fL3N0eWxlZ3VpZGUudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxPQUFPLFVBQVUsRUFBRSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRCxPQUFPLE1BQU0sTUFBTSw0QkFBNEIsQ0FBQztBQUVoRCxRQUFRLENBQUMsWUFBWSxFQUFFLEdBQUcsRUFBRTtJQUMxQixFQUFFLENBQUMsdUNBQXVDLEVBQUUsR0FBRyxFQUFFO1FBQy9DLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN6QyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw2Q0FBNkMsRUFBRSxHQUFHLEVBQUU7UUFDckQsTUFBTSxDQUFDLE9BQU8sT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNoRCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxnREFBZ0QsRUFBRSxHQUFHLEVBQUU7UUFDeEQsTUFBTSxDQUFDLE9BQU8sT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNuRCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxvREFBb0QsRUFBRSxHQUFHLEVBQUU7UUFDNUQsTUFBTSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN0QyxDQUFDLENBQUMsQ0FBQztJQUVILFFBQVEsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFO1FBQ3JCLEVBQUUsQ0FBQyxtREFBbUQsRUFBRSxHQUFHLEVBQUU7WUFDM0QsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDeEQsQ0FBQyxDQUFDLENBQUM7UUFFSCxFQUFFLENBQUMscURBQXFELEVBQUUsR0FBRyxFQUFFO1lBQzdELE1BQU0sQ0FDSixVQUFVLEVBQUUsQ0FBQyxVQUFVLENBQUM7Z0JBQ3RCLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxXQUFXO2FBQ3RCLENBQUMsQ0FDSCxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNoQixDQUFDLENBQUMsQ0FBQztRQUVILEVBQUUsQ0FBQyw2Q0FBNkMsRUFBRSxHQUFHLEVBQUU7WUFDckQsTUFBTSxDQUFDLE9BQU8sS0FBSyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3RDLENBQUMsQ0FBQyxDQUFDO1FBRUgsRUFBRSxDQUFDLGlEQUFpRCxFQUFFLEdBQUcsRUFBRTtZQUN6RCxNQUFNLENBQ0osVUFBVSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FDakUsQ0FBQyxPQUFPLENBQUM7Z0JBQ1IsVUFBVSxFQUFFLGtCQUFrQjtnQkFDOUIsUUFBUSxFQUFFLEVBQUU7Z0JBQ1osVUFBVSxFQUFFLFNBQVM7YUFDdEIsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztJQUVILFFBQVEsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFO1FBQzFCLEVBQUUsQ0FBQyx3Q0FBd0MsRUFBRSxHQUFHLEVBQUU7WUFDaEQsTUFBTSxDQUNKLE1BQU0sQ0FDSixvQkFBQyxVQUFVLENBQUMsTUFBTTtnQkFDaEIsb0JBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUztvQkFDL0Isb0JBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxrQkFBd0IsQ0FDM0MsQ0FDTyxDQUNyQixDQUNGLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDakIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVndWlkZS50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3N0eWxlZ3VpZGUvX190ZXN0c19fL3N0eWxlZ3VpZGUudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxPQUFPLFVBQVUsRUFBRSxFQUNqQixPQUFPLEVBQ1AsS0FBSyxFQUNMLGlCQUFpQixFQUNqQixPQUFPLEVBQ1IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9ELE9BQU8sTUFBTSxNQUFNLDRCQUE0QixDQUFDO0FBRWhELFFBQVEsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFO0lBQzFCLEVBQUUsQ0FBQyx1Q0FBdUMsRUFBRSxHQUFHLEVBQUU7UUFDL0MsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDZDQUE2QyxFQUFFLEdBQUcsRUFBRTtRQUNyRCxNQUFNLENBQUMsT0FBTyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2hELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLGdEQUFnRCxFQUFFLEdBQUcsRUFBRTtRQUN4RCxNQUFNLENBQUMsT0FBTyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25ELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLG9EQUFvRCxFQUFFLEdBQUcsRUFBRTtRQUM1RCxNQUFNLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUMsQ0FBQyxDQUFDO0lBRUgsUUFBUSxDQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUU7UUFDckIsRUFBRSxDQUFDLG1EQUFtRCxFQUFFLEdBQUcsRUFBRTtZQUMzRCxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN4RCxDQUFDLENBQUMsQ0FBQztRQUVILEVBQUUsQ0FBQyxxREFBcUQsRUFBRSxHQUFHLEVBQUU7WUFDN0QsTUFBTSxDQUNKLFVBQVUsRUFBRSxDQUFDLFVBQVUsQ0FBQztnQkFDdEIsSUFBSSxFQUFFLE1BQU07Z0JBQ1osUUFBUSxFQUFFLFdBQVc7YUFDdEIsQ0FBQyxDQUNILENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2hCLENBQUMsQ0FBQyxDQUFDO1FBRUgsRUFBRSxDQUFDLDZDQUE2QyxFQUFFLEdBQUcsRUFBRTtZQUNyRCxNQUFNLENBQUMsT0FBTyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdEMsQ0FBQyxDQUFDLENBQUM7UUFFSCxFQUFFLENBQUMsMERBQTBELEVBQUUsR0FBRyxFQUFFO1lBQ2xFLE1BQU0sQ0FBQyxPQUFPLGlCQUFpQixDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ2xELENBQUMsQ0FBQyxDQUFDO1FBRUgsRUFBRSxDQUFDLDZGQUE2RixFQUFFLEdBQUcsRUFBRTtZQUNyRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsVUFBVSxDQUFDLENBQUMsT0FBTyxDQUMxQyxxREFBcUQsQ0FDdEQsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUFDO1FBRUgsRUFBRSxDQUFDLGlEQUFpRCxFQUFFLEdBQUcsRUFBRTtZQUN6RCxNQUFNLENBQ0osVUFBVSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FDakUsQ0FBQyxPQUFPLENBQUM7Z0JBQ1IsVUFBVSxFQUFFLG9EQUFvRDtnQkFDaEUsUUFBUSxFQUFFLEVBQUU7Z0JBQ1osVUFBVSxFQUFFLFNBQVM7YUFDdEIsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztJQUVILFFBQVEsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFO1FBQzFCLEVBQUUsQ0FBQyx3Q0FBd0MsRUFBRSxHQUFHLEVBQUU7WUFDaEQsTUFBTSxDQUNKLE1BQU0sQ0FDSixvQkFBQyxVQUFVLENBQUMsTUFBTTtnQkFDaEIsb0JBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUztvQkFDL0Isb0JBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxrQkFBd0IsQ0FDM0MsQ0FDTyxDQUNyQixDQUNGLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDakIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=

package/dist/styleguide/components/TsTcText.js

@@ -4,8 +4,6 @@ export default styled.div `
   box-sizing: border-box;
   color: ${({ style }) => style && style.color ? style.color : 'rgb(0, 0, 0)'};
   display: inline;
-  font: 14px system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    Ubuntu, 'Helvetica Neue', sans-serif;
   margin: 0px;
   padding: 0px;
   white-space: pre-wrap;
@@ -15,8 +13,6 @@ export default styled.div `
   margin-bottom: ${({ style }) => style && style.marginBottom ? style.marginBottom : '0px'};
   margin-left: ${({ style }) => style && style.marginLeft ? style.marginLeft : '0px'};
   margin-top: ${({ style }) => style && style.marginTop ? style.marginTop : '0px'};
-  font-family: ${({ style }) => style && style.fontFamily
-    ? style.fontFamily
-    : 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif'};
+  font-family: ${({ style }) => style && style.fontFamily ? style.fontFamily : 'sans-serif'};
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHNUY1RleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc3R5bGVndWlkZS9jb21wb25lbnRzL1RzVGNUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUt2QyxlQUFlLE1BQU0sQ0FBQyxHQUFHLENBQW1COzs7V0FHakMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDckIsS0FBSyxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGNBQWM7Ozs7Ozs7O2VBUXhDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ3pCLEtBQUssSUFBSSxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNO2lCQUNwQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsVUFBVSxJQUFJLEtBQUssQ0FBQyxVQUFVO21CQUMxRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUM3QixLQUFLLElBQUksS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsS0FBSztpQkFDM0MsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDM0IsS0FBSyxJQUFJLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUs7Z0JBQ3hDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQzFCLEtBQUssSUFBSSxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLO2lCQUNyQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUMzQixLQUFLLElBQUksS0FBSyxDQUFDLFVBQVU7SUFDdkIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVO0lBQ2xCLENBQUMsQ0FBQyx3R0FBd0c7Q0FDL0csQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHNUY1RleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc3R5bGVndWlkZS9jb21wb25lbnRzL1RzVGNUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUt2QyxlQUFlLE1BQU0sQ0FBQyxHQUFHLENBQW1COzs7V0FHakMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDckIsS0FBSyxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGNBQWM7Ozs7OztlQU14QyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUN6QixLQUFLLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTTtpQkFDcEMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLFVBQVUsSUFBSSxLQUFLLENBQUMsVUFBVTttQkFDMUQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDN0IsS0FBSyxJQUFJLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUs7aUJBQzNDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQzNCLEtBQUssSUFBSSxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLO2dCQUN4QyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUMxQixLQUFLLElBQUksS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSztpQkFDckMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDM0IsS0FBSyxJQUFJLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFlBQVk7Q0FDOUQsQ0FBQyJ9

package/dist/styleguide/fonts/font-factory.js

@@ -4,9 +4,9 @@ import lineHeight from '../lineHeight';
 export default ({ font, fontSize }) => {
     const styles = styleguide();
     return {
-        fontFamily: styles.fonts[font],
+        fontFamily: styles.fontsWithFallback[font],
         fontSize: timesFontSizes[fontSize],
         lineHeight: lineHeight({ font, fontSize })
     };
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1mYWN0b3J5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3N0eWxlZ3VpZGUvZm9udHMvZm9udC1mYWN0b3J5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFVBQVUsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFFLGNBQWMsRUFBYyxNQUFNLFNBQVMsQ0FBQztBQUNyRCxPQUFPLFVBQVUsTUFBTSxlQUFlLENBQUM7QUFFdkMsZUFBZSxDQUFDLEVBQ2QsSUFBSSxFQUNKLFFBQVEsRUFJVCxFQUFFLEVBQUU7SUFDSCxNQUFNLE1BQU0sR0FBRyxVQUFVLEVBQUUsQ0FBQztJQUM1QixPQUFPO1FBQ0wsVUFBVSxFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO1FBQzlCLFFBQVEsRUFBRSxjQUFjLENBQUMsUUFBUSxDQUFDO1FBQ2xDLFVBQVUsRUFBRSxVQUFVLENBQUMsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLENBQUM7S0FDM0MsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1mYWN0b3J5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3N0eWxlZ3VpZGUvZm9udHMvZm9udC1mYWN0b3J5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFVBQVUsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFFLGNBQWMsRUFBYyxNQUFNLFNBQVMsQ0FBQztBQUNyRCxPQUFPLFVBQVUsTUFBTSxlQUFlLENBQUM7QUFFdkMsZUFBZSxDQUFDLEVBQ2QsSUFBSSxFQUNKLFFBQVEsRUFJVCxFQUFFLEVBQUU7SUFDSCxNQUFNLE1BQU0sR0FBRyxVQUFVLEVBQUUsQ0FBQztJQUM1QixPQUFPO1FBQ0wsVUFBVSxFQUFFLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUM7UUFDMUMsUUFBUSxFQUFFLGNBQWMsQ0FBQyxRQUFRLENBQUM7UUFDbEMsVUFBVSxFQUFFLFVBQVUsQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsQ0FBQztLQUMzQyxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/styleguide/fonts/font-styles-with-fallback.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    body: string;
+    bodyRegular: string;
+    bodyRegularSmallCaps: string;
+    cultureMagazine: string;
+    dropCap: string;
+    headline: string;
+    headlineRegular: string;
+    stMagazine: string;
+    styleMagazine: string;
+    supporting: string;
+};
+export default _default;

package/dist/styleguide/fonts/font-styles-with-fallback.js

@@ -0,0 +1,13 @@
+export default {
+    body: 'TimesDigitalW04, TimesDigitalW04-fallback, serif',
+    bodyRegular: 'TimesDigitalW04-Regular, TimesDigitalW04-Regular-fallback, serif',
+    bodyRegularSmallCaps: 'TimesDigitalW04-RegularSC, TimesDigitalW04-RegularSC-fallback, serif',
+    cultureMagazine: 'TimesModern-Bold, TimesModern-Bold-fallback, serif',
+    dropCap: 'TimesModern-Regular, TimesModern-Regular-fallback, serif',
+    headline: 'TimesModern-Bold, TimesModern-Bold-fallback, serif',
+    headlineRegular: 'TimesModern-Regular, TimesModern-Regular-fallback, serif',
+    stMagazine: 'TimesModern-Bold, TimesModern-Bold-fallback, serif',
+    styleMagazine: 'TimesModern-Bold, TimesModern-Bold-fallback, serif',
+    supporting: 'Roboto-Regular, Roboto-Regular-fallback, sans-serif'
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1zdHlsZXMtd2l0aC1mYWxsYmFjay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdHlsZWd1aWRlL2ZvbnRzL2ZvbnQtc3R5bGVzLXdpdGgtZmFsbGJhY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGVBQWU7SUFDYixJQUFJLEVBQUUsa0RBQWtEO0lBQ3hELFdBQVcsRUFDVCxrRUFBa0U7SUFDcEUsb0JBQW9CLEVBQ2xCLHNFQUFzRTtJQUN4RSxlQUFlLEVBQUUsb0RBQW9EO0lBQ3JFLE9BQU8sRUFBRSwwREFBMEQ7SUFDbkUsUUFBUSxFQUFFLG9EQUFvRDtJQUM5RCxlQUFlLEVBQUUsMERBQTBEO0lBQzNFLFVBQVUsRUFBRSxvREFBb0Q7SUFDaEUsYUFBYSxFQUFFLG9EQUFvRDtJQUNuRSxVQUFVLEVBQUUscURBQXFEO0NBQ2xFLENBQUMifQ==

package/dist/styleguide/fonts/fonts.d.ts

@@ -1,4 +1,5 @@
 import fontStyles from './font-styles';
+import fontStylesWithFallback from './font-styles-with-fallback';
 import timesFontFactory from './font-factory';
 import timesFontSizes from './font-sizes';
-export { fontStyles, timesFontSizes, timesFontFactory };
+export { fontStyles, timesFontSizes, timesFontFactory, fontStylesWithFallback };

package/dist/styleguide/fonts/fonts.js

@@ -1,5 +1,6 @@
 import fontStyles from './font-styles';
+import fontStylesWithFallback from './font-styles-with-fallback';
 import timesFontFactory from './font-factory';
 import timesFontSizes from './font-sizes';
-export { fontStyles, timesFontSizes, timesFontFactory };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc3R5bGVndWlkZS9mb250cy9mb250cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sZ0JBQWdCLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUMsT0FBTyxjQUFjLE1BQU0sY0FBYyxDQUFDO0FBRTFDLE9BQU8sRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLGdCQUFnQixFQUFFLENBQUMifQ==
+export { fontStyles, timesFontSizes, timesFontFactory, fontStylesWithFallback };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc3R5bGVndWlkZS9mb250cy9mb250cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sc0JBQXNCLE1BQU0sNkJBQTZCLENBQUM7QUFDakUsT0FBTyxnQkFBZ0IsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLGNBQWMsTUFBTSxjQUFjLENBQUM7QUFFMUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLEVBQUUsc0JBQXNCLEVBQUUsQ0FBQyJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/ts-styleguide",
-  "version": "1.40.4",
+  "version": "1.41.0",
   "description": "Reuseable Typescript React Components styleguide",
   "main": "dist/index.js",
   "dev": "dist/index.js",
@@ -51,8 +51,8 @@
     "node": ">=8.9"
   },
   "dependencies": {
-    "@times-components/link": "3.11.20",
-    "@times-components/utils": "6.15.20",
+    "@times-components/link": "3.12.0",
+    "@times-components/utils": "6.16.0",
     "react": "16.9.0",
     "styled-components": "4.3.2"
   },
@@ -81,5 +81,5 @@
       "@testing-library/jest-dom/extend-expect"
     ]
   },
-  "gitHead": "b66092e71653e0d25fd131fb1ac747d810313e3b"
+  "gitHead": "c26e915d900f103440c55fbf3806a4db4b274a12"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("react")},function(e,t,n){"use strict";n.r(t);n(1);function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const o={artsfeatures:"#622956",bricksmortar:"#006469",business:"#005B8D",comment:"#850029",culture:"#7B0046",default:"#1D1D1B",defcon:"#FF1D25",driving:"#C04605",focus:"#CC0000",gardening:"#00313B",home:"#8D724D",ireland:"#004E45",law:"#691D26",money:"#006A74",news:"#13354E",newsreview:"#004D6D",puzzle:"#C74600",register:"#6C6C69",saturdayreview:"#A31D24",scotland:"#00233E",sport:"#008347",style:"#BC3385",techgames:"#1A1F24",thedish:"#DB133B",thegame:"#006469",thesundaytimesmagazine:"#1D1D1D",thetimesmagazine:"#1D1D1D",times2:"#622956",todaysmagazines:"#1D1D1B",travel:"#2C79AD",weekend:"#05829A",world:"#636C17"},l={"Arts & Features":o.artsfeatures,"Bricks & Mortar":o.bricksmortar,Business:o.business,Comment:o.comment,Culture:o.culture,Driving:o.driving,Focus:o.focus,Gardening:o.gardening,Home:o.home,Ireland:o.ireland,Law:o.law,Money:o.money,News:o.news,"News Review":o.newsreview,Puzzles:o.puzzle,Register:o.register,"Saturday Review":o.saturdayreview,Scotland:o.scotland,Sport:o.sport,Style:o.style,"Tech & Games":o.techgames,"The Dish":o.thedish,"The Game":o.thegame,"The Sunday Times Magazine":o.thesundaytimesmagazine,"The Times Magazine":o.thetimesmagazine,Times2:o.times2,"Today's Magazines":o.todaysmagazines,Travel:o.travel,Weekend:o.weekend,World:o.world},d={thesundaytimesmagazine:"#F13D00"},u={"The Sunday Times Magazine":d.thesundaytimesmagazine},s=i(i({},o),l),c=i(i({},d),u);var g={functional:{action:"#006699",actionPressed:"#0077B3",articleFlagExclusive:"#C51D24",articleFlagNew:"#E34605",articleFlagUpdated:"#3C81BE",backgroundPrimary:"#F9F9F9",backgroundSecondary:"#EDEDED",black:"#000000",border:"#F0F0F0",brandColour:"#1D1D1B",bullet:"#103546",contrast:"#FFFFFF",darkSupplement:"#272D34",greyLabel:"#CCC",greyStickyBarBoxShadow:"#c9c7c7ed",greyStickyBarBorderBottom:"#ffffffdb",gutter:"#f0f0f0",keyline:"#DBDBDB",modalBackground:"#000000",newsletterPuffBackground:"#F9F8F3",overlayGradientEnd:"#00000000",overlayGradientFallback:"#000000B3",overlayGradientStart:"#000000E6",primary:"#333333",secondary:"#696969",tertiary:"#4D4D4D",transparentBlack:"rgba(0, 0, 0, 0.6)",transparentWhite:"rgba(255, 255, 255, 0.3)",white:"#FFFFFF",whiteGrey:"#F5F5F5"},secondarySectionColours:c,section:s},m=n(0),f=n.n(m),p=f.a.div.withConfig({displayName:"TsTcView",componentId:"sc-154dp5w-0"})(["border:0px solid black;box-sizing:border-box;display:flex;flex-direction:column;margin:",";border-bottom-color:",";border-bottom-width:",";border-radius:",";overflow:",";height:",";width:",";margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;z-index:0;"],e=>{let t=e.style;return t&&t.margin?t.margin:"0px"},e=>{let t=e.style;return t&&t.borderBottomColor?t.borderBottomColor:"black"},e=>{let t=e.style;return t&&t.borderBottomWidth?t.borderBottomWidth:"0px"},e=>{let t=e.style;return t&&t.borderRadius&&t.borderRadius},e=>{let t=e.style;return t&&t.overflow&&t.overflow},e=>{let t=e.style;return t&&t.height&&t.height},e=>{let t=e.style;return t&&t.width&&t.width});const b=Object(m.keyframes)(["from{opacity:0;}to{opacity:1;}"]);var y={FadeIn:f()(p).withConfig({displayName:"Animations__FadeIn",componentId:"w31u4-0"})(["animation:"," 0.3s ease-in-out;"],b)};function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const O={huge:"huge",medium:"medium",small:"small",wide:"wide"},v={huge:1366,medium:768,wide:1024},M=v.huge,D=e=>e<v.medium?O.small:e<v.wide?O.medium:e<v.huge?O.wide:O.huge;var z=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({editionBreakpoints:O,editionMaxWidth:M,editionBreakpointWidths:v,sliceContentMaxWidth:1180},{huge:1320,medium:768,nativeTablet:660,nativeTabletWide:1194,small:520,wide:1024});const j={body:{bodyMobile:30,puffLink:15,secondary:27,teaser:20,tertiary:26},bodyRegular:{infoSubText:23,infoTitle:30,pageComponentHeadline:25},bodyRegularSmallCaps:{cardMetaMobile:12,meta:14},cultureMagazine:{headline:35,pageHeadline:42},headline:{articleHeadline:45,commentsHeadline:29,headline:33,infoTitle:22,leadHeadline:26,pageComponentHeadline:27,pageHeadline:40,smallHeadline:27,tileLeadHeadline:35,heading2Mobile:26,heading3Mobile:26,heading4Mobile:26,heading5Mobile:26},headlineRegular:{pageComponentHeadline:30,smallestHeadline:26,strapline:24},stMagazine:{headline:35,pageHeadline:42},styleMagazine:{headline:35,pageHeadline:42},supporting:{button:16,caption:13,cardMeta:15,cardMetaMobile:14,keyFactsTitle:18,link:13,linkTopic:12,meta:14,pagingMeta:15,tertiary:17}};var F=e=>{let t=e.font,n=e.fontSize;return j[t][n]},T={body:"TimesDigitalW04",bodyRegular:"TimesDigitalW04-Regular",bodyRegularSmallCaps:"TimesDigitalW04-RegularSC",cultureMagazine:"TimesModern-Bold",dropCap:"TimesModern-Regular",headline:"TimesModern-Bold",headlineRegular:"TimesModern-Regular",stMagazine:"TimesModern-Bold",styleMagazine:"TimesModern-Bold",supporting:"Roboto-Regular"},P=e=>{let t=e.font,n=e.fontSize;return{fontFamily:Q().fonts[t],fontSize:S[n],lineHeight:F({font:t,fontSize:n})}},S={articleHeadline:45,articleMeta:15,body:18,bodyMobile:17,button:15,caption:12,cardHeadline:27,cardMeta:12,cardMetaMobile:12,commentsGuidelines:12,commentsHeadline:27,credits:9,headline:30,imageOverlayTextSmall:11,infoTitle:22,keyFactsTitle:24,leadHeadline:26,link:13,linkTopic:12,meta:13,newsletterPuffLabel:12,newsletterPuffHeadline:28,newsletterPuffCopy:15,pageComponentHeadline:25,pageHeadline:40,pageHeadlineLarge:50,pagingMeta:14,puffLink:11,secondary:16,sliceHeadline:32,smallestHeadline:20,smallHeadline:22,strapline:22,teaser:14,tertiary:15,tertiaryTwitter:14,tileLeadHeadline:35,heading2Mobile:25,heading3Mobile:22,heading4Mobile:19,heading5Mobile:17,infoSubText:18,heading2:28,heading3:24,heading4:20,heading5:19};function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const x={indepth:{},magazinecomment:B(B({},s),c),magazinestandard:B(B({},s),c),maincomment:B({},s),mainstandard:B({},s),takeoverpage:{}},H={culture:"cultureMagazine",Culture:"cultureMagazine",style:"styleMagazine",Style:"styleMagazine","The Sunday Times Magazine":"stMagazine",thesundaytimesmagazine:"stMagazine","the sunday times magazine":"stMagazine"},R={indepth:H,magazinecomment:H,magazinestandard:H,maincomment:{},mainstandard:{},takeoverpage:{}},E=(e,t)=>x[t][e],W=(e,t,n)=>R[n][t]||e,A=(e,t)=>e&&"style"===e.toLowerCase()&&["indepth","magazinestandard","magazinecomment"].includes(t)?"none":null;var L=(e,t)=>{const n=e||"default",r=t||"mainstandard";return{dropCapFont:W("dropCap",n,r),headlineFont:W("headline",n,r),pullQuoteFont:W("headlineRegular",n,r),sectionColour:E(n,r),headlineCase:n.length?A(n,r):null}},G=Object.freeze({large:"large",medium:"medium",xlarge:"xlarge"});const _={tabletHeadline:{marginBottom:5},tabletTeaser:{marginTop:5}};var I=e=>"".concat((e=>5*e)(e),"px");const N=z.nativeTablet,q=z.nativeTabletWide;var Q=()=>({Animations:y,colours:g,fontFactory:P,fonts:T,fontSizes:S,lineHeight:F,spacing:I});n.d(t,"styleguide",(function(){return Q})),n.d(t,"Animations",(function(){return y})),n.d(t,"breakpoints",(function(){return z})),n.d(t,"colours",(function(){return g})),n.d(t,"editionBreakpoints",(function(){return O})),n.d(t,"editionBreakpointWidths",(function(){return v})),n.d(t,"editionMaxWidth",(function(){return M})),n.d(t,"sliceContentMaxWidth",(function(){return 1180})),n.d(t,"fonts",(function(){return T})),n.d(t,"fontFactory",(function(){return P})),n.d(t,"fontSizes",(function(){return S})),n.d(t,"getEditionBreakpoint",(function(){return D})),n.d(t,"lineHeight",(function(){return F})),n.d(t,"scales",(function(){return G})),n.d(t,"spacing",(function(){return I})),n.d(t,"globalSpacingStyles",(function(){return _})),n.d(t,"tabletRowPadding",(function(){return 20})),n.d(t,"tabletWidth",(function(){return N})),n.d(t,"tabletWidthMax",(function(){return q})),n.d(t,"themeFactory",(function(){return L}))}]);
+module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("react")},function(e,t,n){"use strict";n.r(t);n(1);function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const o={artsfeatures:"#622956",bricksmortar:"#006469",business:"#005B8D",comment:"#850029",culture:"#7B0046",default:"#1D1D1B",defcon:"#FF1D25",driving:"#C04605",focus:"#CC0000",gardening:"#00313B",home:"#8D724D",ireland:"#004E45",law:"#691D26",money:"#006A74",news:"#13354E",newsreview:"#004D6D",puzzle:"#C74600",register:"#6C6C69",saturdayreview:"#A31D24",scotland:"#00233E",sport:"#008347",style:"#BC3385",techgames:"#1A1F24",thedish:"#DB133B",thegame:"#006469",thesundaytimesmagazine:"#1D1D1D",thetimesmagazine:"#1D1D1D",times2:"#622956",todaysmagazines:"#1D1D1B",travel:"#2C79AD",weekend:"#05829A",world:"#636C17"},l={"Arts & Features":o.artsfeatures,"Bricks & Mortar":o.bricksmortar,Business:o.business,Comment:o.comment,Culture:o.culture,Driving:o.driving,Focus:o.focus,Gardening:o.gardening,Home:o.home,Ireland:o.ireland,Law:o.law,Money:o.money,News:o.news,"News Review":o.newsreview,Puzzles:o.puzzle,Register:o.register,"Saturday Review":o.saturdayreview,Scotland:o.scotland,Sport:o.sport,Style:o.style,"Tech & Games":o.techgames,"The Dish":o.thedish,"The Game":o.thegame,"The Sunday Times Magazine":o.thesundaytimesmagazine,"The Times Magazine":o.thetimesmagazine,Times2:o.times2,"Today's Magazines":o.todaysmagazines,Travel:o.travel,Weekend:o.weekend,World:o.world},d={thesundaytimesmagazine:"#F13D00"},s={"The Sunday Times Magazine":d.thesundaytimesmagazine},u=a(a({},o),l),c=a(a({},d),s);var g={functional:{action:"#006699",actionPressed:"#0077B3",articleFlagExclusive:"#C51D24",articleFlagNew:"#E34605",articleFlagUpdated:"#3C81BE",backgroundPrimary:"#F9F9F9",backgroundSecondary:"#EDEDED",black:"#000000",border:"#F0F0F0",brandColour:"#1D1D1B",bullet:"#103546",contrast:"#FFFFFF",darkSupplement:"#272D34",greyLabel:"#CCC",greyStickyBarBoxShadow:"#c9c7c7ed",greyStickyBarBorderBottom:"#ffffffdb",gutter:"#f0f0f0",keyline:"#DBDBDB",modalBackground:"#000000",newsletterPuffBackground:"#F9F8F3",overlayGradientEnd:"#00000000",overlayGradientFallback:"#000000B3",overlayGradientStart:"#000000E6",primary:"#333333",secondary:"#696969",tertiary:"#4D4D4D",transparentBlack:"rgba(0, 0, 0, 0.6)",transparentWhite:"rgba(255, 255, 255, 0.3)",white:"#FFFFFF",whiteGrey:"#F5F5F5"},secondarySectionColours:c,section:u},m=n(0),f=n.n(m),b=f.a.div.withConfig({displayName:"TsTcView",componentId:"sc-154dp5w-0"})(["border:0px solid black;box-sizing:border-box;display:flex;flex-direction:column;margin:",";border-bottom-color:",";border-bottom-width:",";border-radius:",";overflow:",";height:",";width:",";margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;z-index:0;"],e=>{let t=e.style;return t&&t.margin?t.margin:"0px"},e=>{let t=e.style;return t&&t.borderBottomColor?t.borderBottomColor:"black"},e=>{let t=e.style;return t&&t.borderBottomWidth?t.borderBottomWidth:"0px"},e=>{let t=e.style;return t&&t.borderRadius&&t.borderRadius},e=>{let t=e.style;return t&&t.overflow&&t.overflow},e=>{let t=e.style;return t&&t.height&&t.height},e=>{let t=e.style;return t&&t.width&&t.width});const p=Object(m.keyframes)(["from{opacity:0;}to{opacity:1;}"]);var y={FadeIn:f()(b).withConfig({displayName:"Animations__FadeIn",componentId:"w31u4-0"})(["animation:"," 0.3s ease-in-out;"],p)};function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const M={huge:"huge",medium:"medium",small:"small",wide:"wide"},O={huge:1366,medium:768,wide:1024},T=O.huge,v=e=>e<O.medium?M.small:e<O.wide?M.medium:e<O.huge?M.wide:M.huge;var D=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({editionBreakpoints:M,editionMaxWidth:T,editionBreakpointWidths:O,sliceContentMaxWidth:1180},{huge:1320,medium:768,nativeTablet:660,nativeTabletWide:1194,small:520,wide:1024});const k={body:{bodyMobile:30,puffLink:15,secondary:27,teaser:20,tertiary:26},bodyRegular:{infoSubText:23,infoTitle:30,pageComponentHeadline:25},bodyRegularSmallCaps:{cardMetaMobile:12,meta:14},cultureMagazine:{headline:35,pageHeadline:42},headline:{articleHeadline:45,commentsHeadline:29,headline:33,infoTitle:22,leadHeadline:26,pageComponentHeadline:27,pageHeadline:40,smallHeadline:27,tileLeadHeadline:35,heading2Mobile:26,heading3Mobile:26,heading4Mobile:26,heading5Mobile:26},headlineRegular:{pageComponentHeadline:30,smallestHeadline:26,strapline:24},stMagazine:{headline:35,pageHeadline:42},styleMagazine:{headline:35,pageHeadline:42},supporting:{button:16,caption:13,cardMeta:15,cardMetaMobile:14,keyFactsTitle:18,link:13,linkTopic:12,meta:14,pagingMeta:15,tertiary:17}};var z=e=>{let t=e.font,n=e.fontSize;return k[t][n]},F={body:"TimesDigitalW04",bodyRegular:"TimesDigitalW04-Regular",bodyRegularSmallCaps:"TimesDigitalW04-RegularSC",cultureMagazine:"TimesModern-Bold",dropCap:"TimesModern-Regular",headline:"TimesModern-Bold",headlineRegular:"TimesModern-Regular",stMagazine:"TimesModern-Bold",styleMagazine:"TimesModern-Bold",supporting:"Roboto-Regular"},B={body:"TimesDigitalW04, TimesDigitalW04-fallback, serif",bodyRegular:"TimesDigitalW04-Regular, TimesDigitalW04-Regular-fallback, serif",bodyRegularSmallCaps:"TimesDigitalW04-RegularSC, TimesDigitalW04-RegularSC-fallback, serif",cultureMagazine:"TimesModern-Bold, TimesModern-Bold-fallback, serif",dropCap:"TimesModern-Regular, TimesModern-Regular-fallback, serif",headline:"TimesModern-Bold, TimesModern-Bold-fallback, serif",headlineRegular:"TimesModern-Regular, TimesModern-Regular-fallback, serif",stMagazine:"TimesModern-Bold, TimesModern-Bold-fallback, serif",styleMagazine:"TimesModern-Bold, TimesModern-Bold-fallback, serif",supporting:"Roboto-Regular, Roboto-Regular-fallback, sans-serif"},j=e=>{let t=e.font,n=e.fontSize;return{fontFamily:U().fontsWithFallback[t],fontSize:C[n],lineHeight:z({font:t,fontSize:n})}},C={articleHeadline:45,articleMeta:15,body:18,bodyMobile:17,button:15,caption:12,cardHeadline:27,cardMeta:12,cardMetaMobile:12,commentsGuidelines:12,commentsHeadline:27,credits:9,headline:30,imageOverlayTextSmall:11,infoTitle:22,keyFactsTitle:24,leadHeadline:26,link:13,linkTopic:12,meta:13,newsletterPuffLabel:12,newsletterPuffHeadline:28,newsletterPuffCopy:15,pageComponentHeadline:25,pageHeadline:40,pageHeadlineLarge:50,pagingMeta:14,puffLink:11,secondary:16,sliceHeadline:32,smallestHeadline:20,smallHeadline:22,strapline:22,teaser:14,tertiary:15,tertiaryTwitter:14,tileLeadHeadline:35,heading2Mobile:25,heading3Mobile:22,heading4Mobile:19,heading5Mobile:17,infoSubText:18,heading2:28,heading3:24,heading4:20,heading5:19};function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const x={indepth:{},magazinecomment:P(P({},u),c),magazinestandard:P(P({},u),c),maincomment:P({},u),mainstandard:P({},u),takeoverpage:{}},H={culture:"cultureMagazine",Culture:"cultureMagazine",style:"styleMagazine",Style:"styleMagazine","The Sunday Times Magazine":"stMagazine",thesundaytimesmagazine:"stMagazine","the sunday times magazine":"stMagazine"},W={indepth:H,magazinecomment:H,magazinestandard:H,maincomment:{},mainstandard:{},takeoverpage:{}},E=(e,t)=>x[t][e],A=(e,t,n)=>W[n][t]||e,L=(e,t)=>e&&"style"===e.toLowerCase()&&["indepth","magazinestandard","magazinecomment"].includes(t)?"none":null;var G=(e,t)=>{const n=e||"default",r=t||"mainstandard";return{dropCapFont:A("dropCap",n,r),headlineFont:A("headline",n,r),pullQuoteFont:A("headlineRegular",n,r),sectionColour:E(n,r),headlineCase:n.length?L(n,r):null}},_=Object.freeze({large:"large",medium:"medium",xlarge:"xlarge"});const I={tabletHeadline:{marginBottom:5},tabletTeaser:{marginTop:5}};var N=e=>"".concat((e=>5*e)(e),"px");const q=D.nativeTablet,Q=D.nativeTabletWide;var U=()=>({Animations:y,colours:g,fontFactory:j,fonts:F,fontsWithFallback:B,fontSizes:C,lineHeight:z,spacing:N});n.d(t,"styleguide",(function(){return U})),n.d(t,"Animations",(function(){return y})),n.d(t,"breakpoints",(function(){return D})),n.d(t,"colours",(function(){return g})),n.d(t,"editionBreakpoints",(function(){return M})),n.d(t,"editionBreakpointWidths",(function(){return O})),n.d(t,"editionMaxWidth",(function(){return T})),n.d(t,"sliceContentMaxWidth",(function(){return 1180})),n.d(t,"fonts",(function(){return F})),n.d(t,"fontFactory",(function(){return j})),n.d(t,"fontSizes",(function(){return C})),n.d(t,"fontsWithFallback",(function(){return B})),n.d(t,"getEditionBreakpoint",(function(){return v})),n.d(t,"lineHeight",(function(){return z})),n.d(t,"scales",(function(){return _})),n.d(t,"spacing",(function(){return N})),n.d(t,"globalSpacingStyles",(function(){return I})),n.d(t,"tabletRowPadding",(function(){return 20})),n.d(t,"tabletWidth",(function(){return q})),n.d(t,"tabletWidthMax",(function(){return Q})),n.d(t,"themeFactory",(function(){return G}))}]);

package/src/index.ts

@@ -11,6 +11,7 @@ export {
   fonts,
   fontFactory,
   fontSizes,
+  fontsWithFallback,
   getEditionBreakpoint,
   lineHeight,
   scales,

package/src/styleguide/Styleguide.tsx

@@ -10,7 +10,12 @@ import breakpoints, {
   sliceContentMaxWidth
 } from './breakpoints';
 import lineHeight from './lineHeight';
-import { timesFontFactory, timesFontSizes, fontStyles } from './fonts/fonts';
+import {
+  timesFontFactory,
+  timesFontSizes,
+  fontStyles,
+  fontStylesWithFallback
+} from './fonts/fonts';
 import themeFactory from './themeFactory';
 
 import scales from './scales';
@@ -26,6 +31,7 @@ export default () => {
     colours,
     fontFactory: timesFontFactory,
     fonts: fontStyles,
+    fontsWithFallback: fontStylesWithFallback,
     fontSizes: timesFontSizes,
     lineHeight,
     spacing
@@ -41,6 +47,7 @@ export {
   editionMaxWidth,
   sliceContentMaxWidth,
   fontStyles as fonts,
+  fontStylesWithFallback as fontsWithFallback,
   timesFontFactory as fontFactory,
   timesFontSizes as fontSizes,
   getEditionBreakpoint,

package/src/styleguide/__tests__/styleguide.test.tsx

@@ -1,7 +1,12 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 
-import styleguide, { colours, fonts, spacing } from '../Styleguide';
+import styleguide, {
+  colours,
+  fonts,
+  fontsWithFallback,
+  spacing
+} from '../Styleguide';
 import { Animations, TsTcText, TsTcView } from '../components';
 
 import styles from '../helpers/storybookStyles';
@@ -41,11 +46,21 @@ describe('styleguide', () => {
       expect(typeof fonts).toBe('object');
     });
 
+    it('should render the object of font and fallback references', () => {
+      expect(typeof fontsWithFallback).toBe('object');
+    });
+
+    it('should render the supporting font roboto should correctly show font and fallback references', () => {
+      expect(fontsWithFallback.supporting).toEqual(
+        'Roboto-Regular, Roboto-Regular-fallback, sans-serif'
+      );
+    });
+
     it('should return object when fontFactory is called', () => {
       expect(
         styleguide().fontFactory({ font: 'headline', fontSize: 'body' })
       ).toEqual({
-        fontFamily: 'TimesModern-Bold',
+        fontFamily: 'TimesModern-Bold, TimesModern-Bold-fallback, serif',
         fontSize: 18,
         lineHeight: undefined
       });

package/src/styleguide/components/TsTcText.tsx

@@ -9,8 +9,6 @@ export default styled.div<{ style?: Style }>`
   color: ${({ style }) =>
     style && style.color ? style.color : 'rgb(0, 0, 0)'};
   display: inline;
-  font: 14px system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    Ubuntu, 'Helvetica Neue', sans-serif;
   margin: 0px;
   padding: 0px;
   white-space: pre-wrap;
@@ -25,7 +23,5 @@ export default styled.div<{ style?: Style }>`
   margin-top: ${({ style }) =>
     style && style.marginTop ? style.marginTop : '0px'};
   font-family: ${({ style }) =>
-    style && style.fontFamily
-      ? style.fontFamily
-      : 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif'};
+    style && style.fontFamily ? style.fontFamily : 'sans-serif'};
 `;

package/src/styleguide/fonts/font-factory.tsx

@@ -11,7 +11,7 @@ export default ({
 }) => {
   const styles = styleguide();
   return {
-    fontFamily: styles.fonts[font],
+    fontFamily: styles.fontsWithFallback[font],
     fontSize: timesFontSizes[fontSize],
     lineHeight: lineHeight({ font, fontSize })
   };

package/src/styleguide/fonts/font-styles-with-fallback.tsx

@@ -0,0 +1,14 @@
+export default {
+  body: 'TimesDigitalW04, TimesDigitalW04-fallback, serif',
+  bodyRegular:
+    'TimesDigitalW04-Regular, TimesDigitalW04-Regular-fallback, serif',
+  bodyRegularSmallCaps:
+    'TimesDigitalW04-RegularSC, TimesDigitalW04-RegularSC-fallback, serif',
+  cultureMagazine: 'TimesModern-Bold, TimesModern-Bold-fallback, serif',
+  dropCap: 'TimesModern-Regular, TimesModern-Regular-fallback, serif',
+  headline: 'TimesModern-Bold, TimesModern-Bold-fallback, serif',
+  headlineRegular: 'TimesModern-Regular, TimesModern-Regular-fallback, serif',
+  stMagazine: 'TimesModern-Bold, TimesModern-Bold-fallback, serif',
+  styleMagazine: 'TimesModern-Bold, TimesModern-Bold-fallback, serif',
+  supporting: 'Roboto-Regular, Roboto-Regular-fallback, sans-serif'
+};

package/src/styleguide/fonts/fonts.tsx

@@ -1,5 +1,6 @@
 import fontStyles from './font-styles';
+import fontStylesWithFallback from './font-styles-with-fallback';
 import timesFontFactory from './font-factory';
 import timesFontSizes from './font-sizes';
 
-export { fontStyles, timesFontSizes, timesFontFactory };
+export { fontStyles, timesFontSizes, timesFontFactory, fontStylesWithFallback };