@semcore/animation
Advanced tools
@semcore/animation - npm Package Compare versions
Comparing version 1.10.5 to 1.10.6
@@ -5,2 +5,8 @@ # Changelog | ||
| ## [1.10.6] - 2023-05-02 | ||
| ### Fixed | ||
| - Fixed collapse animations blinking. | ||
| ## [1.10.5] - 2023-04-25 | ||
@@ -7,0 +13,0 @@ |
@@ -21,13 +21,13 @@ "use strict"; | ||
| /*__reshadow-styles__:"./style/animate.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAnimation_wqycl_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_wqycl);animation-duration:var(--durationFinalize_wqycl);animation-delay:var(--delayFinalize_wqycl);animation-name:var(--keyframesFinalize_wqycl)}.___SAnimation_wqycl_gg_.__transition-based_wqycl_gg_{transition-timing-function:var(--timingFunction_wqycl);transition-duration:var(--durationFinalize_wqycl);transition-delay:var(--delayFinalize_wqycl)}.___SAnimation_wqycl_gg_.__visible_wqycl_gg_{animation-duration:var(--durationInitialize_wqycl);animation-delay:var(--delayInitialize_wqycl);animation-name:var(--keyframesInitialize_wqycl)}.___SAnimation_wqycl_gg_.__visible_wqycl_gg_.__transition-based_wqycl_gg_{transition-timing-function:var(--timingFunction_wqycl);transition-duration:var(--durationInitialize_wqycl);transition-delay:var(--delayInitialize_wqycl)}@media (prefers-reduced-motion){.___SAnimation_wqycl_gg_.__transition-based_wqycl_gg_,.___SAnimation_wqycl_gg_.__visible_wqycl_gg_.__transition-based_wqycl_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_wqycl_gg_,.___SAnimation_wqycl_gg_.__visible_wqycl_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "wqycl_gg_") /*__reshadow_css_end__*/, { | ||
| "__SAnimation": "___SAnimation_wqycl_gg_", | ||
| "--timingFunction": "--timingFunction_wqycl", | ||
| "--durationFinalize": "--durationFinalize_wqycl", | ||
| "--delayFinalize": "--delayFinalize_wqycl", | ||
| "--keyframesFinalize": "--keyframesFinalize_wqycl", | ||
| "_transition-based": "__transition-based_wqycl_gg_", | ||
| "_visible": "__visible_wqycl_gg_", | ||
| "--durationInitialize": "--durationInitialize_wqycl", | ||
| "--delayInitialize": "--delayInitialize_wqycl", | ||
| "--keyframesInitialize": "--keyframesInitialize_wqycl" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAnimation_bw5a0_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_bw5a0);animation-duration:var(--durationFinalize_bw5a0);animation-delay:var(--delayFinalize_bw5a0);animation-name:var(--keyframesFinalize_bw5a0)}.___SAnimation_bw5a0_gg_.__transition-based_bw5a0_gg_{transition-timing-function:var(--timingFunction_bw5a0);transition-duration:var(--durationFinalize_bw5a0);transition-delay:var(--delayFinalize_bw5a0)}.___SAnimation_bw5a0_gg_.__visible_bw5a0_gg_{animation-duration:var(--durationInitialize_bw5a0);animation-delay:var(--delayInitialize_bw5a0);animation-name:var(--keyframesInitialize_bw5a0)}.___SAnimation_bw5a0_gg_.__visible_bw5a0_gg_.__transition-based_bw5a0_gg_{transition-timing-function:var(--timingFunction_bw5a0);transition-duration:var(--durationInitialize_bw5a0);transition-delay:var(--delayInitialize_bw5a0)}@media (prefers-reduced-motion){.___SAnimation_bw5a0_gg_.__transition-based_bw5a0_gg_,.___SAnimation_bw5a0_gg_.__visible_bw5a0_gg_.__transition-based_bw5a0_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_bw5a0_gg_,.___SAnimation_bw5a0_gg_.__visible_bw5a0_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "bw5a0_gg_") /*__reshadow_css_end__*/, { | ||
| "__SAnimation": "___SAnimation_bw5a0_gg_", | ||
| "--timingFunction": "--timingFunction_bw5a0", | ||
| "--durationFinalize": "--durationFinalize_bw5a0", | ||
| "--delayFinalize": "--delayFinalize_bw5a0", | ||
| "--keyframesFinalize": "--keyframesFinalize_bw5a0", | ||
| "_transition-based": "__transition-based_bw5a0_gg_", | ||
| "_visible": "__visible_bw5a0_gg_", | ||
| "--durationInitialize": "--durationInitialize_bw5a0", | ||
| "--delayInitialize": "--delayInitialize_bw5a0", | ||
| "--keyframesInitialize": "--keyframesInitialize_bw5a0" | ||
| }); | ||
@@ -34,0 +34,0 @@ function propToArray(prop) { |
@@ -17,31 +17,30 @@ "use strict"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_tvn0u{0%,to{overflow:hidden}}@keyframes collapse-exit_tvn0u{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_tvn0u{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_tvn0u{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_tvn0u{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_tvn0u{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_tvn0u{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_tvn0u{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_tvn0u{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_tvn0u{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_tvn0u{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_tvn0u{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_tvn0u{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_tvn0u{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_tvn0u{0%{transform:var(--transformStart_tvn0u)}to{transform:var(--transformEnd_tvn0u)}}@keyframes transform-exit_tvn0u{0%{transform:var(--transformEnd_tvn0u)}to{transform:var(--transformStart_tvn0u)}}.___SCollapse_tvn0u_gg_{transition-property:height;height:0}.___SCollapse_tvn0u_gg_.__visible_tvn0u_gg_{transition-property:height;height:auto}" /*__inner_css_end__*/, "tvn0u_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_tvn0u", | ||
| "@collapse-exit": "collapse-exit_tvn0u", | ||
| "__SCollapse": "___SCollapse_tvn0u_gg_", | ||
| "_visible": "__visible_tvn0u_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_tvn0u", | ||
| "@fade-in-out-exit": "fade-in-out-exit_tvn0u", | ||
| "@opacity-in": "opacity-in_tvn0u", | ||
| "@opacity-out": "opacity-out_tvn0u", | ||
| "@scale-left-in": "scale-left-in_tvn0u", | ||
| "@scale-right-in": "scale-right-in_tvn0u", | ||
| "@scale-top-in": "scale-top-in_tvn0u", | ||
| "@scale-bottom-in": "scale-bottom-in_tvn0u", | ||
| "@scale-left-out": "scale-left-out_tvn0u", | ||
| "@scale-right-out": "scale-right-out_tvn0u", | ||
| "@scale-top-out": "scale-top-out_tvn0u", | ||
| "@scale-bottom-out": "scale-bottom-out_tvn0u", | ||
| "@slide-top-in": "slide-top-in_tvn0u", | ||
| "@slide-top-out": "slide-top-out_tvn0u", | ||
| "@slide-bottom-in": "slide-bottom-in_tvn0u", | ||
| "@slide-bottom-out": "slide-bottom-out_tvn0u", | ||
| "@slide-left-in": "slide-left-in_tvn0u", | ||
| "@slide-left-out": "slide-left-out_tvn0u", | ||
| "@slide-right-in": "slide-right-in_tvn0u", | ||
| "@slide-right-out": "slide-right-out_tvn0u", | ||
| "@transform-enter": "transform-enter_tvn0u", | ||
| "--transformStart": "--transformStart_tvn0u", | ||
| "--transformEnd": "--transformEnd_tvn0u", | ||
| "@transform-exit": "transform-exit_tvn0u" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_jxtzl{0%,to{overflow:hidden}}@keyframes collapse-exit_jxtzl{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_jxtzl{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_jxtzl{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_jxtzl{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_jxtzl{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_jxtzl{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_jxtzl{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_jxtzl{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_jxtzl{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_jxtzl{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_jxtzl{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_jxtzl{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_jxtzl{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_jxtzl{0%{transform:var(--transformStart_jxtzl)}to{transform:var(--transformEnd_jxtzl)}}@keyframes transform-exit_jxtzl{0%{transform:var(--transformEnd_jxtzl)}to{transform:var(--transformStart_jxtzl)}}.___SCollapse_jxtzl_gg_{transition-property:height}" /*__inner_css_end__*/, "jxtzl_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_jxtzl", | ||
| "@collapse-exit": "collapse-exit_jxtzl", | ||
| "__SCollapse": "___SCollapse_jxtzl_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_jxtzl", | ||
| "@fade-in-out-exit": "fade-in-out-exit_jxtzl", | ||
| "@opacity-in": "opacity-in_jxtzl", | ||
| "@opacity-out": "opacity-out_jxtzl", | ||
| "@scale-left-in": "scale-left-in_jxtzl", | ||
| "@scale-right-in": "scale-right-in_jxtzl", | ||
| "@scale-top-in": "scale-top-in_jxtzl", | ||
| "@scale-bottom-in": "scale-bottom-in_jxtzl", | ||
| "@scale-left-out": "scale-left-out_jxtzl", | ||
| "@scale-right-out": "scale-right-out_jxtzl", | ||
| "@scale-top-out": "scale-top-out_jxtzl", | ||
| "@scale-bottom-out": "scale-bottom-out_jxtzl", | ||
| "@slide-top-in": "slide-top-in_jxtzl", | ||
| "@slide-top-out": "slide-top-out_jxtzl", | ||
| "@slide-bottom-in": "slide-bottom-in_jxtzl", | ||
| "@slide-bottom-out": "slide-bottom-out_jxtzl", | ||
| "@slide-left-in": "slide-left-in_jxtzl", | ||
| "@slide-left-out": "slide-left-out_jxtzl", | ||
| "@slide-right-in": "slide-right-in_jxtzl", | ||
| "@slide-right-out": "slide-right-out_jxtzl", | ||
| "@transform-enter": "transform-enter_jxtzl", | ||
| "--transformStart": "--transformStart_jxtzl", | ||
| "--transformEnd": "--transformEnd_jxtzl", | ||
| "@transform-exit": "transform-exit_jxtzl" | ||
| }); | ||
@@ -61,4 +60,10 @@ function Collapse(_ref2, ref) { | ||
| if (!innerRef.current) return; | ||
| innerRef.current.style.height = 'auto'; | ||
| if (props.visible) innerRef.current.style.height = 'auto'; | ||
| if (!props.visible) innerRef.current.style.height = 0 + 'px'; | ||
| }, []); | ||
| (0, _react.useLayoutEffect)(function () { | ||
| if (!innerRef.current) return; | ||
| if (props.visible) innerRef.current.style.height = 0 + 'px'; | ||
| if (!props.visible) innerRef.current.style.height = innerRef.current.scrollHeight + 'px'; | ||
| }, [props.visible]); | ||
| var handleAnimationStart = (0, _react.useCallback)(function (event) { | ||
@@ -71,7 +76,4 @@ if (event.currentTarget !== event.target) return; | ||
| } | ||
| var element = event.currentTarget; | ||
| if (props.visible) element.style.height = 0 + 'px';else element.style.height = element.scrollHeight + 'px'; | ||
| setTimeout(function () { | ||
| if (props.visible) element.style.height = element.scrollHeight + 'px';else element.style.height = 0 + 'px'; | ||
| }, 0); | ||
| if (props.visible) event.currentTarget.style.height = event.currentTarget.scrollHeight + 'px'; | ||
| if (!props.visible) event.currentTarget.style.height = 0 + 'px'; | ||
| }, [props.visible]); | ||
@@ -78,0 +80,0 @@ var handleAnimationEnd = (0, _react.useCallback)(function (event) { |
@@ -13,31 +13,30 @@ "use strict"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_tvn0u{0%,to{overflow:hidden}}@keyframes collapse-exit_tvn0u{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_tvn0u{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_tvn0u{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_tvn0u{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_tvn0u{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_tvn0u{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_tvn0u{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_tvn0u{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_tvn0u{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_tvn0u{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_tvn0u{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_tvn0u{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_tvn0u{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_tvn0u{0%{transform:var(--transformStart_tvn0u)}to{transform:var(--transformEnd_tvn0u)}}@keyframes transform-exit_tvn0u{0%{transform:var(--transformEnd_tvn0u)}to{transform:var(--transformStart_tvn0u)}}.___SCollapse_tvn0u_gg_{transition-property:height;height:0}.___SCollapse_tvn0u_gg_.__visible_tvn0u_gg_{transition-property:height;height:auto}" /*__inner_css_end__*/, "tvn0u_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_tvn0u", | ||
| "@collapse-exit": "collapse-exit_tvn0u", | ||
| "__SCollapse": "___SCollapse_tvn0u_gg_", | ||
| "_visible": "__visible_tvn0u_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_tvn0u", | ||
| "@fade-in-out-exit": "fade-in-out-exit_tvn0u", | ||
| "@opacity-in": "opacity-in_tvn0u", | ||
| "@opacity-out": "opacity-out_tvn0u", | ||
| "@scale-left-in": "scale-left-in_tvn0u", | ||
| "@scale-right-in": "scale-right-in_tvn0u", | ||
| "@scale-top-in": "scale-top-in_tvn0u", | ||
| "@scale-bottom-in": "scale-bottom-in_tvn0u", | ||
| "@scale-left-out": "scale-left-out_tvn0u", | ||
| "@scale-right-out": "scale-right-out_tvn0u", | ||
| "@scale-top-out": "scale-top-out_tvn0u", | ||
| "@scale-bottom-out": "scale-bottom-out_tvn0u", | ||
| "@slide-top-in": "slide-top-in_tvn0u", | ||
| "@slide-top-out": "slide-top-out_tvn0u", | ||
| "@slide-bottom-in": "slide-bottom-in_tvn0u", | ||
| "@slide-bottom-out": "slide-bottom-out_tvn0u", | ||
| "@slide-left-in": "slide-left-in_tvn0u", | ||
| "@slide-left-out": "slide-left-out_tvn0u", | ||
| "@slide-right-in": "slide-right-in_tvn0u", | ||
| "@slide-right-out": "slide-right-out_tvn0u", | ||
| "@transform-enter": "transform-enter_tvn0u", | ||
| "--transformStart": "--transformStart_tvn0u", | ||
| "--transformEnd": "--transformEnd_tvn0u", | ||
| "@transform-exit": "transform-exit_tvn0u" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_jxtzl{0%,to{overflow:hidden}}@keyframes collapse-exit_jxtzl{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_jxtzl{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_jxtzl{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_jxtzl{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_jxtzl{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_jxtzl{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_jxtzl{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_jxtzl{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_jxtzl{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_jxtzl{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_jxtzl{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_jxtzl{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_jxtzl{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_jxtzl{0%{transform:var(--transformStart_jxtzl)}to{transform:var(--transformEnd_jxtzl)}}@keyframes transform-exit_jxtzl{0%{transform:var(--transformEnd_jxtzl)}to{transform:var(--transformStart_jxtzl)}}.___SCollapse_jxtzl_gg_{transition-property:height}" /*__inner_css_end__*/, "jxtzl_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_jxtzl", | ||
| "@collapse-exit": "collapse-exit_jxtzl", | ||
| "__SCollapse": "___SCollapse_jxtzl_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_jxtzl", | ||
| "@fade-in-out-exit": "fade-in-out-exit_jxtzl", | ||
| "@opacity-in": "opacity-in_jxtzl", | ||
| "@opacity-out": "opacity-out_jxtzl", | ||
| "@scale-left-in": "scale-left-in_jxtzl", | ||
| "@scale-right-in": "scale-right-in_jxtzl", | ||
| "@scale-top-in": "scale-top-in_jxtzl", | ||
| "@scale-bottom-in": "scale-bottom-in_jxtzl", | ||
| "@scale-left-out": "scale-left-out_jxtzl", | ||
| "@scale-right-out": "scale-right-out_jxtzl", | ||
| "@scale-top-out": "scale-top-out_jxtzl", | ||
| "@scale-bottom-out": "scale-bottom-out_jxtzl", | ||
| "@slide-top-in": "slide-top-in_jxtzl", | ||
| "@slide-top-out": "slide-top-out_jxtzl", | ||
| "@slide-bottom-in": "slide-bottom-in_jxtzl", | ||
| "@slide-bottom-out": "slide-bottom-out_jxtzl", | ||
| "@slide-left-in": "slide-left-in_jxtzl", | ||
| "@slide-left-out": "slide-left-out_jxtzl", | ||
| "@slide-right-in": "slide-right-in_jxtzl", | ||
| "@slide-right-out": "slide-right-out_jxtzl", | ||
| "@transform-enter": "transform-enter_jxtzl", | ||
| "--transformStart": "--transformStart_jxtzl", | ||
| "--transformEnd": "--transformEnd_jxtzl", | ||
| "@transform-exit": "transform-exit_jxtzl" | ||
| }); | ||
@@ -44,0 +43,0 @@ function FadeInOut(props, ref) { |
@@ -15,31 +15,30 @@ "use strict"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_tvn0u{0%,to{overflow:hidden}}@keyframes collapse-exit_tvn0u{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_tvn0u{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_tvn0u{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_tvn0u{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_tvn0u{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_tvn0u{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_tvn0u{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_tvn0u{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_tvn0u{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_tvn0u{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_tvn0u{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_tvn0u{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_tvn0u{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_tvn0u{0%{transform:var(--transformStart_tvn0u)}to{transform:var(--transformEnd_tvn0u)}}@keyframes transform-exit_tvn0u{0%{transform:var(--transformEnd_tvn0u)}to{transform:var(--transformStart_tvn0u)}}.___SCollapse_tvn0u_gg_{transition-property:height;height:0}.___SCollapse_tvn0u_gg_.__visible_tvn0u_gg_{transition-property:height;height:auto}" /*__inner_css_end__*/, "tvn0u_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_tvn0u", | ||
| "@collapse-exit": "collapse-exit_tvn0u", | ||
| "__SCollapse": "___SCollapse_tvn0u_gg_", | ||
| "_visible": "__visible_tvn0u_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_tvn0u", | ||
| "@fade-in-out-exit": "fade-in-out-exit_tvn0u", | ||
| "@opacity-in": "opacity-in_tvn0u", | ||
| "@opacity-out": "opacity-out_tvn0u", | ||
| "@scale-left-in": "scale-left-in_tvn0u", | ||
| "@scale-right-in": "scale-right-in_tvn0u", | ||
| "@scale-top-in": "scale-top-in_tvn0u", | ||
| "@scale-bottom-in": "scale-bottom-in_tvn0u", | ||
| "@scale-left-out": "scale-left-out_tvn0u", | ||
| "@scale-right-out": "scale-right-out_tvn0u", | ||
| "@scale-top-out": "scale-top-out_tvn0u", | ||
| "@scale-bottom-out": "scale-bottom-out_tvn0u", | ||
| "@slide-top-in": "slide-top-in_tvn0u", | ||
| "@slide-top-out": "slide-top-out_tvn0u", | ||
| "@slide-bottom-in": "slide-bottom-in_tvn0u", | ||
| "@slide-bottom-out": "slide-bottom-out_tvn0u", | ||
| "@slide-left-in": "slide-left-in_tvn0u", | ||
| "@slide-left-out": "slide-left-out_tvn0u", | ||
| "@slide-right-in": "slide-right-in_tvn0u", | ||
| "@slide-right-out": "slide-right-out_tvn0u", | ||
| "@transform-enter": "transform-enter_tvn0u", | ||
| "--transformStart": "--transformStart_tvn0u", | ||
| "--transformEnd": "--transformEnd_tvn0u", | ||
| "@transform-exit": "transform-exit_tvn0u" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_jxtzl{0%,to{overflow:hidden}}@keyframes collapse-exit_jxtzl{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_jxtzl{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_jxtzl{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_jxtzl{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_jxtzl{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_jxtzl{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_jxtzl{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_jxtzl{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_jxtzl{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_jxtzl{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_jxtzl{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_jxtzl{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_jxtzl{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_jxtzl{0%{transform:var(--transformStart_jxtzl)}to{transform:var(--transformEnd_jxtzl)}}@keyframes transform-exit_jxtzl{0%{transform:var(--transformEnd_jxtzl)}to{transform:var(--transformStart_jxtzl)}}.___SCollapse_jxtzl_gg_{transition-property:height}" /*__inner_css_end__*/, "jxtzl_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_jxtzl", | ||
| "@collapse-exit": "collapse-exit_jxtzl", | ||
| "__SCollapse": "___SCollapse_jxtzl_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_jxtzl", | ||
| "@fade-in-out-exit": "fade-in-out-exit_jxtzl", | ||
| "@opacity-in": "opacity-in_jxtzl", | ||
| "@opacity-out": "opacity-out_jxtzl", | ||
| "@scale-left-in": "scale-left-in_jxtzl", | ||
| "@scale-right-in": "scale-right-in_jxtzl", | ||
| "@scale-top-in": "scale-top-in_jxtzl", | ||
| "@scale-bottom-in": "scale-bottom-in_jxtzl", | ||
| "@scale-left-out": "scale-left-out_jxtzl", | ||
| "@scale-right-out": "scale-right-out_jxtzl", | ||
| "@scale-top-out": "scale-top-out_jxtzl", | ||
| "@scale-bottom-out": "scale-bottom-out_jxtzl", | ||
| "@slide-top-in": "slide-top-in_jxtzl", | ||
| "@slide-top-out": "slide-top-out_jxtzl", | ||
| "@slide-bottom-in": "slide-bottom-in_jxtzl", | ||
| "@slide-bottom-out": "slide-bottom-out_jxtzl", | ||
| "@slide-left-in": "slide-left-in_jxtzl", | ||
| "@slide-left-out": "slide-left-out_jxtzl", | ||
| "@slide-right-in": "slide-right-in_jxtzl", | ||
| "@slide-right-out": "slide-right-out_jxtzl", | ||
| "@transform-enter": "transform-enter_jxtzl", | ||
| "--transformStart": "--transformStart_jxtzl", | ||
| "--transformEnd": "--transformEnd_jxtzl", | ||
| "@transform-exit": "transform-exit_jxtzl" | ||
| }); | ||
@@ -46,0 +45,0 @@ function Scale(props, ref) { |
@@ -13,31 +13,30 @@ "use strict"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_tvn0u{0%,to{overflow:hidden}}@keyframes collapse-exit_tvn0u{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_tvn0u{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_tvn0u{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_tvn0u{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_tvn0u{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_tvn0u{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_tvn0u{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_tvn0u{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_tvn0u{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_tvn0u{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_tvn0u{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_tvn0u{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_tvn0u{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_tvn0u{0%{transform:var(--transformStart_tvn0u)}to{transform:var(--transformEnd_tvn0u)}}@keyframes transform-exit_tvn0u{0%{transform:var(--transformEnd_tvn0u)}to{transform:var(--transformStart_tvn0u)}}.___SCollapse_tvn0u_gg_{transition-property:height;height:0}.___SCollapse_tvn0u_gg_.__visible_tvn0u_gg_{transition-property:height;height:auto}" /*__inner_css_end__*/, "tvn0u_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_tvn0u", | ||
| "@collapse-exit": "collapse-exit_tvn0u", | ||
| "__SCollapse": "___SCollapse_tvn0u_gg_", | ||
| "_visible": "__visible_tvn0u_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_tvn0u", | ||
| "@fade-in-out-exit": "fade-in-out-exit_tvn0u", | ||
| "@opacity-in": "opacity-in_tvn0u", | ||
| "@opacity-out": "opacity-out_tvn0u", | ||
| "@scale-left-in": "scale-left-in_tvn0u", | ||
| "@scale-right-in": "scale-right-in_tvn0u", | ||
| "@scale-top-in": "scale-top-in_tvn0u", | ||
| "@scale-bottom-in": "scale-bottom-in_tvn0u", | ||
| "@scale-left-out": "scale-left-out_tvn0u", | ||
| "@scale-right-out": "scale-right-out_tvn0u", | ||
| "@scale-top-out": "scale-top-out_tvn0u", | ||
| "@scale-bottom-out": "scale-bottom-out_tvn0u", | ||
| "@slide-top-in": "slide-top-in_tvn0u", | ||
| "@slide-top-out": "slide-top-out_tvn0u", | ||
| "@slide-bottom-in": "slide-bottom-in_tvn0u", | ||
| "@slide-bottom-out": "slide-bottom-out_tvn0u", | ||
| "@slide-left-in": "slide-left-in_tvn0u", | ||
| "@slide-left-out": "slide-left-out_tvn0u", | ||
| "@slide-right-in": "slide-right-in_tvn0u", | ||
| "@slide-right-out": "slide-right-out_tvn0u", | ||
| "@transform-enter": "transform-enter_tvn0u", | ||
| "--transformStart": "--transformStart_tvn0u", | ||
| "--transformEnd": "--transformEnd_tvn0u", | ||
| "@transform-exit": "transform-exit_tvn0u" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_jxtzl{0%,to{overflow:hidden}}@keyframes collapse-exit_jxtzl{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_jxtzl{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_jxtzl{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_jxtzl{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_jxtzl{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_jxtzl{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_jxtzl{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_jxtzl{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_jxtzl{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_jxtzl{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_jxtzl{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_jxtzl{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_jxtzl{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_jxtzl{0%{transform:var(--transformStart_jxtzl)}to{transform:var(--transformEnd_jxtzl)}}@keyframes transform-exit_jxtzl{0%{transform:var(--transformEnd_jxtzl)}to{transform:var(--transformStart_jxtzl)}}.___SCollapse_jxtzl_gg_{transition-property:height}" /*__inner_css_end__*/, "jxtzl_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_jxtzl", | ||
| "@collapse-exit": "collapse-exit_jxtzl", | ||
| "__SCollapse": "___SCollapse_jxtzl_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_jxtzl", | ||
| "@fade-in-out-exit": "fade-in-out-exit_jxtzl", | ||
| "@opacity-in": "opacity-in_jxtzl", | ||
| "@opacity-out": "opacity-out_jxtzl", | ||
| "@scale-left-in": "scale-left-in_jxtzl", | ||
| "@scale-right-in": "scale-right-in_jxtzl", | ||
| "@scale-top-in": "scale-top-in_jxtzl", | ||
| "@scale-bottom-in": "scale-bottom-in_jxtzl", | ||
| "@scale-left-out": "scale-left-out_jxtzl", | ||
| "@scale-right-out": "scale-right-out_jxtzl", | ||
| "@scale-top-out": "scale-top-out_jxtzl", | ||
| "@scale-bottom-out": "scale-bottom-out_jxtzl", | ||
| "@slide-top-in": "slide-top-in_jxtzl", | ||
| "@slide-top-out": "slide-top-out_jxtzl", | ||
| "@slide-bottom-in": "slide-bottom-in_jxtzl", | ||
| "@slide-bottom-out": "slide-bottom-out_jxtzl", | ||
| "@slide-left-in": "slide-left-in_jxtzl", | ||
| "@slide-left-out": "slide-left-out_jxtzl", | ||
| "@slide-right-in": "slide-right-in_jxtzl", | ||
| "@slide-right-out": "slide-right-out_jxtzl", | ||
| "@transform-enter": "transform-enter_jxtzl", | ||
| "--transformStart": "--transformStart_jxtzl", | ||
| "--transformEnd": "--transformEnd_jxtzl", | ||
| "@transform-exit": "transform-exit_jxtzl" | ||
| }); | ||
@@ -44,0 +43,0 @@ function Slide(props, ref) { |
@@ -15,31 +15,30 @@ "use strict"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_tvn0u{0%,to{overflow:hidden}}@keyframes collapse-exit_tvn0u{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_tvn0u{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_tvn0u{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_tvn0u{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_tvn0u{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_tvn0u{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_tvn0u{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_tvn0u{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_tvn0u{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_tvn0u{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_tvn0u{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_tvn0u{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_tvn0u{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_tvn0u{0%{transform:var(--transformStart_tvn0u)}to{transform:var(--transformEnd_tvn0u)}}@keyframes transform-exit_tvn0u{0%{transform:var(--transformEnd_tvn0u)}to{transform:var(--transformStart_tvn0u)}}.___SCollapse_tvn0u_gg_{transition-property:height;height:0}.___SCollapse_tvn0u_gg_.__visible_tvn0u_gg_{transition-property:height;height:auto}" /*__inner_css_end__*/, "tvn0u_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_tvn0u", | ||
| "@collapse-exit": "collapse-exit_tvn0u", | ||
| "__SCollapse": "___SCollapse_tvn0u_gg_", | ||
| "_visible": "__visible_tvn0u_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_tvn0u", | ||
| "@fade-in-out-exit": "fade-in-out-exit_tvn0u", | ||
| "@opacity-in": "opacity-in_tvn0u", | ||
| "@opacity-out": "opacity-out_tvn0u", | ||
| "@scale-left-in": "scale-left-in_tvn0u", | ||
| "@scale-right-in": "scale-right-in_tvn0u", | ||
| "@scale-top-in": "scale-top-in_tvn0u", | ||
| "@scale-bottom-in": "scale-bottom-in_tvn0u", | ||
| "@scale-left-out": "scale-left-out_tvn0u", | ||
| "@scale-right-out": "scale-right-out_tvn0u", | ||
| "@scale-top-out": "scale-top-out_tvn0u", | ||
| "@scale-bottom-out": "scale-bottom-out_tvn0u", | ||
| "@slide-top-in": "slide-top-in_tvn0u", | ||
| "@slide-top-out": "slide-top-out_tvn0u", | ||
| "@slide-bottom-in": "slide-bottom-in_tvn0u", | ||
| "@slide-bottom-out": "slide-bottom-out_tvn0u", | ||
| "@slide-left-in": "slide-left-in_tvn0u", | ||
| "@slide-left-out": "slide-left-out_tvn0u", | ||
| "@slide-right-in": "slide-right-in_tvn0u", | ||
| "@slide-right-out": "slide-right-out_tvn0u", | ||
| "@transform-enter": "transform-enter_tvn0u", | ||
| "--transformStart": "--transformStart_tvn0u", | ||
| "--transformEnd": "--transformEnd_tvn0u", | ||
| "@transform-exit": "transform-exit_tvn0u" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_jxtzl{0%,to{overflow:hidden}}@keyframes collapse-exit_jxtzl{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_jxtzl{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_jxtzl{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_jxtzl{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_jxtzl{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_jxtzl{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_jxtzl{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_jxtzl{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_jxtzl{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_jxtzl{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_jxtzl{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_jxtzl{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_jxtzl{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_jxtzl{0%{transform:var(--transformStart_jxtzl)}to{transform:var(--transformEnd_jxtzl)}}@keyframes transform-exit_jxtzl{0%{transform:var(--transformEnd_jxtzl)}to{transform:var(--transformStart_jxtzl)}}.___SCollapse_jxtzl_gg_{transition-property:height}" /*__inner_css_end__*/, "jxtzl_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_jxtzl", | ||
| "@collapse-exit": "collapse-exit_jxtzl", | ||
| "__SCollapse": "___SCollapse_jxtzl_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_jxtzl", | ||
| "@fade-in-out-exit": "fade-in-out-exit_jxtzl", | ||
| "@opacity-in": "opacity-in_jxtzl", | ||
| "@opacity-out": "opacity-out_jxtzl", | ||
| "@scale-left-in": "scale-left-in_jxtzl", | ||
| "@scale-right-in": "scale-right-in_jxtzl", | ||
| "@scale-top-in": "scale-top-in_jxtzl", | ||
| "@scale-bottom-in": "scale-bottom-in_jxtzl", | ||
| "@scale-left-out": "scale-left-out_jxtzl", | ||
| "@scale-right-out": "scale-right-out_jxtzl", | ||
| "@scale-top-out": "scale-top-out_jxtzl", | ||
| "@scale-bottom-out": "scale-bottom-out_jxtzl", | ||
| "@slide-top-in": "slide-top-in_jxtzl", | ||
| "@slide-top-out": "slide-top-out_jxtzl", | ||
| "@slide-bottom-in": "slide-bottom-in_jxtzl", | ||
| "@slide-bottom-out": "slide-bottom-out_jxtzl", | ||
| "@slide-left-in": "slide-left-in_jxtzl", | ||
| "@slide-left-out": "slide-left-out_jxtzl", | ||
| "@slide-right-in": "slide-right-in_jxtzl", | ||
| "@slide-right-out": "slide-right-out_jxtzl", | ||
| "@transform-enter": "transform-enter_jxtzl", | ||
| "--transformStart": "--transformStart_jxtzl", | ||
| "--transformEnd": "--transformEnd_jxtzl", | ||
| "@transform-exit": "transform-exit_jxtzl" | ||
| }); | ||
@@ -46,0 +45,0 @@ function Transform(props, ref) { |
@@ -15,13 +15,13 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2"; | ||
| /*__reshadow-styles__:"./style/animate.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_wqycl_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_wqycl);animation-duration:var(--durationFinalize_wqycl);animation-delay:var(--delayFinalize_wqycl);animation-name:var(--keyframesFinalize_wqycl)}.___SAnimation_wqycl_gg_.__transition-based_wqycl_gg_{transition-timing-function:var(--timingFunction_wqycl);transition-duration:var(--durationFinalize_wqycl);transition-delay:var(--delayFinalize_wqycl)}.___SAnimation_wqycl_gg_.__visible_wqycl_gg_{animation-duration:var(--durationInitialize_wqycl);animation-delay:var(--delayInitialize_wqycl);animation-name:var(--keyframesInitialize_wqycl)}.___SAnimation_wqycl_gg_.__visible_wqycl_gg_.__transition-based_wqycl_gg_{transition-timing-function:var(--timingFunction_wqycl);transition-duration:var(--durationInitialize_wqycl);transition-delay:var(--delayInitialize_wqycl)}@media (prefers-reduced-motion){.___SAnimation_wqycl_gg_.__transition-based_wqycl_gg_,.___SAnimation_wqycl_gg_.__visible_wqycl_gg_.__transition-based_wqycl_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_wqycl_gg_,.___SAnimation_wqycl_gg_.__visible_wqycl_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "wqycl_gg_") /*__reshadow_css_end__*/, { | ||
| "__SAnimation": "___SAnimation_wqycl_gg_", | ||
| "--timingFunction": "--timingFunction_wqycl", | ||
| "--durationFinalize": "--durationFinalize_wqycl", | ||
| "--delayFinalize": "--delayFinalize_wqycl", | ||
| "--keyframesFinalize": "--keyframesFinalize_wqycl", | ||
| "_transition-based": "__transition-based_wqycl_gg_", | ||
| "_visible": "__visible_wqycl_gg_", | ||
| "--durationInitialize": "--durationInitialize_wqycl", | ||
| "--delayInitialize": "--delayInitialize_wqycl", | ||
| "--keyframesInitialize": "--keyframesInitialize_wqycl" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_bw5a0_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_bw5a0);animation-duration:var(--durationFinalize_bw5a0);animation-delay:var(--delayFinalize_bw5a0);animation-name:var(--keyframesFinalize_bw5a0)}.___SAnimation_bw5a0_gg_.__transition-based_bw5a0_gg_{transition-timing-function:var(--timingFunction_bw5a0);transition-duration:var(--durationFinalize_bw5a0);transition-delay:var(--delayFinalize_bw5a0)}.___SAnimation_bw5a0_gg_.__visible_bw5a0_gg_{animation-duration:var(--durationInitialize_bw5a0);animation-delay:var(--delayInitialize_bw5a0);animation-name:var(--keyframesInitialize_bw5a0)}.___SAnimation_bw5a0_gg_.__visible_bw5a0_gg_.__transition-based_bw5a0_gg_{transition-timing-function:var(--timingFunction_bw5a0);transition-duration:var(--durationInitialize_bw5a0);transition-delay:var(--delayInitialize_bw5a0)}@media (prefers-reduced-motion){.___SAnimation_bw5a0_gg_.__transition-based_bw5a0_gg_,.___SAnimation_bw5a0_gg_.__visible_bw5a0_gg_.__transition-based_bw5a0_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_bw5a0_gg_,.___SAnimation_bw5a0_gg_.__visible_bw5a0_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "bw5a0_gg_") /*__reshadow_css_end__*/, { | ||
| "__SAnimation": "___SAnimation_bw5a0_gg_", | ||
| "--timingFunction": "--timingFunction_bw5a0", | ||
| "--durationFinalize": "--durationFinalize_bw5a0", | ||
| "--delayFinalize": "--delayFinalize_bw5a0", | ||
| "--keyframesFinalize": "--keyframesFinalize_bw5a0", | ||
| "_transition-based": "__transition-based_bw5a0_gg_", | ||
| "_visible": "__visible_bw5a0_gg_", | ||
| "--durationInitialize": "--durationInitialize_bw5a0", | ||
| "--delayInitialize": "--delayInitialize_bw5a0", | ||
| "--keyframesInitialize": "--keyframesInitialize_bw5a0" | ||
| }); | ||
@@ -28,0 +28,0 @@ function propToArray(prop) { |
@@ -5,35 +5,34 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2"; | ||
| var _excluded = ["onAnimationStart", "onAnimationEnd", "overflowHidden"]; | ||
| import React, { useCallback, useEffect, useRef } from 'react'; | ||
| import React, { useCallback, useEffect, useLayoutEffect, useRef } from 'react'; | ||
| import { createBaseComponent, sstyled } from '@semcore/core'; | ||
| import Animation from './Animation'; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_tvn0u{0%,to{overflow:hidden}}@keyframes collapse-exit_tvn0u{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_tvn0u{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_tvn0u{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_tvn0u{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_tvn0u{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_tvn0u{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_tvn0u{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_tvn0u{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_tvn0u{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_tvn0u{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_tvn0u{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_tvn0u{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_tvn0u{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_tvn0u{0%{transform:var(--transformStart_tvn0u)}to{transform:var(--transformEnd_tvn0u)}}@keyframes transform-exit_tvn0u{0%{transform:var(--transformEnd_tvn0u)}to{transform:var(--transformStart_tvn0u)}}.___SCollapse_tvn0u_gg_{transition-property:height;height:0}.___SCollapse_tvn0u_gg_.__visible_tvn0u_gg_{transition-property:height;height:auto}" /*__inner_css_end__*/, "tvn0u_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_tvn0u", | ||
| "@collapse-exit": "collapse-exit_tvn0u", | ||
| "__SCollapse": "___SCollapse_tvn0u_gg_", | ||
| "_visible": "__visible_tvn0u_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_tvn0u", | ||
| "@fade-in-out-exit": "fade-in-out-exit_tvn0u", | ||
| "@opacity-in": "opacity-in_tvn0u", | ||
| "@opacity-out": "opacity-out_tvn0u", | ||
| "@scale-left-in": "scale-left-in_tvn0u", | ||
| "@scale-right-in": "scale-right-in_tvn0u", | ||
| "@scale-top-in": "scale-top-in_tvn0u", | ||
| "@scale-bottom-in": "scale-bottom-in_tvn0u", | ||
| "@scale-left-out": "scale-left-out_tvn0u", | ||
| "@scale-right-out": "scale-right-out_tvn0u", | ||
| "@scale-top-out": "scale-top-out_tvn0u", | ||
| "@scale-bottom-out": "scale-bottom-out_tvn0u", | ||
| "@slide-top-in": "slide-top-in_tvn0u", | ||
| "@slide-top-out": "slide-top-out_tvn0u", | ||
| "@slide-bottom-in": "slide-bottom-in_tvn0u", | ||
| "@slide-bottom-out": "slide-bottom-out_tvn0u", | ||
| "@slide-left-in": "slide-left-in_tvn0u", | ||
| "@slide-left-out": "slide-left-out_tvn0u", | ||
| "@slide-right-in": "slide-right-in_tvn0u", | ||
| "@slide-right-out": "slide-right-out_tvn0u", | ||
| "@transform-enter": "transform-enter_tvn0u", | ||
| "--transformStart": "--transformStart_tvn0u", | ||
| "--transformEnd": "--transformEnd_tvn0u", | ||
| "@transform-exit": "transform-exit_tvn0u" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_jxtzl{0%,to{overflow:hidden}}@keyframes collapse-exit_jxtzl{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_jxtzl{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_jxtzl{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_jxtzl{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_jxtzl{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_jxtzl{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_jxtzl{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_jxtzl{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_jxtzl{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_jxtzl{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_jxtzl{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_jxtzl{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_jxtzl{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_jxtzl{0%{transform:var(--transformStart_jxtzl)}to{transform:var(--transformEnd_jxtzl)}}@keyframes transform-exit_jxtzl{0%{transform:var(--transformEnd_jxtzl)}to{transform:var(--transformStart_jxtzl)}}.___SCollapse_jxtzl_gg_{transition-property:height}" /*__inner_css_end__*/, "jxtzl_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_jxtzl", | ||
| "@collapse-exit": "collapse-exit_jxtzl", | ||
| "__SCollapse": "___SCollapse_jxtzl_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_jxtzl", | ||
| "@fade-in-out-exit": "fade-in-out-exit_jxtzl", | ||
| "@opacity-in": "opacity-in_jxtzl", | ||
| "@opacity-out": "opacity-out_jxtzl", | ||
| "@scale-left-in": "scale-left-in_jxtzl", | ||
| "@scale-right-in": "scale-right-in_jxtzl", | ||
| "@scale-top-in": "scale-top-in_jxtzl", | ||
| "@scale-bottom-in": "scale-bottom-in_jxtzl", | ||
| "@scale-left-out": "scale-left-out_jxtzl", | ||
| "@scale-right-out": "scale-right-out_jxtzl", | ||
| "@scale-top-out": "scale-top-out_jxtzl", | ||
| "@scale-bottom-out": "scale-bottom-out_jxtzl", | ||
| "@slide-top-in": "slide-top-in_jxtzl", | ||
| "@slide-top-out": "slide-top-out_jxtzl", | ||
| "@slide-bottom-in": "slide-bottom-in_jxtzl", | ||
| "@slide-bottom-out": "slide-bottom-out_jxtzl", | ||
| "@slide-left-in": "slide-left-in_jxtzl", | ||
| "@slide-left-out": "slide-left-out_jxtzl", | ||
| "@slide-right-in": "slide-right-in_jxtzl", | ||
| "@slide-right-out": "slide-right-out_jxtzl", | ||
| "@transform-enter": "transform-enter_jxtzl", | ||
| "--transformStart": "--transformStart_jxtzl", | ||
| "--transformEnd": "--transformEnd_jxtzl", | ||
| "@transform-exit": "transform-exit_jxtzl" | ||
| }); | ||
@@ -54,4 +53,10 @@ import { useForkRef } from '@semcore/utils/lib/ref'; | ||
| if (!innerRef.current) return; | ||
| innerRef.current.style.height = 'auto'; | ||
| if (props.visible) innerRef.current.style.height = 'auto'; | ||
| if (!props.visible) innerRef.current.style.height = 0 + 'px'; | ||
| }, []); | ||
| useLayoutEffect(function () { | ||
| if (!innerRef.current) return; | ||
| if (props.visible) innerRef.current.style.height = 0 + 'px'; | ||
| if (!props.visible) innerRef.current.style.height = innerRef.current.scrollHeight + 'px'; | ||
| }, [props.visible]); | ||
| var handleAnimationStart = useCallback(function (event) { | ||
@@ -64,7 +69,4 @@ if (event.currentTarget !== event.target) return; | ||
| } | ||
| var element = event.currentTarget; | ||
| if (props.visible) element.style.height = 0 + 'px';else element.style.height = element.scrollHeight + 'px'; | ||
| setTimeout(function () { | ||
| if (props.visible) element.style.height = element.scrollHeight + 'px';else element.style.height = 0 + 'px'; | ||
| }, 0); | ||
| if (props.visible) event.currentTarget.style.height = event.currentTarget.scrollHeight + 'px'; | ||
| if (!props.visible) event.currentTarget.style.height = 0 + 'px'; | ||
| }, [props.visible]); | ||
@@ -71,0 +73,0 @@ var handleAnimationEnd = useCallback(function (event) { |
@@ -7,31 +7,30 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_tvn0u{0%,to{overflow:hidden}}@keyframes collapse-exit_tvn0u{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_tvn0u{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_tvn0u{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_tvn0u{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_tvn0u{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_tvn0u{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_tvn0u{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_tvn0u{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_tvn0u{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_tvn0u{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_tvn0u{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_tvn0u{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_tvn0u{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_tvn0u{0%{transform:var(--transformStart_tvn0u)}to{transform:var(--transformEnd_tvn0u)}}@keyframes transform-exit_tvn0u{0%{transform:var(--transformEnd_tvn0u)}to{transform:var(--transformStart_tvn0u)}}.___SCollapse_tvn0u_gg_{transition-property:height;height:0}.___SCollapse_tvn0u_gg_.__visible_tvn0u_gg_{transition-property:height;height:auto}" /*__inner_css_end__*/, "tvn0u_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_tvn0u", | ||
| "@collapse-exit": "collapse-exit_tvn0u", | ||
| "__SCollapse": "___SCollapse_tvn0u_gg_", | ||
| "_visible": "__visible_tvn0u_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_tvn0u", | ||
| "@fade-in-out-exit": "fade-in-out-exit_tvn0u", | ||
| "@opacity-in": "opacity-in_tvn0u", | ||
| "@opacity-out": "opacity-out_tvn0u", | ||
| "@scale-left-in": "scale-left-in_tvn0u", | ||
| "@scale-right-in": "scale-right-in_tvn0u", | ||
| "@scale-top-in": "scale-top-in_tvn0u", | ||
| "@scale-bottom-in": "scale-bottom-in_tvn0u", | ||
| "@scale-left-out": "scale-left-out_tvn0u", | ||
| "@scale-right-out": "scale-right-out_tvn0u", | ||
| "@scale-top-out": "scale-top-out_tvn0u", | ||
| "@scale-bottom-out": "scale-bottom-out_tvn0u", | ||
| "@slide-top-in": "slide-top-in_tvn0u", | ||
| "@slide-top-out": "slide-top-out_tvn0u", | ||
| "@slide-bottom-in": "slide-bottom-in_tvn0u", | ||
| "@slide-bottom-out": "slide-bottom-out_tvn0u", | ||
| "@slide-left-in": "slide-left-in_tvn0u", | ||
| "@slide-left-out": "slide-left-out_tvn0u", | ||
| "@slide-right-in": "slide-right-in_tvn0u", | ||
| "@slide-right-out": "slide-right-out_tvn0u", | ||
| "@transform-enter": "transform-enter_tvn0u", | ||
| "--transformStart": "--transformStart_tvn0u", | ||
| "--transformEnd": "--transformEnd_tvn0u", | ||
| "@transform-exit": "transform-exit_tvn0u" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_jxtzl{0%,to{overflow:hidden}}@keyframes collapse-exit_jxtzl{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_jxtzl{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_jxtzl{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_jxtzl{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_jxtzl{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_jxtzl{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_jxtzl{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_jxtzl{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_jxtzl{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_jxtzl{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_jxtzl{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_jxtzl{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_jxtzl{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_jxtzl{0%{transform:var(--transformStart_jxtzl)}to{transform:var(--transformEnd_jxtzl)}}@keyframes transform-exit_jxtzl{0%{transform:var(--transformEnd_jxtzl)}to{transform:var(--transformStart_jxtzl)}}.___SCollapse_jxtzl_gg_{transition-property:height}" /*__inner_css_end__*/, "jxtzl_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_jxtzl", | ||
| "@collapse-exit": "collapse-exit_jxtzl", | ||
| "__SCollapse": "___SCollapse_jxtzl_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_jxtzl", | ||
| "@fade-in-out-exit": "fade-in-out-exit_jxtzl", | ||
| "@opacity-in": "opacity-in_jxtzl", | ||
| "@opacity-out": "opacity-out_jxtzl", | ||
| "@scale-left-in": "scale-left-in_jxtzl", | ||
| "@scale-right-in": "scale-right-in_jxtzl", | ||
| "@scale-top-in": "scale-top-in_jxtzl", | ||
| "@scale-bottom-in": "scale-bottom-in_jxtzl", | ||
| "@scale-left-out": "scale-left-out_jxtzl", | ||
| "@scale-right-out": "scale-right-out_jxtzl", | ||
| "@scale-top-out": "scale-top-out_jxtzl", | ||
| "@scale-bottom-out": "scale-bottom-out_jxtzl", | ||
| "@slide-top-in": "slide-top-in_jxtzl", | ||
| "@slide-top-out": "slide-top-out_jxtzl", | ||
| "@slide-bottom-in": "slide-bottom-in_jxtzl", | ||
| "@slide-bottom-out": "slide-bottom-out_jxtzl", | ||
| "@slide-left-in": "slide-left-in_jxtzl", | ||
| "@slide-left-out": "slide-left-out_jxtzl", | ||
| "@slide-right-in": "slide-right-in_jxtzl", | ||
| "@slide-right-out": "slide-right-out_jxtzl", | ||
| "@transform-enter": "transform-enter_jxtzl", | ||
| "--transformStart": "--transformStart_jxtzl", | ||
| "--transformEnd": "--transformEnd_jxtzl", | ||
| "@transform-exit": "transform-exit_jxtzl" | ||
| }); | ||
@@ -38,0 +37,0 @@ function FadeInOut(props, ref) { |
@@ -8,31 +8,30 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_tvn0u{0%,to{overflow:hidden}}@keyframes collapse-exit_tvn0u{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_tvn0u{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_tvn0u{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_tvn0u{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_tvn0u{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_tvn0u{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_tvn0u{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_tvn0u{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_tvn0u{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_tvn0u{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_tvn0u{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_tvn0u{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_tvn0u{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_tvn0u{0%{transform:var(--transformStart_tvn0u)}to{transform:var(--transformEnd_tvn0u)}}@keyframes transform-exit_tvn0u{0%{transform:var(--transformEnd_tvn0u)}to{transform:var(--transformStart_tvn0u)}}.___SCollapse_tvn0u_gg_{transition-property:height;height:0}.___SCollapse_tvn0u_gg_.__visible_tvn0u_gg_{transition-property:height;height:auto}" /*__inner_css_end__*/, "tvn0u_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_tvn0u", | ||
| "@collapse-exit": "collapse-exit_tvn0u", | ||
| "__SCollapse": "___SCollapse_tvn0u_gg_", | ||
| "_visible": "__visible_tvn0u_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_tvn0u", | ||
| "@fade-in-out-exit": "fade-in-out-exit_tvn0u", | ||
| "@opacity-in": "opacity-in_tvn0u", | ||
| "@opacity-out": "opacity-out_tvn0u", | ||
| "@scale-left-in": "scale-left-in_tvn0u", | ||
| "@scale-right-in": "scale-right-in_tvn0u", | ||
| "@scale-top-in": "scale-top-in_tvn0u", | ||
| "@scale-bottom-in": "scale-bottom-in_tvn0u", | ||
| "@scale-left-out": "scale-left-out_tvn0u", | ||
| "@scale-right-out": "scale-right-out_tvn0u", | ||
| "@scale-top-out": "scale-top-out_tvn0u", | ||
| "@scale-bottom-out": "scale-bottom-out_tvn0u", | ||
| "@slide-top-in": "slide-top-in_tvn0u", | ||
| "@slide-top-out": "slide-top-out_tvn0u", | ||
| "@slide-bottom-in": "slide-bottom-in_tvn0u", | ||
| "@slide-bottom-out": "slide-bottom-out_tvn0u", | ||
| "@slide-left-in": "slide-left-in_tvn0u", | ||
| "@slide-left-out": "slide-left-out_tvn0u", | ||
| "@slide-right-in": "slide-right-in_tvn0u", | ||
| "@slide-right-out": "slide-right-out_tvn0u", | ||
| "@transform-enter": "transform-enter_tvn0u", | ||
| "--transformStart": "--transformStart_tvn0u", | ||
| "--transformEnd": "--transformEnd_tvn0u", | ||
| "@transform-exit": "transform-exit_tvn0u" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_jxtzl{0%,to{overflow:hidden}}@keyframes collapse-exit_jxtzl{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_jxtzl{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_jxtzl{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_jxtzl{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_jxtzl{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_jxtzl{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_jxtzl{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_jxtzl{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_jxtzl{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_jxtzl{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_jxtzl{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_jxtzl{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_jxtzl{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_jxtzl{0%{transform:var(--transformStart_jxtzl)}to{transform:var(--transformEnd_jxtzl)}}@keyframes transform-exit_jxtzl{0%{transform:var(--transformEnd_jxtzl)}to{transform:var(--transformStart_jxtzl)}}.___SCollapse_jxtzl_gg_{transition-property:height}" /*__inner_css_end__*/, "jxtzl_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_jxtzl", | ||
| "@collapse-exit": "collapse-exit_jxtzl", | ||
| "__SCollapse": "___SCollapse_jxtzl_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_jxtzl", | ||
| "@fade-in-out-exit": "fade-in-out-exit_jxtzl", | ||
| "@opacity-in": "opacity-in_jxtzl", | ||
| "@opacity-out": "opacity-out_jxtzl", | ||
| "@scale-left-in": "scale-left-in_jxtzl", | ||
| "@scale-right-in": "scale-right-in_jxtzl", | ||
| "@scale-top-in": "scale-top-in_jxtzl", | ||
| "@scale-bottom-in": "scale-bottom-in_jxtzl", | ||
| "@scale-left-out": "scale-left-out_jxtzl", | ||
| "@scale-right-out": "scale-right-out_jxtzl", | ||
| "@scale-top-out": "scale-top-out_jxtzl", | ||
| "@scale-bottom-out": "scale-bottom-out_jxtzl", | ||
| "@slide-top-in": "slide-top-in_jxtzl", | ||
| "@slide-top-out": "slide-top-out_jxtzl", | ||
| "@slide-bottom-in": "slide-bottom-in_jxtzl", | ||
| "@slide-bottom-out": "slide-bottom-out_jxtzl", | ||
| "@slide-left-in": "slide-left-in_jxtzl", | ||
| "@slide-left-out": "slide-left-out_jxtzl", | ||
| "@slide-right-in": "slide-right-in_jxtzl", | ||
| "@slide-right-out": "slide-right-out_jxtzl", | ||
| "@transform-enter": "transform-enter_jxtzl", | ||
| "--transformStart": "--transformStart_jxtzl", | ||
| "--transformEnd": "--transformEnd_jxtzl", | ||
| "@transform-exit": "transform-exit_jxtzl" | ||
| }); | ||
@@ -39,0 +38,0 @@ import { useForkRef } from '@semcore/utils/lib/ref'; |
@@ -7,31 +7,30 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_tvn0u{0%,to{overflow:hidden}}@keyframes collapse-exit_tvn0u{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_tvn0u{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_tvn0u{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_tvn0u{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_tvn0u{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_tvn0u{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_tvn0u{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_tvn0u{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_tvn0u{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_tvn0u{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_tvn0u{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_tvn0u{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_tvn0u{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_tvn0u{0%{transform:var(--transformStart_tvn0u)}to{transform:var(--transformEnd_tvn0u)}}@keyframes transform-exit_tvn0u{0%{transform:var(--transformEnd_tvn0u)}to{transform:var(--transformStart_tvn0u)}}.___SCollapse_tvn0u_gg_{transition-property:height;height:0}.___SCollapse_tvn0u_gg_.__visible_tvn0u_gg_{transition-property:height;height:auto}" /*__inner_css_end__*/, "tvn0u_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_tvn0u", | ||
| "@collapse-exit": "collapse-exit_tvn0u", | ||
| "__SCollapse": "___SCollapse_tvn0u_gg_", | ||
| "_visible": "__visible_tvn0u_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_tvn0u", | ||
| "@fade-in-out-exit": "fade-in-out-exit_tvn0u", | ||
| "@opacity-in": "opacity-in_tvn0u", | ||
| "@opacity-out": "opacity-out_tvn0u", | ||
| "@scale-left-in": "scale-left-in_tvn0u", | ||
| "@scale-right-in": "scale-right-in_tvn0u", | ||
| "@scale-top-in": "scale-top-in_tvn0u", | ||
| "@scale-bottom-in": "scale-bottom-in_tvn0u", | ||
| "@scale-left-out": "scale-left-out_tvn0u", | ||
| "@scale-right-out": "scale-right-out_tvn0u", | ||
| "@scale-top-out": "scale-top-out_tvn0u", | ||
| "@scale-bottom-out": "scale-bottom-out_tvn0u", | ||
| "@slide-top-in": "slide-top-in_tvn0u", | ||
| "@slide-top-out": "slide-top-out_tvn0u", | ||
| "@slide-bottom-in": "slide-bottom-in_tvn0u", | ||
| "@slide-bottom-out": "slide-bottom-out_tvn0u", | ||
| "@slide-left-in": "slide-left-in_tvn0u", | ||
| "@slide-left-out": "slide-left-out_tvn0u", | ||
| "@slide-right-in": "slide-right-in_tvn0u", | ||
| "@slide-right-out": "slide-right-out_tvn0u", | ||
| "@transform-enter": "transform-enter_tvn0u", | ||
| "--transformStart": "--transformStart_tvn0u", | ||
| "--transformEnd": "--transformEnd_tvn0u", | ||
| "@transform-exit": "transform-exit_tvn0u" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_jxtzl{0%,to{overflow:hidden}}@keyframes collapse-exit_jxtzl{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_jxtzl{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_jxtzl{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_jxtzl{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_jxtzl{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_jxtzl{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_jxtzl{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_jxtzl{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_jxtzl{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_jxtzl{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_jxtzl{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_jxtzl{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_jxtzl{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_jxtzl{0%{transform:var(--transformStart_jxtzl)}to{transform:var(--transformEnd_jxtzl)}}@keyframes transform-exit_jxtzl{0%{transform:var(--transformEnd_jxtzl)}to{transform:var(--transformStart_jxtzl)}}.___SCollapse_jxtzl_gg_{transition-property:height}" /*__inner_css_end__*/, "jxtzl_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_jxtzl", | ||
| "@collapse-exit": "collapse-exit_jxtzl", | ||
| "__SCollapse": "___SCollapse_jxtzl_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_jxtzl", | ||
| "@fade-in-out-exit": "fade-in-out-exit_jxtzl", | ||
| "@opacity-in": "opacity-in_jxtzl", | ||
| "@opacity-out": "opacity-out_jxtzl", | ||
| "@scale-left-in": "scale-left-in_jxtzl", | ||
| "@scale-right-in": "scale-right-in_jxtzl", | ||
| "@scale-top-in": "scale-top-in_jxtzl", | ||
| "@scale-bottom-in": "scale-bottom-in_jxtzl", | ||
| "@scale-left-out": "scale-left-out_jxtzl", | ||
| "@scale-right-out": "scale-right-out_jxtzl", | ||
| "@scale-top-out": "scale-top-out_jxtzl", | ||
| "@scale-bottom-out": "scale-bottom-out_jxtzl", | ||
| "@slide-top-in": "slide-top-in_jxtzl", | ||
| "@slide-top-out": "slide-top-out_jxtzl", | ||
| "@slide-bottom-in": "slide-bottom-in_jxtzl", | ||
| "@slide-bottom-out": "slide-bottom-out_jxtzl", | ||
| "@slide-left-in": "slide-left-in_jxtzl", | ||
| "@slide-left-out": "slide-left-out_jxtzl", | ||
| "@slide-right-in": "slide-right-in_jxtzl", | ||
| "@slide-right-out": "slide-right-out_jxtzl", | ||
| "@transform-enter": "transform-enter_jxtzl", | ||
| "--transformStart": "--transformStart_jxtzl", | ||
| "--transformEnd": "--transformEnd_jxtzl", | ||
| "@transform-exit": "transform-exit_jxtzl" | ||
| }); | ||
@@ -38,0 +37,0 @@ function Slide(props, ref) { |
@@ -9,31 +9,30 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_tvn0u{0%,to{overflow:hidden}}@keyframes collapse-exit_tvn0u{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_tvn0u{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_tvn0u{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_tvn0u{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_tvn0u{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_tvn0u{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_tvn0u{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_tvn0u{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_tvn0u{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_tvn0u{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_tvn0u{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_tvn0u{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_tvn0u{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_tvn0u{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_tvn0u{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_tvn0u{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_tvn0u{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_tvn0u{0%{transform:var(--transformStart_tvn0u)}to{transform:var(--transformEnd_tvn0u)}}@keyframes transform-exit_tvn0u{0%{transform:var(--transformEnd_tvn0u)}to{transform:var(--transformStart_tvn0u)}}.___SCollapse_tvn0u_gg_{transition-property:height;height:0}.___SCollapse_tvn0u_gg_.__visible_tvn0u_gg_{transition-property:height;height:auto}" /*__inner_css_end__*/, "tvn0u_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_tvn0u", | ||
| "@collapse-exit": "collapse-exit_tvn0u", | ||
| "__SCollapse": "___SCollapse_tvn0u_gg_", | ||
| "_visible": "__visible_tvn0u_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_tvn0u", | ||
| "@fade-in-out-exit": "fade-in-out-exit_tvn0u", | ||
| "@opacity-in": "opacity-in_tvn0u", | ||
| "@opacity-out": "opacity-out_tvn0u", | ||
| "@scale-left-in": "scale-left-in_tvn0u", | ||
| "@scale-right-in": "scale-right-in_tvn0u", | ||
| "@scale-top-in": "scale-top-in_tvn0u", | ||
| "@scale-bottom-in": "scale-bottom-in_tvn0u", | ||
| "@scale-left-out": "scale-left-out_tvn0u", | ||
| "@scale-right-out": "scale-right-out_tvn0u", | ||
| "@scale-top-out": "scale-top-out_tvn0u", | ||
| "@scale-bottom-out": "scale-bottom-out_tvn0u", | ||
| "@slide-top-in": "slide-top-in_tvn0u", | ||
| "@slide-top-out": "slide-top-out_tvn0u", | ||
| "@slide-bottom-in": "slide-bottom-in_tvn0u", | ||
| "@slide-bottom-out": "slide-bottom-out_tvn0u", | ||
| "@slide-left-in": "slide-left-in_tvn0u", | ||
| "@slide-left-out": "slide-left-out_tvn0u", | ||
| "@slide-right-in": "slide-right-in_tvn0u", | ||
| "@slide-right-out": "slide-right-out_tvn0u", | ||
| "@transform-enter": "transform-enter_tvn0u", | ||
| "--transformStart": "--transformStart_tvn0u", | ||
| "--transformEnd": "--transformEnd_tvn0u", | ||
| "@transform-exit": "transform-exit_tvn0u" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_jxtzl{0%,to{overflow:hidden}}@keyframes collapse-exit_jxtzl{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_jxtzl{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_jxtzl{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_jxtzl{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_jxtzl{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_jxtzl{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_jxtzl{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_jxtzl{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_jxtzl{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_jxtzl{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_jxtzl{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_jxtzl{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_jxtzl{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_jxtzl{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_jxtzl{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_jxtzl{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_jxtzl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_jxtzl{0%{transform:var(--transformStart_jxtzl)}to{transform:var(--transformEnd_jxtzl)}}@keyframes transform-exit_jxtzl{0%{transform:var(--transformEnd_jxtzl)}to{transform:var(--transformStart_jxtzl)}}.___SCollapse_jxtzl_gg_{transition-property:height}" /*__inner_css_end__*/, "jxtzl_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_jxtzl", | ||
| "@collapse-exit": "collapse-exit_jxtzl", | ||
| "__SCollapse": "___SCollapse_jxtzl_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_jxtzl", | ||
| "@fade-in-out-exit": "fade-in-out-exit_jxtzl", | ||
| "@opacity-in": "opacity-in_jxtzl", | ||
| "@opacity-out": "opacity-out_jxtzl", | ||
| "@scale-left-in": "scale-left-in_jxtzl", | ||
| "@scale-right-in": "scale-right-in_jxtzl", | ||
| "@scale-top-in": "scale-top-in_jxtzl", | ||
| "@scale-bottom-in": "scale-bottom-in_jxtzl", | ||
| "@scale-left-out": "scale-left-out_jxtzl", | ||
| "@scale-right-out": "scale-right-out_jxtzl", | ||
| "@scale-top-out": "scale-top-out_jxtzl", | ||
| "@scale-bottom-out": "scale-bottom-out_jxtzl", | ||
| "@slide-top-in": "slide-top-in_jxtzl", | ||
| "@slide-top-out": "slide-top-out_jxtzl", | ||
| "@slide-bottom-in": "slide-bottom-in_jxtzl", | ||
| "@slide-bottom-out": "slide-bottom-out_jxtzl", | ||
| "@slide-left-in": "slide-left-in_jxtzl", | ||
| "@slide-left-out": "slide-left-out_jxtzl", | ||
| "@slide-right-in": "slide-right-in_jxtzl", | ||
| "@slide-right-out": "slide-right-out_jxtzl", | ||
| "@transform-enter": "transform-enter_jxtzl", | ||
| "--transformStart": "--transformStart_jxtzl", | ||
| "--transformEnd": "--transformEnd_jxtzl", | ||
| "@transform-exit": "transform-exit_jxtzl" | ||
| }); | ||
@@ -40,0 +39,0 @@ function Transform(props, ref) { |
| { | ||
| "name": "@semcore/animation", | ||
| "description": "Semrush Animation Component", | ||
| "version": "1.10.5", | ||
| "version": "1.10.6", | ||
| "main": "lib/cjs/index.js", | ||
@@ -6,0 +6,0 @@ "module": "lib/es6/index.js", |
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
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
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-0.02%
156180
- Lines of code
- decreased by-0.77%
1794
No dependency changes