@times-components/gradient 3.3.6 → 3.4.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.4.0](https://github.com/newsuk/times-components/compare/@times-components/gradient@3.3.8...@times-components/gradient@3.4.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)
+
+
+
+
+
+## [3.3.8](https://github.com/newsuk/times-components/compare/@times-components/gradient@3.3.7...@times-components/gradient@3.3.8) (2022-08-05)
+
+**Note:** Version bump only for package @times-components/gradient
+
+
+
+
+
+## [3.3.7](https://github.com/newsuk/times-components/compare/@times-components/gradient@3.3.6...@times-components/gradient@3.3.7) (2022-07-19)
+
+**Note:** Version bump only for package @times-components/gradient
+
+
+
+
+
 ## [3.3.6](https://github.com/newsuk/times-components/compare/@times-components/gradient@3.3.5...@times-components/gradient@3.3.6) (2022-07-18)
 
 **Note:** Version bump only for package @times-components/gradient

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/gradient-prop-types-shared.js

@@ -1 +1,29 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=exports.propTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var propTypes={children:_propTypes.default.oneOfType([_propTypes.default.element,_propTypes.default.arrayOf(_propTypes.default.element)]),degrees:_propTypes.default.number,endColour:_propTypes.default.string,endPoint:_propTypes.default.string,startColour:_propTypes.default.string,startPoint:_propTypes.default.string,style:_propTypes.default.object};exports.propTypes=propTypes;var defaultProps={children:null,degrees:265,endPoint:"1",startPoint:"0",style:null};exports.defaultProps=defaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].arrayOf(_propTypes["default"].element)]),
+  degrees: _propTypes["default"].number,
+  endColour: _propTypes["default"].string,
+  endPoint: _propTypes["default"].string,
+  startColour: _propTypes["default"].string,
+  startPoint: _propTypes["default"].string,
+  style: _propTypes["default"].object
+};
+exports.propTypes = propTypes;
+var defaultProps = {
+  children: null,
+  degrees: 265,
+  endPoint: "1",
+  startPoint: "0",
+  style: null
+};
+exports.defaultProps = defaultProps;

package/dist/gradient-prop-types.base.js

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

package/dist/gradient-prop-types.js

@@ -1 +1,19 @@
-Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"propTypes",{enumerable:true,get:function get(){return _gradientPropTypesShared.propTypes;}});Object.defineProperty(exports,"defaultProps",{enumerable:true,get:function get(){return _gradientPropTypesShared.defaultProps;}});var _gradientPropTypesShared=require("./gradient-prop-types-shared");
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "propTypes", {
+  enumerable: true,
+  get: function get() {
+    return _gradientPropTypesShared.propTypes;
+  }
+});
+Object.defineProperty(exports, "defaultProps", {
+  enumerable: true,
+  get: function get() {
+    return _gradientPropTypesShared.defaultProps;
+  }
+});
+
+var _gradientPropTypesShared = require("./gradient-prop-types-shared");

package/dist/gradient.base.js

@@ -1 +1,38 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _gradientPropTypes=require("./gradient-prop-types.base");var _jsxFileName="/home/circleci/project/packages/gradient/src/gradient.base.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var GradientBase=function GradientBase(_ref){var children=_ref.children,degrees=_ref.degrees,endColour=_ref.endColour,startColour=_ref.startColour,style=_ref.style;return _react.default.createElement(_utils.TcView,{style:_objectSpread({backgroundImage:"linear-gradient("+degrees+"deg, "+startColour+" 0%, "+endColour+" 100%)"},style),__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:3}},children);};GradientBase.propTypes=_gradientPropTypes.propTypes;GradientBase.defaultProps=_gradientPropTypes.defaultProps;var _default=GradientBase;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 _gradientPropTypes = require("./gradient-prop-types.base");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var GradientBase = function GradientBase(_ref) {
+  var children = _ref.children,
+      degrees = _ref.degrees,
+      endColour = _ref.endColour,
+      startColour = _ref.startColour,
+      style = _ref.style;
+  return /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
+    style: _objectSpread({
+      backgroundImage: "linear-gradient(".concat(degrees, "deg, ").concat(startColour, " 0%, ").concat(endColour, " 100%)")
+    }, style)
+  }, children);
+};
+
+GradientBase.propTypes = _gradientPropTypes.propTypes;
+GradientBase.defaultProps = _gradientPropTypes.defaultProps;
+var _default = GradientBase;
+exports["default"] = _default;

package/dist/gradient.js

@@ -1 +1,38 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"OverlayGradient",{enumerable:true,get:function get(){return _overlayGradient.default;}});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 _gradientPropTypes=require("./gradient-prop-types");var _gradient=_interopRequireDefault(require("./gradient.base"));var _overlayGradient=_interopRequireDefault(require("./overlay-gradient"));var _jsxFileName="/home/circleci/project/packages/gradient/src/gradient.js";var Gradient=function Gradient(props){return _react.default.createElement(_gradient.default,(0,_extends2.default)({endColour:_tsStyleguide.colours.functional.backgroundSecondary,startColour:_tsStyleguide.colours.functional.backgroundPrimary},props,{__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:3}}));};Gradient.propTypes=_gradientPropTypes.propTypes;Gradient.defaultProps=_gradientPropTypes.defaultProps;var _default=Gradient;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OverlayGradient", {
+  enumerable: true,
+  get: function get() {
+    return _overlayGradient["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _gradientPropTypes = require("./gradient-prop-types");
+
+var _gradient = _interopRequireDefault(require("./gradient.base"));
+
+var _overlayGradient = _interopRequireDefault(require("./overlay-gradient"));
+
+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 Gradient = function Gradient(props) {
+  return /*#__PURE__*/_react["default"].createElement(_gradient["default"], _extends({
+    endColour: _tsStyleguide.colours.functional.backgroundSecondary,
+    startColour: _tsStyleguide.colours.functional.backgroundPrimary
+  }, props));
+};
+
+Gradient.propTypes = _gradientPropTypes.propTypes;
+Gradient.defaultProps = _gradientPropTypes.defaultProps;
+var _default = Gradient;
+exports["default"] = _default;

package/dist/overlay-gradient.js

@@ -1 +1,30 @@
-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 _gradientPropTypes=require("./gradient-prop-types");var _gradient=_interopRequireDefault(require("./gradient.base"));var _jsxFileName="/home/circleci/project/packages/gradient/src/overlay-gradient.js";var OverlayGradient=function OverlayGradient(props){return _react.default.createElement(_gradient.default,(0,_extends2.default)({},props,{endColour:_tsStyleguide.colours.functional.overlayGradientEnd,startColour:_tsStyleguide.colours.functional.overlayGradientStart,__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:3}}));};OverlayGradient.propTypes=_gradientPropTypes.propTypes;OverlayGradient.defaultProps=_gradientPropTypes.defaultProps;var _default=OverlayGradient;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 _gradientPropTypes = require("./gradient-prop-types");
+
+var _gradient = _interopRequireDefault(require("./gradient.base"));
+
+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 OverlayGradient = function OverlayGradient(props) {
+  return /*#__PURE__*/_react["default"].createElement(_gradient["default"], _extends({}, props, {
+    endColour: _tsStyleguide.colours.functional.overlayGradientEnd,
+    startColour: _tsStyleguide.colours.functional.overlayGradientStart
+  }));
+};
+
+OverlayGradient.propTypes = _gradientPropTypes.propTypes;
+OverlayGradient.defaultProps = _gradientPropTypes.defaultProps;
+var _default = OverlayGradient;
+exports["default"] = _default;

package/dist/styles/index.js

@@ -1 +1,20 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var styles={container:{position:"relative"},surface:{bottom:0,left:0,position:"absolute",right:0,top:0}};var _default=styles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var styles = {
+  container: {
+    position: "relative"
+  },
+  surface: {
+    bottom: 0,
+    left: 0,
+    position: "absolute",
+    right: 0,
+    top: 0
+  }
+};
+var _default = styles;
+exports["default"] = _default;

package/dist/utils/index.js

@@ -1 +1,27 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var angleToPoints=function angleToPoints(angle){var segment=Math.floor(angle/Math.PI*2)+2;var diagonal=(1/2*segment+1/4)*Math.PI;var op=Math.cos(Math.abs(diagonal-angle))*Math.sqrt(2);var x=op*Math.cos(angle);var y=op*Math.sin(angle);return{end:{x:x>=0?x:x+1,y:y>=0?y:y+1},start:{x:x<0?1:0,y:y<0?1:0}};};var _default=angleToPoints;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var angleToPoints = function angleToPoints(angle) {
+  var segment = Math.floor(angle / Math.PI * 2) + 2;
+  var diagonal = (1 / 2 * segment + 1 / 4) * Math.PI;
+  var op = Math.cos(Math.abs(diagonal - angle)) * Math.sqrt(2);
+  var x = op * Math.cos(angle);
+  var y = op * Math.sin(angle);
+  return {
+    end: {
+      x: x >= 0 ? x : x + 1,
+      y: y >= 0 ? y : y + 1
+    },
+    start: {
+      x: x < 0 ? 1 : 0,
+      y: y < 0 ? 1 : 0
+    }
+  };
+};
+
+var _default = angleToPoints;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/gradient",
-  "version": "3.3.6",
+  "version": "3.4.0",
   "description": "Renders a gradient background",
   "main": "dist/gradient",
   "dev": "src/gradient",
@@ -9,24 +9,13 @@
     "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",
     "transpile": "yarn cleanup-dist && babel src -d dist",
     "bundle": "NODE_ENV=production webpack -p"
   },
-  "jest": {
-    "preset": "react",
-    "rootDir": "../../",
-    "coverageDirectory": "<rootDir>/packages/gradient/coverage/",
-    "transformIgnorePatterns": [
-      "node_modules/(?!(react|@times-components)/)"
-    ],
-    "testMatch": [
-      "<rootDir>/packages/gradient/__tests__/*.test.js"
-    ]
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/newsuk/times-components.git"
@@ -44,14 +33,12 @@
   "devDependencies": {
     "@babel/core": "7.4.4",
     "@times-components/eslint-config-thetimes": "0.8.18",
-    "@times-components/jest-configurator": "2.8.0",
-    "@times-components/jest-serializer": "3.2.31",
-    "@times-components/storybook": "4.3.1",
-    "@times-components/test-utils": "2.3.10",
-    "@times-components/webpack-configurator": "2.0.29",
+    "@times-components/jest-configurator-web": "0.8.0",
+    "@times-components/jest-serializer": "3.4.0",
+    "@times-components/storybook": "4.5.0",
+    "@times-components/test-utils": "2.4.0",
+    "@times-components/webpack-configurator": "2.1.0",
     "babel-jest": "24.8.0",
-    "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",
@@ -60,12 +47,11 @@
     "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.7",
-    "@times-components/utils": "6.14.2",
+    "@times-components/ts-styleguide": "1.37.0",
+    "@times-components/utils": "6.15.0",
     "prop-types": "15.7.2"
   },
   "resolutions": {
@@ -79,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "358bc4e3a3e654126c6b3af629dd1c6f074cc0cd"
+  "gitHead": "fe2f12b7448a88662c53f840772282cd97756c5c"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var r={};function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:n})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,r){if(1&r&&(e=t(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(t.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var o in e)t.d(n,o,function(r){return e[r]}.bind(null,o));return n},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},t.p="",t(t.s=8)}([function(e,r){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,r){e.exports=require("react")},function(e,r,t){Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"propTypes",{enumerable:!0,get:function(){return n.propTypes}}),Object.defineProperty(r,"defaultProps",{enumerable:!0,get:function(){return n.defaultProps}});var n=t(9)},function(e,r){e.exports=require("@babel/runtime/helpers/extends")},function(e,r){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,r){e.exports=require("prop-types")},function(e,r,t){var n=t(0);Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var o=n(t(7)),u=n(t(1)),l=t(10),a=t(11);function i(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?i(Object(t),!0).forEach((function(r){(0,o.default)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var c=function(e){var r=e.children,t=e.degrees,n=e.endColour,o=e.startColour,a=e.style;return u.default.createElement(l.TcView,{style:f({backgroundImage:"linear-gradient("+t+"deg, "+o+" 0%, "+n+" 100%)"},a)},r)};c.defaultProps=a.defaultProps;var d=c;r.default=d},function(e,r){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,r,t){var n=t(0);Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"OverlayGradient",{enumerable:!0,get:function(){return f.default}}),r.default=void 0;var o=n(t(3)),u=n(t(1)),l=t(4),a=t(2),i=n(t(6)),f=n(t(12)),c=function(e){return u.default.createElement(i.default,(0,o.default)({endColour:l.colours.functional.backgroundSecondary,startColour:l.colours.functional.backgroundPrimary},e))};c.defaultProps=a.defaultProps;var d=c;r.default=d},function(e,r,t){var n=t(0);Object.defineProperty(r,"__esModule",{value:!0}),r.defaultProps=r.propTypes=void 0;var o=n(t(5)),u={children:o.default.oneOfType([o.default.element,o.default.arrayOf(o.default.element)]),degrees:o.default.number,endColour:o.default.string,endPoint:o.default.string,startColour:o.default.string,startPoint:o.default.string,style:o.default.object};r.propTypes=u;r.defaultProps={children:null,degrees:265,endPoint:"1",startPoint:"0",style:null}},function(e,r){e.exports=require("@times-components/utils/rnw")},function(e,r,t){var n=t(0);Object.defineProperty(r,"__esModule",{value:!0}),r.defaultProps=r.propTypes=void 0;var o=n(t(7)),u=n(t(5)),l=t(2);function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?a(Object(t),!0).forEach((function(r){(0,o.default)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var f=i(i({},l.propTypes),{},{endColour:u.default.string.isRequired,startColour:u.default.string.isRequired});r.propTypes=f;var c=i({},l.defaultProps);r.defaultProps=c},function(e,r,t){var n=t(0);Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var o=n(t(3)),u=n(t(1)),l=t(4),a=t(2),i=n(t(6)),f=function(e){return u.default.createElement(i.default,(0,o.default)({},e,{endColour:l.colours.functional.overlayGradientEnd,startColour:l.colours.functional.overlayGradientStart}))};f.defaultProps=a.defaultProps;var c=f;r.default=c}]);
+module.exports=function(e){var r={};function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:n})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,r){if(1&r&&(e=t(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(t.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var o in e)t.d(n,o,function(r){return e[r]}.bind(null,o));return n},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},t.p="",t(t.s=4)}([function(e,r){e.exports=require("prop-types")},function(e,r){e.exports=require("react")},function(e,r){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,r){e.exports=require("@times-components/utils/rnw")},function(e,r,t){"use strict";t.r(r);var n=t(1),o=t.n(n),u=t(2),c=t(0),a=t.n(c),i={children:a.a.oneOfType([a.a.element,a.a.arrayOf(a.a.element)]),degrees:a.a.number,endColour:a.a.string,endPoint:a.a.string,startColour:a.a.string,startPoint:a.a.string,style:a.a.object},l={children:null,degrees:265,endPoint:"1",startPoint:"0",style:null},s=t(3);function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){b(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function b(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}p(p({},i),{},{endColour:a.a.string.isRequired,startColour:a.a.string.isRequired});var y=p({},l);function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){g(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function g(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var j=function(e){var r=e.children,t=e.degrees,n=e.endColour,u=e.startColour,c=e.style;return o.a.createElement(s.TcView,{style:O({backgroundImage:"linear-gradient(".concat(t,"deg, ").concat(u," 0%, ").concat(n," 100%)")},c)},r)};j.defaultProps=y;var v=j;function P(){return(P=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var m=function(e){return o.a.createElement(v,P({},e,{endColour:u.colours.functional.overlayGradientEnd,startColour:u.colours.functional.overlayGradientStart}))};m.defaultProps=l;var w=m;function h(){return(h=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}t.d(r,"OverlayGradient",(function(){return w}));var S=function(e){return o.a.createElement(v,h({endColour:u.colours.functional.backgroundSecondary,startColour:u.colours.functional.backgroundPrimary},e))};S.defaultProps=l;r.default=S}]);