react-awesome-reveal 4.2.4 → 4.2.6

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.
Files changed (121) hide show
  1. package/dist/Reveal.d.ts +69 -0
  2. package/dist/animations/attention_seekers/bounce.d.ts +5 -0
  3. package/dist/animations/attention_seekers/flash.d.ts +5 -0
  4. package/dist/animations/attention_seekers/headShake.d.ts +5 -0
  5. package/dist/animations/attention_seekers/heartBeat.d.ts +5 -0
  6. package/dist/animations/attention_seekers/index.d.ts +13 -0
  7. package/dist/animations/attention_seekers/jello.d.ts +5 -0
  8. package/dist/animations/attention_seekers/pulse.d.ts +5 -0
  9. package/dist/animations/attention_seekers/rubberBand.d.ts +5 -0
  10. package/dist/animations/attention_seekers/shake.d.ts +5 -0
  11. package/dist/animations/attention_seekers/shakeX.d.ts +5 -0
  12. package/dist/animations/attention_seekers/shakeY.d.ts +5 -0
  13. package/dist/animations/attention_seekers/swing.d.ts +5 -0
  14. package/dist/animations/attention_seekers/tada.d.ts +5 -0
  15. package/dist/animations/attention_seekers/wobble.d.ts +5 -0
  16. package/dist/animations/bouncing_entrances/bounceIn.d.ts +5 -0
  17. package/dist/animations/bouncing_entrances/bounceInDown.d.ts +5 -0
  18. package/dist/animations/bouncing_entrances/bounceInLeft.d.ts +5 -0
  19. package/dist/animations/bouncing_entrances/bounceInRight.d.ts +5 -0
  20. package/dist/animations/bouncing_entrances/bounceInUp.d.ts +5 -0
  21. package/dist/animations/bouncing_entrances/index.d.ts +5 -0
  22. package/dist/animations/bouncing_exits/bounceOut.d.ts +5 -0
  23. package/dist/animations/bouncing_exits/bounceOutDown.d.ts +5 -0
  24. package/dist/animations/bouncing_exits/bounceOutLeft.d.ts +5 -0
  25. package/dist/animations/bouncing_exits/bounceOutRight.d.ts +5 -0
  26. package/dist/animations/bouncing_exits/bounceOutUp.d.ts +5 -0
  27. package/dist/animations/bouncing_exits/index.d.ts +5 -0
  28. package/dist/animations/fading_entrances/fadeIn.d.ts +5 -0
  29. package/dist/animations/fading_entrances/fadeInBottomLeft.d.ts +5 -0
  30. package/dist/animations/fading_entrances/fadeInBottomRight.d.ts +5 -0
  31. package/dist/animations/fading_entrances/fadeInDown.d.ts +5 -0
  32. package/dist/animations/fading_entrances/fadeInDownBig.d.ts +5 -0
  33. package/dist/animations/fading_entrances/fadeInLeft.d.ts +5 -0
  34. package/dist/animations/fading_entrances/fadeInLeftBig.d.ts +5 -0
  35. package/dist/animations/fading_entrances/fadeInRight.d.ts +5 -0
  36. package/dist/animations/fading_entrances/fadeInRightBig.d.ts +5 -0
  37. package/dist/animations/fading_entrances/fadeInTopLeft.d.ts +5 -0
  38. package/dist/animations/fading_entrances/fadeInTopRight.d.ts +5 -0
  39. package/dist/animations/fading_entrances/fadeInUp.d.ts +5 -0
  40. package/dist/animations/fading_entrances/fadeInUpBig.d.ts +5 -0
  41. package/dist/animations/fading_entrances/index.d.ts +13 -0
  42. package/dist/animations/fading_exits/fadeOut.d.ts +5 -0
  43. package/dist/animations/fading_exits/fadeOutBottomLeft.d.ts +5 -0
  44. package/dist/animations/fading_exits/fadeOutBottomRight.d.ts +5 -0
  45. package/dist/animations/fading_exits/fadeOutDown.d.ts +5 -0
  46. package/dist/animations/fading_exits/fadeOutDownBig.d.ts +5 -0
  47. package/dist/animations/fading_exits/fadeOutLeft.d.ts +5 -0
  48. package/dist/animations/fading_exits/fadeOutLeftBig.d.ts +5 -0
  49. package/dist/animations/fading_exits/fadeOutRight.d.ts +5 -0
  50. package/dist/animations/fading_exits/fadeOutRightBig.d.ts +5 -0
  51. package/dist/animations/fading_exits/fadeOutTopLeft.d.ts +5 -0
  52. package/dist/animations/fading_exits/fadeOutTopRight.d.ts +5 -0
  53. package/dist/animations/fading_exits/fadeOutUp.d.ts +5 -0
  54. package/dist/animations/fading_exits/fadeOutUpBig.d.ts +5 -0
  55. package/dist/animations/fading_exits/index.d.ts +13 -0
  56. package/dist/animations/flippers/flip.d.ts +5 -0
  57. package/dist/animations/flippers/flipInX.d.ts +5 -0
  58. package/dist/animations/flippers/flipInY.d.ts +5 -0
  59. package/dist/animations/flippers/flipOutX.d.ts +5 -0
  60. package/dist/animations/flippers/flipOutY.d.ts +5 -0
  61. package/dist/animations/flippers/index.d.ts +5 -0
  62. package/dist/animations/rotating_entrances/index.d.ts +5 -0
  63. package/dist/animations/rotating_entrances/rotateIn.d.ts +5 -0
  64. package/dist/animations/rotating_entrances/rotateInDownLeft.d.ts +5 -0
  65. package/dist/animations/rotating_entrances/rotateInDownRight.d.ts +5 -0
  66. package/dist/animations/rotating_entrances/rotateInUpLeft.d.ts +5 -0
  67. package/dist/animations/rotating_entrances/rotateInUpRight.d.ts +5 -0
  68. package/dist/animations/rotating_exits/index.d.ts +5 -0
  69. package/dist/animations/rotating_exits/rotateOut.d.ts +5 -0
  70. package/dist/animations/rotating_exits/rotateOutDownLeft.d.ts +5 -0
  71. package/dist/animations/rotating_exits/rotateOutDownRight.d.ts +5 -0
  72. package/dist/animations/rotating_exits/rotateOutUpLeft.d.ts +5 -0
  73. package/dist/animations/rotating_exits/rotateOutUpRight.d.ts +5 -0
  74. package/dist/animations/sliding_entrances/index.d.ts +4 -0
  75. package/dist/animations/sliding_entrances/slideInDown.d.ts +5 -0
  76. package/dist/animations/sliding_entrances/slideInLeft.d.ts +5 -0
  77. package/dist/animations/sliding_entrances/slideInRight.d.ts +5 -0
  78. package/dist/animations/sliding_entrances/slideInUp.d.ts +5 -0
  79. package/dist/animations/sliding_exits/index.d.ts +4 -0
  80. package/dist/animations/sliding_exits/slideOutDown.d.ts +5 -0
  81. package/dist/animations/sliding_exits/slideOutLeft.d.ts +5 -0
  82. package/dist/animations/sliding_exits/slideOutRight.d.ts +5 -0
  83. package/dist/animations/sliding_exits/slideOutUp.d.ts +5 -0
  84. package/dist/animations/specials/hinge.d.ts +5 -0
  85. package/dist/animations/specials/index.d.ts +4 -0
  86. package/dist/animations/specials/jackInTheBox.d.ts +5 -0
  87. package/dist/animations/specials/rollIn.d.ts +5 -0
  88. package/dist/animations/specials/rollOut.d.ts +5 -0
  89. package/dist/animations/zooming_entrances/index.d.ts +5 -0
  90. package/dist/animations/zooming_entrances/zoomIn.d.ts +5 -0
  91. package/dist/animations/zooming_entrances/zoomInDown.d.ts +5 -0
  92. package/dist/animations/zooming_entrances/zoomInLeft.d.ts +5 -0
  93. package/dist/animations/zooming_entrances/zoomInRight.d.ts +5 -0
  94. package/dist/animations/zooming_entrances/zoomInUp.d.ts +5 -0
  95. package/dist/animations/zooming_exits/index.d.ts +5 -0
  96. package/dist/animations/zooming_exits/zoomOut.d.ts +5 -0
  97. package/dist/animations/zooming_exits/zoomOutDown.d.ts +5 -0
  98. package/dist/animations/zooming_exits/zoomOutLeft.d.ts +5 -0
  99. package/dist/animations/zooming_exits/zoomOutRight.d.ts +5 -0
  100. package/dist/animations/zooming_exits/zoomOutUp.d.ts +5 -0
  101. package/dist/components/AttentionSeeker.d.ts +12 -0
  102. package/dist/components/Bounce.d.ts +17 -0
  103. package/dist/components/Fade.d.ts +22 -0
  104. package/dist/components/Flip.d.ts +17 -0
  105. package/dist/components/Hinge.d.ts +4 -0
  106. package/dist/components/JackInTheBox.d.ts +4 -0
  107. package/dist/components/Roll.d.ts +10 -0
  108. package/dist/components/Rotate.d.ts +17 -0
  109. package/dist/components/Slide.d.ts +17 -0
  110. package/dist/components/Zoom.d.ts +17 -0
  111. package/dist/components/index.d.ts +10 -0
  112. package/dist/{index.mjs → index.cjs} +191 -408
  113. package/dist/index.cjs.map +1 -0
  114. package/dist/index.d.ts +3 -191
  115. package/dist/index.js +177 -446
  116. package/dist/index.js.map +1 -1
  117. package/dist/utils/animations.d.ts +9 -0
  118. package/dist/utils/guards.d.ts +2 -0
  119. package/dist/utils/patterns.d.ts +2 -0
  120. package/package.json +16 -15
  121. package/dist/index.mjs.map +0 -1
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInLeft.css}
4
+ */
5
+ export declare const slideInLeft: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInRight.css}
4
+ */
5
+ export declare const slideInRight: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInUp.css}
4
+ */
5
+ export declare const slideInUp: Keyframes;
@@ -0,0 +1,4 @@
1
+ export * from "./slideOutDown";
2
+ export * from "./slideOutLeft";
3
+ export * from "./slideOutRight";
4
+ export * from "./slideOutUp";
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutDown.css}
4
+ */
5
+ export declare const slideOutDown: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutLeft.css}
4
+ */
5
+ export declare const slideOutLeft: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutRight.css}
4
+ */
5
+ export declare const slideOutRight: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutUp.css}
4
+ */
5
+ export declare const slideOutUp: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/hinge.css}
4
+ */
5
+ export declare const hinge: Keyframes;
@@ -0,0 +1,4 @@
1
+ export * from "./hinge";
2
+ export * from "./jackInTheBox";
3
+ export * from "./rollIn";
4
+ export * from "./rollOut";
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/jackInTheBox.css}
4
+ */
5
+ export declare const jackInTheBox: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollIn.css}
4
+ */
5
+ export declare const rollIn: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollOut.css}
4
+ */
5
+ export declare const rollOut: Keyframes;
@@ -0,0 +1,5 @@
1
+ export * from "./zoomIn";
2
+ export * from "./zoomInDown";
3
+ export * from "./zoomInLeft";
4
+ export * from "./zoomInRight";
5
+ export * from "./zoomInUp";
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomIn.css}
4
+ */
5
+ export declare const zoomIn: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInDown.css}
4
+ */
5
+ export declare const zoomInDown: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInLeft.css}
4
+ */
5
+ export declare const zoomInLeft: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInRight.css}
4
+ */
5
+ export declare const zoomInRight: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInUp.css}
4
+ */
5
+ export declare const zoomInUp: Keyframes;
@@ -0,0 +1,5 @@
1
+ export * from "./zoomOut";
2
+ export * from "./zoomOutDown";
3
+ export * from "./zoomOutLeft";
4
+ export * from "./zoomOutRight";
5
+ export * from "./zoomOutUp";
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOut.css}
4
+ */
5
+ export declare const zoomOut: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutDown.css}
4
+ */
5
+ export declare const zoomOutDown: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutLeft.css}
4
+ */
5
+ export declare const zoomOutLeft: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutRight.css}
4
+ */
5
+ export declare const zoomOutRight: Keyframes;
@@ -0,0 +1,5 @@
1
+ import { Keyframes } from '@emotion/serialize';
2
+ /**
3
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutUp.css}
4
+ */
5
+ export declare const zoomOutUp: Keyframes;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { type RevealProps } from "../Reveal";
3
+ type AttentionSeekerEffect = "bounce" | "flash" | "headShake" | "heartBeat" | "jello" | "pulse" | "rubberBand" | "shake" | "shakeX" | "shakeY" | "swing" | "tada" | "wobble";
4
+ export interface AttentionSeekerProps extends Omit<RevealProps, "keyframes"> {
5
+ /**
6
+ * The animation effect to use for this attention seeker.
7
+ * @default "bounce"
8
+ */
9
+ effect?: AttentionSeekerEffect;
10
+ }
11
+ export declare const AttentionSeeker: React.FC<AttentionSeekerProps>;
12
+ export {};
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ import { type RevealProps } from "../Reveal";
3
+ type BounceDirection = "down" | "left" | "right" | "up";
4
+ export interface BounceProps extends Omit<RevealProps, "keyframes"> {
5
+ /**
6
+ * Origin of the animation.
7
+ * @default undefined
8
+ */
9
+ direction?: BounceDirection;
10
+ /**
11
+ * Specifies if the animation should make element(s) disappear.
12
+ * @default false
13
+ */
14
+ reverse?: boolean;
15
+ }
16
+ export declare const Bounce: React.FC<BounceProps>;
17
+ export {};
@@ -0,0 +1,22 @@
1
+ /// <reference types="react" />
2
+ import { type RevealProps } from "../Reveal";
3
+ type FadeDirection = "bottom-left" | "bottom-right" | "down" | "left" | "right" | "top-left" | "top-right" | "up";
4
+ export interface FadeProps extends Omit<RevealProps, "keyframes"> {
5
+ /**
6
+ * Causes the animation to start farther. Only works with "down", "left", "right" and "up" directions.
7
+ * @default false
8
+ */
9
+ big?: boolean;
10
+ /**
11
+ * Origin of the animation.
12
+ * @default undefined
13
+ */
14
+ direction?: FadeDirection;
15
+ /**
16
+ * Specifies if the animation should make element(s) disappear.
17
+ * @default false
18
+ */
19
+ reverse?: boolean;
20
+ }
21
+ export declare const Fade: React.FC<FadeProps>;
22
+ export {};
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ import { type RevealProps } from "../Reveal";
3
+ type FlipDirection = "horizontal" | "vertical";
4
+ export interface FlipProps extends Omit<RevealProps, "keyframes"> {
5
+ /**
6
+ * Axis direction of the animation.
7
+ * @default undefined
8
+ */
9
+ direction?: FlipDirection;
10
+ /**
11
+ * Specifies if the animation should make element(s) disappear. It only has effect if a direction is specified.
12
+ * @default false
13
+ */
14
+ reverse?: boolean;
15
+ }
16
+ export declare const Flip: React.FC<FlipProps>;
17
+ export {};
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { type RevealProps } from "../Reveal";
3
+ export type HingeProps = Omit<RevealProps, "keyframes">;
4
+ export declare const Hinge: React.FC<HingeProps>;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { type RevealProps } from "../Reveal";
3
+ export type JackInTheBoxProps = Omit<RevealProps, "keyframes">;
4
+ export declare const JackInTheBox: React.FC<JackInTheBoxProps>;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { type RevealProps } from "../Reveal";
3
+ export interface RollProps extends Omit<RevealProps, "keyframes"> {
4
+ /**
5
+ * Specifies if the animation should make element(s) disappear.
6
+ * @default false
7
+ */
8
+ reverse?: boolean;
9
+ }
10
+ export declare const Roll: React.FC<RollProps>;
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ import { type RevealProps } from "../Reveal";
3
+ type RotateDirection = "bottom-left" | "bottom-right" | "top-left" | "top-right";
4
+ export interface RotateProps extends Omit<RevealProps, "keyframes"> {
5
+ /**
6
+ * Origin of the animation.
7
+ * @default undefined
8
+ */
9
+ direction?: RotateDirection;
10
+ /**
11
+ * Specifies if the animation should make element(s) disappear.
12
+ * @default false
13
+ */
14
+ reverse?: boolean;
15
+ }
16
+ export declare const Rotate: React.FC<RotateProps>;
17
+ export {};
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ import { type RevealProps } from "../Reveal";
3
+ type SlideDirection = "down" | "left" | "right" | "up";
4
+ export interface SlideProps extends Omit<RevealProps, "keyframes"> {
5
+ /**
6
+ * Origin of the animation.
7
+ * @default undefined
8
+ */
9
+ direction?: SlideDirection;
10
+ /**
11
+ * Specifies if the animation should make element(s) disappear.
12
+ * @default false
13
+ */
14
+ reverse?: boolean;
15
+ }
16
+ export declare const Slide: React.FC<SlideProps>;
17
+ export {};
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ import { type RevealProps } from "../Reveal";
3
+ type ZoomDirection = "down" | "left" | "right" | "up";
4
+ export interface ZoomProps extends Omit<RevealProps, "keyframes"> {
5
+ /**
6
+ * Origin of the animation.
7
+ * @default undefined
8
+ */
9
+ direction?: ZoomDirection;
10
+ /**
11
+ * Specifies if the animation should make element(s) disappear.
12
+ * @default false
13
+ */
14
+ reverse?: boolean;
15
+ }
16
+ export declare const Zoom: React.FC<ZoomProps>;
17
+ export {};
@@ -0,0 +1,10 @@
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";