react-awesome-reveal 3.8.1 → 4.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/dist/main.js +2135 -0
- package/dist/main.js.map +1 -0
- package/dist/module.js +2127 -0
- package/dist/module.js.map +1 -0
- package/dist/types.d.ts +185 -0
- package/dist/types.d.ts.map +1 -0
- package/package.json +43 -59
- package/dist/Reveal.d.ts +0 -70
- package/dist/animations/attention_seekers/bounce.d.ts +0 -5
- package/dist/animations/attention_seekers/flash.d.ts +0 -5
- package/dist/animations/attention_seekers/headShake.d.ts +0 -5
- package/dist/animations/attention_seekers/heartBeat.d.ts +0 -5
- package/dist/animations/attention_seekers/index.d.ts +0 -13
- package/dist/animations/attention_seekers/jello.d.ts +0 -5
- package/dist/animations/attention_seekers/pulse.d.ts +0 -5
- package/dist/animations/attention_seekers/rubberBand.d.ts +0 -5
- package/dist/animations/attention_seekers/shake.d.ts +0 -5
- package/dist/animations/attention_seekers/shakeX.d.ts +0 -5
- package/dist/animations/attention_seekers/shakeY.d.ts +0 -5
- package/dist/animations/attention_seekers/swing.d.ts +0 -5
- package/dist/animations/attention_seekers/tada.d.ts +0 -5
- package/dist/animations/attention_seekers/wobble.d.ts +0 -5
- package/dist/animations/bouncing_entrances/bounceIn.d.ts +0 -5
- package/dist/animations/bouncing_entrances/bounceInDown.d.ts +0 -5
- package/dist/animations/bouncing_entrances/bounceInLeft.d.ts +0 -5
- package/dist/animations/bouncing_entrances/bounceInRight.d.ts +0 -5
- package/dist/animations/bouncing_entrances/bounceInUp.d.ts +0 -5
- package/dist/animations/bouncing_entrances/index.d.ts +0 -5
- package/dist/animations/bouncing_exits/bounceOut.d.ts +0 -5
- package/dist/animations/bouncing_exits/bounceOutDown.d.ts +0 -5
- package/dist/animations/bouncing_exits/bounceOutLeft.d.ts +0 -5
- package/dist/animations/bouncing_exits/bounceOutRight.d.ts +0 -5
- package/dist/animations/bouncing_exits/bounceOutUp.d.ts +0 -5
- package/dist/animations/bouncing_exits/index.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeIn.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInBottomLeft.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInBottomRight.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInDown.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInDownBig.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInLeft.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInLeftBig.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInRight.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInRightBig.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInTopLeft.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInTopRight.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInUp.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInUpBig.d.ts +0 -5
- package/dist/animations/fading_entrances/index.d.ts +0 -13
- package/dist/animations/fading_exits/fadeOut.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutBottomLeft.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutBottomRight.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutDown.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutDownBig.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutLeft.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutLeftBig.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutRight.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutRightBig.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutTopLeft.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutTopRight.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutUp.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutUpBig.d.ts +0 -5
- package/dist/animations/fading_exits/index.d.ts +0 -13
- package/dist/animations/flippers/flip.d.ts +0 -5
- package/dist/animations/flippers/flipInX.d.ts +0 -5
- package/dist/animations/flippers/flipInY.d.ts +0 -5
- package/dist/animations/flippers/flipOutX.d.ts +0 -5
- package/dist/animations/flippers/flipOutY.d.ts +0 -5
- package/dist/animations/flippers/index.d.ts +0 -5
- package/dist/animations/rotating_entrances/index.d.ts +0 -5
- package/dist/animations/rotating_entrances/rotateIn.d.ts +0 -5
- package/dist/animations/rotating_entrances/rotateInDownLeft.d.ts +0 -5
- package/dist/animations/rotating_entrances/rotateInDownRight.d.ts +0 -5
- package/dist/animations/rotating_entrances/rotateInUpLeft.d.ts +0 -5
- package/dist/animations/rotating_entrances/rotateInUpRight.d.ts +0 -5
- package/dist/animations/rotating_exits/index.d.ts +0 -5
- package/dist/animations/rotating_exits/rotateOut.d.ts +0 -5
- package/dist/animations/rotating_exits/rotateOutDownLeft.d.ts +0 -5
- package/dist/animations/rotating_exits/rotateOutDownRight.d.ts +0 -5
- package/dist/animations/rotating_exits/rotateOutUpLeft.d.ts +0 -5
- package/dist/animations/rotating_exits/rotateOutUpRight.d.ts +0 -5
- package/dist/animations/sliding_entrances/index.d.ts +0 -4
- package/dist/animations/sliding_entrances/slideInDown.d.ts +0 -5
- package/dist/animations/sliding_entrances/slideInLeft.d.ts +0 -5
- package/dist/animations/sliding_entrances/slideInRight.d.ts +0 -5
- package/dist/animations/sliding_entrances/slideInUp.d.ts +0 -5
- package/dist/animations/sliding_exits/index.d.ts +0 -4
- package/dist/animations/sliding_exits/slideOutDown.d.ts +0 -5
- package/dist/animations/sliding_exits/slideOutLeft.d.ts +0 -5
- package/dist/animations/sliding_exits/slideOutRight.d.ts +0 -5
- package/dist/animations/sliding_exits/slideOutUp.d.ts +0 -5
- package/dist/animations/specials/hinge.d.ts +0 -5
- package/dist/animations/specials/index.d.ts +0 -4
- package/dist/animations/specials/jackInTheBox.d.ts +0 -5
- package/dist/animations/specials/rollIn.d.ts +0 -5
- package/dist/animations/specials/rollOut.d.ts +0 -5
- package/dist/animations/zooming_entrances/index.d.ts +0 -5
- package/dist/animations/zooming_entrances/zoomIn.d.ts +0 -5
- package/dist/animations/zooming_entrances/zoomInDown.d.ts +0 -5
- package/dist/animations/zooming_entrances/zoomInLeft.d.ts +0 -5
- package/dist/animations/zooming_entrances/zoomInRight.d.ts +0 -5
- package/dist/animations/zooming_entrances/zoomInUp.d.ts +0 -5
- package/dist/animations/zooming_exits/index.d.ts +0 -5
- package/dist/animations/zooming_exits/zoomOut.d.ts +0 -5
- package/dist/animations/zooming_exits/zoomOutDown.d.ts +0 -5
- package/dist/animations/zooming_exits/zoomOutLeft.d.ts +0 -5
- package/dist/animations/zooming_exits/zoomOutRight.d.ts +0 -5
- package/dist/animations/zooming_exits/zoomOutUp.d.ts +0 -5
- package/dist/components/AttentionSeeker.d.ts +0 -12
- package/dist/components/Bounce.d.ts +0 -17
- package/dist/components/Fade.d.ts +0 -22
- package/dist/components/Flip.d.ts +0 -17
- package/dist/components/Hinge.d.ts +0 -5
- package/dist/components/JackInTheBox.d.ts +0 -5
- package/dist/components/Roll.d.ts +0 -11
- package/dist/components/Rotate.d.ts +0 -17
- package/dist/components/Slide.d.ts +0 -17
- package/dist/components/Zoom.d.ts +0 -17
- package/dist/index.d.ts +0 -13
- package/dist/index.js +0 -8
- package/dist/react-awesome-reveal.cjs.development.js +0 -1203
- package/dist/react-awesome-reveal.cjs.development.js.map +0 -1
- package/dist/react-awesome-reveal.cjs.production.min.js +0 -2
- package/dist/react-awesome-reveal.cjs.production.min.js.map +0 -1
- package/dist/react-awesome-reveal.esm.js +0 -1189
- package/dist/react-awesome-reveal.esm.js.map +0 -1
- package/dist/utils/animations.d.ts +0 -7
- package/dist/utils/js-types.d.ts +0 -2
package/dist/Reveal.d.ts
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { Interpolation, Theme } from "@emotion/react";
|
|
2
|
-
import { Keyframes } from "@emotion/serialize";
|
|
3
|
-
import { FC } from "react";
|
|
4
|
-
export interface RevealProps {
|
|
5
|
-
/**
|
|
6
|
-
* Stagger its children animations.
|
|
7
|
-
* @default false
|
|
8
|
-
*/
|
|
9
|
-
cascade?: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* Factor that affects the delay that each animated element in a cascade animation will be assigned.
|
|
12
|
-
* @default 0.5
|
|
13
|
-
*/
|
|
14
|
-
damping?: number;
|
|
15
|
-
/**
|
|
16
|
-
* Initial delay, in milliseconds.
|
|
17
|
-
* @default 0
|
|
18
|
-
*/
|
|
19
|
-
delay?: number;
|
|
20
|
-
/**
|
|
21
|
-
* Animation duration, in milliseconds.
|
|
22
|
-
* @default 1000
|
|
23
|
-
*/
|
|
24
|
-
duration?: number;
|
|
25
|
-
/**
|
|
26
|
-
* Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered.
|
|
27
|
-
* @default 0
|
|
28
|
-
*/
|
|
29
|
-
fraction?: number;
|
|
30
|
-
/**
|
|
31
|
-
* Custom Emotion animation keyframes.
|
|
32
|
-
*/
|
|
33
|
-
keyframes?: Keyframes;
|
|
34
|
-
/**
|
|
35
|
-
* Specifies if the animation should run only once or everytime the element enters/exits/re-enters the viewport.
|
|
36
|
-
* @default false
|
|
37
|
-
*/
|
|
38
|
-
triggerOnce?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Custom Emotion styles.
|
|
41
|
-
*/
|
|
42
|
-
css?: Interpolation<Theme>;
|
|
43
|
-
/**
|
|
44
|
-
* Class names to add to the container element.
|
|
45
|
-
*/
|
|
46
|
-
className?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Inline styles to add to the container element.
|
|
49
|
-
*/
|
|
50
|
-
style?: React.CSSProperties;
|
|
51
|
-
/**
|
|
52
|
-
* Class names to add to the child element.
|
|
53
|
-
*/
|
|
54
|
-
childClassName?: string;
|
|
55
|
-
/**
|
|
56
|
-
* Inline styles to add to the child element.
|
|
57
|
-
*/
|
|
58
|
-
childStyle?: React.CSSProperties;
|
|
59
|
-
/**
|
|
60
|
-
* Callback executed when the element enters or leaves the viewport.
|
|
61
|
-
* If more than one element is being animated, this function is called
|
|
62
|
-
* on each element.
|
|
63
|
-
*
|
|
64
|
-
* @param inView The current visibility flag.
|
|
65
|
-
* @param entry The current IntersectionObserverEntry.
|
|
66
|
-
*/
|
|
67
|
-
onVisibilityChange?(inView: boolean, entry: IntersectionObserverEntry): void;
|
|
68
|
-
}
|
|
69
|
-
declare const Reveal: FC<RevealProps>;
|
|
70
|
-
export default Reveal;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export { default as bounce } from "./bounce";
|
|
2
|
-
export { default as flash } from "./flash";
|
|
3
|
-
export { default as headShake } from "./headShake";
|
|
4
|
-
export { default as heartBeat } from "./heartBeat";
|
|
5
|
-
export { default as jello } from "./jello";
|
|
6
|
-
export { default as pulse } from "./pulse";
|
|
7
|
-
export { default as rubberBand } from "./rubberBand";
|
|
8
|
-
export { default as shake } from "./shake";
|
|
9
|
-
export { default as shakeX } from "./shakeX";
|
|
10
|
-
export { default as shakeY } from "./shakeY";
|
|
11
|
-
export { default as swing } from "./swing";
|
|
12
|
-
export { default as tada } from "./tada";
|
|
13
|
-
export { default as wobble } from "./wobble";
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as bounceIn } from "./bounceIn";
|
|
2
|
-
export { default as bounceInDown } from "./bounceInDown";
|
|
3
|
-
export { default as bounceInLeft } from "./bounceInLeft";
|
|
4
|
-
export { default as bounceInRight } from "./bounceInRight";
|
|
5
|
-
export { default as bounceInUp } from "./bounceInUp";
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as bounceOut } from "./bounceOut";
|
|
2
|
-
export { default as bounceOutDown } from "./bounceOutDown";
|
|
3
|
-
export { default as bounceOutLeft } from "./bounceOutLeft";
|
|
4
|
-
export { default as bounceOutRight } from "./bounceOutRight";
|
|
5
|
-
export { default as bounceOutUp } from "./bounceOutUp";
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export { default as fadeIn } from "./fadeIn";
|
|
2
|
-
export { default as fadeInBottomLeft } from "./fadeInBottomLeft";
|
|
3
|
-
export { default as fadeInBottomRight } from "./fadeInBottomRight";
|
|
4
|
-
export { default as fadeInDown } from "./fadeInDown";
|
|
5
|
-
export { default as fadeInDownBig } from "./fadeInDownBig";
|
|
6
|
-
export { default as fadeInLeft } from "./fadeInLeft";
|
|
7
|
-
export { default as fadeInLeftBig } from "./fadeInLeftBig";
|
|
8
|
-
export { default as fadeInRight } from "./fadeInRight";
|
|
9
|
-
export { default as fadeInRightBig } from "./fadeInRightBig";
|
|
10
|
-
export { default as fadeInTopLeft } from "./fadeInTopLeft";
|
|
11
|
-
export { default as fadeInTopRight } from "./fadeInTopRight";
|
|
12
|
-
export { default as fadeInUp } from "./fadeInUp";
|
|
13
|
-
export { default as fadeInUpBig } from "./fadeInUpBig";
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export { default as fadeOut } from "./fadeOut";
|
|
2
|
-
export { default as fadeOutBottomLeft } from "./fadeOutBottomLeft";
|
|
3
|
-
export { default as fadeOutBottomRight } from "./fadeOutBottomRight";
|
|
4
|
-
export { default as fadeOutDown } from "./fadeOutDown";
|
|
5
|
-
export { default as fadeOutDownBig } from "./fadeOutDownBig";
|
|
6
|
-
export { default as fadeOutLeft } from "./fadeOutLeft";
|
|
7
|
-
export { default as fadeOutLeftBig } from "./fadeOutLeftBig";
|
|
8
|
-
export { default as fadeOutRight } from "./fadeOutRight";
|
|
9
|
-
export { default as fadeOutRightBig } from "./fadeOutRightBig";
|
|
10
|
-
export { default as fadeOutTopLeft } from "./fadeOutTopLeft";
|
|
11
|
-
export { default as fadeOutTopRight } from "./fadeOutTopRight";
|
|
12
|
-
export { default as fadeOutUp } from "./fadeOutUp";
|
|
13
|
-
export { default as fadeOutUpBig } from "./fadeOutUpBig";
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as rotateIn } from "./rotateIn";
|
|
2
|
-
export { default as rotateInDownLeft } from "./rotateInDownLeft";
|
|
3
|
-
export { default as rotateInDownRight } from "./rotateInDownRight";
|
|
4
|
-
export { default as rotateInUpLeft } from "./rotateInUpLeft";
|
|
5
|
-
export { default as rotateInUpRight } from "./rotateInUpRight";
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as rotateOut } from "./rotateOut";
|
|
2
|
-
export { default as rotateOutDownLeft } from "./rotateOutDownLeft";
|
|
3
|
-
export { default as rotateOutDownRight } from "./rotateOutDownRight";
|
|
4
|
-
export { default as rotateOutUpLeft } from "./rotateOutUpLeft";
|
|
5
|
-
export { default as rotateOutUpRight } from "./rotateOutUpRight";
|