@times-components/icons 2.18.8 → 2.19.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.19.1](https://github.com/newsuk/times-components/compare/@times-components/icons@2.19.0...@times-components/icons@2.19.1) (2022-10-13)
+
+**Note:** Version bump only for package @times-components/icons
+
+
+
+
+
+# [2.19.0](https://github.com/newsuk/times-components/compare/@times-components/icons@2.18.8...@times-components/icons@2.19.0) (2022-08-18)
+
+
+### Features
+
+* **TDP-1712:** remove react-native foreverrrrr ([#3064](https://github.com/newsuk/times-components/issues/3064)) ([2a20cb5](https://github.com/newsuk/times-components/commit/2a20cb5abc10a4e7ca2d62487967f8fcf4eccb62)), closes [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3050](https://github.com/newsuk/times-components/issues/3050) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3057](https://github.com/newsuk/times-components/issues/3057) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3065](https://github.com/newsuk/times-components/issues/3065) [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3069](https://github.com/newsuk/times-components/issues/3069) [#3068](https://github.com/newsuk/times-components/issues/3068) [#3070](https://github.com/newsuk/times-components/issues/3070) [#3072](https://github.com/newsuk/times-components/issues/3072) [#3073](https://github.com/newsuk/times-components/issues/3073) [#3071](https://github.com/newsuk/times-components/issues/3071) [#3074](https://github.com/newsuk/times-components/issues/3074) [#3076](https://github.com/newsuk/times-components/issues/3076) [#3079](https://github.com/newsuk/times-components/issues/3079) [#3078](https://github.com/newsuk/times-components/issues/3078) [#3083](https://github.com/newsuk/times-components/issues/3083) [#3087](https://github.com/newsuk/times-components/issues/3087) [#3091](https://github.com/newsuk/times-components/issues/3091) [#3096](https://github.com/newsuk/times-components/issues/3096) [#3102](https://github.com/newsuk/times-components/issues/3102) [#3105](https://github.com/newsuk/times-components/issues/3105) [#3108](https://github.com/newsuk/times-components/issues/3108) [#3111](https://github.com/newsuk/times-components/issues/3111) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3113](https://github.com/newsuk/times-components/issues/3113) [#3114](https://github.com/newsuk/times-components/issues/3114) [#3120](https://github.com/newsuk/times-components/issues/3120) [#3119](https://github.com/newsuk/times-components/issues/3119) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3127](https://github.com/newsuk/times-components/issues/3127) [#3116](https://github.com/newsuk/times-components/issues/3116) [#3128](https://github.com/newsuk/times-components/issues/3128) [#3132](https://github.com/newsuk/times-components/issues/3132) [#3133](https://github.com/newsuk/times-components/issues/3133)
+
+
+
+
+
 ## [2.18.8](https://github.com/newsuk/times-components/compare/@times-components/icons@2.18.7...@times-components/icons@2.18.8) (2022-08-05)
 
 **Note:** Version bump only for package @times-components/icons

package/babel.config.js

@@ -1,10 +1,11 @@
 module.exports = api => {
   api.cache(true);
   return {
-    plugins: [
-      "babel-plugin-styled-components",
-      "@babel/plugin-transform-react-display-name"
-    ],
-    presets: ["module:metro-react-native-babel-preset"]
+    plugins: ["babel-plugin-styled-components"],
+    presets: [
+      "@babel/preset-env",
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ]
   };
 };

package/dist/icons/activity-indicator.js

@@ -1 +1,51 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/activity-indicator.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var ActivityIndicatorAnimation=(0,_styledComponents.keyframes)(["100%{transform:rotate(1turn);};"]);var ActivityIndicatorSpinner=_styledComponents.default.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;"],ActivityIndicatorAnimation);var ActivityIndicatorContainer=_styledComponents.default.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;}"]);var IconActivityIndicator=function IconActivityIndicator(_ref){var fillColour=_ref.fillColour,_ref$title=_ref.title,title=_ref$title===void 0?"Activity Indicator":_ref$title;return _react.default.createElement(ActivityIndicatorContainer,{__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:3}},_react.default.createElement(ActivityIndicatorSpinner,{"data-fill-colour":fillColour,"data-title":title,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:5}}));};IconActivityIndicator.propTypes=_propTypes.default;IconActivityIndicator.defaultProps={fillColour:_tsStyleguide.colours.functional.action};var _default=IconActivityIndicator;exports.default=_default;
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var ActivityIndicatorAnimation = (0, _styledComponents.keyframes)(["100%{transform:rotate(1turn);};"]);
+
+var ActivityIndicatorSpinner = _styledComponents["default"].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;"], ActivityIndicatorAnimation);
+
+var ActivityIndicatorContainer = _styledComponents["default"].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;}"]);
+
+var IconActivityIndicator = function IconActivityIndicator(_ref) {
+  var fillColour = _ref.fillColour,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Activity Indicator" : _ref$title;
+  return /*#__PURE__*/_react["default"].createElement(ActivityIndicatorContainer, null, /*#__PURE__*/_react["default"].createElement(ActivityIndicatorSpinner, {
+    "data-fill-colour": fillColour,
+    "data-title": title
+  }));
+};
+
+IconActivityIndicator.propTypes = _propTypes["default"];
+IconActivityIndicator.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.action
+};
+var _default = IconActivityIndicator;
+exports["default"] = _default;

package/dist/icons/close.js

@@ -1 +1,47 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/close.js";var IconClose=function IconClose(_ref){var height=_ref.height,width=_ref.width,title=_ref.title;return _react.default.createElement("svg",(0,_extends2.default)({"aria-label":"icon-close",role:"img",viewBox:"0 0 28 28"},(0,_utils.clean)({height:height,width:width,title:"Close Icon"}),{__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:3}}),_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:5}},title),_react.default.createElement("path",(0,_extends2.default)({},(0,_utils.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",__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:5}})));};IconClose.propTypes={height:_propTypes.default.number,width:_propTypes.default.number};IconClose.defaultProps={height:28,width:28};var _default=IconClose;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var IconClose = function IconClose(_ref) {
+  var height = _ref.height,
+      width = _ref.width,
+      title = _ref.title;
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    "aria-label": "icon-close",
+    role: "img",
+    viewBox: "0 0 28 28"
+  }, (0, _utils.clean)({
+    height: height,
+    width: width,
+    title: "Close Icon"
+  })), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("path", _extends({}, (0, _utils.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"
+  })));
+};
+
+IconClose.propTypes = {
+  height: _propTypes["default"].number,
+  width: _propTypes["default"].number
+};
+IconClose.defaultProps = {
+  height: 28,
+  width: 28
+};
+var _default = IconClose;
+exports["default"] = _default;

package/dist/icons/copy-link.js

@@ -1 +1,52 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/copy-link.js";var IconCopyLink=function IconCopyLink(_ref){var fillColour=_ref.fillColour,height=_ref.height,opacity=_ref.opacity,strokeColour=_ref.strokeColour,_ref$title=_ref.title,title=_ref$title===void 0?"Copy link to clipboard":_ref$title,width=_ref.width;return _react.default.createElement("svg",(0,_extends2.default)({"aria-label":"icon-copy-link",role:"img",viewBox:"0 0 15 15"},(0,_utils.clean)({height:height,title:title,width:width||height}),{__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:3}}),_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:5}},title),_react.default.createElement("path",(0,_extends2.default)({},(0,_utils.clean)({fill:fillColour,opacity:opacity,stroke:strokeColour}),{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",__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:5}})));};IconCopyLink.propTypes=_propTypes.default;IconCopyLink.defaultProps={fillColour:_tsStyleguide.colours.functional.secondary,height:15,width:15};var _default=IconCopyLink;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var IconCopyLink = function IconCopyLink(_ref) {
+  var fillColour = _ref.fillColour,
+      height = _ref.height,
+      opacity = _ref.opacity,
+      strokeColour = _ref.strokeColour,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Copy link to clipboard" : _ref$title,
+      width = _ref.width;
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    "aria-label": "icon-copy-link",
+    role: "img",
+    viewBox: "0 0 15 15"
+  }, (0, _utils.clean)({
+    height: height,
+    title: title,
+    width: width || height
+  })), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("path", _extends({}, (0, _utils.clean)({
+    fill: fillColour,
+    opacity: opacity,
+    stroke: strokeColour
+  }), {
+    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"
+  })));
+};
+
+IconCopyLink.propTypes = _propTypes["default"];
+IconCopyLink.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.secondary,
+  height: 15,
+  width: 15
+};
+var _default = IconCopyLink;
+exports["default"] = _default;

package/dist/icons/email.js

@@ -1 +1,53 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/email.js";var viewBox="0 0 22 16";var ratio=22/16;var IconEmail=function IconEmail(_ref){var fillColour=_ref.fillColour,height=_ref.height,strokeColour=_ref.strokeColour,_ref$title=_ref.title,title=_ref$title===void 0?"Email Icon":_ref$title,width=_ref.width;return _react.default.createElement("svg",(0,_extends2.default)({"aria-label":"icon-email",role:"img",viewBox:viewBox},(0,_utils.clean)({height:height,title:title,width:width||height*ratio}),{__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:3}}),_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:5}},title),_react.default.createElement("g",(0,_extends2.default)({fillRule:"nonzero"},(0,_utils.clean)({fill:fillColour,stroke:strokeColour}),{__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:5}}),_react.default.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",__source:{fileName:_jsxFileName,lineNumber:31,columnNumber:7}})));};IconEmail.propTypes=_propTypes.default;IconEmail.defaultProps={fillColour:_tsStyleguide.colours.functional.brandColour};var _default=IconEmail;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var viewBox = "0 0 22 16";
+var ratio = 22 / 16;
+
+var IconEmail = function IconEmail(_ref) {
+  var fillColour = _ref.fillColour,
+      height = _ref.height,
+      strokeColour = _ref.strokeColour,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Email Icon" : _ref$title,
+      width = _ref.width;
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    "aria-label": "icon-email",
+    role: "img",
+    viewBox: viewBox
+  }, (0, _utils.clean)({
+    height: height,
+    title: title,
+    width: width || height * ratio
+  })), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("g", _extends({
+    fillRule: "nonzero"
+  }, (0, _utils.clean)({
+    fill: fillColour,
+    stroke: strokeColour
+  })), /*#__PURE__*/_react["default"].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"
+  })));
+};
+
+IconEmail.propTypes = _propTypes["default"];
+IconEmail.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.brandColour
+};
+var _default = IconEmail;
+exports["default"] = _default;

package/dist/icons/facebook.js

@@ -1 +1,53 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/facebook.js";var viewBox="14 10 10.592460632324219 20.397258758544922";var ratio=1/2;var IconFacebook=function IconFacebook(_ref){var fillColour=_ref.fillColour,height=_ref.height,strokeColour=_ref.strokeColour,_ref$title=_ref.title,title=_ref$title===void 0?"Facebook Icon":_ref$title,width=_ref.width;return _react.default.createElement("svg",(0,_extends2.default)({"aria-label":"icon-facebook",role:"img",viewBox:viewBox},(0,_utils.clean)({height:height,title:title,width:width||height*ratio}),{__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:3}}),_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:5}},title),_react.default.createElement("g",(0,_extends2.default)({fillRule:"nonzero"},(0,_utils.clean)({fill:fillColour,stroke:strokeColour}),{__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:5}}),_react.default.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",__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:7}})));};IconFacebook.propTypes=_propTypes.default;IconFacebook.defaultProps={fillColour:_tsStyleguide.colours.functional.brandColour};var _default=IconFacebook;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var viewBox = "14 10 10.592460632324219 20.397258758544922";
+var ratio = 1 / 2;
+
+var IconFacebook = function IconFacebook(_ref) {
+  var fillColour = _ref.fillColour,
+      height = _ref.height,
+      strokeColour = _ref.strokeColour,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Facebook Icon" : _ref$title,
+      width = _ref.width;
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    "aria-label": "icon-facebook",
+    role: "img",
+    viewBox: viewBox
+  }, (0, _utils.clean)({
+    height: height,
+    title: title,
+    width: width || height * ratio
+  })), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("g", _extends({
+    fillRule: "nonzero"
+  }, (0, _utils.clean)({
+    fill: fillColour,
+    stroke: strokeColour
+  })), /*#__PURE__*/_react["default"].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"
+  })));
+};
+
+IconFacebook.propTypes = _propTypes["default"];
+IconFacebook.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.brandColour
+};
+var _default = IconFacebook;
+exports["default"] = _default;

package/dist/icons/forward-arrow.js

@@ -1 +1,35 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/forward-arrow.js";var ForwardArrow=function ForwardArrow(_ref){var fillColour=_ref.fillColour;return _react.default.createElement("svg",{"aria-label":"icon-forward-arrow",height:12,viewBox:"42 12 60 120",width:7,__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:3}},_react.default.createElement("g",{fill:fillColour,__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:5}},_react.default.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z",__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:7}})));};ForwardArrow.propTypes=_propTypes.default;ForwardArrow.defaultProps={fillColour:_tsStyleguide.colours.functional.action};var _default=ForwardArrow;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var ForwardArrow = function ForwardArrow(_ref) {
+  var fillColour = _ref.fillColour;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    "aria-label": "icon-forward-arrow",
+    height: 12,
+    viewBox: "42 12 60 120",
+    width: 7
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    fill: fillColour
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"
+  })));
+};
+
+ForwardArrow.propTypes = _propTypes["default"];
+ForwardArrow.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.action
+};
+var _default = ForwardArrow;
+exports["default"] = _default;

package/dist/icons/forward-chevron.js

@@ -1 +1,37 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/forward-chevron.js";var ForwardChevron=function ForwardChevron(_ref){var fillColour=_ref.fillColour,height=_ref.height,width=_ref.width;return _react.default.createElement("svg",{"aria-label":"icon-forward-chevron",height:height,viewBox:"42 12 60 120",width:width,__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:3}},_react.default.createElement("g",{fill:fillColour,__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:5}},_react.default.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z",__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:7}})));};ForwardChevron.propTypes=_propTypes.default;ForwardChevron.defaultProps={fillColour:_tsStyleguide.colours.functional.action};var _default=ForwardChevron;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var ForwardChevron = function ForwardChevron(_ref) {
+  var fillColour = _ref.fillColour,
+      height = _ref.height,
+      width = _ref.width;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    "aria-label": "icon-forward-chevron",
+    height: height,
+    viewBox: "42 12 60 120",
+    width: width
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    fill: fillColour
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"
+  })));
+};
+
+ForwardChevron.propTypes = _propTypes["default"];
+ForwardChevron.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.action
+};
+var _default = ForwardChevron;
+exports["default"] = _default;

package/dist/icons/prop-types.js

@@ -1 +1,22 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _default={fillColour:_propTypes.default.string,height:_propTypes.default.number,strokeColour:_propTypes.default.string,title:_propTypes.default.string,width:_propTypes.default.number};exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+// all fields are optional and don't have default props because:
+// 1) if width and height is not set Svg scales to fill the parent container
+// 2) the svgs package creates different markup when title or strokecolour is set
+var _default = {
+  fillColour: _propTypes["default"].string,
+  height: _propTypes["default"].number,
+  strokeColour: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  width: _propTypes["default"].number
+};
+exports["default"] = _default;

package/dist/icons/save-bookmark.js

@@ -1 +1,52 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/save-bookmark.js";var IconSaveBookmark=function IconSaveBookmark(_ref){var fillColour=_ref.fillColour,height=_ref.height,opacity=_ref.opacity,strokeColour=_ref.strokeColour,_ref$title=_ref.title,title=_ref$title===void 0?"Save to My Articles":_ref$title,width=_ref.width;return _react.default.createElement("svg",(0,_extends2.default)({"aria-label":"icon-save-bookmark",role:"img",viewBox:"0 0 12 16"},(0,_utils.clean)({height:height,title:title,width:width||height}),{__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:3}}),_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:5}},title),_react.default.createElement("path",(0,_extends2.default)({},(0,_utils.clean)({fill:fillColour,opacity:opacity,stroke:strokeColour}),{d:"M1 0h10a1 1 0 0 1 1 1v15l-5.98-4.466L0 16V1a1 1 0 0 1 1-1z",__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:5}})));};IconSaveBookmark.propTypes=_propTypes.default;IconSaveBookmark.defaultProps={fillColour:_tsStyleguide.colours.functional.secondary,height:16,width:12};var _default=IconSaveBookmark;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var IconSaveBookmark = function IconSaveBookmark(_ref) {
+  var fillColour = _ref.fillColour,
+      height = _ref.height,
+      opacity = _ref.opacity,
+      strokeColour = _ref.strokeColour,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Save to My Articles" : _ref$title,
+      width = _ref.width;
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    "aria-label": "icon-save-bookmark",
+    role: "img",
+    viewBox: "0 0 12 16"
+  }, (0, _utils.clean)({
+    height: height,
+    title: title,
+    width: width || height
+  })), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("path", _extends({}, (0, _utils.clean)({
+    fill: fillColour,
+    opacity: opacity,
+    stroke: strokeColour
+  }), {
+    d: "M1 0h10a1 1 0 0 1 1 1v15l-5.98-4.466L0 16V1a1 1 0 0 1 1-1z"
+  })));
+};
+
+IconSaveBookmark.propTypes = _propTypes["default"];
+IconSaveBookmark.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.secondary,
+  height: 16,
+  width: 12
+};
+var _default = IconSaveBookmark;
+exports["default"] = _default;

package/dist/icons/star.js

@@ -1 +1,50 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/star.js";var IconStar=function IconStar(_ref){var fillColour=_ref.fillColour,height=_ref.height,opacity=_ref.opacity,strokeColour=_ref.strokeColour,_ref$title=_ref.title,title=_ref$title===void 0?"Save star":_ref$title,width=_ref.width;return _react.default.createElement("svg",(0,_extends2.default)({"aria-label":"icon-save-star",role:"img",viewBox:"0 0 18 18"},(0,_utils.clean)({height:height,title:title,width:width||height}),{__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:3}}),_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:5}},title),_react.default.createElement("path",(0,_extends2.default)({},(0,_utils.clean)({fill:fillColour,opacity:opacity,stroke:strokeColour}),{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",__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:5}})));};IconStar.propTypes=_propTypes.default;IconStar.defaultProps={fillColour:_tsStyleguide.colours.functional.action};var _default=IconStar;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var IconStar = function IconStar(_ref) {
+  var fillColour = _ref.fillColour,
+      height = _ref.height,
+      opacity = _ref.opacity,
+      strokeColour = _ref.strokeColour,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Save star" : _ref$title,
+      width = _ref.width;
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    "aria-label": "icon-save-star",
+    role: "img",
+    viewBox: "0 0 18 18"
+  }, (0, _utils.clean)({
+    height: height,
+    title: title,
+    width: width || height
+  })), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("path", _extends({}, (0, _utils.clean)({
+    fill: fillColour,
+    opacity: opacity,
+    stroke: strokeColour
+  }), {
+    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"
+  })));
+};
+
+IconStar.propTypes = _propTypes["default"];
+IconStar.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.action
+};
+var _default = IconStar;
+exports["default"] = _default;

package/dist/icons/thesundaytimes-logo.js

@@ -1 +1,48 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/thesundaytimes-logo.js";var TheSTLogo=function TheSTLogo(_ref){var fillColour=_ref.fillColour,height=_ref.height,strokeColour=_ref.strokeColour,_ref$title=_ref.title,title=_ref$title===void 0?"ST":_ref$title,width=_ref.width;return _react.default.createElement("svg",(0,_extends2.default)({"aria-label":"logo-the-sunday-times",role:"img",viewBox:"0 0 29 20"},(0,_utils.clean)({height:height,title:title,width:width||height}),{__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:3}}),_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:5}},title),_react.default.createElement("path",(0,_extends2.default)({},(0,_utils.clean)({fill:fillColour,stroke:strokeColour}),{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",__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:5}})));};TheSTLogo.propTypes=_propTypes.default;TheSTLogo.defaultProps={fillColour:_tsStyleguide.colours.functional.white};var _default=TheSTLogo;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var TheSTLogo = function TheSTLogo(_ref) {
+  var fillColour = _ref.fillColour,
+      height = _ref.height,
+      strokeColour = _ref.strokeColour,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "ST" : _ref$title,
+      width = _ref.width;
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    "aria-label": "logo-the-sunday-times",
+    role: "img",
+    viewBox: "0 0 29 20"
+  }, (0, _utils.clean)({
+    height: height,
+    title: title,
+    width: width || height
+  })), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("path", _extends({}, (0, _utils.clean)({
+    fill: fillColour,
+    stroke: strokeColour
+  }), {
+    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"
+  })));
+};
+
+TheSTLogo.propTypes = _propTypes["default"];
+TheSTLogo.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.white
+};
+var _default = TheSTLogo;
+exports["default"] = _default;

package/dist/icons/thetimes-logo.js

@@ -1 +1,48 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/thetimes-logo.js";var TheTimesLogo=function TheTimesLogo(_ref){var fillColour=_ref.fillColour,height=_ref.height,strokeColour=_ref.strokeColour,_ref$title=_ref.title,title=_ref$title===void 0?"The Times":_ref$title,width=_ref.width;return _react.default.createElement("svg",(0,_extends2.default)({"aria-label":"logo-the-times",role:"img",viewBox:"0 0 20 20"},(0,_utils.clean)({height:height,title:title,width:width||height}),{__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:3}}),_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:5}},title),_react.default.createElement("path",(0,_extends2.default)({},(0,_utils.clean)({fill:fillColour,stroke:strokeColour}),{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",__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:5}})));};TheTimesLogo.propTypes=_propTypes.default;TheTimesLogo.defaultProps={fillColour:_tsStyleguide.colours.functional.white};var _default=TheTimesLogo;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var TheTimesLogo = function TheTimesLogo(_ref) {
+  var fillColour = _ref.fillColour,
+      height = _ref.height,
+      strokeColour = _ref.strokeColour,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "The Times" : _ref$title,
+      width = _ref.width;
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    "aria-label": "logo-the-times",
+    role: "img",
+    viewBox: "0 0 20 20"
+  }, (0, _utils.clean)({
+    height: height,
+    title: title,
+    width: width || height
+  })), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("path", _extends({}, (0, _utils.clean)({
+    fill: fillColour,
+    stroke: strokeColour
+  }), {
+    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"
+  })));
+};
+
+TheTimesLogo.propTypes = _propTypes["default"];
+TheTimesLogo.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.white
+};
+var _default = TheTimesLogo;
+exports["default"] = _default;

package/dist/icons/twitter.js

@@ -1 +1,50 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/twitter.js";var ratio=75/60;var IconTwitter=function IconTwitter(_ref){var fillColour=_ref.fillColour,height=_ref.height,strokeColour=_ref.strokeColour,_ref$title=_ref.title,title=_ref$title===void 0?"Twitter Icon":_ref$title,width=_ref.width;return _react.default.createElement("svg",(0,_extends2.default)({"aria-label":"icon-twitter",role:"img",viewBox:"-354.2 -279.4 750 600"},(0,_utils.clean)({height:height,title:title,width:width||height*ratio}),{__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:3}}),_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:5}},title),_react.default.createElement("path",(0,_extends2.default)({},(0,_utils.clean)({fill:fillColour,stroke:strokeColour}),{d:"M391.3-210.7c-28.9,10.9-57.8,21.7-86.7,25.3c32.5-18.1,54.2-50.6,68.7-83.1c-28.9,18.1-61.5,28.9-97.6,36.1 c-28.9-28.9-68.7-47-112-47c-83.1,0-151.8,68.7-151.8,151.8c0,10.8,0,25.3,3.6,36.1c-126.5-7.3-238.6-68.7-314.5-159 c-14.5,21.7-21.7,50.6-21.7,75.9c0,54.2,25.3,101.2,68.7,126.5c-25.3,0-47-7.2-68.7-18.1c0,0,0,0,0,3.6 c0,72.3,54.2,137.4,122.9,148.2c-14.5,3.6-25.3,3.6-39.7,3.6c-10.9,0-18.1,0-28.9-3.6c18.1,61.5,75.9,104.8,141,104.8 c-50.6,39.8-119.3,65.1-188,65.1c-10.8,0-25.3,0-36.1-3.6c68.7,43.3,148.2,68.7,234.9,68.7C167.2,320.6,319,89.3,319-113.1 c0-7.2,0-14.4,0-18.1C344.3-152.9,369.6-181.8,391.3-210.7z",__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:5}})));};IconTwitter.propTypes=_propTypes.default;IconTwitter.defaultProps={fillColour:_tsStyleguide.colours.functional.action};var _default=IconTwitter;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var ratio = 75 / 60;
+
+var IconTwitter = function IconTwitter(_ref) {
+  var fillColour = _ref.fillColour,
+      height = _ref.height,
+      strokeColour = _ref.strokeColour,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Twitter Icon" : _ref$title,
+      width = _ref.width;
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    "aria-label": "icon-twitter",
+    role: "img",
+    viewBox: "-354.2 -279.4 750 600"
+  }, (0, _utils.clean)({
+    height: height,
+    title: title,
+    width: width || height * ratio
+  })), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("path", _extends({}, (0, _utils.clean)({
+    fill: fillColour,
+    stroke: strokeColour
+  }), {
+    d: "M391.3-210.7c-28.9,10.9-57.8,21.7-86.7,25.3c32.5-18.1,54.2-50.6,68.7-83.1c-28.9,18.1-61.5,28.9-97.6,36.1 c-28.9-28.9-68.7-47-112-47c-83.1,0-151.8,68.7-151.8,151.8c0,10.8,0,25.3,3.6,36.1c-126.5-7.3-238.6-68.7-314.5-159 c-14.5,21.7-21.7,50.6-21.7,75.9c0,54.2,25.3,101.2,68.7,126.5c-25.3,0-47-7.2-68.7-18.1c0,0,0,0,0,3.6 c0,72.3,54.2,137.4,122.9,148.2c-14.5,3.6-25.3,3.6-39.7,3.6c-10.9,0-18.1,0-28.9-3.6c18.1,61.5,75.9,104.8,141,104.8 c-50.6,39.8-119.3,65.1-188,65.1c-10.8,0-25.3,0-36.1-3.6c68.7,43.3,148.2,68.7,234.9,68.7C167.2,320.6,319,89.3,319-113.1 c0-7.2,0-14.4,0-18.1C344.3-152.9,369.6-181.8,391.3-210.7z"
+  })));
+};
+
+IconTwitter.propTypes = _propTypes["default"];
+IconTwitter.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.action
+};
+var _default = IconTwitter;
+exports["default"] = _default;

package/dist/icons/video-360-player.js

@@ -1 +1,50 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/video-360-player.js";var ratio=108/100;var IconVideo360Player=function IconVideo360Player(_ref){var fillColour=_ref.fillColour,height=_ref.height,strokeColour=_ref.strokeColour,_ref$title=_ref.title,title=_ref$title===void 0?"Video 360 Player Icon":_ref$title,width=_ref.width;return _react.default.createElement("svg",(0,_extends2.default)({"aria-label":"icon-video-360-player",role:"img",viewBox:"0 0 108 100"},(0,_utils.clean)({height:height,title:title,width:width||height*ratio}),{__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:3}}),_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:5}},title),_react.default.createElement("path",(0,_extends2.default)({},(0,_utils.clean)({fill:fillColour,stroke:strokeColour}),{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",__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:5}})));};IconVideo360Player.propTypes=_propTypes.default;IconVideo360Player.defaultProps={fillColour:_tsStyleguide.colours.functional.action};var _default=IconVideo360Player;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var ratio = 108 / 100;
+
+var IconVideo360Player = function IconVideo360Player(_ref) {
+  var fillColour = _ref.fillColour,
+      height = _ref.height,
+      strokeColour = _ref.strokeColour,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Video 360 Player Icon" : _ref$title,
+      width = _ref.width;
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    "aria-label": "icon-video-360-player",
+    role: "img",
+    viewBox: "0 0 108 100"
+  }, (0, _utils.clean)({
+    height: height,
+    title: title,
+    width: width || height * ratio
+  })), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("path", _extends({}, (0, _utils.clean)({
+    fill: fillColour,
+    stroke: strokeColour
+  }), {
+    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"
+  })));
+};
+
+IconVideo360Player.propTypes = _propTypes["default"];
+IconVideo360Player.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.action
+};
+var _default = IconVideo360Player;
+exports["default"] = _default;

package/dist/icons/video.js

@@ -1 +1,59 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("./prop-types"));var _jsxFileName="/home/circleci/project/packages/icons/src/icons/video.js";var viewBox="0 0 68 40";var ratio=68/40;var IconVideo=function IconVideo(_ref){var fillColour=_ref.fillColour,height=_ref.height,strokeColour=_ref.strokeColour,_ref$title=_ref.title,title=_ref$title===void 0?"Video Icon":_ref$title,width=_ref.width;return _react.default.createElement("svg",(0,_extends2.default)({"aria-label":"icon-video",role:"img",viewBox:viewBox},(0,_utils.clean)({height:height,title:title,width:width||height*ratio}),{__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:3}}),_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:5}},title),_react.default.createElement("rect",(0,_extends2.default)({},(0,_utils.clean)({fill:fillColour,stroke:strokeColour}),{height:"40",width:"50",x:"0",y:"0",__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:5}})),_react.default.createElement("polygon",(0,_extends2.default)({},(0,_utils.clean)({fill:fillColour,stroke:strokeColour}),{points:"52 12 68 2 68 38 52 28",__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:5}})));};IconVideo.propTypes=_propTypes.default;IconVideo.defaultProps={fillColour:_tsStyleguide.colours.functional.brandColour};var _default=IconVideo;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var viewBox = "0 0 68 40";
+var ratio = 68 / 40;
+
+var IconVideo = function IconVideo(_ref) {
+  var fillColour = _ref.fillColour,
+      height = _ref.height,
+      strokeColour = _ref.strokeColour,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Video Icon" : _ref$title,
+      width = _ref.width;
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    "aria-label": "icon-video",
+    role: "img",
+    viewBox: viewBox
+  }, (0, _utils.clean)({
+    height: height,
+    title: title,
+    width: width || height * ratio
+  })), /*#__PURE__*/_react["default"].createElement("title", null, title), /*#__PURE__*/_react["default"].createElement("rect", _extends({}, (0, _utils.clean)({
+    fill: fillColour,
+    stroke: strokeColour
+  }), {
+    height: "40",
+    width: "50",
+    x: "0",
+    y: "0"
+  })), /*#__PURE__*/_react["default"].createElement("polygon", _extends({}, (0, _utils.clean)({
+    fill: fillColour,
+    stroke: strokeColour
+  }), {
+    points: "52 12 68 2 68 38 52 28"
+  })));
+};
+
+IconVideo.propTypes = _propTypes["default"];
+IconVideo.defaultProps = {
+  fillColour: _tsStyleguide.colours.functional.brandColour
+};
+var _default = IconVideo;
+exports["default"] = _default;

package/dist/icons.js

@@ -1 +1,119 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"IconEmail",{enumerable:true,get:function get(){return _email.default;}});Object.defineProperty(exports,"IconFacebook",{enumerable:true,get:function get(){return _facebook.default;}});Object.defineProperty(exports,"IconForwardArrow",{enumerable:true,get:function get(){return _forwardArrow.default;}});Object.defineProperty(exports,"IconStar",{enumerable:true,get:function get(){return _star.default;}});Object.defineProperty(exports,"IconCopyLink",{enumerable:true,get:function get(){return _copyLink.default;}});Object.defineProperty(exports,"IconSaveBookmark",{enumerable:true,get:function get(){return _saveBookmark.default;}});Object.defineProperty(exports,"IconTwitter",{enumerable:true,get:function get(){return _twitter.default;}});Object.defineProperty(exports,"IconVideo",{enumerable:true,get:function get(){return _video.default;}});Object.defineProperty(exports,"IconVideo360Player",{enumerable:true,get:function get(){return _video360Player.default;}});Object.defineProperty(exports,"TheSTLogo",{enumerable:true,get:function get(){return _thesundaytimesLogo.default;}});Object.defineProperty(exports,"TheTimesLogo",{enumerable:true,get:function get(){return _thetimesLogo.default;}});Object.defineProperty(exports,"CloseIcon",{enumerable:true,get:function get(){return _close.default;}});Object.defineProperty(exports,"IconForwardChevron",{enumerable:true,get:function get(){return _forwardChevron.default;}});Object.defineProperty(exports,"IconActivityIndicator",{enumerable:true,get:function get(){return _activityIndicator.default;}});var _email=_interopRequireDefault(require("./icons/email"));var _facebook=_interopRequireDefault(require("./icons/facebook"));var _forwardArrow=_interopRequireDefault(require("./icons/forward-arrow"));var _star=_interopRequireDefault(require("./icons/star"));var _copyLink=_interopRequireDefault(require("./icons/copy-link"));var _saveBookmark=_interopRequireDefault(require("./icons/save-bookmark"));var _twitter=_interopRequireDefault(require("./icons/twitter"));var _video=_interopRequireDefault(require("./icons/video"));var _video360Player=_interopRequireDefault(require("./icons/video-360-player"));var _thesundaytimesLogo=_interopRequireDefault(require("./icons/thesundaytimes-logo"));var _thetimesLogo=_interopRequireDefault(require("./icons/thetimes-logo"));var _close=_interopRequireDefault(require("./icons/close"));var _forwardChevron=_interopRequireDefault(require("./icons/forward-chevron"));var _activityIndicator=_interopRequireDefault(require("./icons/activity-indicator"));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IconEmail", {
+  enumerable: true,
+  get: function get() {
+    return _email["default"];
+  }
+});
+Object.defineProperty(exports, "IconFacebook", {
+  enumerable: true,
+  get: function get() {
+    return _facebook["default"];
+  }
+});
+Object.defineProperty(exports, "IconForwardArrow", {
+  enumerable: true,
+  get: function get() {
+    return _forwardArrow["default"];
+  }
+});
+Object.defineProperty(exports, "IconStar", {
+  enumerable: true,
+  get: function get() {
+    return _star["default"];
+  }
+});
+Object.defineProperty(exports, "IconCopyLink", {
+  enumerable: true,
+  get: function get() {
+    return _copyLink["default"];
+  }
+});
+Object.defineProperty(exports, "IconSaveBookmark", {
+  enumerable: true,
+  get: function get() {
+    return _saveBookmark["default"];
+  }
+});
+Object.defineProperty(exports, "IconTwitter", {
+  enumerable: true,
+  get: function get() {
+    return _twitter["default"];
+  }
+});
+Object.defineProperty(exports, "IconVideo", {
+  enumerable: true,
+  get: function get() {
+    return _video["default"];
+  }
+});
+Object.defineProperty(exports, "IconVideo360Player", {
+  enumerable: true,
+  get: function get() {
+    return _video360Player["default"];
+  }
+});
+Object.defineProperty(exports, "TheSTLogo", {
+  enumerable: true,
+  get: function get() {
+    return _thesundaytimesLogo["default"];
+  }
+});
+Object.defineProperty(exports, "TheTimesLogo", {
+  enumerable: true,
+  get: function get() {
+    return _thetimesLogo["default"];
+  }
+});
+Object.defineProperty(exports, "CloseIcon", {
+  enumerable: true,
+  get: function get() {
+    return _close["default"];
+  }
+});
+Object.defineProperty(exports, "IconForwardChevron", {
+  enumerable: true,
+  get: function get() {
+    return _forwardChevron["default"];
+  }
+});
+Object.defineProperty(exports, "IconActivityIndicator", {
+  enumerable: true,
+  get: function get() {
+    return _activityIndicator["default"];
+  }
+});
+
+var _email = _interopRequireDefault(require("./icons/email"));
+
+var _facebook = _interopRequireDefault(require("./icons/facebook"));
+
+var _forwardArrow = _interopRequireDefault(require("./icons/forward-arrow"));
+
+var _star = _interopRequireDefault(require("./icons/star"));
+
+var _copyLink = _interopRequireDefault(require("./icons/copy-link"));
+
+var _saveBookmark = _interopRequireDefault(require("./icons/save-bookmark"));
+
+var _twitter = _interopRequireDefault(require("./icons/twitter"));
+
+var _video = _interopRequireDefault(require("./icons/video"));
+
+var _video360Player = _interopRequireDefault(require("./icons/video-360-player"));
+
+var _thesundaytimesLogo = _interopRequireDefault(require("./icons/thesundaytimes-logo"));
+
+var _thetimesLogo = _interopRequireDefault(require("./icons/thetimes-logo"));
+
+var _close = _interopRequireDefault(require("./icons/close"));
+
+var _forwardChevron = _interopRequireDefault(require("./icons/forward-chevron"));
+
+var _activityIndicator = _interopRequireDefault(require("./icons/activity-indicator"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/icons",
-  "version": "2.18.8",
+  "version": "2.19.1",
   "description": "Times SVG Icons",
   "main": "dist/icons",
   "dev": "src/icons",
@@ -9,7 +9,7 @@
     "prettier:diff": "prettier --list-different '**/*.*'",
     "depcheck": "depcheck --ignores='@babel/*,babel-*,depcheck,eslint,jest,prettier,react-art,webpack*' --ignore-bin-package=false --skip-missing",
     "lint": "eslint . && yarn prettier:diff && yarn depcheck",
-    "test:web": "jest --config='./__tests__/web/jest.config.js'",
+    "test:web": "jest --config='./__tests__/jest.config.js'",
     "prepublishOnly": "yarn transpile && yarn bundle",
     "watch": "watch 'yarn bundle' ./src --ignoreDotFiles --ignoreUnreadable",
     "cleanup-dist": "rm -rf dist",
@@ -33,29 +33,25 @@
   "devDependencies": {
     "@babel/core": "7.4.4",
     "@times-components/eslint-config-thetimes": "0.8.18",
-    "@times-components/jest-configurator": "2.8.1",
-    "@times-components/jest-serializer": "3.3.1",
-    "@times-components/storybook": "4.4.1",
-    "@times-components/test-utils": "2.3.11",
-    "@times-components/webpack-configurator": "2.0.30",
+    "@times-components/jest-configurator-web": "0.8.0",
+    "@times-components/jest-serializer": "3.4.1",
+    "@times-components/storybook": "4.5.1",
+    "@times-components/test-utils": "2.4.0",
+    "@times-components/webpack-configurator": "2.1.0",
     "babel-jest": "24.8.0",
     "babel-loader": "8.0.5",
-    "babel-plugin-add-react-displayname": "0.0.5",
-    "babel-plugin-styled-components": "1.10.6",
     "depcheck": "0.6.9",
     "enzyme": "3.9.0",
     "eslint": "5.9.0",
     "jest": "24.8.0",
     "prettier": "1.14.3",
     "react": "16.9.0",
-    "react-art": "16.6.3",
     "react-dom": "16.9.0",
-    "webpack": "4.30.0",
-    "webpack-cli": "3.3.1"
+    "webpack": "4.30.0"
   },
   "dependencies": {
-    "@times-components/ts-styleguide": "1.36.9",
-    "@times-components/utils": "6.14.4",
+    "@times-components/ts-styleguide": "1.37.1",
+    "@times-components/utils": "6.15.1",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -70,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fe60c81e878283bf0ca451dd4806232f6cd104ee"
+  "gitHead": "d33c3115e165e09794ffdfd7931e217620f7ce07"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function l(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,l),o.l=!0,o.exports}return l.m=e,l.c=t,l.d=function(e,t,r){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)l.d(r,o,function(t){return e[t]}.bind(null,o));return r},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="",l(l.s=7)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(6)),a={fillColour:o.default.string,height:o.default.number,strokeColour:o.default.string,title:o.default.string,width:o.default.number};t.default=a},function(e,t){e.exports=require("@babel/runtime/helpers/extends")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"IconEmail",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"IconFacebook",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"IconForwardArrow",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"IconStar",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"IconCopyLink",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"IconSaveBookmark",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(t,"IconTwitter",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(t,"IconVideo",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"IconVideo360Player",{enumerable:!0,get:function(){return v.default}}),Object.defineProperty(t,"TheSTLogo",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(t,"TheTimesLogo",{enumerable:!0,get:function(){return h.default}}),Object.defineProperty(t,"CloseIcon",{enumerable:!0,get:function(){return p.default}}),Object.defineProperty(t,"IconForwardChevron",{enumerable:!0,get:function(){return C.default}}),Object.defineProperty(t,"IconActivityIndicator",{enumerable:!0,get:function(){return m.default}});var o=r(l(8)),a=r(l(9)),i=r(l(10)),n=r(l(11)),u=r(l(12)),f=r(l(13)),c=r(l(14)),d=r(l(15)),v=r(l(16)),s=r(l(17)),h=r(l(18)),p=r(l(19)),C=r(l(20)),m=r(l(21))},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(4)),a=r(l(1)),i=l(2),n=l(5),u=(r(l(3)),function(e){var t=e.fillColour,l=e.height,r=e.strokeColour,i=e.title,u=void 0===i?"Email Icon":i,f=e.width;return a.default.createElement("svg",(0,o.default)({"aria-label":"icon-email",role:"img",viewBox:"0 0 22 16"},(0,n.clean)({height:l,title:u,width:f||1.375*l})),a.default.createElement("title",null,u),a.default.createElement("g",(0,o.default)({fillRule:"nonzero"},(0,n.clean)({fill:t,stroke:r})),a.default.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"})))});u.defaultProps={fillColour:i.colours.functional.brandColour};var f=u;t.default=f},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(4)),a=r(l(1)),i=l(2),n=l(5),u=(r(l(3)),function(e){var t=e.fillColour,l=e.height,r=e.strokeColour,i=e.title,u=void 0===i?"Facebook Icon":i,f=e.width;return a.default.createElement("svg",(0,o.default)({"aria-label":"icon-facebook",role:"img",viewBox:"14 10 10.592460632324219 20.397258758544922"},(0,n.clean)({height:l,title:u,width:f||.5*l})),a.default.createElement("title",null,u),a.default.createElement("g",(0,o.default)({fillRule:"nonzero"},(0,n.clean)({fill:t,stroke:r})),a.default.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"})))});u.defaultProps={fillColour:i.colours.functional.brandColour};var f=u;t.default=f},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(1)),a=l(2),i=(r(l(3)),function(e){var t=e.fillColour;return o.default.createElement("svg",{"aria-label":"icon-forward-arrow",height:12,viewBox:"42 12 60 120",width:7},o.default.createElement("g",{fill:t},o.default.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"})))});i.defaultProps={fillColour:a.colours.functional.action};var n=i;t.default=n},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(4)),a=r(l(1)),i=l(2),n=l(5),u=(r(l(3)),function(e){var t=e.fillColour,l=e.height,r=e.opacity,i=e.strokeColour,u=e.title,f=void 0===u?"Save star":u,c=e.width;return a.default.createElement("svg",(0,o.default)({"aria-label":"icon-save-star",role:"img",viewBox:"0 0 18 18"},(0,n.clean)({height:l,title:f,width:c||l})),a.default.createElement("title",null,f),a.default.createElement("path",(0,o.default)({},(0,n.clean)({fill:t,opacity:r,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"})))});u.defaultProps={fillColour:i.colours.functional.action};var f=u;t.default=f},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(4)),a=r(l(1)),i=l(2),n=l(5),u=(r(l(3)),function(e){var t=e.fillColour,l=e.height,r=e.opacity,i=e.strokeColour,u=e.title,f=void 0===u?"Copy link to clipboard":u,c=e.width;return a.default.createElement("svg",(0,o.default)({"aria-label":"icon-copy-link",role:"img",viewBox:"0 0 15 15"},(0,n.clean)({height:l,title:f,width:c||l})),a.default.createElement("title",null,f),a.default.createElement("path",(0,o.default)({},(0,n.clean)({fill:t,opacity:r,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"})))});u.defaultProps={fillColour:i.colours.functional.secondary,height:15,width:15};var f=u;t.default=f},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(4)),a=r(l(1)),i=l(2),n=l(5),u=(r(l(3)),function(e){var t=e.fillColour,l=e.height,r=e.opacity,i=e.strokeColour,u=e.title,f=void 0===u?"Save to My Articles":u,c=e.width;return a.default.createElement("svg",(0,o.default)({"aria-label":"icon-save-bookmark",role:"img",viewBox:"0 0 12 16"},(0,n.clean)({height:l,title:f,width:c||l})),a.default.createElement("title",null,f),a.default.createElement("path",(0,o.default)({},(0,n.clean)({fill:t,opacity:r,stroke:i}),{d:"M1 0h10a1 1 0 0 1 1 1v15l-5.98-4.466L0 16V1a1 1 0 0 1 1-1z"})))});u.defaultProps={fillColour:i.colours.functional.secondary,height:16,width:12};var f=u;t.default=f},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(4)),a=r(l(1)),i=l(2),n=l(5),u=(r(l(3)),function(e){var t=e.fillColour,l=e.height,r=e.strokeColour,i=e.title,u=void 0===i?"Twitter Icon":i,f=e.width;return a.default.createElement("svg",(0,o.default)({"aria-label":"icon-twitter",role:"img",viewBox:"-354.2 -279.4 750 600"},(0,n.clean)({height:l,title:u,width:f||1.25*l})),a.default.createElement("title",null,u),a.default.createElement("path",(0,o.default)({},(0,n.clean)({fill:t,stroke:r}),{d:"M391.3-210.7c-28.9,10.9-57.8,21.7-86.7,25.3c32.5-18.1,54.2-50.6,68.7-83.1c-28.9,18.1-61.5,28.9-97.6,36.1 c-28.9-28.9-68.7-47-112-47c-83.1,0-151.8,68.7-151.8,151.8c0,10.8,0,25.3,3.6,36.1c-126.5-7.3-238.6-68.7-314.5-159 c-14.5,21.7-21.7,50.6-21.7,75.9c0,54.2,25.3,101.2,68.7,126.5c-25.3,0-47-7.2-68.7-18.1c0,0,0,0,0,3.6 c0,72.3,54.2,137.4,122.9,148.2c-14.5,3.6-25.3,3.6-39.7,3.6c-10.9,0-18.1,0-28.9-3.6c18.1,61.5,75.9,104.8,141,104.8 c-50.6,39.8-119.3,65.1-188,65.1c-10.8,0-25.3,0-36.1-3.6c68.7,43.3,148.2,68.7,234.9,68.7C167.2,320.6,319,89.3,319-113.1 c0-7.2,0-14.4,0-18.1C344.3-152.9,369.6-181.8,391.3-210.7z"})))});u.defaultProps={fillColour:i.colours.functional.action};var f=u;t.default=f},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(4)),a=r(l(1)),i=l(2),n=l(5),u=(r(l(3)),function(e){var t=e.fillColour,l=e.height,r=e.strokeColour,i=e.title,u=void 0===i?"Video Icon":i,f=e.width;return a.default.createElement("svg",(0,o.default)({"aria-label":"icon-video",role:"img",viewBox:"0 0 68 40"},(0,n.clean)({height:l,title:u,width:f||1.7*l})),a.default.createElement("title",null,u),a.default.createElement("rect",(0,o.default)({},(0,n.clean)({fill:t,stroke:r}),{height:"40",width:"50",x:"0",y:"0"})),a.default.createElement("polygon",(0,o.default)({},(0,n.clean)({fill:t,stroke:r}),{points:"52 12 68 2 68 38 52 28"})))});u.defaultProps={fillColour:i.colours.functional.brandColour};var f=u;t.default=f},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(4)),a=r(l(1)),i=l(2),n=l(5),u=(r(l(3)),function(e){var t=e.fillColour,l=e.height,r=e.strokeColour,i=e.title,u=void 0===i?"Video 360 Player Icon":i,f=e.width;return a.default.createElement("svg",(0,o.default)({"aria-label":"icon-video-360-player",role:"img",viewBox:"0 0 108 100"},(0,n.clean)({height:l,title:u,width:f||1.08*l})),a.default.createElement("title",null,u),a.default.createElement("path",(0,o.default)({},(0,n.clean)({fill:t,stroke:r}),{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"})))});u.defaultProps={fillColour:i.colours.functional.action};var f=u;t.default=f},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(4)),a=r(l(1)),i=l(2),n=l(5),u=(r(l(3)),function(e){var t=e.fillColour,l=e.height,r=e.strokeColour,i=e.title,u=void 0===i?"ST":i,f=e.width;return a.default.createElement("svg",(0,o.default)({"aria-label":"logo-the-sunday-times",role:"img",viewBox:"0 0 29 20"},(0,n.clean)({height:l,title:u,width:f||l})),a.default.createElement("title",null,u),a.default.createElement("path",(0,o.default)({},(0,n.clean)({fill:t,stroke:r}),{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"})))});u.defaultProps={fillColour:i.colours.functional.white};var f=u;t.default=f},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(4)),a=r(l(1)),i=l(2),n=l(5),u=(r(l(3)),function(e){var t=e.fillColour,l=e.height,r=e.strokeColour,i=e.title,u=void 0===i?"The Times":i,f=e.width;return a.default.createElement("svg",(0,o.default)({"aria-label":"logo-the-times",role:"img",viewBox:"0 0 20 20"},(0,n.clean)({height:l,title:u,width:f||l})),a.default.createElement("title",null,u),a.default.createElement("path",(0,o.default)({},(0,n.clean)({fill:t,stroke:r}),{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 f=u;t.default=f},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(4)),a=r(l(1)),i=l(5),n=(r(l(6)),function(e){var t=e.height,l=e.width,r=e.title;return a.default.createElement("svg",(0,o.default)({"aria-label":"icon-close",role:"img",viewBox:"0 0 28 28"},(0,i.clean)({height:t,width:l,title:"Close Icon"})),a.default.createElement("title",null,r),a.default.createElement("path",(0,o.default)({},(0,i.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 u=n;t.default=u},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(1)),a=l(2),i=(r(l(3)),function(e){var t=e.fillColour,l=e.height,r=e.width;return o.default.createElement("svg",{"aria-label":"icon-forward-chevron",height:l,viewBox:"42 12 60 120",width:r},o.default.createElement("g",{fill:t},o.default.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"})))});i.defaultProps={fillColour:a.colours.functional.action};var n=i;t.default=n},function(e,t,l){var r=l(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(l(1)),a=l(2),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var l=n(t);if(l&&l.has(e))return l.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}r.default=e,l&&l.set(e,r);return r}(l(22));r(l(3));function n(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(n=function(e){return e?l:t})(e)}var u=(0,i.keyframes)(["100%{transform:rotate(1turn);};"]),f=i.default.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;"],u),c=i.default.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;}']),d=function(e){var t=e.fillColour,l=e.title,r=void 0===l?"Activity Indicator":l;return o.default.createElement(c,null,o.default.createElement(f,{"data-fill-colour":t,"data-title":r}))};d.defaultProps={fillColour:a.colours.functional.action};var v=d;t.default=v},function(e,t){e.exports=require("styled-components")}]);
+module.exports=function(t){var e={};function r(o){if(e[o])return e[o].exports;var n=e[o]={i:o,l:!1,exports:{}};return t[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=t,r.c=e,r.d=function(t,e,o){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)r.d(o,n,function(e){return t[e]}.bind(null,n));return o},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=5)}([function(t,e){t.exports=require("react")},function(t,e){t.exports=require("@times-components/utils/rnw")},function(t,e){t.exports=require("@times-components/ts-styleguide/rnw")},function(t,e){t.exports=require("prop-types")},function(t,e){t.exports=require("styled-components")},function(t,e,r){"use strict";r.r(e);var o=r(0),n=r.n(o),l=r(2),i=r(1),a=r(3),c=r.n(a);c.a.string,c.a.number,c.a.string,c.a.string,c.a.number;function u(){return(u=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var f=function(t){var e=t.fillColour,r=t.height,o=t.strokeColour,l=t.title,a=void 0===l?"Email Icon":l,c=t.width;return n.a.createElement("svg",u({"aria-label":"icon-email",role:"img",viewBox:"0 0 22 16"},Object(i.clean)({height:r,title:a,width:c||1.375*r})),n.a.createElement("title",null,a),n.a.createElement("g",u({fillRule:"nonzero"},Object(i.clean)({fill:e,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(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var d=function(t){var e=t.fillColour,r=t.height,o=t.strokeColour,l=t.title,a=void 0===l?"Facebook Icon":l,c=t.width;return n.a.createElement("svg",h({"aria-label":"icon-facebook",role:"img",viewBox:"14 10 10.592460632324219 20.397258758544922"},Object(i.clean)({height:r,title:a,width:c||.5*r})),n.a.createElement("title",null,a),n.a.createElement("g",h({fillRule:"nonzero"},Object(i.clean)({fill:e,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(t){var e=t.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:e},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(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var m=function(t){var e=t.fillColour,r=t.height,o=t.opacity,l=t.strokeColour,a=t.title,c=void 0===a?"Save star":a,u=t.width;return n.a.createElement("svg",g({"aria-label":"icon-save-star",role:"img",viewBox:"0 0 18 18"},Object(i.clean)({height:r,title:c,width:u||r})),n.a.createElement("title",null,c),n.a.createElement("path",g({},Object(i.clean)({fill:e,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"})))};m.defaultProps={fillColour:l.colours.functional.action};var b=m;function L(){return(L=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var y=function(t){var e=t.fillColour,r=t.height,o=t.opacity,l=t.strokeColour,a=t.title,c=void 0===a?"Copy link to clipboard":a,u=t.width;return n.a.createElement("svg",L({"aria-label":"icon-copy-link",role:"img",viewBox:"0 0 15 15"},Object(i.clean)({height:r,title:c,width:u||r})),n.a.createElement("title",null,c),n.a.createElement("path",L({},Object(i.clean)({fill:e,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"})))};y.defaultProps={fillColour:l.colours.functional.secondary,height:15,width:15};var w=y;function O(){return(O=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var j=function(t){var e=t.fillColour,r=t.height,o=t.opacity,l=t.strokeColour,a=t.title,c=void 0===a?"Save to My Articles":a,u=t.width;return n.a.createElement("svg",O({"aria-label":"icon-save-bookmark",role:"img",viewBox:"0 0 12 16"},Object(i.clean)({height:r,title:c,width:u||r})),n.a.createElement("title",null,c),n.a.createElement("path",O({},Object(i.clean)({fill:e,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(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var P=function(t){var e=t.fillColour,r=t.height,o=t.strokeColour,l=t.title,a=void 0===l?"Twitter Icon":l,c=t.width;return n.a.createElement("svg",k({"aria-label":"icon-twitter",role:"img",viewBox:"-354.2 -279.4 750 600"},Object(i.clean)({height:r,title:a,width:c||1.25*r})),n.a.createElement("title",null,a),n.a.createElement("path",k({},Object(i.clean)({fill:e,stroke:o}),{d:"M391.3-210.7c-28.9,10.9-57.8,21.7-86.7,25.3c32.5-18.1,54.2-50.6,68.7-83.1c-28.9,18.1-61.5,28.9-97.6,36.1 c-28.9-28.9-68.7-47-112-47c-83.1,0-151.8,68.7-151.8,151.8c0,10.8,0,25.3,3.6,36.1c-126.5-7.3-238.6-68.7-314.5-159 c-14.5,21.7-21.7,50.6-21.7,75.9c0,54.2,25.3,101.2,68.7,126.5c-25.3,0-47-7.2-68.7-18.1c0,0,0,0,0,3.6 c0,72.3,54.2,137.4,122.9,148.2c-14.5,3.6-25.3,3.6-39.7,3.6c-10.9,0-18.1,0-28.9-3.6c18.1,61.5,75.9,104.8,141,104.8 c-50.6,39.8-119.3,65.1-188,65.1c-10.8,0-25.3,0-36.1-3.6c68.7,43.3,148.2,68.7,234.9,68.7C167.2,320.6,319,89.3,319-113.1 c0-7.2,0-14.4,0-18.1C344.3-152.9,369.6-181.8,391.3-210.7z"})))};P.defaultProps={fillColour:l.colours.functional.action};var x=P;function M(){return(M=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var I=function(t){var e=t.fillColour,r=t.height,o=t.strokeColour,l=t.title,a=void 0===l?"Video Icon":l,c=t.width;return n.a.createElement("svg",M({"aria-label":"icon-video",role:"img",viewBox:"0 0 68 40"},Object(i.clean)({height:r,title:a,width:c||1.7*r})),n.a.createElement("title",null,a),n.a.createElement("rect",M({},Object(i.clean)({fill:e,stroke:o}),{height:"40",width:"50",x:"0",y:"0"})),n.a.createElement("polygon",M({},Object(i.clean)({fill:e,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(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var S=function(t){var e=t.fillColour,r=t.height,o=t.strokeColour,l=t.title,a=void 0===l?"Video 360 Player Icon":l,c=t.width;return n.a.createElement("svg",B({"aria-label":"icon-video-360-player",role:"img",viewBox:"0 0 108 100"},Object(i.clean)({height:r,title:a,width:c||1.08*r})),n.a.createElement("title",null,a),n.a.createElement("path",B({},Object(i.clean)({fill:e,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 T=S;function _(){return(_=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var A=function(t){var e=t.fillColour,r=t.height,o=t.strokeColour,l=t.title,a=void 0===l?"ST":l,c=t.width;return n.a.createElement("svg",_({"aria-label":"logo-the-sunday-times",role:"img",viewBox:"0 0 29 20"},Object(i.clean)({height:r,title:a,width:c||r})),n.a.createElement("title",null,a),n.a.createElement("path",_({},Object(i.clean)({fill:e,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 q(){return(q=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var V=function(t){var e=t.fillColour,r=t.height,o=t.strokeColour,l=t.title,a=void 0===l?"The Times":l,c=t.width;return n.a.createElement("svg",q({"aria-label":"logo-the-times",role:"img",viewBox:"0 0 20 20"},Object(i.clean)({height:r,title:a,width:c||r})),n.a.createElement("title",null,a),n.a.createElement("path",q({},Object(i.clean)({fill:e,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 F=V;function N(){return(N=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var R=function(t){var e=t.height,r=t.width,o=t.title;return n.a.createElement("svg",N({"aria-label":"icon-close",role:"img",viewBox:"0 0 28 28"},Object(i.clean)({height:e,width:r,title:"Close Icon"})),n.a.createElement("title",null,o),n.a.createElement("path",N({},Object(i.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 D=R,G=function(t){var e=t.fillColour,r=t.height,o=t.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:e},n.a.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"})))};G.defaultProps={fillColour:l.colours.functional.action};var H=G,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(t){var e=t.fillColour,r=t.title,o=void 0===r?"Activity Indicator":r;return n.a.createElement(W,null,n.a.createElement(U,{"data-fill-colour":e,"data-title":o}))};X.defaultProps={fillColour:l.colours.functional.action};var Y=X;r.d(e,"IconEmail",(function(){return s})),r.d(e,"IconFacebook",(function(){return v})),r.d(e,"IconForwardArrow",(function(){return C})),r.d(e,"IconStar",(function(){return b})),r.d(e,"IconCopyLink",(function(){return w})),r.d(e,"IconSaveBookmark",(function(){return E})),r.d(e,"IconTwitter",(function(){return x})),r.d(e,"IconVideo",(function(){return Z})),r.d(e,"IconVideo360Player",(function(){return T})),r.d(e,"TheSTLogo",(function(){return z})),r.d(e,"TheTimesLogo",(function(){return F})),r.d(e,"CloseIcon",(function(){return D})),r.d(e,"IconForwardChevron",(function(){return H})),r.d(e,"IconActivityIndicator",(function(){return Y}))}]);