react-awesome-reveal 4.2.4 → 4.2.6
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/dist/Reveal.d.ts +69 -0
- package/dist/animations/attention_seekers/bounce.d.ts +5 -0
- package/dist/animations/attention_seekers/flash.d.ts +5 -0
- package/dist/animations/attention_seekers/headShake.d.ts +5 -0
- package/dist/animations/attention_seekers/heartBeat.d.ts +5 -0
- package/dist/animations/attention_seekers/index.d.ts +13 -0
- package/dist/animations/attention_seekers/jello.d.ts +5 -0
- package/dist/animations/attention_seekers/pulse.d.ts +5 -0
- package/dist/animations/attention_seekers/rubberBand.d.ts +5 -0
- package/dist/animations/attention_seekers/shake.d.ts +5 -0
- package/dist/animations/attention_seekers/shakeX.d.ts +5 -0
- package/dist/animations/attention_seekers/shakeY.d.ts +5 -0
- package/dist/animations/attention_seekers/swing.d.ts +5 -0
- package/dist/animations/attention_seekers/tada.d.ts +5 -0
- package/dist/animations/attention_seekers/wobble.d.ts +5 -0
- package/dist/animations/bouncing_entrances/bounceIn.d.ts +5 -0
- package/dist/animations/bouncing_entrances/bounceInDown.d.ts +5 -0
- package/dist/animations/bouncing_entrances/bounceInLeft.d.ts +5 -0
- package/dist/animations/bouncing_entrances/bounceInRight.d.ts +5 -0
- package/dist/animations/bouncing_entrances/bounceInUp.d.ts +5 -0
- package/dist/animations/bouncing_entrances/index.d.ts +5 -0
- package/dist/animations/bouncing_exits/bounceOut.d.ts +5 -0
- package/dist/animations/bouncing_exits/bounceOutDown.d.ts +5 -0
- package/dist/animations/bouncing_exits/bounceOutLeft.d.ts +5 -0
- package/dist/animations/bouncing_exits/bounceOutRight.d.ts +5 -0
- package/dist/animations/bouncing_exits/bounceOutUp.d.ts +5 -0
- package/dist/animations/bouncing_exits/index.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeIn.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInBottomLeft.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInBottomRight.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInDown.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInDownBig.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInLeft.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInLeftBig.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInRight.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInRightBig.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInTopLeft.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInTopRight.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInUp.d.ts +5 -0
- package/dist/animations/fading_entrances/fadeInUpBig.d.ts +5 -0
- package/dist/animations/fading_entrances/index.d.ts +13 -0
- package/dist/animations/fading_exits/fadeOut.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutBottomLeft.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutBottomRight.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutDown.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutDownBig.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutLeft.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutLeftBig.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutRight.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutRightBig.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutTopLeft.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutTopRight.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutUp.d.ts +5 -0
- package/dist/animations/fading_exits/fadeOutUpBig.d.ts +5 -0
- package/dist/animations/fading_exits/index.d.ts +13 -0
- package/dist/animations/flippers/flip.d.ts +5 -0
- package/dist/animations/flippers/flipInX.d.ts +5 -0
- package/dist/animations/flippers/flipInY.d.ts +5 -0
- package/dist/animations/flippers/flipOutX.d.ts +5 -0
- package/dist/animations/flippers/flipOutY.d.ts +5 -0
- package/dist/animations/flippers/index.d.ts +5 -0
- package/dist/animations/rotating_entrances/index.d.ts +5 -0
- package/dist/animations/rotating_entrances/rotateIn.d.ts +5 -0
- package/dist/animations/rotating_entrances/rotateInDownLeft.d.ts +5 -0
- package/dist/animations/rotating_entrances/rotateInDownRight.d.ts +5 -0
- package/dist/animations/rotating_entrances/rotateInUpLeft.d.ts +5 -0
- package/dist/animations/rotating_entrances/rotateInUpRight.d.ts +5 -0
- package/dist/animations/rotating_exits/index.d.ts +5 -0
- package/dist/animations/rotating_exits/rotateOut.d.ts +5 -0
- package/dist/animations/rotating_exits/rotateOutDownLeft.d.ts +5 -0
- package/dist/animations/rotating_exits/rotateOutDownRight.d.ts +5 -0
- package/dist/animations/rotating_exits/rotateOutUpLeft.d.ts +5 -0
- package/dist/animations/rotating_exits/rotateOutUpRight.d.ts +5 -0
- package/dist/animations/sliding_entrances/index.d.ts +4 -0
- package/dist/animations/sliding_entrances/slideInDown.d.ts +5 -0
- package/dist/animations/sliding_entrances/slideInLeft.d.ts +5 -0
- package/dist/animations/sliding_entrances/slideInRight.d.ts +5 -0
- package/dist/animations/sliding_entrances/slideInUp.d.ts +5 -0
- package/dist/animations/sliding_exits/index.d.ts +4 -0
- package/dist/animations/sliding_exits/slideOutDown.d.ts +5 -0
- package/dist/animations/sliding_exits/slideOutLeft.d.ts +5 -0
- package/dist/animations/sliding_exits/slideOutRight.d.ts +5 -0
- package/dist/animations/sliding_exits/slideOutUp.d.ts +5 -0
- package/dist/animations/specials/hinge.d.ts +5 -0
- package/dist/animations/specials/index.d.ts +4 -0
- package/dist/animations/specials/jackInTheBox.d.ts +5 -0
- package/dist/animations/specials/rollIn.d.ts +5 -0
- package/dist/animations/specials/rollOut.d.ts +5 -0
- package/dist/animations/zooming_entrances/index.d.ts +5 -0
- package/dist/animations/zooming_entrances/zoomIn.d.ts +5 -0
- package/dist/animations/zooming_entrances/zoomInDown.d.ts +5 -0
- package/dist/animations/zooming_entrances/zoomInLeft.d.ts +5 -0
- package/dist/animations/zooming_entrances/zoomInRight.d.ts +5 -0
- package/dist/animations/zooming_entrances/zoomInUp.d.ts +5 -0
- package/dist/animations/zooming_exits/index.d.ts +5 -0
- package/dist/animations/zooming_exits/zoomOut.d.ts +5 -0
- package/dist/animations/zooming_exits/zoomOutDown.d.ts +5 -0
- package/dist/animations/zooming_exits/zoomOutLeft.d.ts +5 -0
- package/dist/animations/zooming_exits/zoomOutRight.d.ts +5 -0
- package/dist/animations/zooming_exits/zoomOutUp.d.ts +5 -0
- package/dist/components/AttentionSeeker.d.ts +12 -0
- package/dist/components/Bounce.d.ts +17 -0
- package/dist/components/Fade.d.ts +22 -0
- package/dist/components/Flip.d.ts +17 -0
- package/dist/components/Hinge.d.ts +4 -0
- package/dist/components/JackInTheBox.d.ts +4 -0
- package/dist/components/Roll.d.ts +10 -0
- package/dist/components/Rotate.d.ts +17 -0
- package/dist/components/Slide.d.ts +17 -0
- package/dist/components/Zoom.d.ts +17 -0
- package/dist/components/index.d.ts +10 -0
- package/dist/{index.mjs → index.cjs} +191 -408
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +3 -191
- package/dist/index.js +177 -446
- package/dist/index.js.map +1 -1
- package/dist/utils/animations.d.ts +9 -0
- package/dist/utils/guards.d.ts +2 -0
- package/dist/utils/patterns.d.ts +2 -0
- package/package.json +16 -15
- package/dist/index.mjs.map +0 -1
package/dist/Reveal.d.ts
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Keyframes } from "@emotion/serialize";
|
|
3
|
+
export interface RevealProps {
|
|
4
|
+
/**
|
|
5
|
+
* Stagger its children animations.
|
|
6
|
+
* @default false
|
|
7
|
+
*/
|
|
8
|
+
cascade?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Factor that affects the delay that each animated element in a cascade animation will be assigned.
|
|
11
|
+
* @default 0.5
|
|
12
|
+
*/
|
|
13
|
+
damping?: number;
|
|
14
|
+
/**
|
|
15
|
+
* Initial delay, in milliseconds.
|
|
16
|
+
* @default 0
|
|
17
|
+
*/
|
|
18
|
+
delay?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Animation duration, in milliseconds.
|
|
21
|
+
* @default 1000
|
|
22
|
+
*/
|
|
23
|
+
duration?: number;
|
|
24
|
+
/**
|
|
25
|
+
* Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered.
|
|
26
|
+
* @default 0
|
|
27
|
+
*/
|
|
28
|
+
fraction?: number;
|
|
29
|
+
/**
|
|
30
|
+
* Custom Emotion animation keyframes.
|
|
31
|
+
*/
|
|
32
|
+
keyframes?: Keyframes;
|
|
33
|
+
/**
|
|
34
|
+
* Specifies if the animation should run only once or everytime the element enters/exits/re-enters the viewport.
|
|
35
|
+
* @default false
|
|
36
|
+
*/
|
|
37
|
+
triggerOnce?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Class names to add to the container element.
|
|
40
|
+
*/
|
|
41
|
+
className?: string;
|
|
42
|
+
/**
|
|
43
|
+
* Inline styles to add to the container element.
|
|
44
|
+
*/
|
|
45
|
+
style?: React.CSSProperties;
|
|
46
|
+
/**
|
|
47
|
+
* Class names to add to the child element.
|
|
48
|
+
*/
|
|
49
|
+
childClassName?: string;
|
|
50
|
+
/**
|
|
51
|
+
* Inline styles to add to the child element.
|
|
52
|
+
*/
|
|
53
|
+
childStyle?: React.CSSProperties;
|
|
54
|
+
/**
|
|
55
|
+
* From React 18, children must be explicitly typed.
|
|
56
|
+
* @see https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-typescript-definitions
|
|
57
|
+
*/
|
|
58
|
+
children?: React.ReactNode;
|
|
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
|
+
export declare const Reveal: React.FC<RevealProps>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export * from "./bounce";
|
|
2
|
+
export * from "./flash";
|
|
3
|
+
export * from "./headShake";
|
|
4
|
+
export * from "./heartBeat";
|
|
5
|
+
export * from "./jello";
|
|
6
|
+
export * from "./pulse";
|
|
7
|
+
export * from "./rubberBand";
|
|
8
|
+
export * from "./shake";
|
|
9
|
+
export * from "./shakeX";
|
|
10
|
+
export * from "./shakeY";
|
|
11
|
+
export * from "./swing";
|
|
12
|
+
export * from "./tada";
|
|
13
|
+
export * from "./wobble";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export * from "./fadeIn";
|
|
2
|
+
export * from "./fadeInBottomLeft";
|
|
3
|
+
export * from "./fadeInBottomRight";
|
|
4
|
+
export * from "./fadeInDown";
|
|
5
|
+
export * from "./fadeInDownBig";
|
|
6
|
+
export * from "./fadeInLeft";
|
|
7
|
+
export * from "./fadeInLeftBig";
|
|
8
|
+
export * from "./fadeInRight";
|
|
9
|
+
export * from "./fadeInRightBig";
|
|
10
|
+
export * from "./fadeInTopLeft";
|
|
11
|
+
export * from "./fadeInTopRight";
|
|
12
|
+
export * from "./fadeInUp";
|
|
13
|
+
export * from "./fadeInUpBig";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export * from "./fadeOut";
|
|
2
|
+
export * from "./fadeOutBottomLeft";
|
|
3
|
+
export * from "./fadeOutBottomRight";
|
|
4
|
+
export * from "./fadeOutDown";
|
|
5
|
+
export * from "./fadeOutDownBig";
|
|
6
|
+
export * from "./fadeOutLeft";
|
|
7
|
+
export * from "./fadeOutLeftBig";
|
|
8
|
+
export * from "./fadeOutRight";
|
|
9
|
+
export * from "./fadeOutRightBig";
|
|
10
|
+
export * from "./fadeOutTopLeft";
|
|
11
|
+
export * from "./fadeOutTopRight";
|
|
12
|
+
export * from "./fadeOutUp";
|
|
13
|
+
export * from "./fadeOutUpBig";
|