pebble-web 2.7.1 → 2.8.0

package/dist/pebble-web.module.js

@@ -476,12 +476,13 @@ var Button = function Button(_ref) {
       _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__*/createElement("button", Object.assign({
     className: _className,
     onClick: !disableAction ? onClick : undefined,
@@ -1528,9 +1529,14 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
           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__*/createElement(DropDown, {
-        dropDownClassName: dropDownClassName,
+        dropDownClassName: _dropDownClassName,
         labelComponent: function labelComponent(_ref) {
           var toggleDropdown = _ref.toggleDropdown;
           return /*#__PURE__*/createElement(Rifm, {
@@ -1544,7 +1550,7 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
               onChange: noop,
               type: "tel",
               value: value,
-              placeholder: placeholder,
+              placeholder: "".concat(placeholder, " DD/MM/YYYY"),
               onClick: function onClick() {
                 if (disabled) return;
                 toggleDropdown();
@@ -1561,9 +1567,10 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
             }));
           });
         },
-        className: wrapperStyle$3,
-        placement: "bottom-start",
-        modifiers: modifiers
+        className: _wrapperClassName,
+        placement: placement,
+        modifiers: modifiers,
+        initiallyOpen: initiallyOpen
       }, function (_ref3) {
         var toggle = _ref3.toggle;
         return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Calendar, Object.assign({
@@ -1596,6 +1603,9 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return DateInput;
 }(PureComponent);
+DateInput.defaultProps = {
+  placement: "bottom-start"
+};
 function checkDateInputSupport() {
   try {
     var input = document.createElement("input");
@@ -3611,7 +3621,7 @@ var SideBar = /*#__PURE__*/function (_React$PureComponent) {
         }), /*#__PURE__*/createElement(Ink, null)), /*#__PURE__*/createElement("div", {
           style: {
             overflowY: "scroll",
-            height: "100vh"
+            height: "100%"
           }
         }, children)));
       });