bright-components 9.31.0 → 10.0.0

package/dist/components/TimePicker/Elements/PickerSeparator/index.js

@@ -11,20 +11,11 @@ var _vars = _interopRequireDefault(require("../../../../constants/vars"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tline-height: ", ";\n\tfont-size: ", ";\n\tfont-family: ", " !important;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var PickerSeparator = _styledComponents.default.div(_templateObject(), _spacing.default.s11, _spacing.default.s5, _vars.default.fontStackNormal);
-
+const PickerSeparator = _styledComponents.default.div`
+	line-height: ${_spacing.default.s11};
+	font-size: ${_spacing.default.s5};
+	font-family: ${_vars.default.fontStackNormal} !important;
+`;
 PickerSeparator.displayName = 'PickerSeparator';
 /** @component */
 

package/dist/components/TimePicker/Elements/Title/index.js

@@ -9,20 +9,14 @@ var _breakpoints = _interopRequireDefault(require("../../../../constants/breakpo
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\ttext-align: center;\n\tfont-weight: 800;\n\n\t@media (max-width: ", ") {\n\t\tdisplay: none;\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 Title = _styledComponents.default.div(_templateObject(), _breakpoints.default.largeMobile);
-
+const Title = _styledComponents.default.div`
+	text-align: center;
+	font-weight: 800;
+
+	@media (max-width: ${_breakpoints.default.largeMobile}) {
+		display: none;
+	}
+`;
 Title.displayName = 'Title';
 /** @component */
 

package/dist/components/TimePicker/Elements/TitleUnderline/index.js

@@ -13,20 +13,15 @@ var _breakpoints = _interopRequireDefault(require("../../../../constants/breakpo
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-top: ", ";\n\tmargin-bottom: ", ";\n\tborder-bottom: 1px solid ", ";\n\n\t@media (max-width: ", ") {\n\t\tdisplay: none;\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 TitleUnderline = _styledComponents.default.div(_templateObject(), _spacing.default.s1, _spacing.default.s2, _colors.default.grey, _breakpoints.default.largeMobile);
-
+const TitleUnderline = _styledComponents.default.div`
+	margin-top: ${_spacing.default.s1};
+	margin-bottom: ${_spacing.default.s2};
+	border-bottom: 1px solid ${_colors.default.grey};
+
+	@media (max-width: ${_breakpoints.default.largeMobile}) {
+		display: none;
+	}
+`;
 TitleUnderline.displayName = 'TitleUnderline';
 /** @component */
 

package/dist/components/TimePicker/Elements/UpIcon/index.js

@@ -19,27 +19,18 @@ 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 _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tcolor: ", " !important;\n\t:hover {\n\t\tcursor: pointer;\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 UpIcon = (0, _styledComponents.default)(_ChevronUp.default)(_templateObject(), _colors.default.grey);
+const UpIcon = (0, _styledComponents.default)(_ChevronUp.default)`
+	color: ${_colors.default.grey} !important;
+	:hover {
+		cursor: pointer;
+	}
+`;
 UpIcon.displayName = 'UpIcon';
-var IconSize = (0, _stripUnit.default)(_spacing.default.s2);
+const IconSize = (0, _stripUnit.default)(_spacing.default.s2);
 
-var UpIconComponent = function UpIconComponent(props) {
-  return _react.default.createElement(UpIcon, _extends({
-    size: IconSize
-  }, props));
-};
+const UpIconComponent = props => _react.default.createElement(UpIcon, _extends({
+  size: IconSize
+}, props));
 
 UpIconComponent.displayName = 'UpIcon';
 var _default = UpIconComponent;

package/dist/components/TimePicker/Time/TimeInput/index.js

@@ -27,72 +27,54 @@ var _roundToMultiple = _interopRequireDefault(require("../../utils/roundToMultip
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tborder-color: ", " !important;\n\twidth: ", " !important;\n\tpadding: 0px !important;\n\tfont-size: ", ";\n\tfont-family: ", " !important;\n\ttext-align: center;\n\t:focus {\n\t\tbackground-color: ", ";\n\t}\n\t&&::-webkit-outer-spin-button,\n\t::-webkit-inner-spin-button {\n\t\t-webkit-appearance: none;\n\t\tmargin: 0;\n\t}\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin: -", " 0 -", " 0;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var InputContainer = _styledComponents.default.div(_templateObject(), _spacing.default.s1, _spacing.default.s1);
-
+const InputContainer = _styledComponents.default.div`
+	margin: -${_spacing.default.s1} 0 -${_spacing.default.s1} 0;
+`;
 InputContainer.displayName = 'InputContainer';
-var InputField = (0, _styledComponents.default)(_Input.default)(_templateObject2(), _colors.default.white, function (props) {
-  return props.paddingLen < 4 ? _spacing.default.s11 : _spacing.default.s14;
-}, _spacing.default.s5, _vars.default.fontStackNormal, _colors.default.bodyBackground);
+const InputField = (0, _styledComponents.default)(_Input.default)`
+	border-color: ${_colors.default.white} !important;
+	width: ${props => props.paddingLen < 4 ? _spacing.default.s11 : _spacing.default.s14} !important;
+	padding: 0px !important;
+	font-size: ${_spacing.default.s5};
+	font-family: ${_vars.default.fontStackNormal} !important;
+	text-align: center;
+	:focus {
+		background-color: ${_colors.default.bodyBackground};
+	}
+	&&::-webkit-outer-spin-button,
+	::-webkit-inner-spin-button {
+		-webkit-appearance: none;
+		margin: 0;
+	}
+`;
 InputField.displayName = 'InputField';
 
-var TimeInput =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(TimeInput, _React$Component);
-
-  function TimeInput(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.state = {
+class TimeInput extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       valueBeingTypedIn: null
     };
-    (0, _reactAutobind.default)(_assertThisInitialized(_this));
-    return _this;
+    (0, _reactAutobind.default)(this);
   }
 
-  var _proto = TimeInput.prototype;
-
-  _proto.setNewValue = function setNewValue(shouldApply) {
+  setNewValue(shouldApply) {
     if (shouldApply === void 0) {
       shouldApply = false;
     }
 
-    var _this$props = this.props,
-        steps = _this$props.steps,
-        min = _this$props.min,
-        max = _this$props.max,
-        setTime = _this$props.setTime;
-    var valueBeingTypedIn = this.state.valueBeingTypedIn;
+    const {
+      steps,
+      min,
+      max,
+      setTime
+    } = this.props;
+    const {
+      valueBeingTypedIn
+    } = this.state;
     if (!valueBeingTypedIn) return;
-    var rawValue = parseInt(valueBeingTypedIn, 10);
-    var newValue = (0, _limitAround.default)(rawValue, min, max);
+    const rawValue = parseInt(valueBeingTypedIn, 10);
+    let newValue = (0, _limitAround.default)(rawValue, min, max);
     newValue = (0, _roundToMultiple.default)(newValue, steps);
 
     if (newValue > max) {
@@ -103,47 +85,46 @@ function (_React$Component) {
       valueBeingTypedIn: null
     });
     setTime(newValue, shouldApply);
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
+  }
 
-    var _this$props2 = this.props,
-        steps = _this$props2.steps,
-        value = _this$props2.value,
-        paddingLen = _this$props2.paddingLen,
-        unit = _this$props2.unit;
-    var valueBeingTypedIn = this.state.valueBeingTypedIn;
+  render() {
+    const {
+      steps,
+      value,
+      paddingLen,
+      unit
+    } = this.props;
+    const {
+      valueBeingTypedIn
+    } = this.state;
     return _react.default.createElement(InputContainer, null, _react.default.createElement(InputField, {
       value: valueBeingTypedIn != null ? valueBeingTypedIn : (0, _pad.default)(value, paddingLen),
       paddingLen: paddingLen,
       type: "number",
       step: steps,
-      onChange: function onChange(e) {
-        _this2.setState({
+      onChange: e => {
+        this.setState({
           valueBeingTypedIn: e.target.value
         });
       },
-      ref: function ref(c) {
-        _this2.props.setRef(c);
+      ref: c => {
+        this.props.setRef(c);
       },
       onInput: this.props.hasUserEnteredInputManually,
-      onBlur: function onBlur() {
-        _this2.setNewValue();
+      onBlur: () => {
+        this.setNewValue();
       },
-      onKeyDown: function onKeyDown(e) {
+      onKeyDown: e => {
         if (e.key === 'Enter') {
           e.preventDefault();
-
-          _this2.setNewValue(true);
+          this.setNewValue(true);
         }
       },
-      "data-e2e": "time-" + unit
+      "data-e2e": `time-${unit}`
     }));
-  };
+  }
 
-  return TimeInput;
-}(_react.default.Component);
+}
 
 TimeInput.displayName = 'TimeInput';
 TimeInput.propTypes = {