pebble-web 2.7.0 → 2.8.0

package/dist/pebble-web.es.js

@@ -460,12 +460,13 @@ const Button = ({
   className,
   showRipple = true,
   loading,
+  filled,
   size = "small",
   buttonProps
 }) => {
   const disableAction = disabled || loading;
-  const filled = size !== "x-small";
-  const _className = cx(getButtonStyle(size, type, !!showShadow, filled), className);
+  const _filled = size !== "x-small" && filled !== false;
+  const _className = cx(getButtonStyle(size, type, !!showShadow, _filled), className);
   return /*#__PURE__*/createElement("button", Object.assign({
     className: _className,
     onClick: !disableAction ? onClick : undefined,
@@ -1431,10 +1432,15 @@ class DateInput extends PureComponent {
       placeholder,
       value: propsValue,
       disabled,
-      errorMessage
+      errorMessage,
+      placement,
+      wrapperClassName,
+      initiallyOpen
     } = this.props;
+    const _wrapperClassName = cx(wrapperStyle$3, wrapperClassName);
+    const _dropDownClassName = cx(dropDownClassName, this.props.dropDownClassName);
     return /*#__PURE__*/createElement(DropDown, {
-      dropDownClassName: dropDownClassName,
+      dropDownClassName: _dropDownClassName,
       labelComponent: ({
         toggleDropdown
       }) => /*#__PURE__*/createElement(Rifm, {
@@ -1448,7 +1454,7 @@ class DateInput extends PureComponent {
         onChange: noop,
         type: "tel",
         value: value,
-        placeholder: placeholder,
+        placeholder: `${placeholder} DD/MM/YYYY`,
         onClick: () => {
           if (disabled) return;
           toggleDropdown();
@@ -1463,9 +1469,10 @@ class DateInput extends PureComponent {
         className: cx(inputStyle$1, inputProps && inputProps.className),
         disabled: disabled
       }))),
-      className: wrapperStyle$3,
-      placement: "bottom-start",
-      modifiers: modifiers
+      className: _wrapperClassName,
+      placement: placement,
+      modifiers: modifiers,
+      initiallyOpen: initiallyOpen
     }, ({
       toggle
     }) => /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Calendar, Object.assign({
@@ -1483,6 +1490,9 @@ class DateInput extends PureComponent {
     }, errorMessage)));
   }
 }
+DateInput.defaultProps = {
+  placement: "bottom-start"
+};
 function checkDateInputSupport() {
   try {
     const input = document.createElement("input");
@@ -2202,6 +2212,7 @@ const optionGroupCheckBoxWrap = /*#__PURE__*/css({
   position: "relative"
 }, ";label:optionGroupCheckBoxWrap;" + ( "" ));
 const optionGroupCheckBoxButtonWrap = /*#__PURE__*/css({ ...flexSpaceBetween,
+  gap: 60,
   padding: optionGroupCheckBoxButtonWrapPadding,
   paddingTop: optionGroupCheckBoxButtonWrapPaddingTop,
   backgroundColor: colors.white.base
@@ -3290,7 +3301,7 @@ class SideBar extends PureComponent {
     }), /*#__PURE__*/createElement(Ink, null)), /*#__PURE__*/createElement("div", {
       style: {
         overflowY: "scroll",
-        height: "100vh"
+        height: "100%"
       }
     }, children))));
   }