react-awesome-reveal 3.7.1 → 4.0.0-beta.0

package/README.md

@@ -1,227 +0,0 @@
-# React Awesome Reveal
-
-[![Version](https://badgen.net/npm/v/react-awesome-reveal)](https://www.npmjs.com/package/react-awesome-reveal/v/latest)
-[![Last Commit](https://badgen.net/github/last-commit/dennismorello/react-awesome-reveal)](https://github.com/dennismorello/react-awesome-reveal/commits/master)
-[![Downloads](https://badgen.net/npm/dt/react-awesome-reveal)](https://www.npmjs.com/package/react-awesome-reveal/v/latest)
-[![Size](https://badgen.net/bundlephobia/minzip/react-awesome-reveal)](https://bundlephobia.com/result?p=react-awesome-reveal@latest)
-[![License](https://badgen.net/npm/license/react-awesome-reveal)](https://www.npmjs.com/package/react-awesome-reveal/v/latest)
-[![Rate on Openbase](https://badges.openbase.io/js/rating/react-awesome-reveal.svg)](https://openbase.io/js/react-awesome-reveal?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)
-
-[React Awesome Reveal](https://github.com/dennismorello/react-awesome-reveal) is a library for React apps written in TypeScript that adds reveal animations using the Intersection Observer API to detect when the elements appear in the viewport. Animations are internally provided by [Emotion](https://emotion.sh) and implemented as CSS Animations to benefit from hardware acceleration.
-
-## Table Of Contents
-
-- [Features](#features)
-- [Demo](#demo)
-- [Installation](#installation)
-- [Quick Start](#quick-start)
-- [Supported Effects](#supported-effects)
-  - [Attention Seekers](#attention-seekers)
-  - [Props](#props)
-  - [Example](#example)
-  - [Chaining Multiple Animations](#chaining-multiple-animations)
-- [Custom Animations](#custom-animations)
-  - [Other Props](#other-props)
-- [Intersection Observer](#intersection-observer)
-  - [Polyfill](#polyfill)
-- [Past Releases](#past-releases)
-- [License](#license)
-
-## Features
-
-- 🎁 **Modern stack** – It is built for modern React
-- 🏷 **TypeScript support** – It is written in TypeScript to improve the DX
-- 🍃 **Lightweight** – Very little footprint on your project and no other dependencies required
-- ⚙️ **Uses native APIs** – Intersection Observer and CSS Animations are now supported by all major browsers
-- 🚀 **Fast** – Buttery smooth experience thanks to the use of native asynchronous APIs and hardware acceleration
-- 💅 **Fully customizable** – Define custom animations and let the library render them
-- 💻 **SSR support** – Server Side Rendering works out-of-the-box
-- 🌳 **Tree-shakeable** – Only the parts you use will be included in your final bundle
-
-## Demo
-
-You can find a demo website [here](https://react-awesome-reveal.morello.dev).
-
-## Installation
-
-To add this package as a dependency to your app, simply run
-
-```sh
-npm install react-awesome-reveal --save
-```
-
-or, if you are using Yarn (as I strongly suggest):
-
-```sh
-yarn add react-awesome-reveal
-```
-
-## Quick Start
-
-Import effects from [React Awesome Reveal](https://www.npmjs.com/package/react-awesome-reveal) to your React component, for example the `Fade` effect:
-
-```js
-import { Fade } from "react-awesome-reveal";
-```
-
-Then simply wrap the components you want to animate:
-
-```jsx
-<Fade>
-  <p>I will gently appear as I enter the viewport</p>
-</Fade>
-```
-
-## Supported Effects
-
-The effects currently supported are `Bounce`, `Fade`, `Flip`, `Hinge`, `JackInTheBox`, `Roll`, `Rotate`, `Slide` and `Zoom`. Refer to the [Animate.css](https://animate.style) documentation for the details.
-
-### Attention Seekers
-
-Since version 3, attention seeker animations are wrapped by the `AttentionSeeker` component, which accepts a prop called `effect` that specifies the animation to render (defaults to `"bounce”`). The supported effects are: `”bounce"`, `"flash"`, `"headShake”`, `"heartBeat"`, `"jello”`, `"pulse"`, `"rubberBand"`, `“shake”`, `“shakeX"`, `"shakeY”`, `"swing”`, `"tada"` and `“wobble”`.
-
-Again, refer to the [Animate.css](https://animate.style) documentation for the details.
-
-### Props
-
-You can pass the following props to the animation components to customize the behavior:
-
-| Prop                 | Description                                                                                                                                                                                                                                                                                                                          | Values                                                                                       | Default                                                               |
-| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- |
-| `cascade`            | If set, each child of a reveal animation automatically get assigned a delay that takes into account their predecessor (child `i` enters the viewport after `i * delay * damping` milliseconds) – useful for animating list items.                                                                                                    | `true` or `false`                                                                            | `false`                                                               |
-| `damping`            | Factor that affects the delay that each animated component in a cascade animation will be assigned. If `damping = 1` then the delay will be equal to the animation duration; if `damping < 1` then the delay will be lower than the animation duration; if `damping > 1` then the delay will be greater than the animation duration. | `number`                                                                                     | `0.5` (meaning that the delay will be half of the animation duration) |
-| `direction`          | Origin of the animation (where applicable).                                                                                                                                                                                                                                                                                          | Usually `"down"`, `"left"`, `"right"` or `"up"`, with some exceptions documented in the code | `undefined`                                                           |
-| `delay`              | Time to wait before the animation starts (in milliseconds).                                                                                                                                                                                                                                                                          | `number`                                                                                     | `0`                                                                   |
-| `duration`           | The animation duration (milliseconds).                                                                                                                                                                                                                                                                                               | `number`                                                                                     | `1000`                                                                |
-| `fraction`           | How much an element should be in viewport before the animation is triggered.                                                                                                                                                                                                                                                         | `number` between `0` and `1`                                                                 | `0`                                                                   |
-| `triggerOnce`        | Specifies if the animation should run only once or everytime an element enters/exits/re-enters the viewport.                                                                                                                                                                                                                         | `true` or `false`                                                                            | `false`                                                               |
-| `className`          | The class names to add to the container element.                                                                                                                                                                                                                                                                                     | `string`                                                                                     | `undefined`                                                           |
-| `style`              | The inline styles to add to the container element.                                                                                                                                                                                                                                                                                   | `React.CSSProperties`                                                                        | `undefined`                                                           |
-| `childClassName`     | The class names to add to the child element.                                                                                                                                                                                                                                                                                         | `string`                                                                                     | `undefined`                                                           |
-| `childStyle`         | The inline styles to add to the child element.                                                                                                                                                                                                                                                                                       | `React.CSSProperties`                                                                        | `undefined`                                                           |
-| `onVisibilityChange` | Callback executed when the element enters or leaves the viewport. If more than one element is being animated, this function is called on each element.                                                                                                                                                                               | `(inView: boolean, entry: IntersectionObserverEntry) => void`                                | `undefined`                                                           |
-
-### Example
-
-To trigger the animation only the first time an element enters the viewport:
-
-```jsx
-<Slide triggerOnce>
-  <p>I will animate only the first time you see me</p>
-</Slide>
-```
-
-### Chaining Multiple Animations
-
-To chain together multiple animations, set the `cascade` prop to `true`:
-
-```jsx
-<Fade cascade>
-  <p>I enter first...</p>
-  <p>...then comes my turn...</p>
-  <p>...and finally you see me!</p>
-</Fade>
-```
-
-This is _almost_ equivalent to
-
-```jsx
-<Fade>
-  <p>I enter first...</p>
-</Fade>
-<Fade delay={1000}>
-  <p>...then comes my turn...</p>
-</Fade>
-<Fade delay={2000}>
-  <p>...and finally you see me!</p>
-</Fade>
-```
-
-with the exception that, since each `Fade` component creates an isolated visibility context, in the second snippet every `p` will be shown only if they are inside the viewport (after the specified delay).
-
-## Custom Animations
-
-Starting from version 3.2.0, you can define custom animations! Simply import the `Reveal` component (which is the default export of the library – give it the name you want) and pass it a `keyframes` prop:
-
-```jsx
-import React from "react";
-import Reveal from "react-awesome-reveal";
-import { keyframes } from "@emotion/react";
-
-const customAnimation = keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(-200px, -100px, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-
-function MyAnimatedComponent({ children }) {
-  return (
-    <Reveal keyframes={customAnimation}>
-      {children}
-    </Reveal>;
-  );
-}
-```
-
-If no `keyframes` prop is passed, the default rendered animation is a fading entrance from the left (equivalent to `<Fade direction="left">...</Fade>`).
-
-### Other Props
-
-You can also pass these props to `Reveal`:
-
-- `cascade`
-- `damping`
-- `delay`
-- `duration`
-- `fraction`
-- `triggerOnce`
-- `className` and `childClassName`
-- `style` and `childStyle`
-- `onVisibilityChange`
-
-## Intersection Observer
-
-[Intersection Observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) is the API used to determine if an element is inside the viewport or not. [Browser support](http://caniuse.com/#feat=intersectionobserver) is really good – with [Safari adding support in 12.1](https://webkit.org/blog/8718/new-webkit-features-in-safari-12-1), all major browsers now support Intersection Observers natively.
-
-If you need to support old browsers, add the polyfill for the Intersection Observer API.
-
-### Polyfill
-
-You can add the [polyfill](https://www.npmjs.com/package/intersection-observer) directly or use a service like [polyfill.io](https://polyfill.io/v2/docs) to add it when needed.
-
-```sh
-yarn add intersection-observer
-```
-
-Then import it in your app:
-
-```javascript
-import "intersection-observer";
-```
-
-If you are using Webpack (or similar) you could use [dynamic imports](https://webpack.js.org/guides/code-splitting/#dynamic-imports) to load the polyfill only if needed. A basic implementation could look something like this:
-
-```javascript
-/**
- * Do feature detection, to figure out which polyfills needs to be imported.
- **/
-async function loadPolyfills() {
-  if (typeof window.IntersectionObserver === "undefined") {
-    await import("intersection-observer");
-  }
-}
-```
-
-## Past Releases
-
-To see the documentation for previous versions, navigate through past tags in the GitHub's project repository and read the README for that specific version.
-
-## License
-
-Project source code is licensed under the MIT license. You are free to fork this repository, edit the code, share and use it both for non-commercial and commercial purposes.

package/dist/Reveal.d.ts

@@ -1,70 +0,0 @@
-import { FC } from "react";
-import { Interpolation, Theme } from "@emotion/react";
-import { Keyframes } from "@emotion/serialize";
-export interface RevealProps {
-    /**
-     * Stagger its children animations.
-     * @default false
-     */
-    cascade?: boolean;
-    /**
-     * Factor that affects the delay that each animated element in a cascade animation will be assigned.
-     * @default 0.5
-     */
-    damping?: number;
-    /**
-     * Initial delay, in milliseconds.
-     * @default 0
-     */
-    delay?: number;
-    /**
-     * Animation duration, in milliseconds.
-     * @default 1000
-     */
-    duration?: number;
-    /**
-     * Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered.
-     * @default 0
-     */
-    fraction?: number;
-    /**
-     * Custom Emotion animation keyframes.
-     */
-    keyframes?: Keyframes;
-    /**
-     * Specifies if the animation should run only once or everytime the element enters/exits/re-enters the viewport.
-     * @default false
-     */
-    triggerOnce?: boolean;
-    /**
-     * Custom Emotion styles.
-     */
-    css?: Interpolation<Theme>;
-    /**
-     * Class names to add to the container element.
-     */
-    className?: string;
-    /**
-     * Inline styles to add to the container element.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Class names to add to the child element.
-     */
-    childClassName?: string;
-    /**
-     * Inline styles to add to the child element.
-     */
-    childStyle?: React.CSSProperties;
-    /**
-     * Callback executed when the element enters or leaves the viewport.
-     * If more than one element is being animated, this function is called
-     * on each element.
-     *
-     * @param inView The current visibility flag.
-     * @param entry The current IntersectionObserverEntry.
-     */
-    onVisibilityChange?(inView: boolean, entry: IntersectionObserverEntry): void;
-}
-declare const Reveal: FC<RevealProps>;
-export default Reveal;

package/dist/animations/attention_seekers/bounce.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/bounce.css}
- */
-declare const bounce: import("@emotion/serialize").Keyframes;
-export default bounce;

package/dist/animations/attention_seekers/flash.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/flash.css}
- */
-declare const flash: import("@emotion/serialize").Keyframes;
-export default flash;

package/dist/animations/attention_seekers/headShake.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/headShake.css}
- */
-declare const headShake: import("@emotion/serialize").Keyframes;
-export default headShake;

package/dist/animations/attention_seekers/heartBeat.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/heartBeat.css}
- */
-declare const heartBeat: import("@emotion/serialize").Keyframes;
-export default heartBeat;

package/dist/animations/attention_seekers/index.d.ts

@@ -1,13 +0,0 @@
-export { default as bounce } from "./bounce";
-export { default as flash } from "./flash";
-export { default as headShake } from "./headShake";
-export { default as heartBeat } from "./heartBeat";
-export { default as jello } from "./jello";
-export { default as pulse } from "./pulse";
-export { default as rubberBand } from "./rubberBand";
-export { default as shake } from "./shake";
-export { default as shakeX } from "./shakeX";
-export { default as shakeY } from "./shakeY";
-export { default as swing } from "./swing";
-export { default as tada } from "./tada";
-export { default as wobble } from "./wobble";

package/dist/animations/attention_seekers/jello.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/jello.css}
- */
-declare const jello: import("@emotion/serialize").Keyframes;
-export default jello;

package/dist/animations/attention_seekers/pulse.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/pulse.css}
- */
-declare const pulse: import("@emotion/serialize").Keyframes;
-export default pulse;

package/dist/animations/attention_seekers/rubberBand.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/rubberBand.css}
- */
-declare const rubberBand: import("@emotion/serialize").Keyframes;
-export default rubberBand;

package/dist/animations/attention_seekers/shake.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shake.css}
- */
-declare const shake: import("@emotion/serialize").Keyframes;
-export default shake;

package/dist/animations/attention_seekers/shakeX.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeX.css}
- */
-declare const shakeX: import("@emotion/serialize").Keyframes;
-export default shakeX;

package/dist/animations/attention_seekers/shakeY.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeY.css}
- */
-declare const shakeY: import("@emotion/serialize").Keyframes;
-export default shakeY;

package/dist/animations/attention_seekers/swing.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/swing.css}
- */
-declare const swing: import("@emotion/serialize").Keyframes;
-export default swing;

package/dist/animations/attention_seekers/tada.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/tada.css}
- */
-declare const tada: import("@emotion/serialize").Keyframes;
-export default tada;

package/dist/animations/attention_seekers/wobble.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/wobble.css}
- */
-declare const wobble: import("@emotion/serialize").Keyframes;
-export default wobble;

package/dist/animations/bouncing_entrances/bounceIn.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceIn.css}
- */
-declare const bounceIn: import("@emotion/serialize").Keyframes;
-export default bounceIn;

package/dist/animations/bouncing_entrances/bounceInDown.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInDown.css}
- */
-declare const bounceInDown: import("@emotion/serialize").Keyframes;
-export default bounceInDown;

package/dist/animations/bouncing_entrances/bounceInLeft.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInLeft.css}
- */
-declare const bounceInLeft: import("@emotion/serialize").Keyframes;
-export default bounceInLeft;

package/dist/animations/bouncing_entrances/bounceInRight.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInRight.css}
- */
-declare const bounceInRight: import("@emotion/serialize").Keyframes;
-export default bounceInRight;

package/dist/animations/bouncing_entrances/bounceInUp.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInUp.css}
- */
-declare const bounceInUp: import("@emotion/serialize").Keyframes;
-export default bounceInUp;

package/dist/animations/bouncing_entrances/index.d.ts

@@ -1,5 +0,0 @@
-export { default as bounceIn } from "./bounceIn";
-export { default as bounceInDown } from "./bounceInDown";
-export { default as bounceInLeft } from "./bounceInLeft";
-export { default as bounceInRight } from "./bounceInRight";
-export { default as bounceInUp } from "./bounceInUp";

package/dist/animations/bouncing_exits/bounceOut.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOut.css}
- */
-declare const bounceOut: import("@emotion/serialize").Keyframes;
-export default bounceOut;

package/dist/animations/bouncing_exits/bounceOutDown.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutDown.css}
- */
-declare const bounceOutDown: import("@emotion/serialize").Keyframes;
-export default bounceOutDown;

package/dist/animations/bouncing_exits/bounceOutLeft.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutLeft.css}
- */
-declare const bounceOutLeft: import("@emotion/serialize").Keyframes;
-export default bounceOutLeft;

package/dist/animations/bouncing_exits/bounceOutRight.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutRight.css}
- */
-declare const bounceOutRight: import("@emotion/serialize").Keyframes;
-export default bounceOutRight;

package/dist/animations/bouncing_exits/bounceOutUp.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutUp.css}
- */
-declare const bounceOutUp: import("@emotion/serialize").Keyframes;
-export default bounceOutUp;

package/dist/animations/bouncing_exits/index.d.ts

@@ -1,5 +0,0 @@
-export { default as bounceOut } from "./bounceOut";
-export { default as bounceOutDown } from "./bounceOutDown";
-export { default as bounceOutLeft } from "./bounceOutLeft";
-export { default as bounceOutRight } from "./bounceOutRight";
-export { default as bounceOutUp } from "./bounceOutUp";

package/dist/animations/fading_entrances/fadeIn.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeIn.css}
- */
-declare const fadeIn: import("@emotion/serialize").Keyframes;
-export default fadeIn;

package/dist/animations/fading_entrances/fadeInBottomLeft.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomLeft.css}
- */
-declare const fadeInBottomLeft: import("@emotion/serialize").Keyframes;
-export default fadeInBottomLeft;

package/dist/animations/fading_entrances/fadeInBottomRight.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomRight.css}
- */
-declare const fadeInBottomRight: import("@emotion/serialize").Keyframes;
-export default fadeInBottomRight;

package/dist/animations/fading_entrances/fadeInDown.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDown.css}
- */
-declare const fadeInDown: import("@emotion/serialize").Keyframes;
-export default fadeInDown;

package/dist/animations/fading_entrances/fadeInDownBig.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDownBig.css}
- */
-declare const fadeInDownBig: import("@emotion/serialize").Keyframes;
-export default fadeInDownBig;

package/dist/animations/fading_entrances/fadeInLeft.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeft.css}
- */
-declare const fadeInLeft: import("@emotion/serialize").Keyframes;
-export default fadeInLeft;

package/dist/animations/fading_entrances/fadeInLeftBig.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeftBig.css}
- */
-declare const fadeInLeftBig: import("@emotion/serialize").Keyframes;
-export default fadeInLeftBig;

package/dist/animations/fading_entrances/fadeInRight.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRight.css}
- */
-declare const fadeInRight: import("@emotion/serialize").Keyframes;
-export default fadeInRight;

package/dist/animations/fading_entrances/fadeInRightBig.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRightBig.css}
- */
-declare const fadeInRightBig: import("@emotion/serialize").Keyframes;
-export default fadeInRightBig;

package/dist/animations/fading_entrances/fadeInTopLeft.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopLeft.css}
- */
-declare const fadeInTopLeft: import("@emotion/serialize").Keyframes;
-export default fadeInTopLeft;

package/dist/animations/fading_entrances/fadeInTopRight.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopRight.css}
- */
-declare const fadeInTopRight: import("@emotion/serialize").Keyframes;
-export default fadeInTopRight;

package/dist/animations/fading_entrances/fadeInUp.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUp.css}
- */
-declare const fadeInUp: import("@emotion/serialize").Keyframes;
-export default fadeInUp;

package/dist/animations/fading_entrances/fadeInUpBig.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUpBig.css}
- */
-declare const fadeInUpBig: import("@emotion/serialize").Keyframes;
-export default fadeInUpBig;

package/dist/animations/fading_entrances/index.d.ts

@@ -1,13 +0,0 @@
-export { default as fadeIn } from "./fadeIn";
-export { default as fadeInBottomLeft } from "./fadeInBottomLeft";
-export { default as fadeInBottomRight } from "./fadeInBottomRight";
-export { default as fadeInDown } from "./fadeInDown";
-export { default as fadeInDownBig } from "./fadeInDownBig";
-export { default as fadeInLeft } from "./fadeInLeft";
-export { default as fadeInLeftBig } from "./fadeInLeftBig";
-export { default as fadeInRight } from "./fadeInRight";
-export { default as fadeInRightBig } from "./fadeInRightBig";
-export { default as fadeInTopLeft } from "./fadeInTopLeft";
-export { default as fadeInTopRight } from "./fadeInTopRight";
-export { default as fadeInUp } from "./fadeInUp";
-export { default as fadeInUpBig } from "./fadeInUpBig";

package/dist/animations/fading_exits/fadeOut.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOut.css}
- */
-declare const fadeOut: import("@emotion/serialize").Keyframes;
-export default fadeOut;

package/dist/animations/fading_exits/fadeOutBottomLeft.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomLeft.css}
- */
-declare const fadeOutBottomLeft: import("@emotion/serialize").Keyframes;
-export default fadeOutBottomLeft;

package/dist/animations/fading_exits/fadeOutBottomRight.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomRight.css}
- */
-declare const fadeOutBottomRight: import("@emotion/serialize").Keyframes;
-export default fadeOutBottomRight;

package/dist/animations/fading_exits/fadeOutDown.d.ts

@@ -1,5 +0,0 @@
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutDown.css}
- */
-declare const fadeOutDown: import("@emotion/serialize").Keyframes;
-export default fadeOutDown;