react-awesome-reveal 4.2.7 → 4.2.9
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 +3 -0
- package/dist/Reveal.d.ts +2 -2
- package/dist/animations/attention_seekers/index.d.ts +13 -13
- package/dist/animations/bouncing_entrances/index.d.ts +5 -5
- package/dist/animations/bouncing_exits/index.d.ts +5 -5
- package/dist/animations/fading_entrances/index.d.ts +13 -13
- package/dist/animations/fading_exits/index.d.ts +13 -13
- package/dist/animations/flippers/index.d.ts +5 -5
- package/dist/animations/rotating_entrances/index.d.ts +5 -5
- package/dist/animations/rotating_exits/index.d.ts +5 -5
- package/dist/animations/sliding_entrances/index.d.ts +4 -4
- package/dist/animations/sliding_exits/index.d.ts +4 -4
- package/dist/animations/specials/index.d.ts +4 -4
- package/dist/animations/zooming_entrances/index.d.ts +5 -5
- package/dist/animations/zooming_exits/index.d.ts +5 -5
- package/dist/components/AttentionSeeker.d.ts +2 -2
- package/dist/components/Bounce.d.ts +2 -2
- package/dist/components/Fade.d.ts +2 -2
- package/dist/components/Flip.d.ts +2 -2
- package/dist/components/Hinge.d.ts +2 -2
- package/dist/components/JackInTheBox.d.ts +2 -2
- package/dist/components/Roll.d.ts +2 -2
- package/dist/components/Rotate.d.ts +2 -2
- package/dist/components/Slide.d.ts +2 -2
- package/dist/components/Zoom.d.ts +2 -2
- package/dist/components/index.d.ts +10 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +12 -12
package/README.md
CHANGED
|
@@ -7,6 +7,9 @@
|
|
|
7
7
|
[](https://www.npmjs.com/package/react-awesome-reveal/v/latest)
|
|
8
8
|
[](https://openbase.io/js/react-awesome-reveal?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)
|
|
9
9
|
|
|
10
|
+
> [!TIP]
|
|
11
|
+
> If you like this library, please [consider supporting its creator](https://github.com/sponsors/morellodev).
|
|
12
|
+
|
|
10
13
|
[React Awesome Reveal](https://react-awesome-reveal.morello.dev) 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.
|
|
11
14
|
|
|
12
15
|
## Table Of Contents
|
package/dist/Reveal.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
11
|
-
export * from
|
|
12
|
-
export * from
|
|
13
|
-
export * from
|
|
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';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
1
|
+
export * from './bounceIn';
|
|
2
|
+
export * from './bounceInDown';
|
|
3
|
+
export * from './bounceInLeft';
|
|
4
|
+
export * from './bounceInRight';
|
|
5
|
+
export * from './bounceInUp';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
1
|
+
export * from './bounceOut';
|
|
2
|
+
export * from './bounceOutDown';
|
|
3
|
+
export * from './bounceOutLeft';
|
|
4
|
+
export * from './bounceOutRight';
|
|
5
|
+
export * from './bounceOutUp';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
11
|
-
export * from
|
|
12
|
-
export * from
|
|
13
|
-
export * from
|
|
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';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
11
|
-
export * from
|
|
12
|
-
export * from
|
|
13
|
-
export * from
|
|
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';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
1
|
+
export * from './flip';
|
|
2
|
+
export * from './flipInX';
|
|
3
|
+
export * from './flipInY';
|
|
4
|
+
export * from './flipOutX';
|
|
5
|
+
export * from './flipOutY';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
1
|
+
export * from './rotateIn';
|
|
2
|
+
export * from './rotateInDownLeft';
|
|
3
|
+
export * from './rotateInDownRight';
|
|
4
|
+
export * from './rotateInUpLeft';
|
|
5
|
+
export * from './rotateInUpRight';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
1
|
+
export * from './rotateOut';
|
|
2
|
+
export * from './rotateOutDownLeft';
|
|
3
|
+
export * from './rotateOutDownRight';
|
|
4
|
+
export * from './rotateOutUpLeft';
|
|
5
|
+
export * from './rotateOutUpRight';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
1
|
+
export * from './slideInDown';
|
|
2
|
+
export * from './slideInLeft';
|
|
3
|
+
export * from './slideInRight';
|
|
4
|
+
export * from './slideInUp';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
1
|
+
export * from './slideOutDown';
|
|
2
|
+
export * from './slideOutLeft';
|
|
3
|
+
export * from './slideOutRight';
|
|
4
|
+
export * from './slideOutUp';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
1
|
+
export * from './hinge';
|
|
2
|
+
export * from './jackInTheBox';
|
|
3
|
+
export * from './rollIn';
|
|
4
|
+
export * from './rollOut';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
1
|
+
export * from './zoomIn';
|
|
2
|
+
export * from './zoomInDown';
|
|
3
|
+
export * from './zoomInLeft';
|
|
4
|
+
export * from './zoomInRight';
|
|
5
|
+
export * from './zoomInUp';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
1
|
+
export * from './zoomOut';
|
|
2
|
+
export * from './zoomOutDown';
|
|
3
|
+
export * from './zoomOutLeft';
|
|
4
|
+
export * from './zoomOutRight';
|
|
5
|
+
export * from './zoomOutUp';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { RevealProps } from '../Reveal';
|
|
2
|
+
|
|
3
3
|
type AttentionSeekerEffect = "bounce" | "flash" | "headShake" | "heartBeat" | "jello" | "pulse" | "rubberBand" | "shake" | "shakeX" | "shakeY" | "swing" | "tada" | "wobble";
|
|
4
4
|
export interface AttentionSeekerProps extends Omit<RevealProps, "keyframes"> {
|
|
5
5
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { RevealProps } from '../Reveal';
|
|
2
|
+
|
|
3
3
|
type FadeDirection = "bottom-left" | "bottom-right" | "down" | "left" | "right" | "top-left" | "top-right" | "up";
|
|
4
4
|
export interface FadeProps extends Omit<RevealProps, "keyframes"> {
|
|
5
5
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { RevealProps } from '../Reveal';
|
|
2
|
+
|
|
3
3
|
type RotateDirection = "bottom-left" | "bottom-right" | "top-left" | "top-right";
|
|
4
4
|
export interface RotateProps extends Omit<RevealProps, "keyframes"> {
|
|
5
5
|
/**
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
1
|
+
export * from './AttentionSeeker';
|
|
2
|
+
export * from './Bounce';
|
|
3
|
+
export * from './Fade';
|
|
4
|
+
export * from './Flip';
|
|
5
|
+
export * from './Hinge';
|
|
6
|
+
export * from './JackInTheBox';
|
|
7
|
+
export * from './Roll';
|
|
8
|
+
export * from './Rotate';
|
|
9
|
+
export * from './Slide';
|
|
10
|
+
export * from './Zoom';
|