@audira/carbon-react-native/lib/commonjs/const/dialog-animation-configs/carbon-react.js

Build React Native apps with component and shared patterns using Carbon

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CarbonReact = void 0;
var _reactNative = require("react-native");
var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
/**
 * Same animation style like `@carbon/react` library
 */
const CarbonReact = exports.CarbonReact = {
  duration: _carbonReactNativeElements.Motion.Duration.moderate_02,
  modalStyleFactory(animatedValue, inputRange) {
    return {
      opacity: animatedValue.interpolate({
        inputRange,
        outputRange: [0, 1, 0]
      }),
      transform: [{
        translateY: animatedValue.interpolate({
          inputRange,
          outputRange: [-_carbonReactNativeElements.Spacing.spacing_06, 0, -_carbonReactNativeElements.Spacing.spacing_06]
        })
      }]
    };
  },
  modalEasing: [_reactNative.Easing.bezier(_carbonReactNativeElements.Motion.Easing.exit.expressive.x1, _carbonReactNativeElements.Motion.Easing.exit.expressive.y1, _carbonReactNativeElements.Motion.Easing.exit.expressive.x2, _carbonReactNativeElements.Motion.Easing.exit.expressive.y2), _reactNative.Easing.bezier(_carbonReactNativeElements.Motion.Easing.entrance.expressive.x1, _carbonReactNativeElements.Motion.Easing.entrance.expressive.y1, _carbonReactNativeElements.Motion.Easing.entrance.expressive.x2, _carbonReactNativeElements.Motion.Easing.entrance.expressive.y2), _reactNative.Easing.bezier(_carbonReactNativeElements.Motion.Easing.exit.expressive.x1, _carbonReactNativeElements.Motion.Easing.exit.expressive.y1, _carbonReactNativeElements.Motion.Easing.exit.expressive.x2, _carbonReactNativeElements.Motion.Easing.exit.expressive.y2)]
};
//# sourceMappingURL=carbon-react.js.map