Socket
Socket
Sign inDemoInstall

@semcore/animation

Package Overview
Dependencies
Maintainers
2
Versions
230
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.29.0 to 2.30.0-prerelease.0

8

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog

## [2.30.0] - 2024-07-12
### Changed
- Version minor update due to children dependencies update (`@semcore/utils` [4.30.0 ~> 4.31.0]).
## [2.29.0] - 2024-06-26

@@ -468,3 +474,3 @@

- Fixed collapse animations (e.g. used in `<Accordion />`) in Safari.
- Fixed collapse animations (for example used in `<Accordion />`) in Safari.

@@ -471,0 +477,0 @@ ## [1.10.3] - 2023-04-24

22

lib/cjs/Animation.js

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

/*__reshadow-styles__:"./style/animate.shadow.css"*/
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAnimation_1v50z_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1v50z);animation-duration:var(--durationFinalize_1v50z);animation-delay:var(--delayFinalize_1v50z);animation-name:var(--keyframesFinalize_1v50z)}.___SAnimation_1v50z_gg_.__transition-based_1v50z_gg_{transition-timing-function:var(--timingFunction_1v50z);transition-duration:var(--durationFinalize_1v50z);transition-delay:var(--delayFinalize_1v50z)}.___SAnimation_1v50z_gg_.__visible_1v50z_gg_{animation-duration:var(--durationInitialize_1v50z);animation-delay:var(--delayInitialize_1v50z);animation-name:var(--keyframesInitialize_1v50z)}.___SAnimation_1v50z_gg_.__visible_1v50z_gg_.__transition-based_1v50z_gg_{transition-timing-function:var(--timingFunction_1v50z);transition-duration:var(--durationInitialize_1v50z);transition-delay:var(--delayInitialize_1v50z)}@media (prefers-reduced-motion){.___SAnimation_1v50z_gg_.__transition-based_1v50z_gg_,.___SAnimation_1v50z_gg_.__visible_1v50z_gg_.__transition-based_1v50z_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1v50z_gg_,.___SAnimation_1v50z_gg_.__visible_1v50z_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1v50z_gg_") /*__reshadow_css_end__*/, {
"__SAnimation": "___SAnimation_1v50z_gg_",
"--timingFunction": "--timingFunction_1v50z",
"--durationFinalize": "--durationFinalize_1v50z",
"--delayFinalize": "--delayFinalize_1v50z",
"--keyframesFinalize": "--keyframesFinalize_1v50z",
"_transition-based": "__transition-based_1v50z_gg_",
"_visible": "__visible_1v50z_gg_",
"--durationInitialize": "--durationInitialize_1v50z",
"--delayInitialize": "--delayInitialize_1v50z",
"--keyframesInitialize": "--keyframesInitialize_1v50z"
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAnimation_51a7j_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_51a7j);animation-duration:var(--durationFinalize_51a7j);animation-delay:var(--delayFinalize_51a7j);animation-name:var(--keyframesFinalize_51a7j)}.___SAnimation_51a7j_gg_.__transition-based_51a7j_gg_{transition-timing-function:var(--timingFunction_51a7j);transition-duration:var(--durationFinalize_51a7j);transition-delay:var(--delayFinalize_51a7j)}.___SAnimation_51a7j_gg_.__visible_51a7j_gg_{animation-duration:var(--durationInitialize_51a7j);animation-delay:var(--delayInitialize_51a7j);animation-name:var(--keyframesInitialize_51a7j)}.___SAnimation_51a7j_gg_.__visible_51a7j_gg_.__transition-based_51a7j_gg_{transition-timing-function:var(--timingFunction_51a7j);transition-duration:var(--durationInitialize_51a7j);transition-delay:var(--delayInitialize_51a7j)}@media (prefers-reduced-motion){.___SAnimation_51a7j_gg_.__transition-based_51a7j_gg_,.___SAnimation_51a7j_gg_.__visible_51a7j_gg_.__transition-based_51a7j_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_51a7j_gg_,.___SAnimation_51a7j_gg_.__visible_51a7j_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "51a7j_gg_") /*__reshadow_css_end__*/, {
"__SAnimation": "___SAnimation_51a7j_gg_",
"--timingFunction": "--timingFunction_51a7j",
"--durationFinalize": "--durationFinalize_51a7j",
"--delayFinalize": "--delayFinalize_51a7j",
"--keyframesFinalize": "--keyframesFinalize_51a7j",
"_transition-based": "__transition-based_51a7j_gg_",
"_visible": "__visible_51a7j_gg_",
"--durationInitialize": "--durationInitialize_51a7j",
"--delayInitialize": "--delayInitialize_51a7j",
"--keyframesInitialize": "--keyframesInitialize_51a7j"
});

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

56

lib/cjs/Collapse.js

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

/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1vqhw{0%,to{overflow:clip}}@keyframes collapse-exit_1vqhw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1vqhw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1vqhw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1vqhw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1vqhw{0%{transform:var(--transformStart_1vqhw)}to{transform:var(--transformEnd_1vqhw)}}@keyframes transform-exit_1vqhw{0%{transform:var(--transformEnd_1vqhw)}to{transform:var(--transformStart_1vqhw)}}.___SCollapse_1vqhw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1vqhw_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1vqhw",
"@collapse-exit": "collapse-exit_1vqhw",
"__SCollapse": "___SCollapse_1vqhw_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1vqhw",
"@fade-in-out-exit": "fade-in-out-exit_1vqhw",
"@opacity-in": "opacity-in_1vqhw",
"@opacity-out": "opacity-out_1vqhw",
"@scale-left-in": "scale-left-in_1vqhw",
"@scale-right-in": "scale-right-in_1vqhw",
"@scale-top-in": "scale-top-in_1vqhw",
"@scale-bottom-in": "scale-bottom-in_1vqhw",
"@scale-left-out": "scale-left-out_1vqhw",
"@scale-right-out": "scale-right-out_1vqhw",
"@scale-top-out": "scale-top-out_1vqhw",
"@scale-bottom-out": "scale-bottom-out_1vqhw",
"@slide-top-in": "slide-top-in_1vqhw",
"@slide-top-out": "slide-top-out_1vqhw",
"@slide-bottom-in": "slide-bottom-in_1vqhw",
"@slide-bottom-out": "slide-bottom-out_1vqhw",
"@slide-left-in": "slide-left-in_1vqhw",
"@slide-left-out": "slide-left-out_1vqhw",
"@slide-right-in": "slide-right-in_1vqhw",
"@slide-right-out": "slide-right-out_1vqhw",
"@transform-enter": "transform-enter_1vqhw",
"--transformStart": "--transformStart_1vqhw",
"--transformEnd": "--transformEnd_1vqhw",
"@transform-exit": "transform-exit_1vqhw"
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jny1{0%,to{overflow:clip}}@keyframes collapse-exit_1jny1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1jny1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jny1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jny1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jny1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jny1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jny1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jny1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jny1{0%{transform:var(--transformStart_1jny1)}to{transform:var(--transformEnd_1jny1)}}@keyframes transform-exit_1jny1{0%{transform:var(--transformEnd_1jny1)}to{transform:var(--transformStart_1jny1)}}.___SCollapse_1jny1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1jny1_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1jny1",
"@collapse-exit": "collapse-exit_1jny1",
"__SCollapse": "___SCollapse_1jny1_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1jny1",
"@fade-in-out-exit": "fade-in-out-exit_1jny1",
"@opacity-in": "opacity-in_1jny1",
"@opacity-out": "opacity-out_1jny1",
"@scale-left-in": "scale-left-in_1jny1",
"@scale-right-in": "scale-right-in_1jny1",
"@scale-top-in": "scale-top-in_1jny1",
"@scale-bottom-in": "scale-bottom-in_1jny1",
"@scale-left-out": "scale-left-out_1jny1",
"@scale-right-out": "scale-right-out_1jny1",
"@scale-top-out": "scale-top-out_1jny1",
"@scale-bottom-out": "scale-bottom-out_1jny1",
"@slide-top-in": "slide-top-in_1jny1",
"@slide-top-out": "slide-top-out_1jny1",
"@slide-bottom-in": "slide-bottom-in_1jny1",
"@slide-bottom-out": "slide-bottom-out_1jny1",
"@slide-left-in": "slide-left-in_1jny1",
"@slide-left-out": "slide-left-out_1jny1",
"@slide-right-in": "slide-right-in_1jny1",
"@slide-right-out": "slide-right-out_1jny1",
"@transform-enter": "transform-enter_1jny1",
"--transformStart": "--transformStart_1jny1",
"--transformEnd": "--transformEnd_1jny1",
"@transform-exit": "transform-exit_1jny1"
});

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

56

lib/cjs/FadeInOut.js

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

/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1vqhw{0%,to{overflow:clip}}@keyframes collapse-exit_1vqhw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1vqhw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1vqhw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1vqhw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1vqhw{0%{transform:var(--transformStart_1vqhw)}to{transform:var(--transformEnd_1vqhw)}}@keyframes transform-exit_1vqhw{0%{transform:var(--transformEnd_1vqhw)}to{transform:var(--transformStart_1vqhw)}}.___SCollapse_1vqhw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1vqhw_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1vqhw",
"@collapse-exit": "collapse-exit_1vqhw",
"__SCollapse": "___SCollapse_1vqhw_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1vqhw",
"@fade-in-out-exit": "fade-in-out-exit_1vqhw",
"@opacity-in": "opacity-in_1vqhw",
"@opacity-out": "opacity-out_1vqhw",
"@scale-left-in": "scale-left-in_1vqhw",
"@scale-right-in": "scale-right-in_1vqhw",
"@scale-top-in": "scale-top-in_1vqhw",
"@scale-bottom-in": "scale-bottom-in_1vqhw",
"@scale-left-out": "scale-left-out_1vqhw",
"@scale-right-out": "scale-right-out_1vqhw",
"@scale-top-out": "scale-top-out_1vqhw",
"@scale-bottom-out": "scale-bottom-out_1vqhw",
"@slide-top-in": "slide-top-in_1vqhw",
"@slide-top-out": "slide-top-out_1vqhw",
"@slide-bottom-in": "slide-bottom-in_1vqhw",
"@slide-bottom-out": "slide-bottom-out_1vqhw",
"@slide-left-in": "slide-left-in_1vqhw",
"@slide-left-out": "slide-left-out_1vqhw",
"@slide-right-in": "slide-right-in_1vqhw",
"@slide-right-out": "slide-right-out_1vqhw",
"@transform-enter": "transform-enter_1vqhw",
"--transformStart": "--transformStart_1vqhw",
"--transformEnd": "--transformEnd_1vqhw",
"@transform-exit": "transform-exit_1vqhw"
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jny1{0%,to{overflow:clip}}@keyframes collapse-exit_1jny1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1jny1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jny1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jny1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jny1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jny1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jny1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jny1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jny1{0%{transform:var(--transformStart_1jny1)}to{transform:var(--transformEnd_1jny1)}}@keyframes transform-exit_1jny1{0%{transform:var(--transformEnd_1jny1)}to{transform:var(--transformStart_1jny1)}}.___SCollapse_1jny1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1jny1_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1jny1",
"@collapse-exit": "collapse-exit_1jny1",
"__SCollapse": "___SCollapse_1jny1_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1jny1",
"@fade-in-out-exit": "fade-in-out-exit_1jny1",
"@opacity-in": "opacity-in_1jny1",
"@opacity-out": "opacity-out_1jny1",
"@scale-left-in": "scale-left-in_1jny1",
"@scale-right-in": "scale-right-in_1jny1",
"@scale-top-in": "scale-top-in_1jny1",
"@scale-bottom-in": "scale-bottom-in_1jny1",
"@scale-left-out": "scale-left-out_1jny1",
"@scale-right-out": "scale-right-out_1jny1",
"@scale-top-out": "scale-top-out_1jny1",
"@scale-bottom-out": "scale-bottom-out_1jny1",
"@slide-top-in": "slide-top-in_1jny1",
"@slide-top-out": "slide-top-out_1jny1",
"@slide-bottom-in": "slide-bottom-in_1jny1",
"@slide-bottom-out": "slide-bottom-out_1jny1",
"@slide-left-in": "slide-left-in_1jny1",
"@slide-left-out": "slide-left-out_1jny1",
"@slide-right-in": "slide-right-in_1jny1",
"@slide-right-out": "slide-right-out_1jny1",
"@transform-enter": "transform-enter_1jny1",
"--transformStart": "--transformStart_1jny1",
"--transformEnd": "--transformEnd_1jny1",
"@transform-exit": "transform-exit_1jny1"
});

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

56

lib/cjs/Scale.js

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

/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1vqhw{0%,to{overflow:clip}}@keyframes collapse-exit_1vqhw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1vqhw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1vqhw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1vqhw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1vqhw{0%{transform:var(--transformStart_1vqhw)}to{transform:var(--transformEnd_1vqhw)}}@keyframes transform-exit_1vqhw{0%{transform:var(--transformEnd_1vqhw)}to{transform:var(--transformStart_1vqhw)}}.___SCollapse_1vqhw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1vqhw_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1vqhw",
"@collapse-exit": "collapse-exit_1vqhw",
"__SCollapse": "___SCollapse_1vqhw_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1vqhw",
"@fade-in-out-exit": "fade-in-out-exit_1vqhw",
"@opacity-in": "opacity-in_1vqhw",
"@opacity-out": "opacity-out_1vqhw",
"@scale-left-in": "scale-left-in_1vqhw",
"@scale-right-in": "scale-right-in_1vqhw",
"@scale-top-in": "scale-top-in_1vqhw",
"@scale-bottom-in": "scale-bottom-in_1vqhw",
"@scale-left-out": "scale-left-out_1vqhw",
"@scale-right-out": "scale-right-out_1vqhw",
"@scale-top-out": "scale-top-out_1vqhw",
"@scale-bottom-out": "scale-bottom-out_1vqhw",
"@slide-top-in": "slide-top-in_1vqhw",
"@slide-top-out": "slide-top-out_1vqhw",
"@slide-bottom-in": "slide-bottom-in_1vqhw",
"@slide-bottom-out": "slide-bottom-out_1vqhw",
"@slide-left-in": "slide-left-in_1vqhw",
"@slide-left-out": "slide-left-out_1vqhw",
"@slide-right-in": "slide-right-in_1vqhw",
"@slide-right-out": "slide-right-out_1vqhw",
"@transform-enter": "transform-enter_1vqhw",
"--transformStart": "--transformStart_1vqhw",
"--transformEnd": "--transformEnd_1vqhw",
"@transform-exit": "transform-exit_1vqhw"
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jny1{0%,to{overflow:clip}}@keyframes collapse-exit_1jny1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1jny1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jny1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jny1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jny1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jny1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jny1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jny1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jny1{0%{transform:var(--transformStart_1jny1)}to{transform:var(--transformEnd_1jny1)}}@keyframes transform-exit_1jny1{0%{transform:var(--transformEnd_1jny1)}to{transform:var(--transformStart_1jny1)}}.___SCollapse_1jny1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1jny1_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1jny1",
"@collapse-exit": "collapse-exit_1jny1",
"__SCollapse": "___SCollapse_1jny1_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1jny1",
"@fade-in-out-exit": "fade-in-out-exit_1jny1",
"@opacity-in": "opacity-in_1jny1",
"@opacity-out": "opacity-out_1jny1",
"@scale-left-in": "scale-left-in_1jny1",
"@scale-right-in": "scale-right-in_1jny1",
"@scale-top-in": "scale-top-in_1jny1",
"@scale-bottom-in": "scale-bottom-in_1jny1",
"@scale-left-out": "scale-left-out_1jny1",
"@scale-right-out": "scale-right-out_1jny1",
"@scale-top-out": "scale-top-out_1jny1",
"@scale-bottom-out": "scale-bottom-out_1jny1",
"@slide-top-in": "slide-top-in_1jny1",
"@slide-top-out": "slide-top-out_1jny1",
"@slide-bottom-in": "slide-bottom-in_1jny1",
"@slide-bottom-out": "slide-bottom-out_1jny1",
"@slide-left-in": "slide-left-in_1jny1",
"@slide-left-out": "slide-left-out_1jny1",
"@slide-right-in": "slide-right-in_1jny1",
"@slide-right-out": "slide-right-out_1jny1",
"@transform-enter": "transform-enter_1jny1",
"--transformStart": "--transformStart_1jny1",
"--transformEnd": "--transformEnd_1jny1",
"@transform-exit": "transform-exit_1jny1"
});

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

56

lib/cjs/Slide.js

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

/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1vqhw{0%,to{overflow:clip}}@keyframes collapse-exit_1vqhw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1vqhw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1vqhw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1vqhw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1vqhw{0%{transform:var(--transformStart_1vqhw)}to{transform:var(--transformEnd_1vqhw)}}@keyframes transform-exit_1vqhw{0%{transform:var(--transformEnd_1vqhw)}to{transform:var(--transformStart_1vqhw)}}.___SCollapse_1vqhw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1vqhw_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1vqhw",
"@collapse-exit": "collapse-exit_1vqhw",
"__SCollapse": "___SCollapse_1vqhw_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1vqhw",
"@fade-in-out-exit": "fade-in-out-exit_1vqhw",
"@opacity-in": "opacity-in_1vqhw",
"@opacity-out": "opacity-out_1vqhw",
"@scale-left-in": "scale-left-in_1vqhw",
"@scale-right-in": "scale-right-in_1vqhw",
"@scale-top-in": "scale-top-in_1vqhw",
"@scale-bottom-in": "scale-bottom-in_1vqhw",
"@scale-left-out": "scale-left-out_1vqhw",
"@scale-right-out": "scale-right-out_1vqhw",
"@scale-top-out": "scale-top-out_1vqhw",
"@scale-bottom-out": "scale-bottom-out_1vqhw",
"@slide-top-in": "slide-top-in_1vqhw",
"@slide-top-out": "slide-top-out_1vqhw",
"@slide-bottom-in": "slide-bottom-in_1vqhw",
"@slide-bottom-out": "slide-bottom-out_1vqhw",
"@slide-left-in": "slide-left-in_1vqhw",
"@slide-left-out": "slide-left-out_1vqhw",
"@slide-right-in": "slide-right-in_1vqhw",
"@slide-right-out": "slide-right-out_1vqhw",
"@transform-enter": "transform-enter_1vqhw",
"--transformStart": "--transformStart_1vqhw",
"--transformEnd": "--transformEnd_1vqhw",
"@transform-exit": "transform-exit_1vqhw"
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jny1{0%,to{overflow:clip}}@keyframes collapse-exit_1jny1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1jny1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jny1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jny1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jny1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jny1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jny1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jny1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jny1{0%{transform:var(--transformStart_1jny1)}to{transform:var(--transformEnd_1jny1)}}@keyframes transform-exit_1jny1{0%{transform:var(--transformEnd_1jny1)}to{transform:var(--transformStart_1jny1)}}.___SCollapse_1jny1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1jny1_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1jny1",
"@collapse-exit": "collapse-exit_1jny1",
"__SCollapse": "___SCollapse_1jny1_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1jny1",
"@fade-in-out-exit": "fade-in-out-exit_1jny1",
"@opacity-in": "opacity-in_1jny1",
"@opacity-out": "opacity-out_1jny1",
"@scale-left-in": "scale-left-in_1jny1",
"@scale-right-in": "scale-right-in_1jny1",
"@scale-top-in": "scale-top-in_1jny1",
"@scale-bottom-in": "scale-bottom-in_1jny1",
"@scale-left-out": "scale-left-out_1jny1",
"@scale-right-out": "scale-right-out_1jny1",
"@scale-top-out": "scale-top-out_1jny1",
"@scale-bottom-out": "scale-bottom-out_1jny1",
"@slide-top-in": "slide-top-in_1jny1",
"@slide-top-out": "slide-top-out_1jny1",
"@slide-bottom-in": "slide-bottom-in_1jny1",
"@slide-bottom-out": "slide-bottom-out_1jny1",
"@slide-left-in": "slide-left-in_1jny1",
"@slide-left-out": "slide-left-out_1jny1",
"@slide-right-in": "slide-right-in_1jny1",
"@slide-right-out": "slide-right-out_1jny1",
"@transform-enter": "transform-enter_1jny1",
"--transformStart": "--transformStart_1jny1",
"--transformEnd": "--transformEnd_1jny1",
"@transform-exit": "transform-exit_1jny1"
});

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

56

lib/cjs/Transform.js

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

/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1vqhw{0%,to{overflow:clip}}@keyframes collapse-exit_1vqhw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1vqhw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1vqhw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1vqhw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1vqhw{0%{transform:var(--transformStart_1vqhw)}to{transform:var(--transformEnd_1vqhw)}}@keyframes transform-exit_1vqhw{0%{transform:var(--transformEnd_1vqhw)}to{transform:var(--transformStart_1vqhw)}}.___SCollapse_1vqhw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1vqhw_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1vqhw",
"@collapse-exit": "collapse-exit_1vqhw",
"__SCollapse": "___SCollapse_1vqhw_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1vqhw",
"@fade-in-out-exit": "fade-in-out-exit_1vqhw",
"@opacity-in": "opacity-in_1vqhw",
"@opacity-out": "opacity-out_1vqhw",
"@scale-left-in": "scale-left-in_1vqhw",
"@scale-right-in": "scale-right-in_1vqhw",
"@scale-top-in": "scale-top-in_1vqhw",
"@scale-bottom-in": "scale-bottom-in_1vqhw",
"@scale-left-out": "scale-left-out_1vqhw",
"@scale-right-out": "scale-right-out_1vqhw",
"@scale-top-out": "scale-top-out_1vqhw",
"@scale-bottom-out": "scale-bottom-out_1vqhw",
"@slide-top-in": "slide-top-in_1vqhw",
"@slide-top-out": "slide-top-out_1vqhw",
"@slide-bottom-in": "slide-bottom-in_1vqhw",
"@slide-bottom-out": "slide-bottom-out_1vqhw",
"@slide-left-in": "slide-left-in_1vqhw",
"@slide-left-out": "slide-left-out_1vqhw",
"@slide-right-in": "slide-right-in_1vqhw",
"@slide-right-out": "slide-right-out_1vqhw",
"@transform-enter": "transform-enter_1vqhw",
"--transformStart": "--transformStart_1vqhw",
"--transformEnd": "--transformEnd_1vqhw",
"@transform-exit": "transform-exit_1vqhw"
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jny1{0%,to{overflow:clip}}@keyframes collapse-exit_1jny1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1jny1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jny1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jny1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jny1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jny1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jny1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jny1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jny1{0%{transform:var(--transformStart_1jny1)}to{transform:var(--transformEnd_1jny1)}}@keyframes transform-exit_1jny1{0%{transform:var(--transformEnd_1jny1)}to{transform:var(--transformStart_1jny1)}}.___SCollapse_1jny1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1jny1_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1jny1",
"@collapse-exit": "collapse-exit_1jny1",
"__SCollapse": "___SCollapse_1jny1_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1jny1",
"@fade-in-out-exit": "fade-in-out-exit_1jny1",
"@opacity-in": "opacity-in_1jny1",
"@opacity-out": "opacity-out_1jny1",
"@scale-left-in": "scale-left-in_1jny1",
"@scale-right-in": "scale-right-in_1jny1",
"@scale-top-in": "scale-top-in_1jny1",
"@scale-bottom-in": "scale-bottom-in_1jny1",
"@scale-left-out": "scale-left-out_1jny1",
"@scale-right-out": "scale-right-out_1jny1",
"@scale-top-out": "scale-top-out_1jny1",
"@scale-bottom-out": "scale-bottom-out_1jny1",
"@slide-top-in": "slide-top-in_1jny1",
"@slide-top-out": "slide-top-out_1jny1",
"@slide-bottom-in": "slide-bottom-in_1jny1",
"@slide-bottom-out": "slide-bottom-out_1jny1",
"@slide-left-in": "slide-left-in_1jny1",
"@slide-left-out": "slide-left-out_1jny1",
"@slide-right-in": "slide-right-in_1jny1",
"@slide-right-out": "slide-right-out_1jny1",
"@transform-enter": "transform-enter_1jny1",
"--transformStart": "--transformStart_1jny1",
"--transformEnd": "--transformEnd_1jny1",
"@transform-exit": "transform-exit_1jny1"
});

@@ -46,0 +46,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_1v50z_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1v50z);animation-duration:var(--durationFinalize_1v50z);animation-delay:var(--delayFinalize_1v50z);animation-name:var(--keyframesFinalize_1v50z)}.___SAnimation_1v50z_gg_.__transition-based_1v50z_gg_{transition-timing-function:var(--timingFunction_1v50z);transition-duration:var(--durationFinalize_1v50z);transition-delay:var(--delayFinalize_1v50z)}.___SAnimation_1v50z_gg_.__visible_1v50z_gg_{animation-duration:var(--durationInitialize_1v50z);animation-delay:var(--delayInitialize_1v50z);animation-name:var(--keyframesInitialize_1v50z)}.___SAnimation_1v50z_gg_.__visible_1v50z_gg_.__transition-based_1v50z_gg_{transition-timing-function:var(--timingFunction_1v50z);transition-duration:var(--durationInitialize_1v50z);transition-delay:var(--delayInitialize_1v50z)}@media (prefers-reduced-motion){.___SAnimation_1v50z_gg_.__transition-based_1v50z_gg_,.___SAnimation_1v50z_gg_.__visible_1v50z_gg_.__transition-based_1v50z_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1v50z_gg_,.___SAnimation_1v50z_gg_.__visible_1v50z_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1v50z_gg_") /*__reshadow_css_end__*/, {
"__SAnimation": "___SAnimation_1v50z_gg_",
"--timingFunction": "--timingFunction_1v50z",
"--durationFinalize": "--durationFinalize_1v50z",
"--delayFinalize": "--delayFinalize_1v50z",
"--keyframesFinalize": "--keyframesFinalize_1v50z",
"_transition-based": "__transition-based_1v50z_gg_",
"_visible": "__visible_1v50z_gg_",
"--durationInitialize": "--durationInitialize_1v50z",
"--delayInitialize": "--delayInitialize_1v50z",
"--keyframesInitialize": "--keyframesInitialize_1v50z"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_51a7j_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_51a7j);animation-duration:var(--durationFinalize_51a7j);animation-delay:var(--delayFinalize_51a7j);animation-name:var(--keyframesFinalize_51a7j)}.___SAnimation_51a7j_gg_.__transition-based_51a7j_gg_{transition-timing-function:var(--timingFunction_51a7j);transition-duration:var(--durationFinalize_51a7j);transition-delay:var(--delayFinalize_51a7j)}.___SAnimation_51a7j_gg_.__visible_51a7j_gg_{animation-duration:var(--durationInitialize_51a7j);animation-delay:var(--delayInitialize_51a7j);animation-name:var(--keyframesInitialize_51a7j)}.___SAnimation_51a7j_gg_.__visible_51a7j_gg_.__transition-based_51a7j_gg_{transition-timing-function:var(--timingFunction_51a7j);transition-duration:var(--durationInitialize_51a7j);transition-delay:var(--delayInitialize_51a7j)}@media (prefers-reduced-motion){.___SAnimation_51a7j_gg_.__transition-based_51a7j_gg_,.___SAnimation_51a7j_gg_.__visible_51a7j_gg_.__transition-based_51a7j_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_51a7j_gg_,.___SAnimation_51a7j_gg_.__visible_51a7j_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "51a7j_gg_") /*__reshadow_css_end__*/, {
"__SAnimation": "___SAnimation_51a7j_gg_",
"--timingFunction": "--timingFunction_51a7j",
"--durationFinalize": "--durationFinalize_51a7j",
"--delayFinalize": "--delayFinalize_51a7j",
"--keyframesFinalize": "--keyframesFinalize_51a7j",
"_transition-based": "__transition-based_51a7j_gg_",
"_visible": "__visible_51a7j_gg_",
"--durationInitialize": "--durationInitialize_51a7j",
"--delayInitialize": "--delayInitialize_51a7j",
"--keyframesInitialize": "--keyframesInitialize_51a7j"
});

@@ -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_1vqhw{0%,to{overflow:clip}}@keyframes collapse-exit_1vqhw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1vqhw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1vqhw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1vqhw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1vqhw{0%{transform:var(--transformStart_1vqhw)}to{transform:var(--transformEnd_1vqhw)}}@keyframes transform-exit_1vqhw{0%{transform:var(--transformEnd_1vqhw)}to{transform:var(--transformStart_1vqhw)}}.___SCollapse_1vqhw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1vqhw_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1vqhw",
"@collapse-exit": "collapse-exit_1vqhw",
"__SCollapse": "___SCollapse_1vqhw_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1vqhw",
"@fade-in-out-exit": "fade-in-out-exit_1vqhw",
"@opacity-in": "opacity-in_1vqhw",
"@opacity-out": "opacity-out_1vqhw",
"@scale-left-in": "scale-left-in_1vqhw",
"@scale-right-in": "scale-right-in_1vqhw",
"@scale-top-in": "scale-top-in_1vqhw",
"@scale-bottom-in": "scale-bottom-in_1vqhw",
"@scale-left-out": "scale-left-out_1vqhw",
"@scale-right-out": "scale-right-out_1vqhw",
"@scale-top-out": "scale-top-out_1vqhw",
"@scale-bottom-out": "scale-bottom-out_1vqhw",
"@slide-top-in": "slide-top-in_1vqhw",
"@slide-top-out": "slide-top-out_1vqhw",
"@slide-bottom-in": "slide-bottom-in_1vqhw",
"@slide-bottom-out": "slide-bottom-out_1vqhw",
"@slide-left-in": "slide-left-in_1vqhw",
"@slide-left-out": "slide-left-out_1vqhw",
"@slide-right-in": "slide-right-in_1vqhw",
"@slide-right-out": "slide-right-out_1vqhw",
"@transform-enter": "transform-enter_1vqhw",
"--transformStart": "--transformStart_1vqhw",
"--transformEnd": "--transformEnd_1vqhw",
"@transform-exit": "transform-exit_1vqhw"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jny1{0%,to{overflow:clip}}@keyframes collapse-exit_1jny1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1jny1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jny1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jny1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jny1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jny1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jny1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jny1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jny1{0%{transform:var(--transformStart_1jny1)}to{transform:var(--transformEnd_1jny1)}}@keyframes transform-exit_1jny1{0%{transform:var(--transformEnd_1jny1)}to{transform:var(--transformStart_1jny1)}}.___SCollapse_1jny1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1jny1_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1jny1",
"@collapse-exit": "collapse-exit_1jny1",
"__SCollapse": "___SCollapse_1jny1_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1jny1",
"@fade-in-out-exit": "fade-in-out-exit_1jny1",
"@opacity-in": "opacity-in_1jny1",
"@opacity-out": "opacity-out_1jny1",
"@scale-left-in": "scale-left-in_1jny1",
"@scale-right-in": "scale-right-in_1jny1",
"@scale-top-in": "scale-top-in_1jny1",
"@scale-bottom-in": "scale-bottom-in_1jny1",
"@scale-left-out": "scale-left-out_1jny1",
"@scale-right-out": "scale-right-out_1jny1",
"@scale-top-out": "scale-top-out_1jny1",
"@scale-bottom-out": "scale-bottom-out_1jny1",
"@slide-top-in": "slide-top-in_1jny1",
"@slide-top-out": "slide-top-out_1jny1",
"@slide-bottom-in": "slide-bottom-in_1jny1",
"@slide-bottom-out": "slide-bottom-out_1jny1",
"@slide-left-in": "slide-left-in_1jny1",
"@slide-left-out": "slide-left-out_1jny1",
"@slide-right-in": "slide-right-in_1jny1",
"@slide-right-out": "slide-right-out_1jny1",
"@transform-enter": "transform-enter_1jny1",
"--transformStart": "--transformStart_1jny1",
"--transformEnd": "--transformEnd_1jny1",
"@transform-exit": "transform-exit_1jny1"
});

@@ -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_1vqhw{0%,to{overflow:clip}}@keyframes collapse-exit_1vqhw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1vqhw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1vqhw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1vqhw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1vqhw{0%{transform:var(--transformStart_1vqhw)}to{transform:var(--transformEnd_1vqhw)}}@keyframes transform-exit_1vqhw{0%{transform:var(--transformEnd_1vqhw)}to{transform:var(--transformStart_1vqhw)}}.___SCollapse_1vqhw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1vqhw_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1vqhw",
"@collapse-exit": "collapse-exit_1vqhw",
"__SCollapse": "___SCollapse_1vqhw_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1vqhw",
"@fade-in-out-exit": "fade-in-out-exit_1vqhw",
"@opacity-in": "opacity-in_1vqhw",
"@opacity-out": "opacity-out_1vqhw",
"@scale-left-in": "scale-left-in_1vqhw",
"@scale-right-in": "scale-right-in_1vqhw",
"@scale-top-in": "scale-top-in_1vqhw",
"@scale-bottom-in": "scale-bottom-in_1vqhw",
"@scale-left-out": "scale-left-out_1vqhw",
"@scale-right-out": "scale-right-out_1vqhw",
"@scale-top-out": "scale-top-out_1vqhw",
"@scale-bottom-out": "scale-bottom-out_1vqhw",
"@slide-top-in": "slide-top-in_1vqhw",
"@slide-top-out": "slide-top-out_1vqhw",
"@slide-bottom-in": "slide-bottom-in_1vqhw",
"@slide-bottom-out": "slide-bottom-out_1vqhw",
"@slide-left-in": "slide-left-in_1vqhw",
"@slide-left-out": "slide-left-out_1vqhw",
"@slide-right-in": "slide-right-in_1vqhw",
"@slide-right-out": "slide-right-out_1vqhw",
"@transform-enter": "transform-enter_1vqhw",
"--transformStart": "--transformStart_1vqhw",
"--transformEnd": "--transformEnd_1vqhw",
"@transform-exit": "transform-exit_1vqhw"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jny1{0%,to{overflow:clip}}@keyframes collapse-exit_1jny1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1jny1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jny1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jny1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jny1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jny1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jny1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jny1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jny1{0%{transform:var(--transformStart_1jny1)}to{transform:var(--transformEnd_1jny1)}}@keyframes transform-exit_1jny1{0%{transform:var(--transformEnd_1jny1)}to{transform:var(--transformStart_1jny1)}}.___SCollapse_1jny1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1jny1_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1jny1",
"@collapse-exit": "collapse-exit_1jny1",
"__SCollapse": "___SCollapse_1jny1_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1jny1",
"@fade-in-out-exit": "fade-in-out-exit_1jny1",
"@opacity-in": "opacity-in_1jny1",
"@opacity-out": "opacity-out_1jny1",
"@scale-left-in": "scale-left-in_1jny1",
"@scale-right-in": "scale-right-in_1jny1",
"@scale-top-in": "scale-top-in_1jny1",
"@scale-bottom-in": "scale-bottom-in_1jny1",
"@scale-left-out": "scale-left-out_1jny1",
"@scale-right-out": "scale-right-out_1jny1",
"@scale-top-out": "scale-top-out_1jny1",
"@scale-bottom-out": "scale-bottom-out_1jny1",
"@slide-top-in": "slide-top-in_1jny1",
"@slide-top-out": "slide-top-out_1jny1",
"@slide-bottom-in": "slide-bottom-in_1jny1",
"@slide-bottom-out": "slide-bottom-out_1jny1",
"@slide-left-in": "slide-left-in_1jny1",
"@slide-left-out": "slide-left-out_1jny1",
"@slide-right-in": "slide-right-in_1jny1",
"@slide-right-out": "slide-right-out_1jny1",
"@transform-enter": "transform-enter_1jny1",
"--transformStart": "--transformStart_1jny1",
"--transformEnd": "--transformEnd_1jny1",
"@transform-exit": "transform-exit_1jny1"
});

@@ -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_1vqhw{0%,to{overflow:clip}}@keyframes collapse-exit_1vqhw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1vqhw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1vqhw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1vqhw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1vqhw{0%{transform:var(--transformStart_1vqhw)}to{transform:var(--transformEnd_1vqhw)}}@keyframes transform-exit_1vqhw{0%{transform:var(--transformEnd_1vqhw)}to{transform:var(--transformStart_1vqhw)}}.___SCollapse_1vqhw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1vqhw_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1vqhw",
"@collapse-exit": "collapse-exit_1vqhw",
"__SCollapse": "___SCollapse_1vqhw_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1vqhw",
"@fade-in-out-exit": "fade-in-out-exit_1vqhw",
"@opacity-in": "opacity-in_1vqhw",
"@opacity-out": "opacity-out_1vqhw",
"@scale-left-in": "scale-left-in_1vqhw",
"@scale-right-in": "scale-right-in_1vqhw",
"@scale-top-in": "scale-top-in_1vqhw",
"@scale-bottom-in": "scale-bottom-in_1vqhw",
"@scale-left-out": "scale-left-out_1vqhw",
"@scale-right-out": "scale-right-out_1vqhw",
"@scale-top-out": "scale-top-out_1vqhw",
"@scale-bottom-out": "scale-bottom-out_1vqhw",
"@slide-top-in": "slide-top-in_1vqhw",
"@slide-top-out": "slide-top-out_1vqhw",
"@slide-bottom-in": "slide-bottom-in_1vqhw",
"@slide-bottom-out": "slide-bottom-out_1vqhw",
"@slide-left-in": "slide-left-in_1vqhw",
"@slide-left-out": "slide-left-out_1vqhw",
"@slide-right-in": "slide-right-in_1vqhw",
"@slide-right-out": "slide-right-out_1vqhw",
"@transform-enter": "transform-enter_1vqhw",
"--transformStart": "--transformStart_1vqhw",
"--transformEnd": "--transformEnd_1vqhw",
"@transform-exit": "transform-exit_1vqhw"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jny1{0%,to{overflow:clip}}@keyframes collapse-exit_1jny1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1jny1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jny1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jny1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jny1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jny1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jny1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jny1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jny1{0%{transform:var(--transformStart_1jny1)}to{transform:var(--transformEnd_1jny1)}}@keyframes transform-exit_1jny1{0%{transform:var(--transformEnd_1jny1)}to{transform:var(--transformStart_1jny1)}}.___SCollapse_1jny1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1jny1_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1jny1",
"@collapse-exit": "collapse-exit_1jny1",
"__SCollapse": "___SCollapse_1jny1_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1jny1",
"@fade-in-out-exit": "fade-in-out-exit_1jny1",
"@opacity-in": "opacity-in_1jny1",
"@opacity-out": "opacity-out_1jny1",
"@scale-left-in": "scale-left-in_1jny1",
"@scale-right-in": "scale-right-in_1jny1",
"@scale-top-in": "scale-top-in_1jny1",
"@scale-bottom-in": "scale-bottom-in_1jny1",
"@scale-left-out": "scale-left-out_1jny1",
"@scale-right-out": "scale-right-out_1jny1",
"@scale-top-out": "scale-top-out_1jny1",
"@scale-bottom-out": "scale-bottom-out_1jny1",
"@slide-top-in": "slide-top-in_1jny1",
"@slide-top-out": "slide-top-out_1jny1",
"@slide-bottom-in": "slide-bottom-in_1jny1",
"@slide-bottom-out": "slide-bottom-out_1jny1",
"@slide-left-in": "slide-left-in_1jny1",
"@slide-left-out": "slide-left-out_1jny1",
"@slide-right-in": "slide-right-in_1jny1",
"@slide-right-out": "slide-right-out_1jny1",
"@transform-enter": "transform-enter_1jny1",
"--transformStart": "--transformStart_1jny1",
"--transformEnd": "--transformEnd_1jny1",
"@transform-exit": "transform-exit_1jny1"
});

@@ -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_1vqhw{0%,to{overflow:clip}}@keyframes collapse-exit_1vqhw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1vqhw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1vqhw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1vqhw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1vqhw{0%{transform:var(--transformStart_1vqhw)}to{transform:var(--transformEnd_1vqhw)}}@keyframes transform-exit_1vqhw{0%{transform:var(--transformEnd_1vqhw)}to{transform:var(--transformStart_1vqhw)}}.___SCollapse_1vqhw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1vqhw_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1vqhw",
"@collapse-exit": "collapse-exit_1vqhw",
"__SCollapse": "___SCollapse_1vqhw_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1vqhw",
"@fade-in-out-exit": "fade-in-out-exit_1vqhw",
"@opacity-in": "opacity-in_1vqhw",
"@opacity-out": "opacity-out_1vqhw",
"@scale-left-in": "scale-left-in_1vqhw",
"@scale-right-in": "scale-right-in_1vqhw",
"@scale-top-in": "scale-top-in_1vqhw",
"@scale-bottom-in": "scale-bottom-in_1vqhw",
"@scale-left-out": "scale-left-out_1vqhw",
"@scale-right-out": "scale-right-out_1vqhw",
"@scale-top-out": "scale-top-out_1vqhw",
"@scale-bottom-out": "scale-bottom-out_1vqhw",
"@slide-top-in": "slide-top-in_1vqhw",
"@slide-top-out": "slide-top-out_1vqhw",
"@slide-bottom-in": "slide-bottom-in_1vqhw",
"@slide-bottom-out": "slide-bottom-out_1vqhw",
"@slide-left-in": "slide-left-in_1vqhw",
"@slide-left-out": "slide-left-out_1vqhw",
"@slide-right-in": "slide-right-in_1vqhw",
"@slide-right-out": "slide-right-out_1vqhw",
"@transform-enter": "transform-enter_1vqhw",
"--transformStart": "--transformStart_1vqhw",
"--transformEnd": "--transformEnd_1vqhw",
"@transform-exit": "transform-exit_1vqhw"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jny1{0%,to{overflow:clip}}@keyframes collapse-exit_1jny1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1jny1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jny1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jny1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jny1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jny1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jny1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jny1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jny1{0%{transform:var(--transformStart_1jny1)}to{transform:var(--transformEnd_1jny1)}}@keyframes transform-exit_1jny1{0%{transform:var(--transformEnd_1jny1)}to{transform:var(--transformStart_1jny1)}}.___SCollapse_1jny1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1jny1_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1jny1",
"@collapse-exit": "collapse-exit_1jny1",
"__SCollapse": "___SCollapse_1jny1_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1jny1",
"@fade-in-out-exit": "fade-in-out-exit_1jny1",
"@opacity-in": "opacity-in_1jny1",
"@opacity-out": "opacity-out_1jny1",
"@scale-left-in": "scale-left-in_1jny1",
"@scale-right-in": "scale-right-in_1jny1",
"@scale-top-in": "scale-top-in_1jny1",
"@scale-bottom-in": "scale-bottom-in_1jny1",
"@scale-left-out": "scale-left-out_1jny1",
"@scale-right-out": "scale-right-out_1jny1",
"@scale-top-out": "scale-top-out_1jny1",
"@scale-bottom-out": "scale-bottom-out_1jny1",
"@slide-top-in": "slide-top-in_1jny1",
"@slide-top-out": "slide-top-out_1jny1",
"@slide-bottom-in": "slide-bottom-in_1jny1",
"@slide-bottom-out": "slide-bottom-out_1jny1",
"@slide-left-in": "slide-left-in_1jny1",
"@slide-left-out": "slide-left-out_1jny1",
"@slide-right-in": "slide-right-in_1jny1",
"@slide-right-out": "slide-right-out_1jny1",
"@transform-enter": "transform-enter_1jny1",
"--transformStart": "--transformStart_1jny1",
"--transformEnd": "--transformEnd_1jny1",
"@transform-exit": "transform-exit_1jny1"
});

@@ -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_1vqhw{0%,to{overflow:clip}}@keyframes collapse-exit_1vqhw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1vqhw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1vqhw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{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_1vqhw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1vqhw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1vqhw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1vqhw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1vqhw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1vqhw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1vqhw{0%{transform:var(--transformStart_1vqhw)}to{transform:var(--transformEnd_1vqhw)}}@keyframes transform-exit_1vqhw{0%{transform:var(--transformEnd_1vqhw)}to{transform:var(--transformStart_1vqhw)}}.___SCollapse_1vqhw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1vqhw_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1vqhw",
"@collapse-exit": "collapse-exit_1vqhw",
"__SCollapse": "___SCollapse_1vqhw_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1vqhw",
"@fade-in-out-exit": "fade-in-out-exit_1vqhw",
"@opacity-in": "opacity-in_1vqhw",
"@opacity-out": "opacity-out_1vqhw",
"@scale-left-in": "scale-left-in_1vqhw",
"@scale-right-in": "scale-right-in_1vqhw",
"@scale-top-in": "scale-top-in_1vqhw",
"@scale-bottom-in": "scale-bottom-in_1vqhw",
"@scale-left-out": "scale-left-out_1vqhw",
"@scale-right-out": "scale-right-out_1vqhw",
"@scale-top-out": "scale-top-out_1vqhw",
"@scale-bottom-out": "scale-bottom-out_1vqhw",
"@slide-top-in": "slide-top-in_1vqhw",
"@slide-top-out": "slide-top-out_1vqhw",
"@slide-bottom-in": "slide-bottom-in_1vqhw",
"@slide-bottom-out": "slide-bottom-out_1vqhw",
"@slide-left-in": "slide-left-in_1vqhw",
"@slide-left-out": "slide-left-out_1vqhw",
"@slide-right-in": "slide-right-in_1vqhw",
"@slide-right-out": "slide-right-out_1vqhw",
"@transform-enter": "transform-enter_1vqhw",
"--transformStart": "--transformStart_1vqhw",
"--transformEnd": "--transformEnd_1vqhw",
"@transform-exit": "transform-exit_1vqhw"
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jny1{0%,to{overflow:clip}}@keyframes collapse-exit_1jny1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1jny1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jny1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jny1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jny1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{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_1jny1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jny1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jny1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jny1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jny1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jny1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jny1{0%{transform:var(--transformStart_1jny1)}to{transform:var(--transformEnd_1jny1)}}@keyframes transform-exit_1jny1{0%{transform:var(--transformEnd_1jny1)}to{transform:var(--transformStart_1jny1)}}.___SCollapse_1jny1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1jny1_gg_") /*__reshadow_css_end__*/, {
"@collapse-enter": "collapse-enter_1jny1",
"@collapse-exit": "collapse-exit_1jny1",
"__SCollapse": "___SCollapse_1jny1_gg_",
"@fade-in-out-enter": "fade-in-out-enter_1jny1",
"@fade-in-out-exit": "fade-in-out-exit_1jny1",
"@opacity-in": "opacity-in_1jny1",
"@opacity-out": "opacity-out_1jny1",
"@scale-left-in": "scale-left-in_1jny1",
"@scale-right-in": "scale-right-in_1jny1",
"@scale-top-in": "scale-top-in_1jny1",
"@scale-bottom-in": "scale-bottom-in_1jny1",
"@scale-left-out": "scale-left-out_1jny1",
"@scale-right-out": "scale-right-out_1jny1",
"@scale-top-out": "scale-top-out_1jny1",
"@scale-bottom-out": "scale-bottom-out_1jny1",
"@slide-top-in": "slide-top-in_1jny1",
"@slide-top-out": "slide-top-out_1jny1",
"@slide-bottom-in": "slide-bottom-in_1jny1",
"@slide-bottom-out": "slide-bottom-out_1jny1",
"@slide-left-in": "slide-left-in_1jny1",
"@slide-left-out": "slide-left-out_1jny1",
"@slide-right-in": "slide-right-in_1jny1",
"@slide-right-out": "slide-right-out_1jny1",
"@transform-enter": "transform-enter_1jny1",
"--transformStart": "--transformStart_1jny1",
"--transformEnd": "--transformEnd_1jny1",
"@transform-exit": "transform-exit_1jny1"
});

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

8

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

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

"dependencies": {
"@semcore/utils": "4.30.0",
"@semcore/flex-box": "5.29.0"
"@semcore/utils": "4.31.0-prerelease.0",
"@semcore/flex-box": "5.30.0-prerelease.0"
},
"peerDependencies": {
"@semcore/core": "^2.17.5",
"@semcore/core": "^2.28.0-prerelease.0",
"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

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc