@activecollab/components 1.0.311 → 1.0.312

package/dist/index.js

@@ -12709,30 +12709,266 @@
   })(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
   StyledDialogActions.displayName = "StyledDialogActions";
 
-  var _excluded$r = ["children", "className", "disableDefaultHeading"];
-  // import { useDialogContext } from "./DialogContext";
+  var _excluded$r = ["in", "children", "style", "timeout"];
+  var defaultStyle$1 = function defaultStyle(duration) {
+    return {
+      transition: "all ".concat(duration, "ms ease-in-out"),
+      opacity: 0
+    };
+  };
+  var transitionStyles$2 = {
+    entering: {
+      opacity: 1
+    },
+    entered: {
+      opacity: 1
+    },
+    exiting: {
+      opacity: 0
+    },
+    exited: {
+      opacity: 0
+    }
+  };
+  var Fade = function Fade(_ref) {
+    var _ref$in = _ref.in,
+      inProp = _ref$in === void 0 ? false : _ref$in,
+      children = _ref.children,
+      style = _ref.style,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
+      rest = _objectWithoutProperties(_ref, _excluded$r);
+    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
+      appear: true,
+      in: inProp,
+      timeout: timeout
+    }, rest), function (state) {
+      return /*#__PURE__*/React.cloneElement(children, {
+        style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+          visibility: state === "exited" && !inProp ? "hidden" : undefined
+        }, defaultStyle$1(timeout)), transitionStyles$2[state]), style), children.props.style)
+      });
+    });
+  };
+  Fade.displayName = "Fade";
 
-  var DialogTitle = function DialogTitle(_ref) {
+  var _excluded$q = ["in", "children", "style", "timeout", "initialDirection"];
+  var Slide = function Slide(_ref) {
+    var _ref$in = _ref.in,
+      inProp = _ref$in === void 0 ? false : _ref$in,
+      children = _ref.children,
+      style = _ref.style,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
+      _ref$initialDirection = _ref.initialDirection,
+      initialDirection = _ref$initialDirection === void 0 ? "left" : _ref$initialDirection,
+      rest = _objectWithoutProperties(_ref, _excluded$q);
+    var directionSign;
+    switch (initialDirection) {
+      case "right":
+        directionSign = "100%, 0";
+        break;
+      case "top":
+        directionSign = "0, -100%";
+        break;
+      case "bottom":
+        directionSign = "0, 100%";
+        break;
+      default:
+        directionSign = "-100%, 0";
+    }
+    var defaultStyle = function defaultStyle(timeout) {
+      return {
+        transition: "all ".concat(timeout, "ms ease")
+      };
+    };
+    var transitionStyles = {
+      entering: {
+        transform: "translate(0,0)"
+      },
+      entered: {
+        transform: "translate(0,0)"
+      },
+      exiting: {
+        transform: "translate(".concat(directionSign, ")")
+      },
+      exited: {
+        transform: "translate(".concat(directionSign, ")")
+      }
+    };
+    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
+      in: inProp,
+      timeout: timeout
+    }, rest), function (state) {
+      return /*#__PURE__*/React.cloneElement(children, {
+        style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+          visibility: state === "exited" && !inProp ? "hidden" : undefined
+        }, defaultStyle(timeout)), transitionStyles[state]), style), children.props.style)
+      });
+    });
+  };
+  Slide.displayName = "Slide";
+
+  var StyledSlideLeftRight = styled.createGlobalStyle(["", " ", ""], function (props) {
+    return props.$direction === "left" && styled.css(["&.c-slide-enter{position:absolute;transform:translateX(100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(-100%);transition:all 200ms ease;}"]);
+  }, function (props) {
+    return props.$direction === "right" && styled.css(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
+  });
+
+  var _excluded$p = ["children", "direction"];
+  var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
     var children = _ref.children,
-      className = _ref.className,
-      _ref$disableDefaultHe = _ref.disableDefaultHeading,
-      disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
-      rest = _objectWithoutProperties(_ref, _excluded$r);
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? "left" : _ref$direction,
+      props = _objectWithoutProperties(_ref, _excluded$p);
+    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, _extends({
+      timeout: 200,
+      classNames: "c-slide",
+      unmountOnExit: true
+    }, props), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children, /*#__PURE__*/React__default["default"].createElement(StyledSlideLeftRight, {
+      $direction: direction
+    })));
+  };
+  SlideLeftRightTransition.displayName = "SlideLeftRightTransition";
+
+  var ResizeTransition = function ResizeTransition(_ref) {
+    var _ref$in = _ref.in,
+      inProp = _ref$in === void 0 ? false : _ref$in,
+      onEnter = _ref.onEnter,
+      onExited = _ref.onExited,
+      children = _ref.children,
+      style = _ref.style,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
+    var defaultStyle = React.useMemo(function () {
+      return {
+        transitionProperty: "width, height",
+        transitionDuration: "".concat(timeout, "ms"),
+        transitionTimingFunction: "ease"
+      };
+    }, [timeout]);
+    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, {
+      appear: true,
+      in: inProp,
+      timeout: timeout,
+      onEnter: onEnter,
+      onExited: onExited
+    }, function (state) {
+      return /*#__PURE__*/React.cloneElement(children, {
+        style: _objectSpread2(_objectSpread2(_objectSpread2({
+          visibility: state === "exited" && !inProp ? "hidden" : undefined
+        }, defaultStyle), style), children.props.style)
+      });
+    });
+  };
+  ResizeTransition.displayName = "ResizeTransition";
+
+  var _excluded$o = ["in", "children", "style", "timeout"];
+  var defaultStyle = function defaultStyle(duration) {
+    return {
+      transition: "all ".concat(duration, "ms ease-in"),
+      transform: "scaleX(0)",
+      opacity: 0,
+      transformOrigin: "left"
+    };
+  };
+  var transitionStyles$1 = {
+    entering: {
+      transform: "scaleX(1)",
+      opacity: 1
+    },
+    entered: {
+      transform: "scaleX(1)",
+      opacity: 1
+    },
+    exiting: {
+      transform: "scaleX(0)",
+      opacity: 0
+    },
+    exited: {
+      transform: "scaleX(0)",
+      opacity: 0
+    }
+  };
+  var Reveal = function Reveal(_ref) {
+    var _ref$in = _ref.in,
+      inProp = _ref$in === void 0 ? false : _ref$in,
+      children = _ref.children,
+      style = _ref.style,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
+      rest = _objectWithoutProperties(_ref, _excluded$o);
+    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
+      appear: true,
+      in: inProp,
+      timeout: timeout
+    }, rest), function (state) {
+      return /*#__PURE__*/React.cloneElement(children, {
+        style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyle(inProp ? timeout : 0)), transitionStyles$1[state]), style), children.props.style)
+      });
+    });
+  };
+  Reveal.displayName = "Reveal";
+
+  var transitionStyles = {
+    entered: {
+      transform: "scale(1)"
+    },
+    exiting: {
+      transform: "scale(0)"
+    }
+  };
+  var Scale = function Scale(_ref) {
+    var _ref$in = _ref.in,
+      inProp = _ref$in === void 0 ? false : _ref$in,
+      onEnter = _ref.onEnter,
+      onExited = _ref.onExited,
+      children = _ref.children,
+      style = _ref.style,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
+    var defaultStyle = React.useMemo(function () {
+      return {
+        transitionProperty: "transform",
+        transitionDuration: "".concat(timeout, "ms"),
+        transform: "scale(0)"
+      };
+    }, [timeout]);
+    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, {
+      in: inProp,
+      timeout: timeout,
+      onEnter: onEnter,
+      onExited: onExited
+    }, function (state) {
+      return /*#__PURE__*/React.cloneElement(children, {
+        style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyle), transitionStyles[state]), style), children.props.style)
+      });
+    });
+  };
+  Scale.displayName = "Scale";
+
+  var _excluded$n = ["className", "children"];
+  // import { useDialogContext } from "./DialogContext";
+
+  var DialogActions = function DialogActions(_ref) {
+    var className = _ref.className,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded$n);
     // useDialogContext();
 
-    return /*#__PURE__*/React__default["default"].createElement(StyledDialogTitle, _extends({
-      className: classNames__default["default"]("c-dialog-title-wrapper", className)
-    }, rest), disableDefaultHeading ? children : /*#__PURE__*/React__default["default"].createElement(Header3, null, children));
+    return /*#__PURE__*/React__default["default"].createElement(StyledDialogActions, _extends({
+      className: classNames__default["default"]("c-dialog-actions", className)
+    }, rest), children);
   };
-  DialogTitle.displayName = "DialogTitle";
+  DialogActions.displayName = "DialogActions";
 
-  var _excluded$q = ["className", "children"];
+  var _excluded$m = ["className", "children"];
   // import { useDialogContext } from "./DialogContext";
 
   var DialogContent = function DialogContent(_ref) {
     var className = _ref.className,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$q);
+      rest = _objectWithoutProperties(_ref, _excluded$m);
     // useDialogContext();
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogContent, _extends({
@@ -12753,20 +12989,22 @@
   };
   DialogContentDivider.displayName = "DialogContentDivider";
 
-  var _excluded$p = ["className", "children"];
+  var _excluded$l = ["children", "className", "disableDefaultHeading"];
   // import { useDialogContext } from "./DialogContext";
 
-  var DialogActions = function DialogActions(_ref) {
-    var className = _ref.className,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$p);
+  var DialogTitle = function DialogTitle(_ref) {
+    var children = _ref.children,
+      className = _ref.className,
+      _ref$disableDefaultHe = _ref.disableDefaultHeading,
+      disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
+      rest = _objectWithoutProperties(_ref, _excluded$l);
     // useDialogContext();
 
-    return /*#__PURE__*/React__default["default"].createElement(StyledDialogActions, _extends({
-      className: classNames__default["default"]("c-dialog-actions", className)
-    }, rest), children);
+    return /*#__PURE__*/React__default["default"].createElement(StyledDialogTitle, _extends({
+      className: classNames__default["default"]("c-dialog-title-wrapper", className)
+    }, rest), disableDefaultHeading ? children : /*#__PURE__*/React__default["default"].createElement(Header3, null, children));
   };
-  DialogActions.displayName = "DialogActions";
+  DialogTitle.displayName = "DialogTitle";
 
   var _Dialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
@@ -12777,7 +13015,25 @@
       _ref$enableBackground = _ref.enableBackgroundClick,
       enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground,
       _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
-      disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs;
+      disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
+      _ref$animate = _ref.animate,
+      animate = _ref$animate === void 0 ? "slide" : _ref$animate;
+    var animateDialog = function animateDialog() {
+      switch (animate) {
+        case "fade":
+          return /*#__PURE__*/React__default["default"].createElement(Fade, {
+            in: open
+          }, /*#__PURE__*/React__default["default"].createElement(StyledDialog, {
+            className: classNames__default["default"]("c-dialog", className)
+          }, children));
+        default:
+          return /*#__PURE__*/React__default["default"].createElement(SlideFromTop, {
+            in: open
+          }, /*#__PURE__*/React__default["default"].createElement(StyledDialog, {
+            className: classNames__default["default"]("c-dialog", className)
+          }, children));
+      }
+    };
     return (
       /*#__PURE__*/
       // <DialogContext.Provider value={{}}>
@@ -12787,11 +13043,7 @@
         onClose: onClose,
         disableBackgroundClick: !enableBackgroundClick,
         disableCloseOnEsc: disableCloseOnEsc
-      }, /*#__PURE__*/React__default["default"].createElement(SlideFromTop, {
-        in: open
-      }, /*#__PURE__*/React__default["default"].createElement(StyledDialog, {
-        className: classNames__default["default"]("c-dialog", className)
-      }, children)))
+      }, animateDialog())
       // </DialogContext.Provider>
     );
   });
@@ -13013,7 +13265,7 @@
   });
   StyledPressed.displayName = "StyledPressed";
 
-  var _excluded$o = ["children", "active", "className"];
+  var _excluded$k = ["children", "active", "className"];
   /**
    * Pressed wrapper for button component
    * @deprecated
@@ -13023,7 +13275,7 @@
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$o);
+      args = _objectWithoutProperties(_ref, _excluded$k);
     return /*#__PURE__*/React__default["default"].createElement(StyledPressed, _extends({
       active: active,
       ref: ref,
@@ -13520,7 +13772,7 @@
   StyledToastMessage.displayName = "StyledToastMessage";
   StyledCloseSmallIcon.displayName = "StyledCloseSmallIcon";
 
-  var _excluded$n = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
+  var _excluded$j = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
   var ToastMessage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var text = _ref.text,
       type = _ref.type,
@@ -13531,7 +13783,7 @@
       dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$n);
+      rest = _objectWithoutProperties(_ref, _excluded$j);
     var handleOnClose = React.useCallback(function () {
       if (typeof onClose === "function") {
         onClose();
@@ -13555,244 +13807,6 @@
   });
   ToastMessage.displayName = "ToastMessage";
 
-  var _excluded$m = ["in", "children", "style", "timeout"];
-  var defaultStyle$1 = function defaultStyle(duration) {
-    return {
-      transition: "all ".concat(duration, "ms ease-in-out"),
-      opacity: 0
-    };
-  };
-  var transitionStyles$2 = {
-    entering: {
-      opacity: 1
-    },
-    entered: {
-      opacity: 1
-    },
-    exiting: {
-      opacity: 0
-    },
-    exited: {
-      opacity: 0
-    }
-  };
-  var Fade = function Fade(_ref) {
-    var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$m);
-    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
-      appear: true,
-      in: inProp,
-      timeout: timeout
-    }, rest), function (state) {
-      return /*#__PURE__*/React.cloneElement(children, {
-        style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
-          visibility: state === "exited" && !inProp ? "hidden" : undefined
-        }, defaultStyle$1(timeout)), transitionStyles$2[state]), style), children.props.style)
-      });
-    });
-  };
-  Fade.displayName = "Fade";
-
-  var _excluded$l = ["in", "children", "style", "timeout", "initialDirection"];
-  var Slide = function Slide(_ref) {
-    var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
-      _ref$initialDirection = _ref.initialDirection,
-      initialDirection = _ref$initialDirection === void 0 ? "left" : _ref$initialDirection,
-      rest = _objectWithoutProperties(_ref, _excluded$l);
-    var directionSign;
-    switch (initialDirection) {
-      case "right":
-        directionSign = "100%, 0";
-        break;
-      case "top":
-        directionSign = "0, -100%";
-        break;
-      case "bottom":
-        directionSign = "0, 100%";
-        break;
-      default:
-        directionSign = "-100%, 0";
-    }
-    var defaultStyle = function defaultStyle(timeout) {
-      return {
-        transition: "all ".concat(timeout, "ms ease")
-      };
-    };
-    var transitionStyles = {
-      entering: {
-        transform: "translate(0,0)"
-      },
-      entered: {
-        transform: "translate(0,0)"
-      },
-      exiting: {
-        transform: "translate(".concat(directionSign, ")")
-      },
-      exited: {
-        transform: "translate(".concat(directionSign, ")")
-      }
-    };
-    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
-      in: inProp,
-      timeout: timeout
-    }, rest), function (state) {
-      return /*#__PURE__*/React.cloneElement(children, {
-        style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
-          visibility: state === "exited" && !inProp ? "hidden" : undefined
-        }, defaultStyle(timeout)), transitionStyles[state]), style), children.props.style)
-      });
-    });
-  };
-  Slide.displayName = "Slide";
-
-  var StyledSlideLeftRight = styled.createGlobalStyle(["", " ", ""], function (props) {
-    return props.$direction === "left" && styled.css(["&.c-slide-enter{position:absolute;transform:translateX(100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(-100%);transition:all 200ms ease;}"]);
-  }, function (props) {
-    return props.$direction === "right" && styled.css(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
-  });
-
-  var _excluded$k = ["children", "direction"];
-  var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
-    var children = _ref.children,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? "left" : _ref$direction,
-      props = _objectWithoutProperties(_ref, _excluded$k);
-    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, _extends({
-      timeout: 200,
-      classNames: "c-slide",
-      unmountOnExit: true
-    }, props), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children, /*#__PURE__*/React__default["default"].createElement(StyledSlideLeftRight, {
-      $direction: direction
-    })));
-  };
-  SlideLeftRightTransition.displayName = "SlideLeftRightTransition";
-
-  var ResizeTransition = function ResizeTransition(_ref) {
-    var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
-    var defaultStyle = React.useMemo(function () {
-      return {
-        transitionProperty: "width, height",
-        transitionDuration: "".concat(timeout, "ms"),
-        transitionTimingFunction: "ease"
-      };
-    }, [timeout]);
-    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, {
-      appear: true,
-      in: inProp,
-      timeout: timeout,
-      onEnter: onEnter,
-      onExited: onExited
-    }, function (state) {
-      return /*#__PURE__*/React.cloneElement(children, {
-        style: _objectSpread2(_objectSpread2(_objectSpread2({
-          visibility: state === "exited" && !inProp ? "hidden" : undefined
-        }, defaultStyle), style), children.props.style)
-      });
-    });
-  };
-  ResizeTransition.displayName = "ResizeTransition";
-
-  var _excluded$j = ["in", "children", "style", "timeout"];
-  var defaultStyle = function defaultStyle(duration) {
-    return {
-      transition: "all ".concat(duration, "ms ease-in"),
-      transform: "scaleX(0)",
-      opacity: 0,
-      transformOrigin: "left"
-    };
-  };
-  var transitionStyles$1 = {
-    entering: {
-      transform: "scaleX(1)",
-      opacity: 1
-    },
-    entered: {
-      transform: "scaleX(1)",
-      opacity: 1
-    },
-    exiting: {
-      transform: "scaleX(0)",
-      opacity: 0
-    },
-    exited: {
-      transform: "scaleX(0)",
-      opacity: 0
-    }
-  };
-  var Reveal = function Reveal(_ref) {
-    var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$j);
-    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
-      appear: true,
-      in: inProp,
-      timeout: timeout
-    }, rest), function (state) {
-      return /*#__PURE__*/React.cloneElement(children, {
-        style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyle(inProp ? timeout : 0)), transitionStyles$1[state]), style), children.props.style)
-      });
-    });
-  };
-  Reveal.displayName = "Reveal";
-
-  var transitionStyles = {
-    entered: {
-      transform: "scale(1)"
-    },
-    exiting: {
-      transform: "scale(0)"
-    }
-  };
-  var Scale = function Scale(_ref) {
-    var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
-    var defaultStyle = React.useMemo(function () {
-      return {
-        transitionProperty: "transform",
-        transitionDuration: "".concat(timeout, "ms"),
-        transform: "scale(0)"
-      };
-    }, [timeout]);
-    return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, {
-      in: inProp,
-      timeout: timeout,
-      onEnter: onEnter,
-      onExited: onExited
-    }, function (state) {
-      return /*#__PURE__*/React.cloneElement(children, {
-        style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyle), transitionStyles[state]), style), children.props.style)
-      });
-    });
-  };
-  Scale.displayName = "Scale";
-
   var StyledValueButtonLabel = styled__default["default"](Body2).withConfig({
     displayName: "Styles__StyledValueButtonLabel",
     componentId: "sc-7n59oz-0"
@@ -16651,7 +16665,8 @@
       }
     };
     return /*#__PURE__*/React__default["default"].createElement(Dialog, _extends({}, rest, {
-      ref: ref
+      ref: ref,
+      animate: "fade"
     }), /*#__PURE__*/React__default["default"].createElement(SearchContextProvider, {
       value: {
         search: search,