pebble-web 2.9.1 → 2.9.3

package/dist/pebble-web.umd.dev.js

@@ -10051,6 +10051,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,
@@ -10073,18 +10075,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,
@@ -10092,21 +10095,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: {
@@ -12021,7 +12024,7 @@
                 onChange: noop,
                 type: "tel",
                 value: value,
-                placeholder: "".concat(placeholder, " DD/MM/YYYY"),
+                placeholder: placeholder,
                 onClick: function onClick() {
                   if (disabled) return;
                   toggleDropdown();
@@ -12406,9 +12409,9 @@
 
   function _EMOTION_STRINGIFIED_CSS_ERROR__$8() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
   var modalContainer = /*#__PURE__*/css( {
-    name: "hg0gx-Modal-styles-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:Modal-styles-modalContainer;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDOEIiLCJmaWxlIjoiTW9kYWwuc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmV4cG9ydCBjb25zdCBtb2RhbENvbnRhaW5lciA9IGNzcyh7XG4gICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICB0b3A6IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgYm90dG9tOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsMC40KVwiLFxuICAgIG92ZXJmbG93WTogXCJzY3JvbGxcIixcbiAgICBXZWJraXRPdmVyZmxvd1Njcm9sbGluZzogXCJ0b3VjaFwiLFxuICAgIHpJbmRleDogOTk5OThcbn0pO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TW9kYWwuc3R5bGVzLmpzLm1hcCJdfQ== */",
+    name: "1l0tu9u-Modal-styles-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:Modal-styles-modalContainer;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDOEIiLCJmaWxlIjoiTW9kYWwuc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmV4cG9ydCBjb25zdCBtb2RhbENvbnRhaW5lciA9IGNzcyh7XG4gICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICB0b3A6IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgYm90dG9tOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsMC40KVwiLFxuICAgIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gICAgV2Via2l0T3ZlcmZsb3dTY3JvbGxpbmc6IFwidG91Y2hcIixcbiAgICB6SW5kZXg6IDk5OTk4XG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPU1vZGFsLnN0eWxlcy5qcy5tYXAiXX0= */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__$8
   });
 
@@ -13306,6 +13309,7 @@
         errorMessage = props.errorMessage,
         value = props.value,
         dropdownClassName = props.dropdownClassName,
+        arrowClassName = props.arrowClassName,
         inputProps = props.inputProps,
         fullWidthDropdown = props.fullWidthDropdown,
         _props$onDropdownTogg = props.onDropdownToggle,
@@ -13324,9 +13328,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 () {
@@ -14331,7 +14335,7 @@
             closeOnOutsideClick = _this$props2.closeOnOutsideClick;
         var _sidebarStyle = cx(sidebarStyle, /*#__PURE__*/css({
           width: width
-        }, ";label:Sidebar-SideBar;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDK0MiLCJmaWxlIjoiU2lkZWJhci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNsb3NlU3R5bGUsIHNpZGViYXJTdHlsZSwgc2lkZWJhcldyYXBwZXJTdHlsZSB9IGZyb20gXCIuL3N0eWxlcy9TaWRlYmFyLnN0eWxlc1wiO1xuaW1wb3J0IHsgYW5pbWF0ZWQgfSBmcm9tIFwicmVhY3Qtc3ByaW5nL3JlbmRlcnByb3BzLmNqc1wiO1xuaW1wb3J0IEluayBmcm9tIFwicmVhY3QtaW5rXCI7XG5pbXBvcnQgeyBjc3MsIGN4IH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGRpc2FibGVTY3JvbGxZIH0gZnJvbSBcIi4uL3RoZW1lL3N0eWxlc1wiO1xuaW1wb3J0IE1vdW50VHJhbnNpdGlvbiBmcm9tIFwiLi9zaGFyZWQvTW91bnRUcmFuc2l0aW9uXCI7XG5jb25zdCB0cmFuc2l0aW9uUHJvcHMgPSB7XG4gICAgZnJvbTogeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0sXG4gICAgZW50ZXI6IHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMClcIiB9LFxuICAgIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIsIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiIH1cbn07XG5jbGFzcyBTaWRlQmFyIGV4dGVuZHMgUmVhY3QuUHVyZUNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKC4uLmFyZ3VtZW50cyk7XG4gICAgICAgIHRoaXMub25PdXRzaWRlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IG9uT3V0c2lkZUNsaWNrLCBjbG9zZU9uT3V0c2lkZUNsaWNrLCBvbkNsb3NlIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICAgICAgaWYgKGNsb3NlT25PdXRzaWRlQ2xpY2spIHtcbiAgICAgICAgICAgICAgICBvbkNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25PdXRzaWRlQ2xpY2spXG4gICAgICAgICAgICAgICAgb25PdXRzaWRlQ2xpY2soKTtcbiAgICAgICAgfTtcbiAgICB9XG4gICAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLmlzT3BlbilcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LmFkZChkaXNhYmxlU2Nyb2xsWSk7XG4gICAgfVxuICAgIGNvbXBvbmVudERpZFVwZGF0ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGRpc2FibGVTY3JvbGxZKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5yZW1vdmUoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyB3aWR0aCwgaXNPcGVuLCBjaGlsZHJlbiwgb25DbG9zZSwgb25PdXRzaWRlQ2xpY2ssIGNsb3NlT25PdXRzaWRlQ2xpY2sgfSA9IHRoaXMucHJvcHM7XG4gICAgICAgIGNvbnN0IF9zaWRlYmFyU3R5bGUgPSBjeChzaWRlYmFyU3R5bGUsIGNzcyh7IHdpZHRoIH0pKTtcbiAgICAgICAgcmV0dXJuICg8TW91bnRUcmFuc2l0aW9uIHZpc2libGU9e2lzT3Blbn0gey4uLnRyYW5zaXRpb25Qcm9wc30+XG4gICAgICAgIHtzdHlsZXMgPT4gKDw+XG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IHN0eWxlPXt7IG9wYWNpdHk6IHN0eWxlcy5vcGFjaXR5IH19IGNsYXNzTmFtZT17c2lkZWJhcldyYXBwZXJTdHlsZX0gb25DbGljaz17b25PdXRzaWRlQ2xpY2sgfHwgY2xvc2VPbk91dHNpZGVDbGlja1xuICAgICAgICAgICAgPyB0aGlzLm9uT3V0c2lkZUNsaWNrXG4gICAgICAgICAgICA6IHVuZGVmaW5lZH0gZGF0YS10ZXN0aWQ9XCJzaGFkb3dBcmVhXCIvPlxuXG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IGNsYXNzTmFtZT17X3NpZGViYXJTdHlsZX0gc3R5bGU9e3N0eWxlc30+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbG9zZVN0eWxlfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJwaSBwaS1jbG9zZVwiLz5cbiAgICAgICAgICAgICAgICA8SW5rIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgb3ZlcmZsb3dZOiBcInNjcm9sbFwiLCBoZWlnaHQ6IFwiMTAwJVwiIH19PlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2FuaW1hdGVkLmRpdj5cbiAgICAgICAgICA8Lz4pfVxuICAgICAgPC9Nb3VudFRyYW5zaXRpb24+KTtcbiAgICB9XG59XG5TaWRlQmFyLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlXG59O1xuZXhwb3J0IGRlZmF1bHQgU2lkZUJhcjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXIuanN4Lm1hcCJdfQ== */")));
+        }, ";label:Sidebar-SideBar;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDK0MiLCJmaWxlIjoiU2lkZWJhci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNsb3NlU3R5bGUsIHNpZGViYXJTdHlsZSwgc2lkZWJhcldyYXBwZXJTdHlsZSB9IGZyb20gXCIuL3N0eWxlcy9TaWRlYmFyLnN0eWxlc1wiO1xuaW1wb3J0IHsgYW5pbWF0ZWQgfSBmcm9tIFwicmVhY3Qtc3ByaW5nL3JlbmRlcnByb3BzLmNqc1wiO1xuaW1wb3J0IEluayBmcm9tIFwicmVhY3QtaW5rXCI7XG5pbXBvcnQgeyBjc3MsIGN4IH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGRpc2FibGVTY3JvbGxZIH0gZnJvbSBcIi4uL3RoZW1lL3N0eWxlc1wiO1xuaW1wb3J0IE1vdW50VHJhbnNpdGlvbiBmcm9tIFwiLi9zaGFyZWQvTW91bnRUcmFuc2l0aW9uXCI7XG5jb25zdCB0cmFuc2l0aW9uUHJvcHMgPSB7XG4gICAgZnJvbTogeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0sXG4gICAgZW50ZXI6IHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMClcIiB9LFxuICAgIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIsIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiIH1cbn07XG5jbGFzcyBTaWRlQmFyIGV4dGVuZHMgUmVhY3QuUHVyZUNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKC4uLmFyZ3VtZW50cyk7XG4gICAgICAgIHRoaXMub25PdXRzaWRlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IG9uT3V0c2lkZUNsaWNrLCBjbG9zZU9uT3V0c2lkZUNsaWNrLCBvbkNsb3NlIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICAgICAgaWYgKGNsb3NlT25PdXRzaWRlQ2xpY2spIHtcbiAgICAgICAgICAgICAgICBvbkNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25PdXRzaWRlQ2xpY2spXG4gICAgICAgICAgICAgICAgb25PdXRzaWRlQ2xpY2soKTtcbiAgICAgICAgfTtcbiAgICB9XG4gICAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLmlzT3BlbilcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LmFkZChkaXNhYmxlU2Nyb2xsWSk7XG4gICAgfVxuICAgIGNvbXBvbmVudERpZFVwZGF0ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGRpc2FibGVTY3JvbGxZKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5yZW1vdmUoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyB3aWR0aCwgaXNPcGVuLCBjaGlsZHJlbiwgb25DbG9zZSwgb25PdXRzaWRlQ2xpY2ssIGNsb3NlT25PdXRzaWRlQ2xpY2sgfSA9IHRoaXMucHJvcHM7XG4gICAgICAgIGNvbnN0IF9zaWRlYmFyU3R5bGUgPSBjeChzaWRlYmFyU3R5bGUsIGNzcyh7IHdpZHRoIH0pKTtcbiAgICAgICAgcmV0dXJuICg8TW91bnRUcmFuc2l0aW9uIHZpc2libGU9e2lzT3Blbn0gey4uLnRyYW5zaXRpb25Qcm9wc30+XG4gICAgICAgIHtzdHlsZXMgPT4gKDw+XG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IHN0eWxlPXt7IG9wYWNpdHk6IHN0eWxlcy5vcGFjaXR5IH19IGNsYXNzTmFtZT17c2lkZWJhcldyYXBwZXJTdHlsZX0gb25DbGljaz17b25PdXRzaWRlQ2xpY2sgfHwgY2xvc2VPbk91dHNpZGVDbGlja1xuICAgICAgICAgICAgPyB0aGlzLm9uT3V0c2lkZUNsaWNrXG4gICAgICAgICAgICA6IHVuZGVmaW5lZH0gZGF0YS10ZXN0aWQ9XCJzaGFkb3dBcmVhXCIvPlxuXG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IGNsYXNzTmFtZT17X3NpZGViYXJTdHlsZX0gc3R5bGU9e3N0eWxlc30+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbG9zZVN0eWxlfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJwaSBwaS1jbG9zZVwiLz5cbiAgICAgICAgICAgICAgICA8SW5rIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgb3ZlcmZsb3dZOiBcImF1dG9cIiwgaGVpZ2h0OiBcIjEwMCVcIiB9fT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9hbmltYXRlZC5kaXY+XG4gICAgICAgICAgPC8+KX1cbiAgICAgIDwvTW91bnRUcmFuc2l0aW9uPik7XG4gICAgfVxufVxuU2lkZUJhci5kZWZhdWx0UHJvcHMgPSB7XG4gICAgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZVxufTtcbmV4cG9ydCBkZWZhdWx0IFNpZGVCYXI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyLmpzeC5tYXAiXX0= */")));
         return /*#__PURE__*/React.createElement(MountTransition, Object.assign({
           visible: isOpen
         }, transitionProps), function (styles) {
@@ -14352,7 +14356,7 @@
             className: "pi pi-close"
           }), /*#__PURE__*/React.createElement(Ink, null)), /*#__PURE__*/React.createElement("div", {
             style: {
-              overflowY: "scroll",
+              overflowY: "auto",
               height: "100%"
             }
           }, children)));