pebble-web 2.7.1 → 2.8.0

package/dist/pebble-web.umd.js

@@ -1876,12 +1876,13 @@
         _ref$showRipple = _ref.showRipple,
         showRipple = _ref$showRipple === void 0 ? true : _ref$showRipple,
         loading = _ref.loading,
+        filled = _ref.filled,
         _ref$size = _ref.size,
         size = _ref$size === void 0 ? "small" : _ref$size,
         buttonProps = _ref.buttonProps;
     var disableAction = disabled || loading;
-    var filled = size !== "x-small";
-    var _className = cx(getButtonStyle(size, type, !!showShadow, filled), className);
+    var _filled = size !== "x-small" && filled !== false;
+    var _className = cx(getButtonStyle(size, type, !!showShadow, _filled), className);
     return /*#__PURE__*/React.createElement("button", Object.assign({
       className: _className,
       onClick: !disableAction ? onClick : undefined,
@@ -11205,9 +11206,14 @@
             placeholder = _this$props.placeholder,
             propsValue = _this$props.value,
             disabled = _this$props.disabled,
-            errorMessage = _this$props.errorMessage;
+            errorMessage = _this$props.errorMessage,
+            placement = _this$props.placement,
+            wrapperClassName = _this$props.wrapperClassName,
+            initiallyOpen = _this$props.initiallyOpen;
+        var _wrapperClassName = cx(wrapperStyle$3, wrapperClassName);
+        var _dropDownClassName = cx(dropDownClassName, this.props.dropDownClassName);
         return /*#__PURE__*/React.createElement(DropDown, {
-          dropDownClassName: dropDownClassName,
+          dropDownClassName: _dropDownClassName,
           labelComponent: function labelComponent(_ref) {
             var toggleDropdown = _ref.toggleDropdown;
             return /*#__PURE__*/React.createElement(Rifm, {
@@ -11221,7 +11227,7 @@
                 onChange: noop,
                 type: "tel",
                 value: value,
-                placeholder: placeholder,
+                placeholder: "".concat(placeholder, " DD/MM/YYYY"),
                 onClick: function onClick() {
                   if (disabled) return;
                   toggleDropdown();
@@ -11238,9 +11244,10 @@
               }));
             });
           },
-          className: wrapperStyle$3,
-          placement: "bottom-start",
-          modifiers: modifiers$1
+          className: _wrapperClassName,
+          placement: placement,
+          modifiers: modifiers$1,
+          initiallyOpen: initiallyOpen
         }, function (_ref3) {
           var toggle = _ref3.toggle;
           return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Calendar, Object.assign({
@@ -11273,6 +11280,9 @@
     }]);
     return DateInput;
   }(React.PureComponent);
+  DateInput.defaultProps = {
+    placement: "bottom-start"
+  };
   function checkDateInputSupport() {
     try {
       var input = document.createElement("input");
@@ -13508,7 +13518,7 @@
           }), /*#__PURE__*/React.createElement(Ink, null)), /*#__PURE__*/React.createElement("div", {
             style: {
               overflowY: "scroll",
-              height: "100vh"
+              height: "100%"
             }
           }, children)));
         });