@times-components/article-skeleton 1.85.42 → 1.86.2

package/dist/styles/article-body/index.js

@@ -1 +1,41 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _tsStyleguide=require("@times-components/ts-styleguide");var _shared=_interopRequireDefault(require("./shared"));var _shared2=_interopRequireDefault(require("../shared"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var sharedStyles=(0,_shared.default)();var webStyles=_objectSpread(_objectSpread({},sharedStyles),{},{ad:_objectSpread(_objectSpread({},sharedStyles.ad),{},{marginBottom:(0,_tsStyleguide.spacing)(6),marginTop:(0,_tsStyleguide.spacing)(6),width:"100%"}),articleTextElement:_objectSpread(_objectSpread({},sharedStyles.articleTextElement),{},{marginTop:0}),adMarginStyle:{marginBottom:0}});var styles=_objectSpread(_objectSpread({},_shared2.default),webStyles);var _default=styles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _shared = _interopRequireDefault(require("./shared"));
+
+var _shared2 = _interopRequireDefault(require("../shared"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const sharedStyles = (0, _shared.default)();
+
+const webStyles = _objectSpread(_objectSpread({}, sharedStyles), {}, {
+  ad: _objectSpread(_objectSpread({}, sharedStyles.ad), {}, {
+    marginBottom: (0, _tsStyleguide.spacing)(6),
+    marginTop: (0, _tsStyleguide.spacing)(6),
+    width: "100%"
+  }),
+  articleTextElement: _objectSpread(_objectSpread({}, sharedStyles.articleTextElement), {}, {
+    marginTop: 0
+  }),
+  adMarginStyle: {
+    marginBottom: 0
+  }
+});
+
+const styles = _objectSpread(_objectSpread({}, _shared2.default), webStyles);
+
+var _default = styles;
+exports.default = _default;

package/dist/styles/article-body/responsive.js

@@ -1 +1,143 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.InlineAdTitle=exports.InlineAdWrapper=exports.Ad=exports.NativeAdTitle=exports.NativeAd=exports.Heading6=exports.Heading5=exports.Heading4=exports.Heading3=exports.Heading2=exports.PullQuoteContainer=exports.PullQuoteResp=exports.InlineImg=exports.SecondaryImg=exports.FullWidthImg=exports.PrimaryImg=exports.InteractiveContainer=exports.Paragraph=exports.ParagraphContainer=void 0;var _utils=require("@times-components/utils");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var ParagraphContainer=_styledComponents.default.div.withConfig({displayName:"responsive__ParagraphContainer",componentId:"sc-4v1r4q-0"})(["padding-left:",";padding-right:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.medium,_tsStyleguide.breakpoints.wide);exports.ParagraphContainer=ParagraphContainer;var Paragraph=_styledComponents.default.p.withConfig({displayName:"responsive__Paragraph",componentId:"sc-4v1r4q-1"})(["color:",";font-family:\"","\";line-height:26px;font-size:","px;margin-bottom:",";margin-top:0;display:block;@media (min-width:","px){font-size:","px;line-height:30px;}"],_tsStyleguide.colours.functional.primary,_tsStyleguide.fonts.bodyRegular,_tsStyleguide.fontSizes.bodyMobile,(0,_tsStyleguide.spacing)(5),_tsStyleguide.breakpoints.medium,_tsStyleguide.fontSizes.body);exports.Paragraph=Paragraph;var InteractiveContainer=_styledComponents.default.div.withConfig({displayName:"responsive__InteractiveContainer",componentId:"sc-4v1r4q-2"})(["margin-bottom:",";",";"],(0,_tsStyleguide.spacing)(4),function(props){return props.fullWidth?(0,_styledComponents.css)(["width:100%;"]):(0,_styledComponents.css)(["padding:0 ",";@media (min-width:","px){width:80.8%;margin-left:auto;margin-right:auto;padding:0;}@media (min-width:","px){width:56.2%;}"],(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.medium,_tsStyleguide.breakpoints.wide);});exports.InteractiveContainer=InteractiveContainer;var PrimaryImg=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__PrimaryImg",componentId:"sc-4v1r4q-3"})(["width:100%;flex-direction:column;padding-bottom:",";@media (min-width:","px){width:80.8%;margin:0 auto;}@media (min-width:","px){width:56.2%;}"],(0,_tsStyleguide.spacing)(5),_tsStyleguide.breakpoints.medium,_tsStyleguide.breakpoints.wide);exports.PrimaryImg=PrimaryImg;var FullWidthImg=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__FullWidthImg",componentId:"sc-4v1r4q-4"})(["padding-bottom:",";"],(0,_tsStyleguide.spacing)(4));exports.FullWidthImg=FullWidthImg;var SecondaryImg=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__SecondaryImg",componentId:"sc-4v1r4q-5"})(["width:100%;flex-direction:row;flex-wrap:nowrap;padding-left:",";padding-right:",";padding-bottom:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(5),_tsStyleguide.breakpoints.medium,_tsStyleguide.breakpoints.wide);exports.SecondaryImg=SecondaryImg;var InlineImg=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__InlineImg",componentId:"sc-4v1r4q-6"})(["width:100%;flex-direction:row;flex-wrap:nowrap;padding-left:",";padding-right:",";padding-bottom:0;display:block;@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.medium,_tsStyleguide.breakpoints.wide);exports.InlineImg=InlineImg;var PullQuoteResp=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__PullQuoteResp",componentId:"sc-4v1r4q-7"})(["padding-left:",";padding-right:",";margin-bottom:",";@media (min-width:","px){width:50%;float:left;margin-right:",";margin-bottom:0px;margin-top:",";padding-left:0px;padding-right:0px;}"],(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.medium,(0,_tsStyleguide.spacing)(4),(0,_tsStyleguide.spacing)(1));exports.PullQuoteResp=PullQuoteResp;var PullQuoteContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__PullQuoteContainer",componentId:"sc-4v1r4q-8"})(["display:block;@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],_tsStyleguide.breakpoints.medium,_tsStyleguide.breakpoints.wide);exports.PullQuoteContainer=PullQuoteContainer;var sharedHeadingStyles="color: "+_tsStyleguide.colours.functional.primary+";\n  font-family: \""+_tsStyleguide.fonts.headline+"\";\n  font-weight: 400;\n  margin: 0 auto "+(0,_tsStyleguide.spacing)(2)+";\n  padding-right: "+(0,_tsStyleguide.spacing)(2)+";\n  padding-left: "+(0,_tsStyleguide.spacing)(2)+";\n\n  @media (min-width: "+_tsStyleguide.breakpoints.medium+"px) {\n    padding-left: 0;\n    padding-right: 0;\n    width: 80.8%;\n  }\n\n  @media (min-width: "+_tsStyleguide.breakpoints.wide+"px) {\n    width: 56.2%;\n  }";var Heading2=_styledComponents.default.h2.withConfig({displayName:"responsive__Heading2",componentId:"sc-4v1r4q-9"})([""," font-size:","px;line-height:","px;@media (min-width:","px){font-size:","px;line-height:","px;}"],sharedHeadingStyles,_tsStyleguide.fontSizes.heading2Mobile,_tsStyleguide.fontSizes.heading2Mobile,_tsStyleguide.breakpoints.medium,_tsStyleguide.fontSizes.heading2,_tsStyleguide.fontSizes.heading2);exports.Heading2=Heading2;var Heading3=_styledComponents.default.h3.withConfig({displayName:"responsive__Heading3",componentId:"sc-4v1r4q-10"})([""," font-size:","px;line-height:","px;@media (min-width:","px){font-size:","px;line-height:","px;}"],sharedHeadingStyles,_tsStyleguide.fontSizes.heading3Mobile,_tsStyleguide.fontSizes.heading3Mobile,_tsStyleguide.breakpoints.medium,_tsStyleguide.fontSizes.heading3,_tsStyleguide.fontSizes.heading3);exports.Heading3=Heading3;var Heading4=_styledComponents.default.h4.withConfig({displayName:"responsive__Heading4",componentId:"sc-4v1r4q-11"})([""," font-size:","px;line-height:","px;@media (min-width:","px){font-size:","px;line-height:","px;}"],sharedHeadingStyles,_tsStyleguide.fontSizes.heading4Mobile,_tsStyleguide.fontSizes.heading4Mobile,_tsStyleguide.breakpoints.medium,_tsStyleguide.fontSizes.heading4,_tsStyleguide.fontSizes.heading4);exports.Heading4=Heading4;var Heading5=_styledComponents.default.h5.withConfig({displayName:"responsive__Heading5",componentId:"sc-4v1r4q-12"})([""," font-size:","px;line-height:","px;@media (min-width:","px){font-size:","px;line-height:","px;}"],sharedHeadingStyles,_tsStyleguide.fontSizes.heading5Mobile,_tsStyleguide.fontSizes.heading5Mobile,_tsStyleguide.breakpoints.medium,_tsStyleguide.fontSizes.heading5,_tsStyleguide.fontSizes.heading5);exports.Heading5=Heading5;var Heading6=_styledComponents.default.h6.withConfig({displayName:"responsive__Heading6",componentId:"sc-4v1r4q-13"})([""," font-size:","px;line-height:","px;@media (min-width:","px){font-size:","px;line-height:","px;}"],sharedHeadingStyles,_tsStyleguide.fontSizes.heading5Mobile,_tsStyleguide.fontSizes.heading5Mobile,_tsStyleguide.breakpoints.medium,_tsStyleguide.fontSizes.heading5,_tsStyleguide.fontSizes.heading5);exports.Heading6=Heading6;var NativeAd=_styledComponents.default.div.withConfig({displayName:"responsive__NativeAd",componentId:"sc-4v1r4q-14"})(["clear:both;display:flex;flex-wrap:wrap;margin:0 auto 30px;width:80.8%;min-height:210px;@media (min-width:768px){min-height:120px;}@media (min-width:","px){width:56.2%;}&.hidden{visibility:hidden;}"],_tsStyleguide.breakpoints.wide);exports.NativeAd=NativeAd;var NativeAdTitle=_styledComponents.default.h2.withConfig({displayName:"responsive__NativeAdTitle",componentId:"sc-4v1r4q-15"})(["border-bottom:1px solid #dbdbdb;color:#333;flex:1 1 100%;font:normal ","px / 17px ",";margin-bottom:10px;padding:5px 0;text-transform:uppercase;"],_tsStyleguide.fontSizes.teaser,_tsStyleguide.fonts.bodyRegular);exports.NativeAdTitle=NativeAdTitle;var Ad=_styledComponents.default.div.withConfig({displayName:"responsive__Ad",componentId:"sc-4v1r4q-16"})(["flex:1 1 50%;@media (max-width:767px){flex:1 1 46%;&:first-of-type{margin-right:1.5%;}&:last-child{margin-left:1.5%;}}"]);exports.Ad=Ad;var InlineAdWrapper=_styledComponents.default.div.withConfig({displayName:"responsive__InlineAdWrapper",componentId:"sc-4v1r4q-17"})(["clear:both;min-height:283px;margin:30px 0;box-sizing:content-box;padding:0 0 10px;border-bottom:1px solid rgb(219,219,219);@media (min-width:768px){min-height:123px;}@media (min-width:970px){min-height:283px;}"]);exports.InlineAdWrapper=InlineAdWrapper;var InlineAdTitle=_styledComponents.default.h2.withConfig({displayName:"responsive__InlineAdTitle",componentId:"sc-4v1r4q-18"})(["border-bottom:1px solid rgb(219,219,219);color:#696969;flex:1 1 100%;font:normal ","px / 17px ",";letter-spacing:0.6px;margin:0 0 10px;padding:0 0 5px;text-align:center;text-transform:uppercase;"],_tsStyleguide.fontSizes.teaser,_tsStyleguide.fonts.bodyRegular);exports.InlineAdTitle=InlineAdTitle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineAdTitle = exports.InlineAdWrapper = exports.Ad = exports.NativeAdTitle = exports.NativeAd = exports.Heading6 = exports.Heading5 = exports.Heading4 = exports.Heading3 = exports.Heading2 = exports.PullQuoteContainer = exports.PullQuoteResp = exports.InlineImg = exports.SecondaryImg = exports.FullWidthImg = exports.PrimaryImg = exports.InteractiveContainer = exports.Paragraph = exports.ParagraphContainer = void 0;
+
+var _utils = require("@times-components/utils");
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/* --- Body --- */
+const ParagraphContainer = _styledComponents.default.div.withConfig({
+  displayName: "responsive__ParagraphContainer",
+  componentId: "sc-4v1r4q-0"
+})(["padding-left:", ";padding-right:", ";@media (min-width:", "px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:", "px){width:56.2%;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide);
+
+exports.ParagraphContainer = ParagraphContainer;
+
+const Paragraph = _styledComponents.default.p.withConfig({
+  displayName: "responsive__Paragraph",
+  componentId: "sc-4v1r4q-1"
+})(["color:", ";font-family:\"", "\";line-height:26px;font-size:", "px;margin-bottom:", ";margin-top:0;display:block;@media (min-width:", "px){font-size:", "px;line-height:30px;}"], _tsStyleguide.colours.functional.primary, _tsStyleguide.fonts.bodyRegular, _tsStyleguide.fontSizes.bodyMobile, (0, _tsStyleguide.spacing)(5), _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.body);
+
+exports.Paragraph = Paragraph;
+
+const InteractiveContainer = _styledComponents.default.div.withConfig({
+  displayName: "responsive__InteractiveContainer",
+  componentId: "sc-4v1r4q-2"
+})(["margin-bottom:", ";", ";"], (0, _tsStyleguide.spacing)(4), props => props.fullWidth ? (0, _styledComponents.css)(["width:100%;"]) : (0, _styledComponents.css)(["padding:0 ", ";@media (min-width:", "px){width:80.8%;margin-left:auto;margin-right:auto;padding:0;}@media (min-width:", "px){width:56.2%;}"], (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide));
+/* --- Article Images --- */
+
+
+exports.InteractiveContainer = InteractiveContainer;
+const PrimaryImg = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__PrimaryImg",
+  componentId: "sc-4v1r4q-3"
+})(["width:100%;flex-direction:column;padding-bottom:", ";@media (min-width:", "px){width:80.8%;margin:0 auto;}@media (min-width:", "px){width:56.2%;}"], (0, _tsStyleguide.spacing)(5), _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide);
+exports.PrimaryImg = PrimaryImg;
+const FullWidthImg = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__FullWidthImg",
+  componentId: "sc-4v1r4q-4"
+})(["padding-bottom:", ";"], (0, _tsStyleguide.spacing)(4));
+exports.FullWidthImg = FullWidthImg;
+const SecondaryImg = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__SecondaryImg",
+  componentId: "sc-4v1r4q-5"
+})(["width:100%;flex-direction:row;flex-wrap:nowrap;padding-left:", ";padding-right:", ";padding-bottom:", ";@media (min-width:", "px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:", "px){width:56.2%;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(5), _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide);
+exports.SecondaryImg = SecondaryImg;
+const InlineImg = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__InlineImg",
+  componentId: "sc-4v1r4q-6"
+})(["width:100%;flex-direction:row;flex-wrap:nowrap;padding-left:", ";padding-right:", ";padding-bottom:0;display:block;@media (min-width:", "px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:", "px){width:56.2%;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide);
+/* --- Pull Quotes --- */
+
+exports.InlineImg = InlineImg;
+const PullQuoteResp = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__PullQuoteResp",
+  componentId: "sc-4v1r4q-7"
+})(["padding-left:", ";padding-right:", ";margin-bottom:", ";@media (min-width:", "px){width:50%;float:left;margin-right:", ";margin-bottom:0px;margin-top:", ";padding-left:0px;padding-right:0px;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(4), (0, _tsStyleguide.spacing)(1));
+exports.PullQuoteResp = PullQuoteResp;
+const PullQuoteContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__PullQuoteContainer",
+  componentId: "sc-4v1r4q-8"
+})(["display:block;@media (min-width:", "px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:", "px){width:56.2%;}"], _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide);
+exports.PullQuoteContainer = PullQuoteContainer;
+const sharedHeadingStyles = "color: ".concat(_tsStyleguide.colours.functional.primary, ";\n  font-family: \"").concat(_tsStyleguide.fonts.headline, "\";\n  font-weight: 400;\n  margin: 0 auto ").concat((0, _tsStyleguide.spacing)(2), ";\n  padding-right: ").concat((0, _tsStyleguide.spacing)(2), ";\n  padding-left: ").concat((0, _tsStyleguide.spacing)(2), ";\n\n  @media (min-width: ").concat(_tsStyleguide.breakpoints.medium, "px) {\n    padding-left: 0;\n    padding-right: 0;\n    width: 80.8%;\n  }\n\n  @media (min-width: ").concat(_tsStyleguide.breakpoints.wide, "px) {\n    width: 56.2%;\n  }");
+
+const Heading2 = _styledComponents.default.h2.withConfig({
+  displayName: "responsive__Heading2",
+  componentId: "sc-4v1r4q-9"
+})(["", " font-size:", "px;line-height:", "px;@media (min-width:", "px){font-size:", "px;line-height:", "px;}"], sharedHeadingStyles, _tsStyleguide.fontSizes.heading2Mobile, _tsStyleguide.fontSizes.heading2Mobile, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.heading2, _tsStyleguide.fontSizes.heading2);
+
+exports.Heading2 = Heading2;
+
+const Heading3 = _styledComponents.default.h3.withConfig({
+  displayName: "responsive__Heading3",
+  componentId: "sc-4v1r4q-10"
+})(["", " font-size:", "px;line-height:", "px;@media (min-width:", "px){font-size:", "px;line-height:", "px;}"], sharedHeadingStyles, _tsStyleguide.fontSizes.heading3Mobile, _tsStyleguide.fontSizes.heading3Mobile, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.heading3, _tsStyleguide.fontSizes.heading3);
+
+exports.Heading3 = Heading3;
+
+const Heading4 = _styledComponents.default.h4.withConfig({
+  displayName: "responsive__Heading4",
+  componentId: "sc-4v1r4q-11"
+})(["", " font-size:", "px;line-height:", "px;@media (min-width:", "px){font-size:", "px;line-height:", "px;}"], sharedHeadingStyles, _tsStyleguide.fontSizes.heading4Mobile, _tsStyleguide.fontSizes.heading4Mobile, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.heading4, _tsStyleguide.fontSizes.heading4);
+
+exports.Heading4 = Heading4;
+
+const Heading5 = _styledComponents.default.h5.withConfig({
+  displayName: "responsive__Heading5",
+  componentId: "sc-4v1r4q-12"
+})(["", " font-size:", "px;line-height:", "px;@media (min-width:", "px){font-size:", "px;line-height:", "px;}"], sharedHeadingStyles, _tsStyleguide.fontSizes.heading5Mobile, _tsStyleguide.fontSizes.heading5Mobile, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.heading5, _tsStyleguide.fontSizes.heading5);
+
+exports.Heading5 = Heading5;
+
+const Heading6 = _styledComponents.default.h6.withConfig({
+  displayName: "responsive__Heading6",
+  componentId: "sc-4v1r4q-13"
+})(["", " font-size:", "px;line-height:", "px;@media (min-width:", "px){font-size:", "px;line-height:", "px;}"], sharedHeadingStyles, _tsStyleguide.fontSizes.heading5Mobile, _tsStyleguide.fontSizes.heading5Mobile, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.heading5, _tsStyleguide.fontSizes.heading5);
+
+exports.Heading6 = Heading6;
+
+const NativeAd = _styledComponents.default.div.withConfig({
+  displayName: "responsive__NativeAd",
+  componentId: "sc-4v1r4q-14"
+})(["clear:both;display:flex;flex-wrap:wrap;margin:0 auto 30px;width:80.8%;min-height:210px;@media (min-width:768px){min-height:120px;}@media (min-width:", "px){width:56.2%;}&.hidden{visibility:hidden;}"], _tsStyleguide.breakpoints.wide);
+
+exports.NativeAd = NativeAd;
+
+const NativeAdTitle = _styledComponents.default.h2.withConfig({
+  displayName: "responsive__NativeAdTitle",
+  componentId: "sc-4v1r4q-15"
+})(["border-bottom:1px solid #dbdbdb;color:#333;flex:1 1 100%;font:normal ", "px / 17px ", ";margin-bottom:10px;padding:5px 0;text-transform:uppercase;"], _tsStyleguide.fontSizes.teaser, _tsStyleguide.fonts.bodyRegular);
+
+exports.NativeAdTitle = NativeAdTitle;
+
+const Ad = _styledComponents.default.div.withConfig({
+  displayName: "responsive__Ad",
+  componentId: "sc-4v1r4q-16"
+})(["flex:1 1 50%;@media (max-width:767px){flex:1 1 46%;&:first-of-type{margin-right:1.5%;}&:last-child{margin-left:1.5%;}}"]);
+
+exports.Ad = Ad;
+
+const InlineAdWrapper = _styledComponents.default.div.withConfig({
+  displayName: "responsive__InlineAdWrapper",
+  componentId: "sc-4v1r4q-17"
+})(["clear:both;min-height:283px;margin:30px 0;box-sizing:content-box;padding:0 0 10px;border-bottom:1px solid rgb(219,219,219);@media (min-width:768px){min-height:123px;}@media (min-width:970px){min-height:283px;}"]);
+
+exports.InlineAdWrapper = InlineAdWrapper;
+
+const InlineAdTitle = _styledComponents.default.h2.withConfig({
+  displayName: "responsive__InlineAdTitle",
+  componentId: "sc-4v1r4q-18"
+})(["border-bottom:1px solid rgb(219,219,219);color:#696969;flex:1 1 100%;font:normal ", "px / 17px ", ";letter-spacing:0.6px;margin:0 0 10px;padding:0 0 5px;text-align:center;text-transform:uppercase;"], _tsStyleguide.fontSizes.teaser, _tsStyleguide.fonts.bodyRegular);
+
+exports.InlineAdTitle = InlineAdTitle;

package/dist/styles/article-body/shared.js

@@ -1 +1,124 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _tsStyleguide=require("@times-components/ts-styleguide");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var sharedStyles=function sharedStyles(scale){var _styleguide=(0,_tsStyleguide.styleguide)({scale:scale}),colours=_styleguide.colours,fontFactory=_styleguide.fontFactory,spacing=_styleguide.spacing,lineHeight=_styleguide.lineHeight;return{ad:{borderBottomColor:colours.functional.keyline,borderBottomWidth:1,borderTopColor:colours.functional.keyline,borderTopWidth:1,marginBottom:spacing(4),paddingHorizontal:spacing(2),paddingVertical:spacing(2)},articleLink:_objectSpread(_objectSpread({color:colours.functional.action},fontFactory({font:"body",fontSize:"bodyMobile"})),{},{lineHeight:lineHeight({font:"body",fontSize:"bodyMobile"}),marginBottom:spacing(5),marginTop:0}),articleMainContentRow:{paddingLeft:spacing(2),paddingRight:spacing(2)},articleTextElement:_objectSpread(_objectSpread({},fontFactory({font:"body",fontSize:"bodyMobile"})),{},{color:colours.functional.primary,marginBottom:spacing(5)}),containerTablet:{alignSelf:"center"},imageContainerTablet:{alignSelf:"center"},interactiveContainer:{marginBottom:spacing(4),paddingHorizontal:spacing(2)},interactiveContainerTablet:{alignSelf:"center",width:_tsStyleguide.tabletWidth},interactiveContainerFullWidth:{width:"100%",paddingHorizontal:0},leadAsset:{marginBottom:spacing(2)},primaryContainer:{flexDirection:"column",paddingBottom:spacing(5),width:"100%"},heading2:_objectSpread(_objectSpread({},fontFactory({font:"headline",fontSize:"heading2Mobile"})),{},{marginBottom:spacing(2),color:colours.functional.black}),heading3:_objectSpread(_objectSpread({},fontFactory({font:"headline",fontSize:"heading3Mobile"})),{},{marginBottom:spacing(2),color:colours.functional.black}),heading4:_objectSpread(_objectSpread({},fontFactory({font:"headline",fontSize:"heading4Mobile"})),{},{marginBottom:spacing(2),color:colours.functional.black}),heading5:_objectSpread(_objectSpread({},fontFactory({font:"headline",fontSize:"heading5Mobile"})),{},{marginBottom:spacing(2),color:colours.functional.black}),heading6:_objectSpread(_objectSpread({},fontFactory({font:"headline",fontSize:"heading5Mobile"})),{},{marginBottom:spacing(2),color:colours.functional.black})};};var _default=sharedStyles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const sharedStyles = scale => {
+  const _styleguide = (0, _tsStyleguide.styleguide)({
+    scale
+  }),
+        colours = _styleguide.colours,
+        fontFactory = _styleguide.fontFactory,
+        spacing = _styleguide.spacing,
+        lineHeight = _styleguide.lineHeight;
+
+  return {
+    ad: {
+      borderBottomColor: colours.functional.keyline,
+      borderBottomWidth: 1,
+      borderTopColor: colours.functional.keyline,
+      borderTopWidth: 1,
+      marginBottom: spacing(4),
+      paddingHorizontal: spacing(2),
+      paddingVertical: spacing(2)
+    },
+    articleLink: _objectSpread(_objectSpread({
+      color: colours.functional.action
+    }, fontFactory({
+      font: "body",
+      fontSize: "bodyMobile"
+    })), {}, {
+      lineHeight: lineHeight({
+        font: "body",
+        fontSize: "bodyMobile"
+      }),
+      marginBottom: spacing(5),
+      marginTop: 0
+    }),
+    articleMainContentRow: {
+      paddingLeft: spacing(2),
+      paddingRight: spacing(2)
+    },
+    articleTextElement: _objectSpread(_objectSpread({}, fontFactory({
+      font: "body",
+      fontSize: "bodyMobile"
+    })), {}, {
+      color: colours.functional.primary,
+      marginBottom: spacing(5)
+    }),
+    containerTablet: {
+      alignSelf: "center"
+    },
+    imageContainerTablet: {
+      alignSelf: "center"
+    },
+    interactiveContainer: {
+      marginBottom: spacing(4),
+      paddingHorizontal: spacing(2)
+    },
+    interactiveContainerTablet: {
+      alignSelf: "center",
+      width: _tsStyleguide.tabletWidth
+    },
+    interactiveContainerFullWidth: {
+      width: "100%",
+      paddingHorizontal: 0
+    },
+    leadAsset: {
+      marginBottom: spacing(2)
+    },
+    primaryContainer: {
+      flexDirection: "column",
+      paddingBottom: spacing(5),
+      width: "100%"
+    },
+    heading2: _objectSpread(_objectSpread({}, fontFactory({
+      font: "headline",
+      fontSize: "heading2Mobile"
+    })), {}, {
+      marginBottom: spacing(2),
+      color: colours.functional.black
+    }),
+    heading3: _objectSpread(_objectSpread({}, fontFactory({
+      font: "headline",
+      fontSize: "heading3Mobile"
+    })), {}, {
+      marginBottom: spacing(2),
+      color: colours.functional.black
+    }),
+    heading4: _objectSpread(_objectSpread({}, fontFactory({
+      font: "headline",
+      fontSize: "heading4Mobile"
+    })), {}, {
+      marginBottom: spacing(2),
+      color: colours.functional.black
+    }),
+    heading5: _objectSpread(_objectSpread({}, fontFactory({
+      font: "headline",
+      fontSize: "heading5Mobile"
+    })), {}, {
+      marginBottom: spacing(2),
+      color: colours.functional.black
+    }),
+    heading6: _objectSpread(_objectSpread({}, fontFactory({
+      font: "headline",
+      fontSize: "heading5Mobile"
+    })), {}, {
+      marginBottom: spacing(2),
+      color: colours.functional.black
+    })
+  };
+};
+
+var _default = sharedStyles;
+exports.default = _default;

package/dist/styles/article-topics/index.js

@@ -1 +1,21 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _shared=_interopRequireDefault(require("./shared"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var topicStyles=_objectSpread({},_shared.default);var _default=topicStyles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _shared = _interopRequireDefault(require("./shared"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const topicStyles = _objectSpread({}, _shared.default);
+
+var _default = topicStyles;
+exports.default = _default;

package/dist/styles/article-topics/responsive.js

@@ -1 +1,21 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _default=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive",componentId:"sc-1ulgmfl-0"})(["padding-left:",";padding-right:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}"],(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.medium);exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive",
+  componentId: "sc-1ulgmfl-0"
+})(["padding-left:", ";padding-right:", ";@media (min-width:", "px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium);
+
+exports.default = _default;

package/dist/styles/article-topics/shared.js

@@ -1 +1,24 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tsStyleguide=require("@times-components/ts-styleguide");var sharedStyles={topicsContainer:{borderTopColor:_tsStyleguide.colours.functional.keyline,borderTopWidth:1},topicsContainerTablet:{alignSelf:"center",width:_tsStyleguide.tabletWidth},topicsMetaContainer:{justifyContent:"flex-start"}};var _default=sharedStyles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+const sharedStyles = {
+  topicsContainer: {
+    borderTopColor: _tsStyleguide.colours.functional.keyline,
+    borderTopWidth: 1
+  },
+  topicsContainerTablet: {
+    alignSelf: "center",
+    width: _tsStyleguide.tabletWidth
+  },
+  topicsMetaContainer: {
+    justifyContent: "flex-start"
+  }
+};
+var _default = sharedStyles;
+exports.default = _default;

package/dist/styles/responsive.js

@@ -1 +1,45 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BodyContainer=exports.HeaderContainer=exports.MainContainer=exports.getHeaderAdStyles=void 0;var _styledComponents=_interopRequireDefault(require("styled-components"));var _utils=require("@times-components/utils");var _tsStyleguide=require("@times-components/ts-styleguide");var _keylines=require("../keylines");var getHeaderAdStyles=function getHeaderAdStyles(template){var hideKeylines=template==="indepth";return(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive",componentId:"sc-15gvuj2-0"})(["box-sizing:content-box;justify-content:center;min-height:50px;display:flex;border-top-color:",";border-bottom-color:",";border-bottom-width:",";padding-top:",";padding-bottom:",";@media (min-width:768px){min-height:90px;}@media (min-width:970px){min-height:250px;}"],_tsStyleguide.colours.functional.keyline,_tsStyleguide.colours.functional.keyline,hideKeylines?"0":"1px",(0,_tsStyleguide.spacing)(2),hideKeylines?"0":(0,_tsStyleguide.spacing)(2));};exports.getHeaderAdStyles=getHeaderAdStyles;var MainContainer=_styledComponents.default.main.withConfig({displayName:"responsive__MainContainer",componentId:"sc-15gvuj2-1"})(["@media (min-width:","px){padding-top:",";margin:0 auto;}"],_tsStyleguide.breakpoints.wide,(0,_tsStyleguide.spacing)(4));exports.MainContainer=MainContainer;var HeaderContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"sc-15gvuj2-2"})(["display:flex;> ","{order:3;}"],_keylines.ArticleKeylineItem);exports.HeaderContainer=HeaderContainer;var BodyContainer=_styledComponents.default.article.withConfig({displayName:"responsive__BodyContainer",componentId:"sc-15gvuj2-3"})(["display:block;order:4;"]);exports.BodyContainer=BodyContainer;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BodyContainer = exports.HeaderContainer = exports.MainContainer = exports.getHeaderAdStyles = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _utils = require("@times-components/utils");
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _keylines = require("../keylines");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const getHeaderAdStyles = template => {
+  const hideKeylines = template === "indepth";
+  return (0, _styledComponents.default)(_utils.TcView).withConfig({
+    displayName: "responsive",
+    componentId: "sc-15gvuj2-0"
+  })(["box-sizing:content-box;justify-content:center;min-height:50px;display:flex;border-top-color:", ";border-bottom-color:", ";border-bottom-width:", ";padding-top:", ";padding-bottom:", ";@media (min-width:768px){min-height:90px;}@media (min-width:970px){min-height:250px;}"], _tsStyleguide.colours.functional.keyline, _tsStyleguide.colours.functional.keyline, hideKeylines ? "0" : "1px", (0, _tsStyleguide.spacing)(2), hideKeylines ? "0" : (0, _tsStyleguide.spacing)(2));
+};
+
+exports.getHeaderAdStyles = getHeaderAdStyles;
+
+const MainContainer = _styledComponents.default.main.withConfig({
+  displayName: "responsive__MainContainer",
+  componentId: "sc-15gvuj2-1"
+})(["@media (min-width:", "px){padding-top:", ";margin:0 auto;}"], _tsStyleguide.breakpoints.wide, (0, _tsStyleguide.spacing)(4));
+
+exports.MainContainer = MainContainer;
+const HeaderContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__HeaderContainer",
+  componentId: "sc-15gvuj2-2"
+})(["display:flex;> ", "{order:3;}"], _keylines.ArticleKeylineItem);
+exports.HeaderContainer = HeaderContainer;
+
+const BodyContainer = _styledComponents.default.article.withConfig({
+  displayName: "responsive__BodyContainer",
+  componentId: "sc-15gvuj2-3"
+})(["display:block;order:4;"]);
+
+exports.BodyContainer = BodyContainer;

package/dist/styles/shared.js

@@ -1 +1,20 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tsStyleguide=require("@times-components/ts-styleguide");var globalStyle={articleContainer:{backgroundColor:_tsStyleguide.colours.functional.gutter},articleMainContentRow:{paddingLeft:(0,_tsStyleguide.spacing)(2),paddingRight:(0,_tsStyleguide.spacing)(2)}};var _default=globalStyle;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+const globalStyle = {
+  articleContainer: {
+    backgroundColor: _tsStyleguide.colours.functional.gutter
+  },
+  articleMainContentRow: {
+    paddingLeft: (0, _tsStyleguide.spacing)(2),
+    paddingRight: (0, _tsStyleguide.spacing)(2)
+  }
+};
+var _default = globalStyle;
+exports.default = _default;

package/dist/tracking/article-tracking-context.js

@@ -1 +1,71 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _lodash=_interopRequireDefault(require("lodash.get"));var _tracking=require("@times-components/tracking");var _dataHelper=require("../data-helper");var _default=function _default(Component){return(0,_tracking.withTrackingContext)(Component,{getAttrs:function getAttrs(_ref){var _window$__TIMES_ACCES;var data=_ref.data,pageSection=_ref.pageSection,navigationMode=_ref.navigationMode,_ref$referralUrl=_ref.referralUrl,referralUrl=_ref$referralUrl===void 0?"":_ref$referralUrl;var editionType="";var flags=data.expirableFlags;if(navigationMode){var isMyArticles=navigationMode.isMyArticles,isPastSixDays=navigationMode.isPastSixDays;if(isMyArticles){editionType="my articles";}else{editionType=isPastSixDays?"past 6 days":"current edition";}}return{articleId:(0,_lodash.default)(data,"id",""),article_topic_tags:data.topics?data.topics.map(function(topic){return topic.name;}):[],isLocked:(_window$__TIMES_ACCES=window.__TIMES_ACCESS_AND_IDENTITY__)!=null&&_window$__TIMES_ACCES.hasAccess?"unlocked":"locked",bylines:(0,_lodash.default)(data,"bylines[0].byline[0].children[0].attributes.value",""),headline:(0,_lodash.default)(data,"headline",""),label:(0,_lodash.default)(data,"label",""),pageName:(0,_lodash.default)(data,"slug","")+"-"+(0,_lodash.default)(data,"shortIdentifier",""),edition_type:editionType,publishedTime:(0,_lodash.default)(data,"publishedTime",""),parent_site:(0,_lodash.default)(data,"publicationName",""),referralUrl:referralUrl,section:pageSection||(0,_lodash.default)(data,"section",""),template:(0,_lodash.default)(data,"template","Default"),registrationType:(0,_dataHelper.getRegistrationType)(),shared:(0,_dataHelper.getSharedStatus)(),article_flag:(0,_dataHelper.getActiveArticleFlags)(flags)?(0,_dataHelper.getActiveArticleFlags)(flags):"no flag",article_template_name:(0,_dataHelper.getIsLiveOrBreakingFlag)(flags)?"live template":"standard template"};},trackingObjectName:"Article"});};exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _tracking = require("@times-components/tracking");
+
+var _dataHelper = require("../data-helper");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = Component => (0, _tracking.withTrackingContext)(Component, {
+  getAttrs: _ref => {
+    let data = _ref.data,
+        pageSection = _ref.pageSection,
+        navigationMode = _ref.navigationMode,
+        _ref$referralUrl = _ref.referralUrl,
+        referralUrl = _ref$referralUrl === void 0 ? "" : _ref$referralUrl;
+    let editionType = "";
+    let hasAccessViaTimes = false;
+    const flags = data.expirableFlags;
+
+    if (window) {
+      // eslint-disable-next-line
+      if (window.__TIMES_ACCESS_AND_IDENTITY__) {
+        // eslint-disable-next-line
+        if (window.__TIMES_ACCESS_AND_IDENTITY__.hasAccess) {
+          hasAccessViaTimes = true;
+        }
+      }
+    }
+
+    if (navigationMode) {
+      const isMyArticles = navigationMode.isMyArticles,
+            isPastSixDays = navigationMode.isPastSixDays;
+
+      if (isMyArticles) {
+        editionType = "my articles";
+      } else {
+        editionType = isPastSixDays ? "past 6 days" : "current edition";
+      }
+    }
+
+    return {
+      articleId: (0, _lodash.default)(data, "id", ""),
+      article_topic_tags: data.topics ? data.topics.map(topic => topic.name) : [],
+      isLocked: hasAccessViaTimes ? "unlocked" : "locked",
+      bylines: (0, _lodash.default)(data, "bylines[0].byline[0].children[0].attributes.value", ""),
+      headline: (0, _lodash.default)(data, "headline", ""),
+      label: (0, _lodash.default)(data, "label", ""),
+      pageName: "".concat((0, _lodash.default)(data, "slug", ""), "-").concat((0, _lodash.default)(data, "shortIdentifier", "")),
+      edition_type: editionType,
+      publishedTime: (0, _lodash.default)(data, "publishedTime", ""),
+      parent_site: (0, _lodash.default)(data, "publicationName", ""),
+      referralUrl,
+      section: pageSection || (0, _lodash.default)(data, "section", ""),
+      template: (0, _lodash.default)(data, "template", "Default"),
+      registrationType: (0, _dataHelper.getRegistrationType)(),
+      shared: (0, _dataHelper.getSharedStatus)(),
+      article_flag: (0, _dataHelper.getActiveArticleFlags)(flags) ? (0, _dataHelper.getActiveArticleFlags)(flags) : "no flag",
+      article_template_name: (0, _dataHelper.getIsLiveOrBreakingFlag)(flags) ? "live template" : "standard template"
+    };
+  },
+  trackingObjectName: "Article"
+});
+
+exports.default = _default;

package/dist/tracking/article-tracking-last-paragraph.js

@@ -1 +1,33 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var tagLastParagraph=function tagLastParagraph(content){var paywall=content.find(function(item){return item.name==="paywall";});if(!paywall)return content;var lastPaywallParagraph=paywall.children.filter(function(_ref){var name=_ref.name;return name==="paragraph";}).pop();var lastParagraphIndex=paywall.children.indexOf(lastPaywallParagraph);var paywallChildren=paywall.children.map(function(child,index){return index===lastParagraphIndex?_objectSpread(_objectSpread({},child),{},{attributes:_objectSpread(_objectSpread({},child.attributes),{},{id:"last-paragraph"})}):child;});return content.map(function(child){return child.name==="paywall"?_objectSpread(_objectSpread({},child),{},{children:paywallChildren}):child;});};var _default=tagLastParagraph;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const tagLastParagraph = content => {
+  const paywall = content.find(item => item.name === "paywall");
+  if (!paywall) return content;
+  const lastPaywallParagraph = paywall.children.filter(_ref => {
+    let name = _ref.name;
+    return name === "paragraph";
+  }).pop();
+  const lastParagraphIndex = paywall.children.indexOf(lastPaywallParagraph);
+  const paywallChildren = paywall.children.map((child, index) => index === lastParagraphIndex ? _objectSpread(_objectSpread({}, child), {}, {
+    attributes: _objectSpread(_objectSpread({}, child.attributes), {}, {
+      id: "last-paragraph"
+    })
+  }) : child);
+  return content.map(child => child.name === "paywall" ? _objectSpread(_objectSpread({}, child), {}, {
+    children: paywallChildren
+  }) : child);
+};
+
+var _default = tagLastParagraph;
+exports.default = _default;