pebble-web 2.9.1 → 2.9.3

package/dist/pebble-web.es.js

@@ -1250,6 +1250,8 @@ class Input extends PureComponent {
       placeholder,
       className,
       inputClassName,
+      highlightClassName,
+      loadingClassName,
       fixLabelAtTop,
       value,
       readOnly,
@@ -1279,18 +1281,19 @@ class Input extends PureComponent {
       readOnly,
       value: value || ""
     };
-    const highlightClassName = cx(highlightStyle, {
+    const _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);
     const labelClassName = cx(labelStyle, {
       _pebble_input_label_focused: !!(isFocused || !!value || fixLabelAtTop)
     });
     const _wrapperStyle = cx(wrapperStyle$2, {
       _pebble_input_wrapper_textarea: !!textArea
     }, className);
+    const _loadingStyle = cx(loadingStyle, loadingClassName);
     return /*#__PURE__*/createElement("div", {
       className: _wrapperStyle,
       onFocus: this.addFocus,
@@ -1298,21 +1301,21 @@ class Input extends PureComponent {
       onClick: onClick
     }, this.props.textArea ? /*#__PURE__*/createElement("textarea", Object.assign({}, _inputProps, this.props.inputProps)) : /*#__PURE__*/createElement("input", Object.assign({
       type: type
-    }, _inputProps, this.props.inputProps)), /*#__PURE__*/createElement("label", {
+    }, _inputProps, this.props.inputProps)), !!placeholder && /*#__PURE__*/createElement("label", {
       className: labelClassName
     }, placeholder, required && /*#__PURE__*/createElement("span", {
       style: {
         color: colors.red.base
       }
     }, "\xA0*")), /*#__PURE__*/createElement("div", {
-      className: highlightClassName,
+      className: _highlightClassName,
       style: {
         backgroundColor: getColor(errorMessage, successMessage, true)
       }
     }), loading && /*#__PURE__*/createElement(Loader, {
       color: colors.violet.base,
       scale: 0.6,
-      className: loadingStyle
+      className: _loadingStyle
     }), _message && /*#__PURE__*/createElement("div", {
       className: messageStyle,
       style: {
@@ -1454,7 +1457,7 @@ class DateInput extends PureComponent {
         onChange: noop,
         type: "tel",
         value: value,
-        placeholder: `${placeholder} DD/MM/YYYY`,
+        placeholder: placeholder,
         onClick: () => {
           if (disabled) return;
           toggleDropdown();
@@ -1780,8 +1783,8 @@ const Message = ({
 };
 
 const 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;"
 } );
 
 class Modal extends PureComponent {
@@ -2377,6 +2380,7 @@ function Select(props) {
     errorMessage,
     value,
     dropdownClassName,
+    arrowClassName,
     inputProps,
     fullWidthDropdown,
     onDropdownToggle = noop$1,
@@ -2398,9 +2402,9 @@ function Select(props) {
       toggleDropdown,
       isOpen
     }) => {
-      const chevron = cx(chevronStyle, "pi", "pi-arrow-drop-down", {
+      const chevron = cx(chevronStyle, "pi pi-arrow-drop-down", {
         __pebble__select__open: isOpen
-      });
+      }, arrowClassName);
       return /*#__PURE__*/createElement("div", {
         className: cx(inputWrapper, disabled && disabledSelect),
         onClick: disabled ? undefined : () => {
@@ -3300,7 +3304,7 @@ class SideBar extends PureComponent {
       className: "pi pi-close"
     }), /*#__PURE__*/createElement(Ink, null)), /*#__PURE__*/createElement("div", {
       style: {
-        overflowY: "scroll",
+        overflowY: "auto",
         height: "100%"
       }
     }, children))));