@yamada-ui/motion
Advanced tools
Comparing version
@@ -14,8 +14,29 @@ import { Transition, Target, HTMLMotionProps, TargetAndTransition, motion } from 'framer-motion'; | ||
type MotionTransitionProperties = { | ||
/** | ||
* Custom `transition` definition for `enter` and `exit`. | ||
*/ | ||
transition?: MotionTransitionProps; | ||
/** | ||
* Custom `transitionEnd` definition for `enter` and `exit`. | ||
*/ | ||
transitionEnd?: MotionTransitionEndProps; | ||
/** | ||
* Custom `delay` definition for `enter` and `exit`. | ||
*/ | ||
delay?: number | MotionDelayProps; | ||
/** | ||
* Custom `duration` definition for `enter` and `exit`. | ||
*/ | ||
duration?: number | MotionDurationProps; | ||
/** | ||
* Custom `enter`. | ||
*/ | ||
enter?: any; | ||
/** | ||
* Custom `exit`. | ||
*/ | ||
exit?: any; | ||
/** | ||
* Custom `initial`. | ||
*/ | ||
initial?: any; | ||
@@ -29,3 +50,9 @@ }; | ||
type WithTransitionProps<Y extends object> = Omit<Y, 'transition'> & MotionTransitionProperties & { | ||
/** | ||
* If `true`, the element will unmount when `isOpen={false}` and animation is done. | ||
*/ | ||
unmountOnExit?: boolean; | ||
/** | ||
* Show the component. triggers when enter or exit states. | ||
*/ | ||
isOpen?: boolean; | ||
@@ -32,0 +59,0 @@ }; |
{ | ||
"name": "@yamada-ui/motion", | ||
"version": "0.0.0-dev-20230625235915", | ||
"version": "0.0.0-dev-20230701130255", | ||
"description": "Yamada UI motion components", | ||
@@ -39,3 +39,3 @@ "keywords": [ | ||
"framer-motion": "^9.1.7", | ||
"@yamada-ui/core": "0.0.0-dev-20230625235915", | ||
"@yamada-ui/core": "0.0.0-dev-20230701130255", | ||
"@yamada-ui/utils": "0.1.1" | ||
@@ -75,4 +75,4 @@ }, | ||
"typecheck": "tsc --noEmit", | ||
"gen:types": "tsx ../../../scripts/generate-types" | ||
"gen:docs": "tsx ../../../scripts/generate-docs" | ||
} | ||
} |
24133
2.58%652
4.32%+ Added
+ Added
- Removed
- Removed