@semcore/animation
Advanced tools
@semcore/animation - npm Package Compare versions
Comparing version 1.10.12 to 1.10.13
@@ -5,2 +5,8 @@ # Changelog | ||
| ## [1.10.13] - 2023-05-29 | ||
| ### Fixed | ||
| - Fixed blinking on first render. | ||
| ## [1.10.12] - 2023-05-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_3uxex_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_3uxex);animation-duration:var(--durationFinalize_3uxex);animation-delay:var(--delayFinalize_3uxex);animation-name:var(--keyframesFinalize_3uxex)}.___SAnimation_3uxex_gg_.__transition-based_3uxex_gg_{transition-timing-function:var(--timingFunction_3uxex);transition-duration:var(--durationFinalize_3uxex);transition-delay:var(--delayFinalize_3uxex)}.___SAnimation_3uxex_gg_.__visible_3uxex_gg_{animation-duration:var(--durationInitialize_3uxex);animation-delay:var(--delayInitialize_3uxex);animation-name:var(--keyframesInitialize_3uxex)}.___SAnimation_3uxex_gg_.__visible_3uxex_gg_.__transition-based_3uxex_gg_{transition-timing-function:var(--timingFunction_3uxex);transition-duration:var(--durationInitialize_3uxex);transition-delay:var(--delayInitialize_3uxex)}@media (prefers-reduced-motion){.___SAnimation_3uxex_gg_.__transition-based_3uxex_gg_,.___SAnimation_3uxex_gg_.__visible_3uxex_gg_.__transition-based_3uxex_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_3uxex_gg_,.___SAnimation_3uxex_gg_.__visible_3uxex_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "3uxex_gg_") /*__reshadow_css_end__*/, { | ||
| "__SAnimation": "___SAnimation_3uxex_gg_", | ||
| "--timingFunction": "--timingFunction_3uxex", | ||
| "--durationFinalize": "--durationFinalize_3uxex", | ||
| "--delayFinalize": "--delayFinalize_3uxex", | ||
| "--keyframesFinalize": "--keyframesFinalize_3uxex", | ||
| "_transition-based": "__transition-based_3uxex_gg_", | ||
| "_visible": "__visible_3uxex_gg_", | ||
| "--durationInitialize": "--durationInitialize_3uxex", | ||
| "--delayInitialize": "--delayInitialize_3uxex", | ||
| "--keyframesInitialize": "--keyframesInitialize_3uxex" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAnimation_kwc9v_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_kwc9v);animation-duration:var(--durationFinalize_kwc9v);animation-delay:var(--delayFinalize_kwc9v);animation-name:var(--keyframesFinalize_kwc9v)}.___SAnimation_kwc9v_gg_.__transition-based_kwc9v_gg_{transition-timing-function:var(--timingFunction_kwc9v);transition-duration:var(--durationFinalize_kwc9v);transition-delay:var(--delayFinalize_kwc9v)}.___SAnimation_kwc9v_gg_.__visible_kwc9v_gg_{animation-duration:var(--durationInitialize_kwc9v);animation-delay:var(--delayInitialize_kwc9v);animation-name:var(--keyframesInitialize_kwc9v)}.___SAnimation_kwc9v_gg_.__visible_kwc9v_gg_.__transition-based_kwc9v_gg_{transition-timing-function:var(--timingFunction_kwc9v);transition-duration:var(--durationInitialize_kwc9v);transition-delay:var(--delayInitialize_kwc9v)}@media (prefers-reduced-motion){.___SAnimation_kwc9v_gg_.__transition-based_kwc9v_gg_,.___SAnimation_kwc9v_gg_.__visible_kwc9v_gg_.__transition-based_kwc9v_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_kwc9v_gg_,.___SAnimation_kwc9v_gg_.__visible_kwc9v_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "kwc9v_gg_") /*__reshadow_css_end__*/, { | ||
| "__SAnimation": "___SAnimation_kwc9v_gg_", | ||
| "--timingFunction": "--timingFunction_kwc9v", | ||
| "--durationFinalize": "--durationFinalize_kwc9v", | ||
| "--delayFinalize": "--delayFinalize_kwc9v", | ||
| "--keyframesFinalize": "--keyframesFinalize_kwc9v", | ||
| "_transition-based": "__transition-based_kwc9v_gg_", | ||
| "_visible": "__visible_kwc9v_gg_", | ||
| "--durationInitialize": "--durationInitialize_kwc9v", | ||
| "--delayInitialize": "--delayInitialize_kwc9v", | ||
| "--keyframesInitialize": "--keyframesInitialize_kwc9v" | ||
| }); | ||
@@ -34,0 +34,0 @@ function propToArray(prop) { |
@@ -18,30 +18,30 @@ "use strict"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_skhuv{0%,to{overflow:hidden}}@keyframes collapse-exit_skhuv{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_skhuv{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_skhuv{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_skhuv{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_skhuv{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_skhuv{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_skhuv{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_skhuv{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_skhuv{0%{transform:var(--transformStart_skhuv)}to{transform:var(--transformEnd_skhuv)}}@keyframes transform-exit_skhuv{0%{transform:var(--transformEnd_skhuv)}to{transform:var(--transformStart_skhuv)}}.___SCollapse_skhuv_gg_{transition-property:height}" /*__inner_css_end__*/, "skhuv_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_skhuv", | ||
| "@collapse-exit": "collapse-exit_skhuv", | ||
| "__SCollapse": "___SCollapse_skhuv_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_skhuv", | ||
| "@fade-in-out-exit": "fade-in-out-exit_skhuv", | ||
| "@opacity-in": "opacity-in_skhuv", | ||
| "@opacity-out": "opacity-out_skhuv", | ||
| "@scale-left-in": "scale-left-in_skhuv", | ||
| "@scale-right-in": "scale-right-in_skhuv", | ||
| "@scale-top-in": "scale-top-in_skhuv", | ||
| "@scale-bottom-in": "scale-bottom-in_skhuv", | ||
| "@scale-left-out": "scale-left-out_skhuv", | ||
| "@scale-right-out": "scale-right-out_skhuv", | ||
| "@scale-top-out": "scale-top-out_skhuv", | ||
| "@scale-bottom-out": "scale-bottom-out_skhuv", | ||
| "@slide-top-in": "slide-top-in_skhuv", | ||
| "@slide-top-out": "slide-top-out_skhuv", | ||
| "@slide-bottom-in": "slide-bottom-in_skhuv", | ||
| "@slide-bottom-out": "slide-bottom-out_skhuv", | ||
| "@slide-left-in": "slide-left-in_skhuv", | ||
| "@slide-left-out": "slide-left-out_skhuv", | ||
| "@slide-right-in": "slide-right-in_skhuv", | ||
| "@slide-right-out": "slide-right-out_skhuv", | ||
| "@transform-enter": "transform-enter_skhuv", | ||
| "--transformStart": "--transformStart_skhuv", | ||
| "--transformEnd": "--transformEnd_skhuv", | ||
| "@transform-exit": "transform-exit_skhuv" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1cibe{0%,to{overflow:hidden}}@keyframes collapse-exit_1cibe{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1cibe{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1cibe{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1cibe{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1cibe{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1cibe{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1cibe{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1cibe{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1cibe{0%{transform:var(--transformStart_1cibe)}to{transform:var(--transformEnd_1cibe)}}@keyframes transform-exit_1cibe{0%{transform:var(--transformEnd_1cibe)}to{transform:var(--transformStart_1cibe)}}.___SCollapse_1cibe_gg_{transition-property:height}" /*__inner_css_end__*/, "1cibe_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_1cibe", | ||
| "@collapse-exit": "collapse-exit_1cibe", | ||
| "__SCollapse": "___SCollapse_1cibe_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_1cibe", | ||
| "@fade-in-out-exit": "fade-in-out-exit_1cibe", | ||
| "@opacity-in": "opacity-in_1cibe", | ||
| "@opacity-out": "opacity-out_1cibe", | ||
| "@scale-left-in": "scale-left-in_1cibe", | ||
| "@scale-right-in": "scale-right-in_1cibe", | ||
| "@scale-top-in": "scale-top-in_1cibe", | ||
| "@scale-bottom-in": "scale-bottom-in_1cibe", | ||
| "@scale-left-out": "scale-left-out_1cibe", | ||
| "@scale-right-out": "scale-right-out_1cibe", | ||
| "@scale-top-out": "scale-top-out_1cibe", | ||
| "@scale-bottom-out": "scale-bottom-out_1cibe", | ||
| "@slide-top-in": "slide-top-in_1cibe", | ||
| "@slide-top-out": "slide-top-out_1cibe", | ||
| "@slide-bottom-in": "slide-bottom-in_1cibe", | ||
| "@slide-bottom-out": "slide-bottom-out_1cibe", | ||
| "@slide-left-in": "slide-left-in_1cibe", | ||
| "@slide-left-out": "slide-left-out_1cibe", | ||
| "@slide-right-in": "slide-right-in_1cibe", | ||
| "@slide-right-out": "slide-right-out_1cibe", | ||
| "@transform-enter": "transform-enter_1cibe", | ||
| "--transformStart": "--transformStart_1cibe", | ||
| "--transformEnd": "--transformEnd_1cibe", | ||
| "@transform-exit": "transform-exit_1cibe" | ||
| }); | ||
@@ -59,7 +59,2 @@ function Collapse(_ref2, ref) { | ||
| var forkedRef = (0, _ref3.useForkRef)(innerRef, ref); | ||
| (0, _react.useEffect)(function () { | ||
| if (!innerRef.current) return; | ||
| if (props.visible) innerRef.current.style.height = 'auto'; | ||
| if (!props.visible) innerRef.current.style.height = 0 + 'px'; | ||
| }, []); | ||
| (0, _useEnhancedEffect["default"])(function () { | ||
@@ -70,2 +65,7 @@ if (!innerRef.current) return; | ||
| }, [props.visible]); | ||
| (0, _useEnhancedEffect["default"])(function () { | ||
| if (!innerRef.current) return; | ||
| if (props.visible) innerRef.current.style.height = 'auto'; | ||
| if (!props.visible) innerRef.current.style.height = 0 + 'px'; | ||
| }, []); | ||
| var handleAnimationStart = (0, _react.useCallback)(function (event) { | ||
@@ -72,0 +72,0 @@ if (event.currentTarget !== event.target) return; |
@@ -13,30 +13,30 @@ "use strict"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_skhuv{0%,to{overflow:hidden}}@keyframes collapse-exit_skhuv{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_skhuv{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_skhuv{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_skhuv{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_skhuv{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_skhuv{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_skhuv{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_skhuv{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_skhuv{0%{transform:var(--transformStart_skhuv)}to{transform:var(--transformEnd_skhuv)}}@keyframes transform-exit_skhuv{0%{transform:var(--transformEnd_skhuv)}to{transform:var(--transformStart_skhuv)}}.___SCollapse_skhuv_gg_{transition-property:height}" /*__inner_css_end__*/, "skhuv_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_skhuv", | ||
| "@collapse-exit": "collapse-exit_skhuv", | ||
| "__SCollapse": "___SCollapse_skhuv_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_skhuv", | ||
| "@fade-in-out-exit": "fade-in-out-exit_skhuv", | ||
| "@opacity-in": "opacity-in_skhuv", | ||
| "@opacity-out": "opacity-out_skhuv", | ||
| "@scale-left-in": "scale-left-in_skhuv", | ||
| "@scale-right-in": "scale-right-in_skhuv", | ||
| "@scale-top-in": "scale-top-in_skhuv", | ||
| "@scale-bottom-in": "scale-bottom-in_skhuv", | ||
| "@scale-left-out": "scale-left-out_skhuv", | ||
| "@scale-right-out": "scale-right-out_skhuv", | ||
| "@scale-top-out": "scale-top-out_skhuv", | ||
| "@scale-bottom-out": "scale-bottom-out_skhuv", | ||
| "@slide-top-in": "slide-top-in_skhuv", | ||
| "@slide-top-out": "slide-top-out_skhuv", | ||
| "@slide-bottom-in": "slide-bottom-in_skhuv", | ||
| "@slide-bottom-out": "slide-bottom-out_skhuv", | ||
| "@slide-left-in": "slide-left-in_skhuv", | ||
| "@slide-left-out": "slide-left-out_skhuv", | ||
| "@slide-right-in": "slide-right-in_skhuv", | ||
| "@slide-right-out": "slide-right-out_skhuv", | ||
| "@transform-enter": "transform-enter_skhuv", | ||
| "--transformStart": "--transformStart_skhuv", | ||
| "--transformEnd": "--transformEnd_skhuv", | ||
| "@transform-exit": "transform-exit_skhuv" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1cibe{0%,to{overflow:hidden}}@keyframes collapse-exit_1cibe{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1cibe{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1cibe{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1cibe{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1cibe{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1cibe{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1cibe{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1cibe{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1cibe{0%{transform:var(--transformStart_1cibe)}to{transform:var(--transformEnd_1cibe)}}@keyframes transform-exit_1cibe{0%{transform:var(--transformEnd_1cibe)}to{transform:var(--transformStart_1cibe)}}.___SCollapse_1cibe_gg_{transition-property:height}" /*__inner_css_end__*/, "1cibe_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_1cibe", | ||
| "@collapse-exit": "collapse-exit_1cibe", | ||
| "__SCollapse": "___SCollapse_1cibe_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_1cibe", | ||
| "@fade-in-out-exit": "fade-in-out-exit_1cibe", | ||
| "@opacity-in": "opacity-in_1cibe", | ||
| "@opacity-out": "opacity-out_1cibe", | ||
| "@scale-left-in": "scale-left-in_1cibe", | ||
| "@scale-right-in": "scale-right-in_1cibe", | ||
| "@scale-top-in": "scale-top-in_1cibe", | ||
| "@scale-bottom-in": "scale-bottom-in_1cibe", | ||
| "@scale-left-out": "scale-left-out_1cibe", | ||
| "@scale-right-out": "scale-right-out_1cibe", | ||
| "@scale-top-out": "scale-top-out_1cibe", | ||
| "@scale-bottom-out": "scale-bottom-out_1cibe", | ||
| "@slide-top-in": "slide-top-in_1cibe", | ||
| "@slide-top-out": "slide-top-out_1cibe", | ||
| "@slide-bottom-in": "slide-bottom-in_1cibe", | ||
| "@slide-bottom-out": "slide-bottom-out_1cibe", | ||
| "@slide-left-in": "slide-left-in_1cibe", | ||
| "@slide-left-out": "slide-left-out_1cibe", | ||
| "@slide-right-in": "slide-right-in_1cibe", | ||
| "@slide-right-out": "slide-right-out_1cibe", | ||
| "@transform-enter": "transform-enter_1cibe", | ||
| "--transformStart": "--transformStart_1cibe", | ||
| "--transformEnd": "--transformEnd_1cibe", | ||
| "@transform-exit": "transform-exit_1cibe" | ||
| }); | ||
@@ -43,0 +43,0 @@ function FadeInOut(props, ref) { |
@@ -15,30 +15,30 @@ "use strict"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_skhuv{0%,to{overflow:hidden}}@keyframes collapse-exit_skhuv{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_skhuv{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_skhuv{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_skhuv{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_skhuv{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_skhuv{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_skhuv{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_skhuv{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_skhuv{0%{transform:var(--transformStart_skhuv)}to{transform:var(--transformEnd_skhuv)}}@keyframes transform-exit_skhuv{0%{transform:var(--transformEnd_skhuv)}to{transform:var(--transformStart_skhuv)}}.___SCollapse_skhuv_gg_{transition-property:height}" /*__inner_css_end__*/, "skhuv_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_skhuv", | ||
| "@collapse-exit": "collapse-exit_skhuv", | ||
| "__SCollapse": "___SCollapse_skhuv_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_skhuv", | ||
| "@fade-in-out-exit": "fade-in-out-exit_skhuv", | ||
| "@opacity-in": "opacity-in_skhuv", | ||
| "@opacity-out": "opacity-out_skhuv", | ||
| "@scale-left-in": "scale-left-in_skhuv", | ||
| "@scale-right-in": "scale-right-in_skhuv", | ||
| "@scale-top-in": "scale-top-in_skhuv", | ||
| "@scale-bottom-in": "scale-bottom-in_skhuv", | ||
| "@scale-left-out": "scale-left-out_skhuv", | ||
| "@scale-right-out": "scale-right-out_skhuv", | ||
| "@scale-top-out": "scale-top-out_skhuv", | ||
| "@scale-bottom-out": "scale-bottom-out_skhuv", | ||
| "@slide-top-in": "slide-top-in_skhuv", | ||
| "@slide-top-out": "slide-top-out_skhuv", | ||
| "@slide-bottom-in": "slide-bottom-in_skhuv", | ||
| "@slide-bottom-out": "slide-bottom-out_skhuv", | ||
| "@slide-left-in": "slide-left-in_skhuv", | ||
| "@slide-left-out": "slide-left-out_skhuv", | ||
| "@slide-right-in": "slide-right-in_skhuv", | ||
| "@slide-right-out": "slide-right-out_skhuv", | ||
| "@transform-enter": "transform-enter_skhuv", | ||
| "--transformStart": "--transformStart_skhuv", | ||
| "--transformEnd": "--transformEnd_skhuv", | ||
| "@transform-exit": "transform-exit_skhuv" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1cibe{0%,to{overflow:hidden}}@keyframes collapse-exit_1cibe{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1cibe{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1cibe{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1cibe{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1cibe{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1cibe{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1cibe{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1cibe{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1cibe{0%{transform:var(--transformStart_1cibe)}to{transform:var(--transformEnd_1cibe)}}@keyframes transform-exit_1cibe{0%{transform:var(--transformEnd_1cibe)}to{transform:var(--transformStart_1cibe)}}.___SCollapse_1cibe_gg_{transition-property:height}" /*__inner_css_end__*/, "1cibe_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_1cibe", | ||
| "@collapse-exit": "collapse-exit_1cibe", | ||
| "__SCollapse": "___SCollapse_1cibe_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_1cibe", | ||
| "@fade-in-out-exit": "fade-in-out-exit_1cibe", | ||
| "@opacity-in": "opacity-in_1cibe", | ||
| "@opacity-out": "opacity-out_1cibe", | ||
| "@scale-left-in": "scale-left-in_1cibe", | ||
| "@scale-right-in": "scale-right-in_1cibe", | ||
| "@scale-top-in": "scale-top-in_1cibe", | ||
| "@scale-bottom-in": "scale-bottom-in_1cibe", | ||
| "@scale-left-out": "scale-left-out_1cibe", | ||
| "@scale-right-out": "scale-right-out_1cibe", | ||
| "@scale-top-out": "scale-top-out_1cibe", | ||
| "@scale-bottom-out": "scale-bottom-out_1cibe", | ||
| "@slide-top-in": "slide-top-in_1cibe", | ||
| "@slide-top-out": "slide-top-out_1cibe", | ||
| "@slide-bottom-in": "slide-bottom-in_1cibe", | ||
| "@slide-bottom-out": "slide-bottom-out_1cibe", | ||
| "@slide-left-in": "slide-left-in_1cibe", | ||
| "@slide-left-out": "slide-left-out_1cibe", | ||
| "@slide-right-in": "slide-right-in_1cibe", | ||
| "@slide-right-out": "slide-right-out_1cibe", | ||
| "@transform-enter": "transform-enter_1cibe", | ||
| "--transformStart": "--transformStart_1cibe", | ||
| "--transformEnd": "--transformEnd_1cibe", | ||
| "@transform-exit": "transform-exit_1cibe" | ||
| }); | ||
@@ -45,0 +45,0 @@ function Scale(props, ref) { |
@@ -13,30 +13,30 @@ "use strict"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_skhuv{0%,to{overflow:hidden}}@keyframes collapse-exit_skhuv{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_skhuv{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_skhuv{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_skhuv{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_skhuv{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_skhuv{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_skhuv{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_skhuv{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_skhuv{0%{transform:var(--transformStart_skhuv)}to{transform:var(--transformEnd_skhuv)}}@keyframes transform-exit_skhuv{0%{transform:var(--transformEnd_skhuv)}to{transform:var(--transformStart_skhuv)}}.___SCollapse_skhuv_gg_{transition-property:height}" /*__inner_css_end__*/, "skhuv_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_skhuv", | ||
| "@collapse-exit": "collapse-exit_skhuv", | ||
| "__SCollapse": "___SCollapse_skhuv_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_skhuv", | ||
| "@fade-in-out-exit": "fade-in-out-exit_skhuv", | ||
| "@opacity-in": "opacity-in_skhuv", | ||
| "@opacity-out": "opacity-out_skhuv", | ||
| "@scale-left-in": "scale-left-in_skhuv", | ||
| "@scale-right-in": "scale-right-in_skhuv", | ||
| "@scale-top-in": "scale-top-in_skhuv", | ||
| "@scale-bottom-in": "scale-bottom-in_skhuv", | ||
| "@scale-left-out": "scale-left-out_skhuv", | ||
| "@scale-right-out": "scale-right-out_skhuv", | ||
| "@scale-top-out": "scale-top-out_skhuv", | ||
| "@scale-bottom-out": "scale-bottom-out_skhuv", | ||
| "@slide-top-in": "slide-top-in_skhuv", | ||
| "@slide-top-out": "slide-top-out_skhuv", | ||
| "@slide-bottom-in": "slide-bottom-in_skhuv", | ||
| "@slide-bottom-out": "slide-bottom-out_skhuv", | ||
| "@slide-left-in": "slide-left-in_skhuv", | ||
| "@slide-left-out": "slide-left-out_skhuv", | ||
| "@slide-right-in": "slide-right-in_skhuv", | ||
| "@slide-right-out": "slide-right-out_skhuv", | ||
| "@transform-enter": "transform-enter_skhuv", | ||
| "--transformStart": "--transformStart_skhuv", | ||
| "--transformEnd": "--transformEnd_skhuv", | ||
| "@transform-exit": "transform-exit_skhuv" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1cibe{0%,to{overflow:hidden}}@keyframes collapse-exit_1cibe{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1cibe{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1cibe{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1cibe{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1cibe{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1cibe{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1cibe{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1cibe{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1cibe{0%{transform:var(--transformStart_1cibe)}to{transform:var(--transformEnd_1cibe)}}@keyframes transform-exit_1cibe{0%{transform:var(--transformEnd_1cibe)}to{transform:var(--transformStart_1cibe)}}.___SCollapse_1cibe_gg_{transition-property:height}" /*__inner_css_end__*/, "1cibe_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_1cibe", | ||
| "@collapse-exit": "collapse-exit_1cibe", | ||
| "__SCollapse": "___SCollapse_1cibe_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_1cibe", | ||
| "@fade-in-out-exit": "fade-in-out-exit_1cibe", | ||
| "@opacity-in": "opacity-in_1cibe", | ||
| "@opacity-out": "opacity-out_1cibe", | ||
| "@scale-left-in": "scale-left-in_1cibe", | ||
| "@scale-right-in": "scale-right-in_1cibe", | ||
| "@scale-top-in": "scale-top-in_1cibe", | ||
| "@scale-bottom-in": "scale-bottom-in_1cibe", | ||
| "@scale-left-out": "scale-left-out_1cibe", | ||
| "@scale-right-out": "scale-right-out_1cibe", | ||
| "@scale-top-out": "scale-top-out_1cibe", | ||
| "@scale-bottom-out": "scale-bottom-out_1cibe", | ||
| "@slide-top-in": "slide-top-in_1cibe", | ||
| "@slide-top-out": "slide-top-out_1cibe", | ||
| "@slide-bottom-in": "slide-bottom-in_1cibe", | ||
| "@slide-bottom-out": "slide-bottom-out_1cibe", | ||
| "@slide-left-in": "slide-left-in_1cibe", | ||
| "@slide-left-out": "slide-left-out_1cibe", | ||
| "@slide-right-in": "slide-right-in_1cibe", | ||
| "@slide-right-out": "slide-right-out_1cibe", | ||
| "@transform-enter": "transform-enter_1cibe", | ||
| "--transformStart": "--transformStart_1cibe", | ||
| "--transformEnd": "--transformEnd_1cibe", | ||
| "@transform-exit": "transform-exit_1cibe" | ||
| }); | ||
@@ -43,0 +43,0 @@ function Slide(props, ref) { |
@@ -15,30 +15,30 @@ "use strict"; | ||
| /*__reshadow-styles__:"./style/keyframes.shadow.css"*/ | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_skhuv{0%,to{overflow:hidden}}@keyframes collapse-exit_skhuv{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_skhuv{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_skhuv{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_skhuv{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_skhuv{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_skhuv{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_skhuv{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_skhuv{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_skhuv{0%{transform:var(--transformStart_skhuv)}to{transform:var(--transformEnd_skhuv)}}@keyframes transform-exit_skhuv{0%{transform:var(--transformEnd_skhuv)}to{transform:var(--transformStart_skhuv)}}.___SCollapse_skhuv_gg_{transition-property:height}" /*__inner_css_end__*/, "skhuv_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_skhuv", | ||
| "@collapse-exit": "collapse-exit_skhuv", | ||
| "__SCollapse": "___SCollapse_skhuv_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_skhuv", | ||
| "@fade-in-out-exit": "fade-in-out-exit_skhuv", | ||
| "@opacity-in": "opacity-in_skhuv", | ||
| "@opacity-out": "opacity-out_skhuv", | ||
| "@scale-left-in": "scale-left-in_skhuv", | ||
| "@scale-right-in": "scale-right-in_skhuv", | ||
| "@scale-top-in": "scale-top-in_skhuv", | ||
| "@scale-bottom-in": "scale-bottom-in_skhuv", | ||
| "@scale-left-out": "scale-left-out_skhuv", | ||
| "@scale-right-out": "scale-right-out_skhuv", | ||
| "@scale-top-out": "scale-top-out_skhuv", | ||
| "@scale-bottom-out": "scale-bottom-out_skhuv", | ||
| "@slide-top-in": "slide-top-in_skhuv", | ||
| "@slide-top-out": "slide-top-out_skhuv", | ||
| "@slide-bottom-in": "slide-bottom-in_skhuv", | ||
| "@slide-bottom-out": "slide-bottom-out_skhuv", | ||
| "@slide-left-in": "slide-left-in_skhuv", | ||
| "@slide-left-out": "slide-left-out_skhuv", | ||
| "@slide-right-in": "slide-right-in_skhuv", | ||
| "@slide-right-out": "slide-right-out_skhuv", | ||
| "@transform-enter": "transform-enter_skhuv", | ||
| "--transformStart": "--transformStart_skhuv", | ||
| "--transformEnd": "--transformEnd_skhuv", | ||
| "@transform-exit": "transform-exit_skhuv" | ||
| var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1cibe{0%,to{overflow:hidden}}@keyframes collapse-exit_1cibe{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1cibe{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1cibe{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1cibe{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1cibe{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1cibe{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1cibe{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1cibe{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1cibe{0%{transform:var(--transformStart_1cibe)}to{transform:var(--transformEnd_1cibe)}}@keyframes transform-exit_1cibe{0%{transform:var(--transformEnd_1cibe)}to{transform:var(--transformStart_1cibe)}}.___SCollapse_1cibe_gg_{transition-property:height}" /*__inner_css_end__*/, "1cibe_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_1cibe", | ||
| "@collapse-exit": "collapse-exit_1cibe", | ||
| "__SCollapse": "___SCollapse_1cibe_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_1cibe", | ||
| "@fade-in-out-exit": "fade-in-out-exit_1cibe", | ||
| "@opacity-in": "opacity-in_1cibe", | ||
| "@opacity-out": "opacity-out_1cibe", | ||
| "@scale-left-in": "scale-left-in_1cibe", | ||
| "@scale-right-in": "scale-right-in_1cibe", | ||
| "@scale-top-in": "scale-top-in_1cibe", | ||
| "@scale-bottom-in": "scale-bottom-in_1cibe", | ||
| "@scale-left-out": "scale-left-out_1cibe", | ||
| "@scale-right-out": "scale-right-out_1cibe", | ||
| "@scale-top-out": "scale-top-out_1cibe", | ||
| "@scale-bottom-out": "scale-bottom-out_1cibe", | ||
| "@slide-top-in": "slide-top-in_1cibe", | ||
| "@slide-top-out": "slide-top-out_1cibe", | ||
| "@slide-bottom-in": "slide-bottom-in_1cibe", | ||
| "@slide-bottom-out": "slide-bottom-out_1cibe", | ||
| "@slide-left-in": "slide-left-in_1cibe", | ||
| "@slide-left-out": "slide-left-out_1cibe", | ||
| "@slide-right-in": "slide-right-in_1cibe", | ||
| "@slide-right-out": "slide-right-out_1cibe", | ||
| "@transform-enter": "transform-enter_1cibe", | ||
| "--transformStart": "--transformStart_1cibe", | ||
| "--transformEnd": "--transformEnd_1cibe", | ||
| "@transform-exit": "transform-exit_1cibe" | ||
| }); | ||
@@ -45,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_3uxex_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_3uxex);animation-duration:var(--durationFinalize_3uxex);animation-delay:var(--delayFinalize_3uxex);animation-name:var(--keyframesFinalize_3uxex)}.___SAnimation_3uxex_gg_.__transition-based_3uxex_gg_{transition-timing-function:var(--timingFunction_3uxex);transition-duration:var(--durationFinalize_3uxex);transition-delay:var(--delayFinalize_3uxex)}.___SAnimation_3uxex_gg_.__visible_3uxex_gg_{animation-duration:var(--durationInitialize_3uxex);animation-delay:var(--delayInitialize_3uxex);animation-name:var(--keyframesInitialize_3uxex)}.___SAnimation_3uxex_gg_.__visible_3uxex_gg_.__transition-based_3uxex_gg_{transition-timing-function:var(--timingFunction_3uxex);transition-duration:var(--durationInitialize_3uxex);transition-delay:var(--delayInitialize_3uxex)}@media (prefers-reduced-motion){.___SAnimation_3uxex_gg_.__transition-based_3uxex_gg_,.___SAnimation_3uxex_gg_.__visible_3uxex_gg_.__transition-based_3uxex_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_3uxex_gg_,.___SAnimation_3uxex_gg_.__visible_3uxex_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "3uxex_gg_") /*__reshadow_css_end__*/, { | ||
| "__SAnimation": "___SAnimation_3uxex_gg_", | ||
| "--timingFunction": "--timingFunction_3uxex", | ||
| "--durationFinalize": "--durationFinalize_3uxex", | ||
| "--delayFinalize": "--delayFinalize_3uxex", | ||
| "--keyframesFinalize": "--keyframesFinalize_3uxex", | ||
| "_transition-based": "__transition-based_3uxex_gg_", | ||
| "_visible": "__visible_3uxex_gg_", | ||
| "--durationInitialize": "--durationInitialize_3uxex", | ||
| "--delayInitialize": "--delayInitialize_3uxex", | ||
| "--keyframesInitialize": "--keyframesInitialize_3uxex" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_kwc9v_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_kwc9v);animation-duration:var(--durationFinalize_kwc9v);animation-delay:var(--delayFinalize_kwc9v);animation-name:var(--keyframesFinalize_kwc9v)}.___SAnimation_kwc9v_gg_.__transition-based_kwc9v_gg_{transition-timing-function:var(--timingFunction_kwc9v);transition-duration:var(--durationFinalize_kwc9v);transition-delay:var(--delayFinalize_kwc9v)}.___SAnimation_kwc9v_gg_.__visible_kwc9v_gg_{animation-duration:var(--durationInitialize_kwc9v);animation-delay:var(--delayInitialize_kwc9v);animation-name:var(--keyframesInitialize_kwc9v)}.___SAnimation_kwc9v_gg_.__visible_kwc9v_gg_.__transition-based_kwc9v_gg_{transition-timing-function:var(--timingFunction_kwc9v);transition-duration:var(--durationInitialize_kwc9v);transition-delay:var(--delayInitialize_kwc9v)}@media (prefers-reduced-motion){.___SAnimation_kwc9v_gg_.__transition-based_kwc9v_gg_,.___SAnimation_kwc9v_gg_.__visible_kwc9v_gg_.__transition-based_kwc9v_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_kwc9v_gg_,.___SAnimation_kwc9v_gg_.__visible_kwc9v_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "kwc9v_gg_") /*__reshadow_css_end__*/, { | ||
| "__SAnimation": "___SAnimation_kwc9v_gg_", | ||
| "--timingFunction": "--timingFunction_kwc9v", | ||
| "--durationFinalize": "--durationFinalize_kwc9v", | ||
| "--delayFinalize": "--delayFinalize_kwc9v", | ||
| "--keyframesFinalize": "--keyframesFinalize_kwc9v", | ||
| "_transition-based": "__transition-based_kwc9v_gg_", | ||
| "_visible": "__visible_kwc9v_gg_", | ||
| "--durationInitialize": "--durationInitialize_kwc9v", | ||
| "--delayInitialize": "--delayInitialize_kwc9v", | ||
| "--keyframesInitialize": "--keyframesInitialize_kwc9v" | ||
| }); | ||
@@ -28,0 +28,0 @@ function propToArray(prop) { |
@@ -5,34 +5,34 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2"; | ||
| var _excluded = ["onAnimationStart", "onAnimationEnd", "overflowHidden"]; | ||
| import React, { useCallback, useEffect, useRef } from 'react'; | ||
| import React, { useCallback, 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_skhuv{0%,to{overflow:hidden}}@keyframes collapse-exit_skhuv{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_skhuv{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_skhuv{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_skhuv{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_skhuv{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_skhuv{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_skhuv{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_skhuv{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_skhuv{0%{transform:var(--transformStart_skhuv)}to{transform:var(--transformEnd_skhuv)}}@keyframes transform-exit_skhuv{0%{transform:var(--transformEnd_skhuv)}to{transform:var(--transformStart_skhuv)}}.___SCollapse_skhuv_gg_{transition-property:height}" /*__inner_css_end__*/, "skhuv_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_skhuv", | ||
| "@collapse-exit": "collapse-exit_skhuv", | ||
| "__SCollapse": "___SCollapse_skhuv_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_skhuv", | ||
| "@fade-in-out-exit": "fade-in-out-exit_skhuv", | ||
| "@opacity-in": "opacity-in_skhuv", | ||
| "@opacity-out": "opacity-out_skhuv", | ||
| "@scale-left-in": "scale-left-in_skhuv", | ||
| "@scale-right-in": "scale-right-in_skhuv", | ||
| "@scale-top-in": "scale-top-in_skhuv", | ||
| "@scale-bottom-in": "scale-bottom-in_skhuv", | ||
| "@scale-left-out": "scale-left-out_skhuv", | ||
| "@scale-right-out": "scale-right-out_skhuv", | ||
| "@scale-top-out": "scale-top-out_skhuv", | ||
| "@scale-bottom-out": "scale-bottom-out_skhuv", | ||
| "@slide-top-in": "slide-top-in_skhuv", | ||
| "@slide-top-out": "slide-top-out_skhuv", | ||
| "@slide-bottom-in": "slide-bottom-in_skhuv", | ||
| "@slide-bottom-out": "slide-bottom-out_skhuv", | ||
| "@slide-left-in": "slide-left-in_skhuv", | ||
| "@slide-left-out": "slide-left-out_skhuv", | ||
| "@slide-right-in": "slide-right-in_skhuv", | ||
| "@slide-right-out": "slide-right-out_skhuv", | ||
| "@transform-enter": "transform-enter_skhuv", | ||
| "--transformStart": "--transformStart_skhuv", | ||
| "--transformEnd": "--transformEnd_skhuv", | ||
| "@transform-exit": "transform-exit_skhuv" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1cibe{0%,to{overflow:hidden}}@keyframes collapse-exit_1cibe{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1cibe{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1cibe{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1cibe{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1cibe{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1cibe{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1cibe{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1cibe{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1cibe{0%{transform:var(--transformStart_1cibe)}to{transform:var(--transformEnd_1cibe)}}@keyframes transform-exit_1cibe{0%{transform:var(--transformEnd_1cibe)}to{transform:var(--transformStart_1cibe)}}.___SCollapse_1cibe_gg_{transition-property:height}" /*__inner_css_end__*/, "1cibe_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_1cibe", | ||
| "@collapse-exit": "collapse-exit_1cibe", | ||
| "__SCollapse": "___SCollapse_1cibe_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_1cibe", | ||
| "@fade-in-out-exit": "fade-in-out-exit_1cibe", | ||
| "@opacity-in": "opacity-in_1cibe", | ||
| "@opacity-out": "opacity-out_1cibe", | ||
| "@scale-left-in": "scale-left-in_1cibe", | ||
| "@scale-right-in": "scale-right-in_1cibe", | ||
| "@scale-top-in": "scale-top-in_1cibe", | ||
| "@scale-bottom-in": "scale-bottom-in_1cibe", | ||
| "@scale-left-out": "scale-left-out_1cibe", | ||
| "@scale-right-out": "scale-right-out_1cibe", | ||
| "@scale-top-out": "scale-top-out_1cibe", | ||
| "@scale-bottom-out": "scale-bottom-out_1cibe", | ||
| "@slide-top-in": "slide-top-in_1cibe", | ||
| "@slide-top-out": "slide-top-out_1cibe", | ||
| "@slide-bottom-in": "slide-bottom-in_1cibe", | ||
| "@slide-bottom-out": "slide-bottom-out_1cibe", | ||
| "@slide-left-in": "slide-left-in_1cibe", | ||
| "@slide-left-out": "slide-left-out_1cibe", | ||
| "@slide-right-in": "slide-right-in_1cibe", | ||
| "@slide-right-out": "slide-right-out_1cibe", | ||
| "@transform-enter": "transform-enter_1cibe", | ||
| "--transformStart": "--transformStart_1cibe", | ||
| "--transformEnd": "--transformEnd_1cibe", | ||
| "@transform-exit": "transform-exit_1cibe" | ||
| }); | ||
@@ -52,7 +52,2 @@ import { useForkRef } from '@semcore/utils/lib/ref'; | ||
| var forkedRef = useForkRef(innerRef, ref); | ||
| useEffect(function () { | ||
| if (!innerRef.current) return; | ||
| if (props.visible) innerRef.current.style.height = 'auto'; | ||
| if (!props.visible) innerRef.current.style.height = 0 + 'px'; | ||
| }, []); | ||
| useEnhancedEffect(function () { | ||
@@ -63,2 +58,7 @@ if (!innerRef.current) return; | ||
| }, [props.visible]); | ||
| useEnhancedEffect(function () { | ||
| if (!innerRef.current) return; | ||
| if (props.visible) innerRef.current.style.height = 'auto'; | ||
| if (!props.visible) innerRef.current.style.height = 0 + 'px'; | ||
| }, []); | ||
| var handleAnimationStart = useCallback(function (event) { | ||
@@ -65,0 +65,0 @@ if (event.currentTarget !== event.target) return; |
@@ -7,30 +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_skhuv{0%,to{overflow:hidden}}@keyframes collapse-exit_skhuv{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_skhuv{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_skhuv{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_skhuv{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_skhuv{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_skhuv{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_skhuv{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_skhuv{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_skhuv{0%{transform:var(--transformStart_skhuv)}to{transform:var(--transformEnd_skhuv)}}@keyframes transform-exit_skhuv{0%{transform:var(--transformEnd_skhuv)}to{transform:var(--transformStart_skhuv)}}.___SCollapse_skhuv_gg_{transition-property:height}" /*__inner_css_end__*/, "skhuv_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_skhuv", | ||
| "@collapse-exit": "collapse-exit_skhuv", | ||
| "__SCollapse": "___SCollapse_skhuv_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_skhuv", | ||
| "@fade-in-out-exit": "fade-in-out-exit_skhuv", | ||
| "@opacity-in": "opacity-in_skhuv", | ||
| "@opacity-out": "opacity-out_skhuv", | ||
| "@scale-left-in": "scale-left-in_skhuv", | ||
| "@scale-right-in": "scale-right-in_skhuv", | ||
| "@scale-top-in": "scale-top-in_skhuv", | ||
| "@scale-bottom-in": "scale-bottom-in_skhuv", | ||
| "@scale-left-out": "scale-left-out_skhuv", | ||
| "@scale-right-out": "scale-right-out_skhuv", | ||
| "@scale-top-out": "scale-top-out_skhuv", | ||
| "@scale-bottom-out": "scale-bottom-out_skhuv", | ||
| "@slide-top-in": "slide-top-in_skhuv", | ||
| "@slide-top-out": "slide-top-out_skhuv", | ||
| "@slide-bottom-in": "slide-bottom-in_skhuv", | ||
| "@slide-bottom-out": "slide-bottom-out_skhuv", | ||
| "@slide-left-in": "slide-left-in_skhuv", | ||
| "@slide-left-out": "slide-left-out_skhuv", | ||
| "@slide-right-in": "slide-right-in_skhuv", | ||
| "@slide-right-out": "slide-right-out_skhuv", | ||
| "@transform-enter": "transform-enter_skhuv", | ||
| "--transformStart": "--transformStart_skhuv", | ||
| "--transformEnd": "--transformEnd_skhuv", | ||
| "@transform-exit": "transform-exit_skhuv" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1cibe{0%,to{overflow:hidden}}@keyframes collapse-exit_1cibe{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1cibe{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1cibe{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1cibe{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1cibe{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1cibe{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1cibe{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1cibe{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1cibe{0%{transform:var(--transformStart_1cibe)}to{transform:var(--transformEnd_1cibe)}}@keyframes transform-exit_1cibe{0%{transform:var(--transformEnd_1cibe)}to{transform:var(--transformStart_1cibe)}}.___SCollapse_1cibe_gg_{transition-property:height}" /*__inner_css_end__*/, "1cibe_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_1cibe", | ||
| "@collapse-exit": "collapse-exit_1cibe", | ||
| "__SCollapse": "___SCollapse_1cibe_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_1cibe", | ||
| "@fade-in-out-exit": "fade-in-out-exit_1cibe", | ||
| "@opacity-in": "opacity-in_1cibe", | ||
| "@opacity-out": "opacity-out_1cibe", | ||
| "@scale-left-in": "scale-left-in_1cibe", | ||
| "@scale-right-in": "scale-right-in_1cibe", | ||
| "@scale-top-in": "scale-top-in_1cibe", | ||
| "@scale-bottom-in": "scale-bottom-in_1cibe", | ||
| "@scale-left-out": "scale-left-out_1cibe", | ||
| "@scale-right-out": "scale-right-out_1cibe", | ||
| "@scale-top-out": "scale-top-out_1cibe", | ||
| "@scale-bottom-out": "scale-bottom-out_1cibe", | ||
| "@slide-top-in": "slide-top-in_1cibe", | ||
| "@slide-top-out": "slide-top-out_1cibe", | ||
| "@slide-bottom-in": "slide-bottom-in_1cibe", | ||
| "@slide-bottom-out": "slide-bottom-out_1cibe", | ||
| "@slide-left-in": "slide-left-in_1cibe", | ||
| "@slide-left-out": "slide-left-out_1cibe", | ||
| "@slide-right-in": "slide-right-in_1cibe", | ||
| "@slide-right-out": "slide-right-out_1cibe", | ||
| "@transform-enter": "transform-enter_1cibe", | ||
| "--transformStart": "--transformStart_1cibe", | ||
| "--transformEnd": "--transformEnd_1cibe", | ||
| "@transform-exit": "transform-exit_1cibe" | ||
| }); | ||
@@ -37,0 +37,0 @@ function FadeInOut(props, ref) { |
@@ -8,30 +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_skhuv{0%,to{overflow:hidden}}@keyframes collapse-exit_skhuv{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_skhuv{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_skhuv{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_skhuv{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_skhuv{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_skhuv{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_skhuv{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_skhuv{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_skhuv{0%{transform:var(--transformStart_skhuv)}to{transform:var(--transformEnd_skhuv)}}@keyframes transform-exit_skhuv{0%{transform:var(--transformEnd_skhuv)}to{transform:var(--transformStart_skhuv)}}.___SCollapse_skhuv_gg_{transition-property:height}" /*__inner_css_end__*/, "skhuv_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_skhuv", | ||
| "@collapse-exit": "collapse-exit_skhuv", | ||
| "__SCollapse": "___SCollapse_skhuv_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_skhuv", | ||
| "@fade-in-out-exit": "fade-in-out-exit_skhuv", | ||
| "@opacity-in": "opacity-in_skhuv", | ||
| "@opacity-out": "opacity-out_skhuv", | ||
| "@scale-left-in": "scale-left-in_skhuv", | ||
| "@scale-right-in": "scale-right-in_skhuv", | ||
| "@scale-top-in": "scale-top-in_skhuv", | ||
| "@scale-bottom-in": "scale-bottom-in_skhuv", | ||
| "@scale-left-out": "scale-left-out_skhuv", | ||
| "@scale-right-out": "scale-right-out_skhuv", | ||
| "@scale-top-out": "scale-top-out_skhuv", | ||
| "@scale-bottom-out": "scale-bottom-out_skhuv", | ||
| "@slide-top-in": "slide-top-in_skhuv", | ||
| "@slide-top-out": "slide-top-out_skhuv", | ||
| "@slide-bottom-in": "slide-bottom-in_skhuv", | ||
| "@slide-bottom-out": "slide-bottom-out_skhuv", | ||
| "@slide-left-in": "slide-left-in_skhuv", | ||
| "@slide-left-out": "slide-left-out_skhuv", | ||
| "@slide-right-in": "slide-right-in_skhuv", | ||
| "@slide-right-out": "slide-right-out_skhuv", | ||
| "@transform-enter": "transform-enter_skhuv", | ||
| "--transformStart": "--transformStart_skhuv", | ||
| "--transformEnd": "--transformEnd_skhuv", | ||
| "@transform-exit": "transform-exit_skhuv" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1cibe{0%,to{overflow:hidden}}@keyframes collapse-exit_1cibe{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1cibe{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1cibe{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1cibe{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1cibe{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1cibe{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1cibe{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1cibe{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1cibe{0%{transform:var(--transformStart_1cibe)}to{transform:var(--transformEnd_1cibe)}}@keyframes transform-exit_1cibe{0%{transform:var(--transformEnd_1cibe)}to{transform:var(--transformStart_1cibe)}}.___SCollapse_1cibe_gg_{transition-property:height}" /*__inner_css_end__*/, "1cibe_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_1cibe", | ||
| "@collapse-exit": "collapse-exit_1cibe", | ||
| "__SCollapse": "___SCollapse_1cibe_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_1cibe", | ||
| "@fade-in-out-exit": "fade-in-out-exit_1cibe", | ||
| "@opacity-in": "opacity-in_1cibe", | ||
| "@opacity-out": "opacity-out_1cibe", | ||
| "@scale-left-in": "scale-left-in_1cibe", | ||
| "@scale-right-in": "scale-right-in_1cibe", | ||
| "@scale-top-in": "scale-top-in_1cibe", | ||
| "@scale-bottom-in": "scale-bottom-in_1cibe", | ||
| "@scale-left-out": "scale-left-out_1cibe", | ||
| "@scale-right-out": "scale-right-out_1cibe", | ||
| "@scale-top-out": "scale-top-out_1cibe", | ||
| "@scale-bottom-out": "scale-bottom-out_1cibe", | ||
| "@slide-top-in": "slide-top-in_1cibe", | ||
| "@slide-top-out": "slide-top-out_1cibe", | ||
| "@slide-bottom-in": "slide-bottom-in_1cibe", | ||
| "@slide-bottom-out": "slide-bottom-out_1cibe", | ||
| "@slide-left-in": "slide-left-in_1cibe", | ||
| "@slide-left-out": "slide-left-out_1cibe", | ||
| "@slide-right-in": "slide-right-in_1cibe", | ||
| "@slide-right-out": "slide-right-out_1cibe", | ||
| "@transform-enter": "transform-enter_1cibe", | ||
| "--transformStart": "--transformStart_1cibe", | ||
| "--transformEnd": "--transformEnd_1cibe", | ||
| "@transform-exit": "transform-exit_1cibe" | ||
| }); | ||
@@ -38,0 +38,0 @@ import { useForkRef } from '@semcore/utils/lib/ref'; |
@@ -7,30 +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_skhuv{0%,to{overflow:hidden}}@keyframes collapse-exit_skhuv{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_skhuv{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_skhuv{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_skhuv{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_skhuv{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_skhuv{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_skhuv{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_skhuv{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_skhuv{0%{transform:var(--transformStart_skhuv)}to{transform:var(--transformEnd_skhuv)}}@keyframes transform-exit_skhuv{0%{transform:var(--transformEnd_skhuv)}to{transform:var(--transformStart_skhuv)}}.___SCollapse_skhuv_gg_{transition-property:height}" /*__inner_css_end__*/, "skhuv_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_skhuv", | ||
| "@collapse-exit": "collapse-exit_skhuv", | ||
| "__SCollapse": "___SCollapse_skhuv_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_skhuv", | ||
| "@fade-in-out-exit": "fade-in-out-exit_skhuv", | ||
| "@opacity-in": "opacity-in_skhuv", | ||
| "@opacity-out": "opacity-out_skhuv", | ||
| "@scale-left-in": "scale-left-in_skhuv", | ||
| "@scale-right-in": "scale-right-in_skhuv", | ||
| "@scale-top-in": "scale-top-in_skhuv", | ||
| "@scale-bottom-in": "scale-bottom-in_skhuv", | ||
| "@scale-left-out": "scale-left-out_skhuv", | ||
| "@scale-right-out": "scale-right-out_skhuv", | ||
| "@scale-top-out": "scale-top-out_skhuv", | ||
| "@scale-bottom-out": "scale-bottom-out_skhuv", | ||
| "@slide-top-in": "slide-top-in_skhuv", | ||
| "@slide-top-out": "slide-top-out_skhuv", | ||
| "@slide-bottom-in": "slide-bottom-in_skhuv", | ||
| "@slide-bottom-out": "slide-bottom-out_skhuv", | ||
| "@slide-left-in": "slide-left-in_skhuv", | ||
| "@slide-left-out": "slide-left-out_skhuv", | ||
| "@slide-right-in": "slide-right-in_skhuv", | ||
| "@slide-right-out": "slide-right-out_skhuv", | ||
| "@transform-enter": "transform-enter_skhuv", | ||
| "--transformStart": "--transformStart_skhuv", | ||
| "--transformEnd": "--transformEnd_skhuv", | ||
| "@transform-exit": "transform-exit_skhuv" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1cibe{0%,to{overflow:hidden}}@keyframes collapse-exit_1cibe{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1cibe{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1cibe{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1cibe{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1cibe{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1cibe{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1cibe{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1cibe{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1cibe{0%{transform:var(--transformStart_1cibe)}to{transform:var(--transformEnd_1cibe)}}@keyframes transform-exit_1cibe{0%{transform:var(--transformEnd_1cibe)}to{transform:var(--transformStart_1cibe)}}.___SCollapse_1cibe_gg_{transition-property:height}" /*__inner_css_end__*/, "1cibe_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_1cibe", | ||
| "@collapse-exit": "collapse-exit_1cibe", | ||
| "__SCollapse": "___SCollapse_1cibe_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_1cibe", | ||
| "@fade-in-out-exit": "fade-in-out-exit_1cibe", | ||
| "@opacity-in": "opacity-in_1cibe", | ||
| "@opacity-out": "opacity-out_1cibe", | ||
| "@scale-left-in": "scale-left-in_1cibe", | ||
| "@scale-right-in": "scale-right-in_1cibe", | ||
| "@scale-top-in": "scale-top-in_1cibe", | ||
| "@scale-bottom-in": "scale-bottom-in_1cibe", | ||
| "@scale-left-out": "scale-left-out_1cibe", | ||
| "@scale-right-out": "scale-right-out_1cibe", | ||
| "@scale-top-out": "scale-top-out_1cibe", | ||
| "@scale-bottom-out": "scale-bottom-out_1cibe", | ||
| "@slide-top-in": "slide-top-in_1cibe", | ||
| "@slide-top-out": "slide-top-out_1cibe", | ||
| "@slide-bottom-in": "slide-bottom-in_1cibe", | ||
| "@slide-bottom-out": "slide-bottom-out_1cibe", | ||
| "@slide-left-in": "slide-left-in_1cibe", | ||
| "@slide-left-out": "slide-left-out_1cibe", | ||
| "@slide-right-in": "slide-right-in_1cibe", | ||
| "@slide-right-out": "slide-right-out_1cibe", | ||
| "@transform-enter": "transform-enter_1cibe", | ||
| "--transformStart": "--transformStart_1cibe", | ||
| "--transformEnd": "--transformEnd_1cibe", | ||
| "@transform-exit": "transform-exit_1cibe" | ||
| }); | ||
@@ -37,0 +37,0 @@ function Slide(props, ref) { |
@@ -9,30 +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_skhuv{0%,to{overflow:hidden}}@keyframes collapse-exit_skhuv{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_skhuv{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_skhuv{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_skhuv{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_skhuv{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{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_skhuv{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_skhuv{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_skhuv{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_skhuv{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_skhuv{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_skhuv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_skhuv{0%{transform:var(--transformStart_skhuv)}to{transform:var(--transformEnd_skhuv)}}@keyframes transform-exit_skhuv{0%{transform:var(--transformEnd_skhuv)}to{transform:var(--transformStart_skhuv)}}.___SCollapse_skhuv_gg_{transition-property:height}" /*__inner_css_end__*/, "skhuv_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_skhuv", | ||
| "@collapse-exit": "collapse-exit_skhuv", | ||
| "__SCollapse": "___SCollapse_skhuv_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_skhuv", | ||
| "@fade-in-out-exit": "fade-in-out-exit_skhuv", | ||
| "@opacity-in": "opacity-in_skhuv", | ||
| "@opacity-out": "opacity-out_skhuv", | ||
| "@scale-left-in": "scale-left-in_skhuv", | ||
| "@scale-right-in": "scale-right-in_skhuv", | ||
| "@scale-top-in": "scale-top-in_skhuv", | ||
| "@scale-bottom-in": "scale-bottom-in_skhuv", | ||
| "@scale-left-out": "scale-left-out_skhuv", | ||
| "@scale-right-out": "scale-right-out_skhuv", | ||
| "@scale-top-out": "scale-top-out_skhuv", | ||
| "@scale-bottom-out": "scale-bottom-out_skhuv", | ||
| "@slide-top-in": "slide-top-in_skhuv", | ||
| "@slide-top-out": "slide-top-out_skhuv", | ||
| "@slide-bottom-in": "slide-bottom-in_skhuv", | ||
| "@slide-bottom-out": "slide-bottom-out_skhuv", | ||
| "@slide-left-in": "slide-left-in_skhuv", | ||
| "@slide-left-out": "slide-left-out_skhuv", | ||
| "@slide-right-in": "slide-right-in_skhuv", | ||
| "@slide-right-out": "slide-right-out_skhuv", | ||
| "@transform-enter": "transform-enter_skhuv", | ||
| "--transformStart": "--transformStart_skhuv", | ||
| "--transformEnd": "--transformEnd_skhuv", | ||
| "@transform-exit": "transform-exit_skhuv" | ||
| var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1cibe{0%,to{overflow:hidden}}@keyframes collapse-exit_1cibe{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1cibe{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1cibe{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1cibe{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1cibe{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{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_1cibe{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1cibe{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1cibe{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1cibe{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1cibe{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1cibe{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1cibe{0%{transform:var(--transformStart_1cibe)}to{transform:var(--transformEnd_1cibe)}}@keyframes transform-exit_1cibe{0%{transform:var(--transformEnd_1cibe)}to{transform:var(--transformStart_1cibe)}}.___SCollapse_1cibe_gg_{transition-property:height}" /*__inner_css_end__*/, "1cibe_gg_") /*__reshadow_css_end__*/, { | ||
| "@collapse-enter": "collapse-enter_1cibe", | ||
| "@collapse-exit": "collapse-exit_1cibe", | ||
| "__SCollapse": "___SCollapse_1cibe_gg_", | ||
| "@fade-in-out-enter": "fade-in-out-enter_1cibe", | ||
| "@fade-in-out-exit": "fade-in-out-exit_1cibe", | ||
| "@opacity-in": "opacity-in_1cibe", | ||
| "@opacity-out": "opacity-out_1cibe", | ||
| "@scale-left-in": "scale-left-in_1cibe", | ||
| "@scale-right-in": "scale-right-in_1cibe", | ||
| "@scale-top-in": "scale-top-in_1cibe", | ||
| "@scale-bottom-in": "scale-bottom-in_1cibe", | ||
| "@scale-left-out": "scale-left-out_1cibe", | ||
| "@scale-right-out": "scale-right-out_1cibe", | ||
| "@scale-top-out": "scale-top-out_1cibe", | ||
| "@scale-bottom-out": "scale-bottom-out_1cibe", | ||
| "@slide-top-in": "slide-top-in_1cibe", | ||
| "@slide-top-out": "slide-top-out_1cibe", | ||
| "@slide-bottom-in": "slide-bottom-in_1cibe", | ||
| "@slide-bottom-out": "slide-bottom-out_1cibe", | ||
| "@slide-left-in": "slide-left-in_1cibe", | ||
| "@slide-left-out": "slide-left-out_1cibe", | ||
| "@slide-right-in": "slide-right-in_1cibe", | ||
| "@slide-right-out": "slide-right-out_1cibe", | ||
| "@transform-enter": "transform-enter_1cibe", | ||
| "--transformStart": "--transformStart_1cibe", | ||
| "--transformEnd": "--transformEnd_1cibe", | ||
| "@transform-exit": "transform-exit_1cibe" | ||
| }); | ||
@@ -39,0 +39,0 @@ function Transform(props, ref) { |
| { | ||
| "name": "@semcore/animation", | ||
| "description": "Semrush Animation Component", | ||
| "version": "1.10.12", | ||
| "version": "1.10.13", | ||
| "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
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
Improved metrics
- Total package byte prevSize
- increased by0.03%
157432
No dependency changes