pebble-web 2.7.0 → 2.8.0

package/dist/pebble-web.js

@@ -482,12 +482,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 = emotion.cx(getButtonStyle(size, type, !!showShadow, filled), className);
+  var _filled = size !== "x-small" && filled !== false;
+  var _className = emotion.cx(getButtonStyle(size, type, !!showShadow, _filled), className);
   return /*#__PURE__*/React.createElement("button", Object.assign({
     className: _className,
     onClick: !disableAction ? onClick : undefined,
@@ -1534,9 +1535,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 = emotion.cx(wrapperStyle$3, wrapperClassName);
+      var _dropDownClassName = emotion.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.Rifm, {
@@ -1550,7 +1556,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();
@@ -1567,9 +1573,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__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Calendar, Object.assign({
@@ -1602,6 +1609,9 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return DateInput;
 }(React.PureComponent);
+DateInput.defaultProps = {
+  placement: "bottom-start"
+};
 function checkDateInputSupport() {
   try {
     var input = document.createElement("input");
@@ -2410,6 +2420,7 @@ var optionGroupCheckBoxWrap = /*#__PURE__*/emotion.css({
   position: "relative"
 }, ";label:optionGroupCheckBoxWrap;" + ( "" ));
 var optionGroupCheckBoxButtonWrap = /*#__PURE__*/emotion.css(_objectSpread$g(_objectSpread$g({}, flexSpaceBetween), {}, {
+  gap: 60,
   padding: optionGroupCheckBoxButtonWrapPadding,
   paddingTop: optionGroupCheckBoxButtonWrapPaddingTop,
   backgroundColor: pebbleShared.colors.white.base
@@ -3616,7 +3627,7 @@ var SideBar = /*#__PURE__*/function (_React$PureComponent) {
         }), /*#__PURE__*/React.createElement(Ink, null)), /*#__PURE__*/React.createElement("div", {
           style: {
             overflowY: "scroll",
-            height: "100vh"
+            height: "100%"
           }
         }, children)));
       });