@progress/kendo-react-animation 12.0.1 → 12.0.2-develop.2

package/index.d.mts

@@ -50,7 +50,7 @@ export declare interface AnimationChildHandle {
  */
 export declare interface AnimationChildProps extends AnimationInterface {
     /**
-     * Controlled by `TransitionGroup` if present. Otherwise, sets the state of the enter or exit Animations.
+     * Controlled by `TransitionGroup` if present. Otherwise, sets the state of the enter or exit animations.
      */
     in?: boolean;
     /**
@@ -68,36 +68,36 @@ export declare interface AnimationChildProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the base class name for the transition. This class will be used
-     * to generate the `appear`, `enter`, and `exit` transition classes.
+     * Specifies the base class name for the transition. This class generates
+     * the `appear`, `enter`, and `exit` transition classes.
      *
      * @example
      * <AnimationChild transitionName="fade" />
      */
     transitionName: string;
     /**
-     * Specifies the style which will be applied when the Animation reaches its entering state.
+     * Specifies the style that applies when the Animation reaches its entering state.
      *
      * @example
      * <AnimationChild animationEnteringStyle={{ opacity: 0.5 }} />
      */
     animationEnteringStyle?: any;
     /**
-     * Inline styles applied when the Animation has entered.
+     * Inline styles that apply when the Animation has entered.
      *
      * @example
      * <AnimationChild animationEnteredStyle={{ opacity: 1 }} />
      */
     animationEnteredStyle?: any;
     /**
-     * Specifies the style which will be applied when the Animation reaches its exiting state.
+     * Specifies the style that applies when the Animation reaches its exiting state.
      *
      * @example
      * <AnimationChild animationExitingStyle={{ opacity: 0.5 }} />
      */
     animationExitingStyle?: any;
     /**
-     * Inline styles applied when the Animation has exited.
+     * Inline styles that apply when the Animation has exited.
      *
      * @example
      * <AnimationChild animationExitedStyle={{ opacity: 0 }} />
@@ -105,7 +105,7 @@ export declare interface AnimationChildProps extends AnimationInterface {
     animationExitedStyle?: any;
     /**
      * Provides unstyled options for the Animation. Accepts an object
-     * implementing the `AnimationsClassStructure` interface.
+     * that implements the `AnimationsClassStructure` interface.
      *
      * @example
      * <AnimationChild unstyled={{ appear: "custom-appear-class" }} />
@@ -138,7 +138,7 @@ declare interface AnimationEventArguments {
 }
 
 /**
- * Inherited by all Animations. Represents the properties which can be set to an Animation.
+ * Inherited by all animations. Represents the properties you can set to an Animation.
  */
 declare interface AnimationInterface {
     /**
@@ -146,35 +146,35 @@ declare interface AnimationInterface {
      */
     children?: React.ReactNode;
     /**
-     * Specifies the CSS class names which are set to each of the animated children elements.
+     * Specifies the CSS class names that are set to each of the animated children elements.
      */
     componentChildClassName?: string;
     /**
-     * Specifies the styles which are set to each of the animated children elements.
+     * Specifies the styles that are set to each of the animated children elements.
      */
     componentChildStyle?: any;
     /**
-     * Called when a component is added to an existing Animation component and the Animation has not started yet ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
+     * Called when you add a component to an existing Animation component and the Animation has not started yet ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
      */
     onEnter?: (event: AnimationEventArguments) => void;
     /**
-     * Called when a component is added to an existing Animation component and the Animation is now happening ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
+     * Called when you add a component to an existing Animation component and the Animation is now happening ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
      */
     onEntering?: (event: AnimationEventArguments) => void;
     /**
-     * Called when a component is added to an existing Animation component and the Animation is now finished ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
+     * Called when you add a component to an existing Animation component and the Animation is now finished ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
      */
     onEntered?: (event: AnimationEventArguments) => void;
     /**
-     * An event that is called after the Animation has reached its exit state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
+     * An event called after the Animation has reached its exit state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
      */
     onExit?: (event: AnimationEventArguments) => void;
     /**
-     * An event that is called after the Animation has reached its exiting state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
+     * An event called after the Animation has reached its exiting state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
      */
     onExiting?: (event: AnimationEventArguments) => void;
     /**
-     * An event that is called after the Animation has reached its exited state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
+     * An event called after the Animation has reached its exited state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
      */
     onExited?: (event: AnimationEventArguments) => void;
     /**
@@ -183,31 +183,45 @@ declare interface AnimationInterface {
      */
     onAfterExited?: (event: AnimationEventArguments) => void;
     /**
-     * Defines whether a transition should happen on the first mount. Defaults to `false`.
+     * Defines whether a transition should happen on the first mount.
+     *
+     * @default false
      */
     appear?: boolean;
     /**
-     * Specifies whether to animate the entering (showing) element ([see example]({% slug disabledstate_animation %})). Defaults to `true`.
+     * Specifies whether to animate the entering (showing) element ([see example]({% slug disabledstate_animation %})).
+     *
+     * @default true
      */
     enter?: boolean;
     /**
-     * Specifies whether to animate a leaving (disappearing) element ([see example]({% slug disabledstate_animation %})). Defaults to `true`.
+     * Specifies whether to animate a leaving (disappearing) element ([see example]({% slug disabledstate_animation %})).
+     *
+     * @default true
      */
     exit?: boolean;
     /**
-     * Specifies the duration of the transition for the entering (`animation in`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated. Defaults to `300ms`.
+     * Specifies the duration of the transition for the entering (`animation in`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated.
+     *
+     * @default 300
      */
     transitionEnterDuration?: number;
     /**
-     * Specifies the duration of the transition for the exiting (`animation out`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated. Defaults to `300ms`.
+     * Specifies the duration of the transition for the exiting (`animation out`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated.
+     *
+     * @default 300
      */
     transitionExitDuration?: number;
     /**
-     * Specifies if the Animation will use lazy-mounting on the first `in={true}`. Defaults to `false`.
+     * Specifies if the Animation uses lazy-mounting on the first `in={true}`.
+     *
+     * @default false
      */
     mountOnEnter?: boolean;
     /**
-     * Specifies if the Animation will unmount after it reaches its exited state. Defaults to `false`.
+     * Specifies if the Animation unmounts after it reaches its exited state.
+     *
+     * @default false
      */
     unmountOnExit?: boolean;
 }
@@ -231,8 +245,9 @@ export declare interface AnimationProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Animation component="main" />
      */
@@ -325,8 +340,7 @@ export declare const Expand: {
 export declare type ExpandDirection = 'horizontal' | 'vertical';
 
 /**
- * Represent the props of the [KendoReact Expand Animation component]({% slug animationtypes_animation %}#toc-expand).
- *
+ * Represents the props of the [KendoReact Expand Animation component]({% slug animationtypes_animation %}#toc-expand).
  */
 export declare interface ExpandProps extends AnimationInterface {
     /**
@@ -344,15 +358,17 @@ export declare interface ExpandProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the direction of the Expand Animation. Defaults to `vertical`.
+     * Specifies the direction of the Expand Animation.
      *
+     * @default "vertical"
      * @example
      * <Expand direction="horizontal" />
      */
     direction?: ExpandDirection;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Expand component="nav" />
      */
@@ -386,7 +402,7 @@ export declare const Fade: {
 };
 
 /**
- * Represent the props of the [KendoReact Fade Animation component]({% slug animationtypes_animation %}#toc-fade).
+ * Represents the props of the [KendoReact Fade Animation component]({% slug animationtypes_animation %}#toc-fade).
  */
 export declare interface FadeProps extends AnimationInterface {
     /**
@@ -404,8 +420,9 @@ export declare interface FadeProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Fade component="header" />
      */
@@ -452,7 +469,7 @@ export declare const Push: {
 export declare type PushDirection = 'up' | 'down' | 'left' | 'right';
 
 /**
- * Represent the props of the [KendoReact Push Animation component]({% slug animationtypes_animation %}#toc-push).
+ * Represents the props of the [KendoReact Push Animation component]({% slug animationtypes_animation %}#toc-push).
  */
 export declare interface PushProps extends AnimationInterface {
     /**
@@ -470,15 +487,17 @@ export declare interface PushProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the direction of the Push Animation. Defaults to `right`.
+     * Specifies the direction of the Push Animation.
      *
+     * @default "right"
      * @example
      * <Push direction="up" />
      */
     direction?: PushDirection;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Push component="footer" />
      */
@@ -498,8 +517,9 @@ export declare interface PushProps extends AnimationInterface {
      */
     style?: any;
     /**
-     * Determines whether child elements will stack on top of each other during the animation. Defaults to `false`.
+     * Determines whether child elements will stack on top of each other during the animation.
      *
+     * @default false
      * @example
      * <Push stackChildren={true} />
      */
@@ -529,7 +549,7 @@ export declare const Reveal: {
 export declare type RevealDirection = 'horizontal' | 'vertical';
 
 /**
- * Represent the props of the [KendoReact Reveal Animation component]({% slug animationtypes_animation %}#toc-rveal).
+ * Represents the props of the [KendoReact Reveal Animation component]({% slug animationtypes_animation %}#toc-reveal).
  */
 export declare interface RevealProps extends AnimationInterface {
     /**
@@ -547,15 +567,17 @@ export declare interface RevealProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the direction of the Reveal Animation. Defaults to `vertical`.
+     * Specifies the direction of the Reveal Animation.
      *
+     * @default "vertical"
      * @example
      * <Reveal direction="horizontal" />
      */
     direction?: RevealDirection;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Reveal component="aside" />
      */
@@ -606,7 +628,7 @@ export declare const Slide: {
 export declare type SlideDirection = 'up' | 'down' | 'left' | 'right';
 
 /**
- * Represent the props of the [KendoReact Slide Animation component]({% slug animationtypes_animation %}#toc-slide).
+ * Represents the props of the [KendoReact Slide Animation component]({% slug animationtypes_animation %}#toc-slide).
  */
 export declare interface SlideProps extends AnimationInterface {
     /**
@@ -624,15 +646,17 @@ export declare interface SlideProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the direction of the Slide Animation. Defaults to `down`.
+     * Specifies the direction of the Slide Animation.
      *
+     * @default "down"
      * @example
      * <Slide direction="left" />
      */
     direction?: SlideDirection;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Slide component="article" />
      */
@@ -680,7 +704,7 @@ export declare const Zoom: {
 export declare type ZoomDirection = 'in' | 'out';
 
 /**
- * Represent the props of the [KendoReact Zoom Animation component]({% slug animationtypes_animation %}#toc-zoom).
+ * Represents the props of the [KendoReact Zoom Animation component]({% slug animationtypes_animation %}#toc-zoom).
  */
 export declare interface ZoomProps extends AnimationInterface {
     /**
@@ -698,15 +722,17 @@ export declare interface ZoomProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the direction of the Zoom Animation. Defaults to `out`.
+     * Specifies the direction of the Zoom Animation.
      *
+     * @default "out"
      * @example
      * <Zoom direction="in" />
      */
     direction?: ZoomDirection;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Zoom component="section" />
      */
@@ -726,8 +752,9 @@ export declare interface ZoomProps extends AnimationInterface {
      */
     style?: any;
     /**
-     * Determines whether child elements will stack on top of each other during the animation. Defaults to `false`.
+     * Determines whether child elements will stack on top of each other during the animation.
      *
+     * @default false
      * @example
      * <Zoom stackChildren={true} />
      */

package/index.d.ts

@@ -50,7 +50,7 @@ export declare interface AnimationChildHandle {
  */
 export declare interface AnimationChildProps extends AnimationInterface {
     /**
-     * Controlled by `TransitionGroup` if present. Otherwise, sets the state of the enter or exit Animations.
+     * Controlled by `TransitionGroup` if present. Otherwise, sets the state of the enter or exit animations.
      */
     in?: boolean;
     /**
@@ -68,36 +68,36 @@ export declare interface AnimationChildProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the base class name for the transition. This class will be used
-     * to generate the `appear`, `enter`, and `exit` transition classes.
+     * Specifies the base class name for the transition. This class generates
+     * the `appear`, `enter`, and `exit` transition classes.
      *
      * @example
      * <AnimationChild transitionName="fade" />
      */
     transitionName: string;
     /**
-     * Specifies the style which will be applied when the Animation reaches its entering state.
+     * Specifies the style that applies when the Animation reaches its entering state.
      *
      * @example
      * <AnimationChild animationEnteringStyle={{ opacity: 0.5 }} />
      */
     animationEnteringStyle?: any;
     /**
-     * Inline styles applied when the Animation has entered.
+     * Inline styles that apply when the Animation has entered.
      *
      * @example
      * <AnimationChild animationEnteredStyle={{ opacity: 1 }} />
      */
     animationEnteredStyle?: any;
     /**
-     * Specifies the style which will be applied when the Animation reaches its exiting state.
+     * Specifies the style that applies when the Animation reaches its exiting state.
      *
      * @example
      * <AnimationChild animationExitingStyle={{ opacity: 0.5 }} />
      */
     animationExitingStyle?: any;
     /**
-     * Inline styles applied when the Animation has exited.
+     * Inline styles that apply when the Animation has exited.
      *
      * @example
      * <AnimationChild animationExitedStyle={{ opacity: 0 }} />
@@ -105,7 +105,7 @@ export declare interface AnimationChildProps extends AnimationInterface {
     animationExitedStyle?: any;
     /**
      * Provides unstyled options for the Animation. Accepts an object
-     * implementing the `AnimationsClassStructure` interface.
+     * that implements the `AnimationsClassStructure` interface.
      *
      * @example
      * <AnimationChild unstyled={{ appear: "custom-appear-class" }} />
@@ -138,7 +138,7 @@ declare interface AnimationEventArguments {
 }
 
 /**
- * Inherited by all Animations. Represents the properties which can be set to an Animation.
+ * Inherited by all animations. Represents the properties you can set to an Animation.
  */
 declare interface AnimationInterface {
     /**
@@ -146,35 +146,35 @@ declare interface AnimationInterface {
      */
     children?: React.ReactNode;
     /**
-     * Specifies the CSS class names which are set to each of the animated children elements.
+     * Specifies the CSS class names that are set to each of the animated children elements.
      */
     componentChildClassName?: string;
     /**
-     * Specifies the styles which are set to each of the animated children elements.
+     * Specifies the styles that are set to each of the animated children elements.
      */
     componentChildStyle?: any;
     /**
-     * Called when a component is added to an existing Animation component and the Animation has not started yet ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
+     * Called when you add a component to an existing Animation component and the Animation has not started yet ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
      */
     onEnter?: (event: AnimationEventArguments) => void;
     /**
-     * Called when a component is added to an existing Animation component and the Animation is now happening ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
+     * Called when you add a component to an existing Animation component and the Animation is now happening ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
      */
     onEntering?: (event: AnimationEventArguments) => void;
     /**
-     * Called when a component is added to an existing Animation component and the Animation is now finished ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
+     * Called when you add a component to an existing Animation component and the Animation is now finished ([more information and example]({% slug lifecyclehooks_animation %}#toc-adding-child-elements)).
      */
     onEntered?: (event: AnimationEventArguments) => void;
     /**
-     * An event that is called after the Animation has reached its exit state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
+     * An event called after the Animation has reached its exit state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
      */
     onExit?: (event: AnimationEventArguments) => void;
     /**
-     * An event that is called after the Animation has reached its exiting state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
+     * An event called after the Animation has reached its exiting state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
      */
     onExiting?: (event: AnimationEventArguments) => void;
     /**
-     * An event that is called after the Animation has reached its exited state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
+     * An event called after the Animation has reached its exited state ([more information and example]({% slug lifecyclehooks_animation %}#toc-removing-child-elements)).
      */
     onExited?: (event: AnimationEventArguments) => void;
     /**
@@ -183,31 +183,45 @@ declare interface AnimationInterface {
      */
     onAfterExited?: (event: AnimationEventArguments) => void;
     /**
-     * Defines whether a transition should happen on the first mount. Defaults to `false`.
+     * Defines whether a transition should happen on the first mount.
+     *
+     * @default false
      */
     appear?: boolean;
     /**
-     * Specifies whether to animate the entering (showing) element ([see example]({% slug disabledstate_animation %})). Defaults to `true`.
+     * Specifies whether to animate the entering (showing) element ([see example]({% slug disabledstate_animation %})).
+     *
+     * @default true
      */
     enter?: boolean;
     /**
-     * Specifies whether to animate a leaving (disappearing) element ([see example]({% slug disabledstate_animation %})). Defaults to `true`.
+     * Specifies whether to animate a leaving (disappearing) element ([see example]({% slug disabledstate_animation %})).
+     *
+     * @default true
      */
     exit?: boolean;
     /**
-     * Specifies the duration of the transition for the entering (`animation in`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated. Defaults to `300ms`.
+     * Specifies the duration of the transition for the entering (`animation in`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated.
+     *
+     * @default 300
      */
     transitionEnterDuration?: number;
     /**
-     * Specifies the duration of the transition for the exiting (`animation out`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated. Defaults to `300ms`.
+     * Specifies the duration of the transition for the exiting (`animation out`) Animation ([see example]({% slug duration_animation %})). After the time runs out, the Animation is terminated.
+     *
+     * @default 300
      */
     transitionExitDuration?: number;
     /**
-     * Specifies if the Animation will use lazy-mounting on the first `in={true}`. Defaults to `false`.
+     * Specifies if the Animation uses lazy-mounting on the first `in={true}`.
+     *
+     * @default false
      */
     mountOnEnter?: boolean;
     /**
-     * Specifies if the Animation will unmount after it reaches its exited state. Defaults to `false`.
+     * Specifies if the Animation unmounts after it reaches its exited state.
+     *
+     * @default false
      */
     unmountOnExit?: boolean;
 }
@@ -231,8 +245,9 @@ export declare interface AnimationProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Animation component="main" />
      */
@@ -325,8 +340,7 @@ export declare const Expand: {
 export declare type ExpandDirection = 'horizontal' | 'vertical';
 
 /**
- * Represent the props of the [KendoReact Expand Animation component]({% slug animationtypes_animation %}#toc-expand).
- *
+ * Represents the props of the [KendoReact Expand Animation component]({% slug animationtypes_animation %}#toc-expand).
  */
 export declare interface ExpandProps extends AnimationInterface {
     /**
@@ -344,15 +358,17 @@ export declare interface ExpandProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the direction of the Expand Animation. Defaults to `vertical`.
+     * Specifies the direction of the Expand Animation.
      *
+     * @default "vertical"
      * @example
      * <Expand direction="horizontal" />
      */
     direction?: ExpandDirection;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Expand component="nav" />
      */
@@ -386,7 +402,7 @@ export declare const Fade: {
 };
 
 /**
- * Represent the props of the [KendoReact Fade Animation component]({% slug animationtypes_animation %}#toc-fade).
+ * Represents the props of the [KendoReact Fade Animation component]({% slug animationtypes_animation %}#toc-fade).
  */
 export declare interface FadeProps extends AnimationInterface {
     /**
@@ -404,8 +420,9 @@ export declare interface FadeProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Fade component="header" />
      */
@@ -452,7 +469,7 @@ export declare const Push: {
 export declare type PushDirection = 'up' | 'down' | 'left' | 'right';
 
 /**
- * Represent the props of the [KendoReact Push Animation component]({% slug animationtypes_animation %}#toc-push).
+ * Represents the props of the [KendoReact Push Animation component]({% slug animationtypes_animation %}#toc-push).
  */
 export declare interface PushProps extends AnimationInterface {
     /**
@@ -470,15 +487,17 @@ export declare interface PushProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the direction of the Push Animation. Defaults to `right`.
+     * Specifies the direction of the Push Animation.
      *
+     * @default "right"
      * @example
      * <Push direction="up" />
      */
     direction?: PushDirection;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Push component="footer" />
      */
@@ -498,8 +517,9 @@ export declare interface PushProps extends AnimationInterface {
      */
     style?: any;
     /**
-     * Determines whether child elements will stack on top of each other during the animation. Defaults to `false`.
+     * Determines whether child elements will stack on top of each other during the animation.
      *
+     * @default false
      * @example
      * <Push stackChildren={true} />
      */
@@ -529,7 +549,7 @@ export declare const Reveal: {
 export declare type RevealDirection = 'horizontal' | 'vertical';
 
 /**
- * Represent the props of the [KendoReact Reveal Animation component]({% slug animationtypes_animation %}#toc-rveal).
+ * Represents the props of the [KendoReact Reveal Animation component]({% slug animationtypes_animation %}#toc-reveal).
  */
 export declare interface RevealProps extends AnimationInterface {
     /**
@@ -547,15 +567,17 @@ export declare interface RevealProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the direction of the Reveal Animation. Defaults to `vertical`.
+     * Specifies the direction of the Reveal Animation.
      *
+     * @default "vertical"
      * @example
      * <Reveal direction="horizontal" />
      */
     direction?: RevealDirection;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Reveal component="aside" />
      */
@@ -606,7 +628,7 @@ export declare const Slide: {
 export declare type SlideDirection = 'up' | 'down' | 'left' | 'right';
 
 /**
- * Represent the props of the [KendoReact Slide Animation component]({% slug animationtypes_animation %}#toc-slide).
+ * Represents the props of the [KendoReact Slide Animation component]({% slug animationtypes_animation %}#toc-slide).
  */
 export declare interface SlideProps extends AnimationInterface {
     /**
@@ -624,15 +646,17 @@ export declare interface SlideProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the direction of the Slide Animation. Defaults to `down`.
+     * Specifies the direction of the Slide Animation.
      *
+     * @default "down"
      * @example
      * <Slide direction="left" />
      */
     direction?: SlideDirection;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Slide component="article" />
      */
@@ -680,7 +704,7 @@ export declare const Zoom: {
 export declare type ZoomDirection = 'in' | 'out';
 
 /**
- * Represent the props of the [KendoReact Zoom Animation component]({% slug animationtypes_animation %}#toc-zoom).
+ * Represents the props of the [KendoReact Zoom Animation component]({% slug animationtypes_animation %}#toc-zoom).
  */
 export declare interface ZoomProps extends AnimationInterface {
     /**
@@ -698,15 +722,17 @@ export declare interface ZoomProps extends AnimationInterface {
      */
     className?: string;
     /**
-     * Specifies the direction of the Zoom Animation. Defaults to `out`.
+     * Specifies the direction of the Zoom Animation.
      *
+     * @default "out"
      * @example
      * <Zoom direction="in" />
      */
     direction?: ZoomDirection;
     /**
-     * Specifies the HTML tag of the parent Animation container. Defaults to `div`.
+     * Specifies the HTML tag of the parent Animation container.
      *
+     * @default "div"
      * @example
      * <Zoom component="section" />
      */
@@ -726,8 +752,9 @@ export declare interface ZoomProps extends AnimationInterface {
      */
     style?: any;
     /**
-     * Determines whether child elements will stack on top of each other during the animation. Defaults to `false`.
+     * Determines whether child elements will stack on top of each other during the animation.
      *
+     * @default false
      * @example
      * <Zoom stackChildren={true} />
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-animation",
-  "version": "12.0.1",
+  "version": "12.0.2-develop.2",
   "description": "React Animation component assists with animating HTML elements. KendoReact Animation package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,7 +26,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-react-common": "12.0.1",
+    "@progress/kendo-react-common": "12.0.2-develop.2",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",