Socket
Book a DemoInstallSign in
Socket

@yamada-ui/transitions

Package Overview
Dependencies
Maintainers
1
Versions
1037
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@yamada-ui/transitions - npm Package Compare versions

Comparing version

to
0.0.0-dev-20230718011629

dist/chunk-24ALPN3L.mjs

20

dist/collapse.js

@@ -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 @@ };

11

dist/fade.js

@@ -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

SocketSocket SOC 2 Logo

Product

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc

U.S. Patent No. 12,346,443 & 12,314,394. Other pending.