@times-components/article-main-standard 3.59.30 → 3.60.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/babel.config.js +13 -2
- package/dist/article-header/article-header-standfirst.js +45 -1
- package/dist/article-header/article-header.js +76 -1
- package/dist/article-header-label/article-header-label.base.js +39 -1
- package/dist/article-header-label/article-header-label.js +18 -1
- package/dist/article-main-standard.js +131 -1
- package/dist/article-meta/article-meta-prop-types.js +35 -1
- package/dist/article-meta/article-meta.js +78 -1
- package/dist/article-prop-types/article-page-prop-types.js +42 -1
- package/dist/article-prop-types/article-prop-types.js +34 -1
- package/dist/article-topics/index.js +45 -1
- package/dist/styles/article-body/index.js +37 -1
- package/dist/styles/article-body/responsive.js +77 -1
- package/dist/styles/article-body/shared.js +78 -1
- package/dist/styles/article-header/index.js +23 -1
- package/dist/styles/article-header/responsive.js +26 -1
- package/dist/styles/article-header/shared.js +50 -1
- package/dist/styles/article-meta/index.js +21 -1
- package/dist/styles/article-meta/shared.js +55 -1
- package/dist/styles/article-topics/index.js +21 -1
- package/dist/styles/article-topics/shared.js +20 -1
- package/dist/styles/responsive.js +60 -1
- package/dist/styles/shared.js +17 -1
- package/package.json +28 -35
- package/rnw.js +1 -1
- package/tsconfig.jest.json +10 -0
|
@@ -1 +1,45 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
12
|
+
var _articleTopics = _interopRequireDefault(require("@times-components/article-topics"));
|
|
13
|
+
|
|
14
|
+
var _userState = _interopRequireDefault(require("@times-components/user-state"));
|
|
15
|
+
|
|
16
|
+
var _articleTopics2 = _interopRequireDefault(require("../styles/article-topics"));
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
20
|
+
const ShowTopics = _ref => {
|
|
21
|
+
let topics = _ref.topics;
|
|
22
|
+
|
|
23
|
+
if (topics && topics.length > 0) {
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement(_userState.default, {
|
|
25
|
+
state: _userState.default.loggedInOrShared
|
|
26
|
+
}, /*#__PURE__*/_react.default.createElement("nav", null, /*#__PURE__*/_react.default.createElement(_articleTopics.default, {
|
|
27
|
+
style: _articleTopics2.default.topicsMetaContainer,
|
|
28
|
+
topics: topics
|
|
29
|
+
})));
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return null;
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
ShowTopics.propTypes = {
|
|
36
|
+
topics: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
37
|
+
name: _propTypes.default.string.isRequired,
|
|
38
|
+
slug: _propTypes.default.string.isRequired
|
|
39
|
+
}).isRequired)
|
|
40
|
+
};
|
|
41
|
+
ShowTopics.defaultProps = {
|
|
42
|
+
topics: null
|
|
43
|
+
};
|
|
44
|
+
var _default = ShowTopics;
|
|
45
|
+
exports.default = _default;
|
|
@@ -1 +1,37 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
|
+
|
|
10
|
+
var _shared = _interopRequireDefault(require("./shared"));
|
|
11
|
+
|
|
12
|
+
var _shared2 = _interopRequireDefault(require("../shared"));
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
22
|
+
const sharedStyles = (0, _shared.default)();
|
|
23
|
+
|
|
24
|
+
const webStyles = _objectSpread(_objectSpread({}, sharedStyles), {}, {
|
|
25
|
+
ad: _objectSpread(_objectSpread({}, sharedStyles.ad), {}, {
|
|
26
|
+
marginBottom: (0, _tsStyleguide.spacing)(6),
|
|
27
|
+
marginTop: (0, _tsStyleguide.spacing)(6)
|
|
28
|
+
}),
|
|
29
|
+
articleTextElement: _objectSpread(_objectSpread({}, sharedStyles.articleTextElement), {}, {
|
|
30
|
+
marginTop: 0
|
|
31
|
+
})
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
const styles = _objectSpread(_objectSpread({}, _shared2.default), webStyles);
|
|
35
|
+
|
|
36
|
+
var _default = styles;
|
|
37
|
+
exports.default = _default;
|
|
@@ -1 +1,77 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.PullQuoteContainer = exports.PullQuoteResp = exports.InlineImg = exports.SecondaryImg = exports.PrimaryImg = exports.LeadAssetCaptionContainer = exports.LeadAsset = exports.InteractiveContainer = exports.Paragraph = exports.ParagraphContainer = void 0;
|
|
7
|
+
|
|
8
|
+
var _utils = require("@times-components/utils");
|
|
9
|
+
|
|
10
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
+
|
|
12
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
/* --- Body --- */
|
|
17
|
+
const ParagraphContainer = _styledComponents.default.div.withConfig({
|
|
18
|
+
displayName: "responsive__ParagraphContainer",
|
|
19
|
+
componentId: "ix67u3-0"
|
|
20
|
+
})(["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);
|
|
21
|
+
|
|
22
|
+
exports.ParagraphContainer = ParagraphContainer;
|
|
23
|
+
|
|
24
|
+
const Paragraph = _styledComponents.default.p.withConfig({
|
|
25
|
+
displayName: "responsive__Paragraph",
|
|
26
|
+
componentId: "ix67u3-1"
|
|
27
|
+
})(["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);
|
|
28
|
+
|
|
29
|
+
exports.Paragraph = Paragraph;
|
|
30
|
+
|
|
31
|
+
const InteractiveContainer = _styledComponents.default.div.withConfig({
|
|
32
|
+
displayName: "responsive__InteractiveContainer",
|
|
33
|
+
componentId: "ix67u3-2"
|
|
34
|
+
})(["padding-left:", ";padding-right:", ";margin-bottom:", ";@media (min-width:", "px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;margin-bottom:", ";}@media (min-width:", "px){width:56.2%;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.wide);
|
|
35
|
+
/* --- Lead Asset Styles --- */
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
exports.InteractiveContainer = InteractiveContainer;
|
|
39
|
+
const LeadAsset = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
40
|
+
displayName: "responsive__LeadAsset",
|
|
41
|
+
componentId: "ix67u3-3"
|
|
42
|
+
})(["margin-bottom:", ";@media (min-width:", "px){margin-bottom:", ";}@media (min-width:", "px){width:56.2%;margin:0 auto;padding-bottom:20px;}"], (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.wide);
|
|
43
|
+
exports.LeadAsset = LeadAsset;
|
|
44
|
+
const LeadAssetCaptionContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
45
|
+
displayName: "responsive__LeadAssetCaptionContainer",
|
|
46
|
+
componentId: "ix67u3-4"
|
|
47
|
+
})(["margin-left:", ";margin-right:", ";@media (min-width:", "px){width:80.8%;margin:0 auto;}@media (min-width:", "px){width:100%;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide);
|
|
48
|
+
/* --- Article Images --- */
|
|
49
|
+
|
|
50
|
+
exports.LeadAssetCaptionContainer = LeadAssetCaptionContainer;
|
|
51
|
+
const PrimaryImg = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
52
|
+
displayName: "responsive__PrimaryImg",
|
|
53
|
+
componentId: "ix67u3-5"
|
|
54
|
+
})(["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);
|
|
55
|
+
exports.PrimaryImg = PrimaryImg;
|
|
56
|
+
const SecondaryImg = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
57
|
+
displayName: "responsive__SecondaryImg",
|
|
58
|
+
componentId: "ix67u3-6"
|
|
59
|
+
})(["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);
|
|
60
|
+
exports.SecondaryImg = SecondaryImg;
|
|
61
|
+
const InlineImg = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
62
|
+
displayName: "responsive__InlineImg",
|
|
63
|
+
componentId: "ix67u3-7"
|
|
64
|
+
})(["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);
|
|
65
|
+
/* --- Pull Quotes --- */
|
|
66
|
+
|
|
67
|
+
exports.InlineImg = InlineImg;
|
|
68
|
+
const PullQuoteResp = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
69
|
+
displayName: "responsive__PullQuoteResp",
|
|
70
|
+
componentId: "ix67u3-8"
|
|
71
|
+
})(["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));
|
|
72
|
+
exports.PullQuoteResp = PullQuoteResp;
|
|
73
|
+
const PullQuoteContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
74
|
+
displayName: "responsive__PullQuoteContainer",
|
|
75
|
+
componentId: "ix67u3-9"
|
|
76
|
+
})(["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);
|
|
77
|
+
exports.PullQuoteContainer = PullQuoteContainer;
|
|
@@ -1 +1,78 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
|
+
|
|
10
|
+
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; }
|
|
11
|
+
|
|
12
|
+
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; }
|
|
13
|
+
|
|
14
|
+
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; }
|
|
15
|
+
|
|
16
|
+
const sharedStyles = scale => {
|
|
17
|
+
const _styleguide = (0, _tsStyleguide.styleguide)({
|
|
18
|
+
scale
|
|
19
|
+
}),
|
|
20
|
+
colours = _styleguide.colours,
|
|
21
|
+
fontFactory = _styleguide.fontFactory,
|
|
22
|
+
spacing = _styleguide.spacing;
|
|
23
|
+
|
|
24
|
+
return {
|
|
25
|
+
ad: {
|
|
26
|
+
borderBottomColor: colours.functional.keyline,
|
|
27
|
+
borderBottomWidth: 1,
|
|
28
|
+
borderTopColor: colours.functional.keyline,
|
|
29
|
+
borderTopWidth: 1,
|
|
30
|
+
marginBottom: spacing(4),
|
|
31
|
+
paddingHorizontal: spacing(2),
|
|
32
|
+
paddingVertical: spacing(2)
|
|
33
|
+
},
|
|
34
|
+
articleLink: _objectSpread(_objectSpread({
|
|
35
|
+
color: colours.functional.action
|
|
36
|
+
}, fontFactory({
|
|
37
|
+
font: "body",
|
|
38
|
+
fontSize: "bodyMobile"
|
|
39
|
+
})), {}, {
|
|
40
|
+
marginBottom: spacing(5),
|
|
41
|
+
marginTop: 0
|
|
42
|
+
}),
|
|
43
|
+
articleMainContentRow: {
|
|
44
|
+
paddingLeft: spacing(2),
|
|
45
|
+
paddingRight: spacing(2)
|
|
46
|
+
},
|
|
47
|
+
articleTextElement: _objectSpread(_objectSpread({}, fontFactory({
|
|
48
|
+
font: "body",
|
|
49
|
+
fontSize: "bodyMobile"
|
|
50
|
+
})), {}, {
|
|
51
|
+
color: colours.functional.primary,
|
|
52
|
+
marginBottom: spacing(5)
|
|
53
|
+
}),
|
|
54
|
+
interactiveContainer: {
|
|
55
|
+
marginBottom: spacing(4),
|
|
56
|
+
paddingLeft: spacing(2),
|
|
57
|
+
paddingRight: spacing(2)
|
|
58
|
+
},
|
|
59
|
+
leadAsset: {
|
|
60
|
+
marginBottom: spacing(2)
|
|
61
|
+
},
|
|
62
|
+
leadAssetTablet: {
|
|
63
|
+
marginBottom: spacing(2),
|
|
64
|
+
paddingBottom: spacing(2)
|
|
65
|
+
},
|
|
66
|
+
primaryContainer: {
|
|
67
|
+
flexDirection: "column",
|
|
68
|
+
paddingBottom: spacing(5),
|
|
69
|
+
width: "100%"
|
|
70
|
+
},
|
|
71
|
+
captionContainer: {
|
|
72
|
+
paddingHorizontal: spacing(2)
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
var _default = sharedStyles;
|
|
78
|
+
exports.default = _default;
|
|
@@ -1 +1,23 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _shared = _interopRequireDefault(require("../shared"));
|
|
9
|
+
|
|
10
|
+
var _shared2 = _interopRequireDefault(require("./shared"));
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
14
|
+
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; }
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
const styles = _objectSpread(_objectSpread({}, _shared.default), _shared2.default);
|
|
21
|
+
|
|
22
|
+
var _default = styles;
|
|
23
|
+
exports.default = _default;
|
|
@@ -1 +1,26 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.LabelContainer = exports.HeadlineContainer = void 0;
|
|
7
|
+
|
|
8
|
+
var _utils = require("@times-components/utils");
|
|
9
|
+
|
|
10
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
+
|
|
12
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
const HeadlineContainer = _styledComponents.default.h1.withConfig({
|
|
17
|
+
displayName: "responsive__HeadlineContainer",
|
|
18
|
+
componentId: "sc-15mjcnq-0"
|
|
19
|
+
})(["border:0px solid black;box-sizing:border-box;display:inline;font:14px system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",sans-serif;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-size:", "px;color:", ";margin:0 0 8px 0;font-family:\"", "\";font-weight:400;line-height:30px;", " @media (min-width:", "px){font-size:", "px;line-height:45px;}"], _tsStyleguide.fontSizes.headline, _tsStyleguide.colours.functional.brandColour, _tsStyleguide.fonts.headline, props => props.styles && props.styles, _tsStyleguide.breakpoints.medium, _tsStyleguide.fontSizes.articleHeadline);
|
|
20
|
+
|
|
21
|
+
exports.HeadlineContainer = HeadlineContainer;
|
|
22
|
+
const LabelContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
23
|
+
displayName: "responsive__LabelContainer",
|
|
24
|
+
componentId: "sc-15mjcnq-1"
|
|
25
|
+
})(["@media (min-width:", "px){margin-top:0px;}"], _tsStyleguide.breakpoints.wide);
|
|
26
|
+
exports.LabelContainer = LabelContainer;
|
|
@@ -1 +1,50 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
|
+
|
|
10
|
+
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; }
|
|
11
|
+
|
|
12
|
+
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; }
|
|
13
|
+
|
|
14
|
+
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; }
|
|
15
|
+
|
|
16
|
+
const sharedStyles = {
|
|
17
|
+
articleHeadlineSpacer: {
|
|
18
|
+
marginBottom: (0, _tsStyleguide.spacing)(3)
|
|
19
|
+
},
|
|
20
|
+
articleHeadLineText: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
|
|
21
|
+
font: "headline",
|
|
22
|
+
fontSize: "headline"
|
|
23
|
+
})), {}, {
|
|
24
|
+
color: _tsStyleguide.colours.functional.brandColour,
|
|
25
|
+
marginBottom: 7
|
|
26
|
+
}),
|
|
27
|
+
articleHeadLineTextTablet: _objectSpread({}, (0, _tsStyleguide.fontFactory)({
|
|
28
|
+
font: "headline",
|
|
29
|
+
fontSize: "articleHeadline"
|
|
30
|
+
})),
|
|
31
|
+
articleLabel: {
|
|
32
|
+
paddingBottom: (0, _tsStyleguide.spacing)(1),
|
|
33
|
+
paddingTop: (0, _tsStyleguide.spacing)(1)
|
|
34
|
+
},
|
|
35
|
+
flags: {
|
|
36
|
+
marginBottom: (0, _tsStyleguide.spacing)(2)
|
|
37
|
+
},
|
|
38
|
+
headerTablet: {
|
|
39
|
+
marginTop: (0, _tsStyleguide.spacing)(6)
|
|
40
|
+
},
|
|
41
|
+
standFirst: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
|
|
42
|
+
font: "headlineRegular",
|
|
43
|
+
fontSize: "smallestHeadline"
|
|
44
|
+
})), {}, {
|
|
45
|
+
color: _tsStyleguide.colours.functional.primary,
|
|
46
|
+
paddingBottom: (0, _tsStyleguide.spacing)(2)
|
|
47
|
+
})
|
|
48
|
+
};
|
|
49
|
+
var _default = sharedStyles;
|
|
50
|
+
exports.default = _default;
|
|
@@ -1 +1,21 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _shared = _interopRequireDefault(require("./shared"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
12
|
+
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; }
|
|
13
|
+
|
|
14
|
+
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; }
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
18
|
+
const styles = _objectSpread({}, _shared.default);
|
|
19
|
+
|
|
20
|
+
var _default = styles;
|
|
21
|
+
exports.default = _default;
|
|
@@ -1 +1,55 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
|
+
|
|
10
|
+
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; }
|
|
11
|
+
|
|
12
|
+
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; }
|
|
13
|
+
|
|
14
|
+
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; }
|
|
15
|
+
|
|
16
|
+
const sharedStyles = {
|
|
17
|
+
articleMeta: {
|
|
18
|
+
borderBottomColor: _tsStyleguide.colours.functional.keyline,
|
|
19
|
+
borderBottomWidth: 1,
|
|
20
|
+
marginBottom: (0, _tsStyleguide.spacing)(4),
|
|
21
|
+
marginLeft: (0, _tsStyleguide.spacing)(2),
|
|
22
|
+
marginRight: (0, _tsStyleguide.spacing)(2),
|
|
23
|
+
paddingBottom: (0, _tsStyleguide.spacing)(2),
|
|
24
|
+
paddingLeft: 0,
|
|
25
|
+
paddingRight: 0
|
|
26
|
+
},
|
|
27
|
+
articleMetaElement: {
|
|
28
|
+
// TODO: put back after design signoff
|
|
29
|
+
// paddingTop: spacing(1)
|
|
30
|
+
paddingTop: (0, _tsStyleguide.spacing)(2)
|
|
31
|
+
},
|
|
32
|
+
articleMetaElementWithBorder: {
|
|
33
|
+
paddingTop: (0, _tsStyleguide.spacing)(2),
|
|
34
|
+
borderTopColor: _tsStyleguide.colours.functional.keyline,
|
|
35
|
+
borderTopWidth: 1
|
|
36
|
+
},
|
|
37
|
+
articleMetaTablet: {
|
|
38
|
+
marginLeft: 0,
|
|
39
|
+
marginRight: 0
|
|
40
|
+
},
|
|
41
|
+
byline: _objectSpread(_objectSpread({}, (0, _tsStyleguide.fontFactory)({
|
|
42
|
+
font: "supporting",
|
|
43
|
+
fontSize: "cardMeta"
|
|
44
|
+
})), {}, {
|
|
45
|
+
color: _tsStyleguide.colours.functional.secondary
|
|
46
|
+
}),
|
|
47
|
+
datePublication: _objectSpread({
|
|
48
|
+
color: _tsStyleguide.colours.functional.secondary
|
|
49
|
+
}, (0, _tsStyleguide.fontFactory)({
|
|
50
|
+
font: "supporting",
|
|
51
|
+
fontSize: "cardMeta"
|
|
52
|
+
}))
|
|
53
|
+
};
|
|
54
|
+
var _default = sharedStyles;
|
|
55
|
+
exports.default = _default;
|
|
@@ -1 +1,21 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _shared = _interopRequireDefault(require("./shared"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
12
|
+
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; }
|
|
13
|
+
|
|
14
|
+
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; }
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
18
|
+
const topicStyles = _objectSpread({}, _shared.default);
|
|
19
|
+
|
|
20
|
+
var _default = topicStyles;
|
|
21
|
+
exports.default = _default;
|
|
@@ -1 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
|
+
|
|
10
|
+
const sharedStyles = {
|
|
11
|
+
topicsContainer: {
|
|
12
|
+
borderTopColor: _tsStyleguide.colours.functional.keyline,
|
|
13
|
+
borderTopWidth: 1
|
|
14
|
+
},
|
|
15
|
+
topicsMetaContainer: {
|
|
16
|
+
justifyContent: "flex-start"
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
var _default = sharedStyles;
|
|
20
|
+
exports.default = _default;
|
|
@@ -1 +1,60 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.LeadAsset = exports.HeaderTopContainer = exports.ArticleMainStandardContainer = exports.MetaContainer = exports.HeaderContainer = exports.HeaderAdContainer = exports.MainContainer = void 0;
|
|
7
|
+
|
|
8
|
+
var _utils = require("@times-components/utils");
|
|
9
|
+
|
|
10
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
+
|
|
12
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
13
|
+
|
|
14
|
+
var _articleLeadAsset = _interopRequireDefault(require("@times-components/article-lead-asset"));
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
18
|
+
const MainContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
19
|
+
displayName: "responsive__MainContainer",
|
|
20
|
+
componentId: "cbxka9-0"
|
|
21
|
+
})(["@media (min-width:", "px){padding-top:", ";margin:0 auto;display:block;}"], _tsStyleguide.breakpoints.wide, (0, _tsStyleguide.spacing)(4));
|
|
22
|
+
/* --- HeaderAd --- */
|
|
23
|
+
|
|
24
|
+
exports.MainContainer = MainContainer;
|
|
25
|
+
const HeaderAdContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
26
|
+
displayName: "responsive__HeaderAdContainer",
|
|
27
|
+
componentId: "cbxka9-1"
|
|
28
|
+
})(["display:none;@media (min-width:", "px){display:flex;border-top-color:", ";border-bottom-color:", ";border-bottom-width:1px;padding-top:", ";padding-bottom:", ";}"], _tsStyleguide.breakpoints.medium, _tsStyleguide.colours.functional.keyline, _tsStyleguide.colours.functional.keyline, (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2));
|
|
29
|
+
/* --- Header --- */
|
|
30
|
+
|
|
31
|
+
exports.HeaderAdContainer = HeaderAdContainer;
|
|
32
|
+
const HeaderContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
33
|
+
displayName: "responsive__HeaderContainer",
|
|
34
|
+
componentId: "cbxka9-2"
|
|
35
|
+
})(["padding-left:", ";padding-right:", ";@media (min-width:", "px){order:1;width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:", "px){width:56.2%;margin-bottom:", ";}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide, (0, _tsStyleguide.spacing)(3));
|
|
36
|
+
/* --- Meta --- */
|
|
37
|
+
|
|
38
|
+
exports.HeaderContainer = HeaderContainer;
|
|
39
|
+
const MetaContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
40
|
+
displayName: "responsive__MetaContainer",
|
|
41
|
+
componentId: "cbxka9-3"
|
|
42
|
+
})(["margin-bottom:", ";padding-right:", ";padding-left:", ";position:absolute;left:0;width:20.8333%;z-index:1;top:100%;display:none;@media (min-width:", "px){display:block;}"], (0, _tsStyleguide.spacing)(4), (0, _tsStyleguide.spacing)(4), (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.wide);
|
|
43
|
+
exports.MetaContainer = MetaContainer;
|
|
44
|
+
const ArticleMainStandardContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
|
|
45
|
+
displayName: "responsive__ArticleMainStandardContainer",
|
|
46
|
+
componentId: "cbxka9-4"
|
|
47
|
+
})(["@media (min-width:", "px){.inline-meta{display:none;}}"], _tsStyleguide.breakpoints.wide);
|
|
48
|
+
exports.ArticleMainStandardContainer = ArticleMainStandardContainer;
|
|
49
|
+
|
|
50
|
+
const HeaderTopContainer = _styledComponents.default.div.withConfig({
|
|
51
|
+
displayName: "responsive__HeaderTopContainer",
|
|
52
|
+
componentId: "cbxka9-5"
|
|
53
|
+
})(["position:relative;order:2;@media (min-width:", "px){order:1;}"], _tsStyleguide.breakpoints.wide);
|
|
54
|
+
|
|
55
|
+
exports.HeaderTopContainer = HeaderTopContainer;
|
|
56
|
+
const LeadAsset = (0, _styledComponents.default)(_articleLeadAsset.default).withConfig({
|
|
57
|
+
displayName: "responsive__LeadAsset",
|
|
58
|
+
componentId: "cbxka9-6"
|
|
59
|
+
})(["margin-bottom:", ";order:1;@media (min-width:", "px){margin-bottom:", ";}@media (min-width:", "px){order:2;width:56.2%;margin-left:auto;margin-right:auto;}"], (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(6), _tsStyleguide.breakpoints.wide);
|
|
60
|
+
exports.LeadAsset = LeadAsset;
|
package/dist/styles/shared.js
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
|
+
|
|
10
|
+
const globalStyle = {
|
|
11
|
+
articleMainContentRow: {
|
|
12
|
+
paddingLeft: (0, _tsStyleguide.spacing)(2),
|
|
13
|
+
paddingRight: (0, _tsStyleguide.spacing)(2)
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
var _default = globalStyle;
|
|
17
|
+
exports.default = _default;
|