react-awesome-reveal 4.3.1 → 5.0.0-next.0

package/dist/keyframes.d.ts

@@ -0,0 +1 @@
+export * from '@awesome-reveal/react/keyframes';

package/dist/keyframes.js

@@ -0,0 +1 @@
+export * from "@awesome-reveal/react/keyframes";

package/package.json

@@ -1,84 +1,77 @@
 {
   "name": "react-awesome-reveal",
-  "description": "React components to add reveal animations using the Intersection Observer API and CSS Animations.",
-  "version": "4.3.1",
-  "license": "MIT",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
-  },
-  "files": [
-    "dist"
+  "version": "5.0.0-next.0",
+  "description": "Reveal-on-scroll animations for React. This package re-exports @awesome-reveal/react.",
+  "keywords": [
+    "animation",
+    "hooks",
+    "intersection-observer",
+    "react",
+    "reveal",
+    "scroll",
+    "scroll-reveal",
+    "typescript",
+    "waapi",
+    "web-animations"
   ],
-  "sideEffects": false,
+  "homepage": "https://awesome-reveal.morello.dev",
+  "bugs": {
+    "url": "https://github.com/awesome-reveal/awesome-reveal/issues"
+  },
+  "license": "MIT",
   "author": {
     "name": "Dennis Morello",
-    "email": "dennis@morello.dev",
+    "email": "dennismorello@gmail.com",
     "url": "https://morello.dev"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/awesome-reveal/awesome-reveal.git",
+    "directory": "packages/react-awesome-reveal"
+  },
   "funding": [
     {
       "type": "github",
       "url": "https://github.com/sponsors/morellodev"
-    },
-    {
-      "type": "opencollective",
-      "url": "https://opencollective.com/react-awesome-reveal"
     }
   ],
-  "homepage": "https://react-awesome-reveal.morello.dev",
-  "keywords": [
-    "react",
-    "reveal",
-    "react-reveal",
-    "scroll",
-    "typescript",
-    "intersection",
-    "intersection-observer",
-    "animations",
-    "css-in-js",
-    "emotion"
+  "files": [
+    "dist",
+    "skills"
   ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/awesome-reveal/react-awesome-reveal"
-  },
-  "bugs": {
-    "url": "https://github.com/awesome-reveal/react-awesome-reveal/issues"
+  "type": "module",
+  "sideEffects": false,
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./keyframes": {
+      "types": "./dist/keyframes.d.ts",
+      "default": "./dist/keyframes.js"
+    },
+    "./package.json": "./package.json"
   },
   "publishConfig": {
     "access": "public"
   },
-  "peerDependencies": {
-    "@emotion/react": "^11.0.0",
-    "react": ">=16.14.0"
+  "dependencies": {
+    "@awesome-reveal/react": "^1.0.0-next.0"
   },
   "devDependencies": {
-    "@emotion/react": "^11.13.0",
-    "@emotion/serialize": "^1.3.0",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@types/react-is": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "react": "^18.3.1",
-    "rollup-preserve-directives": "^1.1.3",
-    "vite": "^5.3.5",
-    "vite-plugin-dts": "3.9.1"
+    "@types/react": "^19.3.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0"
   },
-  "dependencies": {
-    "react-intersection-observer": "^9.13.0",
-    "react-is": "^18.3.1"
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "engines": {
+    "node": ">=20.19.0"
   },
   "scripts": {
     "build": "tsc --noEmit && vite build",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix ."
+    "check:package": "publint --strict && attw --pack . --profile esm-only"
   }
 }

package/skills/migrating-from-v4/SKILL.md

@@ -0,0 +1,95 @@
+---
+name: migrating-from-v4
+description: Migrates code from react-awesome-reveal v4 (Fade, Slide, Zoom, Bounce, cascade, triggerOnce, Emotion keyframes) to @awesome-reveal/react. Use when code imports react-awesome-reveal 4.x or its effect components.
+---
+
+# Migrate from react-awesome-reveal v4
+
+## Steps
+
+1. Replace the `react-awesome-reveal` dependency with `@awesome-reveal/react`.
+2. Remove `@emotion/react`, unless the app uses it for other code.
+3. Make sure that the app uses React 18 or later.
+4. Change the imports. `Reveal` is a named export now. The keyframes come from `@awesome-reveal/react/keyframes`.
+5. Replace each effect component with `Reveal` and a keyframes factory, as the component table shows.
+6. Change the props, as the props table shows.
+7. Check the behavior changes below in each place that you change.
+8. Run the type check and the tests of the app. Fix the errors, and run them again until they pass.
+
+```tsx
+// v4
+import { Fade } from "react-awesome-reveal";
+<Fade direction="up" cascade damping={0.2} triggerOnce>
+  …
+</Fade>;
+```
+
+```tsx
+// @awesome-reveal/react
+import { Reveal } from "@awesome-reveal/react";
+import { slide } from "@awesome-reveal/react/keyframes";
+<Reveal keyframes={slide({ distance: "100%", easing: "ease" })} duration={1000} stagger={200}>
+  …
+</Reveal>;
+```
+
+## Components
+
+In v4, `left` and `right` name the side where the element starts, but `up` and `down` name the movement. `slide` `direction` always names the movement, so only `left` and `right` swap.
+
+| v4                             | @awesome-reveal/react                                                                             |
+| ------------------------------ | ------------------------------------------------------------------------------------------------- |
+| `import Reveal from "…"`       | `import { Reveal } from "@awesome-reveal/react"`                                                  |
+| `<Reveal>` with no `keyframes` | `slide({ direction: "right", distance: "100%" })`                                                 |
+| `<Fade>`                       | `fade()`                                                                                          |
+| `<Fade direction="up">`        | `slide()`, or `slide({ distance: "100%" })` for the v4 distance                                   |
+| `<Fade direction="down">`      | `slide({ direction: "down" })`                                                                    |
+| `<Fade direction="left">`      | `slide({ direction: "right" })`                                                                   |
+| `<Fade direction="right">`     | `slide({ direction: "left" })`                                                                    |
+| `<Fade direction="left" big>`  | `slide({ direction: "right", distance: 2000 })`                                                   |
+| `<Fade direction="top-left">`  | `enter({ x: "-100%", y: "-100%" })`                                                               |
+| `<Slide>`                      | `slide({ direction: "right", distance: "100%", opacity: 1 })`                                     |
+| `<Slide direction="up">`       | `slide({ distance: "100%", opacity: 1 })`                                                         |
+| `<Zoom>`                       | `scale({ from: 0.3 })`, a close match                                                             |
+| `<Bounce>`                     | `pop({ from: 0.3 })`, or `scale({ from: 0.3, easing: spring({ bounce: 0.5 }) })` for more bounces |
+| `<JackInTheBox>`               | `pop({ from: 0.1 })`, with no rotation                                                            |
+| `<Rotate>`                     | `enter({ rotate: -200 })`                                                                         |
+| `<Roll>`                       | `enter({ x: "-100%", rotate: -120 })`                                                             |
+
+These have no replacement: exit animations (`reverse`), `Flip`, `Hinge`, `AttentionSeeker`, and the directional `Bounce`, `Zoom` and `Rotate` variants. To keep one, port its keyframes from Animate.css (see below).
+
+## Props
+
+| v4                             | @awesome-reveal/react                                                                                                                                                                                                      |
+| ------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `cascade` and `damping`        | `stagger`, in milliseconds: `duration * damping`. The v4 defaults give `stagger={500}`.                                                                                                                                    |
+| `fraction`                     | `threshold`                                                                                                                                                                                                                |
+| `triggerOnce`                  | `once`. The default is `true` now. Set `once={false}` where v4 had no `triggerOnce`.                                                                                                                                       |
+| `duration` (default `1000`)    | `duration` (default `600`). Set `duration={1000}` to keep the v4 duration.                                                                                                                                                 |
+| `ease` timing, with no prop    | The `easing` option of each factory, default `cubic-bezier(0.22, 1, 0.36, 1)`. Set `easing: "ease"` to keep the v4 motion.                                                                                                 |
+| `className`, `style`           | They apply to the one element that `Reveal` renders. v4 applied them to the `div` of each child. To keep that, put them on each child.                                                                                     |
+| `childClassName`, `childStyle` | Style the children directly.                                                                                                                                                                                               |
+| `onVisibilityChange`           | `useReveal` with `once: false`, and its `revealed` value in an effect. With the default `once: true`, `revealed` never goes back to `false`. v4 called the callback for each child, so use one `useReveal` for each child. |
+| Emotion `keyframes`            | `defineKeyframes` or a keyframes array                                                                                                                                                                                     |
+
+## Port an Animate.css animation
+
+Copy the keyframes from the Animate.css source, and convert them to a keyframes array:
+
+1. Split grouped selectors such as `from, 20%, 40%` into one keyframe for each offset.
+2. Give each keyframe a timing function: its own `animation-timing-function`, or else the `animation-timing-function` of the Animate.css class. The default is `ease`.
+3. Merge the keyframes that have the same offset and the same timing function. When two of them set the same property, keep the later value.
+4. Remove the keyframes that set only a timing function. Browsers ignore them, so v4 did not show their easing.
+5. Sort the keyframes by offset. `element.animate` throws a `TypeError` when an offset is smaller than the offset before it.
+6. Write each CSS keyframe as an object, with properties in camelCase.
+7. Write `from` as `offset: 0`, `to` as `offset: 1`, and `40%` as `offset: 0.4`.
+8. Write the timing function of each keyframe except the last one as `easing`. Web Animations eases a keyframe with no `easing` linearly.
+
+## Behavior changes
+
+- A `<Reveal>` with no `keyframes` now plays `slide()`: it moves up 24px. v4 slid in from the left by 100%. The type check does not find these elements, so search the code for `<Reveal` with no `keyframes`.
+- `Reveal` renders one element (`as`, `div` by default) around all its children. v4 rendered one `div` for each child. Check the CSS that targets these wrappers.
+- v4 observed each child separately. One observer now watches the whole `Reveal`, and all children reveal together, also children below the fold. Split a long list into several `Reveal` elements, or use `useReveal` for each item.
+- Use `stagger` to animate the children one after the other.
+- Lists, fragments and text have no special handling. For a list, use `as="ul"` with `stagger`.
+- Animations do not stay applied after they finish, so a transformed element no longer breaks `position: fixed` children or `z-index`.

package/dist/Reveal.d.ts

@@ -1,69 +0,0 @@
-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;
-    /**
-     * 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;
-    /**
-     * From React 18, children must be explicitly typed.
-     * @see https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-typescript-definitions
-     */
-    children?: React.ReactNode;
-    /**
-     * 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;
-}
-export declare const Reveal: React.FC<RevealProps>;

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

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

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

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

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

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

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

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

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

@@ -1,13 +0,0 @@
-export * from './bounce';
-export * from './flash';
-export * from './headShake';
-export * from './heartBeat';
-export * from './jello';
-export * from './pulse';
-export * from './rubberBand';
-export * from './shake';
-export * from './shakeX';
-export * from './shakeY';
-export * from './swing';
-export * from './tada';
-export * from './wobble';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-export * from './bounceIn';
-export * from './bounceInDown';
-export * from './bounceInLeft';
-export * from './bounceInRight';
-export * from './bounceInUp';

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-export * from './bounceOut';
-export * from './bounceOutDown';
-export * from './bounceOutLeft';
-export * from './bounceOutRight';
-export * from './bounceOutUp';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,13 +0,0 @@
-export * from './fadeIn';
-export * from './fadeInBottomLeft';
-export * from './fadeInBottomRight';
-export * from './fadeInDown';
-export * from './fadeInDownBig';
-export * from './fadeInLeft';
-export * from './fadeInLeftBig';
-export * from './fadeInRight';
-export * from './fadeInRightBig';
-export * from './fadeInTopLeft';
-export * from './fadeInTopRight';
-export * from './fadeInUp';
-export * from './fadeInUpBig';

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

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

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

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