react-animate-z 1.1.0 → 2.1.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/README.md +338 -182
- package/build/AnimBox/AnimateTyping.d.ts +15 -0
- package/build/AnimBox/StyledElement.d.ts +5 -0
- package/build/AnimBox/WrapperAnimate.d.ts +3 -0
- package/build/AnimBox/durations.d.ts +1 -0
- package/build/AnimBox/frames/attention.d.ts +7 -0
- package/build/AnimBox/frames/blur.d.ts +12 -0
- package/build/AnimBox/frames/bounce.d.ts +9 -0
- package/build/AnimBox/frames/fade.d.ts +24 -0
- package/build/AnimBox/frames/flash.d.ts +7 -0
- package/build/AnimBox/frames/flip.d.ts +23 -0
- package/build/AnimBox/frames/float.d.ts +7 -0
- package/build/AnimBox/frames/fold.d.ts +6 -0
- package/build/AnimBox/frames/funMap.d.ts +10 -0
- package/build/AnimBox/frames/glowing.d.ts +7 -0
- package/build/AnimBox/frames/hangOn.d.ts +12 -0
- package/build/AnimBox/frames/index.d.ts +208 -0
- package/build/AnimBox/frames/jelly.d.ts +7 -0
- package/build/AnimBox/frames/motion.d.ts +16 -0
- package/build/AnimBox/frames/pop.d.ts +16 -0
- package/build/AnimBox/frames/pulse.d.ts +7 -0
- package/build/AnimBox/frames/rotate.d.ts +15 -0
- package/build/AnimBox/frames/slide.d.ts +18 -0
- package/build/AnimBox/frames/squeezeShake.d.ts +12 -0
- package/build/AnimBox/frames/textEffects.d.ts +9 -0
- package/build/AnimBox/frames/zoom.d.ts +12 -0
- package/build/AnimBox/index.d.ts +4 -0
- package/build/AnimBox/types.d.ts +27 -0
- package/build/index.d.ts +7 -6
- package/build/index.esm.js +1 -1
- package/build/index.js +1 -1
- package/package.json +76 -84
- package/build/components/AnimationTyping.d.ts +0 -4
- package/build/components/AnimationWrapper.d.ts +0 -3
- package/build/components/index.d.ts +0 -4
- package/build/components/types.d.ts +0 -26
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const flipMap: {
|
|
2
|
+
flip: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
flipIn: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
flipOut: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
flipSlowDown: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
flipToLeft: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
flipToRight: import("styled-components/dist/models/Keyframes").default;
|
|
8
|
+
flipFromTop: import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
flipToTop: import("styled-components/dist/models/Keyframes").default;
|
|
10
|
+
flipToBottom: import("styled-components/dist/models/Keyframes").default;
|
|
11
|
+
flipFromBottom: import("styled-components/dist/models/Keyframes").default;
|
|
12
|
+
flipFromLeftToCenter: import("styled-components/dist/models/Keyframes").default;
|
|
13
|
+
flipFromRightToCenter: import("styled-components/dist/models/Keyframes").default;
|
|
14
|
+
flipRich: import("styled-components/dist/models/Keyframes").default;
|
|
15
|
+
flipToTopRich: import("styled-components/dist/models/Keyframes").default;
|
|
16
|
+
flipToBottomRich: import("styled-components/dist/models/Keyframes").default;
|
|
17
|
+
flipToTopLeftRich: import("styled-components/dist/models/Keyframes").default;
|
|
18
|
+
flipToRightRich: import("styled-components/dist/models/Keyframes").default;
|
|
19
|
+
flipFromTopRich: import("styled-components/dist/models/Keyframes").default;
|
|
20
|
+
flipFromBottomRich: import("styled-components/dist/models/Keyframes").default;
|
|
21
|
+
flipFromLeftToCenterRich: import("styled-components/dist/models/Keyframes").default;
|
|
22
|
+
flipFromRightToCenterRich: import("styled-components/dist/models/Keyframes").default;
|
|
23
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const floatMap: {
|
|
2
|
+
float: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
floatSway: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
floatHorizontal: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
floatCircular: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
floatWiggle: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const foldMap: {
|
|
2
|
+
fold: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
foldDeep: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
unfold: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
unfoldDeep: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** ===========================================================
|
|
2
|
+
* Fun / Attention Map
|
|
3
|
+
=========================================================== */
|
|
4
|
+
export declare const funMap: {
|
|
5
|
+
heartBeat: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
tada: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
hinge: import("styled-components/dist/models/Keyframes").default;
|
|
8
|
+
lightSpeedInLeft: import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
lightSpeedOutRight: import("styled-components/dist/models/Keyframes").default;
|
|
10
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const glowMap: {
|
|
2
|
+
glow: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
glowTextFlicker: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
glowRainbow: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
glowBreathing: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
glowGlitch: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const hangOnMap: {
|
|
2
|
+
hangOnLeft: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
hangOnRight: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
hangOnTop: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
hangOnBottom: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
hangOnLeftSwing: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
hangOnRightSwing: import("styled-components/dist/models/Keyframes").default;
|
|
8
|
+
hangOnTopSwing: import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
hangOnBottomSwing: import("styled-components/dist/models/Keyframes").default;
|
|
10
|
+
hangOnOscillate: import("styled-components/dist/models/Keyframes").default;
|
|
11
|
+
hangOnDrop: import("styled-components/dist/models/Keyframes").default;
|
|
12
|
+
};
|
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
export declare const animFramesMaps: {
|
|
2
|
+
readonly rubberBand: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
readonly jello: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
readonly wobble: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
readonly rollIn: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
readonly jackInTheBox: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
readonly popIn: import("styled-components/dist/models/Keyframes").default;
|
|
8
|
+
readonly popOut: import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
readonly popBounceIn: import("styled-components/dist/models/Keyframes").default;
|
|
10
|
+
readonly popBounceOut: import("styled-components/dist/models/Keyframes").default;
|
|
11
|
+
readonly popUpIn: import("styled-components/dist/models/Keyframes").default;
|
|
12
|
+
readonly popUpOut: import("styled-components/dist/models/Keyframes").default;
|
|
13
|
+
readonly popRotateIn: import("styled-components/dist/models/Keyframes").default;
|
|
14
|
+
readonly popRotateOut: import("styled-components/dist/models/Keyframes").default;
|
|
15
|
+
readonly popBlurIn: import("styled-components/dist/models/Keyframes").default;
|
|
16
|
+
readonly popBlurOut: import("styled-components/dist/models/Keyframes").default;
|
|
17
|
+
readonly popLeftIn: import("styled-components/dist/models/Keyframes").default;
|
|
18
|
+
readonly popLeftOut: import("styled-components/dist/models/Keyframes").default;
|
|
19
|
+
readonly popRightIn: import("styled-components/dist/models/Keyframes").default;
|
|
20
|
+
readonly popRightOut: import("styled-components/dist/models/Keyframes").default;
|
|
21
|
+
readonly heartBeat: import("styled-components/dist/models/Keyframes").default;
|
|
22
|
+
readonly tada: import("styled-components/dist/models/Keyframes").default;
|
|
23
|
+
readonly hinge: import("styled-components/dist/models/Keyframes").default;
|
|
24
|
+
readonly lightSpeedInLeft: import("styled-components/dist/models/Keyframes").default;
|
|
25
|
+
readonly lightSpeedOutRight: import("styled-components/dist/models/Keyframes").default;
|
|
26
|
+
readonly rotateCW: import("styled-components/dist/models/Keyframes").default;
|
|
27
|
+
readonly rotateACW: import("styled-components/dist/models/Keyframes").default;
|
|
28
|
+
readonly rotateSlowDown: import("styled-components/dist/models/Keyframes").default;
|
|
29
|
+
readonly rotateX: import("styled-components/dist/models/Keyframes").default;
|
|
30
|
+
readonly rotateY: import("styled-components/dist/models/Keyframes").default;
|
|
31
|
+
readonly rotateFromLeft: import("styled-components/dist/models/Keyframes").default;
|
|
32
|
+
readonly rotateFromRight: import("styled-components/dist/models/Keyframes").default;
|
|
33
|
+
readonly rotateToLeft: import("styled-components/dist/models/Keyframes").default;
|
|
34
|
+
readonly rotateToRight: import("styled-components/dist/models/Keyframes").default;
|
|
35
|
+
readonly rotateFromTop: import("styled-components/dist/models/Keyframes").default;
|
|
36
|
+
readonly rotateFromBottom: import("styled-components/dist/models/Keyframes").default;
|
|
37
|
+
readonly rotateToTop: import("styled-components/dist/models/Keyframes").default;
|
|
38
|
+
readonly rotateToBottom: import("styled-components/dist/models/Keyframes").default;
|
|
39
|
+
readonly zoomIn: import("styled-components/dist/models/Keyframes").default;
|
|
40
|
+
readonly zoomOut: import("styled-components/dist/models/Keyframes").default;
|
|
41
|
+
readonly zoomInFromLeft: import("styled-components/dist/models/Keyframes").default;
|
|
42
|
+
readonly zoomInFromRight: import("styled-components/dist/models/Keyframes").default;
|
|
43
|
+
readonly zoomInFromTop: import("styled-components/dist/models/Keyframes").default;
|
|
44
|
+
readonly zoomInFromBottom: import("styled-components/dist/models/Keyframes").default;
|
|
45
|
+
readonly zoomOutToLeft: import("styled-components/dist/models/Keyframes").default;
|
|
46
|
+
readonly zoomOutToRight: import("styled-components/dist/models/Keyframes").default;
|
|
47
|
+
readonly zoomOutToTop: import("styled-components/dist/models/Keyframes").default;
|
|
48
|
+
readonly zoomOutToBottom: import("styled-components/dist/models/Keyframes").default;
|
|
49
|
+
readonly hangOnLeft: import("styled-components/dist/models/Keyframes").default;
|
|
50
|
+
readonly hangOnRight: import("styled-components/dist/models/Keyframes").default;
|
|
51
|
+
readonly hangOnTop: import("styled-components/dist/models/Keyframes").default;
|
|
52
|
+
readonly hangOnBottom: import("styled-components/dist/models/Keyframes").default;
|
|
53
|
+
readonly hangOnLeftSwing: import("styled-components/dist/models/Keyframes").default;
|
|
54
|
+
readonly hangOnRightSwing: import("styled-components/dist/models/Keyframes").default;
|
|
55
|
+
readonly hangOnTopSwing: import("styled-components/dist/models/Keyframes").default;
|
|
56
|
+
readonly hangOnBottomSwing: import("styled-components/dist/models/Keyframes").default;
|
|
57
|
+
readonly hangOnOscillate: import("styled-components/dist/models/Keyframes").default;
|
|
58
|
+
readonly hangOnDrop: import("styled-components/dist/models/Keyframes").default;
|
|
59
|
+
readonly fold: import("styled-components/dist/models/Keyframes").default;
|
|
60
|
+
readonly foldDeep: import("styled-components/dist/models/Keyframes").default;
|
|
61
|
+
readonly unfold: import("styled-components/dist/models/Keyframes").default;
|
|
62
|
+
readonly unfoldDeep: import("styled-components/dist/models/Keyframes").default;
|
|
63
|
+
readonly flip: import("styled-components/dist/models/Keyframes").default;
|
|
64
|
+
readonly flipIn: import("styled-components/dist/models/Keyframes").default;
|
|
65
|
+
readonly flipOut: import("styled-components/dist/models/Keyframes").default;
|
|
66
|
+
readonly flipSlowDown: import("styled-components/dist/models/Keyframes").default;
|
|
67
|
+
readonly flipToLeft: import("styled-components/dist/models/Keyframes").default;
|
|
68
|
+
readonly flipToRight: import("styled-components/dist/models/Keyframes").default;
|
|
69
|
+
readonly flipFromTop: import("styled-components/dist/models/Keyframes").default;
|
|
70
|
+
readonly flipToTop: import("styled-components/dist/models/Keyframes").default;
|
|
71
|
+
readonly flipToBottom: import("styled-components/dist/models/Keyframes").default;
|
|
72
|
+
readonly flipFromBottom: import("styled-components/dist/models/Keyframes").default;
|
|
73
|
+
readonly flipFromLeftToCenter: import("styled-components/dist/models/Keyframes").default;
|
|
74
|
+
readonly flipFromRightToCenter: import("styled-components/dist/models/Keyframes").default;
|
|
75
|
+
readonly flipRich: import("styled-components/dist/models/Keyframes").default;
|
|
76
|
+
readonly flipToTopRich: import("styled-components/dist/models/Keyframes").default;
|
|
77
|
+
readonly flipToBottomRich: import("styled-components/dist/models/Keyframes").default;
|
|
78
|
+
readonly flipToTopLeftRich: import("styled-components/dist/models/Keyframes").default;
|
|
79
|
+
readonly flipToRightRich: import("styled-components/dist/models/Keyframes").default;
|
|
80
|
+
readonly flipFromTopRich: import("styled-components/dist/models/Keyframes").default;
|
|
81
|
+
readonly flipFromBottomRich: import("styled-components/dist/models/Keyframes").default;
|
|
82
|
+
readonly flipFromLeftToCenterRich: import("styled-components/dist/models/Keyframes").default;
|
|
83
|
+
readonly flipFromRightToCenterRich: import("styled-components/dist/models/Keyframes").default;
|
|
84
|
+
readonly slideInFromLeft: import("styled-components/dist/models/Keyframes").default;
|
|
85
|
+
readonly slideInFromRight: import("styled-components/dist/models/Keyframes").default;
|
|
86
|
+
readonly slideOutToLeft: import("styled-components/dist/models/Keyframes").default;
|
|
87
|
+
readonly slideOutToRight: import("styled-components/dist/models/Keyframes").default;
|
|
88
|
+
readonly slideInFromTop: import("styled-components/dist/models/Keyframes").default;
|
|
89
|
+
readonly slideInFromBottom: import("styled-components/dist/models/Keyframes").default;
|
|
90
|
+
readonly slideOutToTop: import("styled-components/dist/models/Keyframes").default;
|
|
91
|
+
readonly slideOutToBottom: import("styled-components/dist/models/Keyframes").default;
|
|
92
|
+
readonly slideInFromLeftOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
93
|
+
readonly slideInFromRightOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
94
|
+
readonly slideOutToLeftOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
95
|
+
readonly slideOutToRightOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
96
|
+
readonly slideInFromTopOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
97
|
+
readonly slideInFromBottomOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
98
|
+
readonly slideOutToTopOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
99
|
+
readonly slideOutToBottomOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
100
|
+
readonly squeezeMix: import("styled-components/dist/models/Keyframes").default;
|
|
101
|
+
readonly squeezeHorizontal: import("styled-components/dist/models/Keyframes").default;
|
|
102
|
+
readonly squeezeVertical: import("styled-components/dist/models/Keyframes").default;
|
|
103
|
+
readonly squeezeDiagonal: import("styled-components/dist/models/Keyframes").default;
|
|
104
|
+
readonly squeezePulse: import("styled-components/dist/models/Keyframes").default;
|
|
105
|
+
readonly shakeMix: import("styled-components/dist/models/Keyframes").default;
|
|
106
|
+
readonly shakeHorizontal: import("styled-components/dist/models/Keyframes").default;
|
|
107
|
+
readonly shakeVertical: import("styled-components/dist/models/Keyframes").default;
|
|
108
|
+
readonly shakeDiagonal: import("styled-components/dist/models/Keyframes").default;
|
|
109
|
+
readonly shakeQuick: import("styled-components/dist/models/Keyframes").default;
|
|
110
|
+
readonly fadeIn: import("styled-components/dist/models/Keyframes").default;
|
|
111
|
+
readonly fadeOut: import("styled-components/dist/models/Keyframes").default;
|
|
112
|
+
readonly fadeInFromLeft: import("styled-components/dist/models/Keyframes").default;
|
|
113
|
+
readonly fadeInFromRight: import("styled-components/dist/models/Keyframes").default;
|
|
114
|
+
readonly fadeInFromTop: import("styled-components/dist/models/Keyframes").default;
|
|
115
|
+
readonly fadeInFromBottom: import("styled-components/dist/models/Keyframes").default;
|
|
116
|
+
readonly fadeOutToLeft: import("styled-components/dist/models/Keyframes").default;
|
|
117
|
+
readonly fadeOutToRight: import("styled-components/dist/models/Keyframes").default;
|
|
118
|
+
readonly fadeOutToTop: import("styled-components/dist/models/Keyframes").default;
|
|
119
|
+
readonly fadeOutToBottom: import("styled-components/dist/models/Keyframes").default;
|
|
120
|
+
readonly fadeInZoom: import("styled-components/dist/models/Keyframes").default;
|
|
121
|
+
readonly fadeOutZoom: import("styled-components/dist/models/Keyframes").default;
|
|
122
|
+
readonly fadeInRotate: import("styled-components/dist/models/Keyframes").default;
|
|
123
|
+
readonly fadeOutRotate: import("styled-components/dist/models/Keyframes").default;
|
|
124
|
+
readonly fadeInSkew: import("styled-components/dist/models/Keyframes").default;
|
|
125
|
+
readonly fadeOutSkew: import("styled-components/dist/models/Keyframes").default;
|
|
126
|
+
readonly fadeInFlipX: import("styled-components/dist/models/Keyframes").default;
|
|
127
|
+
readonly fadeOutFlipX: import("styled-components/dist/models/Keyframes").default;
|
|
128
|
+
readonly fadeInFlipY: import("styled-components/dist/models/Keyframes").default;
|
|
129
|
+
readonly fadeOutFlipY: import("styled-components/dist/models/Keyframes").default;
|
|
130
|
+
readonly fadeInPerspective: import("styled-components/dist/models/Keyframes").default;
|
|
131
|
+
readonly fadeOutPerspective: import("styled-components/dist/models/Keyframes").default;
|
|
132
|
+
readonly pulse: import("styled-components/dist/models/Keyframes").default;
|
|
133
|
+
readonly pulseInOut: import("styled-components/dist/models/Keyframes").default;
|
|
134
|
+
readonly pulseFade: import("styled-components/dist/models/Keyframes").default;
|
|
135
|
+
readonly pulseFast: import("styled-components/dist/models/Keyframes").default;
|
|
136
|
+
readonly pulseColor: import("styled-components/dist/models/Keyframes").default;
|
|
137
|
+
readonly shadow: import("styled-components/dist/models/Keyframes").default;
|
|
138
|
+
readonly shadowText: import("styled-components/dist/models/Keyframes").default;
|
|
139
|
+
readonly shadowPulse: import("styled-components/dist/models/Keyframes").default;
|
|
140
|
+
readonly shadowNeon: import("styled-components/dist/models/Keyframes").default;
|
|
141
|
+
readonly spin: import("styled-components/dist/models/Keyframes").default;
|
|
142
|
+
readonly spin3D: import("styled-components/dist/models/Keyframes").default;
|
|
143
|
+
readonly spinX: import("styled-components/dist/models/Keyframes").default;
|
|
144
|
+
readonly spinBounce: import("styled-components/dist/models/Keyframes").default;
|
|
145
|
+
readonly swing: import("styled-components/dist/models/Keyframes").default;
|
|
146
|
+
readonly swingPivot: import("styled-components/dist/models/Keyframes").default;
|
|
147
|
+
readonly swingX: import("styled-components/dist/models/Keyframes").default;
|
|
148
|
+
readonly swingY: import("styled-components/dist/models/Keyframes").default;
|
|
149
|
+
readonly orbit: import("styled-components/dist/models/Keyframes").default;
|
|
150
|
+
readonly orbitEllipse: import("styled-components/dist/models/Keyframes").default;
|
|
151
|
+
readonly jelly: import("styled-components/dist/models/Keyframes").default;
|
|
152
|
+
readonly jellyX: import("styled-components/dist/models/Keyframes").default;
|
|
153
|
+
readonly jellyY: import("styled-components/dist/models/Keyframes").default;
|
|
154
|
+
readonly jellyIn: import("styled-components/dist/models/Keyframes").default;
|
|
155
|
+
readonly jellyOut: import("styled-components/dist/models/Keyframes").default;
|
|
156
|
+
readonly glow: import("styled-components/dist/models/Keyframes").default;
|
|
157
|
+
readonly glowTextFlicker: import("styled-components/dist/models/Keyframes").default;
|
|
158
|
+
readonly glowRainbow: import("styled-components/dist/models/Keyframes").default;
|
|
159
|
+
readonly glowBreathing: import("styled-components/dist/models/Keyframes").default;
|
|
160
|
+
readonly glowGlitch: import("styled-components/dist/models/Keyframes").default;
|
|
161
|
+
readonly float: import("styled-components/dist/models/Keyframes").default;
|
|
162
|
+
readonly floatSway: import("styled-components/dist/models/Keyframes").default;
|
|
163
|
+
readonly floatHorizontal: import("styled-components/dist/models/Keyframes").default;
|
|
164
|
+
readonly floatCircular: import("styled-components/dist/models/Keyframes").default;
|
|
165
|
+
readonly floatWiggle: import("styled-components/dist/models/Keyframes").default;
|
|
166
|
+
readonly flash: import("styled-components/dist/models/Keyframes").default;
|
|
167
|
+
readonly flashIrregular: import("styled-components/dist/models/Keyframes").default;
|
|
168
|
+
readonly flashFast: import("styled-components/dist/models/Keyframes").default;
|
|
169
|
+
readonly flashSlow: import("styled-components/dist/models/Keyframes").default;
|
|
170
|
+
readonly flashPulse: import("styled-components/dist/models/Keyframes").default;
|
|
171
|
+
readonly blurIn: import("styled-components/dist/models/Keyframes").default;
|
|
172
|
+
readonly blurInZoom: import("styled-components/dist/models/Keyframes").default;
|
|
173
|
+
readonly blurInScale: import("styled-components/dist/models/Keyframes").default;
|
|
174
|
+
readonly blurInUp: import("styled-components/dist/models/Keyframes").default;
|
|
175
|
+
readonly blurInRotate: import("styled-components/dist/models/Keyframes").default;
|
|
176
|
+
readonly blurOut: import("styled-components/dist/models/Keyframes").default;
|
|
177
|
+
readonly blurOutZoom: import("styled-components/dist/models/Keyframes").default;
|
|
178
|
+
readonly blurOutScale: import("styled-components/dist/models/Keyframes").default;
|
|
179
|
+
readonly blurOutDown: import("styled-components/dist/models/Keyframes").default;
|
|
180
|
+
readonly blurOutRotate: import("styled-components/dist/models/Keyframes").default;
|
|
181
|
+
readonly effect3D: import("styled-components/dist/models/Keyframes").default;
|
|
182
|
+
readonly neonGlow: import("styled-components/dist/models/Keyframes").default;
|
|
183
|
+
readonly retro3D: import("styled-components/dist/models/Keyframes").default;
|
|
184
|
+
readonly emboss: import("styled-components/dist/models/Keyframes").default;
|
|
185
|
+
readonly fireGlow: import("styled-components/dist/models/Keyframes").default;
|
|
186
|
+
readonly iceGlow: import("styled-components/dist/models/Keyframes").default;
|
|
187
|
+
readonly shine: import("styled-components/dist/models/Keyframes").default;
|
|
188
|
+
readonly bounce: import("styled-components/dist/models/Keyframes").default;
|
|
189
|
+
readonly bounceIn: import("styled-components/dist/models/Keyframes").default;
|
|
190
|
+
readonly bounceOut: import("styled-components/dist/models/Keyframes").default;
|
|
191
|
+
readonly bounceElastic: import("styled-components/dist/models/Keyframes").default;
|
|
192
|
+
readonly bounceSmall: import("styled-components/dist/models/Keyframes").default;
|
|
193
|
+
readonly bounceRotate: import("styled-components/dist/models/Keyframes").default;
|
|
194
|
+
readonly bounceJelly: import("styled-components/dist/models/Keyframes").default;
|
|
195
|
+
};
|
|
196
|
+
export type AnimateType = keyof typeof animFramesMaps;
|
|
197
|
+
export declare const animNames: ("rubberBand" | "jello" | "wobble" | "rollIn" | "jackInTheBox" | "popIn" | "popOut" | "popBounceIn" | "popBounceOut" | "popUpIn" | "popUpOut" | "popRotateIn" | "popRotateOut" | "popBlurIn" | "popBlurOut" | "popLeftIn" | "popLeftOut" | "popRightIn" | "popRightOut" | "heartBeat" | "tada" | "hinge" | "lightSpeedInLeft" | "lightSpeedOutRight" | "rotateCW" | "rotateACW" | "rotateSlowDown" | "rotateX" | "rotateY" | "rotateFromLeft" | "rotateFromRight" | "rotateToLeft" | "rotateToRight" | "rotateFromTop" | "rotateFromBottom" | "rotateToTop" | "rotateToBottom" | "zoomIn" | "zoomOut" | "zoomInFromLeft" | "zoomInFromRight" | "zoomInFromTop" | "zoomInFromBottom" | "zoomOutToLeft" | "zoomOutToRight" | "zoomOutToTop" | "zoomOutToBottom" | "hangOnLeft" | "hangOnRight" | "hangOnTop" | "hangOnBottom" | "hangOnLeftSwing" | "hangOnRightSwing" | "hangOnTopSwing" | "hangOnBottomSwing" | "hangOnOscillate" | "hangOnDrop" | "fold" | "foldDeep" | "unfold" | "unfoldDeep" | "flip" | "flipIn" | "flipOut" | "flipSlowDown" | "flipToLeft" | "flipToRight" | "flipFromTop" | "flipToTop" | "flipToBottom" | "flipFromBottom" | "flipFromLeftToCenter" | "flipFromRightToCenter" | "flipRich" | "flipToTopRich" | "flipToBottomRich" | "flipToTopLeftRich" | "flipToRightRich" | "flipFromTopRich" | "flipFromBottomRich" | "flipFromLeftToCenterRich" | "flipFromRightToCenterRich" | "slideInFromLeft" | "slideInFromRight" | "slideOutToLeft" | "slideOutToRight" | "slideInFromTop" | "slideInFromBottom" | "slideOutToTop" | "slideOutToBottom" | "slideInFromLeftOvershoot" | "slideInFromRightOvershoot" | "slideOutToLeftOvershoot" | "slideOutToRightOvershoot" | "slideInFromTopOvershoot" | "slideInFromBottomOvershoot" | "slideOutToTopOvershoot" | "slideOutToBottomOvershoot" | "squeezeMix" | "squeezeHorizontal" | "squeezeVertical" | "squeezeDiagonal" | "squeezePulse" | "shakeMix" | "shakeHorizontal" | "shakeVertical" | "shakeDiagonal" | "shakeQuick" | "fadeIn" | "fadeOut" | "fadeInFromLeft" | "fadeInFromRight" | "fadeInFromTop" | "fadeInFromBottom" | "fadeOutToLeft" | "fadeOutToRight" | "fadeOutToTop" | "fadeOutToBottom" | "fadeInZoom" | "fadeOutZoom" | "fadeInRotate" | "fadeOutRotate" | "fadeInSkew" | "fadeOutSkew" | "fadeInFlipX" | "fadeOutFlipX" | "fadeInFlipY" | "fadeOutFlipY" | "fadeInPerspective" | "fadeOutPerspective" | "pulse" | "pulseInOut" | "pulseFade" | "pulseFast" | "pulseColor" | "shadow" | "shadowText" | "shadowPulse" | "shadowNeon" | "spin" | "spin3D" | "spinX" | "spinBounce" | "swing" | "swingPivot" | "swingX" | "swingY" | "orbit" | "orbitEllipse" | "jelly" | "jellyX" | "jellyY" | "jellyIn" | "jellyOut" | "glow" | "glowTextFlicker" | "glowRainbow" | "glowBreathing" | "glowGlitch" | "float" | "floatSway" | "floatHorizontal" | "floatCircular" | "floatWiggle" | "flash" | "flashIrregular" | "flashFast" | "flashSlow" | "flashPulse" | "blurIn" | "blurInZoom" | "blurInScale" | "blurInUp" | "blurInRotate" | "blurOut" | "blurOutZoom" | "blurOutScale" | "blurOutDown" | "blurOutRotate" | "effect3D" | "neonGlow" | "retro3D" | "emboss" | "fireGlow" | "iceGlow" | "shine" | "bounce" | "bounceIn" | "bounceOut" | "bounceElastic" | "bounceSmall" | "bounceRotate" | "bounceJelly")[];
|
|
198
|
+
export declare const timingMap: {
|
|
199
|
+
readonly linear: "linear";
|
|
200
|
+
readonly ease: "ease";
|
|
201
|
+
readonly easeIn: "ease-in";
|
|
202
|
+
readonly 'ease-in': "ease-in";
|
|
203
|
+
readonly easeOut: "ease-out";
|
|
204
|
+
readonly 'ease-out': "ease-out";
|
|
205
|
+
readonly easeInOut: "ease-in-out";
|
|
206
|
+
readonly 'ease-in-out': "ease-in-out";
|
|
207
|
+
};
|
|
208
|
+
export type TimingKeyType = keyof typeof timingMap;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const jellyMap: {
|
|
2
|
+
jelly: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
jellyX: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
jellyY: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
jellyIn: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
jellyOut: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const motionMap: {
|
|
2
|
+
shadow: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
shadowText: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
shadowPulse: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
shadowNeon: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
spin: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
spin3D: import("styled-components/dist/models/Keyframes").default;
|
|
8
|
+
spinX: import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
spinBounce: import("styled-components/dist/models/Keyframes").default;
|
|
10
|
+
swing: import("styled-components/dist/models/Keyframes").default;
|
|
11
|
+
swingPivot: import("styled-components/dist/models/Keyframes").default;
|
|
12
|
+
swingX: import("styled-components/dist/models/Keyframes").default;
|
|
13
|
+
swingY: import("styled-components/dist/models/Keyframes").default;
|
|
14
|
+
orbit: import("styled-components/dist/models/Keyframes").default;
|
|
15
|
+
orbitEllipse: import("styled-components/dist/models/Keyframes").default;
|
|
16
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const popMap: {
|
|
2
|
+
popIn: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
popOut: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
popBounceIn: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
popBounceOut: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
popUpIn: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
popUpOut: import("styled-components/dist/models/Keyframes").default;
|
|
8
|
+
popRotateIn: import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
popRotateOut: import("styled-components/dist/models/Keyframes").default;
|
|
10
|
+
popBlurIn: import("styled-components/dist/models/Keyframes").default;
|
|
11
|
+
popBlurOut: import("styled-components/dist/models/Keyframes").default;
|
|
12
|
+
popLeftIn: import("styled-components/dist/models/Keyframes").default;
|
|
13
|
+
popLeftOut: import("styled-components/dist/models/Keyframes").default;
|
|
14
|
+
popRightIn: import("styled-components/dist/models/Keyframes").default;
|
|
15
|
+
popRightOut: import("styled-components/dist/models/Keyframes").default;
|
|
16
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const pulseMap: {
|
|
2
|
+
pulse: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
pulseInOut: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
pulseFade: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
pulseFast: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
pulseColor: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const rotateMap: {
|
|
2
|
+
rotateCW: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
rotateACW: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
rotateSlowDown: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
rotateX: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
rotateY: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
rotateFromLeft: import("styled-components/dist/models/Keyframes").default;
|
|
8
|
+
rotateFromRight: import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
rotateToLeft: import("styled-components/dist/models/Keyframes").default;
|
|
10
|
+
rotateToRight: import("styled-components/dist/models/Keyframes").default;
|
|
11
|
+
rotateFromTop: import("styled-components/dist/models/Keyframes").default;
|
|
12
|
+
rotateFromBottom: import("styled-components/dist/models/Keyframes").default;
|
|
13
|
+
rotateToTop: import("styled-components/dist/models/Keyframes").default;
|
|
14
|
+
rotateToBottom: import("styled-components/dist/models/Keyframes").default;
|
|
15
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare const slideMap: {
|
|
2
|
+
slideInFromLeft: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
slideInFromRight: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
slideOutToLeft: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
slideOutToRight: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
slideInFromTop: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
slideInFromBottom: import("styled-components/dist/models/Keyframes").default;
|
|
8
|
+
slideOutToTop: import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
slideOutToBottom: import("styled-components/dist/models/Keyframes").default;
|
|
10
|
+
slideInFromLeftOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
11
|
+
slideInFromRightOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
12
|
+
slideOutToLeftOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
13
|
+
slideOutToRightOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
14
|
+
slideInFromTopOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
15
|
+
slideInFromBottomOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
16
|
+
slideOutToTopOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
17
|
+
slideOutToBottomOvershoot: import("styled-components/dist/models/Keyframes").default;
|
|
18
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const squeezeShakeMap: {
|
|
2
|
+
squeezeMix: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
squeezeHorizontal: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
squeezeVertical: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
squeezeDiagonal: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
squeezePulse: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
shakeMix: import("styled-components/dist/models/Keyframes").default;
|
|
8
|
+
shakeHorizontal: import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
shakeVertical: import("styled-components/dist/models/Keyframes").default;
|
|
10
|
+
shakeDiagonal: import("styled-components/dist/models/Keyframes").default;
|
|
11
|
+
shakeQuick: import("styled-components/dist/models/Keyframes").default;
|
|
12
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const textEffectsMap: {
|
|
2
|
+
effect3D: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
neonGlow: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
retro3D: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
emboss: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
fireGlow: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
iceGlow: import("styled-components/dist/models/Keyframes").default;
|
|
8
|
+
shine: import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const zoomMap: {
|
|
2
|
+
zoomIn: import("styled-components/dist/models/Keyframes").default;
|
|
3
|
+
zoomOut: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
+
zoomInFromLeft: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
+
zoomInFromRight: import("styled-components/dist/models/Keyframes").default;
|
|
6
|
+
zoomInFromTop: import("styled-components/dist/models/Keyframes").default;
|
|
7
|
+
zoomInFromBottom: import("styled-components/dist/models/Keyframes").default;
|
|
8
|
+
zoomOutToLeft: import("styled-components/dist/models/Keyframes").default;
|
|
9
|
+
zoomOutToRight: import("styled-components/dist/models/Keyframes").default;
|
|
10
|
+
zoomOutToTop: import("styled-components/dist/models/Keyframes").default;
|
|
11
|
+
zoomOutToBottom: import("styled-components/dist/models/Keyframes").default;
|
|
12
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { AnimateType } from './frames';
|
|
3
|
+
export declare const timingMap: {
|
|
4
|
+
readonly linear: "linear";
|
|
5
|
+
readonly ease: "ease";
|
|
6
|
+
readonly easeIn: "ease-in";
|
|
7
|
+
readonly 'ease-in': "ease-in";
|
|
8
|
+
readonly easeOut: "ease-out";
|
|
9
|
+
readonly 'ease-out': "ease-out";
|
|
10
|
+
readonly easeInOut: "ease-in-out";
|
|
11
|
+
readonly 'ease-in-out': "ease-in-out";
|
|
12
|
+
};
|
|
13
|
+
export type TimingKeyType = keyof typeof timingMap;
|
|
14
|
+
export interface IFBaseStyledElementProps {
|
|
15
|
+
readonly type?: AnimateType;
|
|
16
|
+
readonly duration?: string | number;
|
|
17
|
+
readonly timing?: TimingKeyType;
|
|
18
|
+
readonly delay?: string | number;
|
|
19
|
+
readonly iteration?: number | 'infinite';
|
|
20
|
+
readonly direction?: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
|
|
21
|
+
readonly fillMode?: 'none' | 'forwards' | 'backwards' | 'both';
|
|
22
|
+
}
|
|
23
|
+
export interface IFAnimateProps extends IFBaseStyledElementProps, React.HTMLAttributes<HTMLDivElement> {
|
|
24
|
+
readonly tagName?: keyof JSX.IntrinsicElements | React.ElementType;
|
|
25
|
+
readonly children: React.ReactNode | string;
|
|
26
|
+
readonly onAnimationEnd?: () => void;
|
|
27
|
+
}
|
package/build/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
export {
|
|
6
|
-
export
|
|
1
|
+
import Animate from "./AnimBox";
|
|
2
|
+
import AnimateTyping, { type IFAnimateTypingProps } from "./AnimBox/AnimateTyping";
|
|
3
|
+
import { WrapperAnimate } from "./AnimBox/WrapperAnimate";
|
|
4
|
+
import type { IFAnimateProps, TimingKeyType } from "./AnimBox/types";
|
|
5
|
+
export { AnimateTyping, WrapperAnimate };
|
|
6
|
+
export type { IFAnimateProps, IFAnimateTypingProps, TimingKeyType };
|
|
7
|
+
export default Animate;
|