@yamada-ui/transitions
Advanced tools
Comparing version
@@ -98,8 +98,20 @@ "use strict"; | ||
enter: { | ||
height: { duration: duration != null ? duration : 0.3, ease: import_motion.MOTION_TRANSITION_EASINGS.ease }, | ||
opacity: { duration: duration != null ? duration : 0.4, ease: import_motion.MOTION_TRANSITION_EASINGS.ease } | ||
height: { | ||
duration: duration != null ? duration : 0.3, | ||
ease: import_motion.MOTION_TRANSITION_EASINGS.ease | ||
}, | ||
opacity: { | ||
duration: duration != null ? duration : 0.4, | ||
ease: import_motion.MOTION_TRANSITION_EASINGS.ease | ||
} | ||
}, | ||
exit: { | ||
height: { duration: duration != null ? duration : 0.2, ease: import_motion.MOTION_TRANSITION_EASINGS.ease }, | ||
opacity: { duration: duration != null ? duration : 0.3, ease: import_motion.MOTION_TRANSITION_EASINGS.ease } | ||
height: { | ||
duration: duration != null ? duration : 0.2, | ||
ease: import_motion.MOTION_TRANSITION_EASINGS.ease | ||
}, | ||
opacity: { | ||
duration: duration != null ? duration : 0.3, | ||
ease: import_motion.MOTION_TRANSITION_EASINGS.ease | ||
} | ||
} | ||
@@ -106,0 +118,0 @@ }; |
@@ -52,3 +52,12 @@ "use strict"; | ||
var Fade = (0, import_core.forwardRef)( | ||
({ unmountOnExit, isOpen, transition, transitionEnd, delay, duration, className, ...rest }, ref) => { | ||
({ | ||
unmountOnExit, | ||
isOpen, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
className, | ||
...rest | ||
}, ref) => { | ||
const animate = isOpen || unmountOnExit ? "enter" : "exit"; | ||
@@ -55,0 +64,0 @@ const custom = { transition, transitionEnd, delay, duration }; |
@@ -108,8 +108,20 @@ "use strict"; | ||
enter: { | ||
height: { duration: duration != null ? duration : 0.3, ease: import_motion.MOTION_TRANSITION_EASINGS.ease }, | ||
opacity: { duration: duration != null ? duration : 0.4, ease: import_motion.MOTION_TRANSITION_EASINGS.ease } | ||
height: { | ||
duration: duration != null ? duration : 0.3, | ||
ease: import_motion.MOTION_TRANSITION_EASINGS.ease | ||
}, | ||
opacity: { | ||
duration: duration != null ? duration : 0.4, | ||
ease: import_motion.MOTION_TRANSITION_EASINGS.ease | ||
} | ||
}, | ||
exit: { | ||
height: { duration: duration != null ? duration : 0.2, ease: import_motion.MOTION_TRANSITION_EASINGS.ease }, | ||
opacity: { duration: duration != null ? duration : 0.3, ease: import_motion.MOTION_TRANSITION_EASINGS.ease } | ||
height: { | ||
duration: duration != null ? duration : 0.2, | ||
ease: import_motion.MOTION_TRANSITION_EASINGS.ease | ||
}, | ||
opacity: { | ||
duration: duration != null ? duration : 0.3, | ||
ease: import_motion.MOTION_TRANSITION_EASINGS.ease | ||
} | ||
} | ||
@@ -185,3 +197,12 @@ }; | ||
var Fade = (0, import_core2.forwardRef)( | ||
({ unmountOnExit, isOpen, transition, transitionEnd, delay, duration, className, ...rest }, ref) => { | ||
({ | ||
unmountOnExit, | ||
isOpen, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
className, | ||
...rest | ||
}, ref) => { | ||
const animate = isOpen || unmountOnExit ? "enter" : "exit"; | ||
@@ -222,3 +243,11 @@ const custom = { transition, transitionEnd, delay, duration }; | ||
}), | ||
exit: ({ scale, reverse, transition, transitionEnd, delay, duration, exit } = {}) => ({ | ||
exit: ({ | ||
scale, | ||
reverse, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
exit | ||
} = {}) => ({ | ||
opacity: 0, | ||
@@ -250,3 +279,10 @@ transition: (0, import_motion3.transitionExit)(transition == null ? void 0 : transition.exit)(delay, duration), | ||
const animate = isOpen || unmountOnExit ? "enter" : "exit"; | ||
const custom = { scale, reverse, transition, transitionEnd, delay, duration }; | ||
const custom = { | ||
scale, | ||
reverse, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration | ||
}; | ||
isOpen = unmountOnExit ? isOpen && unmountOnExit : true; | ||
@@ -291,3 +327,10 @@ const css = { | ||
var variants4 = { | ||
enter: ({ placement, transition, transitionEnd, delay, duration, enter } = {}) => ({ | ||
enter: ({ | ||
placement, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
enter | ||
} = {}) => ({ | ||
...getSlideProps(placement).enter, | ||
@@ -298,3 +341,10 @@ transition: (0, import_motion4.transitionEnter)(transition == null ? void 0 : transition.enter)(delay, duration), | ||
}), | ||
exit: ({ placement, transition, transitionEnd, delay, duration, exit } = {}) => ({ | ||
exit: ({ | ||
placement, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
exit | ||
} = {}) => ({ | ||
...getSlideProps(placement).exit, | ||
@@ -358,3 +408,11 @@ transition: (0, import_motion4.transitionExit)(transition == null ? void 0 : transition.exit)(delay, duration), | ||
var variants5 = { | ||
initial: ({ offsetX, offsetY, transition, transitionEnd, delay, duration, initial }) => ({ | ||
initial: ({ | ||
offsetX, | ||
offsetY, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
initial | ||
}) => ({ | ||
opacity: 0, | ||
@@ -375,3 +433,12 @@ x: offsetX, | ||
}), | ||
exit: ({ offsetX, offsetY, reverse, transition, transitionEnd, delay, duration, exit } = {}) => ({ | ||
exit: ({ | ||
offsetX, | ||
offsetY, | ||
reverse, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
exit | ||
} = {}) => ({ | ||
opacity: 0, | ||
@@ -406,3 +473,11 @@ transition: (0, import_motion5.transitionExit)(transition == null ? void 0 : transition.exit)(delay, duration), | ||
const offsetY = (0, import_use_value2.useValue)(_offsetY); | ||
const custom = { offsetX, offsetY, reverse, transition, transitionEnd, delay, duration }; | ||
const custom = { | ||
offsetX, | ||
offsetY, | ||
reverse, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration | ||
}; | ||
isOpen = unmountOnExit ? isOpen && unmountOnExit : true; | ||
@@ -409,0 +484,0 @@ const css = { |
@@ -39,3 +39,11 @@ "use strict"; | ||
}), | ||
exit: ({ scale, reverse, transition, transitionEnd, delay, duration, exit } = {}) => ({ | ||
exit: ({ | ||
scale, | ||
reverse, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
exit | ||
} = {}) => ({ | ||
opacity: 0, | ||
@@ -67,3 +75,10 @@ transition: (0, import_motion.transitionExit)(transition == null ? void 0 : transition.exit)(delay, duration), | ||
const animate = isOpen || unmountOnExit ? "enter" : "exit"; | ||
const custom = { scale, reverse, transition, transitionEnd, delay, duration }; | ||
const custom = { | ||
scale, | ||
reverse, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration | ||
}; | ||
isOpen = unmountOnExit ? isOpen && unmountOnExit : true; | ||
@@ -70,0 +85,0 @@ const css = { |
@@ -33,3 +33,11 @@ "use strict"; | ||
var variants = { | ||
initial: ({ offsetX, offsetY, transition, transitionEnd, delay, duration, initial }) => ({ | ||
initial: ({ | ||
offsetX, | ||
offsetY, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
initial | ||
}) => ({ | ||
opacity: 0, | ||
@@ -50,3 +58,12 @@ x: offsetX, | ||
}), | ||
exit: ({ offsetX, offsetY, reverse, transition, transitionEnd, delay, duration, exit } = {}) => ({ | ||
exit: ({ | ||
offsetX, | ||
offsetY, | ||
reverse, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
exit | ||
} = {}) => ({ | ||
opacity: 0, | ||
@@ -81,3 +98,11 @@ transition: (0, import_motion.transitionExit)(transition == null ? void 0 : transition.exit)(delay, duration), | ||
const offsetY = (0, import_use_value.useValue)(_offsetY); | ||
const custom = { offsetX, offsetY, reverse, transition, transitionEnd, delay, duration }; | ||
const custom = { | ||
offsetX, | ||
offsetY, | ||
reverse, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration | ||
}; | ||
isOpen = unmountOnExit ? isOpen && unmountOnExit : true; | ||
@@ -84,0 +109,0 @@ const css = { |
@@ -46,3 +46,10 @@ "use strict"; | ||
var variants = { | ||
enter: ({ placement, transition, transitionEnd, delay, duration, enter } = {}) => ({ | ||
enter: ({ | ||
placement, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
enter | ||
} = {}) => ({ | ||
...getSlideProps(placement).enter, | ||
@@ -53,3 +60,10 @@ transition: (0, import_motion.transitionEnter)(transition == null ? void 0 : transition.enter)(delay, duration), | ||
}), | ||
exit: ({ placement, transition, transitionEnd, delay, duration, exit } = {}) => ({ | ||
exit: ({ | ||
placement, | ||
transition, | ||
transitionEnd, | ||
delay, | ||
duration, | ||
exit | ||
} = {}) => ({ | ||
...getSlideProps(placement).exit, | ||
@@ -56,0 +70,0 @@ transition: (0, import_motion.transitionExit)(transition == null ? void 0 : transition.exit)(delay, duration), |
{ | ||
"name": "@yamada-ui/transitions", | ||
"version": "0.0.0-dev-20230717002511", | ||
"version": "0.0.0-dev-20230718011629", | ||
"description": "Yamada UI transitions components", | ||
@@ -43,6 +43,6 @@ "keywords": [ | ||
"dependencies": { | ||
"@yamada-ui/core": "0.0.0-dev-20230717002511", | ||
"@yamada-ui/utils": "0.1.3", | ||
"@yamada-ui/motion": "0.0.0-dev-20230717002511", | ||
"@yamada-ui/use-value": "0.0.0-dev-20230717002511" | ||
"@yamada-ui/core": "0.0.0-dev-20230718011629", | ||
"@yamada-ui/utils": "0.0.0-dev-20230718011629", | ||
"@yamada-ui/motion": "0.0.0-dev-20230718011629", | ||
"@yamada-ui/use-value": "0.0.0-dev-20230718011629" | ||
}, | ||
@@ -49,0 +49,0 @@ "devDependencies": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
61281
1.93%1870
14.09%+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed