Socket
Socket
Sign inDemoInstall

@semcore/animation

Package Overview
Dependencies
Maintainers
2
Versions
236
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@semcore/animation - npm Package Compare versions

Comparing version 2.19.0 to 2.19.1-prerelease.1

8

CHANGELOG.md

@@ -5,6 +5,12 @@ # Changelog

## [2.19.0-prerelease.1] - 2024-03-01
## [2.19.1-prerelease.1] - 2024-03-06
### Changed
- Version prepatch update due to children dependencies update (`@semcore/utils` [4.20.4 ~> 4.20.5]).
## [2.19.0] - 2024-03-01
### Changed
- `Collapse` now uses `clip` instead of `hidden` for the overflow property as `overflow: hidden` was breaking position sticky of children elements.

@@ -11,0 +17,0 @@

22

lib/cjs/Animation.js

@@ -21,13 +21,13 @@ "use strict";

/*__reshadow-styles__:"./style/animate.shadow.css"*/
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAnimation_37bjw_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_37bjw);animation-duration:var(--durationFinalize_37bjw);animation-delay:var(--delayFinalize_37bjw);animation-name:var(--keyframesFinalize_37bjw)}.___SAnimation_37bjw_gg_.__transition-based_37bjw_gg_{transition-timing-function:var(--timingFunction_37bjw);transition-duration:var(--durationFinalize_37bjw);transition-delay:var(--delayFinalize_37bjw)}.___SAnimation_37bjw_gg_.__visible_37bjw_gg_{animation-duration:var(--durationInitialize_37bjw);animation-delay:var(--delayInitialize_37bjw);animation-name:var(--keyframesInitialize_37bjw)}.___SAnimation_37bjw_gg_.__visible_37bjw_gg_.__transition-based_37bjw_gg_{transition-timing-function:var(--timingFunction_37bjw);transition-duration:var(--durationInitialize_37bjw);transition-delay:var(--delayInitialize_37bjw)}@media (prefers-reduced-motion){.___SAnimation_37bjw_gg_.__transition-based_37bjw_gg_,.___SAnimation_37bjw_gg_.__visible_37bjw_gg_.__transition-based_37bjw_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_37bjw_gg_,.___SAnimation_37bjw_gg_.__visible_37bjw_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "37bjw_gg_") /*__reshadow_css_end__*/, {
"__SAnimation": "___SAnimation_37bjw_gg_",
"--timingFunction": "--timingFunction_37bjw",
"--durationFinalize": "--durationFinalize_37bjw",
"--delayFinalize": "--delayFinalize_37bjw",
"--keyframesFinalize": "--keyframesFinalize_37bjw",
"_transition-based": "__transition-based_37bjw_gg_",
"_visible": "__visible_37bjw_gg_",
"--durationInitialize": "--durationInitialize_37bjw",
"--delayInitialize": "--delayInitialize_37bjw",
"--keyframesInitialize": "--keyframesInitialize_37bjw"
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAnimation_1fnoh_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1fnoh);animation-duration:var(--durationFinalize_1fnoh);animation-delay:var(--delayFinalize_1fnoh);animation-name:var(--keyframesFinalize_1fnoh)}.___SAnimation_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:var(--timingFunction_1fnoh);transition-duration:var(--durationFinalize_1fnoh);transition-delay:var(--delayFinalize_1fnoh)}.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_{animation-duration:var(--durationInitialize_1fnoh);animation-delay:var(--delayInitialize_1fnoh);animation-name:var(--keyframesInitialize_1fnoh)}.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:var(--timingFunction_1fnoh);transition-duration:var(--durationInitialize_1fnoh);transition-delay:var(--delayInitialize_1fnoh)}@media (prefers-reduced-motion){.___SAnimation_1fnoh_gg_.__transition-based_1fnoh_gg_,.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1fnoh_gg_,.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1fnoh_gg_") /*__reshadow_css_end__*/, {
"__SAnimation": "___SAnimation_1fnoh_gg_",
"--timingFunction": "--timingFunction_1fnoh",
"--durationFinalize": "--durationFinalize_1fnoh",
"--delayFinalize": "--delayFinalize_1fnoh",
"--keyframesFinalize": "--keyframesFinalize_1fnoh",
"_transition-based": "__transition-based_1fnoh_gg_",
"_visible": "__visible_1fnoh_gg_",
"--durationInitialize": "--durationInitialize_1fnoh",
"--delayInitialize": "--delayInitialize_1fnoh",
"--keyframesInitialize": "--keyframesInitialize_1fnoh"
});

@@ -34,0 +34,0 @@ function propToArray(prop) {

56

lib/cjs/Collapse.js

@@ -17,30 +17,30 @@ "use strict";

/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_897zk{0%,to{overflow:clip}}@keyframes collapse-exit_897zk{0%,to{overflow:clip}}@keyframes fade-in-out-enter_897zk{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_897zk{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_897zk{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_897zk{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_897zk{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_897zk{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_897zk{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_897zk{0%{transform:var(--transformStart_897zk)}to{transform:var(--transformEnd_897zk)}}@keyframes transform-exit_897zk{0%{transform:var(--transformEnd_897zk)}to{transform:var(--transformStart_897zk)}}.___SCollapse_897zk_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "897zk_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_897zk",
"@collapse-exit": "collapse-exit_897zk",
"__SCollapse": "___SCollapse_897zk_gg_",
"@fade-in-out-enter": "fade-in-out-enter_897zk",
"@fade-in-out-exit": "fade-in-out-exit_897zk",
"@opacity-in": "opacity-in_897zk",
"@opacity-out": "opacity-out_897zk",
"@scale-left-in": "scale-left-in_897zk",
"@scale-right-in": "scale-right-in_897zk",
"@scale-top-in": "scale-top-in_897zk",
"@scale-bottom-in": "scale-bottom-in_897zk",
"@scale-left-out": "scale-left-out_897zk",
"@scale-right-out": "scale-right-out_897zk",
"@scale-top-out": "scale-top-out_897zk",
"@scale-bottom-out": "scale-bottom-out_897zk",
"@slide-top-in": "slide-top-in_897zk",
"@slide-top-out": "slide-top-out_897zk",
"@slide-bottom-in": "slide-bottom-in_897zk",
"@slide-bottom-out": "slide-bottom-out_897zk",
"@slide-left-in": "slide-left-in_897zk",
"@slide-left-out": "slide-left-out_897zk",
"@slide-right-in": "slide-right-in_897zk",
"@slide-right-out": "slide-right-out_897zk",
"@transform-enter": "transform-enter_897zk",
"--transformStart": "--transformStart_897zk",
"--transformEnd": "--transformEnd_897zk",
"@transform-exit": "transform-exit_897zk"
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1c4q0",
"@collapse-exit": "collapse-exit_1c4q0",
"__SCollapse": "___SCollapse_1c4q0_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1c4q0",
"@fade-in-out-exit": "fade-in-out-exit_1c4q0",
"@opacity-in": "opacity-in_1c4q0",
"@opacity-out": "opacity-out_1c4q0",
"@scale-left-in": "scale-left-in_1c4q0",
"@scale-right-in": "scale-right-in_1c4q0",
"@scale-top-in": "scale-top-in_1c4q0",
"@scale-bottom-in": "scale-bottom-in_1c4q0",
"@scale-left-out": "scale-left-out_1c4q0",
"@scale-right-out": "scale-right-out_1c4q0",
"@scale-top-out": "scale-top-out_1c4q0",
"@scale-bottom-out": "scale-bottom-out_1c4q0",
"@slide-top-in": "slide-top-in_1c4q0",
"@slide-top-out": "slide-top-out_1c4q0",
"@slide-bottom-in": "slide-bottom-in_1c4q0",
"@slide-bottom-out": "slide-bottom-out_1c4q0",
"@slide-left-in": "slide-left-in_1c4q0",
"@slide-left-out": "slide-left-out_1c4q0",
"@slide-right-in": "slide-right-in_1c4q0",
"@slide-right-out": "slide-right-out_1c4q0",
"@transform-enter": "transform-enter_1c4q0",
"--transformStart": "--transformStart_1c4q0",
"--transformEnd": "--transformEnd_1c4q0",
"@transform-exit": "transform-exit_1c4q0"
});

@@ -47,0 +47,0 @@ function Collapse(_ref2, ref) {

56

lib/cjs/FadeInOut.js

@@ -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_897zk{0%,to{overflow:clip}}@keyframes collapse-exit_897zk{0%,to{overflow:clip}}@keyframes fade-in-out-enter_897zk{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_897zk{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_897zk{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_897zk{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_897zk{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_897zk{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_897zk{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_897zk{0%{transform:var(--transformStart_897zk)}to{transform:var(--transformEnd_897zk)}}@keyframes transform-exit_897zk{0%{transform:var(--transformEnd_897zk)}to{transform:var(--transformStart_897zk)}}.___SCollapse_897zk_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "897zk_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_897zk",
"@collapse-exit": "collapse-exit_897zk",
"__SCollapse": "___SCollapse_897zk_gg_",
"@fade-in-out-enter": "fade-in-out-enter_897zk",
"@fade-in-out-exit": "fade-in-out-exit_897zk",
"@opacity-in": "opacity-in_897zk",
"@opacity-out": "opacity-out_897zk",
"@scale-left-in": "scale-left-in_897zk",
"@scale-right-in": "scale-right-in_897zk",
"@scale-top-in": "scale-top-in_897zk",
"@scale-bottom-in": "scale-bottom-in_897zk",
"@scale-left-out": "scale-left-out_897zk",
"@scale-right-out": "scale-right-out_897zk",
"@scale-top-out": "scale-top-out_897zk",
"@scale-bottom-out": "scale-bottom-out_897zk",
"@slide-top-in": "slide-top-in_897zk",
"@slide-top-out": "slide-top-out_897zk",
"@slide-bottom-in": "slide-bottom-in_897zk",
"@slide-bottom-out": "slide-bottom-out_897zk",
"@slide-left-in": "slide-left-in_897zk",
"@slide-left-out": "slide-left-out_897zk",
"@slide-right-in": "slide-right-in_897zk",
"@slide-right-out": "slide-right-out_897zk",
"@transform-enter": "transform-enter_897zk",
"--transformStart": "--transformStart_897zk",
"--transformEnd": "--transformEnd_897zk",
"@transform-exit": "transform-exit_897zk"
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1c4q0",
"@collapse-exit": "collapse-exit_1c4q0",
"__SCollapse": "___SCollapse_1c4q0_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1c4q0",
"@fade-in-out-exit": "fade-in-out-exit_1c4q0",
"@opacity-in": "opacity-in_1c4q0",
"@opacity-out": "opacity-out_1c4q0",
"@scale-left-in": "scale-left-in_1c4q0",
"@scale-right-in": "scale-right-in_1c4q0",
"@scale-top-in": "scale-top-in_1c4q0",
"@scale-bottom-in": "scale-bottom-in_1c4q0",
"@scale-left-out": "scale-left-out_1c4q0",
"@scale-right-out": "scale-right-out_1c4q0",
"@scale-top-out": "scale-top-out_1c4q0",
"@scale-bottom-out": "scale-bottom-out_1c4q0",
"@slide-top-in": "slide-top-in_1c4q0",
"@slide-top-out": "slide-top-out_1c4q0",
"@slide-bottom-in": "slide-bottom-in_1c4q0",
"@slide-bottom-out": "slide-bottom-out_1c4q0",
"@slide-left-in": "slide-left-in_1c4q0",
"@slide-left-out": "slide-left-out_1c4q0",
"@slide-right-in": "slide-right-in_1c4q0",
"@slide-right-out": "slide-right-out_1c4q0",
"@transform-enter": "transform-enter_1c4q0",
"--transformStart": "--transformStart_1c4q0",
"--transformEnd": "--transformEnd_1c4q0",
"@transform-exit": "transform-exit_1c4q0"
});

@@ -43,0 +43,0 @@ function FadeInOut(props, ref) {

56

lib/cjs/Scale.js

@@ -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_897zk{0%,to{overflow:clip}}@keyframes collapse-exit_897zk{0%,to{overflow:clip}}@keyframes fade-in-out-enter_897zk{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_897zk{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_897zk{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_897zk{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_897zk{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_897zk{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_897zk{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_897zk{0%{transform:var(--transformStart_897zk)}to{transform:var(--transformEnd_897zk)}}@keyframes transform-exit_897zk{0%{transform:var(--transformEnd_897zk)}to{transform:var(--transformStart_897zk)}}.___SCollapse_897zk_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "897zk_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_897zk",
"@collapse-exit": "collapse-exit_897zk",
"__SCollapse": "___SCollapse_897zk_gg_",
"@fade-in-out-enter": "fade-in-out-enter_897zk",
"@fade-in-out-exit": "fade-in-out-exit_897zk",
"@opacity-in": "opacity-in_897zk",
"@opacity-out": "opacity-out_897zk",
"@scale-left-in": "scale-left-in_897zk",
"@scale-right-in": "scale-right-in_897zk",
"@scale-top-in": "scale-top-in_897zk",
"@scale-bottom-in": "scale-bottom-in_897zk",
"@scale-left-out": "scale-left-out_897zk",
"@scale-right-out": "scale-right-out_897zk",
"@scale-top-out": "scale-top-out_897zk",
"@scale-bottom-out": "scale-bottom-out_897zk",
"@slide-top-in": "slide-top-in_897zk",
"@slide-top-out": "slide-top-out_897zk",
"@slide-bottom-in": "slide-bottom-in_897zk",
"@slide-bottom-out": "slide-bottom-out_897zk",
"@slide-left-in": "slide-left-in_897zk",
"@slide-left-out": "slide-left-out_897zk",
"@slide-right-in": "slide-right-in_897zk",
"@slide-right-out": "slide-right-out_897zk",
"@transform-enter": "transform-enter_897zk",
"--transformStart": "--transformStart_897zk",
"--transformEnd": "--transformEnd_897zk",
"@transform-exit": "transform-exit_897zk"
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1c4q0",
"@collapse-exit": "collapse-exit_1c4q0",
"__SCollapse": "___SCollapse_1c4q0_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1c4q0",
"@fade-in-out-exit": "fade-in-out-exit_1c4q0",
"@opacity-in": "opacity-in_1c4q0",
"@opacity-out": "opacity-out_1c4q0",
"@scale-left-in": "scale-left-in_1c4q0",
"@scale-right-in": "scale-right-in_1c4q0",
"@scale-top-in": "scale-top-in_1c4q0",
"@scale-bottom-in": "scale-bottom-in_1c4q0",
"@scale-left-out": "scale-left-out_1c4q0",
"@scale-right-out": "scale-right-out_1c4q0",
"@scale-top-out": "scale-top-out_1c4q0",
"@scale-bottom-out": "scale-bottom-out_1c4q0",
"@slide-top-in": "slide-top-in_1c4q0",
"@slide-top-out": "slide-top-out_1c4q0",
"@slide-bottom-in": "slide-bottom-in_1c4q0",
"@slide-bottom-out": "slide-bottom-out_1c4q0",
"@slide-left-in": "slide-left-in_1c4q0",
"@slide-left-out": "slide-left-out_1c4q0",
"@slide-right-in": "slide-right-in_1c4q0",
"@slide-right-out": "slide-right-out_1c4q0",
"@transform-enter": "transform-enter_1c4q0",
"--transformStart": "--transformStart_1c4q0",
"--transformEnd": "--transformEnd_1c4q0",
"@transform-exit": "transform-exit_1c4q0"
});

@@ -45,0 +45,0 @@ function Scale(props, ref) {

56

lib/cjs/Slide.js

@@ -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_897zk{0%,to{overflow:clip}}@keyframes collapse-exit_897zk{0%,to{overflow:clip}}@keyframes fade-in-out-enter_897zk{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_897zk{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_897zk{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_897zk{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_897zk{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_897zk{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_897zk{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_897zk{0%{transform:var(--transformStart_897zk)}to{transform:var(--transformEnd_897zk)}}@keyframes transform-exit_897zk{0%{transform:var(--transformEnd_897zk)}to{transform:var(--transformStart_897zk)}}.___SCollapse_897zk_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "897zk_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_897zk",
"@collapse-exit": "collapse-exit_897zk",
"__SCollapse": "___SCollapse_897zk_gg_",
"@fade-in-out-enter": "fade-in-out-enter_897zk",
"@fade-in-out-exit": "fade-in-out-exit_897zk",
"@opacity-in": "opacity-in_897zk",
"@opacity-out": "opacity-out_897zk",
"@scale-left-in": "scale-left-in_897zk",
"@scale-right-in": "scale-right-in_897zk",
"@scale-top-in": "scale-top-in_897zk",
"@scale-bottom-in": "scale-bottom-in_897zk",
"@scale-left-out": "scale-left-out_897zk",
"@scale-right-out": "scale-right-out_897zk",
"@scale-top-out": "scale-top-out_897zk",
"@scale-bottom-out": "scale-bottom-out_897zk",
"@slide-top-in": "slide-top-in_897zk",
"@slide-top-out": "slide-top-out_897zk",
"@slide-bottom-in": "slide-bottom-in_897zk",
"@slide-bottom-out": "slide-bottom-out_897zk",
"@slide-left-in": "slide-left-in_897zk",
"@slide-left-out": "slide-left-out_897zk",
"@slide-right-in": "slide-right-in_897zk",
"@slide-right-out": "slide-right-out_897zk",
"@transform-enter": "transform-enter_897zk",
"--transformStart": "--transformStart_897zk",
"--transformEnd": "--transformEnd_897zk",
"@transform-exit": "transform-exit_897zk"
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1c4q0",
"@collapse-exit": "collapse-exit_1c4q0",
"__SCollapse": "___SCollapse_1c4q0_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1c4q0",
"@fade-in-out-exit": "fade-in-out-exit_1c4q0",
"@opacity-in": "opacity-in_1c4q0",
"@opacity-out": "opacity-out_1c4q0",
"@scale-left-in": "scale-left-in_1c4q0",
"@scale-right-in": "scale-right-in_1c4q0",
"@scale-top-in": "scale-top-in_1c4q0",
"@scale-bottom-in": "scale-bottom-in_1c4q0",
"@scale-left-out": "scale-left-out_1c4q0",
"@scale-right-out": "scale-right-out_1c4q0",
"@scale-top-out": "scale-top-out_1c4q0",
"@scale-bottom-out": "scale-bottom-out_1c4q0",
"@slide-top-in": "slide-top-in_1c4q0",
"@slide-top-out": "slide-top-out_1c4q0",
"@slide-bottom-in": "slide-bottom-in_1c4q0",
"@slide-bottom-out": "slide-bottom-out_1c4q0",
"@slide-left-in": "slide-left-in_1c4q0",
"@slide-left-out": "slide-left-out_1c4q0",
"@slide-right-in": "slide-right-in_1c4q0",
"@slide-right-out": "slide-right-out_1c4q0",
"@transform-enter": "transform-enter_1c4q0",
"--transformStart": "--transformStart_1c4q0",
"--transformEnd": "--transformEnd_1c4q0",
"@transform-exit": "transform-exit_1c4q0"
});

@@ -43,0 +43,0 @@ function Slide(props, ref) {

56

lib/cjs/Transform.js

@@ -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_897zk{0%,to{overflow:clip}}@keyframes collapse-exit_897zk{0%,to{overflow:clip}}@keyframes fade-in-out-enter_897zk{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_897zk{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_897zk{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_897zk{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_897zk{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_897zk{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_897zk{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_897zk{0%{transform:var(--transformStart_897zk)}to{transform:var(--transformEnd_897zk)}}@keyframes transform-exit_897zk{0%{transform:var(--transformEnd_897zk)}to{transform:var(--transformStart_897zk)}}.___SCollapse_897zk_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "897zk_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_897zk",
"@collapse-exit": "collapse-exit_897zk",
"__SCollapse": "___SCollapse_897zk_gg_",
"@fade-in-out-enter": "fade-in-out-enter_897zk",
"@fade-in-out-exit": "fade-in-out-exit_897zk",
"@opacity-in": "opacity-in_897zk",
"@opacity-out": "opacity-out_897zk",
"@scale-left-in": "scale-left-in_897zk",
"@scale-right-in": "scale-right-in_897zk",
"@scale-top-in": "scale-top-in_897zk",
"@scale-bottom-in": "scale-bottom-in_897zk",
"@scale-left-out": "scale-left-out_897zk",
"@scale-right-out": "scale-right-out_897zk",
"@scale-top-out": "scale-top-out_897zk",
"@scale-bottom-out": "scale-bottom-out_897zk",
"@slide-top-in": "slide-top-in_897zk",
"@slide-top-out": "slide-top-out_897zk",
"@slide-bottom-in": "slide-bottom-in_897zk",
"@slide-bottom-out": "slide-bottom-out_897zk",
"@slide-left-in": "slide-left-in_897zk",
"@slide-left-out": "slide-left-out_897zk",
"@slide-right-in": "slide-right-in_897zk",
"@slide-right-out": "slide-right-out_897zk",
"@transform-enter": "transform-enter_897zk",
"--transformStart": "--transformStart_897zk",
"--transformEnd": "--transformEnd_897zk",
"@transform-exit": "transform-exit_897zk"
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1c4q0",
"@collapse-exit": "collapse-exit_1c4q0",
"__SCollapse": "___SCollapse_1c4q0_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1c4q0",
"@fade-in-out-exit": "fade-in-out-exit_1c4q0",
"@opacity-in": "opacity-in_1c4q0",
"@opacity-out": "opacity-out_1c4q0",
"@scale-left-in": "scale-left-in_1c4q0",
"@scale-right-in": "scale-right-in_1c4q0",
"@scale-top-in": "scale-top-in_1c4q0",
"@scale-bottom-in": "scale-bottom-in_1c4q0",
"@scale-left-out": "scale-left-out_1c4q0",
"@scale-right-out": "scale-right-out_1c4q0",
"@scale-top-out": "scale-top-out_1c4q0",
"@scale-bottom-out": "scale-bottom-out_1c4q0",
"@slide-top-in": "slide-top-in_1c4q0",
"@slide-top-out": "slide-top-out_1c4q0",
"@slide-bottom-in": "slide-bottom-in_1c4q0",
"@slide-bottom-out": "slide-bottom-out_1c4q0",
"@slide-left-in": "slide-left-in_1c4q0",
"@slide-left-out": "slide-left-out_1c4q0",
"@slide-right-in": "slide-right-in_1c4q0",
"@slide-right-out": "slide-right-out_1c4q0",
"@transform-enter": "transform-enter_1c4q0",
"--transformStart": "--transformStart_1c4q0",
"--transformEnd": "--transformEnd_1c4q0",
"@transform-exit": "transform-exit_1c4q0"
});

@@ -45,0 +45,0 @@ function Transform(props, ref) {

22

lib/es6/Animation.js

@@ -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_37bjw_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_37bjw);animation-duration:var(--durationFinalize_37bjw);animation-delay:var(--delayFinalize_37bjw);animation-name:var(--keyframesFinalize_37bjw)}.___SAnimation_37bjw_gg_.__transition-based_37bjw_gg_{transition-timing-function:var(--timingFunction_37bjw);transition-duration:var(--durationFinalize_37bjw);transition-delay:var(--delayFinalize_37bjw)}.___SAnimation_37bjw_gg_.__visible_37bjw_gg_{animation-duration:var(--durationInitialize_37bjw);animation-delay:var(--delayInitialize_37bjw);animation-name:var(--keyframesInitialize_37bjw)}.___SAnimation_37bjw_gg_.__visible_37bjw_gg_.__transition-based_37bjw_gg_{transition-timing-function:var(--timingFunction_37bjw);transition-duration:var(--durationInitialize_37bjw);transition-delay:var(--delayInitialize_37bjw)}@media (prefers-reduced-motion){.___SAnimation_37bjw_gg_.__transition-based_37bjw_gg_,.___SAnimation_37bjw_gg_.__visible_37bjw_gg_.__transition-based_37bjw_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_37bjw_gg_,.___SAnimation_37bjw_gg_.__visible_37bjw_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "37bjw_gg_") /*__reshadow_css_end__*/, {
"__SAnimation": "___SAnimation_37bjw_gg_",
"--timingFunction": "--timingFunction_37bjw",
"--durationFinalize": "--durationFinalize_37bjw",
"--delayFinalize": "--delayFinalize_37bjw",
"--keyframesFinalize": "--keyframesFinalize_37bjw",
"_transition-based": "__transition-based_37bjw_gg_",
"_visible": "__visible_37bjw_gg_",
"--durationInitialize": "--durationInitialize_37bjw",
"--delayInitialize": "--delayInitialize_37bjw",
"--keyframesInitialize": "--keyframesInitialize_37bjw"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_1fnoh_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1fnoh);animation-duration:var(--durationFinalize_1fnoh);animation-delay:var(--delayFinalize_1fnoh);animation-name:var(--keyframesFinalize_1fnoh)}.___SAnimation_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:var(--timingFunction_1fnoh);transition-duration:var(--durationFinalize_1fnoh);transition-delay:var(--delayFinalize_1fnoh)}.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_{animation-duration:var(--durationInitialize_1fnoh);animation-delay:var(--delayInitialize_1fnoh);animation-name:var(--keyframesInitialize_1fnoh)}.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:var(--timingFunction_1fnoh);transition-duration:var(--durationInitialize_1fnoh);transition-delay:var(--delayInitialize_1fnoh)}@media (prefers-reduced-motion){.___SAnimation_1fnoh_gg_.__transition-based_1fnoh_gg_,.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1fnoh_gg_,.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1fnoh_gg_") /*__reshadow_css_end__*/, {
"__SAnimation": "___SAnimation_1fnoh_gg_",
"--timingFunction": "--timingFunction_1fnoh",
"--durationFinalize": "--durationFinalize_1fnoh",
"--delayFinalize": "--delayFinalize_1fnoh",
"--keyframesFinalize": "--keyframesFinalize_1fnoh",
"_transition-based": "__transition-based_1fnoh_gg_",
"_visible": "__visible_1fnoh_gg_",
"--durationInitialize": "--durationInitialize_1fnoh",
"--delayInitialize": "--delayInitialize_1fnoh",
"--keyframesInitialize": "--keyframesInitialize_1fnoh"
});

@@ -28,0 +28,0 @@ function propToArray(prop) {

56

lib/es6/Collapse.js

@@ -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_897zk{0%,to{overflow:clip}}@keyframes collapse-exit_897zk{0%,to{overflow:clip}}@keyframes fade-in-out-enter_897zk{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_897zk{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_897zk{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_897zk{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_897zk{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_897zk{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_897zk{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_897zk{0%{transform:var(--transformStart_897zk)}to{transform:var(--transformEnd_897zk)}}@keyframes transform-exit_897zk{0%{transform:var(--transformEnd_897zk)}to{transform:var(--transformStart_897zk)}}.___SCollapse_897zk_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "897zk_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_897zk",
"@collapse-exit": "collapse-exit_897zk",
"__SCollapse": "___SCollapse_897zk_gg_",
"@fade-in-out-enter": "fade-in-out-enter_897zk",
"@fade-in-out-exit": "fade-in-out-exit_897zk",
"@opacity-in": "opacity-in_897zk",
"@opacity-out": "opacity-out_897zk",
"@scale-left-in": "scale-left-in_897zk",
"@scale-right-in": "scale-right-in_897zk",
"@scale-top-in": "scale-top-in_897zk",
"@scale-bottom-in": "scale-bottom-in_897zk",
"@scale-left-out": "scale-left-out_897zk",
"@scale-right-out": "scale-right-out_897zk",
"@scale-top-out": "scale-top-out_897zk",
"@scale-bottom-out": "scale-bottom-out_897zk",
"@slide-top-in": "slide-top-in_897zk",
"@slide-top-out": "slide-top-out_897zk",
"@slide-bottom-in": "slide-bottom-in_897zk",
"@slide-bottom-out": "slide-bottom-out_897zk",
"@slide-left-in": "slide-left-in_897zk",
"@slide-left-out": "slide-left-out_897zk",
"@slide-right-in": "slide-right-in_897zk",
"@slide-right-out": "slide-right-out_897zk",
"@transform-enter": "transform-enter_897zk",
"--transformStart": "--transformStart_897zk",
"--transformEnd": "--transformEnd_897zk",
"@transform-exit": "transform-exit_897zk"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1c4q0",
"@collapse-exit": "collapse-exit_1c4q0",
"__SCollapse": "___SCollapse_1c4q0_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1c4q0",
"@fade-in-out-exit": "fade-in-out-exit_1c4q0",
"@opacity-in": "opacity-in_1c4q0",
"@opacity-out": "opacity-out_1c4q0",
"@scale-left-in": "scale-left-in_1c4q0",
"@scale-right-in": "scale-right-in_1c4q0",
"@scale-top-in": "scale-top-in_1c4q0",
"@scale-bottom-in": "scale-bottom-in_1c4q0",
"@scale-left-out": "scale-left-out_1c4q0",
"@scale-right-out": "scale-right-out_1c4q0",
"@scale-top-out": "scale-top-out_1c4q0",
"@scale-bottom-out": "scale-bottom-out_1c4q0",
"@slide-top-in": "slide-top-in_1c4q0",
"@slide-top-out": "slide-top-out_1c4q0",
"@slide-bottom-in": "slide-bottom-in_1c4q0",
"@slide-bottom-out": "slide-bottom-out_1c4q0",
"@slide-left-in": "slide-left-in_1c4q0",
"@slide-left-out": "slide-left-out_1c4q0",
"@slide-right-in": "slide-right-in_1c4q0",
"@slide-right-out": "slide-right-out_1c4q0",
"@transform-enter": "transform-enter_1c4q0",
"--transformStart": "--transformStart_1c4q0",
"--transformEnd": "--transformEnd_1c4q0",
"@transform-exit": "transform-exit_1c4q0"
});

@@ -39,0 +39,0 @@ import { useForkRef } from '@semcore/utils/lib/ref';

56

lib/es6/FadeInOut.js

@@ -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_897zk{0%,to{overflow:clip}}@keyframes collapse-exit_897zk{0%,to{overflow:clip}}@keyframes fade-in-out-enter_897zk{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_897zk{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_897zk{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_897zk{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_897zk{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_897zk{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_897zk{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_897zk{0%{transform:var(--transformStart_897zk)}to{transform:var(--transformEnd_897zk)}}@keyframes transform-exit_897zk{0%{transform:var(--transformEnd_897zk)}to{transform:var(--transformStart_897zk)}}.___SCollapse_897zk_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "897zk_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_897zk",
"@collapse-exit": "collapse-exit_897zk",
"__SCollapse": "___SCollapse_897zk_gg_",
"@fade-in-out-enter": "fade-in-out-enter_897zk",
"@fade-in-out-exit": "fade-in-out-exit_897zk",
"@opacity-in": "opacity-in_897zk",
"@opacity-out": "opacity-out_897zk",
"@scale-left-in": "scale-left-in_897zk",
"@scale-right-in": "scale-right-in_897zk",
"@scale-top-in": "scale-top-in_897zk",
"@scale-bottom-in": "scale-bottom-in_897zk",
"@scale-left-out": "scale-left-out_897zk",
"@scale-right-out": "scale-right-out_897zk",
"@scale-top-out": "scale-top-out_897zk",
"@scale-bottom-out": "scale-bottom-out_897zk",
"@slide-top-in": "slide-top-in_897zk",
"@slide-top-out": "slide-top-out_897zk",
"@slide-bottom-in": "slide-bottom-in_897zk",
"@slide-bottom-out": "slide-bottom-out_897zk",
"@slide-left-in": "slide-left-in_897zk",
"@slide-left-out": "slide-left-out_897zk",
"@slide-right-in": "slide-right-in_897zk",
"@slide-right-out": "slide-right-out_897zk",
"@transform-enter": "transform-enter_897zk",
"--transformStart": "--transformStart_897zk",
"--transformEnd": "--transformEnd_897zk",
"@transform-exit": "transform-exit_897zk"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1c4q0",
"@collapse-exit": "collapse-exit_1c4q0",
"__SCollapse": "___SCollapse_1c4q0_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1c4q0",
"@fade-in-out-exit": "fade-in-out-exit_1c4q0",
"@opacity-in": "opacity-in_1c4q0",
"@opacity-out": "opacity-out_1c4q0",
"@scale-left-in": "scale-left-in_1c4q0",
"@scale-right-in": "scale-right-in_1c4q0",
"@scale-top-in": "scale-top-in_1c4q0",
"@scale-bottom-in": "scale-bottom-in_1c4q0",
"@scale-left-out": "scale-left-out_1c4q0",
"@scale-right-out": "scale-right-out_1c4q0",
"@scale-top-out": "scale-top-out_1c4q0",
"@scale-bottom-out": "scale-bottom-out_1c4q0",
"@slide-top-in": "slide-top-in_1c4q0",
"@slide-top-out": "slide-top-out_1c4q0",
"@slide-bottom-in": "slide-bottom-in_1c4q0",
"@slide-bottom-out": "slide-bottom-out_1c4q0",
"@slide-left-in": "slide-left-in_1c4q0",
"@slide-left-out": "slide-left-out_1c4q0",
"@slide-right-in": "slide-right-in_1c4q0",
"@slide-right-out": "slide-right-out_1c4q0",
"@transform-enter": "transform-enter_1c4q0",
"--transformStart": "--transformStart_1c4q0",
"--transformEnd": "--transformEnd_1c4q0",
"@transform-exit": "transform-exit_1c4q0"
});

@@ -37,0 +37,0 @@ function FadeInOut(props, ref) {

56

lib/es6/Scale.js

@@ -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_897zk{0%,to{overflow:clip}}@keyframes collapse-exit_897zk{0%,to{overflow:clip}}@keyframes fade-in-out-enter_897zk{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_897zk{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_897zk{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_897zk{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_897zk{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_897zk{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_897zk{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_897zk{0%{transform:var(--transformStart_897zk)}to{transform:var(--transformEnd_897zk)}}@keyframes transform-exit_897zk{0%{transform:var(--transformEnd_897zk)}to{transform:var(--transformStart_897zk)}}.___SCollapse_897zk_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "897zk_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_897zk",
"@collapse-exit": "collapse-exit_897zk",
"__SCollapse": "___SCollapse_897zk_gg_",
"@fade-in-out-enter": "fade-in-out-enter_897zk",
"@fade-in-out-exit": "fade-in-out-exit_897zk",
"@opacity-in": "opacity-in_897zk",
"@opacity-out": "opacity-out_897zk",
"@scale-left-in": "scale-left-in_897zk",
"@scale-right-in": "scale-right-in_897zk",
"@scale-top-in": "scale-top-in_897zk",
"@scale-bottom-in": "scale-bottom-in_897zk",
"@scale-left-out": "scale-left-out_897zk",
"@scale-right-out": "scale-right-out_897zk",
"@scale-top-out": "scale-top-out_897zk",
"@scale-bottom-out": "scale-bottom-out_897zk",
"@slide-top-in": "slide-top-in_897zk",
"@slide-top-out": "slide-top-out_897zk",
"@slide-bottom-in": "slide-bottom-in_897zk",
"@slide-bottom-out": "slide-bottom-out_897zk",
"@slide-left-in": "slide-left-in_897zk",
"@slide-left-out": "slide-left-out_897zk",
"@slide-right-in": "slide-right-in_897zk",
"@slide-right-out": "slide-right-out_897zk",
"@transform-enter": "transform-enter_897zk",
"--transformStart": "--transformStart_897zk",
"--transformEnd": "--transformEnd_897zk",
"@transform-exit": "transform-exit_897zk"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1c4q0",
"@collapse-exit": "collapse-exit_1c4q0",
"__SCollapse": "___SCollapse_1c4q0_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1c4q0",
"@fade-in-out-exit": "fade-in-out-exit_1c4q0",
"@opacity-in": "opacity-in_1c4q0",
"@opacity-out": "opacity-out_1c4q0",
"@scale-left-in": "scale-left-in_1c4q0",
"@scale-right-in": "scale-right-in_1c4q0",
"@scale-top-in": "scale-top-in_1c4q0",
"@scale-bottom-in": "scale-bottom-in_1c4q0",
"@scale-left-out": "scale-left-out_1c4q0",
"@scale-right-out": "scale-right-out_1c4q0",
"@scale-top-out": "scale-top-out_1c4q0",
"@scale-bottom-out": "scale-bottom-out_1c4q0",
"@slide-top-in": "slide-top-in_1c4q0",
"@slide-top-out": "slide-top-out_1c4q0",
"@slide-bottom-in": "slide-bottom-in_1c4q0",
"@slide-bottom-out": "slide-bottom-out_1c4q0",
"@slide-left-in": "slide-left-in_1c4q0",
"@slide-left-out": "slide-left-out_1c4q0",
"@slide-right-in": "slide-right-in_1c4q0",
"@slide-right-out": "slide-right-out_1c4q0",
"@transform-enter": "transform-enter_1c4q0",
"--transformStart": "--transformStart_1c4q0",
"--transformEnd": "--transformEnd_1c4q0",
"@transform-exit": "transform-exit_1c4q0"
});

@@ -38,0 +38,0 @@ import { useForkRef } from '@semcore/utils/lib/ref';

56

lib/es6/Slide.js

@@ -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_897zk{0%,to{overflow:clip}}@keyframes collapse-exit_897zk{0%,to{overflow:clip}}@keyframes fade-in-out-enter_897zk{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_897zk{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_897zk{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_897zk{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_897zk{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_897zk{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_897zk{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_897zk{0%{transform:var(--transformStart_897zk)}to{transform:var(--transformEnd_897zk)}}@keyframes transform-exit_897zk{0%{transform:var(--transformEnd_897zk)}to{transform:var(--transformStart_897zk)}}.___SCollapse_897zk_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "897zk_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_897zk",
"@collapse-exit": "collapse-exit_897zk",
"__SCollapse": "___SCollapse_897zk_gg_",
"@fade-in-out-enter": "fade-in-out-enter_897zk",
"@fade-in-out-exit": "fade-in-out-exit_897zk",
"@opacity-in": "opacity-in_897zk",
"@opacity-out": "opacity-out_897zk",
"@scale-left-in": "scale-left-in_897zk",
"@scale-right-in": "scale-right-in_897zk",
"@scale-top-in": "scale-top-in_897zk",
"@scale-bottom-in": "scale-bottom-in_897zk",
"@scale-left-out": "scale-left-out_897zk",
"@scale-right-out": "scale-right-out_897zk",
"@scale-top-out": "scale-top-out_897zk",
"@scale-bottom-out": "scale-bottom-out_897zk",
"@slide-top-in": "slide-top-in_897zk",
"@slide-top-out": "slide-top-out_897zk",
"@slide-bottom-in": "slide-bottom-in_897zk",
"@slide-bottom-out": "slide-bottom-out_897zk",
"@slide-left-in": "slide-left-in_897zk",
"@slide-left-out": "slide-left-out_897zk",
"@slide-right-in": "slide-right-in_897zk",
"@slide-right-out": "slide-right-out_897zk",
"@transform-enter": "transform-enter_897zk",
"--transformStart": "--transformStart_897zk",
"--transformEnd": "--transformEnd_897zk",
"@transform-exit": "transform-exit_897zk"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1c4q0",
"@collapse-exit": "collapse-exit_1c4q0",
"__SCollapse": "___SCollapse_1c4q0_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1c4q0",
"@fade-in-out-exit": "fade-in-out-exit_1c4q0",
"@opacity-in": "opacity-in_1c4q0",
"@opacity-out": "opacity-out_1c4q0",
"@scale-left-in": "scale-left-in_1c4q0",
"@scale-right-in": "scale-right-in_1c4q0",
"@scale-top-in": "scale-top-in_1c4q0",
"@scale-bottom-in": "scale-bottom-in_1c4q0",
"@scale-left-out": "scale-left-out_1c4q0",
"@scale-right-out": "scale-right-out_1c4q0",
"@scale-top-out": "scale-top-out_1c4q0",
"@scale-bottom-out": "scale-bottom-out_1c4q0",
"@slide-top-in": "slide-top-in_1c4q0",
"@slide-top-out": "slide-top-out_1c4q0",
"@slide-bottom-in": "slide-bottom-in_1c4q0",
"@slide-bottom-out": "slide-bottom-out_1c4q0",
"@slide-left-in": "slide-left-in_1c4q0",
"@slide-left-out": "slide-left-out_1c4q0",
"@slide-right-in": "slide-right-in_1c4q0",
"@slide-right-out": "slide-right-out_1c4q0",
"@transform-enter": "transform-enter_1c4q0",
"--transformStart": "--transformStart_1c4q0",
"--transformEnd": "--transformEnd_1c4q0",
"@transform-exit": "transform-exit_1c4q0"
});

@@ -37,0 +37,0 @@ function Slide(props, ref) {

56

lib/es6/Transform.js

@@ -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_897zk{0%,to{overflow:clip}}@keyframes collapse-exit_897zk{0%,to{overflow:clip}}@keyframes fade-in-out-enter_897zk{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_897zk{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_897zk{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_897zk{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{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_897zk{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_897zk{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_897zk{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_897zk{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_897zk{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_897zk{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_897zk{0%{transform:var(--transformStart_897zk)}to{transform:var(--transformEnd_897zk)}}@keyframes transform-exit_897zk{0%{transform:var(--transformEnd_897zk)}to{transform:var(--transformStart_897zk)}}.___SCollapse_897zk_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "897zk_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_897zk",
"@collapse-exit": "collapse-exit_897zk",
"__SCollapse": "___SCollapse_897zk_gg_",
"@fade-in-out-enter": "fade-in-out-enter_897zk",
"@fade-in-out-exit": "fade-in-out-exit_897zk",
"@opacity-in": "opacity-in_897zk",
"@opacity-out": "opacity-out_897zk",
"@scale-left-in": "scale-left-in_897zk",
"@scale-right-in": "scale-right-in_897zk",
"@scale-top-in": "scale-top-in_897zk",
"@scale-bottom-in": "scale-bottom-in_897zk",
"@scale-left-out": "scale-left-out_897zk",
"@scale-right-out": "scale-right-out_897zk",
"@scale-top-out": "scale-top-out_897zk",
"@scale-bottom-out": "scale-bottom-out_897zk",
"@slide-top-in": "slide-top-in_897zk",
"@slide-top-out": "slide-top-out_897zk",
"@slide-bottom-in": "slide-bottom-in_897zk",
"@slide-bottom-out": "slide-bottom-out_897zk",
"@slide-left-in": "slide-left-in_897zk",
"@slide-left-out": "slide-left-out_897zk",
"@slide-right-in": "slide-right-in_897zk",
"@slide-right-out": "slide-right-out_897zk",
"@transform-enter": "transform-enter_897zk",
"--transformStart": "--transformStart_897zk",
"--transformEnd": "--transformEnd_897zk",
"@transform-exit": "transform-exit_897zk"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1c4q0",
"@collapse-exit": "collapse-exit_1c4q0",
"__SCollapse": "___SCollapse_1c4q0_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1c4q0",
"@fade-in-out-exit": "fade-in-out-exit_1c4q0",
"@opacity-in": "opacity-in_1c4q0",
"@opacity-out": "opacity-out_1c4q0",
"@scale-left-in": "scale-left-in_1c4q0",
"@scale-right-in": "scale-right-in_1c4q0",
"@scale-top-in": "scale-top-in_1c4q0",
"@scale-bottom-in": "scale-bottom-in_1c4q0",
"@scale-left-out": "scale-left-out_1c4q0",
"@scale-right-out": "scale-right-out_1c4q0",
"@scale-top-out": "scale-top-out_1c4q0",
"@scale-bottom-out": "scale-bottom-out_1c4q0",
"@slide-top-in": "slide-top-in_1c4q0",
"@slide-top-out": "slide-top-out_1c4q0",
"@slide-bottom-in": "slide-bottom-in_1c4q0",
"@slide-bottom-out": "slide-bottom-out_1c4q0",
"@slide-left-in": "slide-left-in_1c4q0",
"@slide-left-out": "slide-left-out_1c4q0",
"@slide-right-in": "slide-right-in_1c4q0",
"@slide-right-out": "slide-right-out_1c4q0",
"@transform-enter": "transform-enter_1c4q0",
"--transformStart": "--transformStart_1c4q0",
"--transformEnd": "--transformEnd_1c4q0",
"@transform-exit": "transform-exit_1c4q0"
});

@@ -39,0 +39,0 @@ function Transform(props, ref) {

8

package.json
{
"name": "@semcore/animation",
"description": "Semrush Animation Component",
"version": "2.19.0",
"version": "2.19.1-prerelease.1",
"main": "lib/cjs/index.js",

@@ -12,7 +12,7 @@ "module": "lib/es6/index.js",

"dependencies": {
"@semcore/utils": "4.20.4",
"@semcore/flex-box": "5.19.3"
"@semcore/utils": "4.20.5-prerelease.1",
"@semcore/flex-box": "5.19.4-prerelease.1"
},
"peerDependencies": {
"@semcore/core": "^2.17.4",
"@semcore/core": "^2.17.5-prerelease.1",
"react": "16.8 - 18",

@@ -19,0 +19,0 @@ "react-dom": "16.8 - 18"

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc