intergalactic 15.67.0 → 15.67.1

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## [15.67.1] - 2024-03-07
+
+### @semcore/animation
+
+- **Fixed** `Collapse` animation was not working with `preserveNode` prop.
+
+### @semcore/d3-chart
+
+- **Added** Logic to define X and Y axis for a11y summary in Bar charts.
+
+### @semcore/date-picker
+
+- **Fixed** Rolled back change format of `date` property in children render function of `MonthPicker` and `MonthRangePicker` components.
+
+### @semcore/scroll-area
+
+- **Added** Check that focused element is outside scroll area container before scroll to them.
+
 ## [15.67.0] - 2024-03-06
 
 ### @semcore/base-trigger

package/accordion/lib/cjs/Accordion.js

@@ -24,13 +24,13 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/accordion.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_h8x60_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_h8x60_gg_.__keyboardFocused_h8x60_gg_:not(._tabIndex_-1_h8x60_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_h8x60_gg_.__disabled_h8x60_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_h8x60_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_h8x60_gg_.__selected_h8x60_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_h8x60_gg_{transition:none}}" /*__inner_css_end__*/, "h8x60_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_h8x60_gg_",
-  "_keyboardFocused": "__keyboardFocused_h8x60_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_h8x60_gg_",
-  "_disabled": "__disabled_h8x60_gg_",
-  "__SItemChevron": "___SItemChevron_h8x60_gg_",
-  "_selected": "__selected_h8x60_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_of987_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_of987_gg_.__keyboardFocused_of987_gg_:not(._tabIndex_-1_of987_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_of987_gg_.__disabled_of987_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_of987_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_of987_gg_.__selected_of987_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_of987_gg_{transition:none}}" /*__inner_css_end__*/, "of987_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_of987_gg_",
+  "_keyboardFocused": "__keyboardFocused_of987_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_of987_gg_",
+  "_disabled": "__disabled_of987_gg_",
+  "__SItemChevron": "___SItemChevron_of987_gg_",
+  "_selected": "__selected_of987_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootAccordion, _Component);

package/accordion/lib/es6/Accordion.js

@@ -20,13 +20,13 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/accordion.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_h8x60_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_h8x60_gg_.__keyboardFocused_h8x60_gg_:not(._tabIndex_-1_h8x60_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_h8x60_gg_.__disabled_h8x60_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_h8x60_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_h8x60_gg_.__selected_h8x60_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_h8x60_gg_{transition:none}}" /*__inner_css_end__*/, "h8x60_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_h8x60_gg_",
-  "_keyboardFocused": "__keyboardFocused_h8x60_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_h8x60_gg_",
-  "_disabled": "__disabled_h8x60_gg_",
-  "__SItemChevron": "___SItemChevron_h8x60_gg_",
-  "_selected": "__selected_h8x60_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_of987_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_of987_gg_.__keyboardFocused_of987_gg_:not(._tabIndex_-1_of987_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_of987_gg_.__disabled_of987_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_of987_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_of987_gg_.__selected_of987_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_of987_gg_{transition:none}}" /*__inner_css_end__*/, "of987_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_of987_gg_",
+  "_keyboardFocused": "__keyboardFocused_of987_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_of987_gg_",
+  "_disabled": "__disabled_of987_gg_",
+  "__SItemChevron": "___SItemChevron_of987_gg_",
+  "_selected": "__selected_of987_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   _inherits(RootAccordion, _Component);

package/animation/lib/cjs/Animation.js

@@ -18,17 +18,17 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _contextEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/contextEnhance"));
 /*__reshadow-styles__:"./style/animate.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAnimation_1yf2l_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1yf2l);animation-duration:var(--durationFinalize_1yf2l);animation-delay:var(--delayFinalize_1yf2l);animation-name:var(--keyframesFinalize_1yf2l)}.___SAnimation_1yf2l_gg_.__transition-based_1yf2l_gg_{transition-timing-function:var(--timingFunction_1yf2l);transition-duration:var(--durationFinalize_1yf2l);transition-delay:var(--delayFinalize_1yf2l)}.___SAnimation_1yf2l_gg_.__visible_1yf2l_gg_{animation-duration:var(--durationInitialize_1yf2l);animation-delay:var(--delayInitialize_1yf2l);animation-name:var(--keyframesInitialize_1yf2l)}.___SAnimation_1yf2l_gg_.__visible_1yf2l_gg_.__transition-based_1yf2l_gg_{transition-timing-function:var(--timingFunction_1yf2l);transition-duration:var(--durationInitialize_1yf2l);transition-delay:var(--delayInitialize_1yf2l)}@media (prefers-reduced-motion){.___SAnimation_1yf2l_gg_.__transition-based_1yf2l_gg_,.___SAnimation_1yf2l_gg_.__visible_1yf2l_gg_.__transition-based_1yf2l_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1yf2l_gg_,.___SAnimation_1yf2l_gg_.__visible_1yf2l_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1yf2l_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_1yf2l_gg_",
-  "--timingFunction": "--timingFunction_1yf2l",
-  "--durationFinalize": "--durationFinalize_1yf2l",
-  "--delayFinalize": "--delayFinalize_1yf2l",
-  "--keyframesFinalize": "--keyframesFinalize_1yf2l",
-  "_transition-based": "__transition-based_1yf2l_gg_",
-  "_visible": "__visible_1yf2l_gg_",
-  "--durationInitialize": "--durationInitialize_1yf2l",
-  "--delayInitialize": "--delayInitialize_1yf2l",
-  "--keyframesInitialize": "--keyframesInitialize_1yf2l"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAnimation_gqex4_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_gqex4);animation-duration:var(--durationFinalize_gqex4);animation-delay:var(--delayFinalize_gqex4);animation-name:var(--keyframesFinalize_gqex4)}.___SAnimation_gqex4_gg_.__transition-based_gqex4_gg_{transition-timing-function:var(--timingFunction_gqex4);transition-duration:var(--durationFinalize_gqex4);transition-delay:var(--delayFinalize_gqex4)}.___SAnimation_gqex4_gg_.__visible_gqex4_gg_{animation-duration:var(--durationInitialize_gqex4);animation-delay:var(--delayInitialize_gqex4);animation-name:var(--keyframesInitialize_gqex4)}.___SAnimation_gqex4_gg_.__visible_gqex4_gg_.__transition-based_gqex4_gg_{transition-timing-function:var(--timingFunction_gqex4);transition-duration:var(--durationInitialize_gqex4);transition-delay:var(--delayInitialize_gqex4)}@media (prefers-reduced-motion){.___SAnimation_gqex4_gg_.__transition-based_gqex4_gg_,.___SAnimation_gqex4_gg_.__visible_gqex4_gg_.__transition-based_gqex4_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_gqex4_gg_,.___SAnimation_gqex4_gg_.__visible_gqex4_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "gqex4_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_gqex4_gg_",
+  "--timingFunction": "--timingFunction_gqex4",
+  "--durationFinalize": "--durationFinalize_gqex4",
+  "--delayFinalize": "--delayFinalize_gqex4",
+  "--keyframesFinalize": "--keyframesFinalize_gqex4",
+  "_transition-based": "__transition-based_gqex4_gg_",
+  "_visible": "__visible_gqex4_gg_",
+  "--durationInitialize": "--durationInitialize_gqex4",
+  "--delayInitialize": "--delayInitialize_gqex4",
+  "--keyframesInitialize": "--keyframesInitialize_gqex4"
 });
 function propToArray(prop) {
   return Array.isArray(prop) ? prop : [prop, prop];

package/animation/lib/cjs/Collapse.js

@@ -14,34 +14,34 @@ var _ref3 = require("intergalactic/utils/lib/ref");
 var _useEnhancedEffect = _interopRequireDefault(require("intergalactic/utils/lib/use/useEnhancedEffect"));
 var _excluded = ["onAnimationStart", "onAnimationEnd", "overflowHidden"];
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_iownw{0%,to{overflow:clip}}@keyframes collapse-exit_iownw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_iownw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_iownw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_iownw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_iownw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_iownw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_iownw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_iownw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_iownw{0%{transform:var(--transformStart_iownw)}to{transform:var(--transformEnd_iownw)}}@keyframes transform-exit_iownw{0%{transform:var(--transformEnd_iownw)}to{transform:var(--transformStart_iownw)}}.___SCollapse_iownw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "iownw_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_iownw",
-  "@collapse-exit": "collapse-exit_iownw",
-  "__SCollapse": "___SCollapse_iownw_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_iownw",
-  "@fade-in-out-exit": "fade-in-out-exit_iownw",
-  "@opacity-in": "opacity-in_iownw",
-  "@opacity-out": "opacity-out_iownw",
-  "@scale-left-in": "scale-left-in_iownw",
-  "@scale-right-in": "scale-right-in_iownw",
-  "@scale-top-in": "scale-top-in_iownw",
-  "@scale-bottom-in": "scale-bottom-in_iownw",
-  "@scale-left-out": "scale-left-out_iownw",
-  "@scale-right-out": "scale-right-out_iownw",
-  "@scale-top-out": "scale-top-out_iownw",
-  "@scale-bottom-out": "scale-bottom-out_iownw",
-  "@slide-top-in": "slide-top-in_iownw",
-  "@slide-top-out": "slide-top-out_iownw",
-  "@slide-bottom-in": "slide-bottom-in_iownw",
-  "@slide-bottom-out": "slide-bottom-out_iownw",
-  "@slide-left-in": "slide-left-in_iownw",
-  "@slide-left-out": "slide-left-out_iownw",
-  "@slide-right-in": "slide-right-in_iownw",
-  "@slide-right-out": "slide-right-out_iownw",
-  "@transform-enter": "transform-enter_iownw",
-  "--transformStart": "--transformStart_iownw",
-  "--transformEnd": "--transformEnd_iownw",
-  "@transform-exit": "transform-exit_iownw"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1af1b{0%,to{overflow:clip}}@keyframes collapse-exit_1af1b{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1af1b{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1af1b{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1af1b{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1af1b{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1af1b{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1af1b{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1af1b{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1af1b{0%{transform:var(--transformStart_1af1b)}to{transform:var(--transformEnd_1af1b)}}@keyframes transform-exit_1af1b{0%{transform:var(--transformEnd_1af1b)}to{transform:var(--transformStart_1af1b)}}.___SCollapse_1af1b_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1af1b_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1af1b",
+  "@collapse-exit": "collapse-exit_1af1b",
+  "__SCollapse": "___SCollapse_1af1b_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1af1b",
+  "@fade-in-out-exit": "fade-in-out-exit_1af1b",
+  "@opacity-in": "opacity-in_1af1b",
+  "@opacity-out": "opacity-out_1af1b",
+  "@scale-left-in": "scale-left-in_1af1b",
+  "@scale-right-in": "scale-right-in_1af1b",
+  "@scale-top-in": "scale-top-in_1af1b",
+  "@scale-bottom-in": "scale-bottom-in_1af1b",
+  "@scale-left-out": "scale-left-out_1af1b",
+  "@scale-right-out": "scale-right-out_1af1b",
+  "@scale-top-out": "scale-top-out_1af1b",
+  "@scale-bottom-out": "scale-bottom-out_1af1b",
+  "@slide-top-in": "slide-top-in_1af1b",
+  "@slide-top-out": "slide-top-out_1af1b",
+  "@slide-bottom-in": "slide-bottom-in_1af1b",
+  "@slide-bottom-out": "slide-bottom-out_1af1b",
+  "@slide-left-in": "slide-left-in_1af1b",
+  "@slide-left-out": "slide-left-out_1af1b",
+  "@slide-right-in": "slide-right-in_1af1b",
+  "@slide-right-out": "slide-right-out_1af1b",
+  "@transform-enter": "transform-enter_1af1b",
+  "--transformStart": "--transformStart_1af1b",
+  "--transformEnd": "--transformEnd_1af1b",
+  "@transform-exit": "transform-exit_1af1b"
 });
 function Collapse(_ref2, ref) {
   var _ref;
@@ -76,13 +76,16 @@ function Collapse(_ref2, ref) {
     if (props.visible) event.currentTarget.style.height = "".concat(event.currentTarget.scrollHeight, "px");
     if (!props.visible) event.currentTarget.style.height = "".concat(0, "px");
   }, [props.visible]);
+  var visibleRef = _react["default"].useRef(props.visible);
+  visibleRef.current = props.visible;
   var handleAnimationEnd = _react["default"].useCallback(function (event) {
     if (event.currentTarget !== event.target) return;
     if (onAnimationEnd) onAnimationEnd(event);
     var element = event.currentTarget;
     setTimeout(function () {
       if (!element) return;
-      element.style.height = 'auto';
+      if (visibleRef.current) element.style.height = 'auto';
+      if (!visibleRef.current) element.style.height = "".concat(0, "px");
       if (overflowHidden) {
         element.style.overflow = overflowRef.current;
       }

package/animation/lib/cjs/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","names":["_core","require","_react","_interopRequireDefault","_Animation","_ref3","_useEnhancedEffect","_excluded","style","sstyled","insert","Collapse","_ref2","ref","_ref","onAnimationStart","onAnimationEnd","_ref2$overflowHidden","overflowHidden","props","_objectWithoutProperties2","SCollapse","Animation","overflowRef","React","useRef","innerRef","forkedRef","useForkRef","useEnhancedEffect","current","visible","height","concat","scrollHeight","animationFillMode","handleAnimationStart","useCallback","event","currentTarget","target","window","getComputedStyle","overflow","handleAnimationEnd","element","setTimeout","createElement","cn","_objectSpread2","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Collapse.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\n\nfunction Collapse({ onAnimationStart, onAnimationEnd, overflowHidden = true, ...props }, ref) {\n  const SCollapse = Animation;\n  const overflowRef = React.useRef('initial');\n  const innerRef = React.useRef(null);\n  const forkedRef = useForkRef(innerRef, ref);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = `${0}px`;\n    if (!props.visible) innerRef.current.style.height = `${innerRef.current.scrollHeight}px`;\n    if (props.visible) innerRef.current.style.animationFillMode = 'none';\n    if (!props.visible) innerRef.current.style.animationFillMode = 'both';\n  }, [props.visible]);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = 'auto';\n    if (!props.visible) innerRef.current.style.height = `${0}px`;\n  }, []);\n\n  const handleAnimationStart = React.useCallback(\n    (event) => {\n      if (event.currentTarget !== event.target) return;\n      if (onAnimationStart) onAnimationStart(event);\n      if (overflowHidden) {\n        overflowRef.current = window.getComputedStyle(event.currentTarget).overflow;\n        event.currentTarget.style.overflow = 'clip';\n      }\n\n      if (props.visible) event.currentTarget.style.height = `${event.currentTarget.scrollHeight}px`;\n      if (!props.visible) event.currentTarget.style.height = `${0}px`;\n    },\n    [props.visible],\n  );\n\n  const handleAnimationEnd = React.useCallback((event) => {\n    if (event.currentTarget !== event.target) return;\n    if (onAnimationEnd) onAnimationEnd(event);\n    const element = event.currentTarget;\n\n    setTimeout(() => {\n      if (!element) return;\n      element.style.height = 'auto';\n      if (overflowHidden) {\n        element.style.overflow = overflowRef.current;\n      }\n    }, 0);\n  }, []);\n\n  return sstyled(style)(\n    <SCollapse\n      ref={forkedRef}\n      {...props}\n      onAnimationStart={handleAnimationStart}\n      onAnimationEnd={handleAnimationEnd}\n      keyframes={[style['@collapse-enter'], style['@collapse-exit']]}\n      transition-based\n    />,\n  );\n}\n\nCollapse.displayName = 'Collapse';\n\nexport default createBaseComponent(Collapse);\n"],"mappings":"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"}
+{"version":3,"file":"Collapse.js","names":["_core","require","_react","_interopRequireDefault","_Animation","_ref3","_useEnhancedEffect","_excluded","style","sstyled","insert","Collapse","_ref2","ref","_ref","onAnimationStart","onAnimationEnd","_ref2$overflowHidden","overflowHidden","props","_objectWithoutProperties2","SCollapse","Animation","overflowRef","React","useRef","innerRef","forkedRef","useForkRef","useEnhancedEffect","current","visible","height","concat","scrollHeight","animationFillMode","handleAnimationStart","useCallback","event","currentTarget","target","window","getComputedStyle","overflow","visibleRef","handleAnimationEnd","element","setTimeout","createElement","cn","_objectSpread2","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Collapse.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\n\nfunction Collapse({ onAnimationStart, onAnimationEnd, overflowHidden = true, ...props }, ref) {\n  const SCollapse = Animation;\n  const overflowRef = React.useRef('initial');\n  const innerRef = React.useRef(null);\n  const forkedRef = useForkRef(innerRef, ref);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = `${0}px`;\n    if (!props.visible) innerRef.current.style.height = `${innerRef.current.scrollHeight}px`;\n    if (props.visible) innerRef.current.style.animationFillMode = 'none';\n    if (!props.visible) innerRef.current.style.animationFillMode = 'both';\n  }, [props.visible]);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = 'auto';\n    if (!props.visible) innerRef.current.style.height = `${0}px`;\n  }, []);\n\n  const handleAnimationStart = React.useCallback(\n    (event) => {\n      if (event.currentTarget !== event.target) return;\n      if (onAnimationStart) onAnimationStart(event);\n      if (overflowHidden) {\n        overflowRef.current = window.getComputedStyle(event.currentTarget).overflow;\n        event.currentTarget.style.overflow = 'clip';\n      }\n\n      if (props.visible) event.currentTarget.style.height = `${event.currentTarget.scrollHeight}px`;\n      if (!props.visible) event.currentTarget.style.height = `${0}px`;\n    },\n    [props.visible],\n  );\n\n  const visibleRef = React.useRef(props.visible);\n  visibleRef.current = props.visible;\n  const handleAnimationEnd = React.useCallback((event) => {\n    if (event.currentTarget !== event.target) return;\n    if (onAnimationEnd) onAnimationEnd(event);\n    const element = event.currentTarget;\n\n    setTimeout(() => {\n      if (!element) return;\n      if (visibleRef.current) element.style.height = 'auto';\n      if (!visibleRef.current) element.style.height = `${0}px`;\n      if (overflowHidden) {\n        element.style.overflow = overflowRef.current;\n      }\n    }, 0);\n  }, []);\n\n  return sstyled(style)(\n    <SCollapse\n      ref={forkedRef}\n      {...props}\n      onAnimationStart={handleAnimationStart}\n      onAnimationEnd={handleAnimationEnd}\n      keyframes={[style['@collapse-enter'], style['@collapse-exit']]}\n      transition-based\n    />,\n  );\n}\n\nCollapse.displayName = 'Collapse';\n\nexport default createBaseComponent(Collapse);\n"],"mappings":"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"}

package/animation/lib/cjs/FadeInOut.js

@@ -10,34 +10,34 @@ var _core = require("intergalactic/core");
 var _react = _interopRequireDefault(require("react"));
 var _Animation = _interopRequireDefault(require("./Animation"));
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_iownw{0%,to{overflow:clip}}@keyframes collapse-exit_iownw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_iownw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_iownw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_iownw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_iownw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_iownw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_iownw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_iownw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_iownw{0%{transform:var(--transformStart_iownw)}to{transform:var(--transformEnd_iownw)}}@keyframes transform-exit_iownw{0%{transform:var(--transformEnd_iownw)}to{transform:var(--transformStart_iownw)}}.___SCollapse_iownw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "iownw_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_iownw",
-  "@collapse-exit": "collapse-exit_iownw",
-  "__SCollapse": "___SCollapse_iownw_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_iownw",
-  "@fade-in-out-exit": "fade-in-out-exit_iownw",
-  "@opacity-in": "opacity-in_iownw",
-  "@opacity-out": "opacity-out_iownw",
-  "@scale-left-in": "scale-left-in_iownw",
-  "@scale-right-in": "scale-right-in_iownw",
-  "@scale-top-in": "scale-top-in_iownw",
-  "@scale-bottom-in": "scale-bottom-in_iownw",
-  "@scale-left-out": "scale-left-out_iownw",
-  "@scale-right-out": "scale-right-out_iownw",
-  "@scale-top-out": "scale-top-out_iownw",
-  "@scale-bottom-out": "scale-bottom-out_iownw",
-  "@slide-top-in": "slide-top-in_iownw",
-  "@slide-top-out": "slide-top-out_iownw",
-  "@slide-bottom-in": "slide-bottom-in_iownw",
-  "@slide-bottom-out": "slide-bottom-out_iownw",
-  "@slide-left-in": "slide-left-in_iownw",
-  "@slide-left-out": "slide-left-out_iownw",
-  "@slide-right-in": "slide-right-in_iownw",
-  "@slide-right-out": "slide-right-out_iownw",
-  "@transform-enter": "transform-enter_iownw",
-  "--transformStart": "--transformStart_iownw",
-  "--transformEnd": "--transformEnd_iownw",
-  "@transform-exit": "transform-exit_iownw"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1af1b{0%,to{overflow:clip}}@keyframes collapse-exit_1af1b{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1af1b{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1af1b{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1af1b{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1af1b{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1af1b{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1af1b{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1af1b{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1af1b{0%{transform:var(--transformStart_1af1b)}to{transform:var(--transformEnd_1af1b)}}@keyframes transform-exit_1af1b{0%{transform:var(--transformEnd_1af1b)}to{transform:var(--transformStart_1af1b)}}.___SCollapse_1af1b_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1af1b_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1af1b",
+  "@collapse-exit": "collapse-exit_1af1b",
+  "__SCollapse": "___SCollapse_1af1b_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1af1b",
+  "@fade-in-out-exit": "fade-in-out-exit_1af1b",
+  "@opacity-in": "opacity-in_1af1b",
+  "@opacity-out": "opacity-out_1af1b",
+  "@scale-left-in": "scale-left-in_1af1b",
+  "@scale-right-in": "scale-right-in_1af1b",
+  "@scale-top-in": "scale-top-in_1af1b",
+  "@scale-bottom-in": "scale-bottom-in_1af1b",
+  "@scale-left-out": "scale-left-out_1af1b",
+  "@scale-right-out": "scale-right-out_1af1b",
+  "@scale-top-out": "scale-top-out_1af1b",
+  "@scale-bottom-out": "scale-bottom-out_1af1b",
+  "@slide-top-in": "slide-top-in_1af1b",
+  "@slide-top-out": "slide-top-out_1af1b",
+  "@slide-bottom-in": "slide-bottom-in_1af1b",
+  "@slide-bottom-out": "slide-bottom-out_1af1b",
+  "@slide-left-in": "slide-left-in_1af1b",
+  "@slide-left-out": "slide-left-out_1af1b",
+  "@slide-right-in": "slide-right-in_1af1b",
+  "@slide-right-out": "slide-right-out_1af1b",
+  "@transform-enter": "transform-enter_1af1b",
+  "--transformStart": "--transformStart_1af1b",
+  "--transformEnd": "--transformEnd_1af1b",
+  "@transform-exit": "transform-exit_1af1b"
 });
 function FadeInOut(props, ref) {
   var _ref;

package/animation/lib/cjs/Scale.js

@@ -12,34 +12,34 @@ var _react = _interopRequireDefault(require("react"));
 var _Animation = _interopRequireDefault(require("./Animation"));
 var _ref2 = require("intergalactic/utils/lib/ref");
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_iownw{0%,to{overflow:clip}}@keyframes collapse-exit_iownw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_iownw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_iownw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_iownw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_iownw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_iownw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_iownw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_iownw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_iownw{0%{transform:var(--transformStart_iownw)}to{transform:var(--transformEnd_iownw)}}@keyframes transform-exit_iownw{0%{transform:var(--transformEnd_iownw)}to{transform:var(--transformStart_iownw)}}.___SCollapse_iownw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "iownw_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_iownw",
-  "@collapse-exit": "collapse-exit_iownw",
-  "__SCollapse": "___SCollapse_iownw_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_iownw",
-  "@fade-in-out-exit": "fade-in-out-exit_iownw",
-  "@opacity-in": "opacity-in_iownw",
-  "@opacity-out": "opacity-out_iownw",
-  "@scale-left-in": "scale-left-in_iownw",
-  "@scale-right-in": "scale-right-in_iownw",
-  "@scale-top-in": "scale-top-in_iownw",
-  "@scale-bottom-in": "scale-bottom-in_iownw",
-  "@scale-left-out": "scale-left-out_iownw",
-  "@scale-right-out": "scale-right-out_iownw",
-  "@scale-top-out": "scale-top-out_iownw",
-  "@scale-bottom-out": "scale-bottom-out_iownw",
-  "@slide-top-in": "slide-top-in_iownw",
-  "@slide-top-out": "slide-top-out_iownw",
-  "@slide-bottom-in": "slide-bottom-in_iownw",
-  "@slide-bottom-out": "slide-bottom-out_iownw",
-  "@slide-left-in": "slide-left-in_iownw",
-  "@slide-left-out": "slide-left-out_iownw",
-  "@slide-right-in": "slide-right-in_iownw",
-  "@slide-right-out": "slide-right-out_iownw",
-  "@transform-enter": "transform-enter_iownw",
-  "--transformStart": "--transformStart_iownw",
-  "--transformEnd": "--transformEnd_iownw",
-  "@transform-exit": "transform-exit_iownw"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1af1b{0%,to{overflow:clip}}@keyframes collapse-exit_1af1b{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1af1b{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1af1b{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1af1b{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1af1b{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1af1b{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1af1b{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1af1b{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1af1b{0%{transform:var(--transformStart_1af1b)}to{transform:var(--transformEnd_1af1b)}}@keyframes transform-exit_1af1b{0%{transform:var(--transformEnd_1af1b)}to{transform:var(--transformStart_1af1b)}}.___SCollapse_1af1b_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1af1b_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1af1b",
+  "@collapse-exit": "collapse-exit_1af1b",
+  "__SCollapse": "___SCollapse_1af1b_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1af1b",
+  "@fade-in-out-exit": "fade-in-out-exit_1af1b",
+  "@opacity-in": "opacity-in_1af1b",
+  "@opacity-out": "opacity-out_1af1b",
+  "@scale-left-in": "scale-left-in_1af1b",
+  "@scale-right-in": "scale-right-in_1af1b",
+  "@scale-top-in": "scale-top-in_1af1b",
+  "@scale-bottom-in": "scale-bottom-in_1af1b",
+  "@scale-left-out": "scale-left-out_1af1b",
+  "@scale-right-out": "scale-right-out_1af1b",
+  "@scale-top-out": "scale-top-out_1af1b",
+  "@scale-bottom-out": "scale-bottom-out_1af1b",
+  "@slide-top-in": "slide-top-in_1af1b",
+  "@slide-top-out": "slide-top-out_1af1b",
+  "@slide-bottom-in": "slide-bottom-in_1af1b",
+  "@slide-bottom-out": "slide-bottom-out_1af1b",
+  "@slide-left-in": "slide-left-in_1af1b",
+  "@slide-left-out": "slide-left-out_1af1b",
+  "@slide-right-in": "slide-right-in_1af1b",
+  "@slide-right-out": "slide-right-out_1af1b",
+  "@transform-enter": "transform-enter_1af1b",
+  "--transformStart": "--transformStart_1af1b",
+  "--transformEnd": "--transformEnd_1af1b",
+  "@transform-exit": "transform-exit_1af1b"
 });
 function Scale(props, ref) {
   var _ref;

package/animation/lib/cjs/Slide.js

@@ -10,34 +10,34 @@ var _core = require("intergalactic/core");
 var _react = _interopRequireDefault(require("react"));
 var _Animation = _interopRequireDefault(require("./Animation"));
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_iownw{0%,to{overflow:clip}}@keyframes collapse-exit_iownw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_iownw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_iownw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_iownw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_iownw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_iownw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_iownw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_iownw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_iownw{0%{transform:var(--transformStart_iownw)}to{transform:var(--transformEnd_iownw)}}@keyframes transform-exit_iownw{0%{transform:var(--transformEnd_iownw)}to{transform:var(--transformStart_iownw)}}.___SCollapse_iownw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "iownw_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_iownw",
-  "@collapse-exit": "collapse-exit_iownw",
-  "__SCollapse": "___SCollapse_iownw_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_iownw",
-  "@fade-in-out-exit": "fade-in-out-exit_iownw",
-  "@opacity-in": "opacity-in_iownw",
-  "@opacity-out": "opacity-out_iownw",
-  "@scale-left-in": "scale-left-in_iownw",
-  "@scale-right-in": "scale-right-in_iownw",
-  "@scale-top-in": "scale-top-in_iownw",
-  "@scale-bottom-in": "scale-bottom-in_iownw",
-  "@scale-left-out": "scale-left-out_iownw",
-  "@scale-right-out": "scale-right-out_iownw",
-  "@scale-top-out": "scale-top-out_iownw",
-  "@scale-bottom-out": "scale-bottom-out_iownw",
-  "@slide-top-in": "slide-top-in_iownw",
-  "@slide-top-out": "slide-top-out_iownw",
-  "@slide-bottom-in": "slide-bottom-in_iownw",
-  "@slide-bottom-out": "slide-bottom-out_iownw",
-  "@slide-left-in": "slide-left-in_iownw",
-  "@slide-left-out": "slide-left-out_iownw",
-  "@slide-right-in": "slide-right-in_iownw",
-  "@slide-right-out": "slide-right-out_iownw",
-  "@transform-enter": "transform-enter_iownw",
-  "--transformStart": "--transformStart_iownw",
-  "--transformEnd": "--transformEnd_iownw",
-  "@transform-exit": "transform-exit_iownw"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1af1b{0%,to{overflow:clip}}@keyframes collapse-exit_1af1b{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1af1b{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1af1b{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1af1b{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1af1b{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1af1b{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1af1b{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1af1b{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1af1b{0%{transform:var(--transformStart_1af1b)}to{transform:var(--transformEnd_1af1b)}}@keyframes transform-exit_1af1b{0%{transform:var(--transformEnd_1af1b)}to{transform:var(--transformStart_1af1b)}}.___SCollapse_1af1b_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1af1b_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1af1b",
+  "@collapse-exit": "collapse-exit_1af1b",
+  "__SCollapse": "___SCollapse_1af1b_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1af1b",
+  "@fade-in-out-exit": "fade-in-out-exit_1af1b",
+  "@opacity-in": "opacity-in_1af1b",
+  "@opacity-out": "opacity-out_1af1b",
+  "@scale-left-in": "scale-left-in_1af1b",
+  "@scale-right-in": "scale-right-in_1af1b",
+  "@scale-top-in": "scale-top-in_1af1b",
+  "@scale-bottom-in": "scale-bottom-in_1af1b",
+  "@scale-left-out": "scale-left-out_1af1b",
+  "@scale-right-out": "scale-right-out_1af1b",
+  "@scale-top-out": "scale-top-out_1af1b",
+  "@scale-bottom-out": "scale-bottom-out_1af1b",
+  "@slide-top-in": "slide-top-in_1af1b",
+  "@slide-top-out": "slide-top-out_1af1b",
+  "@slide-bottom-in": "slide-bottom-in_1af1b",
+  "@slide-bottom-out": "slide-bottom-out_1af1b",
+  "@slide-left-in": "slide-left-in_1af1b",
+  "@slide-left-out": "slide-left-out_1af1b",
+  "@slide-right-in": "slide-right-in_1af1b",
+  "@slide-right-out": "slide-right-out_1af1b",
+  "@transform-enter": "transform-enter_1af1b",
+  "--transformStart": "--transformStart_1af1b",
+  "--transformEnd": "--transformEnd_1af1b",
+  "@transform-exit": "transform-exit_1af1b"
 });
 function Slide(props, ref) {
   var _ref;

package/animation/lib/cjs/Transform.js

@@ -12,34 +12,34 @@ var _react = _interopRequireDefault(require("react"));
 var _Animation = _interopRequireDefault(require("./Animation"));
 var _excluded = ["transform"];
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_iownw{0%,to{overflow:clip}}@keyframes collapse-exit_iownw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_iownw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_iownw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_iownw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_iownw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_iownw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_iownw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_iownw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_iownw{0%{transform:var(--transformStart_iownw)}to{transform:var(--transformEnd_iownw)}}@keyframes transform-exit_iownw{0%{transform:var(--transformEnd_iownw)}to{transform:var(--transformStart_iownw)}}.___SCollapse_iownw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "iownw_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_iownw",
-  "@collapse-exit": "collapse-exit_iownw",
-  "__SCollapse": "___SCollapse_iownw_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_iownw",
-  "@fade-in-out-exit": "fade-in-out-exit_iownw",
-  "@opacity-in": "opacity-in_iownw",
-  "@opacity-out": "opacity-out_iownw",
-  "@scale-left-in": "scale-left-in_iownw",
-  "@scale-right-in": "scale-right-in_iownw",
-  "@scale-top-in": "scale-top-in_iownw",
-  "@scale-bottom-in": "scale-bottom-in_iownw",
-  "@scale-left-out": "scale-left-out_iownw",
-  "@scale-right-out": "scale-right-out_iownw",
-  "@scale-top-out": "scale-top-out_iownw",
-  "@scale-bottom-out": "scale-bottom-out_iownw",
-  "@slide-top-in": "slide-top-in_iownw",
-  "@slide-top-out": "slide-top-out_iownw",
-  "@slide-bottom-in": "slide-bottom-in_iownw",
-  "@slide-bottom-out": "slide-bottom-out_iownw",
-  "@slide-left-in": "slide-left-in_iownw",
-  "@slide-left-out": "slide-left-out_iownw",
-  "@slide-right-in": "slide-right-in_iownw",
-  "@slide-right-out": "slide-right-out_iownw",
-  "@transform-enter": "transform-enter_iownw",
-  "--transformStart": "--transformStart_iownw",
-  "--transformEnd": "--transformEnd_iownw",
-  "@transform-exit": "transform-exit_iownw"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1af1b{0%,to{overflow:clip}}@keyframes collapse-exit_1af1b{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1af1b{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1af1b{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1af1b{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1af1b{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{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_1af1b{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1af1b{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1af1b{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1af1b{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1af1b{0%{transform:var(--transformStart_1af1b)}to{transform:var(--transformEnd_1af1b)}}@keyframes transform-exit_1af1b{0%{transform:var(--transformEnd_1af1b)}to{transform:var(--transformStart_1af1b)}}.___SCollapse_1af1b_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1af1b_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1af1b",
+  "@collapse-exit": "collapse-exit_1af1b",
+  "__SCollapse": "___SCollapse_1af1b_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1af1b",
+  "@fade-in-out-exit": "fade-in-out-exit_1af1b",
+  "@opacity-in": "opacity-in_1af1b",
+  "@opacity-out": "opacity-out_1af1b",
+  "@scale-left-in": "scale-left-in_1af1b",
+  "@scale-right-in": "scale-right-in_1af1b",
+  "@scale-top-in": "scale-top-in_1af1b",
+  "@scale-bottom-in": "scale-bottom-in_1af1b",
+  "@scale-left-out": "scale-left-out_1af1b",
+  "@scale-right-out": "scale-right-out_1af1b",
+  "@scale-top-out": "scale-top-out_1af1b",
+  "@scale-bottom-out": "scale-bottom-out_1af1b",
+  "@slide-top-in": "slide-top-in_1af1b",
+  "@slide-top-out": "slide-top-out_1af1b",
+  "@slide-bottom-in": "slide-bottom-in_1af1b",
+  "@slide-bottom-out": "slide-bottom-out_1af1b",
+  "@slide-left-in": "slide-left-in_1af1b",
+  "@slide-left-out": "slide-left-out_1af1b",
+  "@slide-right-in": "slide-right-in_1af1b",
+  "@slide-right-out": "slide-right-out_1af1b",
+  "@transform-enter": "transform-enter_1af1b",
+  "--transformStart": "--transformStart_1af1b",
+  "--transformEnd": "--transformEnd_1af1b",
+  "@transform-exit": "transform-exit_1af1b"
 });
 function Transform(props, ref) {
   var _ref;

package/animation/lib/es6/Animation.js

@@ -12,17 +12,17 @@ import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import contextEnhance from 'intergalactic/utils/lib/enhances/contextEnhance';
 /*__reshadow-styles__:"./style/animate.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_1yf2l_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1yf2l);animation-duration:var(--durationFinalize_1yf2l);animation-delay:var(--delayFinalize_1yf2l);animation-name:var(--keyframesFinalize_1yf2l)}.___SAnimation_1yf2l_gg_.__transition-based_1yf2l_gg_{transition-timing-function:var(--timingFunction_1yf2l);transition-duration:var(--durationFinalize_1yf2l);transition-delay:var(--delayFinalize_1yf2l)}.___SAnimation_1yf2l_gg_.__visible_1yf2l_gg_{animation-duration:var(--durationInitialize_1yf2l);animation-delay:var(--delayInitialize_1yf2l);animation-name:var(--keyframesInitialize_1yf2l)}.___SAnimation_1yf2l_gg_.__visible_1yf2l_gg_.__transition-based_1yf2l_gg_{transition-timing-function:var(--timingFunction_1yf2l);transition-duration:var(--durationInitialize_1yf2l);transition-delay:var(--delayInitialize_1yf2l)}@media (prefers-reduced-motion){.___SAnimation_1yf2l_gg_.__transition-based_1yf2l_gg_,.___SAnimation_1yf2l_gg_.__visible_1yf2l_gg_.__transition-based_1yf2l_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1yf2l_gg_,.___SAnimation_1yf2l_gg_.__visible_1yf2l_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1yf2l_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_1yf2l_gg_",
-  "--timingFunction": "--timingFunction_1yf2l",
-  "--durationFinalize": "--durationFinalize_1yf2l",
-  "--delayFinalize": "--delayFinalize_1yf2l",
-  "--keyframesFinalize": "--keyframesFinalize_1yf2l",
-  "_transition-based": "__transition-based_1yf2l_gg_",
-  "_visible": "__visible_1yf2l_gg_",
-  "--durationInitialize": "--durationInitialize_1yf2l",
-  "--delayInitialize": "--delayInitialize_1yf2l",
-  "--keyframesInitialize": "--keyframesInitialize_1yf2l"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_gqex4_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_gqex4);animation-duration:var(--durationFinalize_gqex4);animation-delay:var(--delayFinalize_gqex4);animation-name:var(--keyframesFinalize_gqex4)}.___SAnimation_gqex4_gg_.__transition-based_gqex4_gg_{transition-timing-function:var(--timingFunction_gqex4);transition-duration:var(--durationFinalize_gqex4);transition-delay:var(--delayFinalize_gqex4)}.___SAnimation_gqex4_gg_.__visible_gqex4_gg_{animation-duration:var(--durationInitialize_gqex4);animation-delay:var(--delayInitialize_gqex4);animation-name:var(--keyframesInitialize_gqex4)}.___SAnimation_gqex4_gg_.__visible_gqex4_gg_.__transition-based_gqex4_gg_{transition-timing-function:var(--timingFunction_gqex4);transition-duration:var(--durationInitialize_gqex4);transition-delay:var(--delayInitialize_gqex4)}@media (prefers-reduced-motion){.___SAnimation_gqex4_gg_.__transition-based_gqex4_gg_,.___SAnimation_gqex4_gg_.__visible_gqex4_gg_.__transition-based_gqex4_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_gqex4_gg_,.___SAnimation_gqex4_gg_.__visible_gqex4_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "gqex4_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_gqex4_gg_",
+  "--timingFunction": "--timingFunction_gqex4",
+  "--durationFinalize": "--durationFinalize_gqex4",
+  "--delayFinalize": "--delayFinalize_gqex4",
+  "--keyframesFinalize": "--keyframesFinalize_gqex4",
+  "_transition-based": "__transition-based_gqex4_gg_",
+  "_visible": "__visible_gqex4_gg_",
+  "--durationInitialize": "--durationInitialize_gqex4",
+  "--delayInitialize": "--delayInitialize_gqex4",
+  "--keyframesInitialize": "--keyframesInitialize_gqex4"
 });
 function propToArray(prop) {
   return Array.isArray(prop) ? prop : [prop, prop];