@razorpay/blade/build/lib/web/development/tokens/global/motion.js

The Design System that powers Razorpay

import '../../utils/makeBezier/index.js';
import { makeBezier } from '../../utils/makeBezier/makeBezier.web.js';

// similar to EasingFactoryFn of `react-native-reanimated`

var delay = {
  '2xquick': 80,
  xquick: 160,
  moderate: 280,
  gentle: 480,
  xgentle: 960,
  "long": 2000,
  xlong: 3000,
  '2xlong': 5000
};
var duration = {
  '2xquick': 80,
  xquick: 160,
  quick: 200,
  moderate: 280,
  xmoderate: 360,
  gentle: 480,
  xgentle: 640,
  '2xgentle': 960
};

/* makeBezier returns a string of `cubic-bezier()` for web & a react-native-reanimated Easing Function of type `EasingFactoryFn` for native */
var easing = {
  linear: makeBezier(0, 0, 0, 0),
  entrance: makeBezier(0, 0, 0.2, 1),
  exit: makeBezier(0.17, 0, 1, 1),
  standard: makeBezier(0.3, 0, 0.2, 1),
  emphasized: makeBezier(0.5, 0, 0, 1),
  overshoot: makeBezier(0.5, 0, 0.3, 1.5),
  shake: makeBezier(1, 0.5, 0, 0.5)
};
var motion = {
  delay: delay,
  duration: duration,
  easing: easing
};

export { motion };
//# sourceMappingURL=motion.js.map