react-awesome-reveal 4.1.0 → 4.2.0
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/index.d.ts +17 -22
- package/dist/index.js +312 -298
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +177 -166
- package/dist/index.mjs.map +1 -1
- package/package.json +10 -8
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { Interpolation, Theme } from '@emotion/react';
|
|
2
1
|
import { Keyframes } from '@emotion/serialize';
|
|
3
2
|
|
|
4
3
|
interface RevealProps {
|
|
@@ -36,10 +35,6 @@ interface RevealProps {
|
|
|
36
35
|
* @default false
|
|
37
36
|
*/
|
|
38
37
|
triggerOnce?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Custom Emotion styles.
|
|
41
|
-
*/
|
|
42
|
-
css?: Interpolation<Theme>;
|
|
43
38
|
/**
|
|
44
39
|
* Class names to add to the container element.
|
|
45
40
|
*/
|
|
@@ -73,8 +68,8 @@ interface RevealProps {
|
|
|
73
68
|
}
|
|
74
69
|
declare const Reveal: React.FC<RevealProps>;
|
|
75
70
|
|
|
76
|
-
|
|
77
|
-
interface AttentionSeekerProps extends Omit<RevealProps, "keyframes"
|
|
71
|
+
type AttentionSeekerEffect = "bounce" | "flash" | "headShake" | "heartBeat" | "jello" | "pulse" | "rubberBand" | "shake" | "shakeX" | "shakeY" | "swing" | "tada" | "wobble";
|
|
72
|
+
interface AttentionSeekerProps extends Omit<RevealProps, "keyframes"> {
|
|
78
73
|
/**
|
|
79
74
|
* The animation effect to use for this attention seeker.
|
|
80
75
|
* @default "bounce"
|
|
@@ -83,8 +78,8 @@ interface AttentionSeekerProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
|
83
78
|
}
|
|
84
79
|
declare const AttentionSeeker: React.FC<AttentionSeekerProps>;
|
|
85
80
|
|
|
86
|
-
|
|
87
|
-
interface BounceProps extends Omit<RevealProps, "keyframes"
|
|
81
|
+
type BounceDirection = "down" | "left" | "right" | "up";
|
|
82
|
+
interface BounceProps extends Omit<RevealProps, "keyframes"> {
|
|
88
83
|
/**
|
|
89
84
|
* Origin of the animation.
|
|
90
85
|
* @default undefined
|
|
@@ -98,8 +93,8 @@ interface BounceProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
|
98
93
|
}
|
|
99
94
|
declare const Bounce: React.FC<BounceProps>;
|
|
100
95
|
|
|
101
|
-
|
|
102
|
-
interface FadeProps extends Omit<RevealProps, "keyframes"
|
|
96
|
+
type FadeDirection = "bottom-left" | "bottom-right" | "down" | "left" | "right" | "top-left" | "top-right" | "up";
|
|
97
|
+
interface FadeProps extends Omit<RevealProps, "keyframes"> {
|
|
103
98
|
/**
|
|
104
99
|
* Causes the animation to start farther. Only works with "down", "left", "right" and "up" directions.
|
|
105
100
|
* @default false
|
|
@@ -118,8 +113,8 @@ interface FadeProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
|
118
113
|
}
|
|
119
114
|
declare const Fade: React.FC<FadeProps>;
|
|
120
115
|
|
|
121
|
-
|
|
122
|
-
interface FlipProps extends Omit<RevealProps, "keyframes"
|
|
116
|
+
type FlipDirection = "horizontal" | "vertical";
|
|
117
|
+
interface FlipProps extends Omit<RevealProps, "keyframes"> {
|
|
123
118
|
/**
|
|
124
119
|
* Axis direction of the animation.
|
|
125
120
|
* @default undefined
|
|
@@ -133,13 +128,13 @@ interface FlipProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
|
133
128
|
}
|
|
134
129
|
declare const Flip: React.FC<FlipProps>;
|
|
135
130
|
|
|
136
|
-
|
|
131
|
+
type HingeProps = Omit<RevealProps, "keyframes">;
|
|
137
132
|
declare const Hinge: React.FC<HingeProps>;
|
|
138
133
|
|
|
139
|
-
|
|
134
|
+
type JackInTheBoxProps = Omit<RevealProps, "keyframes">;
|
|
140
135
|
declare const JackInTheBox: React.FC<JackInTheBoxProps>;
|
|
141
136
|
|
|
142
|
-
interface RollProps extends Omit<RevealProps, "keyframes"
|
|
137
|
+
interface RollProps extends Omit<RevealProps, "keyframes"> {
|
|
143
138
|
/**
|
|
144
139
|
* Specifies if the animation should make element(s) disappear.
|
|
145
140
|
* @default false
|
|
@@ -148,8 +143,8 @@ interface RollProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
|
148
143
|
}
|
|
149
144
|
declare const Roll: React.FC<RollProps>;
|
|
150
145
|
|
|
151
|
-
|
|
152
|
-
interface RotateProps extends Omit<RevealProps, "keyframes"
|
|
146
|
+
type RotateDirection = "bottom-left" | "bottom-right" | "top-left" | "top-right";
|
|
147
|
+
interface RotateProps extends Omit<RevealProps, "keyframes"> {
|
|
153
148
|
/**
|
|
154
149
|
* Origin of the animation.
|
|
155
150
|
* @default undefined
|
|
@@ -163,8 +158,8 @@ interface RotateProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
|
163
158
|
}
|
|
164
159
|
declare const Rotate: React.FC<RotateProps>;
|
|
165
160
|
|
|
166
|
-
|
|
167
|
-
interface SlideProps extends Omit<RevealProps, "keyframes"
|
|
161
|
+
type SlideDirection = "down" | "left" | "right" | "up";
|
|
162
|
+
interface SlideProps extends Omit<RevealProps, "keyframes"> {
|
|
168
163
|
/**
|
|
169
164
|
* Origin of the animation.
|
|
170
165
|
* @default undefined
|
|
@@ -178,8 +173,8 @@ interface SlideProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
|
178
173
|
}
|
|
179
174
|
declare const Slide: React.FC<SlideProps>;
|
|
180
175
|
|
|
181
|
-
|
|
182
|
-
interface ZoomProps extends Omit<RevealProps, "keyframes"
|
|
176
|
+
type ZoomDirection = "down" | "left" | "right" | "up";
|
|
177
|
+
interface ZoomProps extends Omit<RevealProps, "keyframes"> {
|
|
183
178
|
/**
|
|
184
179
|
* Origin of the animation.
|
|
185
180
|
* @default undefined
|