react-animate-z 1.1.0 → 2.0.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 +4 -0
- package/build/AnimBox/durations.d.ts +1 -0
- package/build/AnimBox/frames/_index.d.ts +208 -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/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 +5 -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
package/package.json
CHANGED
|
@@ -1,86 +1,78 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
"
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
"ts-jest": "^26.5.6",
|
|
79
|
-
"tslib": "^2.3.1",
|
|
80
|
-
"typescript": "^4.4.2"
|
|
81
|
-
},
|
|
82
|
-
"dependencies": {
|
|
83
|
-
"react-if-vz": "^1.0.0",
|
|
84
|
-
"styled-components": ">=5.3.10"
|
|
85
|
-
}
|
|
2
|
+
"name": "react-animate-z",
|
|
3
|
+
"version": "2.0.0",
|
|
4
|
+
"description": "Lightweight React animation library with Animate and AnimateTyping components, built using styled-components.",
|
|
5
|
+
"main": "build/index.js",
|
|
6
|
+
"module": "build/index.esm.js",
|
|
7
|
+
"browser": "build/index.js",
|
|
8
|
+
"unpkg": "build/index.min.js",
|
|
9
|
+
"style": "build/styles.css",
|
|
10
|
+
"files": [
|
|
11
|
+
"build"
|
|
12
|
+
],
|
|
13
|
+
"types": "build/index.d.ts",
|
|
14
|
+
"scripts": {
|
|
15
|
+
"clean": "rimraf ./build",
|
|
16
|
+
"build": "rollup -c",
|
|
17
|
+
"cb": "npm run clean && npm run build",
|
|
18
|
+
"test:watch": "jest --watch",
|
|
19
|
+
"prepublishOnly": "npm run build"
|
|
20
|
+
},
|
|
21
|
+
"repository": {
|
|
22
|
+
"type": "git",
|
|
23
|
+
"url": "https://github.com/delpikye-v/react-animate.git"
|
|
24
|
+
},
|
|
25
|
+
"homepage": "https://github.com/delpikye-v/react-animate#readme",
|
|
26
|
+
"keywords": [
|
|
27
|
+
"react",
|
|
28
|
+
"animation",
|
|
29
|
+
"animate",
|
|
30
|
+
"react-animation",
|
|
31
|
+
"styled-components",
|
|
32
|
+
"typing-effect",
|
|
33
|
+
"animate-typing",
|
|
34
|
+
"react-animate-z",
|
|
35
|
+
"react-animate-library",
|
|
36
|
+
"react-animate-component"
|
|
37
|
+
],
|
|
38
|
+
"author": "Delpi.Kye",
|
|
39
|
+
"license": "MIT",
|
|
40
|
+
"bugs": {
|
|
41
|
+
"url": "https://github.com/delpikye-v/react-animate/issues"
|
|
42
|
+
},
|
|
43
|
+
"peerDependencies": {
|
|
44
|
+
"react": ">=17.0.0 || >=18.0.0",
|
|
45
|
+
"react-dom": ">=17.0.0 || >=18.0.0"
|
|
46
|
+
},
|
|
47
|
+
"devDependencies": {
|
|
48
|
+
"@babel/cli": "^7.14.8",
|
|
49
|
+
"@babel/core": "^7.15.0",
|
|
50
|
+
"@babel/preset-env": "^7.16.11",
|
|
51
|
+
"@babel/preset-react": "^7.16.7",
|
|
52
|
+
"@babel/preset-typescript": "^7.16.7",
|
|
53
|
+
"@rollup/plugin-commonjs": "^17.1.0",
|
|
54
|
+
"@rollup/plugin-node-resolve": "^11.2.1",
|
|
55
|
+
"@testing-library/jest-dom": "^5.14.1",
|
|
56
|
+
"@testing-library/react": "^11.2.7",
|
|
57
|
+
"@types/jest": "^24.9.1",
|
|
58
|
+
"@types/react": "17.0.20",
|
|
59
|
+
"@types/react-dom": "17.0.9",
|
|
60
|
+
"babel-loader": "^8.2.2",
|
|
61
|
+
"babel-preset-react-app": "^10.0.0",
|
|
62
|
+
"jest": "^26.6.3",
|
|
63
|
+
"react": "^17.0.2",
|
|
64
|
+
"react-dom": "^17.0.2",
|
|
65
|
+
"rimraf": "^3.0.2",
|
|
66
|
+
"rollup": "^2.56.3",
|
|
67
|
+
"rollup-plugin-copy": "^3.4.0",
|
|
68
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
69
|
+
"rollup-plugin-terser": "^7.0.2",
|
|
70
|
+
"rollup-plugin-typescript2": "^0.29.0",
|
|
71
|
+
"ts-jest": "^26.5.6",
|
|
72
|
+
"tslib": "^2.3.1",
|
|
73
|
+
"typescript": "^4.4.2"
|
|
74
|
+
},
|
|
75
|
+
"dependencies": {
|
|
76
|
+
"styled-components": "^6.1.19"
|
|
77
|
+
}
|
|
86
78
|
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export type AnimateType = 'blur' | 'bounce' | 'effect3D' | 'flash' | 'float' | 'glowing' | 'jelly' | 'pulse' | 'shadow' | 'spin' | 'swing' | 'fadeIn' | 'fadeInFromLeft' | 'fadeInFromRight' | 'fadeInFromTop' | 'fadeInFromBottom' | 'fadeOut' | 'fadeOutToLeft' | 'fadeOutToRight' | 'fadeOutToTop' | 'fadeOutToBottom' | 'flip' | 'flipIn' | 'flipOut' | 'flipSlowDown' | 'flipFromTop' | 'flipToTop' | 'flipFromBottom' | 'flipToBottom' | 'flipFromLeftToCenter' | 'fold' | 'unfold' | 'hangOnLeft' | 'hangOnRight' | 'rotateSlowDown' | 'rotateCW' | 'rotateACW' | 'shakeMix' | 'shakeHorizontal' | 'shakeVertical' | 'squeezeMix' | 'squeezeHorizontal' | 'squeezeVertical' | 'slideInFromLeft' | 'slideInFromRight' | 'slideOutToLeft' | 'slideOutToRight' | 'slideInFromTop' | 'slideInFromBottom' | 'slideOutToTop' | 'slideOutToBottom' | 'zoomIn' | 'zoomOut' | 'popIn' | 'popOut' | 'rubberBand' | 'jello' | 'wobble' | 'rollIn' | 'jackInTheBox' | 'typewriter';
|
|
3
|
-
export interface ICursorProps {
|
|
4
|
-
cursorColor?: string | null;
|
|
5
|
-
}
|
|
6
|
-
export interface IAnimationTypingProps extends ICursorProps {
|
|
7
|
-
heading?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
dataText?: string[] | string;
|
|
10
|
-
children?: React.ReactNode | string[] | string;
|
|
11
|
-
}
|
|
12
|
-
export interface IBaseStyledElementProps {
|
|
13
|
-
type?: AnimateType;
|
|
14
|
-
duration?: string;
|
|
15
|
-
timing?: 'ease' | 'easeIn' | 'easeOut' | 'easeInOut' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out';
|
|
16
|
-
delay?: string;
|
|
17
|
-
iteration?: string | number | 'infinite';
|
|
18
|
-
direction?: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
|
|
19
|
-
fillMode?: 'none' | 'forwards' | 'backwards' | 'both';
|
|
20
|
-
}
|
|
21
|
-
export interface IAnimationProps extends IBaseStyledElementProps, React.HTMLAttributes<HTMLDivElement> {
|
|
22
|
-
tagName?: keyof JSX.IntrinsicElements | React.ElementType;
|
|
23
|
-
children?: React.ReactNode | string;
|
|
24
|
-
typingWrite?: IAnimationTypingProps;
|
|
25
|
-
onAnimationEnd?: () => void;
|
|
26
|
-
}
|