@times-components/ts-styleguide 1.35.1

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.35.1 (2022-05-11)
+
+**Note:** Version bump only for package @times-components/ts-styleguide

package/LICENSE

@@ -0,0 +1,29 @@
+BSD 3-Clause License
+
+Copyright (c) 2017, News UK & Ireland Ltd
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+* Neither the name of the copyright holder nor the names of its
+  contributors may be used to endorse or promote products derived from
+  this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -0,0 +1,67 @@
+# Styleguide
+
+The styleguide package contains the shared styles and functionalities which are
+commonly used across Times Components packages and components. Many of the
+properties of the styleguide can be simply exported as named exports:
+
+```
+import { colours, spacing } from "@times-components/ts-styleguide";
+```
+
+## Animations
+
+A cross-device component called `FadeIn` which animates a fade in
+
+## Colours
+
+Exports functional or section based colours.
+
+## Fonts
+
+Times Components fonts and font sizes.
+
+## Font factory
+
+The `fontFactory` method takes a `font` and `fontSize`, and returns an object
+containing the appropriate font style properties, including a `lineHeight`.
+
+## Line heights
+
+Times Componets line heights. This is utilised as part of the font factory
+scaling.
+
+## Spacing
+
+Provides a way to standardise layout, particularly in regards to the concept of
+a consistent spacing layout across multiple breakpoints.
+
+## Contributing
+
+Please read [CONTRIBUTING.md](./CONTRIBUTING.md) before contributing to this
+package
+
+## Running the code
+
+Please see our main [README.md](../README.md) to get the project running locally
+
+## Development
+
+The code can be formatted and linted in accordance with the agreed standards.
+
+```
+yarn fmt
+yarn lint
+```
+
+## Testing
+
+This package uses [yarn](https://yarnpkg.com) (latest) to run unit tests on each
+platform with [jest](https://facebook.github.io/jest/).
+
+```
+yarn test:web
+```
+
+Visit the official
+[storybook](http://components.thetimes.co.uk/?knob-Size%20of%20ad%20placeholder%3A=default&selectedKind=Helpers%2FStyleguide&selectedStory=Functional%20Colours&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybooks%2Fstorybook-addon-knobs)
+to see our available styleguide templates.

package/babel.config.js

@@ -0,0 +1,10 @@
+module.exports = api => {
+  api.cache(true);
+  return {
+    plugins: [
+      'babel-plugin-styled-components',
+      '@babel/plugin-transform-react-display-name'
+    ],
+    presets: ['@babel/preset-react']
+  };
+};

package/dist/__mocks__/isomorphic-unfetch.d.ts

@@ -0,0 +1,3 @@
+import fetchMock from 'fetch-mock';
+declare const fetch: fetchMock.FetchMockSandbox;
+export default fetch;

package/dist/__mocks__/isomorphic-unfetch.js

@@ -0,0 +1,4 @@
+import fetchMock from 'fetch-mock';
+const fetch = fetchMock.sandbox();
+export default fetch;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXNvbW9ycGhpYy11bmZldGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL19fbW9ja3NfXy9pc29tb3JwaGljLXVuZmV0Y2gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sWUFBWSxDQUFDO0FBQ25DLE1BQU0sS0FBSyxHQUFHLFNBQVMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztBQUNsQyxlQUFlLEtBQUssQ0FBQyJ9

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/styleguide/Styleguide.d.ts

@@ -0,0 +1,193 @@
+import 'react';
+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 themeFactory from './themeFactory';
+import scales from './scales';
+import spacing, { globalSpacingStyles } from './spacing';
+declare const nativeTablet: number, nativeTabletWide: number;
+export declare const tabletRowPadding = 20;
+declare const _default: () => {
+    Animations: {
+        FadeIn: import("styled-components").StyledComponent<import("react").FC<{
+            style?: import("react").CSSProperties | undefined;
+        }>, any, {}, never>;
+    };
+    colours: {
+        functional: {
+            action: string;
+            actionPressed: string;
+            articleFlagExclusive: string;
+            articleFlagNew: string;
+            articleFlagUpdated: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            black: string;
+            border: string;
+            brandColour: string;
+            bullet: string;
+            contrast: string;
+            darkSupplement: string;
+            greyLabel: string;
+            greyStickyBarBoxShadow: string;
+            greyStickyBarBorderBottom: string;
+            gutter: string;
+            keyline: string;
+            modalBackground: string;
+            newsletterPuffBackground: string;
+            overlayGradientEnd: string;
+            overlayGradientFallback: string;
+            overlayGradientStart: string;
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            transparentBlack: string;
+            transparentWhite: string;
+            white: string;
+            whiteGrey: string;
+        };
+        secondarySectionColours: {
+            'The Sunday Times Magazine': string;
+            thesundaytimesmagazine: string;
+        };
+        section: {
+            'Arts & Features': string;
+            'Bricks & Mortar': string;
+            Business: string;
+            Comment: string;
+            Culture: string;
+            Driving: string;
+            Focus: string;
+            Gardening: string;
+            Home: string;
+            Ireland: string;
+            Law: string;
+            Money: string;
+            News: string;
+            'News Review': string;
+            Puzzles: string;
+            Register: string;
+            'Saturday Review': string;
+            Scotland: string;
+            Sport: string;
+            Style: string;
+            'Tech & Games': string;
+            'The Dish': string;
+            'The Game': string;
+            'The Sunday Times Magazine': string;
+            'The Times Magazine': string;
+            Times2: string;
+            "Today's Magazines": string;
+            Travel: string;
+            Weekend: string;
+            World: string;
+            artsfeatures: string;
+            bricksmortar: string;
+            business: string;
+            comment: string;
+            culture: string;
+            default: string;
+            defcon: string;
+            driving: string;
+            focus: string;
+            gardening: string;
+            home: string;
+            ireland: string;
+            law: string;
+            money: string;
+            news: string;
+            newsreview: string;
+            puzzle: string;
+            register: string;
+            saturdayreview: string;
+            scotland: string;
+            sport: string;
+            style: string;
+            techgames: string;
+            thedish: string;
+            thegame: string;
+            thesundaytimesmagazine: string;
+            thetimesmagazine: string;
+            times2: string;
+            todaysmagazines: string;
+            travel: string;
+            weekend: string;
+            world: string;
+        };
+    };
+    fontFactory: ({ font, fontSize }: {
+        font: "body" | "bodyRegular" | "bodyRegularSmallCaps" | "cultureMagazine" | "dropCap" | "headline" | "headlineRegular" | "stMagazine" | "styleMagazine" | "supporting";
+        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";
+    }) => {
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: {};
+    };
+    fonts: {
+        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;
+        body: number;
+        bodyMobile: number;
+        button: number;
+        caption: number;
+        cardHeadline: number;
+        cardMeta: number;
+        cardMetaMobile: number;
+        commentsGuidelines: number;
+        commentsHeadline: number;
+        credits: number;
+        headline: number;
+        imageOverlayTextSmall: number;
+        infoTitle: number;
+        keyFactsTitle: number;
+        leadHeadline: number;
+        link: number;
+        meta: number;
+        newsletterPuffLabel: number;
+        newsletterPuffHeadline: number;
+        newsletterPuffCopy: number;
+        pageComponentHeadline: number;
+        pageHeadline: number;
+        pageHeadlineLarge: number;
+        pagingMeta: number;
+        puffLink: number;
+        secondary: number;
+        sliceHeadline: number;
+        smallestHeadline: number;
+        smallHeadline: number;
+        strapline: number;
+        teaser: number;
+        tertiary: number;
+        tileLeadHeadline: number;
+        heading2Mobile: number;
+        heading3Mobile: number;
+        heading4Mobile: number;
+        heading5Mobile: number;
+        infoSubText: number;
+        heading2: number;
+        heading3: number;
+        heading4: number;
+        heading5: number;
+    };
+    lineHeight: ({ font, fontSize }: {
+        font: string;
+        fontSize: string;
+    }) => {};
+    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 };

package/dist/styleguide/Styleguide.js

@@ -0,0 +1,24 @@
+import 'react';
+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 themeFactory from './themeFactory';
+import scales from './scales';
+import spacing, { globalSpacingStyles } from './spacing';
+const { nativeTablet, nativeTabletWide } = breakpoints;
+export const tabletRowPadding = 20;
+export default () => {
+    return {
+        Animations,
+        colours,
+        fontFactory: timesFontFactory,
+        fonts: fontStyles,
+        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=

package/dist/styleguide/__tests__/breakpoints.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/react';

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

@@ -0,0 +1,46 @@
+import '@testing-library/react';
+import breakpoints, { editionBreakpointWidths, editionBreakpoints } from '../breakpoints';
+import { getEditionBreakpoint, sliceContentMaxWidth, editionMaxWidth, globalSpacingStyles, editionBreakpointWidths as styleguideEditionBreakpointWidths, editionBreakpoints as styleguideEditionBreakpoints } from '../Styleguide';
+describe('breakpoints', () => {
+    it('should return correct globalSpacingStyles value', () => {
+        expect(globalSpacingStyles).toEqual({
+            tabletHeadline: { marginBottom: 5 },
+            tabletTeaser: { marginTop: 5 }
+        });
+    });
+    it('should return correct sliceContentMaxWidth value', () => {
+        expect(sliceContentMaxWidth).toEqual(1180);
+    });
+    it('should return correct sliceContentMaxWidth value', () => {
+        expect(sliceContentMaxWidth).toEqual(1180);
+    });
+    it('should return correct editionBreakpointWidths value', () => {
+        expect(editionBreakpointWidths.wide).toEqual(1024);
+        expect(styleguideEditionBreakpointWidths.wide).toEqual(1024);
+    });
+    it('should return correct editionMaxWidth value', () => {
+        expect(editionMaxWidth).toEqual(1366);
+    });
+    it('should return correct breakpoint width value', () => {
+        expect(breakpoints.huge).toEqual(1320);
+    });
+    it('should retun correct editionBreakpoints value', () => {
+        expect(editionBreakpoints.huge).toEqual('huge');
+        expect(styleguideEditionBreakpoints.huge).toEqual('huge');
+    });
+    describe('getEditionBreakpoint()', () => {
+        it('should return correct getEditionBreakpoint value', () => {
+            expect(getEditionBreakpoint(600)).toEqual('small');
+        });
+        it('should return correct getEditionBreakpoint value', () => {
+            expect(getEditionBreakpoint(900)).toEqual('medium');
+        });
+        it('should return correct getEditionBreakpoint value', () => {
+            expect(getEditionBreakpoint(1100)).toEqual('wide');
+        });
+        it('should return correct getEditionBreakpoint value', () => {
+            expect(getEditionBreakpoint(1500)).toEqual('huge');
+        });
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludHMudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdHlsZWd1aWRlL19fdGVzdHNfXy9icmVha3BvaW50cy50ZXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sd0JBQXdCLENBQUM7QUFFaEMsT0FBTyxXQUFXLEVBQUUsRUFDbEIsdUJBQXVCLEVBQ3ZCLGtCQUFrQixFQUNuQixNQUFNLGdCQUFnQixDQUFDO0FBRXhCLE9BQU8sRUFDTCxvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLGVBQWUsRUFDZixtQkFBbUIsRUFDbkIsdUJBQXVCLElBQUksaUNBQWlDLEVBQzVELGtCQUFrQixJQUFJLDRCQUE0QixFQUNuRCxNQUFNLGVBQWUsQ0FBQztBQUV2QixRQUFRLENBQUMsYUFBYSxFQUFFLEdBQUcsRUFBRTtJQUMzQixFQUFFLENBQUMsaURBQWlELEVBQUUsR0FBRyxFQUFFO1FBQ3pELE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLE9BQU8sQ0FBQztZQUNsQyxjQUFjLEVBQUUsRUFBRSxZQUFZLEVBQUUsQ0FBQyxFQUFFO1lBQ25DLFlBQVksRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLEVBQUU7U0FDL0IsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDSCxFQUFFLENBQUMsa0RBQWtELEVBQUUsR0FBRyxFQUFFO1FBQzFELE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxrREFBa0QsRUFBRSxHQUFHLEVBQUU7UUFDMUQsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLHFEQUFxRCxFQUFFLEdBQUcsRUFBRTtRQUM3RCxNQUFNLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25ELE1BQU0sQ0FBQyxpQ0FBaUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0QsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsNkNBQTZDLEVBQUUsR0FBRyxFQUFFO1FBQ3JELE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEMsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsOENBQThDLEVBQUUsR0FBRyxFQUFFO1FBQ3RELE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLCtDQUErQyxFQUFFLEdBQUcsRUFBRTtRQUN2RCxNQUFNLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2hELE1BQU0sQ0FBQyw0QkFBNEIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUQsQ0FBQyxDQUFDLENBQUM7SUFFSCxRQUFRLENBQUMsd0JBQXdCLEVBQUUsR0FBRyxFQUFFO1FBQ3RDLEVBQUUsQ0FBQyxrREFBa0QsRUFBRSxHQUFHLEVBQUU7WUFDMUQsTUFBTSxDQUFDLG9CQUFvQixDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3JELENBQUMsQ0FBQyxDQUFDO1FBRUgsRUFBRSxDQUFDLGtEQUFrRCxFQUFFLEdBQUcsRUFBRTtZQUMxRCxNQUFNLENBQUMsb0JBQW9CLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdEQsQ0FBQyxDQUFDLENBQUM7UUFFSCxFQUFFLENBQUMsa0RBQWtELEVBQUUsR0FBRyxFQUFFO1lBQzFELE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNyRCxDQUFDLENBQUMsQ0FBQztRQUVILEVBQUUsQ0FBQyxrREFBa0QsRUFBRSxHQUFHLEVBQUU7WUFDMUQsTUFBTSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3JELENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9

package/dist/styleguide/__tests__/styleguide.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import styleguide, { colours, fonts, spacing } from '../Styleguide';
+import { Animations, TcText, TcView } from '../components';
+import styles from '../helpers/storybookStyles';
+describe('styleguide', () => {
+    it('should return correct storybook style', () => {
+        expect(styles.box.height).toEqual(100);
+    });
+    it('should render the object of section colours', () => {
+        expect(typeof colours.section).toBe('object');
+    });
+    it('should render the object of functional colours', () => {
+        expect(typeof colours.functional).toBe('object');
+    });
+    it('should multiply spacing values and add px property', () => {
+        expect(spacing(10)).toEqual('50px');
+    });
+    describe('fonts', () => {
+        it('should render the font sizes at the default scale', () => {
+            expect(styleguide().fontSizes.bodyMobile).toEqual(17);
+        });
+        it('should render the line height factory default scale', () => {
+            expect(styleguide().lineHeight({
+                font: 'body',
+                fontSize: 'secondary'
+            })).toEqual(27);
+        });
+        it('should render the object of font references', () => {
+            expect(typeof fonts).toBe('object');
+        });
+        it('should return object when fontFactory is called', () => {
+            expect(styleguide().fontFactory({ font: 'headline', fontSize: 'body' })).toEqual({
+                fontFamily: 'TimesModern-Bold',
+                fontSize: 18,
+                lineHeight: undefined
+            });
+        });
+    });
+    describe('components', () => {
+        it('should render the Animations component', () => {
+            expect(render(React.createElement(Animations.FadeIn, null,
+                React.createElement(TcView, { style: styles.container },
+                    React.createElement(TcText, { style: styles.text }, "Hello World"))))).toBeTruthy();
+        });
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVndWlkZS50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3N0eWxlZ3VpZGUvX190ZXN0c19fL3N0eWxlZ3VpZGUudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxPQUFPLFVBQVUsRUFBRSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzRCxPQUFPLE1BQU0sTUFBTSw0QkFBNEIsQ0FBQztBQUVoRCxRQUFRLENBQUMsWUFBWSxFQUFFLEdBQUcsRUFBRTtJQUMxQixFQUFFLENBQUMsdUNBQXVDLEVBQUUsR0FBRyxFQUFFO1FBQy9DLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN6QyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw2Q0FBNkMsRUFBRSxHQUFHLEVBQUU7UUFDckQsTUFBTSxDQUFDLE9BQU8sT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNoRCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxnREFBZ0QsRUFBRSxHQUFHLEVBQUU7UUFDeEQsTUFBTSxDQUFDLE9BQU8sT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNuRCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxvREFBb0QsRUFBRSxHQUFHLEVBQUU7UUFDNUQsTUFBTSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN0QyxDQUFDLENBQUMsQ0FBQztJQUVILFFBQVEsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFO1FBQ3JCLEVBQUUsQ0FBQyxtREFBbUQsRUFBRSxHQUFHLEVBQUU7WUFDM0QsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDeEQsQ0FBQyxDQUFDLENBQUM7UUFFSCxFQUFFLENBQUMscURBQXFELEVBQUUsR0FBRyxFQUFFO1lBQzdELE1BQU0sQ0FDSixVQUFVLEVBQUUsQ0FBQyxVQUFVLENBQUM7Z0JBQ3RCLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxXQUFXO2FBQ3RCLENBQUMsQ0FDSCxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNoQixDQUFDLENBQUMsQ0FBQztRQUVILEVBQUUsQ0FBQyw2Q0FBNkMsRUFBRSxHQUFHLEVBQUU7WUFDckQsTUFBTSxDQUFDLE9BQU8sS0FBSyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3RDLENBQUMsQ0FBQyxDQUFDO1FBRUgsRUFBRSxDQUFDLGlEQUFpRCxFQUFFLEdBQUcsRUFBRTtZQUN6RCxNQUFNLENBQ0osVUFBVSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FDakUsQ0FBQyxPQUFPLENBQUM7Z0JBQ1IsVUFBVSxFQUFFLGtCQUFrQjtnQkFDOUIsUUFBUSxFQUFFLEVBQUU7Z0JBQ1osVUFBVSxFQUFFLFNBQVM7YUFDdEIsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztJQUVILFFBQVEsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFO1FBQzFCLEVBQUUsQ0FBQyx3Q0FBd0MsRUFBRSxHQUFHLEVBQUU7WUFDaEQsTUFBTSxDQUNKLE1BQU0sQ0FDSixvQkFBQyxVQUFVLENBQUMsTUFBTTtnQkFDaEIsb0JBQUMsTUFBTSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUztvQkFDN0Isb0JBQUMsTUFBTSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxrQkFBc0IsQ0FDekMsQ0FDUyxDQUNyQixDQUNGLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDakIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=

package/dist/styleguide/__tests__/themeFactory.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/react';

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

@@ -0,0 +1,41 @@
+import '@testing-library/react';
+import themeFactory from '../themeFactory';
+describe('themeFactory()', () => {
+    it('should return correct theme when section nor template is provided', () => {
+        expect(themeFactory()).toEqual({
+            dropCapFont: 'dropCap',
+            headlineCase: null,
+            headlineFont: 'headline',
+            pullQuoteFont: 'headlineRegular',
+            sectionColour: '#1D1D1B'
+        });
+    });
+    it('should return correct theme for an indepth style page', () => {
+        expect(themeFactory('Style', 'indepth')).toEqual({
+            dropCapFont: 'styleMagazine',
+            headlineFont: 'styleMagazine',
+            pullQuoteFont: 'styleMagazine',
+            sectionColour: undefined,
+            headlineCase: 'uppercase'
+        });
+    });
+    it('should return correct theme for a maincomment style page', () => {
+        expect(themeFactory('Style', 'maincomment')).toEqual({
+            dropCapFont: 'dropCap',
+            headlineFont: 'headline',
+            pullQuoteFont: 'headlineRegular',
+            sectionColour: '#BC3385',
+            headlineCase: null
+        });
+    });
+    it('should return correct theme for an indepth cultureMagazine page', () => {
+        expect(themeFactory('culture', 'indepth')).toEqual({
+            dropCapFont: 'cultureMagazine',
+            headlineFont: 'cultureMagazine',
+            pullQuoteFont: 'cultureMagazine',
+            sectionColour: undefined,
+            headlineCase: null
+        });
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWVGYWN0b3J5LnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc3R5bGVndWlkZS9fX3Rlc3RzX18vdGhlbWVGYWN0b3J5LnRlc3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLFlBQVksTUFBTSxpQkFBaUIsQ0FBQztBQUUzQyxRQUFRLENBQUMsZ0JBQWdCLEVBQUUsR0FBRyxFQUFFO0lBQzlCLEVBQUUsQ0FBQyxtRUFBbUUsRUFBRSxHQUFHLEVBQUU7UUFDM0UsTUFBTSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDO1lBQzdCLFdBQVcsRUFBRSxTQUFTO1lBQ3RCLFlBQVksRUFBRSxJQUFJO1lBQ2xCLFlBQVksRUFBRSxVQUFVO1lBQ3hCLGFBQWEsRUFBRSxpQkFBaUI7WUFDaEMsYUFBYSxFQUFFLFNBQVM7U0FDekIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsdURBQXVELEVBQUUsR0FBRyxFQUFFO1FBQy9ELE1BQU0sQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO1lBQy9DLFdBQVcsRUFBRSxlQUFlO1lBQzVCLFlBQVksRUFBRSxlQUFlO1lBQzdCLGFBQWEsRUFBRSxlQUFlO1lBQzlCLGFBQWEsRUFBRSxTQUFTO1lBQ3hCLFlBQVksRUFBRSxXQUFXO1NBQzFCLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDBEQUEwRCxFQUFFLEdBQUcsRUFBRTtRQUNsRSxNQUFNLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQztZQUNuRCxXQUFXLEVBQUUsU0FBUztZQUN0QixZQUFZLEVBQUUsVUFBVTtZQUN4QixhQUFhLEVBQUUsaUJBQWlCO1lBQ2hDLGFBQWEsRUFBRSxTQUFTO1lBQ3hCLFlBQVksRUFBRSxJQUFJO1NBQ25CLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLGlFQUFpRSxFQUFFLEdBQUcsRUFBRTtRQUN6RSxNQUFNLENBQUMsWUFBWSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQztZQUNqRCxXQUFXLEVBQUUsaUJBQWlCO1lBQzlCLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsYUFBYSxFQUFFLGlCQUFpQjtZQUNoQyxhQUFhLEVBQUUsU0FBUztZQUN4QixZQUFZLEVBQUUsSUFBSTtTQUNuQixDQUFDLENBQUM7SUFDTCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=

package/dist/styleguide/breakpoints.d.ts

@@ -0,0 +1,37 @@
+declare const editionBreakpoints: {
+    huge: string;
+    medium: string;
+    small: string;
+    wide: string;
+};
+declare const editionBreakpointWidths: {
+    huge: number;
+    medium: number;
+    wide: number;
+};
+declare const editionMaxWidth: number;
+declare const sliceContentMaxWidth = 1180;
+declare const getEditionBreakpoint: (width: {}) => string;
+export { editionBreakpoints, editionMaxWidth, editionBreakpointWidths, sliceContentMaxWidth, getEditionBreakpoint };
+declare const _default: {
+    huge: number;
+    medium: number;
+    nativeTablet: number;
+    nativeTabletWide: number;
+    small: number;
+    wide: number;
+    editionBreakpoints: {
+        huge: string;
+        medium: string;
+        small: string;
+        wide: string;
+    };
+    editionMaxWidth: number;
+    editionBreakpointWidths: {
+        huge: number;
+        medium: number;
+        wide: number;
+    };
+    sliceContentMaxWidth: number;
+};
+export default _default;

package/dist/styleguide/breakpoints.js

@@ -0,0 +1,42 @@
+const widths = {
+    huge: 1320,
+    medium: 768,
+    nativeTablet: 660,
+    nativeTabletWide: 1194,
+    small: 520,
+    wide: 1024
+};
+const editionBreakpoints = {
+    huge: 'huge',
+    medium: 'medium',
+    small: 'small',
+    wide: 'wide'
+};
+const editionBreakpointWidths = {
+    huge: 1366,
+    medium: 768,
+    wide: 1024
+};
+const editionMaxWidth = editionBreakpointWidths.huge;
+const sliceContentMaxWidth = 1180;
+const getEditionBreakpoint = (width) => {
+    if (width < editionBreakpointWidths.medium) {
+        return editionBreakpoints.small;
+    }
+    if (width < editionBreakpointWidths.wide) {
+        return editionBreakpoints.medium;
+    }
+    if (width < editionBreakpointWidths.huge) {
+        return editionBreakpoints.wide;
+    }
+    return editionBreakpoints.huge;
+};
+export { editionBreakpoints, editionMaxWidth, editionBreakpointWidths, sliceContentMaxWidth, getEditionBreakpoint };
+export default {
+    editionBreakpoints,
+    editionMaxWidth,
+    editionBreakpointWidths,
+    sliceContentMaxWidth,
+    ...widths
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvc3R5bGVndWlkZS9icmVha3BvaW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxNQUFNLEdBQUc7SUFDYixJQUFJLEVBQUUsSUFBSTtJQUNWLE1BQU0sRUFBRSxHQUFHO0lBQ1gsWUFBWSxFQUFFLEdBQUc7SUFDakIsZ0JBQWdCLEVBQUUsSUFBSTtJQUN0QixLQUFLLEVBQUUsR0FBRztJQUNWLElBQUksRUFBRSxJQUFJO0NBQ1gsQ0FBQztBQUVGLE1BQU0sa0JBQWtCLEdBQUc7SUFDekIsSUFBSSxFQUFFLE1BQU07SUFDWixNQUFNLEVBQUUsUUFBUTtJQUNoQixLQUFLLEVBQUUsT0FBTztJQUNkLElBQUksRUFBRSxNQUFNO0NBQ2IsQ0FBQztBQUVGLE1BQU0sdUJBQXVCLEdBQUc7SUFDOUIsSUFBSSxFQUFFLElBQUk7SUFDVixNQUFNLEVBQUUsR0FBRztJQUNYLElBQUksRUFBRSxJQUFJO0NBQ1gsQ0FBQztBQUNGLE1BQU0sZUFBZSxHQUFHLHVCQUF1QixDQUFDLElBQUksQ0FBQztBQUNyRCxNQUFNLG9CQUFvQixHQUFHLElBQUksQ0FBQztBQUVsQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsS0FBUyxFQUFFLEVBQUU7SUFDekMsSUFBSSxLQUFLLEdBQUcsdUJBQXVCLENBQUMsTUFBTSxFQUFFO1FBQzFDLE9BQU8sa0JBQWtCLENBQUMsS0FBSyxDQUFDO0tBQ2pDO0lBQ0QsSUFBSSxLQUFLLEdBQUcsdUJBQXVCLENBQUMsSUFBSSxFQUFFO1FBQ3hDLE9BQU8sa0JBQWtCLENBQUMsTUFBTSxDQUFDO0tBQ2xDO0lBQ0QsSUFBSSxLQUFLLEdBQUcsdUJBQXVCLENBQUMsSUFBSSxFQUFFO1FBQ3hDLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDO0tBQ2hDO0lBQ0QsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUM7QUFDakMsQ0FBQyxDQUFDO0FBRUYsT0FBTyxFQUNMLGtCQUFrQixFQUNsQixlQUFlLEVBQ2YsdUJBQXVCLEVBQ3ZCLG9CQUFvQixFQUNwQixvQkFBb0IsRUFDckIsQ0FBQztBQUVGLGVBQWU7SUFDYixrQkFBa0I7SUFDbEIsZUFBZTtJQUNmLHVCQUF1QjtJQUN2QixvQkFBb0I7SUFDcEIsR0FBRyxNQUFNO0NBQ1YsQ0FBQyJ9