pebble-web 2.9.1 → 2.9.3

package/dist/pebble-web.js

@@ -1333,6 +1333,8 @@ var Input = /*#__PURE__*/function (_React$PureComponent) {
           placeholder = _this$props.placeholder,
           className = _this$props.className,
           inputClassName = _this$props.inputClassName,
+          highlightClassName = _this$props.highlightClassName,
+          loadingClassName = _this$props.loadingClassName,
           fixLabelAtTop = _this$props.fixLabelAtTop,
           value = _this$props.value,
           readOnly = _this$props.readOnly,
@@ -1355,18 +1357,19 @@ var Input = /*#__PURE__*/function (_React$PureComponent) {
         readOnly: readOnly,
         value: value || ""
       };
-      var highlightClassName = emotion.cx(highlightStyle, {
+      var _highlightClassName = emotion.cx(highlightStyle, {
         _pebble_input_highlight_focused: !!isFocused,
         _pebble_input_highlight_state: !!errorMessage || !!successMessage,
         _pebble_input_highlight_read_only: !!readOnly,
         _pebble_input_highlight_disabled: !!disabled
-      });
+      }, highlightClassName);
       var labelClassName = emotion.cx(labelStyle, {
         _pebble_input_label_focused: !!(isFocused || !!value || fixLabelAtTop)
       });
       var _wrapperStyle = emotion.cx(wrapperStyle$2, {
         _pebble_input_wrapper_textarea: !!textArea
       }, className);
+      var _loadingStyle = emotion.cx(loadingStyle, loadingClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: _wrapperStyle,
         onFocus: this.addFocus,
@@ -1374,21 +1377,21 @@ var Input = /*#__PURE__*/function (_React$PureComponent) {
         onClick: onClick
       }, this.props.textArea ? /*#__PURE__*/React.createElement("textarea", Object.assign({}, _inputProps, this.props.inputProps)) : /*#__PURE__*/React.createElement("input", Object.assign({
         type: type
-      }, _inputProps, this.props.inputProps)), /*#__PURE__*/React.createElement("label", {
+      }, _inputProps, this.props.inputProps)), !!placeholder && /*#__PURE__*/React.createElement("label", {
         className: labelClassName
       }, placeholder, required && /*#__PURE__*/React.createElement("span", {
         style: {
           color: pebbleShared.colors.red.base
         }
       }, "\xA0*")), /*#__PURE__*/React.createElement("div", {
-        className: highlightClassName,
+        className: _highlightClassName,
         style: {
           backgroundColor: getColor(errorMessage, successMessage, true)
         }
       }), loading && /*#__PURE__*/React.createElement(Loader, {
         color: pebbleShared.colors.violet.base,
         scale: 0.6,
-        className: loadingStyle
+        className: _loadingStyle
       }), _message && /*#__PURE__*/React.createElement("div", {
         className: messageStyle,
         style: {
@@ -1556,7 +1559,7 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
               onChange: noop,
               type: "tel",
               value: value,
-              placeholder: "".concat(placeholder, " DD/MM/YYYY"),
+              placeholder: placeholder,
               onClick: function onClick() {
                 if (disabled) return;
                 toggleDropdown();
@@ -1938,8 +1941,8 @@ var Message = function Message(_ref) {
 };
 
 var modalContainer = /*#__PURE__*/emotion.css( {
-  name: "6onlkt-modalContainer",
-  styles: "position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:99998;;label:modalContainer;"
+  name: "ts3alg-modalContainer",
+  styles: "position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:99998;;label:modalContainer;"
 } );
 
 function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -2602,6 +2605,7 @@ function Select(props) {
       errorMessage = props.errorMessage,
       value = props.value,
       dropdownClassName = props.dropdownClassName,
+      arrowClassName = props.arrowClassName,
       inputProps = props.inputProps,
       fullWidthDropdown = props.fullWidthDropdown,
       _props$onDropdownTogg = props.onDropdownToggle,
@@ -2620,9 +2624,9 @@ function Select(props) {
     labelComponent: function labelComponent(_ref) {
       var toggleDropdown = _ref.toggleDropdown,
           isOpen = _ref.isOpen;
-      var chevron = emotion.cx(chevronStyle, "pi", "pi-arrow-drop-down", {
+      var chevron = emotion.cx(chevronStyle, "pi pi-arrow-drop-down", {
         __pebble__select__open: isOpen
-      });
+      }, arrowClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: emotion.cx(inputWrapper, disabled && disabledSelect),
         onClick: disabled ? undefined : function () {
@@ -3626,7 +3630,7 @@ var SideBar = /*#__PURE__*/function (_React$PureComponent) {
           className: "pi pi-close"
         }), /*#__PURE__*/React.createElement(Ink, null)), /*#__PURE__*/React.createElement("div", {
           style: {
-            overflowY: "scroll",
+            overflowY: "auto",
             height: "100%"
           }
         }, children)));