bright-components 9.31.0 → 10.0.0

package/dist/components/Modal/ModalHeader/index.js

@@ -19,41 +19,33 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tposition: absolute;\n\tright: ", ";\n\ttop: ", ";\n\tcursor: pointer;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tfont-family: 'galano-bold', 'galano', sans-serif;\n\tfont-weight: bold;\n\tpadding: ", " ", " ", " ", ";\n\tbackground-color: ", ";\n\tcolor: ", ";\n"]);
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Content = _styledComponents.default.div(_templateObject(), _spacing.default.s2, _spacing.default.s5, _spacing.default.s2, _spacing.default.s2, _colors.default.primary, _colors.default.white);
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+const Content = _styledComponents.default.div`
+	font-family: 'galano-bold', 'galano', sans-serif;
+	font-weight: bold;
+	padding: ${_spacing.default.s2} ${_spacing.default.s5} ${_spacing.default.s2} ${_spacing.default.s2};
+	background-color: ${_colors.default.primary};
+	color: ${_colors.default.white};
+`;
 Content.displayName = 'Content';
-var Close = (0, _styledComponents.default)(_Cross.default)(_templateObject2(), _spacing.default.s2, _spacing.default.s2);
+const Close = (0, _styledComponents.default)(_Cross.default)`
+	position: absolute;
+	right: ${_spacing.default.s2};
+	top: ${_spacing.default.s2};
+	cursor: pointer;
+`;
 Close.displayName = 'Close';
 
-var ModalHeader = function ModalHeader(_ref) {
-  var children = _ref.children,
-      close = _ref.close,
-      className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "close", "className"]);
+const ModalHeader = _ref => {
+  let {
+    children,
+    close,
+    className
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["children", "close", "className"]);
 
   return _react.default.createElement(Content, _extends({
     className: className
@@ -74,7 +66,7 @@ ModalHeader.propTypes = {
 };
 ModalHeader.defaultProps = {
   children: '',
-  close: function close() {},
+  close: () => {},
   className: ''
 };
 var _default = ModalHeader;

package/dist/components/Modal/index.js

@@ -19,90 +19,64 @@ var _vars = _interopRequireDefault(require("../../constants/vars"));
 
 var _colors = _interopRequireDefault(require("../../constants/colors"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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 }; }
 
 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); }
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\t\t\toverflow-x: visible;\n\t\t\toverflow-y: visible;\n\t\t"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\tbackground: white;\n\tposition: relative;\n\twidth: ", ";\n\tanimation: ", " 0.3s ease-in-out 0s;\n\tbox-shadow: ", ";\n\tmargin: ", ";\n\tborder-radius: ", ";\n\tmax-height: 90%;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\t", ";\n\n\t", ";\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n\t", ";\n\twidth: 100%;\n\tz-index: 9998;\n\tbackground: ", ";\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var MODAL_WIDTHS = _vars.default.modalWidths;
-var fadeIn = (0, _styledComponents.keyframes)(_templateObject());
-
-var Background = _styledComponents.default.div(_templateObject2(), function (props) {
-  return props.version === '1' && 'height: 100vh';
-}, _colors.default.modalOverlay);
-
-var ModalContainer = _styledComponents.default.div(_templateObject3(), function (props) {
-  return props.width;
-}, fadeIn, _vars.default.boxShadow, _spacing.default.s2, _vars.default.borderRadius, function (props) {
-  return props.version === '1' && '-webkit-overflow-scrolling: touch';
-}, function (props) {
-  return props.allowOverflow && (0, _styledComponents.css)(_templateObject4());
-});
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+const MODAL_WIDTHS = _vars.default.modalWidths;
+const fadeIn = (0, _styledComponents.keyframes)`
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
+`;
+const Background = _styledComponents.default.div`
+	position: fixed;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	${props => props.version === '1' && 'height: 100vh'};
+	width: 100%;
+	z-index: 9998;
+	background: ${_colors.default.modalOverlay};
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`;
+const ModalContainer = _styledComponents.default.div`
+	background: white;
+	position: relative;
+	width: ${props => props.width};
+	animation: ${fadeIn} 0.3s ease-in-out 0s;
+	box-shadow: ${_vars.default.boxShadow};
+	margin: ${_spacing.default.s2};
+	border-radius: ${_vars.default.borderRadius};
+	max-height: 90%;
+	overflow-x: hidden;
+	overflow-y: auto;
+	${props => props.version === '1' && '-webkit-overflow-scrolling: touch'};
+
+	${props => props.allowOverflow && (0, _styledComponents.css)`
+			overflow-x: visible;
+			overflow-y: visible;
+		`};
+`;
 ModalContainer.displayName = 'ModalContainer';
 Background.displayName = 'Background';
 
-var Modal =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(Modal, _React$Component);
-
-  function Modal() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-
-  var _proto = Modal.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
+class Modal extends _react.default.Component {
+  componentDidMount() {
     /* istanbul ignore next */
     if (this.props.version === '1') {
       // eslint-disable-next-line no-console
@@ -110,25 +84,27 @@ function (_React$Component) {
     }
 
     document.body.style.overflow = 'hidden';
-  };
+  }
 
-  _proto.componentWillUnmount = function componentWillUnmount() {
+  componentWillUnmount() {
     document.body.style.overflow = 'auto';
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        close = _this$props.close,
-        children = _this$props.children,
-        bgDismiss = _this$props.bgDismiss,
-        width = _this$props.width,
-        allowOverflow = _this$props.allowOverflow,
-        version = _this$props.version,
-        rest = _objectWithoutPropertiesLoose(_this$props, ["close", "children", "bgDismiss", "width", "allowOverflow", "version"]);
-
-    var modalWidth = (0, _lodash.default)(MODAL_WIDTHS, width, width);
+  }
 
-    var dismiss = function dismiss() {
+  render() {
+    const _this$props = this.props,
+          {
+      close,
+      children,
+      bgDismiss,
+      width,
+      allowOverflow,
+      version
+    } = _this$props,
+          rest = _objectWithoutProperties(_this$props, ["close", "children", "bgDismiss", "width", "allowOverflow", "version"]);
+
+    const modalWidth = (0, _lodash.default)(MODAL_WIDTHS, width, width);
+
+    const dismiss = () => {
       if (bgDismiss) {
         close();
       }
@@ -141,25 +117,24 @@ function (_React$Component) {
       "data-testid": "background"
     }), _react.default.createElement(ModalContainer, {
       width: modalWidth,
-      onClick: function onClick(e) {
+      onClick: e => {
         e.stopPropagation();
       },
       allowOverflow: allowOverflow,
       version: version,
       role: "region"
-    }, _react.default.Children.map(children, function (child) {
+    }, _react.default.Children.map(children, child => {
       if (!child) {
         return null;
       }
 
       return _react.default.cloneElement(child, {
-        close: close
+        close
       });
     }))), document.body);
-  };
+  }
 
-  return Modal;
-}(_react.default.Component);
+}
 
 Modal.displayName = 'Modal';
 Modal.propTypes = {
@@ -176,7 +151,7 @@ Modal.defaultProps = {
   children: null,
   bgDismiss: true,
   width: 'small',
-  close: function close() {},
+  close: () => {},
   allowOverflow: false,
   version: '1'
 };

package/dist/components/NumberInput/componentMap/index.js

@@ -9,8 +9,10 @@ var _InputWithUnit = _interopRequireDefault(require("../../InputWithUnit"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var componentMap = function componentMap(_ref) {
-  var unit = _ref.unit;
+const componentMap = _ref => {
+  let {
+    unit
+  } = _ref;
   return unit ? _InputWithUnit.default : _Input.default;
 };
 

package/dist/components/NumberInput/decimalFilter/index.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var decimalFilter = function decimalFilter(value) {
+const decimalFilter = value => {
   return value.replace(/([^\d.-]+)/gi, '');
 };
 

package/dist/components/NumberInput/index.js

@@ -21,54 +21,46 @@ var _inputMode = _interopRequireDefault(require("./inputMode"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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 _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); }
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var getValueString = function getValueString(value) {
-  return typeof value === 'undefined' || value === null ? '' : value.toString();
-};
-
-var NumberInput = function NumberInput(_ref) {
-  var value = _ref.value,
-      onChange = _ref.onChange,
-      _onFocus = _ref.onFocus,
-      _onBlur = _ref.onBlur,
-      type = _ref.type,
-      step = _ref.step,
-      min = _ref.min,
-      max = _ref.max,
-      unit = _ref.unit,
-      rest = _objectWithoutPropertiesLoose(_ref, ["value", "onChange", "onFocus", "onBlur", "type", "step", "min", "max", "unit"]);
-
-  var inputFilter = type === 'decimal' ? _decimalFilter.default : _integerFilter.default;
-  var rounder = step ? (0, _roundTo.default)(step, min < 0) : function (anyValue) {
-    return anyValue;
-  };
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-  var isInStep = function isInStep(testNumber) {
-    return rounder(testNumber) === testNumber;
-  };
-
-  var _useState = (0, _react.useState)(getValueString(value).toString()),
-      internalValue = _useState[0],
-      setInternalValue = _useState[1];
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-  (0, _react.useEffect)(function () {
+const getValueString = value => typeof value === 'undefined' || value === null ? '' : value.toString();
+
+const NumberInput = _ref => {
+  let {
+    value,
+    onChange,
+    onFocus,
+    onBlur,
+    type,
+    step,
+    min,
+    max,
+    unit
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["value", "onChange", "onFocus", "onBlur", "type", "step", "min", "max", "unit"]);
+
+  const inputFilter = type === 'decimal' ? _decimalFilter.default : _integerFilter.default;
+  const rounder = step ? (0, _roundTo.default)(step, min < 0) : anyValue => anyValue;
+
+  const isInStep = testNumber => rounder(testNumber) === testNumber;
+
+  const [internalValue, setInternalValue] = (0, _react.useState)(getValueString(value).toString());
+  (0, _react.useEffect)(() => {
     // keep internal value in sync with prop change
     setInternalValue(getValueString(value));
   }, [value]);
+  const [hasFocus, setFocus] = (0, _react.useState)(false);
 
-  var _useState2 = (0, _react.useState)(false),
-      hasFocus = _useState2[0],
-      setFocus = _useState2[1];
-
-  var onChangeHandler = function onChangeHandler(newValue) {
-    var filteredValue = inputFilter(newValue);
+  const onChangeHandler = newValue => {
+    const filteredValue = inputFilter(newValue);
     setInternalValue(filteredValue);
 
     if (newValue === '') {
@@ -76,57 +68,61 @@ var NumberInput = function NumberInput(_ref) {
       return;
     }
 
-    var valueAsNumber = type === 'integer' ? parseInt(filteredValue, 10) : parseFloat(filteredValue);
+    const valueAsNumber = type === 'integer' ? parseInt(filteredValue, 10) : parseFloat(filteredValue);
 
     if (valueAsNumber.toString() === newValue && valueAsNumber >= min && valueAsNumber <= max && isInStep(valueAsNumber)) {
       onChange(valueAsNumber);
     }
   };
 
-  var incrementHandler = function incrementHandler(increment) {
-    var currentValue = type === 'integer' ? parseInt(internalValue, 10) : parseFloat(internalValue); // if current value is out of step, first increment should just fix that
+  const incrementHandler = increment => {
+    const currentValue = type === 'integer' ? parseInt(internalValue, 10) : parseFloat(internalValue); // if current value is out of step, first increment should just fix that
 
-    var amountToIncrement = isInStep(currentValue) ? increment : increment / 2;
+    const amountToIncrement = isInStep(currentValue) ? increment : increment / 2;
     onChangeHandler((0, _getBoundedValue.default)(rounder(currentValue + amountToIncrement), min, max).toString());
   };
 
-  var blurHandler = function blurHandler() {
+  const blurHandler = () => {
     // tries to apply current value, or the nearest valid number
-    var currentValue = type === 'integer' ? parseInt(internalValue, 10) : parseFloat(internalValue);
+    const currentValue = type === 'integer' ? parseInt(internalValue, 10) : parseFloat(internalValue);
     onChangeHandler((0, _getBoundedValue.default)(rounder(currentValue), min, max).toString());
   };
 
-  var InputComponent = (0, _componentMap.default)({
-    unit: unit
+  const InputComponent = (0, _componentMap.default)({
+    unit
   });
   return _react.default.createElement(InputComponent, _extends({
     unit: unit,
     type: "text",
     inputMode: (0, _inputMode.default)(type, min),
     value: hasFocus ? internalValue : getValueString(value),
-    onFocus: function onFocus(e) {
+    onFocus: e => {
       setFocus(true);
 
-      if (_onFocus) {
-        _onFocus(e);
+      if (onFocus) {
+        onFocus(e);
       }
     },
-    onBlur: function onBlur(e) {
+    onBlur: e => {
       setFocus(false);
 
       if (internalValue !== getValueString(value)) {
         blurHandler();
       }
 
-      if (_onBlur) {
-        _onBlur(e);
+      if (onBlur) {
+        onBlur(e);
       }
     },
-    onChange: function onChange(_ref2) {
-      var newValue = _ref2.target.value;
+    onChange: _ref2 => {
+      let {
+        target: {
+          value: newValue
+        }
+      } = _ref2;
       return onChangeHandler(newValue);
     },
-    onKeyDown: function onKeyDown(e) {
+    onKeyDown: e => {
       if (e.key === '-' && e.target.selectionStart !== 0) {
         // mask out any negative signs not at start
         e.preventDefault();

package/dist/components/NumberInput/inputMode/index.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _default = function _default(type, min) {
+var _default = (type, min) => {
   if (min < 0) {
     // somehow Apple has managed to release 13 versions of iOS and there's still no number keypad with a - sign
     // so we have to fallback to the alpha keyboard.

package/dist/components/NumberInput/integerFilter/index.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var integerFilter = function integerFilter(value) {
+const integerFilter = value => {
   return value.replace(/([^\d-]+)/gi, '');
 };
 

package/dist/components/Options/index.js

@@ -17,81 +17,74 @@ var _RadioBlock = _interopRequireDefault(require("../RadioBlock"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\theight: 12px;\n\twidth: 12px;\n\tborder-radius: 50%;\n\tbackground-color: ", ";\n\t", ";\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\theight: 24px;\n\twidth: 24px;\n\tborder-radius: 50%;\n\tmargin-right: ", ";\n\tborder: 2px solid ", ";\n\tbackground-color: ", ";\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tpadding: ", " ", " ", " ", ";\n\tborder: 2px solid ", ";\n\tfont-weight: bold;\n\tdisplay: flex;\n\talign-items: center;\n\tbox-shadow: none;\n\theight: 44px;\n\tflex-shrink: 0;\n\tfont-size: 14px;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\n\t> * {\n\t\tmargin-right: ", ";\n\t\t&:last-child {\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Wrapper = _styledComponents.default.div(_templateObject(), _spacing.default.s2);
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+const Wrapper = _styledComponents.default.div`
+	display: flex;
+	justify-content: flex-start;
+
+	> * {
+		margin-right: ${_spacing.default.s2};
+		&:last-child {
+			margin-right: 0;
+		}
+	}
+`;
 Wrapper.displayName = 'Wrapper';
-var Block = (0, _styledComponents.default)(_RadioBlock.default)(_templateObject2(), _spacing.default.s1, _spacing.default.s2, _spacing.default.s1, _spacing.default.s1, _colors.default.primary);
+const Block = (0, _styledComponents.default)(_RadioBlock.default)`
+	padding: ${_spacing.default.s1} ${_spacing.default.s2} ${_spacing.default.s1} ${_spacing.default.s1};
+	border: 2px solid ${_colors.default.primary};
+	font-weight: bold;
+	display: flex;
+	align-items: center;
+	box-shadow: none;
+	height: 44px;
+	flex-shrink: 0;
+	font-size: 14px;
+`;
 Block.displayName = 'Block';
-
-var Outside = _styledComponents.default.div(_templateObject3(), _spacing.default.s1, _colors.default.primary, _colors.default.white);
-
+const Outside = _styledComponents.default.div`
+	height: 24px;
+	width: 24px;
+	border-radius: 50%;
+	margin-right: ${_spacing.default.s1};
+	border: 2px solid ${_colors.default.primary};
+	background-color: ${_colors.default.white};
+	display: flex;
+	align-items: center;
+	justify-content: center;
+`;
 Outside.displayName = 'Outside';
-
-var Inside = _styledComponents.default.div(_templateObject4(), _colors.default.primary, function (props) {
-  return !props.selected && 'display: none';
-});
-
+const Inside = _styledComponents.default.div`
+	height: 12px;
+	width: 12px;
+	border-radius: 50%;
+	background-color: ${_colors.default.primary};
+	${props => !props.selected && 'display: none'};
+`;
 Inside.displayName = 'Inside';
 
-var Options = function Options(_ref) {
-  var selectedValue = _ref.selectedValue,
-      options = _ref.options,
-      _onChange = _ref.onChange,
-      rest = _objectWithoutPropertiesLoose(_ref, ["selectedValue", "options", "onChange"]);
-
-  return _react.default.createElement(Wrapper, rest, options.map(function (_ref2) {
-    var label = _ref2.label,
-        value = _ref2.value,
-        e2e = _ref2.e2e,
-        disabled = _ref2.disabled;
+const Options = _ref => {
+  let {
+    selectedValue,
+    options,
+    onChange
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["selectedValue", "options", "onChange"]);
+
+  return _react.default.createElement(Wrapper, rest, options.map(_ref2 => {
+    let {
+      label,
+      value,
+      e2e,
+      disabled
+    } = _ref2;
     return _react.default.createElement(Block, {
       checked: value === selectedValue,
-      onChange: function onChange() {
-        _onChange(value);
+      onChange: () => {
+        onChange(value);
       },
       name: value,
       value: value,