pebble-web 2.9.1 → 2.9.3

package/dist/pebble-web.umd.js

@@ -9278,6 +9278,8 @@
             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,
@@ -9300,18 +9302,19 @@
           readOnly: readOnly,
           value: value || ""
         };
-        var highlightClassName = cx(highlightStyle, {
+        var _highlightClassName = 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 = cx(labelStyle, {
           _pebble_input_label_focused: !!(isFocused || !!value || fixLabelAtTop)
         });
         var _wrapperStyle = cx(wrapperStyle$2, {
           _pebble_input_wrapper_textarea: !!textArea
         }, className);
+        var _loadingStyle = cx(loadingStyle, loadingClassName);
         return /*#__PURE__*/React.createElement("div", {
           className: _wrapperStyle,
           onFocus: this.addFocus,
@@ -9319,21 +9322,21 @@
           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: colors.red.base
           }
         }, "\xA0*")), /*#__PURE__*/React.createElement("div", {
-          className: highlightClassName,
+          className: _highlightClassName,
           style: {
             backgroundColor: getColor(errorMessage, successMessage, true)
           }
         }), loading && /*#__PURE__*/React.createElement(Loader, {
           color: colors.violet.base,
           scale: 0.6,
-          className: loadingStyle
+          className: _loadingStyle
         }), _message && /*#__PURE__*/React.createElement("div", {
           className: messageStyle,
           style: {
@@ -11232,7 +11235,7 @@
                 onChange: noop,
                 type: "tel",
                 value: value,
-                placeholder: "".concat(placeholder, " DD/MM/YYYY"),
+                placeholder: placeholder,
                 onClick: function onClick() {
                   if (disabled) return;
                   toggleDropdown();
@@ -11616,8 +11619,8 @@
   };
 
   var modalContainer = /*#__PURE__*/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;"
   } );
 
   var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
@@ -12498,6 +12501,7 @@
         errorMessage = props.errorMessage,
         value = props.value,
         dropdownClassName = props.dropdownClassName,
+        arrowClassName = props.arrowClassName,
         inputProps = props.inputProps,
         fullWidthDropdown = props.fullWidthDropdown,
         _props$onDropdownTogg = props.onDropdownToggle,
@@ -12516,9 +12520,9 @@
       labelComponent: function labelComponent(_ref) {
         var toggleDropdown = _ref.toggleDropdown,
             isOpen = _ref.isOpen;
-        var chevron = cx(chevronStyle, "pi", "pi-arrow-drop-down", {
+        var chevron = cx(chevronStyle, "pi pi-arrow-drop-down", {
           __pebble__select__open: isOpen
-        });
+        }, arrowClassName);
         return /*#__PURE__*/React.createElement("div", {
           className: cx(inputWrapper, disabled && disabledSelect),
           onClick: disabled ? undefined : function () {
@@ -13522,7 +13526,7 @@
             className: "pi pi-close"
           }), /*#__PURE__*/React.createElement(Ink, null)), /*#__PURE__*/React.createElement("div", {
             style: {
-              overflowY: "scroll",
+              overflowY: "auto",
               height: "100%"
             }
           }, children)));