@times-components/icons 2.22.12 → 2.23.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/dist/icons/audio-close.js +72 -0
- package/dist/icons/audio-volume.js +74 -0
- package/dist/icons/check.js +73 -0
- package/dist/icons/pause-icon.js +75 -0
- package/dist/icons/play-icon.js +73 -0
- package/dist/icons/player-back.js +73 -0
- package/dist/icons/player-front.js +73 -0
- package/dist/icons/player-modal.js +73 -0
- package/dist/icons.js +64 -0
- package/package.json +2 -2
- package/rnw.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [2.23.0](https://github.com/newsuk/times-components/compare/@times-components/icons@2.22.12...@times-components/icons@2.23.0) (2024-11-20)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMPZ-777:** Audio player icons ([#3986](https://github.com/newsuk/times-components/issues/3986)) ([c308be7](https://github.com/newsuk/times-components/commit/c308be7e346d8a9112cfd5fc04243f350f3e8cbc))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [2.22.12](https://github.com/newsuk/times-components/compare/@times-components/icons@2.22.11...@times-components/icons@2.22.12) (2024-07-02)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @times-components/icons
|
|
@@ -0,0 +1,72 @@
|
|
|
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 _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
var AudioCloseIcon = function AudioCloseIcon(_ref) {
|
|
19
|
+
var _ref$fill = _ref.fill,
|
|
20
|
+
fill = _ref$fill === void 0 ? "#000" : _ref$fill,
|
|
21
|
+
_ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 24 : _ref$height,
|
|
25
|
+
_ref$title = _ref.title,
|
|
26
|
+
title = _ref$title === void 0 ? "Audio Close Icon" : _ref$title;
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
|
28
|
+
"aria-label": "audio-close-icon",
|
|
29
|
+
role: "img",
|
|
30
|
+
viewBox: "0 0 24 24"
|
|
31
|
+
}, (0, _utils.clean)({
|
|
32
|
+
width: width,
|
|
33
|
+
height: height,
|
|
34
|
+
title: title
|
|
35
|
+
}), {
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
37
|
+
}), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("mask", {
|
|
38
|
+
id: "mask0_4612_9510",
|
|
39
|
+
style: {
|
|
40
|
+
maskType: "alpha"
|
|
41
|
+
},
|
|
42
|
+
maskUnits: "userSpaceOnUse",
|
|
43
|
+
x: "0",
|
|
44
|
+
y: "0",
|
|
45
|
+
width: "24",
|
|
46
|
+
height: "24"
|
|
47
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
48
|
+
d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",
|
|
49
|
+
fill: fill
|
|
50
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
51
|
+
mask: "url(#mask0_4612_9510)"
|
|
52
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
53
|
+
width: "24",
|
|
54
|
+
height: "24",
|
|
55
|
+
fill: fill
|
|
56
|
+
})));
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
AudioCloseIcon.propTypes = {
|
|
60
|
+
fill: _propTypes["default"].string,
|
|
61
|
+
width: _propTypes["default"].number,
|
|
62
|
+
height: _propTypes["default"].number,
|
|
63
|
+
title: _propTypes["default"].string
|
|
64
|
+
};
|
|
65
|
+
AudioCloseIcon.defaultProps = {
|
|
66
|
+
fill: "#000",
|
|
67
|
+
width: 24,
|
|
68
|
+
height: 24,
|
|
69
|
+
title: "Audio Close Icon"
|
|
70
|
+
};
|
|
71
|
+
var _default = AudioCloseIcon;
|
|
72
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,74 @@
|
|
|
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 _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
var IconVolume = function IconVolume(_ref) {
|
|
19
|
+
var _ref$fill = _ref.fill,
|
|
20
|
+
fill = _ref$fill === void 0 ? "#0A0A0A" : _ref$fill,
|
|
21
|
+
_ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 24 : _ref$height,
|
|
25
|
+
_ref$title = _ref.title,
|
|
26
|
+
title = _ref$title === void 0 ? "Volume Icon" : _ref$title;
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
|
28
|
+
"aria-label": "icon-volume",
|
|
29
|
+
role: "img",
|
|
30
|
+
viewBox: "0 0 24 24"
|
|
31
|
+
}, (0, _utils.clean)({
|
|
32
|
+
width: width,
|
|
33
|
+
height: height,
|
|
34
|
+
title: title
|
|
35
|
+
}), {
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
37
|
+
}), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("mask", {
|
|
38
|
+
id: "mask0_4571_9118",
|
|
39
|
+
style: {
|
|
40
|
+
maskType: "alpha"
|
|
41
|
+
},
|
|
42
|
+
maskUnits: "userSpaceOnUse",
|
|
43
|
+
x: "0",
|
|
44
|
+
y: "0",
|
|
45
|
+
width: "24",
|
|
46
|
+
height: "24"
|
|
47
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
48
|
+
fillRule: "evenodd",
|
|
49
|
+
clipRule: "evenodd",
|
|
50
|
+
d: "M14 5.29047V3.23047C18.01 4.14047 21 7.72047 21 12.0005C21 16.2805 18.01 19.8605 14 20.7705V18.7105C16.89 17.8505 19 15.1705 19 12.0005C19 8.83047 16.89 6.15047 14 5.29047ZM3 9.00047V15.0005H7L12 20.0005V4.00047L7 9.00047H3ZM16.5 12.0005C16.5 10.2305 15.48 8.71047 14 7.97047V16.0205C15.48 15.2905 16.5 13.7705 16.5 12.0005Z",
|
|
51
|
+
fill: fill
|
|
52
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
53
|
+
mask: "url(#mask0_4571_9118)"
|
|
54
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
55
|
+
width: "24",
|
|
56
|
+
height: "24",
|
|
57
|
+
fill: "#01000D"
|
|
58
|
+
})));
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
IconVolume.propTypes = {
|
|
62
|
+
fill: _propTypes["default"].string,
|
|
63
|
+
width: _propTypes["default"].number,
|
|
64
|
+
height: _propTypes["default"].number,
|
|
65
|
+
title: _propTypes["default"].string
|
|
66
|
+
};
|
|
67
|
+
IconVolume.defaultProps = {
|
|
68
|
+
fill: "#0A0A0A",
|
|
69
|
+
width: 24,
|
|
70
|
+
height: 24,
|
|
71
|
+
title: "Volume Icon"
|
|
72
|
+
};
|
|
73
|
+
var _default = IconVolume;
|
|
74
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,73 @@
|
|
|
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 _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
var IconCheck = function IconCheck(_ref) {
|
|
19
|
+
var _ref$fill = _ref.fill,
|
|
20
|
+
fill = _ref$fill === void 0 ? "#0A0A0A" : _ref$fill,
|
|
21
|
+
_ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 24 : _ref$height,
|
|
25
|
+
_ref$title = _ref.title,
|
|
26
|
+
title = _ref$title === void 0 ? "Check Icon" : _ref$title;
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
|
28
|
+
"aria-label": "icon-check",
|
|
29
|
+
role: "img",
|
|
30
|
+
viewBox: "0 0 24 24"
|
|
31
|
+
}, (0, _utils.clean)({
|
|
32
|
+
width: width,
|
|
33
|
+
height: height,
|
|
34
|
+
title: title
|
|
35
|
+
}), {
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
37
|
+
}), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("mask", {
|
|
38
|
+
id: "mask0_4528_7566",
|
|
39
|
+
style: {
|
|
40
|
+
maskType: "alpha"
|
|
41
|
+
},
|
|
42
|
+
maskUnits: "userSpaceOnUse",
|
|
43
|
+
x: "0",
|
|
44
|
+
y: "0",
|
|
45
|
+
width: "24",
|
|
46
|
+
height: "25"
|
|
47
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
48
|
+
d: "M8.99991 16.1796L4.82991 12.0096L3.40991 13.4196L8.99991 19.0096L20.9999 7.00961L19.5899 5.59961L8.99991 16.1796Z",
|
|
49
|
+
fill: fill
|
|
50
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
51
|
+
mask: "url(#mask0_4528_7566)"
|
|
52
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
53
|
+
y: "0.00976562",
|
|
54
|
+
width: "24",
|
|
55
|
+
height: "24",
|
|
56
|
+
fill: "#01000D"
|
|
57
|
+
})));
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
IconCheck.propTypes = {
|
|
61
|
+
fill: _propTypes["default"].string,
|
|
62
|
+
width: _propTypes["default"].number,
|
|
63
|
+
height: _propTypes["default"].number,
|
|
64
|
+
title: _propTypes["default"].string
|
|
65
|
+
};
|
|
66
|
+
IconCheck.defaultProps = {
|
|
67
|
+
fill: "#0A0A0A",
|
|
68
|
+
width: 24,
|
|
69
|
+
height: 24,
|
|
70
|
+
title: "Check Icon"
|
|
71
|
+
};
|
|
72
|
+
var _default = IconCheck;
|
|
73
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,75 @@
|
|
|
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 _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
var PauseIcon = function PauseIcon(_ref) {
|
|
19
|
+
var _ref$fill = _ref.fill,
|
|
20
|
+
fill = _ref$fill === void 0 ? "black" : _ref$fill,
|
|
21
|
+
_ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 25 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 24 : _ref$height,
|
|
25
|
+
_ref$title = _ref.title,
|
|
26
|
+
title = _ref$title === void 0 ? "Pause Icon" : _ref$title;
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
|
28
|
+
"aria-label": "pause-icon",
|
|
29
|
+
role: "img",
|
|
30
|
+
viewBox: "0 0 25 24"
|
|
31
|
+
}, (0, _utils.clean)({
|
|
32
|
+
width: width,
|
|
33
|
+
height: height,
|
|
34
|
+
title: title
|
|
35
|
+
}), {
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
37
|
+
}), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("mask", {
|
|
38
|
+
id: "mask0_4528_2487",
|
|
39
|
+
style: {
|
|
40
|
+
maskType: "alpha"
|
|
41
|
+
},
|
|
42
|
+
maskUnits: "userSpaceOnUse",
|
|
43
|
+
x: "0",
|
|
44
|
+
y: "0",
|
|
45
|
+
width: "25",
|
|
46
|
+
height: "24"
|
|
47
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
48
|
+
fillRule: "evenodd",
|
|
49
|
+
clipRule: "evenodd",
|
|
50
|
+
d: "M10.5 19H6.5V5H10.5V19ZM14.5 19V5H18.5V19H14.5Z",
|
|
51
|
+
fill: fill
|
|
52
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
53
|
+
mask: "url(#mask0_4528_2487)"
|
|
54
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
55
|
+
x: "0.5",
|
|
56
|
+
width: "24",
|
|
57
|
+
height: "24",
|
|
58
|
+
fill: fill
|
|
59
|
+
})));
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
PauseIcon.propTypes = {
|
|
63
|
+
fill: _propTypes["default"].string,
|
|
64
|
+
width: _propTypes["default"].number,
|
|
65
|
+
height: _propTypes["default"].number,
|
|
66
|
+
title: _propTypes["default"].string
|
|
67
|
+
};
|
|
68
|
+
PauseIcon.defaultProps = {
|
|
69
|
+
fill: "black",
|
|
70
|
+
width: 25,
|
|
71
|
+
height: 24,
|
|
72
|
+
title: "Pause Icon"
|
|
73
|
+
};
|
|
74
|
+
var _default = PauseIcon;
|
|
75
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,73 @@
|
|
|
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 _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
var PlayIcon = function PlayIcon(_ref) {
|
|
19
|
+
var _ref$fill = _ref.fill,
|
|
20
|
+
fill = _ref$fill === void 0 ? "black" : _ref$fill,
|
|
21
|
+
_ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 25 : _ref$height,
|
|
25
|
+
_ref$title = _ref.title,
|
|
26
|
+
title = _ref$title === void 0 ? "Play Icon" : _ref$title;
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
|
28
|
+
"aria-label": "play-icon",
|
|
29
|
+
role: "img",
|
|
30
|
+
viewBox: "0 0 24 25"
|
|
31
|
+
}, (0, _utils.clean)({
|
|
32
|
+
width: width,
|
|
33
|
+
height: height,
|
|
34
|
+
title: title
|
|
35
|
+
}), {
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
37
|
+
}), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("mask", {
|
|
38
|
+
id: "mask0_4528_3091",
|
|
39
|
+
style: {
|
|
40
|
+
maskType: "alpha"
|
|
41
|
+
},
|
|
42
|
+
maskUnits: "userSpaceOnUse",
|
|
43
|
+
x: "0",
|
|
44
|
+
y: "0",
|
|
45
|
+
width: "24",
|
|
46
|
+
height: "25"
|
|
47
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
48
|
+
d: "M8 5.66699V19.667L19 12.667L8 5.66699Z",
|
|
49
|
+
fill: fill
|
|
50
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
51
|
+
mask: "url(#mask0_4528_3091)"
|
|
52
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
53
|
+
y: "0.666992",
|
|
54
|
+
width: "24",
|
|
55
|
+
height: "24",
|
|
56
|
+
fill: fill
|
|
57
|
+
})));
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
PlayIcon.propTypes = {
|
|
61
|
+
fill: _propTypes["default"].string,
|
|
62
|
+
width: _propTypes["default"].number,
|
|
63
|
+
height: _propTypes["default"].number,
|
|
64
|
+
title: _propTypes["default"].string
|
|
65
|
+
};
|
|
66
|
+
PlayIcon.defaultProps = {
|
|
67
|
+
fill: "black",
|
|
68
|
+
width: 24,
|
|
69
|
+
height: 25,
|
|
70
|
+
title: "Play Icon"
|
|
71
|
+
};
|
|
72
|
+
var _default = PlayIcon;
|
|
73
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,73 @@
|
|
|
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 _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
var PlayerBack = function PlayerBack(_ref) {
|
|
19
|
+
var _ref$fill = _ref.fill,
|
|
20
|
+
fill = _ref$fill === void 0 ? "black" : _ref$fill,
|
|
21
|
+
_ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 25 : _ref$height,
|
|
25
|
+
_ref$title = _ref.title,
|
|
26
|
+
title = _ref$title === void 0 ? "Player Back Icon" : _ref$title;
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
|
28
|
+
"aria-label": "player-back-icon",
|
|
29
|
+
role: "img",
|
|
30
|
+
viewBox: "0 0 24 25"
|
|
31
|
+
}, (0, _utils.clean)({
|
|
32
|
+
width: width,
|
|
33
|
+
height: height,
|
|
34
|
+
title: title
|
|
35
|
+
}), {
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
37
|
+
}), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("mask", {
|
|
38
|
+
id: "mask0_4528_3080",
|
|
39
|
+
style: {
|
|
40
|
+
maskType: "alpha"
|
|
41
|
+
},
|
|
42
|
+
maskUnits: "userSpaceOnUse",
|
|
43
|
+
x: "0",
|
|
44
|
+
y: "0",
|
|
45
|
+
width: "24",
|
|
46
|
+
height: "25"
|
|
47
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
48
|
+
d: "M12 22.6674C10.75 22.6674 9.57917 22.434 8.4875 21.9674C7.39583 21.5007 6.44167 20.859 5.625 20.0424C4.80833 19.2257 4.16667 18.2715 3.7 17.1799C3.23333 16.0882 3 14.9174 3 13.6674H4.5C4.5 15.7507 5.22768 17.5216 6.68303 18.9799C8.13839 20.4382 9.91072 21.1674 12 21.1674C14.0893 21.1674 15.8616 20.4397 17.317 18.9844C18.7723 17.529 19.5 15.7567 19.5 13.6674C19.5 11.5781 18.7917 9.80577 17.375 8.35041C15.9583 6.89506 14.2083 6.16738 12.125 6.16738H11.575L13.4 7.99238L12.35 9.04238L8.675 5.36738L12.35 1.69238L13.375 2.71738L11.425 4.66738H12C13.25 4.66738 14.4208 4.90072 15.5125 5.36738C16.6042 5.83405 17.5583 6.47572 18.375 7.29238C19.1917 8.10905 19.8333 9.06322 20.3 10.1549C20.7667 11.2465 21 12.4174 21 13.6674C21 14.9174 20.7667 16.0882 20.3 17.1799C19.8333 18.2715 19.1917 19.2257 18.375 20.0424C17.5583 20.859 16.6042 21.5007 15.5125 21.9674C14.4208 22.434 13.25 22.6674 12 22.6674ZM9 16.9174V11.6174H7.65V10.3924H10.25V16.9174H9ZM12.675 16.9174C12.3633 16.9174 12.1021 16.812 11.8912 16.6011C11.6804 16.3903 11.575 16.129 11.575 15.8174V11.4924C11.575 11.1807 11.6804 10.9195 11.8912 10.7086C12.1021 10.4978 12.3633 10.3924 12.675 10.3924H14.75C15.0617 10.3924 15.3229 10.4978 15.5337 10.7086C15.7446 10.9195 15.85 11.1807 15.85 11.4924V15.8174C15.85 16.129 15.7446 16.3903 15.5337 16.6011C15.3229 16.812 15.0617 16.9174 14.75 16.9174H12.675ZM12.825 15.6674H14.6V11.6174H12.825V15.6674Z",
|
|
49
|
+
fill: fill
|
|
50
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
51
|
+
mask: "url(#mask0_4528_3080)"
|
|
52
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
53
|
+
y: "0.666992",
|
|
54
|
+
width: "24",
|
|
55
|
+
height: "24",
|
|
56
|
+
fill: "#01000D"
|
|
57
|
+
})));
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
PlayerBack.propTypes = {
|
|
61
|
+
fill: _propTypes["default"].string,
|
|
62
|
+
width: _propTypes["default"].number,
|
|
63
|
+
height: _propTypes["default"].number,
|
|
64
|
+
title: _propTypes["default"].string
|
|
65
|
+
};
|
|
66
|
+
PlayerBack.defaultProps = {
|
|
67
|
+
fill: "black",
|
|
68
|
+
width: 24,
|
|
69
|
+
height: 25,
|
|
70
|
+
title: "Player Back Icon"
|
|
71
|
+
};
|
|
72
|
+
var _default = PlayerBack;
|
|
73
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,73 @@
|
|
|
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 _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
var PlayerFront = function PlayerFront(_ref) {
|
|
19
|
+
var _ref$fill = _ref.fill,
|
|
20
|
+
fill = _ref$fill === void 0 ? "black" : _ref$fill,
|
|
21
|
+
_ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 25 : _ref$height,
|
|
25
|
+
_ref$title = _ref.title,
|
|
26
|
+
title = _ref$title === void 0 ? "Player Front Icon" : _ref$title;
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
|
28
|
+
"aria-label": "player-front-icon",
|
|
29
|
+
role: "img",
|
|
30
|
+
viewBox: "0 0 24 25"
|
|
31
|
+
}, (0, _utils.clean)({
|
|
32
|
+
width: width,
|
|
33
|
+
height: height,
|
|
34
|
+
title: title
|
|
35
|
+
}), {
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
37
|
+
}), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("mask", {
|
|
38
|
+
id: "mask0_4528_3102",
|
|
39
|
+
style: {
|
|
40
|
+
maskType: "alpha"
|
|
41
|
+
},
|
|
42
|
+
maskUnits: "userSpaceOnUse",
|
|
43
|
+
x: "0",
|
|
44
|
+
y: "0",
|
|
45
|
+
width: "24",
|
|
46
|
+
height: "25"
|
|
47
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
48
|
+
d: "M9 16.9174V11.6174H7.65V10.3924H10.25V16.9174H9ZM12.675 16.9174C12.3633 16.9174 12.1021 16.812 11.8912 16.6011C11.6804 16.3903 11.575 16.129 11.575 15.8174V11.4924C11.575 11.1807 11.6804 10.9195 11.8912 10.7086C12.1021 10.4978 12.3633 10.3924 12.675 10.3924H14.75C15.0617 10.3924 15.3229 10.4978 15.5337 10.7086C15.7446 10.9195 15.85 11.1807 15.85 11.4924V15.8174C15.85 16.129 15.7446 16.3903 15.5337 16.6011C15.3229 16.812 15.0617 16.9174 14.75 16.9174H12.675ZM12.825 15.6674H14.6V11.6174H12.825V15.6674ZM12 22.6674C10.75 22.6674 9.57917 22.434 8.4875 21.9674C7.39583 21.5007 6.44167 20.859 5.625 20.0424C4.80833 19.2257 4.16667 18.2715 3.7 17.1799C3.23333 16.0882 3 14.9174 3 13.6674C3 12.4174 3.23333 11.2465 3.7 10.1549C4.16667 9.06322 4.80833 8.10905 5.625 7.29238C6.44167 6.47572 7.39583 5.83405 8.4875 5.36738C9.57917 4.90072 10.75 4.66738 12 4.66738H12.525L10.575 2.71738L11.6 1.69238L15.275 5.36738L11.6 9.04238L10.575 8.01738L12.425 6.16738H12C9.91072 6.16738 8.13839 6.89506 6.68303 8.35041C5.22768 9.80577 4.5 11.5781 4.5 13.6674C4.5 15.7567 5.22768 17.529 6.68303 18.9844C8.13839 20.4397 9.91072 21.1674 12 21.1674C14.0893 21.1674 15.8616 20.4397 17.317 18.9844C18.7723 17.529 19.5 15.7567 19.5 13.6674H21C21 14.9174 20.7667 16.0882 20.3 17.1799C19.8333 18.2715 19.1917 19.2257 18.375 20.0424C17.5583 20.859 16.6042 21.5007 15.5125 21.9674C14.4208 22.434 13.25 22.6674 12 22.6674Z",
|
|
49
|
+
fill: fill
|
|
50
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
51
|
+
mask: "url(#mask0_4528_3102)"
|
|
52
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
53
|
+
y: "0.666992",
|
|
54
|
+
width: "24",
|
|
55
|
+
height: "24",
|
|
56
|
+
fill: "#01000D"
|
|
57
|
+
})));
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
PlayerFront.propTypes = {
|
|
61
|
+
fill: _propTypes["default"].string,
|
|
62
|
+
width: _propTypes["default"].number,
|
|
63
|
+
height: _propTypes["default"].number,
|
|
64
|
+
title: _propTypes["default"].string
|
|
65
|
+
};
|
|
66
|
+
PlayerFront.defaultProps = {
|
|
67
|
+
fill: "black",
|
|
68
|
+
width: 24,
|
|
69
|
+
height: 25,
|
|
70
|
+
title: "Player Front Icon"
|
|
71
|
+
};
|
|
72
|
+
var _default = PlayerFront;
|
|
73
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,73 @@
|
|
|
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 _utils = require("@times-components/utils");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
var PlayerModalIcon = function PlayerModalIcon(_ref) {
|
|
19
|
+
var _ref$fill = _ref.fill,
|
|
20
|
+
fill = _ref$fill === void 0 ? "#0A0A0A" : _ref$fill,
|
|
21
|
+
_ref$width = _ref.width,
|
|
22
|
+
width = _ref$width === void 0 ? 32 : _ref$width,
|
|
23
|
+
_ref$height = _ref.height,
|
|
24
|
+
height = _ref$height === void 0 ? 32 : _ref$height,
|
|
25
|
+
_ref$title = _ref.title,
|
|
26
|
+
title = _ref$title === void 0 ? "Player Modal Icon" : _ref$title;
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
|
28
|
+
"aria-label": "player-modal-icon",
|
|
29
|
+
role: "img",
|
|
30
|
+
viewBox: "0 0 32 32"
|
|
31
|
+
}, (0, _utils.clean)({
|
|
32
|
+
width: width,
|
|
33
|
+
height: height,
|
|
34
|
+
title: title
|
|
35
|
+
}), {
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
37
|
+
}), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("mask", {
|
|
38
|
+
id: "mask0_4528_2997",
|
|
39
|
+
style: {
|
|
40
|
+
maskType: "alpha"
|
|
41
|
+
},
|
|
42
|
+
maskUnits: "userSpaceOnUse",
|
|
43
|
+
x: "0",
|
|
44
|
+
y: "-1",
|
|
45
|
+
width: "32",
|
|
46
|
+
height: "33"
|
|
47
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
48
|
+
d: "M4 3.99023H28V6.6569H4V3.99023Z",
|
|
49
|
+
fill: fill
|
|
50
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
51
|
+
mask: "url(#mask0_4528_2997)"
|
|
52
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
53
|
+
y: "-0.00976562",
|
|
54
|
+
width: "32",
|
|
55
|
+
height: "32",
|
|
56
|
+
fill: "#01000D"
|
|
57
|
+
})));
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
PlayerModalIcon.propTypes = {
|
|
61
|
+
fill: _propTypes["default"].string,
|
|
62
|
+
width: _propTypes["default"].number,
|
|
63
|
+
height: _propTypes["default"].number,
|
|
64
|
+
title: _propTypes["default"].string
|
|
65
|
+
};
|
|
66
|
+
PlayerModalIcon.defaultProps = {
|
|
67
|
+
fill: "#0A0A0A",
|
|
68
|
+
width: 32,
|
|
69
|
+
height: 32,
|
|
70
|
+
title: "Player Modal Icon"
|
|
71
|
+
};
|
|
72
|
+
var _default = PlayerModalIcon;
|
|
73
|
+
exports["default"] = _default;
|
package/dist/icons.js
CHANGED
|
@@ -87,6 +87,54 @@ Object.defineProperty(exports, "IconActivityIndicator", {
|
|
|
87
87
|
return _activityIndicator["default"];
|
|
88
88
|
}
|
|
89
89
|
});
|
|
90
|
+
Object.defineProperty(exports, "IconCheck", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function get() {
|
|
93
|
+
return _check["default"];
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "PlayerModalIcon", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function get() {
|
|
99
|
+
return _playerModal["default"];
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "PlayerBack", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function get() {
|
|
105
|
+
return _playerBack["default"];
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
Object.defineProperty(exports, "PlayerFront", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function get() {
|
|
111
|
+
return _playerFront["default"];
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
Object.defineProperty(exports, "PlayIcon", {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function get() {
|
|
117
|
+
return _playIcon["default"];
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
Object.defineProperty(exports, "PauseIcon", {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function get() {
|
|
123
|
+
return _pauseIcon["default"];
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
Object.defineProperty(exports, "IconVolume", {
|
|
127
|
+
enumerable: true,
|
|
128
|
+
get: function get() {
|
|
129
|
+
return _audioVolume["default"];
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
Object.defineProperty(exports, "AudioCloseIcon", {
|
|
133
|
+
enumerable: true,
|
|
134
|
+
get: function get() {
|
|
135
|
+
return _audioClose["default"];
|
|
136
|
+
}
|
|
137
|
+
});
|
|
90
138
|
|
|
91
139
|
var _email = _interopRequireDefault(require("./icons/email"));
|
|
92
140
|
|
|
@@ -116,4 +164,20 @@ var _forwardChevron = _interopRequireDefault(require("./icons/forward-chevron"))
|
|
|
116
164
|
|
|
117
165
|
var _activityIndicator = _interopRequireDefault(require("./icons/activity-indicator"));
|
|
118
166
|
|
|
167
|
+
var _check = _interopRequireDefault(require("./icons/check"));
|
|
168
|
+
|
|
169
|
+
var _playerModal = _interopRequireDefault(require("./icons/player-modal"));
|
|
170
|
+
|
|
171
|
+
var _playerBack = _interopRequireDefault(require("./icons/player-back"));
|
|
172
|
+
|
|
173
|
+
var _playerFront = _interopRequireDefault(require("./icons/player-front"));
|
|
174
|
+
|
|
175
|
+
var _playIcon = _interopRequireDefault(require("./icons/play-icon"));
|
|
176
|
+
|
|
177
|
+
var _pauseIcon = _interopRequireDefault(require("./icons/pause-icon"));
|
|
178
|
+
|
|
179
|
+
var _audioVolume = _interopRequireDefault(require("./icons/audio-volume"));
|
|
180
|
+
|
|
181
|
+
var _audioClose = _interopRequireDefault(require("./icons/audio-close"));
|
|
182
|
+
|
|
119
183
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/icons",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.23.0",
|
|
4
4
|
"description": "Times SVG Icons",
|
|
5
5
|
"main": "dist/icons",
|
|
6
6
|
"dev": "src/icons",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"access": "public"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "b0bbca694645220c091bd310febaec4b27670c9f"
|
|
71
71
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=5)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("styled-components")},function(e,t,r){"use strict";r.r(t);var o=r(0),n=r.n(o),l=r(2),a=r(1),i=r(3),c=r.n(i);c.a.string,c.a.number,c.a.string,c.a.string,c.a.number;function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var f=function(e){var t=e.fillColour,r=e.height,o=e.strokeColour,l=e.title,i=void 0===l?"Email Icon":l,c=e.ariaLabel,f=void 0===c?"icon-email":c,s=e.width;return n.a.createElement("svg",u({"aria-label":f,role:"img",viewBox:"0 0 22 16"},Object(a.clean)({height:r,title:i,width:s||1.375*r})),n.a.createElement("title",null,i),n.a.createElement("g",u({fillRule:"nonzero"},Object(a.clean)({fill:t,stroke:o})),n.a.createElement("path",{d:"M22,0 L22,16 L0,16 L0,0 L22,0 Z M13.5135,8 L20.2711667,2.23985068 L20.0346667,1.91880541 L11,9.20018665 L2.04233333,2.00093327 L1.80583333,2.32197853 L8.56533333,8.08026132 L1.80766667,13.8404106 L2.04233333,14.1595894 L9.0365,8.47970135 L11,10.1595894 L13.0423333,8.39944004 L20.0346667,14.079328 L20.2711667,13.7582828 L13.5135,8 Z"})))};f.defaultProps={fillColour:l.colours.functional.brandColour};var s=f;function h(){return(h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var d=function(e){var t=e.fillColour,r=e.height,o=e.strokeColour,l=e.title,i=void 0===l?"Facebook Icon":l,c=e.ariaLabel,u=void 0===c?"icon-facebook":c,f=e.width;return n.a.createElement("svg",h({"aria-label":u,role:"img",viewBox:"14 10 10.592460632324219 20.397258758544922"},Object(a.clean)({height:r,title:i,width:f||.5*r})),n.a.createElement("title",null,i),n.a.createElement("g",h({fillRule:"nonzero"},Object(a.clean)({fill:t,stroke:o})),n.a.createElement("path",{d:"M20.8754687,30.3972581 L20.8754687,21.0930804 L23.9984274,21.0930804 L24.4660462,17.4670773 L20.8754687,17.4670773 L20.8754687,15.1521034 C20.8754687,14.1022918 21.1669846,13.3868799 22.6723889,13.3868799 L24.5924599,13.3860409 L24.5924599,10.1429146 C24.2603909,10.0987257 23.1206168,10 21.7945782,10 C19.0262491,10 17.1309761,11.6898042 17.1309761,14.7929991 L17.1309761,17.4670773 L14,17.4670773 L14,21.0930804 L17.1309761,21.0930804 L17.1309761,30.3972581 L20.8754687,30.3972581 Z"})))};d.defaultProps={fillColour:l.colours.functional.brandColour};var v=d,p=function(e){var t=e.fillColour;return n.a.createElement("svg",{"aria-label":"icon-forward-arrow",height:12,viewBox:"42 12 60 120",width:7},n.a.createElement("g",{fill:t},n.a.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"})))};p.defaultProps={fillColour:l.colours.functional.action};var C=p;function g(){return(g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var L=function(e){var t=e.fillColour,r=e.height,o=e.opacity,l=e.strokeColour,i=e.title,c=void 0===i?"Save star":i,u=e.width;return n.a.createElement("svg",g({"aria-label":"icon-save-star",role:"img",viewBox:"0 0 18 18"},Object(a.clean)({height:r,title:c,width:u||r})),n.a.createElement("title",null,c),n.a.createElement("path",g({},Object(a.clean)({fill:t,opacity:o,stroke:l}),{d:"M13.616 16.644l-1.778-5.711 4.674-3.554-5.768.013L9 1.705 7.256 7.392 1.488 7.38l4.674 3.554-1.778 5.71L9 13.102l4.616 3.543z"})))};L.defaultProps={fillColour:l.colours.functional.action};var m=L;function b(){return(b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var w=function(e){var t=e.fillColour,r=e.height,o=e.opacity,l=e.strokeColour,i=e.title,c=void 0===i?"Copy link to clipboard":i,u=e.ariaLabel,f=void 0===u?"icon-copy-link":u,s=e.width;return n.a.createElement("svg",b({"aria-label":f,role:"img",viewBox:"0 0 15 15"},Object(a.clean)({height:r,title:c,width:s||r})),n.a.createElement("title",null,c),n.a.createElement("path",b({},Object(a.clean)({fill:t,opacity:o,stroke:l}),{d:"M13.936 1.12A3.532 3.532 0 0 0 11.36 0a3.53 3.53 0 0 0-2.575 1.119l-3.22 3.38c-1.42 1.49-1.42 3.914 0 5.405.229.24.49.43.763.596L7.71 9.052a1.793 1.793 0 0 1-.857-.5 1.924 1.924 0 0 1-.455-.827v-.002a1.984 1.984 0 0 1-.06-.324l-.001-.011a2.074 2.074 0 0 1-.005-.32l.002-.025c.009-.103.024-.206.048-.307.001-.009.005-.017.007-.026.08-.314.23-.614.464-.86l3.22-3.38a1.776 1.776 0 0 1 1.288-.558c.465 0 .932.187 1.287.559a1.98 1.98 0 0 1 0 2.703l-1.119 1.174c.03.082.05.167.075.25l.001.002a5.013 5.013 0 0 1 .216 1.702l-.007.082c-.008.134-.013.268-.032.402l2.154-2.26c1.42-1.491 1.42-3.917 0-5.406zM8.672 4.5l-1.38 1.45c.312.08.611.24.856.497.227.24.373.526.456.828v.003c.029.107.048.214.06.323v.011c.01.107.013.213.006.32l-.003.026a2.01 2.01 0 0 1-.047.307c-.002.01-.006.018-.008.026-.08.314-.23.613-.464.86l-3.22 3.378c-.356.374-.822.56-1.288.56-.465 0-.932-.186-1.287-.56a1.978 1.978 0 0 1 0-2.702l1.119-1.175c-.03-.082-.05-.167-.075-.25l-.02-.069A4.982 4.982 0 0 1 3.18 6.7c0-.029.004-.056.006-.083.008-.134.013-.268.032-.402l-2.154 2.26c-1.42 1.49-1.42 3.915 0 5.405A3.537 3.537 0 0 0 3.64 15c.973 0 1.887-.398 2.576-1.119l3.22-3.379c1.419-1.49 1.419-3.915 0-5.404a3.644 3.644 0 0 0-.764-.598z"})))};w.defaultProps={fillColour:l.colours.functional.secondary,height:15,width:15};var y=w;function O(){return(O=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var j=function(e){var t=e.fillColour,r=e.height,o=e.opacity,l=e.strokeColour,i=e.title,c=void 0===i?"Save to My Articles":i,u=e.width;return n.a.createElement("svg",O({"aria-label":"icon-save-bookmark",role:"img",viewBox:"0 0 12 16"},Object(a.clean)({height:r,title:c,width:u||r})),n.a.createElement("title",null,c),n.a.createElement("path",O({},Object(a.clean)({fill:t,opacity:o,stroke:l}),{d:"M1 0h10a1 1 0 0 1 1 1v15l-5.98-4.466L0 16V1a1 1 0 0 1 1-1z"})))};j.defaultProps={fillColour:l.colours.functional.secondary,height:16,width:12};var E=j;function k(){return(k=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var P=function(e){var t=e.fillColour,r=e.height,o=e.strokeColour,l=e.title,i=void 0===l?"Twitter Icon":l,c=e.ariaLabel,u=void 0===c?"icon-twitter":c,f=e.width;return n.a.createElement("svg",k({"aria-label":u,role:"img",viewBox:"0 0 24 24"},Object(a.clean)({height:r,title:i,width:f||1.25*r}),{xmlns:"http://www.w3.org/2000/svg"}),n.a.createElement("title",null,i),n.a.createElement("g",{clipPath:"url(#clip0_2702_211136)"},n.a.createElement("path",k({},Object(a.clean)({fill:t,stroke:o}),{d:"M13.9761 10.1624L22.7186 0H20.6469L13.0558 8.82384L6.99289 0H0L9.16837 13.3432L0 24H2.07179L10.0881 14.6817L16.491 24H23.4839L13.9756 10.1624H13.9761ZM11.1385 13.4608L10.2096 12.1321L2.81829 1.55962H6.00044L11.9653 10.0919L12.8942 11.4206L20.6479 22.5113H17.4657L11.1385 13.4613V13.4608Z"}))),n.a.createElement("defs",null,n.a.createElement("clipPath",null,n.a.createElement("rect",{width:"24",height:"24",fill:"white"}))))};P.defaultProps={fillColour:l.colours.functional.action};var x=P;function M(){return(M=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var I=function(e){var t=e.fillColour,r=e.height,o=e.strokeColour,l=e.title,i=void 0===l?"Video Icon":l,c=e.width;return n.a.createElement("svg",M({"aria-label":"icon-video",role:"img",viewBox:"0 0 68 40"},Object(a.clean)({height:r,title:i,width:c||1.7*r})),n.a.createElement("title",null,i),n.a.createElement("rect",M({},Object(a.clean)({fill:t,stroke:o}),{height:"40",width:"50",x:"0",y:"0"})),n.a.createElement("polygon",M({},Object(a.clean)({fill:t,stroke:o}),{points:"52 12 68 2 68 38 52 28"})))};I.defaultProps={fillColour:l.colours.functional.brandColour};var Z=I;function B(){return(B=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var S=function(e){var t=e.fillColour,r=e.height,o=e.strokeColour,l=e.title,i=void 0===l?"Video 360 Player Icon":l,c=e.width;return n.a.createElement("svg",B({"aria-label":"icon-video-360-player",role:"img",viewBox:"0 0 108 100"},Object(a.clean)({height:r,title:i,width:c||1.08*r})),n.a.createElement("title",null,i),n.a.createElement("path",B({},Object(a.clean)({fill:t,stroke:o}),{d:"M99.6045833,56.3184283 C96.4986239,80.9497387 75.4740254,100 50,100 C22.3857625,100 1.77635684e-13,77.6142375 1.77635684e-13,50 C1.77635684e-13,22.3857625 22.3857625,0 50,0 C75.9267405,0 97.2445016,19.7333865 99.7531238,45 L96.7371819,45 C94.2408556,21.3933667 74.2684283,3 50,3 C24.0426168,3 3,24.0426168 3,50 C3,75.9573832 24.0426168,97 50,97 C73.8634751,97 93.5731229,79.2153508 96.5976809,56.1773146 L88.6,61 L88.6,59.3941183 L98.0184118,50 L107.6,59.3941183 L107.6,61 L99.6045833,56.3184283 Z M24,60.7742857 L24,57.4428571 C25.4457143,58.3542857 27.0485714,58.9514286 28.7142857,58.9514286 C30.2857143,58.9514286 32.1085714,58.1028571 32.1085714,55.5885714 C32.1085714,53.8914286 31.1657143,52.0685714 27.6457143,52.0685714 L27.6457143,49.24 C30.1285714,49.24 31.9514286,48.4228571 31.9514286,46.0028571 C31.9514286,44.5571429 30.9457143,42.7971429 28.2428571,42.7971429 C26.5771429,42.7971429 25.2885714,43.4571429 24.5342857,43.8342857 L24.5342857,40.9114286 C25.98,40.1885714 27.3314286,40 28.62,40 C32.14,40 34.9685714,41.8542857 34.9685714,45.7514286 C34.9685714,48.8314286 33.1771429,49.9 32.2342857,50.4028571 C34.5285714,51.1885714 35.3142857,53.5142857 35.3142857,55.4942857 C35.3142857,59.5171429 32.2028571,62 28.7771429,62 C27.74,62 26.0428571,61.8428571 24,60.7742857 Z M47.6657143,40 L49.52,42.3571429 C44.5857143,45.5314286 43.4542857,48.7371429 42.9514286,50.2142857 C44.6171429,49.3342857 45.9685714,49.3342857 46.3457143,49.3342857 C49.5514286,49.3342857 52.3171429,51.88 52.3171429,55.5257143 C52.3171429,59.1714286 49.4257143,62 45.8742857,62 C43.2028571,62 39.0857143,60.2085714 39.0857143,54.2685714 C39.0857143,50.7485714 40.5,47.1028571 43.1085714,44.0228571 C44.6171429,42.2314286 45.9371429,41.2571429 47.6657143,40 Z M42.2914286,53.3885714 C42.2285714,53.7657143 42.1657143,54.1742857 42.1657143,55.0228571 C42.1657143,57.9142857 44.2714286,59.14 45.9057143,59.14 C47.6342857,59.14 49.3,57.8514286 49.3,55.62 C49.3,53.0742857 47.2257143,52.1628571 45.5914286,52.1628571 C44.02,52.1628571 43.1085714,52.8228571 42.2914286,53.3885714 Z M61.4,40 C65.2657143,40 68.1885714,44.4628571 68.1885714,50.9371429 C68.1885714,57.7257143 65.1714286,62 61.2742857,62 C57.2828571,62 54.36,57.82 54.36,51 C54.36,43.6771429 57.9114286,40 61.4,40 Z M61.2742857,42.9228571 C59.42,42.9228571 57.44,45.06 57.44,50.9371429 C57.44,57.5685714 59.6714286,59.0771429 61.2428571,59.0771429 C62.8771429,59.0771429 65.1085714,57.4428571 65.1085714,51.0314286 C65.1085714,43.7085714 62.1857143,42.9228571 61.2742857,42.9228571 Z M71.08,44.2428571 C71.08,41.8857143 72.9971429,40 75.3542857,40 C77.7114286,40 79.5971429,41.8857143 79.5971429,44.2428571 C79.5971429,46.6314286 77.68,48.5171429 75.3542857,48.5171429 C73.0285714,48.5171429 71.08,46.6314286 71.08,44.2428571 Z M72.7457143,44.2428571 C72.7457143,45.6885714 73.94,46.8514286 75.3542857,46.8514286 C76.7685714,46.8514286 77.9314286,45.6885714 77.9314286,44.2428571 C77.9314286,42.8285714 76.7685714,41.6657143 75.3542857,41.6657143 C73.9085714,41.6657143 72.7457143,42.8285714 72.7457143,44.2428571 Z"})))};S.defaultProps={fillColour:l.colours.functional.action};var _=S;function T(){return(T=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var A=function(e){var t=e.fillColour,r=e.height,o=e.strokeColour,l=e.title,i=void 0===l?"ST":l,c=e.width;return n.a.createElement("svg",T({"aria-label":"logo-the-sunday-times",role:"img",viewBox:"0 0 29 20"},Object(a.clean)({height:r,title:i,width:c||r})),n.a.createElement("title",null,i),n.a.createElement("path",T({},Object(a.clean)({fill:t,stroke:o}),{d:"M27.8,5.6 C27.1,2.3 25.2,1.2 23.3,1.2 L23.2,1.2 L23.2,10 C23.2,17.8 23.2,18.1 23.7,18.6 C24.2,19 24.8,19.2 25.4,19.1 L25.4,19.6 L16,19.6 L16,19.1 C16.6,19.2 17.2,19 17.7,18.6 C18.1,18.2 18.2,17.8 18.2,10 L18.2,1.1 L18.1,1.1 C16.2,1.1 14.2,2.3 13.6,5.5 L13,5.5 L13,0.3 L28.3,0.3 L28.3,5.6 C28.3,5.6 27.8,5.6 27.8,5.6 Z M6,19.9 C4.6,19.8 3.1,19.5 1.7,19.2 C1.3,19.2 0.9,19.4 0.6,19.6 L0.1,19.6 L0.4,14.1 L1,14.1 C1.2,17 2.8,18.8 5.7,18.8 C8.1,18.8 8.9,17.3 8.9,16 C8.8,11.5 0,11.9 0,5.9 C0,2.9 1.8,0 6.2,0 C7.4,0.1 8.7,0.3 10,0.6 C10.4,0.6 10.7,0.5 11,0.3 L11.4,0.3 L11.4,5.6 L10.9,5.6 C10.4,3.5 9.1,1 6.1,1 C4.2,1 3.3,2.1 3.3,3.3 C3.3,7.3 12.7,7 12.7,13.8 C12.7,17.3 9.9,19.9 6,19.9 Z"})))};A.defaultProps={fillColour:l.colours.functional.white};var z=A;function H(){return(H=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var V=function(e){var t=e.fillColour,r=e.height,o=e.strokeColour,l=e.title,i=void 0===l?"The Times":l,c=e.width;return n.a.createElement("svg",H({"aria-label":"logo-the-times",role:"img",viewBox:"0 0 20 20"},Object(a.clean)({height:r,title:i,width:c||r})),n.a.createElement("title",null,i),n.a.createElement("path",H({},Object(a.clean)({fill:t,stroke:o}),{d:"M12.270511,0 L12.265068,0 L0.495392588,0 L0,5.66216903 L0.355943638,5.79444825 C0.355943638,5.79444825 3.67918309,2.52419966 4.31502124,1.96431332 C4.94963279,1.40516309 5.41428374,1.26581719 5.82151454,1.13442131 C6.66633446,0.923157329 7.58850677,0.931254555 7.58850677,0.931254555 L7.61288542,0.931254555 L7.61288542,18.3144521 L4.49257141,19.7274916 L4.49257141,20 L15.5065086,20 L15.5065086,19.7274916 L12.3868846,18.3144521 L12.3868846,0.931254555 L12.4106499,0.931254555 C12.4106499,0.931254555 13.3319023,0.923157329 14.1775655,1.13442131 C14.584643,1.26581719 15.0493706,1.40516309 15.6836755,1.96431332 C16.3204336,2.52419966 19.6429064,5.79444825 19.6429064,5.79444825 L20,5.66216903 L19.5033042,0 L12.2723509,0 L12.2671379,0"})))};V.defaultProps={fillColour:l.colours.functional.white};var q=V;function F(){return(F=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var N=function(e){var t=e.height,r=e.width,o=e.title;return n.a.createElement("svg",F({"aria-label":"icon-close",role:"img",viewBox:"0 0 28 28"},Object(a.clean)({height:t,width:r,title:"Close Icon"})),n.a.createElement("title",null,o),n.a.createElement("path",F({},Object(a.clean)({fill:"white",stroke:"white"}),{d:"M15.617 14l4.683 5.838-.462.462L14 15.617 8.162 20.3l-.462-.462L12.383 14 7.7 8.162l.462-.462L14 12.383 19.838 7.7l.462.462z"})))};N.defaultProps={height:28,width:28};var R=N,D=function(e){var t=e.fillColour,r=e.height,o=e.width;return n.a.createElement("svg",{"aria-label":"icon-forward-chevron",height:r,viewBox:"42 12 60 120",width:o},n.a.createElement("g",{fill:t},n.a.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"})))};D.defaultProps={fillColour:l.colours.functional.action};var G=D,J=r(4),K=r.n(J),Q=Object(J.keyframes)(["100%{transform:rotate(1turn);};"]),U=K.a.div.withConfig({displayName:"activity-indicator__ActivityIndicatorSpinner",componentId:"sc-1bvau9v-0"})(["aspect-ratio:1;width:54%;height:54%;border-radius:20px;border:0.2em solid rgba(25,118,210,0.2);border-right-color:rgb(25,118,210);animation-name:",";animation-duration:0.75s;animation-iteration-count:infinite;animation-timing-function:linear;"],Q),W=K.a.div.withConfig({displayName:"activity-indicator__ActivityIndicatorContainer",componentId:"sc-1bvau9v-1"})(['border-radius:50%;overflow:"hidden";height:40px;width:40px;display:grid;place-items:center;:hover{background-color:#f5f5f5;}']),X=function(e){var t=e.fillColour,r=e.title,o=void 0===r?"Activity Indicator":r;return n.a.createElement(W,null,n.a.createElement(U,{"data-fill-colour":t,"data-title":o}))};X.defaultProps={fillColour:l.colours.functional.action};var Y=X;r.d(t,"IconEmail",(function(){return s})),r.d(t,"IconFacebook",(function(){return v})),r.d(t,"IconForwardArrow",(function(){return C})),r.d(t,"IconStar",(function(){return m})),r.d(t,"IconCopyLink",(function(){return y})),r.d(t,"IconSaveBookmark",(function(){return E})),r.d(t,"IconTwitter",(function(){return x})),r.d(t,"IconVideo",(function(){return Z})),r.d(t,"IconVideo360Player",(function(){return _})),r.d(t,"TheSTLogo",(function(){return z})),r.d(t,"TheTimesLogo",(function(){return q})),r.d(t,"CloseIcon",(function(){return R})),r.d(t,"IconForwardChevron",(function(){return G})),r.d(t,"IconActivityIndicator",(function(){return Y}))}]);
|
|
1
|
+
module.exports=function(e){var t={};function r(a){if(t[a])return t[a].exports;var l=t[a]={i:a,l:!1,exports:{}};return e[a].call(l.exports,l,l.exports,r),l.l=!0,l.exports}return r.m=e,r.c=t,r.d=function(e,t,a){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)r.d(a,l,function(t){return e[t]}.bind(null,l));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=5)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("styled-components")},function(e,t,r){"use strict";r.r(t);var a=r(0),l=r.n(a),i=r(2),n=r(1),o=r(3),c=r.n(o);c.a.string,c.a.number,c.a.string,c.a.string,c.a.number;function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var h=function(e){var t=e.fillColour,r=e.height,a=e.strokeColour,i=e.title,o=void 0===i?"Email Icon":i,c=e.ariaLabel,h=void 0===c?"icon-email":c,s=e.width;return l.a.createElement("svg",u({"aria-label":h,role:"img",viewBox:"0 0 22 16"},Object(n.clean)({height:r,title:o,width:s||1.375*r})),l.a.createElement("title",null,o),l.a.createElement("g",u({fillRule:"nonzero"},Object(n.clean)({fill:t,stroke:a})),l.a.createElement("path",{d:"M22,0 L22,16 L0,16 L0,0 L22,0 Z M13.5135,8 L20.2711667,2.23985068 L20.0346667,1.91880541 L11,9.20018665 L2.04233333,2.00093327 L1.80583333,2.32197853 L8.56533333,8.08026132 L1.80766667,13.8404106 L2.04233333,14.1595894 L9.0365,8.47970135 L11,10.1595894 L13.0423333,8.39944004 L20.0346667,14.079328 L20.2711667,13.7582828 L13.5135,8 Z"})))};h.defaultProps={fillColour:i.colours.functional.brandColour};var s=h;function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var d=function(e){var t=e.fillColour,r=e.height,a=e.strokeColour,i=e.title,o=void 0===i?"Facebook Icon":i,c=e.ariaLabel,u=void 0===c?"icon-facebook":c,h=e.width;return l.a.createElement("svg",f({"aria-label":u,role:"img",viewBox:"14 10 10.592460632324219 20.397258758544922"},Object(n.clean)({height:r,title:o,width:h||.5*r})),l.a.createElement("title",null,o),l.a.createElement("g",f({fillRule:"nonzero"},Object(n.clean)({fill:t,stroke:a})),l.a.createElement("path",{d:"M20.8754687,30.3972581 L20.8754687,21.0930804 L23.9984274,21.0930804 L24.4660462,17.4670773 L20.8754687,17.4670773 L20.8754687,15.1521034 C20.8754687,14.1022918 21.1669846,13.3868799 22.6723889,13.3868799 L24.5924599,13.3860409 L24.5924599,10.1429146 C24.2603909,10.0987257 23.1206168,10 21.7945782,10 C19.0262491,10 17.1309761,11.6898042 17.1309761,14.7929991 L17.1309761,17.4670773 L14,17.4670773 L14,21.0930804 L17.1309761,21.0930804 L17.1309761,30.3972581 L20.8754687,30.3972581 Z"})))};d.defaultProps={fillColour:i.colours.functional.brandColour};var v=d,p=function(e){var t=e.fillColour;return l.a.createElement("svg",{"aria-label":"icon-forward-arrow",height:12,viewBox:"42 12 60 120",width:7},l.a.createElement("g",{fill:t},l.a.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"})))};p.defaultProps={fillColour:i.colours.functional.action};var m=p;function g(){return(g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var C=function(e){var t=e.fillColour,r=e.height,a=e.opacity,i=e.strokeColour,o=e.title,c=void 0===o?"Save star":o,u=e.width;return l.a.createElement("svg",g({"aria-label":"icon-save-star",role:"img",viewBox:"0 0 18 18"},Object(n.clean)({height:r,title:c,width:u||r})),l.a.createElement("title",null,c),l.a.createElement("path",g({},Object(n.clean)({fill:t,opacity:a,stroke:i}),{d:"M13.616 16.644l-1.778-5.711 4.674-3.554-5.768.013L9 1.705 7.256 7.392 1.488 7.38l4.674 3.554-1.778 5.71L9 13.102l4.616 3.543z"})))};C.defaultProps={fillColour:i.colours.functional.action};var w=C;function y(){return(y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var L=function(e){var t=e.fillColour,r=e.height,a=e.opacity,i=e.strokeColour,o=e.title,c=void 0===o?"Copy link to clipboard":o,u=e.ariaLabel,h=void 0===u?"icon-copy-link":u,s=e.width;return l.a.createElement("svg",y({"aria-label":h,role:"img",viewBox:"0 0 15 15"},Object(n.clean)({height:r,title:c,width:s||r})),l.a.createElement("title",null,c),l.a.createElement("path",y({},Object(n.clean)({fill:t,opacity:a,stroke:i}),{d:"M13.936 1.12A3.532 3.532 0 0 0 11.36 0a3.53 3.53 0 0 0-2.575 1.119l-3.22 3.38c-1.42 1.49-1.42 3.914 0 5.405.229.24.49.43.763.596L7.71 9.052a1.793 1.793 0 0 1-.857-.5 1.924 1.924 0 0 1-.455-.827v-.002a1.984 1.984 0 0 1-.06-.324l-.001-.011a2.074 2.074 0 0 1-.005-.32l.002-.025c.009-.103.024-.206.048-.307.001-.009.005-.017.007-.026.08-.314.23-.614.464-.86l3.22-3.38a1.776 1.776 0 0 1 1.288-.558c.465 0 .932.187 1.287.559a1.98 1.98 0 0 1 0 2.703l-1.119 1.174c.03.082.05.167.075.25l.001.002a5.013 5.013 0 0 1 .216 1.702l-.007.082c-.008.134-.013.268-.032.402l2.154-2.26c1.42-1.491 1.42-3.917 0-5.406zM8.672 4.5l-1.38 1.45c.312.08.611.24.856.497.227.24.373.526.456.828v.003c.029.107.048.214.06.323v.011c.01.107.013.213.006.32l-.003.026a2.01 2.01 0 0 1-.047.307c-.002.01-.006.018-.008.026-.08.314-.23.613-.464.86l-3.22 3.378c-.356.374-.822.56-1.288.56-.465 0-.932-.186-1.287-.56a1.978 1.978 0 0 1 0-2.702l1.119-1.175c-.03-.082-.05-.167-.075-.25l-.02-.069A4.982 4.982 0 0 1 3.18 6.7c0-.029.004-.056.006-.083.008-.134.013-.268.032-.402l-2.154 2.26c-1.42 1.49-1.42 3.915 0 5.405A3.537 3.537 0 0 0 3.64 15c.973 0 1.887-.398 2.576-1.119l3.22-3.379c1.419-1.49 1.419-3.915 0-5.404a3.644 3.644 0 0 0-.764-.598z"})))};L.defaultProps={fillColour:i.colours.functional.secondary,height:15,width:15};var b=L;function O(){return(O=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var k=function(e){var t=e.fillColour,r=e.height,a=e.opacity,i=e.strokeColour,o=e.title,c=void 0===o?"Save to My Articles":o,u=e.width;return l.a.createElement("svg",O({"aria-label":"icon-save-bookmark",role:"img",viewBox:"0 0 12 16"},Object(n.clean)({height:r,title:c,width:u||r})),l.a.createElement("title",null,c),l.a.createElement("path",O({},Object(n.clean)({fill:t,opacity:a,stroke:i}),{d:"M1 0h10a1 1 0 0 1 1 1v15l-5.98-4.466L0 16V1a1 1 0 0 1 1-1z"})))};k.defaultProps={fillColour:i.colours.functional.secondary,height:16,width:12};var E=k;function j(){return(j=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var P=function(e){var t=e.fillColour,r=e.height,a=e.strokeColour,i=e.title,o=void 0===i?"Twitter Icon":i,c=e.ariaLabel,u=void 0===c?"icon-twitter":c,h=e.width;return l.a.createElement("svg",j({"aria-label":u,role:"img",viewBox:"0 0 24 24"},Object(n.clean)({height:r,title:o,width:h||1.25*r}),{xmlns:"http://www.w3.org/2000/svg"}),l.a.createElement("title",null,o),l.a.createElement("g",{clipPath:"url(#clip0_2702_211136)"},l.a.createElement("path",j({},Object(n.clean)({fill:t,stroke:a}),{d:"M13.9761 10.1624L22.7186 0H20.6469L13.0558 8.82384L6.99289 0H0L9.16837 13.3432L0 24H2.07179L10.0881 14.6817L16.491 24H23.4839L13.9756 10.1624H13.9761ZM11.1385 13.4608L10.2096 12.1321L2.81829 1.55962H6.00044L11.9653 10.0919L12.8942 11.4206L20.6479 22.5113H17.4657L11.1385 13.4613V13.4608Z"}))),l.a.createElement("defs",null,l.a.createElement("clipPath",null,l.a.createElement("rect",{width:"24",height:"24",fill:"white"}))))};P.defaultProps={fillColour:i.colours.functional.action};var x=P;function M(){return(M=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var I=function(e){var t=e.fillColour,r=e.height,a=e.strokeColour,i=e.title,o=void 0===i?"Video Icon":i,c=e.width;return l.a.createElement("svg",M({"aria-label":"icon-video",role:"img",viewBox:"0 0 68 40"},Object(n.clean)({height:r,title:o,width:c||1.7*r})),l.a.createElement("title",null,o),l.a.createElement("rect",M({},Object(n.clean)({fill:t,stroke:a}),{height:"40",width:"50",x:"0",y:"0"})),l.a.createElement("polygon",M({},Object(n.clean)({fill:t,stroke:a}),{points:"52 12 68 2 68 38 52 28"})))};I.defaultProps={fillColour:i.colours.functional.brandColour};var _=I;function H(){return(H=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var V=function(e){var t=e.fillColour,r=e.height,a=e.strokeColour,i=e.title,o=void 0===i?"Video 360 Player Icon":i,c=e.width;return l.a.createElement("svg",H({"aria-label":"icon-video-360-player",role:"img",viewBox:"0 0 108 100"},Object(n.clean)({height:r,title:o,width:c||1.08*r})),l.a.createElement("title",null,o),l.a.createElement("path",H({},Object(n.clean)({fill:t,stroke:a}),{d:"M99.6045833,56.3184283 C96.4986239,80.9497387 75.4740254,100 50,100 C22.3857625,100 1.77635684e-13,77.6142375 1.77635684e-13,50 C1.77635684e-13,22.3857625 22.3857625,0 50,0 C75.9267405,0 97.2445016,19.7333865 99.7531238,45 L96.7371819,45 C94.2408556,21.3933667 74.2684283,3 50,3 C24.0426168,3 3,24.0426168 3,50 C3,75.9573832 24.0426168,97 50,97 C73.8634751,97 93.5731229,79.2153508 96.5976809,56.1773146 L88.6,61 L88.6,59.3941183 L98.0184118,50 L107.6,59.3941183 L107.6,61 L99.6045833,56.3184283 Z M24,60.7742857 L24,57.4428571 C25.4457143,58.3542857 27.0485714,58.9514286 28.7142857,58.9514286 C30.2857143,58.9514286 32.1085714,58.1028571 32.1085714,55.5885714 C32.1085714,53.8914286 31.1657143,52.0685714 27.6457143,52.0685714 L27.6457143,49.24 C30.1285714,49.24 31.9514286,48.4228571 31.9514286,46.0028571 C31.9514286,44.5571429 30.9457143,42.7971429 28.2428571,42.7971429 C26.5771429,42.7971429 25.2885714,43.4571429 24.5342857,43.8342857 L24.5342857,40.9114286 C25.98,40.1885714 27.3314286,40 28.62,40 C32.14,40 34.9685714,41.8542857 34.9685714,45.7514286 C34.9685714,48.8314286 33.1771429,49.9 32.2342857,50.4028571 C34.5285714,51.1885714 35.3142857,53.5142857 35.3142857,55.4942857 C35.3142857,59.5171429 32.2028571,62 28.7771429,62 C27.74,62 26.0428571,61.8428571 24,60.7742857 Z M47.6657143,40 L49.52,42.3571429 C44.5857143,45.5314286 43.4542857,48.7371429 42.9514286,50.2142857 C44.6171429,49.3342857 45.9685714,49.3342857 46.3457143,49.3342857 C49.5514286,49.3342857 52.3171429,51.88 52.3171429,55.5257143 C52.3171429,59.1714286 49.4257143,62 45.8742857,62 C43.2028571,62 39.0857143,60.2085714 39.0857143,54.2685714 C39.0857143,50.7485714 40.5,47.1028571 43.1085714,44.0228571 C44.6171429,42.2314286 45.9371429,41.2571429 47.6657143,40 Z M42.2914286,53.3885714 C42.2285714,53.7657143 42.1657143,54.1742857 42.1657143,55.0228571 C42.1657143,57.9142857 44.2714286,59.14 45.9057143,59.14 C47.6342857,59.14 49.3,57.8514286 49.3,55.62 C49.3,53.0742857 47.2257143,52.1628571 45.5914286,52.1628571 C44.02,52.1628571 43.1085714,52.8228571 42.2914286,53.3885714 Z M61.4,40 C65.2657143,40 68.1885714,44.4628571 68.1885714,50.9371429 C68.1885714,57.7257143 65.1714286,62 61.2742857,62 C57.2828571,62 54.36,57.82 54.36,51 C54.36,43.6771429 57.9114286,40 61.4,40 Z M61.2742857,42.9228571 C59.42,42.9228571 57.44,45.06 57.44,50.9371429 C57.44,57.5685714 59.6714286,59.0771429 61.2428571,59.0771429 C62.8771429,59.0771429 65.1085714,57.4428571 65.1085714,51.0314286 C65.1085714,43.7085714 62.1857143,42.9228571 61.2742857,42.9228571 Z M71.08,44.2428571 C71.08,41.8857143 72.9971429,40 75.3542857,40 C77.7114286,40 79.5971429,41.8857143 79.5971429,44.2428571 C79.5971429,46.6314286 77.68,48.5171429 75.3542857,48.5171429 C73.0285714,48.5171429 71.08,46.6314286 71.08,44.2428571 Z M72.7457143,44.2428571 C72.7457143,45.6885714 73.94,46.8514286 75.3542857,46.8514286 C76.7685714,46.8514286 77.9314286,45.6885714 77.9314286,44.2428571 C77.9314286,42.8285714 76.7685714,41.6657143 75.3542857,41.6657143 C73.9085714,41.6657143 72.7457143,42.8285714 72.7457143,44.2428571 Z"})))};V.defaultProps={fillColour:i.colours.functional.action};var Z=V;function A(){return(A=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var B=function(e){var t=e.fillColour,r=e.height,a=e.strokeColour,i=e.title,o=void 0===i?"ST":i,c=e.width;return l.a.createElement("svg",A({"aria-label":"logo-the-sunday-times",role:"img",viewBox:"0 0 29 20"},Object(n.clean)({height:r,title:o,width:c||r})),l.a.createElement("title",null,o),l.a.createElement("path",A({},Object(n.clean)({fill:t,stroke:a}),{d:"M27.8,5.6 C27.1,2.3 25.2,1.2 23.3,1.2 L23.2,1.2 L23.2,10 C23.2,17.8 23.2,18.1 23.7,18.6 C24.2,19 24.8,19.2 25.4,19.1 L25.4,19.6 L16,19.6 L16,19.1 C16.6,19.2 17.2,19 17.7,18.6 C18.1,18.2 18.2,17.8 18.2,10 L18.2,1.1 L18.1,1.1 C16.2,1.1 14.2,2.3 13.6,5.5 L13,5.5 L13,0.3 L28.3,0.3 L28.3,5.6 C28.3,5.6 27.8,5.6 27.8,5.6 Z M6,19.9 C4.6,19.8 3.1,19.5 1.7,19.2 C1.3,19.2 0.9,19.4 0.6,19.6 L0.1,19.6 L0.4,14.1 L1,14.1 C1.2,17 2.8,18.8 5.7,18.8 C8.1,18.8 8.9,17.3 8.9,16 C8.8,11.5 0,11.9 0,5.9 C0,2.9 1.8,0 6.2,0 C7.4,0.1 8.7,0.3 10,0.6 C10.4,0.6 10.7,0.5 11,0.3 L11.4,0.3 L11.4,5.6 L10.9,5.6 C10.4,3.5 9.1,1 6.1,1 C4.2,1 3.3,2.1 3.3,3.3 C3.3,7.3 12.7,7 12.7,13.8 C12.7,17.3 9.9,19.9 6,19.9 Z"})))};B.defaultProps={fillColour:i.colours.functional.white};var S=B;function T(){return(T=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var U=function(e){var t=e.fillColour,r=e.height,a=e.strokeColour,i=e.title,o=void 0===i?"The Times":i,c=e.width;return l.a.createElement("svg",T({"aria-label":"logo-the-times",role:"img",viewBox:"0 0 20 20"},Object(n.clean)({height:r,title:o,width:c||r})),l.a.createElement("title",null,o),l.a.createElement("path",T({},Object(n.clean)({fill:t,stroke:a}),{d:"M12.270511,0 L12.265068,0 L0.495392588,0 L0,5.66216903 L0.355943638,5.79444825 C0.355943638,5.79444825 3.67918309,2.52419966 4.31502124,1.96431332 C4.94963279,1.40516309 5.41428374,1.26581719 5.82151454,1.13442131 C6.66633446,0.923157329 7.58850677,0.931254555 7.58850677,0.931254555 L7.61288542,0.931254555 L7.61288542,18.3144521 L4.49257141,19.7274916 L4.49257141,20 L15.5065086,20 L15.5065086,19.7274916 L12.3868846,18.3144521 L12.3868846,0.931254555 L12.4106499,0.931254555 C12.4106499,0.931254555 13.3319023,0.923157329 14.1775655,1.13442131 C14.584643,1.26581719 15.0493706,1.40516309 15.6836755,1.96431332 C16.3204336,2.52419966 19.6429064,5.79444825 19.6429064,5.79444825 L20,5.66216903 L19.5033042,0 L12.2723509,0 L12.2671379,0"})))};U.defaultProps={fillColour:i.colours.functional.white};var z=U;function F(){return(F=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var R=function(e){var t=e.height,r=e.width,a=e.title;return l.a.createElement("svg",F({"aria-label":"icon-close",role:"img",viewBox:"0 0 28 28"},Object(n.clean)({height:t,width:r,title:"Close Icon"})),l.a.createElement("title",null,a),l.a.createElement("path",F({},Object(n.clean)({fill:"white",stroke:"white"}),{d:"M15.617 14l4.683 5.838-.462.462L14 15.617 8.162 20.3l-.462-.462L12.383 14 7.7 8.162l.462-.462L14 12.383 19.838 7.7l.462.462z"})))};R.defaultProps={height:28,width:28};var q=R,D=function(e){var t=e.fillColour,r=e.height,a=e.width;return l.a.createElement("svg",{"aria-label":"icon-forward-chevron",height:r,viewBox:"42 12 60 120",width:a},l.a.createElement("g",{fill:t},l.a.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"})))};D.defaultProps={fillColour:i.colours.functional.action};var N=D,G=r(4),J=r.n(G),K=Object(G.keyframes)(["100%{transform:rotate(1turn);};"]),Q=J.a.div.withConfig({displayName:"activity-indicator__ActivityIndicatorSpinner",componentId:"sc-1bvau9v-0"})(["aspect-ratio:1;width:54%;height:54%;border-radius:20px;border:0.2em solid rgba(25,118,210,0.2);border-right-color:rgb(25,118,210);animation-name:",";animation-duration:0.75s;animation-iteration-count:infinite;animation-timing-function:linear;"],K),W=J.a.div.withConfig({displayName:"activity-indicator__ActivityIndicatorContainer",componentId:"sc-1bvau9v-1"})(['border-radius:50%;overflow:"hidden";height:40px;width:40px;display:grid;place-items:center;:hover{background-color:#f5f5f5;}']),X=function(e){var t=e.fillColour,r=e.title,a=void 0===r?"Activity Indicator":r;return l.a.createElement(W,null,l.a.createElement(Q,{"data-fill-colour":t,"data-title":a}))};X.defaultProps={fillColour:i.colours.functional.action};var Y=X;function $(){return($=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var ee=function(e){var t=e.fill,r=void 0===t?"#0A0A0A":t,a=e.width,i=void 0===a?24:a,o=e.height,c=void 0===o?24:o,u=e.title,h=void 0===u?"Check Icon":u;return l.a.createElement("svg",$({"aria-label":"icon-check",role:"img",viewBox:"0 0 24 24"},Object(n.clean)({width:i,height:c,title:h}),{xmlns:"http://www.w3.org/2000/svg"}),l.a.createElement("title",null,h),l.a.createElement("mask",{id:"mask0_4528_7566",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"24",height:"25"},l.a.createElement("path",{d:"M8.99991 16.1796L4.82991 12.0096L3.40991 13.4196L8.99991 19.0096L20.9999 7.00961L19.5899 5.59961L8.99991 16.1796Z",fill:r})),l.a.createElement("g",{mask:"url(#mask0_4528_7566)"},l.a.createElement("rect",{y:"0.00976562",width:"24",height:"24",fill:"#01000D"})))};ee.defaultProps={fill:"#0A0A0A",width:24,height:24,title:"Check Icon"};var te=ee;function re(){return(re=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var ae=function(e){var t=e.fill,r=void 0===t?"#0A0A0A":t,a=e.width,i=void 0===a?32:a,o=e.height,c=void 0===o?32:o,u=e.title,h=void 0===u?"Player Modal Icon":u;return l.a.createElement("svg",re({"aria-label":"player-modal-icon",role:"img",viewBox:"0 0 32 32"},Object(n.clean)({width:i,height:c,title:h}),{xmlns:"http://www.w3.org/2000/svg"}),l.a.createElement("title",null,h),l.a.createElement("mask",{id:"mask0_4528_2997",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"-1",width:"32",height:"33"},l.a.createElement("path",{d:"M4 3.99023H28V6.6569H4V3.99023Z",fill:r})),l.a.createElement("g",{mask:"url(#mask0_4528_2997)"},l.a.createElement("rect",{y:"-0.00976562",width:"32",height:"32",fill:"#01000D"})))};ae.defaultProps={fill:"#0A0A0A",width:32,height:32,title:"Player Modal Icon"};var le=ae;function ie(){return(ie=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var ne=function(e){var t=e.fill,r=void 0===t?"black":t,a=e.width,i=void 0===a?24:a,o=e.height,c=void 0===o?25:o,u=e.title,h=void 0===u?"Player Back Icon":u;return l.a.createElement("svg",ie({"aria-label":"player-back-icon",role:"img",viewBox:"0 0 24 25"},Object(n.clean)({width:i,height:c,title:h}),{xmlns:"http://www.w3.org/2000/svg"}),l.a.createElement("title",null,h),l.a.createElement("mask",{id:"mask0_4528_3080",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"24",height:"25"},l.a.createElement("path",{d:"M12 22.6674C10.75 22.6674 9.57917 22.434 8.4875 21.9674C7.39583 21.5007 6.44167 20.859 5.625 20.0424C4.80833 19.2257 4.16667 18.2715 3.7 17.1799C3.23333 16.0882 3 14.9174 3 13.6674H4.5C4.5 15.7507 5.22768 17.5216 6.68303 18.9799C8.13839 20.4382 9.91072 21.1674 12 21.1674C14.0893 21.1674 15.8616 20.4397 17.317 18.9844C18.7723 17.529 19.5 15.7567 19.5 13.6674C19.5 11.5781 18.7917 9.80577 17.375 8.35041C15.9583 6.89506 14.2083 6.16738 12.125 6.16738H11.575L13.4 7.99238L12.35 9.04238L8.675 5.36738L12.35 1.69238L13.375 2.71738L11.425 4.66738H12C13.25 4.66738 14.4208 4.90072 15.5125 5.36738C16.6042 5.83405 17.5583 6.47572 18.375 7.29238C19.1917 8.10905 19.8333 9.06322 20.3 10.1549C20.7667 11.2465 21 12.4174 21 13.6674C21 14.9174 20.7667 16.0882 20.3 17.1799C19.8333 18.2715 19.1917 19.2257 18.375 20.0424C17.5583 20.859 16.6042 21.5007 15.5125 21.9674C14.4208 22.434 13.25 22.6674 12 22.6674ZM9 16.9174V11.6174H7.65V10.3924H10.25V16.9174H9ZM12.675 16.9174C12.3633 16.9174 12.1021 16.812 11.8912 16.6011C11.6804 16.3903 11.575 16.129 11.575 15.8174V11.4924C11.575 11.1807 11.6804 10.9195 11.8912 10.7086C12.1021 10.4978 12.3633 10.3924 12.675 10.3924H14.75C15.0617 10.3924 15.3229 10.4978 15.5337 10.7086C15.7446 10.9195 15.85 11.1807 15.85 11.4924V15.8174C15.85 16.129 15.7446 16.3903 15.5337 16.6011C15.3229 16.812 15.0617 16.9174 14.75 16.9174H12.675ZM12.825 15.6674H14.6V11.6174H12.825V15.6674Z",fill:r})),l.a.createElement("g",{mask:"url(#mask0_4528_3080)"},l.a.createElement("rect",{y:"0.666992",width:"24",height:"24",fill:"#01000D"})))};ne.defaultProps={fill:"black",width:24,height:25,title:"Player Back Icon"};var oe=ne;function ce(){return(ce=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var ue=function(e){var t=e.fill,r=void 0===t?"black":t,a=e.width,i=void 0===a?24:a,o=e.height,c=void 0===o?25:o,u=e.title,h=void 0===u?"Player Front Icon":u;return l.a.createElement("svg",ce({"aria-label":"player-front-icon",role:"img",viewBox:"0 0 24 25"},Object(n.clean)({width:i,height:c,title:h}),{xmlns:"http://www.w3.org/2000/svg"}),l.a.createElement("title",null,h),l.a.createElement("mask",{id:"mask0_4528_3102",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"24",height:"25"},l.a.createElement("path",{d:"M9 16.9174V11.6174H7.65V10.3924H10.25V16.9174H9ZM12.675 16.9174C12.3633 16.9174 12.1021 16.812 11.8912 16.6011C11.6804 16.3903 11.575 16.129 11.575 15.8174V11.4924C11.575 11.1807 11.6804 10.9195 11.8912 10.7086C12.1021 10.4978 12.3633 10.3924 12.675 10.3924H14.75C15.0617 10.3924 15.3229 10.4978 15.5337 10.7086C15.7446 10.9195 15.85 11.1807 15.85 11.4924V15.8174C15.85 16.129 15.7446 16.3903 15.5337 16.6011C15.3229 16.812 15.0617 16.9174 14.75 16.9174H12.675ZM12.825 15.6674H14.6V11.6174H12.825V15.6674ZM12 22.6674C10.75 22.6674 9.57917 22.434 8.4875 21.9674C7.39583 21.5007 6.44167 20.859 5.625 20.0424C4.80833 19.2257 4.16667 18.2715 3.7 17.1799C3.23333 16.0882 3 14.9174 3 13.6674C3 12.4174 3.23333 11.2465 3.7 10.1549C4.16667 9.06322 4.80833 8.10905 5.625 7.29238C6.44167 6.47572 7.39583 5.83405 8.4875 5.36738C9.57917 4.90072 10.75 4.66738 12 4.66738H12.525L10.575 2.71738L11.6 1.69238L15.275 5.36738L11.6 9.04238L10.575 8.01738L12.425 6.16738H12C9.91072 6.16738 8.13839 6.89506 6.68303 8.35041C5.22768 9.80577 4.5 11.5781 4.5 13.6674C4.5 15.7567 5.22768 17.529 6.68303 18.9844C8.13839 20.4397 9.91072 21.1674 12 21.1674C14.0893 21.1674 15.8616 20.4397 17.317 18.9844C18.7723 17.529 19.5 15.7567 19.5 13.6674H21C21 14.9174 20.7667 16.0882 20.3 17.1799C19.8333 18.2715 19.1917 19.2257 18.375 20.0424C17.5583 20.859 16.6042 21.5007 15.5125 21.9674C14.4208 22.434 13.25 22.6674 12 22.6674Z",fill:r})),l.a.createElement("g",{mask:"url(#mask0_4528_3102)"},l.a.createElement("rect",{y:"0.666992",width:"24",height:"24",fill:"#01000D"})))};ue.defaultProps={fill:"black",width:24,height:25,title:"Player Front Icon"};var he=ue;function se(){return(se=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var fe=function(e){var t=e.fill,r=void 0===t?"black":t,a=e.width,i=void 0===a?24:a,o=e.height,c=void 0===o?25:o,u=e.title,h=void 0===u?"Play Icon":u;return l.a.createElement("svg",se({"aria-label":"play-icon",role:"img",viewBox:"0 0 24 25"},Object(n.clean)({width:i,height:c,title:h}),{xmlns:"http://www.w3.org/2000/svg"}),l.a.createElement("title",null,h),l.a.createElement("mask",{id:"mask0_4528_3091",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"24",height:"25"},l.a.createElement("path",{d:"M8 5.66699V19.667L19 12.667L8 5.66699Z",fill:r})),l.a.createElement("g",{mask:"url(#mask0_4528_3091)"},l.a.createElement("rect",{y:"0.666992",width:"24",height:"24",fill:r})))};fe.defaultProps={fill:"black",width:24,height:25,title:"Play Icon"};var de=fe;function ve(){return(ve=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var pe=function(e){var t=e.fill,r=void 0===t?"black":t,a=e.width,i=void 0===a?25:a,o=e.height,c=void 0===o?24:o,u=e.title,h=void 0===u?"Pause Icon":u;return l.a.createElement("svg",ve({"aria-label":"pause-icon",role:"img",viewBox:"0 0 25 24"},Object(n.clean)({width:i,height:c,title:h}),{xmlns:"http://www.w3.org/2000/svg"}),l.a.createElement("title",null,h),l.a.createElement("mask",{id:"mask0_4528_2487",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"25",height:"24"},l.a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5 19H6.5V5H10.5V19ZM14.5 19V5H18.5V19H14.5Z",fill:r})),l.a.createElement("g",{mask:"url(#mask0_4528_2487)"},l.a.createElement("rect",{x:"0.5",width:"24",height:"24",fill:r})))};pe.defaultProps={fill:"black",width:25,height:24,title:"Pause Icon"};var me=pe;function ge(){return(ge=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var Ce=function(e){var t=e.fill,r=void 0===t?"#0A0A0A":t,a=e.width,i=void 0===a?24:a,o=e.height,c=void 0===o?24:o,u=e.title,h=void 0===u?"Volume Icon":u;return l.a.createElement("svg",ge({"aria-label":"icon-volume",role:"img",viewBox:"0 0 24 24"},Object(n.clean)({width:i,height:c,title:h}),{xmlns:"http://www.w3.org/2000/svg"}),l.a.createElement("title",null,h),l.a.createElement("mask",{id:"mask0_4571_9118",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"24",height:"24"},l.a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 5.29047V3.23047C18.01 4.14047 21 7.72047 21 12.0005C21 16.2805 18.01 19.8605 14 20.7705V18.7105C16.89 17.8505 19 15.1705 19 12.0005C19 8.83047 16.89 6.15047 14 5.29047ZM3 9.00047V15.0005H7L12 20.0005V4.00047L7 9.00047H3ZM16.5 12.0005C16.5 10.2305 15.48 8.71047 14 7.97047V16.0205C15.48 15.2905 16.5 13.7705 16.5 12.0005Z",fill:r})),l.a.createElement("g",{mask:"url(#mask0_4571_9118)"},l.a.createElement("rect",{width:"24",height:"24",fill:"#01000D"})))};Ce.defaultProps={fill:"#0A0A0A",width:24,height:24,title:"Volume Icon"};var we=Ce;function ye(){return(ye=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var Le=function(e){var t=e.fill,r=void 0===t?"#000":t,a=e.width,i=void 0===a?24:a,o=e.height,c=void 0===o?24:o,u=e.title,h=void 0===u?"Audio Close Icon":u;return l.a.createElement("svg",ye({"aria-label":"audio-close-icon",role:"img",viewBox:"0 0 24 24"},Object(n.clean)({width:i,height:c,title:h}),{xmlns:"http://www.w3.org/2000/svg"}),l.a.createElement("title",null,h),l.a.createElement("mask",{id:"mask0_4612_9510",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"24",height:"24"},l.a.createElement("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",fill:r})),l.a.createElement("g",{mask:"url(#mask0_4612_9510)"},l.a.createElement("rect",{width:"24",height:"24",fill:r})))};Le.defaultProps={fill:"#000",width:24,height:24,title:"Audio Close Icon"};var be=Le;r.d(t,"IconEmail",(function(){return s})),r.d(t,"IconFacebook",(function(){return v})),r.d(t,"IconForwardArrow",(function(){return m})),r.d(t,"IconStar",(function(){return w})),r.d(t,"IconCopyLink",(function(){return b})),r.d(t,"IconSaveBookmark",(function(){return E})),r.d(t,"IconTwitter",(function(){return x})),r.d(t,"IconVideo",(function(){return _})),r.d(t,"IconVideo360Player",(function(){return Z})),r.d(t,"TheSTLogo",(function(){return S})),r.d(t,"TheTimesLogo",(function(){return z})),r.d(t,"CloseIcon",(function(){return q})),r.d(t,"IconForwardChevron",(function(){return N})),r.d(t,"IconActivityIndicator",(function(){return Y})),r.d(t,"IconCheck",(function(){return te})),r.d(t,"PlayerModalIcon",(function(){return le})),r.d(t,"PlayerBack",(function(){return oe})),r.d(t,"PlayerFront",(function(){return he})),r.d(t,"PlayIcon",(function(){return de})),r.d(t,"PauseIcon",(function(){return me})),r.d(t,"IconVolume",(function(){return we})),r.d(t,"AudioCloseIcon",(function(){return be}))}]);
|