react-animate-z 2.2.0 → 2.3.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/build/index.esm.js +15 -15
- package/build/index.js +24 -24
- package/package.json +1 -1
package/build/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as t,jsxs as r,Fragment as a}from"react/jsx-runtime";import o,{keyframes as e,css as s}from"styled-components";import{useState as n,useMemo as f,useRef as m,useEffect as l}from"react";const i={bounce:"1s",bounceIn:"1s",bounceOut:"1s",bounceElastic:"1.2s",bounceSmall:"0.8s",bounceRotate:"1s",bounceJelly:"1.2s",jelly:"1s",jellyX:"1s",jellyY:"1s",jellyIn:"1s",jellyOut:"1s",shakeMix:"0.8s",shakeHorizontal:"0.8s",shakeVertical:"0.8s",shakeDiagonal:"0.8s",shakeQuick:"0.5s",pulse:"1s",pulseInOut:"1.2s",pulseFade:"1.2s",pulseFast:"0.6s",pulseColor:"1.2s",heartBeat:"1.3s",float:"2s",floatSway:"2.5s",floatHorizontal:"2.5s",floatCircular:"3s",floatWiggle:"2s",orbit:"3s",orbitEllipse:"3s",flash:"0.8s",flashIrregular:"1.2s",flashFast:"0.5s",flashSlow:"1.5s",flashPulse:"1s",glow:"1.5s",glowTextFlicker:"2s",glowRainbow:"3s",glowBreathing:"2.5s",glowGlitch:"1.2s",blurIn:"0.8s",blurInZoom:"1s",blurInScale:"0.8s",blurInUp:"0.8s",blurInRotate:"1s",blurOut:"0.8s",blurOutZoom:"1s",blurOutScale:"0.8s",blurOutDown:"0.8s",blurOutRotate:"1s",fadeIn:"0.8s",fadeOut:"0.8s",fadeInFromLeft:"0.8s",fadeInFromRight:"0.8s",fadeInFromTop:"0.8s",fadeInFromBottom:"0.8s",fadeOutToLeft:"0.8s",fadeOutToRight:"0.8s",fadeOutToTop:"0.8s",fadeOutToBottom:"0.8s",fadeInZoom:"1s",fadeOutZoom:"1s",fadeInRotate:"1s",fadeOutRotate:"1s",fadeInSkew:"0.8s",fadeOutSkew:"0.8s",fadeInFlipX:"1s",fadeOutFlipX:"1s",fadeInFlipY:"1s",fadeOutFlipY:"1s",fadeInPerspective:"1s",fadeOutPerspective:"1s",slideInFromLeft:"0.8s",slideInFromRight:"0.8s",slideOutToLeft:"0.8s",slideOutToRight:"0.8s",slideInFromTop:"0.8s",slideInFromBottom:"0.8s",slideOutToTop:"0.8s",slideOutToBottom:"0.8s",slideInFromLeftOvershoot:"1s",slideInFromRightOvershoot:"1s",slideOutToLeftOvershoot:"1s",slideOutToRightOvershoot:"1s",slideInFromTopOvershoot:"1s",slideInFromBottomOvershoot:"1s",slideOutToTopOvershoot:"1s",slideOutToBottomOvershoot:"1s",zoomIn:"1s",zoomOut:"1s",zoomInFromLeft:"1s",zoomInFromRight:"1s",zoomInFromTop:"1s",zoomInFromBottom:"1s",zoomOutToLeft:"1s",zoomOutToRight:"1s",zoomOutToTop:"1s",zoomOutToBottom:"1s",spin:"2s",spin3D:"2.5s",spinX:"2s",spinBounce:"2s",rotateCW:"1.5s",rotateACW:"1.5s",rotateSlowDown:"2.5s",rotateX:"2s",rotateY:"2s",rotateFromLeft:"1s",rotateFromRight:"1s",rotateToLeft:"1s",rotateToRight:"1s",rotateFromTop:"1s",rotateFromBottom:"1s",rotateToTop:"1s",rotateToBottom:"1s",flip:"1s",flipIn:"1s",flipOut:"1s",flipSlowDown:"1.5s",flipToLeft:"1s",flipToRight:"1s",flipFromTop:"1s",flipToTop:"1s",flipToBottom:"1s",flipFromBottom:"1s",flipFromLeftToCenter:"1s",flipFromRightToCenter:"1s",flipRich:"1.2s",flipToTopRich:"1.2s",flipToBottomRich:"1.2s",flipToTopLeftRich:"1.2s",flipToRightRich:"1.2s",flipFromTopRich:"1.2s",flipFromBottomRich:"1.2s",flipFromLeftToCenterRich:"1.2s",flipFromRightToCenterRich:"1.2s",fold:"1s",foldDeep:"1.2s",unfold:"1s",unfoldDeep:"1.2s",hangOnLeft:"1.5s",hangOnRight:"1.5s",hangOnTop:"1.5s",hangOnBottom:"1.5s",hangOnLeftSwing:"2s",hangOnRightSwing:"2s",hangOnTopSwing:"2s",hangOnBottomSwing:"2s",hangOnOscillate:"2.5s",hangOnDrop:"1.5s",effect3D:"1.2s",neonGlow:"1.5s",retro3D:"1.5s",emboss:"1s",fireGlow:"1.8s",iceGlow:"1.8s",shine:"1.2s",shadow:"1.2s",shadowText:"1.2s",shadowPulse:"1.2s",shadowNeon:"1.2s",swing:"1s",swingPivot:"1s",swingX:"1s",swingY:"1s",squeezeMix:"1s",squeezeHorizontal:"1s",squeezeVertical:"1s",squeezeDiagonal:"1s",squeezePulse:"1s",tada:"1s",hinge:"2s",lightSpeedInLeft:"1s",lightSpeedOutRight:"1s",popIn:"0.8s",popOut:"0.8s",popBounceIn:"1s",popBounceOut:"1s",popUpIn:"0.8s",popUpOut:"0.8s",popRotateIn:"1s",popRotateOut:"1s",popBlurIn:"1s",popBlurOut:"1s",popLeftIn:"0.8s",popLeftOut:"0.8s",popRightIn:"0.8s",popRightOut:"0.8s",rubberBand:"1s",jello:"1s",wobble:"1s",rollIn:"1s",jackInTheBox:"1.2s"},p=e`
|
|
1
|
+
import{jsx as t,jsxs as r,Fragment as a}from"react/jsx-runtime";import o,{keyframes as e,css as s}from"styled-components";import{useState as n,useMemo as f,useRef as m,useEffect as l}from"react";const i={bounce:"1s",bounceIn:"1s",bounceOut:"1s",bounceElastic:"1.2s",bounceSmall:"0.8s",bounceRotate:"1s",bounceJelly:"1.2s",jelly:"1s",jellyX:"1s",jellyY:"1s",jellyIn:"1s",jellyOut:"1s",shakeMix:"0.8s",shakeHorizontal:"0.8s",shakeVertical:"0.8s",shakeDiagonal:"0.8s",shakeQuick:"0.5s",pulse:"1s",pulseInOut:"1.2s",pulseFade:"1.2s",pulseFast:"0.6s",pulseColor:"1.2s",heartBeat:"1.3s",float:"2s",floatSway:"2.5s",floatHorizontal:"2.5s",floatCircular:"3s",floatWiggle:"2s",orbit:"3s",orbitEllipse:"3s",flash:"0.8s",flashIrregular:"1.2s",flashFast:"0.5s",flashSlow:"1.5s",flashPulse:"1s",glow:"1.5s",glowTextFlicker:"2s",glowRainbow:"3s",glowBreathing:"2.5s",glowGlitch:"1.2s",blurIn:"0.8s",blurInZoom:"1s",blurInScale:"0.8s",blurInUp:"0.8s",blurInRotate:"1s",blurOut:"0.8s",blurOutZoom:"1s",blurOutScale:"0.8s",blurOutDown:"0.8s",blurOutRotate:"1s",fadeIn:"0.8s",fadeOut:"0.8s",fadeInFromLeft:"0.8s",fadeInFromRight:"0.8s",fadeInFromTop:"0.8s",fadeInFromBottom:"0.8s",fadeOutToLeft:"0.8s",fadeOutToRight:"0.8s",fadeOutToTop:"0.8s",fadeOutToBottom:"0.8s",fadeInZoom:"1s",fadeOutZoom:"1s",fadeInRotate:"1s",fadeOutRotate:"1s",fadeInSkew:"0.8s",fadeOutSkew:"0.8s",fadeInFlipX:"1s",fadeOutFlipX:"1s",fadeInFlipY:"1s",fadeOutFlipY:"1s",fadeInPerspective:"1s",fadeOutPerspective:"1s",slideInFromLeft:"0.8s",slideInFromRight:"0.8s",slideOutToLeft:"0.8s",slideOutToRight:"0.8s",slideInFromTop:"0.8s",slideInFromBottom:"0.8s",slideOutToTop:"0.8s",slideOutToBottom:"0.8s",slideInFromLeftOvershoot:"1s",slideInFromRightOvershoot:"1s",slideOutToLeftOvershoot:"1s",slideOutToRightOvershoot:"1s",slideInFromTopOvershoot:"1s",slideInFromBottomOvershoot:"1s",slideOutToTopOvershoot:"1s",slideOutToBottomOvershoot:"1s",zoomIn:"1s",zoomOut:"1s",zoomInFromLeft:"1s",zoomInFromRight:"1s",zoomInFromTop:"1s",zoomInFromBottom:"1s",zoomOutToLeft:"1s",zoomOutToRight:"1s",zoomOutToTop:"1s",zoomOutToBottom:"1s",spin:"2s",spin3D:"2.5s",spinX:"2s",spinBounce:"2s",rotateCW:"1.5s",rotateACW:"1.5s",rotateSlowDown:"2.5s",rotateX:"2s",rotateY:"2s",rotateFromLeft:"1s",rotateFromRight:"1s",rotateToLeft:"1s",rotateToRight:"1s",rotateFromTop:"1s",rotateFromBottom:"1s",rotateToTop:"1s",rotateToBottom:"1s",flip:"1s",flipIn:"1s",flipOut:"1s",flipSlowDown:"1.5s",flipToLeft:"1s",flipToRight:"1s",flipFromTop:"1s",flipToTop:"1s",flipToBottom:"1s",flipFromBottom:"1s",flipFromLeftToCenter:"1s",flipFromRightToCenter:"1s",flipRich:"1.2s",flipToTopRich:"1.2s",flipToBottomRich:"1.2s",flipToTopLeftRich:"1.2s",flipToRightRich:"1.2s",flipFromTopRich:"1.2s",flipFromBottomRich:"1.2s",flipFromLeftToCenterRich:"1.2s",flipFromRightToCenterRich:"1.2s",fold:"1s",foldDeep:"1.2s",unfold:"1s",unfoldDeep:"1.2s",hangOnLeft:"1.5s",hangOnRight:"1.5s",hangOnTop:"1.5s",hangOnBottom:"1.5s",hangOnLeftSwing:"2s",hangOnRightSwing:"2s",hangOnTopSwing:"2s",hangOnBottomSwing:"2s",hangOnOscillate:"2.5s",hangOnDrop:"1.5s",effect3D:"1.2s",neonGlow:"1.5s",retro3D:"1.5s",emboss:"1s",fireGlow:"1.8s",iceGlow:"1.8s",shine:"1.2s",shadow:"1.2s",shadowText:"1.2s",shadowPulse:"1.2s",shadowNeon:"1.2s",swing:"1s",swingPivot:"1s",swingX:"1s",swingY:"1s",squeezeMix:"1s",squeezeHorizontal:"1s",squeezeVertical:"1s",squeezeDiagonal:"1s",squeezePulse:"1s",tada:"1s",hinge:"2s",lightSpeedInLeft:"1s",lightSpeedOutRight:"1s",popIn:"0.8s",popOut:"0.8s",popBounceIn:"1s",popBounceOut:"1s",popUpIn:"0.8s",popUpOut:"0.8s",popRotateIn:"1s",popRotateOut:"1s",popBlurIn:"1s",popBlurOut:"1s",popLeftIn:"0.8s",popLeftOut:"0.8s",popRightIn:"0.8s",popRightOut:"0.8s",rubberBand:"1s",jello:"1s",wobble:"1s",rollIn:"1s",jackInTheBox:"1.2s",typing:"2s",typingLoop:"2.5s",typeWriter:"3s",typeDelete:"1.5s",typeFade:"2s",textFlicker:"2s",textScramble:"2.5s",bgFade:"2s",bgSlide:"3s",bgPulse:"2.5s",gradientShift:"3s",gradientWave:"3.5s",colorCycle:"2s",rainbowCycle:"3s",morph:"2s",morphBlob:"3s",morphSquareCircle:"2.5s",morphLiquid:"3.5s",borderPulse:"1.5s",borderExpand:"1.2s",borderShrink:"1.2s",scaleUp:"0.8s",scaleDown:"0.8s",stretchX:"1s",stretchY:"1s",revealUp:"1s",revealDown:"1s",revealLeft:"1s",revealRight:"1s",parallax:"3s",scrollWipe:"1.2s",attentionSeeker:"1s",comboZoomRotate:"1.5s",comboBounceFade:"1.5s",comboSlideSpin:"1.5s",complexMorph:"2.5s"},p=e`
|
|
2
2
|
from { transform: scale3d(1,1,1); }
|
|
3
3
|
30% { transform: scale3d(1.25,.75,1); }
|
|
4
4
|
40% { transform: scale3d(.75,1.25,1); }
|
|
@@ -74,13 +74,13 @@ import{jsx as t,jsxs as r,Fragment as a}from"react/jsx-runtime";import o,{keyfra
|
|
|
74
74
|
20% { transform: scale(.9); }
|
|
75
75
|
50%, 55% { opacity: 1; transform: scale(1.1); }
|
|
76
76
|
to { opacity: 0; transform: scale(.3); }
|
|
77
|
-
`,
|
|
77
|
+
`,S=e`
|
|
78
78
|
10% { transform: scaleY(0.9) translateY(5%); }
|
|
79
79
|
45% { transform: scaleY(1.2) translateY(-100%); }
|
|
80
80
|
65% { transform: scaleY(0.95) translateY(0); }
|
|
81
81
|
75% { transform: scaleY(1.05) translateY(-25%); }
|
|
82
82
|
85%, 100% { transform: scaleY(1) translateY(0); }
|
|
83
|
-
`,
|
|
83
|
+
`,z=e`
|
|
84
84
|
0%, 100% { transform: translateY(0); }
|
|
85
85
|
50% { transform: translateY(-6px); }
|
|
86
86
|
`,L=e`
|
|
@@ -133,16 +133,16 @@ import{jsx as t,jsxs as r,Fragment as a}from"react/jsx-runtime";import o,{keyfra
|
|
|
133
133
|
30% { transform: translateY(-20px) scale(1.2); filter: brightness(1.6); }
|
|
134
134
|
60% { transform: translateY(-10px) scale(0.9); filter: brightness(1.2); }
|
|
135
135
|
100% { transform: translateY(0) scale(1); filter: brightness(1); }
|
|
136
|
-
`,
|
|
136
|
+
`,U=e`
|
|
137
137
|
0% { transform: translateY(0); color: red; }
|
|
138
138
|
25% { transform: translateY(-20px); color: orange; }
|
|
139
139
|
50% { transform: translateY(-10px); color: yellow; }
|
|
140
140
|
75% { transform: translateY(-15px); color: green; }
|
|
141
141
|
100% { transform: translateY(0); color: blue; }
|
|
142
|
-
`,
|
|
142
|
+
`,W={bounce:R,bounceIn:v,bounceOut:B,bounceElastic:S,bounceSmall:z,bounceRotate:L,bounceJelly:Z,bounceSide:D,bounceDiagonal:C,bounceFlip:j,bounceFade:P,bounceCrazy:q,bounceGlow:$,bounceFadeScale:G,bounceSparkle:N,bounceRainbow:U},M=e`
|
|
143
143
|
from { opacity: 0; }
|
|
144
144
|
to { opacity: 1; }
|
|
145
|
-
`,
|
|
145
|
+
`,E=e`
|
|
146
146
|
from { opacity: 1; }
|
|
147
147
|
to { opacity: 0; }
|
|
148
148
|
`,A=e`
|
|
@@ -240,7 +240,7 @@ import{jsx as t,jsxs as r,Fragment as a}from"react/jsx-runtime";import o,{keyfra
|
|
|
240
240
|
`,wt=e`
|
|
241
241
|
0% { opacity: 0; background-position: -200%; }
|
|
242
242
|
100% { opacity: 1; background-position: 200%; }
|
|
243
|
-
`,Ot={fadeIn:
|
|
243
|
+
`,Ot={fadeIn:M,fadeOut:E,fadeInFromLeft:A,fadeInFromRight:H,fadeInFromTop:V,fadeInFromBottom:J,fadeOutToLeft:Q,fadeOutToRight:K,fadeOutToTop:_,fadeOutToBottom:tt,fadeInZoom:rt,fadeOutZoom:at,fadeInRotate:ot,fadeOutRotate:et,fadeInSkew:st,fadeOutSkew:nt,fadeInFlipX:ft,fadeOutFlipX:mt,fadeInFlipY:lt,fadeOutFlipY:it,fadeInPerspective:pt,fadeOutPerspective:ct,fadeInBlur:dt,fadeOutBlur:gt,fadeInColor:yt,fadeOutColor:xt,fadePulse:ut,fadeBounce:ht,fadeSwing:Yt,fadeZoomRotate:Xt,fadeElastic:bt,fadeShine:wt},Tt=e`
|
|
244
244
|
0%, 50%, 100% { opacity: 1; }
|
|
245
245
|
25%, 75% { opacity: 0; }
|
|
246
246
|
`,It=e`
|
|
@@ -263,17 +263,17 @@ import{jsx as t,jsxs as r,Fragment as a}from"react/jsx-runtime";import o,{keyfra
|
|
|
263
263
|
`,Bt=e`
|
|
264
264
|
0%, 100% { opacity: 1; filter: hue-rotate(0deg); }
|
|
265
265
|
50% { opacity: 0.2; filter: hue-rotate(180deg); }
|
|
266
|
-
`,
|
|
266
|
+
`,St=e`
|
|
267
267
|
0%, 20%, 40%, 60%, 80%, 100% { opacity: 1; }
|
|
268
268
|
10%, 30%, 50%, 70%, 90% { opacity: 0; }
|
|
269
|
-
`,
|
|
269
|
+
`,zt=e`
|
|
270
270
|
0% { opacity: 1; }
|
|
271
271
|
50% { opacity: 0.6; }
|
|
272
272
|
100% { opacity: 1; }
|
|
273
273
|
`,Lt=e`
|
|
274
274
|
0%, 100% { opacity: 0.3; }
|
|
275
275
|
50% { opacity: 1; }
|
|
276
|
-
`,Zt={flash:Tt,flashIrregular:It,flashFast:Ft,flashSlow:kt,flashPulse:Rt,flashGlow:vt,flashColor:Bt,flashStrobe:
|
|
276
|
+
`,Zt={flash:Tt,flashIrregular:It,flashFast:Ft,flashSlow:kt,flashPulse:Rt,flashGlow:vt,flashColor:Bt,flashStrobe:St,flashSoft:zt,flashReversePulse:Lt},Dt=e`from{transform:rotateY(0)}to{transform:rotateY(180deg)}`,Ct=e`
|
|
277
277
|
from { transform: rotateY(-90deg); }
|
|
278
278
|
to { transform: rotateY(0); }
|
|
279
279
|
`,jt=e`
|
|
@@ -285,7 +285,7 @@ import{jsx as t,jsxs as r,Fragment as a}from"react/jsx-runtime";import o,{keyfra
|
|
|
285
285
|
`,qt=e`
|
|
286
286
|
from { transform: rotateY(0); }
|
|
287
287
|
to { transform: rotateY(90deg); }
|
|
288
|
-
`,$t={...
|
|
288
|
+
`,$t={...W,...{effect3D:e`
|
|
289
289
|
to {
|
|
290
290
|
text-shadow:
|
|
291
291
|
0 1px 0 #ccc,
|
|
@@ -1058,19 +1058,19 @@ import{jsx as t,jsxs as r,Fragment as a}from"react/jsx-runtime";import o,{keyfra
|
|
|
1058
1058
|
`,popRightOut:e`
|
|
1059
1059
|
from { opacity:1; transform: translateX(0) scale3d(1,1,1); }
|
|
1060
1060
|
to { opacity:0; transform: translateX(50%) scale3d(0.5,0.5,0.5); }
|
|
1061
|
-
`},...x},Gt=Object.keys($t),Nt=Object.fromEntries([{name:"🎾 Bounce",key:"bounce",prefix:"bounce"},{name:"✨ Text / Glow Effects",key:"text",prefix:"effect"},{name:"🌫 Blur",key:"blur",prefix:"blur"},{name:"⚡ Flash",key:"flash",prefix:"flash"},{name:"🎈 Float",key:"float",prefix:"float"},{name:"💡 Glow",key:"glow",prefix:"glow"},{name:"🍮 Jelly",key:"jelly",prefix:"jelly"},{name:"🌑 Shadow / Spin / Swing / Orbit",key:"shadow",prefix:"shadow"},{name:"💓 Pulse",key:"pulse",prefix:"pulse"},{name:"🌫 Fade",key:"fade",prefix:"fade"},{name:"🤯 Squeeze / Shake",key:"shake",prefix:"shake"},{name:"📥 Slide",key:"slide",prefix:"slide"},{name:"🔄 Flip",key:"flip",prefix:"flip"},{name:"📂 Fold / Unfold",key:"fold",prefix:"fold"},{name:"🪝 Hang On",key:"hangOn",prefix:"hangOn"},{name:"🔍 Zoom",key:"zoom",prefix:"zoom"},{name:"🌀 Rotate",key:"rotate",prefix:"rotate"},{name:"🎉 Fun / Attention",key:"fun",prefix:""}].map((({key:t,prefix:r})=>[t,Object.keys($t).filter((t=>!r||t.startsWith(r)))]))),
|
|
1061
|
+
`},...x},Gt=Object.keys($t),Nt=Object.fromEntries([{name:"🎾 Bounce",key:"bounce",prefix:"bounce"},{name:"✨ Text / Glow Effects",key:"text",prefix:"effect"},{name:"🌫 Blur",key:"blur",prefix:"blur"},{name:"⚡ Flash",key:"flash",prefix:"flash"},{name:"🎈 Float",key:"float",prefix:"float"},{name:"💡 Glow",key:"glow",prefix:"glow"},{name:"🍮 Jelly",key:"jelly",prefix:"jelly"},{name:"🌑 Shadow / Spin / Swing / Orbit",key:"shadow",prefix:"shadow"},{name:"💓 Pulse",key:"pulse",prefix:"pulse"},{name:"🌫 Fade",key:"fade",prefix:"fade"},{name:"🤯 Squeeze / Shake",key:"shake",prefix:"shake"},{name:"📥 Slide",key:"slide",prefix:"slide"},{name:"🔄 Flip",key:"flip",prefix:"flip"},{name:"📂 Fold / Unfold",key:"fold",prefix:"fold"},{name:"🪝 Hang On",key:"hangOn",prefix:"hangOn"},{name:"🔍 Zoom",key:"zoom",prefix:"zoom"},{name:"🌀 Rotate",key:"rotate",prefix:"rotate"},{name:"🎉 Fun / Attention",key:"fun",prefix:""}].map((({key:t,prefix:r})=>[t,Object.keys($t).filter((t=>!r||t.startsWith(r)))]))),Ut={linear:"linear",ease:"ease",easeIn:"ease-in","ease-in":"ease-in",easeOut:"ease-out","ease-out":"ease-out",easeInOut:"ease-in-out","ease-in-out":"ease-in-out"},Wt=["type","duration","timing","delay","iteration","direction","fillMode","tagName"],Mt=o("div").withConfig({shouldForwardProp:t=>!Wt.includes(t)})`
|
|
1062
1062
|
margin: 0;
|
|
1063
1063
|
padding: 0;
|
|
1064
1064
|
|
|
1065
1065
|
${({type:t,duration:r,timing:a,delay:o,iteration:e,direction:n,fillMode:f})=>s`
|
|
1066
1066
|
animation: ${t&&$t[t]} ${"number"==typeof r?`${r}ms`:r}
|
|
1067
|
-
${a?
|
|
1067
|
+
${a?Ut[a]:""} ${"number"==typeof o?`${o}ms`:o} ${e??""}
|
|
1068
1068
|
${n??""} ${f??""};
|
|
1069
1069
|
`}
|
|
1070
|
-
`,
|
|
1070
|
+
`,Et=({tagName:r="div",children:a,className:o,type:e="blurIn",duration:s,timing:n="ease",delay:f="0s",direction:m="alternate",fillMode:l="forwards",...p})=>{const c=s??i[e]??"1s";return t(Mt,{as:r,className:o,type:e,duration:"number"==typeof c?`${c}ms`:c,timing:n,delay:f,iteration:"infinite",direction:m,fillMode:l,...p,children:a})},At=e`
|
|
1071
1071
|
50% { border-color: transparent; }
|
|
1072
1072
|
`,Ht=o.span`
|
|
1073
1073
|
margin-left: 2px;
|
|
1074
1074
|
border-left: 3px solid ${({cursorColor:t})=>t||"#000"};
|
|
1075
1075
|
animation: ${At} 0.7s steps(1) infinite;
|
|
1076
|
-
`,Vt=({heading:o="",dataText:e=[],className:s,cursorColor:i="#000",children:p})=>{const[c,d]=n(""),[g,y]=n(!1),[x,u]=n(0),[h,Y]=n(150),X=f((()=>Array.isArray(e)?e:"string"==typeof e?[e]:Array.isArray(p)?p:"string"==typeof p?[p]:[]),[p,e]),b=m(null);return l((()=>{if(0===X.length)return;return b.current=window.setTimeout((()=>{const t=x%X.length,r=X[t];d((t=>g?r.substring(0,t.length-1):r.substring(0,t.length+1))),Y(g?30:150),g||c!==r?g&&""===c&&(y(!1),u((t=>t+1))):setTimeout((()=>y(!0)),500)}),h),()=>{b.current&&clearTimeout(b.current)}}),[c,g,x,X,h]),r("div",{className:s,children:[o&&r(a,{children:[o," "]}),t("span",{children:c}),t(Ht,{cursorColor:i})]})},Jt={delay:"0s",direction:"normal",timing:"ease",iteration:1,fillMode:"forwards"},Qt=(t,r)=>({...Jt,type:t,duration:r??(i[t??"blurIn"]??"1s")}),Kt=({children:r,tagName:a="div",type:o,duration:e,className:s,...n})=>t(
|
|
1076
|
+
`,Vt=({heading:o="",dataText:e=[],className:s,cursorColor:i="#000",children:p})=>{const[c,d]=n(""),[g,y]=n(!1),[x,u]=n(0),[h,Y]=n(150),X=f((()=>Array.isArray(e)?e:"string"==typeof e?[e]:Array.isArray(p)?p:"string"==typeof p?[p]:[]),[p,e]),b=m(null);return l((()=>{if(0===X.length)return;return b.current=window.setTimeout((()=>{const t=x%X.length,r=X[t];d((t=>g?r.substring(0,t.length-1):r.substring(0,t.length+1))),Y(g?30:150),g||c!==r?g&&""===c&&(y(!1),u((t=>t+1))):setTimeout((()=>y(!0)),500)}),h),()=>{b.current&&clearTimeout(b.current)}}),[c,g,x,X,h]),r("div",{className:s,children:[o&&r(a,{children:[o," "]}),t("span",{children:c}),t(Ht,{cursorColor:i})]})},Jt={delay:"0s",direction:"normal",timing:"ease",iteration:1,fillMode:"forwards"},Qt=(t,r)=>({...Jt,type:t,duration:r??(i[t??"blurIn"]??"1s")}),Kt=({children:r,tagName:a="div",type:o,duration:e,className:s,...n})=>t(Et,{...Qt(o,e),tagName:a,className:s,...n,children:r});export{Vt as AnimateTyping,Kt as WrapperAnimate,Nt as animGroups,Gt as animNames,Et as default,i as defaultDuration};
|
package/build/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(t,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react/jsx-runtime"),require("styled-components"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","styled-components","react"],r):r((t="undefined"!=typeof globalThis?globalThis:t||self).ReactAnimate={},t.jsxRuntime,t.styled,t.react)}(this,(function(t,r,a,e){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=o(a);const n={bounce:"1s",bounceIn:"1s",bounceOut:"1s",bounceElastic:"1.2s",bounceSmall:"0.8s",bounceRotate:"1s",bounceJelly:"1.2s",jelly:"1s",jellyX:"1s",jellyY:"1s",jellyIn:"1s",jellyOut:"1s",shakeMix:"0.8s",shakeHorizontal:"0.8s",shakeVertical:"0.8s",shakeDiagonal:"0.8s",shakeQuick:"0.5s",pulse:"1s",pulseInOut:"1.2s",pulseFade:"1.2s",pulseFast:"0.6s",pulseColor:"1.2s",heartBeat:"1.3s",float:"2s",floatSway:"2.5s",floatHorizontal:"2.5s",floatCircular:"3s",floatWiggle:"2s",orbit:"3s",orbitEllipse:"3s",flash:"0.8s",flashIrregular:"1.2s",flashFast:"0.5s",flashSlow:"1.5s",flashPulse:"1s",glow:"1.5s",glowTextFlicker:"2s",glowRainbow:"3s",glowBreathing:"2.5s",glowGlitch:"1.2s",blurIn:"0.8s",blurInZoom:"1s",blurInScale:"0.8s",blurInUp:"0.8s",blurInRotate:"1s",blurOut:"0.8s",blurOutZoom:"1s",blurOutScale:"0.8s",blurOutDown:"0.8s",blurOutRotate:"1s",fadeIn:"0.8s",fadeOut:"0.8s",fadeInFromLeft:"0.8s",fadeInFromRight:"0.8s",fadeInFromTop:"0.8s",fadeInFromBottom:"0.8s",fadeOutToLeft:"0.8s",fadeOutToRight:"0.8s",fadeOutToTop:"0.8s",fadeOutToBottom:"0.8s",fadeInZoom:"1s",fadeOutZoom:"1s",fadeInRotate:"1s",fadeOutRotate:"1s",fadeInSkew:"0.8s",fadeOutSkew:"0.8s",fadeInFlipX:"1s",fadeOutFlipX:"1s",fadeInFlipY:"1s",fadeOutFlipY:"1s",fadeInPerspective:"1s",fadeOutPerspective:"1s",slideInFromLeft:"0.8s",slideInFromRight:"0.8s",slideOutToLeft:"0.8s",slideOutToRight:"0.8s",slideInFromTop:"0.8s",slideInFromBottom:"0.8s",slideOutToTop:"0.8s",slideOutToBottom:"0.8s",slideInFromLeftOvershoot:"1s",slideInFromRightOvershoot:"1s",slideOutToLeftOvershoot:"1s",slideOutToRightOvershoot:"1s",slideInFromTopOvershoot:"1s",slideInFromBottomOvershoot:"1s",slideOutToTopOvershoot:"1s",slideOutToBottomOvershoot:"1s",zoomIn:"1s",zoomOut:"1s",zoomInFromLeft:"1s",zoomInFromRight:"1s",zoomInFromTop:"1s",zoomInFromBottom:"1s",zoomOutToLeft:"1s",zoomOutToRight:"1s",zoomOutToTop:"1s",zoomOutToBottom:"1s",spin:"2s",spin3D:"2.5s",spinX:"2s",spinBounce:"2s",rotateCW:"1.5s",rotateACW:"1.5s",rotateSlowDown:"2.5s",rotateX:"2s",rotateY:"2s",rotateFromLeft:"1s",rotateFromRight:"1s",rotateToLeft:"1s",rotateToRight:"1s",rotateFromTop:"1s",rotateFromBottom:"1s",rotateToTop:"1s",rotateToBottom:"1s",flip:"1s",flipIn:"1s",flipOut:"1s",flipSlowDown:"1.5s",flipToLeft:"1s",flipToRight:"1s",flipFromTop:"1s",flipToTop:"1s",flipToBottom:"1s",flipFromBottom:"1s",flipFromLeftToCenter:"1s",flipFromRightToCenter:"1s",flipRich:"1.2s",flipToTopRich:"1.2s",flipToBottomRich:"1.2s",flipToTopLeftRich:"1.2s",flipToRightRich:"1.2s",flipFromTopRich:"1.2s",flipFromBottomRich:"1.2s",flipFromLeftToCenterRich:"1.2s",flipFromRightToCenterRich:"1.2s",fold:"1s",foldDeep:"1.2s",unfold:"1s",unfoldDeep:"1.2s",hangOnLeft:"1.5s",hangOnRight:"1.5s",hangOnTop:"1.5s",hangOnBottom:"1.5s",hangOnLeftSwing:"2s",hangOnRightSwing:"2s",hangOnTopSwing:"2s",hangOnBottomSwing:"2s",hangOnOscillate:"2.5s",hangOnDrop:"1.5s",effect3D:"1.2s",neonGlow:"1.5s",retro3D:"1.5s",emboss:"1s",fireGlow:"1.8s",iceGlow:"1.8s",shine:"1.2s",shadow:"1.2s",shadowText:"1.2s",shadowPulse:"1.2s",shadowNeon:"1.2s",swing:"1s",swingPivot:"1s",swingX:"1s",swingY:"1s",squeezeMix:"1s",squeezeHorizontal:"1s",squeezeVertical:"1s",squeezeDiagonal:"1s",squeezePulse:"1s",tada:"1s",hinge:"2s",lightSpeedInLeft:"1s",lightSpeedOutRight:"1s",popIn:"0.8s",popOut:"0.8s",popBounceIn:"1s",popBounceOut:"1s",popUpIn:"0.8s",popUpOut:"0.8s",popRotateIn:"1s",popRotateOut:"1s",popBlurIn:"1s",popBlurOut:"1s",popLeftIn:"0.8s",popLeftOut:"0.8s",popRightIn:"0.8s",popRightOut:"0.8s",rubberBand:"1s",jello:"1s",wobble:"1s",rollIn:"1s",jackInTheBox:"1.2s"},f=a.keyframes`
|
|
1
|
+
!function(t,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react/jsx-runtime"),require("styled-components"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","styled-components","react"],r):r((t="undefined"!=typeof globalThis?globalThis:t||self).ReactAnimate={},t.jsxRuntime,t.styled,t.react)}(this,(function(t,r,a,e){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=o(a);const n={bounce:"1s",bounceIn:"1s",bounceOut:"1s",bounceElastic:"1.2s",bounceSmall:"0.8s",bounceRotate:"1s",bounceJelly:"1.2s",jelly:"1s",jellyX:"1s",jellyY:"1s",jellyIn:"1s",jellyOut:"1s",shakeMix:"0.8s",shakeHorizontal:"0.8s",shakeVertical:"0.8s",shakeDiagonal:"0.8s",shakeQuick:"0.5s",pulse:"1s",pulseInOut:"1.2s",pulseFade:"1.2s",pulseFast:"0.6s",pulseColor:"1.2s",heartBeat:"1.3s",float:"2s",floatSway:"2.5s",floatHorizontal:"2.5s",floatCircular:"3s",floatWiggle:"2s",orbit:"3s",orbitEllipse:"3s",flash:"0.8s",flashIrregular:"1.2s",flashFast:"0.5s",flashSlow:"1.5s",flashPulse:"1s",glow:"1.5s",glowTextFlicker:"2s",glowRainbow:"3s",glowBreathing:"2.5s",glowGlitch:"1.2s",blurIn:"0.8s",blurInZoom:"1s",blurInScale:"0.8s",blurInUp:"0.8s",blurInRotate:"1s",blurOut:"0.8s",blurOutZoom:"1s",blurOutScale:"0.8s",blurOutDown:"0.8s",blurOutRotate:"1s",fadeIn:"0.8s",fadeOut:"0.8s",fadeInFromLeft:"0.8s",fadeInFromRight:"0.8s",fadeInFromTop:"0.8s",fadeInFromBottom:"0.8s",fadeOutToLeft:"0.8s",fadeOutToRight:"0.8s",fadeOutToTop:"0.8s",fadeOutToBottom:"0.8s",fadeInZoom:"1s",fadeOutZoom:"1s",fadeInRotate:"1s",fadeOutRotate:"1s",fadeInSkew:"0.8s",fadeOutSkew:"0.8s",fadeInFlipX:"1s",fadeOutFlipX:"1s",fadeInFlipY:"1s",fadeOutFlipY:"1s",fadeInPerspective:"1s",fadeOutPerspective:"1s",slideInFromLeft:"0.8s",slideInFromRight:"0.8s",slideOutToLeft:"0.8s",slideOutToRight:"0.8s",slideInFromTop:"0.8s",slideInFromBottom:"0.8s",slideOutToTop:"0.8s",slideOutToBottom:"0.8s",slideInFromLeftOvershoot:"1s",slideInFromRightOvershoot:"1s",slideOutToLeftOvershoot:"1s",slideOutToRightOvershoot:"1s",slideInFromTopOvershoot:"1s",slideInFromBottomOvershoot:"1s",slideOutToTopOvershoot:"1s",slideOutToBottomOvershoot:"1s",zoomIn:"1s",zoomOut:"1s",zoomInFromLeft:"1s",zoomInFromRight:"1s",zoomInFromTop:"1s",zoomInFromBottom:"1s",zoomOutToLeft:"1s",zoomOutToRight:"1s",zoomOutToTop:"1s",zoomOutToBottom:"1s",spin:"2s",spin3D:"2.5s",spinX:"2s",spinBounce:"2s",rotateCW:"1.5s",rotateACW:"1.5s",rotateSlowDown:"2.5s",rotateX:"2s",rotateY:"2s",rotateFromLeft:"1s",rotateFromRight:"1s",rotateToLeft:"1s",rotateToRight:"1s",rotateFromTop:"1s",rotateFromBottom:"1s",rotateToTop:"1s",rotateToBottom:"1s",flip:"1s",flipIn:"1s",flipOut:"1s",flipSlowDown:"1.5s",flipToLeft:"1s",flipToRight:"1s",flipFromTop:"1s",flipToTop:"1s",flipToBottom:"1s",flipFromBottom:"1s",flipFromLeftToCenter:"1s",flipFromRightToCenter:"1s",flipRich:"1.2s",flipToTopRich:"1.2s",flipToBottomRich:"1.2s",flipToTopLeftRich:"1.2s",flipToRightRich:"1.2s",flipFromTopRich:"1.2s",flipFromBottomRich:"1.2s",flipFromLeftToCenterRich:"1.2s",flipFromRightToCenterRich:"1.2s",fold:"1s",foldDeep:"1.2s",unfold:"1s",unfoldDeep:"1.2s",hangOnLeft:"1.5s",hangOnRight:"1.5s",hangOnTop:"1.5s",hangOnBottom:"1.5s",hangOnLeftSwing:"2s",hangOnRightSwing:"2s",hangOnTopSwing:"2s",hangOnBottomSwing:"2s",hangOnOscillate:"2.5s",hangOnDrop:"1.5s",effect3D:"1.2s",neonGlow:"1.5s",retro3D:"1.5s",emboss:"1s",fireGlow:"1.8s",iceGlow:"1.8s",shine:"1.2s",shadow:"1.2s",shadowText:"1.2s",shadowPulse:"1.2s",shadowNeon:"1.2s",swing:"1s",swingPivot:"1s",swingX:"1s",swingY:"1s",squeezeMix:"1s",squeezeHorizontal:"1s",squeezeVertical:"1s",squeezeDiagonal:"1s",squeezePulse:"1s",tada:"1s",hinge:"2s",lightSpeedInLeft:"1s",lightSpeedOutRight:"1s",popIn:"0.8s",popOut:"0.8s",popBounceIn:"1s",popBounceOut:"1s",popUpIn:"0.8s",popUpOut:"0.8s",popRotateIn:"1s",popRotateOut:"1s",popBlurIn:"1s",popBlurOut:"1s",popLeftIn:"0.8s",popLeftOut:"0.8s",popRightIn:"0.8s",popRightOut:"0.8s",rubberBand:"1s",jello:"1s",wobble:"1s",rollIn:"1s",jackInTheBox:"1.2s",typing:"2s",typingLoop:"2.5s",typeWriter:"3s",typeDelete:"1.5s",typeFade:"2s",textFlicker:"2s",textScramble:"2.5s",bgFade:"2s",bgSlide:"3s",bgPulse:"2.5s",gradientShift:"3s",gradientWave:"3.5s",colorCycle:"2s",rainbowCycle:"3s",morph:"2s",morphBlob:"3s",morphSquareCircle:"2.5s",morphLiquid:"3.5s",borderPulse:"1.5s",borderExpand:"1.2s",borderShrink:"1.2s",scaleUp:"0.8s",scaleDown:"0.8s",stretchX:"1s",stretchY:"1s",revealUp:"1s",revealDown:"1s",revealLeft:"1s",revealRight:"1s",parallax:"3s",scrollWipe:"1.2s",attentionSeeker:"1s",comboZoomRotate:"1.5s",comboBounceFade:"1.5s",comboSlideSpin:"1.5s",complexMorph:"2.5s"},f=a.keyframes`
|
|
2
2
|
from { transform: scale3d(1,1,1); }
|
|
3
3
|
30% { transform: scale3d(1.25,.75,1); }
|
|
4
4
|
40% { transform: scale3d(.75,1.25,1); }
|
|
@@ -43,10 +43,10 @@
|
|
|
43
43
|
`,u=a.keyframes`
|
|
44
44
|
from { opacity: 0; transform: translateY(40px); filter: blur(6px); }
|
|
45
45
|
to { opacity: 1; transform: translateY(0); filter: blur(0); }
|
|
46
|
-
`,
|
|
46
|
+
`,x=a.keyframes`
|
|
47
47
|
from { opacity: 0; transform: rotate(-10deg) scale(0.95); filter: blur(6px); }
|
|
48
48
|
to { opacity: 1; transform: rotate(0deg) scale(1); filter: blur(0); }
|
|
49
|
-
`,
|
|
49
|
+
`,k=a.keyframes`
|
|
50
50
|
from { filter: blur(0); opacity: 1; }
|
|
51
51
|
to { filter: blur(6px); opacity: 0; }
|
|
52
52
|
`,h=a.keyframes`
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
`,b=a.keyframes`
|
|
62
62
|
from { opacity: 1; transform: rotate(0deg) scale(1); filter: blur(0); }
|
|
63
63
|
to { opacity: 0; transform: rotate(10deg) scale(0.95); filter: blur(6px); }
|
|
64
|
-
`,w={blurIn:d,blurInZoom:y,blurInScale:g,blurInUp:u,blurInRotate:
|
|
64
|
+
`,w={blurIn:d,blurInZoom:y,blurInScale:g,blurInUp:u,blurInRotate:x,blurOut:k,blurOutZoom:h,blurOutScale:Y,blurOutDown:X,blurOutRotate:b},O=a.keyframes`
|
|
65
65
|
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
|
|
66
66
|
40% { transform: translateY(-30px); }
|
|
67
67
|
60% { transform: translateY(-15px); }
|
|
@@ -87,18 +87,18 @@
|
|
|
87
87
|
0%, 100% { transform: translateY(0) rotate(0deg); }
|
|
88
88
|
40% { transform: translateY(-20px) rotate(-5deg); }
|
|
89
89
|
60% { transform: translateY(-10px) rotate(5deg); }
|
|
90
|
-
`,
|
|
90
|
+
`,S=a.keyframes`
|
|
91
91
|
0%, 100% { transform: scale(1, 1); }
|
|
92
92
|
30% { transform: scale(1.25, 0.75); }
|
|
93
93
|
40% { transform: scale(0.75, 1.25); }
|
|
94
94
|
50% { transform: scale(1.15, 0.85); }
|
|
95
95
|
65% { transform: scale(0.95, 1.05); }
|
|
96
96
|
75% { transform: scale(1.05, 0.95); }
|
|
97
|
-
`,
|
|
97
|
+
`,B=a.keyframes`
|
|
98
98
|
0%, 100% { transform: translateX(0); }
|
|
99
99
|
30% { transform: translateX(-20px); }
|
|
100
100
|
60% { transform: translateX(15px); }
|
|
101
|
-
`,
|
|
101
|
+
`,z=a.keyframes`
|
|
102
102
|
0%, 100% { transform: translate(0,0); }
|
|
103
103
|
30% { transform: translate(-15px,-20px); }
|
|
104
104
|
60% { transform: translate(12px,15px); }
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
50% { transform: translateY(-10px); color: yellow; }
|
|
140
140
|
75% { transform: translateY(-15px); color: green; }
|
|
141
141
|
100% { transform: translateY(0); color: blue; }
|
|
142
|
-
`,G={bounce:O,bounceIn:T,bounceOut:I,bounceElastic:F,bounceSmall:R,bounceRotate:v,bounceJelly:
|
|
142
|
+
`,G={bounce:O,bounceIn:T,bounceOut:I,bounceElastic:F,bounceSmall:R,bounceRotate:v,bounceJelly:S,bounceSide:B,bounceDiagonal:z,bounceFlip:L,bounceFade:Z,bounceCrazy:j,bounceGlow:D,bounceFadeScale:C,bounceSparkle:q,bounceRainbow:P},N=a.keyframes`
|
|
143
143
|
from { opacity: 0; }
|
|
144
144
|
to { opacity: 1; }
|
|
145
145
|
`,$=a.keyframes`
|
|
@@ -148,16 +148,16 @@
|
|
|
148
148
|
`,M=a.keyframes`
|
|
149
149
|
from { opacity: 0; transform: translateX(-100%); }
|
|
150
150
|
to { opacity: 1; transform: translateX(0); }
|
|
151
|
-
`,
|
|
151
|
+
`,W=a.keyframes`
|
|
152
152
|
from { opacity: 0; transform: translateX(100%); }
|
|
153
153
|
to { opacity: 1; transform: translateX(0); }
|
|
154
|
-
`,
|
|
154
|
+
`,U=a.keyframes`
|
|
155
155
|
from { opacity: 0; transform: translateY(-100%); }
|
|
156
156
|
to { opacity: 1; transform: translateY(0); }
|
|
157
|
-
`,
|
|
157
|
+
`,A=a.keyframes`
|
|
158
158
|
from { opacity: 0; transform: translateY(100%); }
|
|
159
159
|
to { opacity: 1; transform: translateY(0); }
|
|
160
|
-
`,
|
|
160
|
+
`,E=a.keyframes`
|
|
161
161
|
from { opacity: 1; transform: translateX(0); }
|
|
162
162
|
to { opacity: 0; transform: translateX(-100%); }
|
|
163
163
|
`,H=a.keyframes`
|
|
@@ -232,15 +232,15 @@
|
|
|
232
232
|
`,ut=a.keyframes`
|
|
233
233
|
from { opacity: 0; transform: scale(0.5) rotate(-180deg); }
|
|
234
234
|
to { opacity: 1; transform: scale(1) rotate(0); }
|
|
235
|
-
`,
|
|
235
|
+
`,xt=a.keyframes`
|
|
236
236
|
0% { opacity: 0; transform: scale(0.5); }
|
|
237
237
|
60% { opacity: 1; transform: scale(1.2); }
|
|
238
238
|
80% { transform: scale(0.9); }
|
|
239
239
|
100% { transform: scale(1); }
|
|
240
|
-
`,
|
|
240
|
+
`,kt=a.keyframes`
|
|
241
241
|
0% { opacity: 0; background-position: -200%; }
|
|
242
242
|
100% { opacity: 1; background-position: 200%; }
|
|
243
|
-
`,ht={fadeIn:N,fadeOut:$,fadeInFromLeft:M,fadeInFromRight:
|
|
243
|
+
`,ht={fadeIn:N,fadeOut:$,fadeInFromLeft:M,fadeInFromRight:W,fadeInFromTop:U,fadeInFromBottom:A,fadeOutToLeft:E,fadeOutToRight:H,fadeOutToTop:V,fadeOutToBottom:J,fadeInZoom:Q,fadeOutZoom:_,fadeInRotate:K,fadeOutRotate:tt,fadeInSkew:rt,fadeOutSkew:at,fadeInFlipX:et,fadeOutFlipX:ot,fadeInFlipY:st,fadeOutFlipY:nt,fadeInPerspective:ft,fadeOutPerspective:mt,fadeInBlur:lt,fadeOutBlur:it,fadeInColor:pt,fadeOutColor:ct,fadePulse:dt,fadeBounce:yt,fadeSwing:gt,fadeZoomRotate:ut,fadeElastic:xt,fadeShine:kt},Yt=a.keyframes`
|
|
244
244
|
0%, 50%, 100% { opacity: 1; }
|
|
245
245
|
25%, 75% { opacity: 0; }
|
|
246
246
|
`,Xt=a.keyframes`
|
|
@@ -273,7 +273,7 @@
|
|
|
273
273
|
`,vt=a.keyframes`
|
|
274
274
|
0%, 100% { opacity: 0.3; }
|
|
275
275
|
50% { opacity: 1; }
|
|
276
|
-
`,
|
|
276
|
+
`,St={flash:Yt,flashIrregular:Xt,flashFast:bt,flashSlow:wt,flashPulse:Ot,flashGlow:Tt,flashColor:It,flashStrobe:Ft,flashSoft:Rt,flashReversePulse:vt},Bt=a.keyframes`from{transform:rotateY(0)}to{transform:rotateY(180deg)}`,zt=a.keyframes`
|
|
277
277
|
from { transform: rotateY(-90deg); }
|
|
278
278
|
to { transform: rotateY(0); }
|
|
279
279
|
`,Lt=a.keyframes`
|
|
@@ -300,7 +300,7 @@
|
|
|
300
300
|
`,Gt=a.keyframes`
|
|
301
301
|
0% { transform: perspective(1000px) rotateX(360deg); transform-origin: center; }
|
|
302
302
|
100% { transform: perspective(1000px) rotateX(0deg); transform-origin: center; }
|
|
303
|
-
`,Nt={flip:
|
|
303
|
+
`,Nt={flip:Bt,flipIn:a.keyframes`
|
|
304
304
|
0% { transform: rotateX(180deg); opacity: 0; }
|
|
305
305
|
35% { transform: rotateX(120deg); opacity: 0; }
|
|
306
306
|
65% { opacity: 0; }
|
|
@@ -317,7 +317,7 @@
|
|
|
317
317
|
20% { transform: rotateX(3turn); }
|
|
318
318
|
40% { transform: rotateX(4turn); }
|
|
319
319
|
70%,100% { transform: rotateX(5turn); }
|
|
320
|
-
`,flipToLeft:Zt,flipToRight:jt,flipFromTop:Dt,flipToTop:Ct,flipToBottom:Pt,flipFromBottom:qt,flipFromLeftToCenter:
|
|
320
|
+
`,flipToLeft:Zt,flipToRight:jt,flipFromTop:Dt,flipToTop:Ct,flipToBottom:Pt,flipFromBottom:qt,flipFromLeftToCenter:zt,flipFromRightToCenter:Lt,flipRich:Gt,flipToTopRich:a.keyframes`
|
|
321
321
|
from { transform: rotateX(-90deg); transform-origin: center top; opacity: 1; }
|
|
322
322
|
to { transform: rotateX(90deg); transform-origin: center top; opacity: 0; }
|
|
323
323
|
`,flipToBottomRich:a.keyframes`
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
`,unfoldDown:a.keyframes`
|
|
435
435
|
from { transform: perspective(400px) rotateX(90deg); opacity: 0; }
|
|
436
436
|
to { transform: perspective(400px) rotateX(0); opacity: 1; }
|
|
437
|
-
`},
|
|
437
|
+
`},Wt={heartBeat:a.keyframes`
|
|
438
438
|
0%, 28%, 70%, 100% { transform: scale(1); }
|
|
439
439
|
14%, 42% { transform: scale(1.3); }
|
|
440
440
|
`,tada:a.keyframes`
|
|
@@ -456,7 +456,7 @@
|
|
|
456
456
|
`,lightSpeedOutRight:a.keyframes`
|
|
457
457
|
from { opacity: 1; }
|
|
458
458
|
to { transform: translateX(100%) skewX(-30deg); opacity: 0; }
|
|
459
|
-
`},
|
|
459
|
+
`},Ut={glow:a.keyframes`
|
|
460
460
|
0% { box-shadow: 0 0 5px #ff00de; }
|
|
461
461
|
50% { box-shadow: 0 0 20px #ff00de; }
|
|
462
462
|
100% { box-shadow: 0 0 5px #ff00de; }
|
|
@@ -487,7 +487,7 @@
|
|
|
487
487
|
40% { text-shadow: 0 0 25px #ff0, 0 0 50px #ff0; }
|
|
488
488
|
60% { text-shadow: none; }
|
|
489
489
|
80% { text-shadow: 0 0 15px #0ff, 0 0 35px #0ff; }
|
|
490
|
-
`},
|
|
490
|
+
`},At={hangOnLeft:a.keyframes`
|
|
491
491
|
from { transform: rotate(0deg); }
|
|
492
492
|
to { transform: rotate(-20deg); }
|
|
493
493
|
`,hangOnRight:a.keyframes`
|
|
@@ -548,7 +548,7 @@
|
|
|
548
548
|
60% { transform: rotate(15deg); opacity: 1; }
|
|
549
549
|
80% { transform: rotate(-15deg); opacity: 1; }
|
|
550
550
|
100% { transform: rotate(90deg) translateY(200%); opacity: 0; }
|
|
551
|
-
`},
|
|
551
|
+
`},Et={jelly:a.keyframes`
|
|
552
552
|
0%, 100% { transform: scale(1, 1); }
|
|
553
553
|
25% { transform: scale(0.9, 1.1); }
|
|
554
554
|
50% { transform: scale(1.1, 0.9); }
|
|
@@ -1002,7 +1002,7 @@
|
|
|
1002
1002
|
`,shine:a.keyframes`
|
|
1003
1003
|
0% { background-position: -200%; }
|
|
1004
1004
|
100% { background-position: 200%; }
|
|
1005
|
-
`},...w,...
|
|
1005
|
+
`},...w,...St,...$t,...Ut,...Et,...Ht,...Jt,...ht,...Kt,..._t,...Nt,...Mt,...At,...{zoomIn:a.keyframes`
|
|
1006
1006
|
from { transform: scale(2); opacity: 0; }
|
|
1007
1007
|
to { transform: scale(1); opacity: 1; }
|
|
1008
1008
|
`,zoomOut:a.keyframes`
|
|
@@ -1058,7 +1058,7 @@
|
|
|
1058
1058
|
50% { transform: scale(1.2); opacity: 1; }
|
|
1059
1059
|
70% { transform: scale(0.9); }
|
|
1060
1060
|
100% { transform: scale(1); }
|
|
1061
|
-
`},...Qt,...
|
|
1061
|
+
`},...Qt,...Wt,...Vt,...c},rr=Object.keys(tr),ar=Object.fromEntries([{name:"🎾 Bounce",key:"bounce",prefix:"bounce"},{name:"✨ Text / Glow Effects",key:"text",prefix:"effect"},{name:"🌫 Blur",key:"blur",prefix:"blur"},{name:"⚡ Flash",key:"flash",prefix:"flash"},{name:"🎈 Float",key:"float",prefix:"float"},{name:"💡 Glow",key:"glow",prefix:"glow"},{name:"🍮 Jelly",key:"jelly",prefix:"jelly"},{name:"🌑 Shadow / Spin / Swing / Orbit",key:"shadow",prefix:"shadow"},{name:"💓 Pulse",key:"pulse",prefix:"pulse"},{name:"🌫 Fade",key:"fade",prefix:"fade"},{name:"🤯 Squeeze / Shake",key:"shake",prefix:"shake"},{name:"📥 Slide",key:"slide",prefix:"slide"},{name:"🔄 Flip",key:"flip",prefix:"flip"},{name:"📂 Fold / Unfold",key:"fold",prefix:"fold"},{name:"🪝 Hang On",key:"hangOn",prefix:"hangOn"},{name:"🔍 Zoom",key:"zoom",prefix:"zoom"},{name:"🌀 Rotate",key:"rotate",prefix:"rotate"},{name:"🎉 Fun / Attention",key:"fun",prefix:""}].map((({key:t,prefix:r})=>[t,Object.keys(tr).filter((t=>!r||t.startsWith(r)))]))),er={linear:"linear",ease:"ease",easeIn:"ease-in","ease-in":"ease-in",easeOut:"ease-out","ease-out":"ease-out",easeInOut:"ease-in-out","ease-in-out":"ease-in-out"},or=["type","duration","timing","delay","iteration","direction","fillMode","tagName"],sr=s.default("div").withConfig({shouldForwardProp:t=>!or.includes(t)})`
|
|
1062
1062
|
margin: 0;
|
|
1063
1063
|
padding: 0;
|
|
1064
1064
|
|
package/package.json
CHANGED