@times-components/ts-components 1.32.4 → 1.34.0

package/dist/components/styleguide/colours/functional.js

@@ -0,0 +1,33 @@
+export const functionalColours = {
+    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'
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuY3Rpb25hbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvY29sb3Vycy9mdW5jdGlvbmFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRztJQUMvQixNQUFNLEVBQUUsU0FBUztJQUNqQixhQUFhLEVBQUUsU0FBUztJQUN4QixvQkFBb0IsRUFBRSxTQUFTO0lBQy9CLGNBQWMsRUFBRSxTQUFTO0lBQ3pCLGtCQUFrQixFQUFFLFNBQVM7SUFDN0IsaUJBQWlCLEVBQUUsU0FBUztJQUM1QixtQkFBbUIsRUFBRSxTQUFTO0lBQzlCLEtBQUssRUFBRSxTQUFTO0lBQ2hCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLFdBQVcsRUFBRSxTQUFTO0lBQ3RCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLGNBQWMsRUFBRSxTQUFTO0lBQ3pCLFNBQVMsRUFBRSxNQUFNO0lBQ2pCLHNCQUFzQixFQUFFLFdBQVc7SUFDbkMseUJBQXlCLEVBQUUsV0FBVztJQUN0QyxNQUFNLEVBQUUsU0FBUztJQUNqQixPQUFPLEVBQUUsU0FBUztJQUNsQixlQUFlLEVBQUUsU0FBUztJQUMxQix3QkFBd0IsRUFBRSxTQUFTO0lBQ25DLGtCQUFrQixFQUFFLFdBQVc7SUFDL0IsdUJBQXVCLEVBQUUsV0FBVztJQUNwQyxvQkFBb0IsRUFBRSxXQUFXO0lBQ2pDLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLGdCQUFnQixFQUFFLG9CQUFvQjtJQUN0QyxnQkFBZ0IsRUFBRSwwQkFBMEI7SUFDNUMsS0FBSyxFQUFFLFNBQVM7SUFDaEIsU0FBUyxFQUFFLFNBQVM7Q0FDckIsQ0FBQyJ9

package/dist/components/styleguide/colours/section.d.ts

@@ -0,0 +1,68 @@
+export declare const sectionColours: {
+    '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;
+};
+export declare const secondarySectionColours: {
+    'The Sunday Times Magazine': string;
+    thesundaytimesmagazine: string;
+};

package/dist/components/styleguide/colours/section.js

@@ -0,0 +1,78 @@
+const primaryColoursBase = {
+    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'
+};
+const primaryColours = {
+    'Arts & Features': primaryColoursBase.artsfeatures,
+    'Bricks & Mortar': primaryColoursBase.bricksmortar,
+    Business: primaryColoursBase.business,
+    Comment: primaryColoursBase.comment,
+    Culture: primaryColoursBase.culture,
+    Driving: primaryColoursBase.driving,
+    Focus: primaryColoursBase.focus,
+    Gardening: primaryColoursBase.gardening,
+    Home: primaryColoursBase.home,
+    Ireland: primaryColoursBase.ireland,
+    Law: primaryColoursBase.law,
+    Money: primaryColoursBase.money,
+    News: primaryColoursBase.news,
+    'News Review': primaryColoursBase.newsreview,
+    Puzzles: primaryColoursBase.puzzle,
+    Register: primaryColoursBase.register,
+    'Saturday Review': primaryColoursBase.saturdayreview,
+    Scotland: primaryColoursBase.scotland,
+    Sport: primaryColoursBase.sport,
+    Style: primaryColoursBase.style,
+    'Tech & Games': primaryColoursBase.techgames,
+    'The Dish': primaryColoursBase.thedish,
+    'The Game': primaryColoursBase.thegame,
+    'The Sunday Times Magazine': primaryColoursBase.thesundaytimesmagazine,
+    'The Times Magazine': primaryColoursBase.thetimesmagazine,
+    Times2: primaryColoursBase.times2,
+    "Today's Magazines": primaryColoursBase.todaysmagazines,
+    Travel: primaryColoursBase.travel,
+    Weekend: primaryColoursBase.weekend,
+    World: primaryColoursBase.world
+};
+const secondaryColoursBase = {
+    thesundaytimesmagazine: '#F13D00'
+};
+const secondaryColours = {
+    'The Sunday Times Magazine': secondaryColoursBase.thesundaytimesmagazine
+};
+export const sectionColours = { ...primaryColoursBase, ...primaryColours };
+export const secondarySectionColours = {
+    ...secondaryColoursBase,
+    ...secondaryColours
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvY29sb3Vycy9zZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLGtCQUFrQixHQUFHO0lBQ3pCLFlBQVksRUFBRSxTQUFTO0lBQ3ZCLFlBQVksRUFBRSxTQUFTO0lBQ3ZCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLEtBQUssRUFBRSxTQUFTO0lBQ2hCLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLElBQUksRUFBRSxTQUFTO0lBQ2YsT0FBTyxFQUFFLFNBQVM7SUFDbEIsR0FBRyxFQUFFLFNBQVM7SUFDZCxLQUFLLEVBQUUsU0FBUztJQUNoQixJQUFJLEVBQUUsU0FBUztJQUNmLFVBQVUsRUFBRSxTQUFTO0lBQ3JCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLGNBQWMsRUFBRSxTQUFTO0lBQ3pCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLEtBQUssRUFBRSxTQUFTO0lBQ2hCLEtBQUssRUFBRSxTQUFTO0lBQ2hCLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLHNCQUFzQixFQUFFLFNBQVM7SUFDakMsZ0JBQWdCLEVBQUUsU0FBUztJQUMzQixNQUFNLEVBQUUsU0FBUztJQUNqQixlQUFlLEVBQUUsU0FBUztJQUMxQixNQUFNLEVBQUUsU0FBUztJQUNqQixPQUFPLEVBQUUsU0FBUztJQUNsQixLQUFLLEVBQUUsU0FBUztDQUNqQixDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQUc7SUFDckIsaUJBQWlCLEVBQUUsa0JBQWtCLENBQUMsWUFBWTtJQUNsRCxpQkFBaUIsRUFBRSxrQkFBa0IsQ0FBQyxZQUFZO0lBQ2xELFFBQVEsRUFBRSxrQkFBa0IsQ0FBQyxRQUFRO0lBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxPQUFPO0lBQ25DLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxPQUFPO0lBQ25DLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxPQUFPO0lBQ25DLEtBQUssRUFBRSxrQkFBa0IsQ0FBQyxLQUFLO0lBQy9CLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxTQUFTO0lBQ3ZDLElBQUksRUFBRSxrQkFBa0IsQ0FBQyxJQUFJO0lBQzdCLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxPQUFPO0lBQ25DLEdBQUcsRUFBRSxrQkFBa0IsQ0FBQyxHQUFHO0lBQzNCLEtBQUssRUFBRSxrQkFBa0IsQ0FBQyxLQUFLO0lBQy9CLElBQUksRUFBRSxrQkFBa0IsQ0FBQyxJQUFJO0lBQzdCLGFBQWEsRUFBRSxrQkFBa0IsQ0FBQyxVQUFVO0lBQzVDLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxNQUFNO0lBQ2xDLFFBQVEsRUFBRSxrQkFBa0IsQ0FBQyxRQUFRO0lBQ3JDLGlCQUFpQixFQUFFLGtCQUFrQixDQUFDLGNBQWM7SUFDcEQsUUFBUSxFQUFFLGtCQUFrQixDQUFDLFFBQVE7SUFDckMsS0FBSyxFQUFFLGtCQUFrQixDQUFDLEtBQUs7SUFDL0IsS0FBSyxFQUFFLGtCQUFrQixDQUFDLEtBQUs7SUFDL0IsY0FBYyxFQUFFLGtCQUFrQixDQUFDLFNBQVM7SUFDNUMsVUFBVSxFQUFFLGtCQUFrQixDQUFDLE9BQU87SUFDdEMsVUFBVSxFQUFFLGtCQUFrQixDQUFDLE9BQU87SUFDdEMsMkJBQTJCLEVBQUUsa0JBQWtCLENBQUMsc0JBQXNCO0lBQ3RFLG9CQUFvQixFQUFFLGtCQUFrQixDQUFDLGdCQUFnQjtJQUN6RCxNQUFNLEVBQUUsa0JBQWtCLENBQUMsTUFBTTtJQUNqQyxtQkFBbUIsRUFBRSxrQkFBa0IsQ0FBQyxlQUFlO0lBQ3ZELE1BQU0sRUFBRSxrQkFBa0IsQ0FBQyxNQUFNO0lBQ2pDLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxPQUFPO0lBQ25DLEtBQUssRUFBRSxrQkFBa0IsQ0FBQyxLQUFLO0NBQ2hDLENBQUM7QUFFRixNQUFNLG9CQUFvQixHQUFHO0lBQzNCLHNCQUFzQixFQUFFLFNBQVM7Q0FDbEMsQ0FBQztBQUVGLE1BQU0sZ0JBQWdCLEdBQUc7SUFDdkIsMkJBQTJCLEVBQUUsb0JBQW9CLENBQUMsc0JBQXNCO0NBQ3pFLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsRUFBRSxHQUFHLGtCQUFrQixFQUFFLEdBQUcsY0FBYyxFQUFFLENBQUM7QUFDM0UsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUc7SUFDckMsR0FBRyxvQkFBb0I7SUFDdkIsR0FBRyxnQkFBZ0I7Q0FDcEIsQ0FBQyJ9

package/dist/components/styleguide/components/Animations.d.ts

@@ -0,0 +1,6 @@
+declare const Animations: {
+    FadeIn: import("styled-components").StyledComponent<import("react").FC<{
+        style?: import("react").CSSProperties | undefined;
+    }>, any, {}, never>;
+};
+export default Animations;

package/dist/components/styleguide/components/Animations.js

@@ -0,0 +1,19 @@
+import { TcView } from '@times-components/utils';
+import styled, { keyframes } from 'styled-components';
+const fadingAnimation = keyframes `
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+`;
+const FadeIn = styled(TcView) `
+  animation: ${fadingAnimation} 0.3s ease-in-out;
+`;
+const Animations = {
+    FadeIn
+};
+export default Animations;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvY29tcG9uZW50cy9BbmltYXRpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakQsT0FBTyxNQUFNLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV0RCxNQUFNLGVBQWUsR0FBRyxTQUFTLENBQUE7Ozs7Ozs7O0NBUWhDLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUE7ZUFDZCxlQUFlO0NBQzdCLENBQUM7QUFFRixNQUFNLFVBQVUsR0FBRztJQUNqQixNQUFNO0NBQ1AsQ0FBQztBQUVGLGVBQWUsVUFBVSxDQUFDIn0=

package/dist/components/styleguide/components/TcText.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+declare type Style = CSSProperties | undefined;
+declare const _default: import("styled-components").StyledComponent<"div", any, {
+    style?: Style;
+}, never>;
+export default _default;

package/dist/components/styleguide/components/TcText.js

@@ -0,0 +1,22 @@
+import styled from 'styled-components';
+export default styled.div `
+  border: 0px solid black;
+  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;
+  overflow-wrap: break-word;
+  font-size: ${({ style }) => style && style.fontSize ? style.fontSize : '14px'};
+  font-weight: ${({ style }) => style && style.fontWeight && style.fontWeight};
+  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'};
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGNUZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVndWlkZS9jb21wb25lbnRzL1RjVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFNdkMsZUFBZSxNQUFNLENBQUMsR0FBRyxDQUFtQjs7O1dBR2pDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ3JCLEtBQUssSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxjQUFjOzs7Ozs7OztlQVF4QyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUN6QixLQUFLLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTTtpQkFDcEMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLFVBQVUsSUFBSSxLQUFLLENBQUMsVUFBVTttQkFDMUQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDN0IsS0FBSyxJQUFJLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUs7aUJBQzNDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQzNCLEtBQUssSUFBSSxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLO2dCQUN4QyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUMxQixLQUFLLElBQUksS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSztpQkFDckMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDM0IsS0FBSyxJQUFJLEtBQUssQ0FBQyxVQUFVO0lBQ3ZCLENBQUMsQ0FBQyxLQUFLLENBQUMsVUFBVTtJQUNsQixDQUFDLENBQUMsd0dBQXdHO0NBQy9HLENBQUMifQ==

package/dist/components/styleguide/components/TcView.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+declare type Style = CSSProperties | undefined;
+declare const _default: import("styled-components").StyledComponent<"div", any, {
+    style?: Style;
+}, never>;
+export default _default;

package/dist/components/styleguide/components/TcView.js

@@ -0,0 +1,21 @@
+import styled from 'styled-components';
+export default styled.div `
+  border: 0px solid black;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  margin: ${({ style }) => (style && style.margin ? style.margin : '0px')};
+  border-bottom-color: ${({ style }) => style && style.borderBottomColor ? style.borderBottomColor : 'black'};
+  border-bottom-width: ${({ style }) => style && style.borderBottomWidth ? style.borderBottomWidth : '0px'};
+  border-radius: ${({ style }) => style && style.borderRadius && style.borderRadius};
+  overflow: ${({ style }) => style && style.overflow && style.overflow};
+  height: ${({ style }) => style && style.height && style.height};
+  width: ${({ style }) => style && style.width && style.width};
+  margin: 0px;
+  min-height: 0px;
+  min-width: 0px;
+  padding: 0px;
+  position: relative;
+  z-index: 0;
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGNWaWV3LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVndWlkZS9jb21wb25lbnRzL1RjVmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFLdkMsZUFBZSxNQUFNLENBQUMsR0FBRyxDQUFtQjs7Ozs7WUFLaEMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7eUJBQ2hELENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ25DLEtBQUssSUFBSSxLQUFLLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsT0FBTzt5QkFDL0MsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDbkMsS0FBSyxJQUFJLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxLQUFLO21CQUNuRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUM3QixLQUFLLElBQUksS0FBSyxDQUFDLFlBQVksSUFBSSxLQUFLLENBQUMsWUFBWTtjQUN2QyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxRQUFRO1lBQzFELENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsS0FBSyxJQUFJLEtBQUssQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLE1BQU07V0FDckQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsS0FBSzs7Ozs7OztDQU81RCxDQUFDIn0=

package/dist/components/styleguide/components/index.d.ts

@@ -0,0 +1,4 @@
+import TcView from './TcView';
+import TcText from './TcText';
+import Animations from './Animations';
+export { TcView, TcText, Animations };

package/dist/components/styleguide/components/index.js

@@ -0,0 +1,5 @@
+import TcView from './TcView';
+import TcText from './TcText';
+import Animations from './Animations';
+export { TcView, TcText, Animations };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zdHlsZWd1aWRlL2NvbXBvbmVudHMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQztBQUM5QixPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUM7QUFDOUIsT0FBTyxVQUFVLE1BQU0sY0FBYyxDQUFDO0FBRXRDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxDQUFDIn0=

package/dist/components/styleguide/fonts/font-factory.d.ts

@@ -0,0 +1,10 @@
+import { timesFontSizes, fontStyles } from './fonts';
+declare const _default: ({ font, fontSize }: {
+    font: keyof typeof fontStyles;
+    fontSize: keyof typeof timesFontSizes;
+}) => {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: {};
+};
+export default _default;

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

@@ -0,0 +1,12 @@
+import styleguide from '../Styleguide';
+import { timesFontSizes } from './fonts';
+import lineHeight from '../lineHeight';
+export default ({ font, fontSize }) => {
+    const styles = styleguide();
+    return {
+        fontFamily: styles.fonts[font],
+        fontSize: timesFontSizes[fontSize],
+        lineHeight: lineHeight({ font, fontSize })
+    };
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1mYWN0b3J5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVndWlkZS9mb250cy9mb250LWZhY3RvcnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsY0FBYyxFQUFjLE1BQU0sU0FBUyxDQUFDO0FBQ3JELE9BQU8sVUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV2QyxlQUFlLENBQUMsRUFDZCxJQUFJLEVBQ0osUUFBUSxFQUlULEVBQUUsRUFBRTtJQUNILE1BQU0sTUFBTSxHQUFHLFVBQVUsRUFBRSxDQUFDO0lBQzVCLE9BQU87UUFDTCxVQUFVLEVBQUUsTUFBTSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7UUFDOUIsUUFBUSxFQUFFLGNBQWMsQ0FBQyxRQUFRLENBQUM7UUFDbEMsVUFBVSxFQUFFLFVBQVUsQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsQ0FBQztLQUMzQyxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/components/styleguide/fonts/font-sizes.d.ts

@@ -0,0 +1,47 @@
+declare const _default: {
+    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;
+};
+export default _default;

package/dist/components/styleguide/fonts/font-sizes.js

@@ -0,0 +1,47 @@
+export default {
+    articleHeadline: 45,
+    articleMeta: 15,
+    body: 18,
+    bodyMobile: 17,
+    button: 16,
+    caption: 13,
+    cardHeadline: 27,
+    cardMeta: 13,
+    cardMetaMobile: 12,
+    commentsGuidelines: 13,
+    commentsHeadline: 27,
+    credits: 9,
+    headline: 30,
+    imageOverlayTextSmall: 11,
+    infoTitle: 22,
+    keyFactsTitle: 24,
+    leadHeadline: 26,
+    link: 13,
+    meta: 14,
+    newsletterPuffLabel: 12,
+    newsletterPuffHeadline: 28,
+    newsletterPuffCopy: 15,
+    pageComponentHeadline: 25,
+    pageHeadline: 40,
+    pageHeadlineLarge: 50,
+    pagingMeta: 15,
+    puffLink: 11,
+    secondary: 16,
+    sliceHeadline: 32,
+    smallestHeadline: 20,
+    smallHeadline: 22,
+    strapline: 22,
+    teaser: 14,
+    tertiary: 15,
+    tileLeadHeadline: 35,
+    heading2Mobile: 25,
+    heading3Mobile: 22,
+    heading4Mobile: 19,
+    heading5Mobile: 17,
+    infoSubText: 18,
+    heading2: 28,
+    heading3: 24,
+    heading4: 20,
+    heading5: 19
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1zaXplcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvZm9udHMvZm9udC1zaXplcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZUFBZTtJQUNiLGVBQWUsRUFBRSxFQUFFO0lBQ25CLFdBQVcsRUFBRSxFQUFFO0lBQ2YsSUFBSSxFQUFFLEVBQUU7SUFDUixVQUFVLEVBQUUsRUFBRTtJQUNkLE1BQU0sRUFBRSxFQUFFO0lBQ1YsT0FBTyxFQUFFLEVBQUU7SUFDWCxZQUFZLEVBQUUsRUFBRTtJQUNoQixRQUFRLEVBQUUsRUFBRTtJQUNaLGNBQWMsRUFBRSxFQUFFO0lBQ2xCLGtCQUFrQixFQUFFLEVBQUU7SUFDdEIsZ0JBQWdCLEVBQUUsRUFBRTtJQUNwQixPQUFPLEVBQUUsQ0FBQztJQUNWLFFBQVEsRUFBRSxFQUFFO0lBQ1oscUJBQXFCLEVBQUUsRUFBRTtJQUN6QixTQUFTLEVBQUUsRUFBRTtJQUNiLGFBQWEsRUFBRSxFQUFFO0lBQ2pCLFlBQVksRUFBRSxFQUFFO0lBQ2hCLElBQUksRUFBRSxFQUFFO0lBQ1IsSUFBSSxFQUFFLEVBQUU7SUFDUixtQkFBbUIsRUFBRSxFQUFFO0lBQ3ZCLHNCQUFzQixFQUFFLEVBQUU7SUFDMUIsa0JBQWtCLEVBQUUsRUFBRTtJQUN0QixxQkFBcUIsRUFBRSxFQUFFO0lBQ3pCLFlBQVksRUFBRSxFQUFFO0lBQ2hCLGlCQUFpQixFQUFFLEVBQUU7SUFDckIsVUFBVSxFQUFFLEVBQUU7SUFDZCxRQUFRLEVBQUUsRUFBRTtJQUNaLFNBQVMsRUFBRSxFQUFFO0lBQ2IsYUFBYSxFQUFFLEVBQUU7SUFDakIsZ0JBQWdCLEVBQUUsRUFBRTtJQUNwQixhQUFhLEVBQUUsRUFBRTtJQUNqQixTQUFTLEVBQUUsRUFBRTtJQUNiLE1BQU0sRUFBRSxFQUFFO0lBQ1YsUUFBUSxFQUFFLEVBQUU7SUFDWixnQkFBZ0IsRUFBRSxFQUFFO0lBQ3BCLGNBQWMsRUFBRSxFQUFFO0lBQ2xCLGNBQWMsRUFBRSxFQUFFO0lBQ2xCLGNBQWMsRUFBRSxFQUFFO0lBQ2xCLGNBQWMsRUFBRSxFQUFFO0lBQ2xCLFdBQVcsRUFBRSxFQUFFO0lBQ2YsUUFBUSxFQUFFLEVBQUU7SUFDWixRQUFRLEVBQUUsRUFBRTtJQUNaLFFBQVEsRUFBRSxFQUFFO0lBQ1osUUFBUSxFQUFFLEVBQUU7Q0FDYixDQUFDIn0=

package/dist/components/styleguide/fonts/font-styles.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/components/styleguide/fonts/font-styles.js

@@ -0,0 +1,13 @@
+export default {
+    body: 'TimesDigitalW04',
+    bodyRegular: 'TimesDigitalW04-Regular',
+    bodyRegularSmallCaps: 'TimesDigitalW04-RegularSC',
+    cultureMagazine: 'Flama-Bold',
+    dropCap: 'TimesModern-Regular',
+    headline: 'TimesModern-Bold',
+    headlineRegular: 'TimesModern-Regular',
+    stMagazine: 'Tiempos-Headline-Bold',
+    styleMagazine: 'CenturyGothic-Bold',
+    supporting: 'GillSansMTStd-Medium'
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1zdHlsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zdHlsZWd1aWRlL2ZvbnRzL2ZvbnQtc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxlQUFlO0lBQ2IsSUFBSSxFQUFFLGlCQUFpQjtJQUN2QixXQUFXLEVBQUUseUJBQXlCO0lBQ3RDLG9CQUFvQixFQUFFLDJCQUEyQjtJQUNqRCxlQUFlLEVBQUUsWUFBWTtJQUM3QixPQUFPLEVBQUUscUJBQXFCO0lBQzlCLFFBQVEsRUFBRSxrQkFBa0I7SUFDNUIsZUFBZSxFQUFFLHFCQUFxQjtJQUN0QyxVQUFVLEVBQUUsdUJBQXVCO0lBQ25DLGFBQWEsRUFBRSxvQkFBb0I7SUFDbkMsVUFBVSxFQUFFLHNCQUFzQjtDQUNuQyxDQUFDIn0=

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

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

package/dist/components/styleguide/fonts/fonts.js

@@ -0,0 +1,5 @@
+import fontStyles from './font-styles';
+import timesFontFactory from './font-factory';
+import timesFontSizes from './font-sizes';
+export { fontStyles, timesFontSizes, timesFontFactory };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zdHlsZWd1aWRlL2ZvbnRzL2ZvbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFVBQVUsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxnQkFBZ0IsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLGNBQWMsTUFBTSxjQUFjLENBQUM7QUFFMUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyJ9

package/dist/components/styleguide/helpers/storybookStyles.d.ts

@@ -0,0 +1,2 @@
+declare const styles: Record<string, Record<string, number | string>>;
+export default styles;

package/dist/components/styleguide/helpers/storybookStyles.js

@@ -0,0 +1,54 @@
+import { fonts } from '../Styleguide';
+import { timesFontSizes as fontSizes } from '../fonts/fonts';
+const styles = {
+    animationBox: {
+        backgroundColor: '#CCCCCC',
+        margin: 50,
+        padding: 100
+    },
+    box: {
+        height: 100,
+        marginBottom: 10
+    },
+    container: {
+        borderColor: '#DBDBDB',
+        borderWidth: 1,
+        margin: 20,
+        paddingBottom: 10,
+        width: 250
+    },
+    display: {
+        flexDirection: 'row',
+        flexWrap: 'wrap'
+    },
+    headline: {
+        fontSize: fontSizes.body,
+        fontWeight: 'bold',
+        marginBottom: 10
+    },
+    showoffFonts: {
+        fontSize: fontSizes.headline,
+        marginBottom: 20,
+        marginLeft: 20,
+        marginTop: 10
+    },
+    showoffFontsContainer: {
+        borderBottomColor: '#CCCCCC',
+        borderBottomWidth: 1,
+        margin: 20
+    },
+    subHeadline: {
+        fontSize: fontSizes.meta,
+        fontWeight: 'bold',
+        marginLeft: 10,
+        marginTop: 10
+    },
+    text: {
+        color: '#333333',
+        fontFamily: fonts.body,
+        fontSize: fontSizes.caption,
+        textAlign: 'center'
+    }
+};
+export default styles;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rvcnlib29rU3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVndWlkZS9oZWxwZXJzL3N0b3J5Ym9va1N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxjQUFjLElBQUksU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0QsTUFBTSxNQUFNLEdBQW9EO0lBQzlELFlBQVksRUFBRTtRQUNaLGVBQWUsRUFBRSxTQUFTO1FBQzFCLE1BQU0sRUFBRSxFQUFFO1FBQ1YsT0FBTyxFQUFFLEdBQUc7S0FDYjtJQUNELEdBQUcsRUFBRTtRQUNILE1BQU0sRUFBRSxHQUFHO1FBQ1gsWUFBWSxFQUFFLEVBQUU7S0FDakI7SUFDRCxTQUFTLEVBQUU7UUFDVCxXQUFXLEVBQUUsU0FBUztRQUN0QixXQUFXLEVBQUUsQ0FBQztRQUNkLE1BQU0sRUFBRSxFQUFFO1FBQ1YsYUFBYSxFQUFFLEVBQUU7UUFDakIsS0FBSyxFQUFFLEdBQUc7S0FDWDtJQUNELE9BQU8sRUFBRTtRQUNQLGFBQWEsRUFBRSxLQUFLO1FBQ3BCLFFBQVEsRUFBRSxNQUFNO0tBQ2pCO0lBQ0QsUUFBUSxFQUFFO1FBQ1IsUUFBUSxFQUFFLFNBQVMsQ0FBQyxJQUFJO1FBQ3hCLFVBQVUsRUFBRSxNQUFNO1FBQ2xCLFlBQVksRUFBRSxFQUFFO0tBQ2pCO0lBQ0QsWUFBWSxFQUFFO1FBQ1osUUFBUSxFQUFFLFNBQVMsQ0FBQyxRQUFRO1FBQzVCLFlBQVksRUFBRSxFQUFFO1FBQ2hCLFVBQVUsRUFBRSxFQUFFO1FBQ2QsU0FBUyxFQUFFLEVBQUU7S0FDZDtJQUNELHFCQUFxQixFQUFFO1FBQ3JCLGlCQUFpQixFQUFFLFNBQVM7UUFDNUIsaUJBQWlCLEVBQUUsQ0FBQztRQUNwQixNQUFNLEVBQUUsRUFBRTtLQUNYO0lBQ0QsV0FBVyxFQUFFO1FBQ1gsUUFBUSxFQUFFLFNBQVMsQ0FBQyxJQUFJO1FBQ3hCLFVBQVUsRUFBRSxNQUFNO1FBQ2xCLFVBQVUsRUFBRSxFQUFFO1FBQ2QsU0FBUyxFQUFFLEVBQUU7S0FDZDtJQUNELElBQUksRUFBRTtRQUNKLEtBQUssRUFBRSxTQUFTO1FBQ2hCLFVBQVUsRUFBRSxLQUFLLENBQUMsSUFBSTtRQUN0QixRQUFRLEVBQUUsU0FBUyxDQUFDLE9BQU87UUFDM0IsU0FBUyxFQUFFLFFBQVE7S0FDcEI7Q0FDRixDQUFDO0FBRUYsZUFBZSxNQUFNLENBQUMifQ==

package/dist/components/styleguide/lineHeight.d.ts

@@ -0,0 +1,7 @@
+declare const mapping: Record<string, Record<string, {}>>;
+declare type ValueOf<T> = T[keyof T];
+declare const _default: ({ font, fontSize }: {
+    font: keyof typeof mapping;
+    fontSize: keyof ValueOf<typeof mapping>;
+}) => {};
+export default _default;

package/dist/components/styleguide/lineHeight.js

@@ -0,0 +1,65 @@
+const mapping = {
+    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,
+        meta: 14,
+        pagingMeta: 15,
+        tertiary: 17
+    }
+};
+export default ({ font, fontSize }) => {
+    return mapping[font][fontSize];
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZUhlaWdodC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvbGluZUhlaWdodC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLEdBQXVDO0lBQ2xELElBQUksRUFBRTtRQUNKLFVBQVUsRUFBRSxFQUFFO1FBQ2QsUUFBUSxFQUFFLEVBQUU7UUFDWixTQUFTLEVBQUUsRUFBRTtRQUNiLE1BQU0sRUFBRSxFQUFFO1FBQ1YsUUFBUSxFQUFFLEVBQUU7S0FDYjtJQUNELFdBQVcsRUFBRTtRQUNYLFdBQVcsRUFBRSxFQUFFO1FBQ2YsU0FBUyxFQUFFLEVBQUU7UUFDYixxQkFBcUIsRUFBRSxFQUFFO0tBQzFCO0lBQ0Qsb0JBQW9CLEVBQUU7UUFDcEIsY0FBYyxFQUFFLEVBQUU7UUFDbEIsSUFBSSxFQUFFLEVBQUU7S0FDVDtJQUNELGVBQWUsRUFBRTtRQUNmLFFBQVEsRUFBRSxFQUFFO1FBQ1osWUFBWSxFQUFFLEVBQUU7S0FDakI7SUFDRCxRQUFRLEVBQUU7UUFDUixlQUFlLEVBQUUsRUFBRTtRQUNuQixnQkFBZ0IsRUFBRSxFQUFFO1FBQ3BCLFFBQVEsRUFBRSxFQUFFO1FBQ1osU0FBUyxFQUFFLEVBQUU7UUFDYixZQUFZLEVBQUUsRUFBRTtRQUNoQixxQkFBcUIsRUFBRSxFQUFFO1FBQ3pCLFlBQVksRUFBRSxFQUFFO1FBQ2hCLGFBQWEsRUFBRSxFQUFFO1FBQ2pCLGdCQUFnQixFQUFFLEVBQUU7UUFDcEIsY0FBYyxFQUFFLEVBQUU7UUFDbEIsY0FBYyxFQUFFLEVBQUU7UUFDbEIsY0FBYyxFQUFFLEVBQUU7UUFDbEIsY0FBYyxFQUFFLEVBQUU7S0FDbkI7SUFDRCxlQUFlLEVBQUU7UUFDZixxQkFBcUIsRUFBRSxFQUFFO1FBQ3pCLGdCQUFnQixFQUFFLEVBQUU7UUFDcEIsU0FBUyxFQUFFLEVBQUU7S0FDZDtJQUNELFVBQVUsRUFBRTtRQUNWLFFBQVEsRUFBRSxFQUFFO1FBQ1osWUFBWSxFQUFFLEVBQUU7S0FDakI7SUFDRCxhQUFhLEVBQUU7UUFDYixRQUFRLEVBQUUsRUFBRTtRQUNaLFlBQVksRUFBRSxFQUFFO0tBQ2pCO0lBQ0QsVUFBVSxFQUFFO1FBQ1YsTUFBTSxFQUFFLEVBQUU7UUFDVixPQUFPLEVBQUUsRUFBRTtRQUNYLFFBQVEsRUFBRSxFQUFFO1FBQ1osY0FBYyxFQUFFLEVBQUU7UUFDbEIsYUFBYSxFQUFFLEVBQUU7UUFDakIsSUFBSSxFQUFFLEVBQUU7UUFDUixJQUFJLEVBQUUsRUFBRTtRQUNSLFVBQVUsRUFBRSxFQUFFO1FBQ2QsUUFBUSxFQUFFLEVBQUU7S0FDYjtDQUNGLENBQUM7QUFJRixlQUFlLENBQUMsRUFDZCxJQUFJLEVBQ0osUUFBUSxFQUlULEVBQUUsRUFBRTtJQUNILE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ2pDLENBQUMsQ0FBQyJ9

package/dist/components/styleguide/scales.d.ts

@@ -0,0 +1,6 @@
+declare const _default: Readonly<{
+    large: string;
+    medium: string;
+    xlarge: string;
+}>;
+export default _default;

package/dist/components/styleguide/scales.js

@@ -0,0 +1,6 @@
+export default Object.freeze({
+    large: 'large',
+    medium: 'medium',
+    xlarge: 'xlarge'
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NhbGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVndWlkZS9zY2FsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGVBQWUsTUFBTSxDQUFDLE1BQU0sQ0FBQztJQUMzQixLQUFLLEVBQUUsT0FBTztJQUNkLE1BQU0sRUFBRSxRQUFRO0lBQ2hCLE1BQU0sRUFBRSxRQUFRO0NBQ2pCLENBQUMsQ0FBQyJ9

package/dist/components/styleguide/spacing.d.ts

@@ -0,0 +1,11 @@
+declare const globalSpacingStyles: {
+    tabletHeadline: {
+        marginBottom: number;
+    };
+    tabletTeaser: {
+        marginTop: number;
+    };
+};
+declare const _default: (multiple: number) => string;
+export default _default;
+export { globalSpacingStyles };

package/dist/components/styleguide/spacing.js

@@ -0,0 +1,17 @@
+const spacingBase = 5;
+const spacing = (multiple) => {
+    return spacingBase * multiple;
+};
+const globalSpacingStyles = {
+    tabletHeadline: {
+        marginBottom: spacingBase * 1
+    },
+    tabletTeaser: {
+        marginTop: spacingBase * 1
+    }
+};
+export default (multiple) => {
+    return `${spacing(multiple)}px`;
+};
+export { globalSpacingStyles };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2luZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlZ3VpZGUvc3BhY2luZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxXQUFXLEdBQUcsQ0FBQyxDQUFDO0FBRXRCLE1BQU0sT0FBTyxHQUFHLENBQUMsUUFBZ0IsRUFBRSxFQUFFO0lBQ25DLE9BQU8sV0FBVyxHQUFHLFFBQVEsQ0FBQztBQUNoQyxDQUFDLENBQUM7QUFFRixNQUFNLG1CQUFtQixHQUFHO0lBQzFCLGNBQWMsRUFBRTtRQUNkLFlBQVksRUFBRSxXQUFXLEdBQUcsQ0FBQztLQUM5QjtJQUNELFlBQVksRUFBRTtRQUNaLFNBQVMsRUFBRSxXQUFXLEdBQUcsQ0FBQztLQUMzQjtDQUNGLENBQUM7QUFFRixlQUFlLENBQUMsUUFBZ0IsRUFBRSxFQUFFO0lBQ2xDLE9BQU8sR0FBRyxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztBQUNsQyxDQUFDLENBQUM7QUFDRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyJ9

package/dist/components/styleguide/styleguide.stories.d.ts

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