@times-components/ts-styleguide 1.46.0 → 1.47.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.47.0](https://github.com/newsuk/times-components/compare/@times-components/ts-styleguide@1.46.0...@times-components/ts-styleguide@1.47.0) (2023-08-18)
+
+
+### Features
+
+* **TMG-914:** Update welcome banner design ([#3497](https://github.com/newsuk/times-components/issues/3497)) ([2d79a74](https://github.com/newsuk/times-components/commit/2d79a74166875b309bf5fa91ebee980801082500))
+
+
+
+
+
 # [1.46.0](https://github.com/newsuk/times-components/compare/@times-components/ts-styleguide@1.45.2...@times-components/ts-styleguide@1.46.0) (2023-08-17)
 
 

package/dist/styleguide/Styleguide.d.ts

@@ -24,6 +24,7 @@ declare const _default: () => {
             articleFlagUpdated: string;
             backgroundPrimary: string;
             backgroundSecondary: string;
+            bannerBackground: string;
             black: string;
             border: string;
             brandColour: string;

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

@@ -7,6 +7,7 @@ declare const _default: {
         articleFlagUpdated: string;
         backgroundPrimary: string;
         backgroundSecondary: string;
+        bannerBackground: string;
         black: string;
         border: string;
         brandColour: string;

package/dist/styleguide/colours/functional.d.ts

@@ -6,6 +6,7 @@ export declare const functionalColours: {
     articleFlagUpdated: string;
     backgroundPrimary: string;
     backgroundSecondary: string;
+    bannerBackground: string;
     black: string;
     border: string;
     brandColour: string;

package/dist/styleguide/colours/functional.js

@@ -6,6 +6,7 @@ export const functionalColours = {
     articleFlagUpdated: '#3C81BE',
     backgroundPrimary: '#F9F9F9',
     backgroundSecondary: '#EDEDED',
+    bannerBackground: '#BEDEED',
     black: '#000000',
     border: '#F0F0F0',
     brandColour: '#1D1D1B',
@@ -31,4 +32,4 @@ export const functionalColours = {
     white: '#FFFFFF',
     whiteGrey: '#F5F5F5'
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuY3Rpb25hbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdHlsZWd1aWRlL2NvbG91cnMvZnVuY3Rpb25hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUc7SUFDL0IsTUFBTSxFQUFFLFNBQVM7SUFDakIsYUFBYSxFQUFFLFNBQVM7SUFDeEIsb0JBQW9CLEVBQUUsU0FBUztJQUMvQixjQUFjLEVBQUUsU0FBUztJQUN6QixrQkFBa0IsRUFBRSxTQUFTO0lBQzdCLGlCQUFpQixFQUFFLFNBQVM7SUFDNUIsbUJBQW1CLEVBQUUsU0FBUztJQUM5QixLQUFLLEVBQUUsU0FBUztJQUNoQixNQUFNLEVBQUUsU0FBUztJQUNqQixXQUFXLEVBQUUsU0FBUztJQUN0QixNQUFNLEVBQUUsU0FBUztJQUNqQixRQUFRLEVBQUUsU0FBUztJQUNuQixjQUFjLEVBQUUsU0FBUztJQUN6QixTQUFTLEVBQUUsTUFBTTtJQUNqQixzQkFBc0IsRUFBRSxXQUFXO0lBQ25DLHlCQUF5QixFQUFFLFdBQVc7SUFDdEMsUUFBUSxFQUFFLFNBQVM7SUFDbkIsTUFBTSxFQUFFLFNBQVM7SUFDakIsT0FBTyxFQUFFLFNBQVM7SUFDbEIsZUFBZSxFQUFFLFNBQVM7SUFDMUIsd0JBQXdCLEVBQUUsU0FBUztJQUNuQyxrQkFBa0IsRUFBRSxXQUFXO0lBQy9CLHVCQUF1QixFQUFFLFdBQVc7SUFDcEMsb0JBQW9CLEVBQUUsV0FBVztJQUNqQyxPQUFPLEVBQUUsU0FBUztJQUNsQixTQUFTLEVBQUUsU0FBUztJQUNwQixRQUFRLEVBQUUsU0FBUztJQUNuQixnQkFBZ0IsRUFBRSxvQkFBb0I7SUFDdEMsZ0JBQWdCLEVBQUUsMEJBQTBCO0lBQzVDLEtBQUssRUFBRSxTQUFTO0lBQ2hCLFNBQVMsRUFBRSxTQUFTO0NBQ3JCLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuY3Rpb25hbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdHlsZWd1aWRlL2NvbG91cnMvZnVuY3Rpb25hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUc7SUFDL0IsTUFBTSxFQUFFLFNBQVM7SUFDakIsYUFBYSxFQUFFLFNBQVM7SUFDeEIsb0JBQW9CLEVBQUUsU0FBUztJQUMvQixjQUFjLEVBQUUsU0FBUztJQUN6QixrQkFBa0IsRUFBRSxTQUFTO0lBQzdCLGlCQUFpQixFQUFFLFNBQVM7SUFDNUIsbUJBQW1CLEVBQUUsU0FBUztJQUM5QixnQkFBZ0IsRUFBRSxTQUFTO0lBQzNCLEtBQUssRUFBRSxTQUFTO0lBQ2hCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLFdBQVcsRUFBRSxTQUFTO0lBQ3RCLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLGNBQWMsRUFBRSxTQUFTO0lBQ3pCLFNBQVMsRUFBRSxNQUFNO0lBQ2pCLHNCQUFzQixFQUFFLFdBQVc7SUFDbkMseUJBQXlCLEVBQUUsV0FBVztJQUN0QyxRQUFRLEVBQUUsU0FBUztJQUNuQixNQUFNLEVBQUUsU0FBUztJQUNqQixPQUFPLEVBQUUsU0FBUztJQUNsQixlQUFlLEVBQUUsU0FBUztJQUMxQix3QkFBd0IsRUFBRSxTQUFTO0lBQ25DLGtCQUFrQixFQUFFLFdBQVc7SUFDL0IsdUJBQXVCLEVBQUUsV0FBVztJQUNwQyxvQkFBb0IsRUFBRSxXQUFXO0lBQ2pDLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLFFBQVEsRUFBRSxTQUFTO0lBQ25CLGdCQUFnQixFQUFFLG9CQUFvQjtJQUN0QyxnQkFBZ0IsRUFBRSwwQkFBMEI7SUFDNUMsS0FBSyxFQUFFLFNBQVM7SUFDaEIsU0FBUyxFQUFFLFNBQVM7Q0FDckIsQ0FBQyJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/ts-styleguide",
-  "version": "1.46.0",
+  "version": "1.47.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.14.0",
-    "@times-components/utils": "6.16.16",
+    "@times-components/link": "3.14.1",
+    "@times-components/utils": "6.16.17",
     "react": "16.9.0",
     "styled-components": "4.3.2"
   },
@@ -81,5 +81,5 @@
       "@testing-library/jest-dom/extend-expect"
     ]
   },
-  "gitHead": "b0bfac8e794f65ca86ab9233daa0fea725d76c70"
+  "gitHead": "d59a150ff8dd81ddf62dcb4e4625a7bf8694c86c"
 }

package/rnw.js

@@ -1 +1 @@
-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",greyText:"#3b3b3b",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:17,cardMetaMobile:14,keyFactsTitle:18,link:13,linkTopic:12,meta:14,pagingMeta:15,tertiary:17,saveAndShare:14}};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:S[n],lineHeight:z({font:t,fontSize:n})}},S={articleHeadline:45,articleMeta:15,body:18,bodyMobile:17,button:15,caption:12,captionText:14,cardHeadline:27,cardMeta:14,cardMetaMobile:12,commentsGuidelines:12,commentsHeadline:27,credits:9,headline:30,imageOverlayTextSmall:11,infoTitle:22,keyFactsTitle:24,leadHeadline:26,link:13,linkTopic:13,meta:13,newsletterPuffLabel:12,newsletterPuffHeadline:28,newsletterPuffCopy:15,pageComponentHeadline:25,pageHeadline:40,pageHeadlineLarge:50,pagingMeta:14,puffLink:11,secondary:16,sliceHeadline:32,saveAndShare:14,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 C(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?C(Object(n),!0).forEach((function(t){x(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function x(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const R={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)=>R[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:S,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 S})),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}))}]);
+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",bannerBackground:"#BEDEED",black:"#000000",border:"#F0F0F0",brandColour:"#1D1D1B",bullet:"#103546",contrast:"#FFFFFF",darkSupplement:"#272D34",greyLabel:"#CCC",greyStickyBarBoxShadow:"#c9c7c7ed",greyStickyBarBorderBottom:"#ffffffdb",greyText:"#3b3b3b",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:17,cardMetaMobile:14,keyFactsTitle:18,link:13,linkTopic:12,meta:14,pagingMeta:15,tertiary:17,saveAndShare:14}};var z=e=>{let t=e.font,n=e.fontSize;return k[t][n]},B={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"},F={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:S[n],lineHeight:z({font:t,fontSize:n})}},S={articleHeadline:45,articleMeta:15,body:18,bodyMobile:17,button:15,caption:12,captionText:14,cardHeadline:27,cardMeta:14,cardMetaMobile:12,commentsGuidelines:12,commentsHeadline:27,credits:9,headline:30,imageOverlayTextSmall:11,infoTitle:22,keyFactsTitle:24,leadHeadline:26,link:13,linkTopic:13,meta:13,newsletterPuffLabel:12,newsletterPuffHeadline:28,newsletterPuffCopy:15,pageComponentHeadline:25,pageHeadline:40,pageHeadlineLarge:50,pagingMeta:14,puffLink:11,secondary:16,sliceHeadline:32,saveAndShare:14,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 C(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?C(Object(n),!0).forEach((function(t){x(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function x(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const R={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)=>R[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:B,fontsWithFallback:F,fontSizes:S,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 B})),n.d(t,"fontFactory",(function(){return j})),n.d(t,"fontSizes",(function(){return S})),n.d(t,"fontsWithFallback",(function(){return F})),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/styleguide/colours/functional.tsx

@@ -6,6 +6,7 @@ export const functionalColours = {
   articleFlagUpdated: '#3C81BE',
   backgroundPrimary: '#F9F9F9',
   backgroundSecondary: '#EDEDED',
+  bannerBackground: '#BEDEED',
   black: '#000000',
   border: '#F0F0F0',
   brandColour: '#1D1D1B',