@zohodesk/components/es/v1/Animation/utils.js

In this Package, we Provide Some Basic Components to Build Web App

import style from "../../common/transition.module.css";
export const animationStyle = {
  zoomIn: {
    enter: style.zoomInEnter,
    enterActive: style.zoomInEnterActive,
    enterDone: style.zoomInEnterActive,
    exit: style.zoomInLeave,
    exitActive: style.zoomInLeaveActive,
    exitDone: style.zoomInLeaveActive,
    appear: style.zoomInEnter,
    appearActive: style.zoomInEnterActive
  },
  scaleIn: {
    enter: style.scaleInEnter,
    enterActive: style.scaleInEnterActive,
    enterDone: style.scaleInEnterActive,
    exit: style.scaleInLeave,
    exitActive: style.scaleInLeaveActive,
    exitDone: style.scaleInLeaveActive,
    appear: style.scaleInEnter,
    appearActive: style.scaleInEnterActive
  },
  fadeIn: {
    enter: style.fadeInEnter,
    enterActive: style.fadeInEnterActive,
    enterDone: style.fadeInEnterActive,
    exit: style.fadeInLeave,
    exitActive: style.fadeInLeaveActive,
    exitDone: style.fadeInLeaveActive,
    appear: style.fadeInEnter,
    appearActive: style.fadeInEnterActive
  },
  slideLeft: {
    enter: style.slideLeftEnter,
    enterActive: style.slideLeftEnterActive,
    enterDone: style.slideLeftEnterActive,
    exit: style.slideLeftLeave,
    exitActive: style.slideLeftLeaveActive,
    exitDone: style.slideLeftLeaveActive,
    appear: style.slideLeftEnter,
    appearActive: style.slideLeftEnterActive
  },
  slideDown: {
    enter: style.slideDownEnter,
    enterActive: style.slideDownEnterActive,
    enterDone: style.slideDownEnterActive,
    exit: style.slideDownLeave,
    exitActive: style.slideDownLeaveActive,
    exitDone: style.slideDownLeaveActive,
    appear: style.slideDownEnter,
    appearActive: style.slideDownEnterActive
  },
  skewIn: {
    enter: style.skewInEnter,
    enterActive: style.skewInEnterActive,
    enterDone: style.skewInEnterActive,
    exit: style.skewInLeave,
    exitActive: style.skewInLeaveActive,
    exitDone: style.skewInLeaveActive,
    appear: style.skewInEnter,
    appearActive: style.skewInEnterActive
  },
  none: {
    enter: style.noneEnter,
    enterActive: style.noneEnterActive,
    enterDone: style.noneEnterActive,
    exit: style.noneLeave,
    exitActive: style.noneLeaveActive,
    exitDone: style.noneLeaveActive,
    appear: style.noneEnter,
    appearActive: style.noneEnterActive
  },
  default: {
    enter: style.defaultEnter,
    enterActive: style.defaultEnterActive,
    enterDone: style.defaultEnterActive,
    exit: style.defaultLeave,
    exitActive: style.defaultLeaveActive,
    exitDone: style.defaultLeaveActive,
    appear: style.defaultEnter,
    appearActive: style.defaultEnterActive
  }
};