pebble-web 2.7.1 → 2.9.0

package/dist/pebble-web.umd.js

@@ -1279,6 +1279,7 @@
     PebbleIcon["Direction"] = "direction";
     PebbleIcon["DocumentUploaded"] = "document-uploaded";
     PebbleIcon["Document"] = "document";
+    PebbleIcon["DoorFront"] = "door-front";
     PebbleIcon["Dot"] = "dot";
     PebbleIcon["Dots"] = "dots";
     PebbleIcon["Download"] = "download";
@@ -1304,6 +1305,7 @@
     PebbleIcon["FollowUp2"] = "follow-up-2";
     PebbleIcon["FollowUp"] = "follow-up";
     PebbleIcon["Funnel"] = "funnel";
+    PebbleIcon["GradeLine"] = "grade-line";
     PebbleIcon["Grade"] = "grade";
     PebbleIcon["HamburgerBold"] = "hamburger-bold";
     PebbleIcon["Hamburger"] = "hamburger";
@@ -1316,6 +1318,7 @@
     PebbleIcon["Home"] = "home";
     PebbleIcon["HouseStatus"] = "house-status";
     PebbleIcon["HowToReg"] = "how-to-reg";
+    PebbleIcon["Image"] = "image";
     PebbleIcon["IncomingCall2"] = "incoming-call-2";
     PebbleIcon["IncomingCall"] = "incoming-call";
     PebbleIcon["IncomingCalls"] = "incoming-calls";
@@ -1362,8 +1365,10 @@
     PebbleIcon["OutgoingCall"] = "outgoing-call";
     PebbleIcon["Patchout"] = "patchout";
     PebbleIcon["Pause"] = "pause";
+    PebbleIcon["Pdf"] = "pdf";
     PebbleIcon["Percentage"] = "percentage";
     PebbleIcon["PersonAddDisabled"] = "person-add-disabled";
+    PebbleIcon["PersonSearch"] = "person-search";
     PebbleIcon["Person"] = "person";
     PebbleIcon["Phone2"] = "phone-2";
     PebbleIcon["PhoneAlt"] = "phone-alt";
@@ -1876,12 +1881,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 +11211,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 +11232,7 @@
                 onChange: noop,
                 type: "tel",
                 value: value,
-                placeholder: placeholder,
+                placeholder: "".concat(placeholder, " DD/MM/YYYY"),
                 onClick: function onClick() {
                   if (disabled) return;
                   toggleDropdown();
@@ -11238,9 +11249,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 +11285,9 @@
     }]);
     return DateInput;
   }(React.PureComponent);
+  DateInput.defaultProps = {
+    placement: "bottom-start"
+  };
   function checkDateInputSupport() {
     try {
       var input = document.createElement("input");
@@ -13508,7 +13523,7 @@
           }), /*#__PURE__*/React.createElement(Ink, null)), /*#__PURE__*/React.createElement("div", {
             style: {
               overflowY: "scroll",
-              height: "100vh"
+              height: "100%"
             }
           }, children)));
         });