intergalactic 15.115.0-prerelease.0 → 15.116.0-prerelease.0

package/CHANGELOG.md

@@ -1,3 +1,40 @@
+## [15.116.0] - 2024-11-08
+
+### @semcore/color-picker
+
+- **Fixed** Display `Hint` on focused `Color.Item`.
+
+### @semcore/dropdown
+
+- **Fixed** Double click event on DropDownMenu.Items.
+- **Added** Export for `DropdownPopperAriaProps` type.
+
+### @semcore/dropdown-menu
+
+- **Fixed** Unexpected focus on actions in DropdownMenu.Item.
+- **Added** `DropdownPopperAriaProps` type for DropdownMenu.Popper props.
+
+### @semcore/feature-popover
+
+- **Changed** A11y improvements: added role="dialog" and autofocus for the popover, made an aria-label or aria-labelledby a required attribute. Disabled aria-haspopup and changed the default interaction to "none" for the trigger.
+
+### @semcore/mini-chart
+
+- **Added** `baseBgColor` option to specify pass second color as background for TrendLine and ScoreDonut
+
+### @semcore/select
+
+- **Fixed** The `Option` not being highlighted by default when opening `Select` by `focus` interaction.
+
+### @semcore/tooltip
+
+- **Added** `role=status` to TooltipPopper Wrapper.
+
+### @semcore/utils
+
+- **Fixed** Hooks order in focusLock hook.
+- **Added** `left` and `top` properties with `-1` value to `ScreenReaderOnly` container for prevent impact on layout of application.
+
 ## [15.115.0] - 2024-11-01
 
 ### @semcore/button

package/accordion/lib/cjs/Accordion.js

@@ -26,15 +26,15 @@ 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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_orbqc_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_orbqc_gg_.__keyboardFocused_orbqc_gg_:not(._tabIndex_-1_orbqc_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_orbqc_gg_.__use_orbqc_gg_.__use_orbqc_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_orbqc_gg_.__use_orbqc_gg_._use_primary_orbqc_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_orbqc_gg_.__use_orbqc_gg_._use_primary_orbqc_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_orbqc_gg_.__disabled_orbqc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_orbqc_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_orbqc_gg_.__selected_orbqc_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_orbqc_gg_{transition:none}}" /*__inner_css_end__*/, "orbqc_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_orbqc_gg_",
-  "_keyboardFocused": "__keyboardFocused_orbqc_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_orbqc_gg_",
-  "_use": "__use_orbqc_gg_",
-  "_use_primary": "_use_primary_orbqc_gg_",
-  "_disabled": "__disabled_orbqc_gg_",
-  "__SItemChevron": "___SItemChevron_orbqc_gg_",
-  "_selected": "__selected_orbqc_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_1ggf3_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1ggf3_gg_.__keyboardFocused_1ggf3_gg_:not(._tabIndex_-1_1ggf3_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_1ggf3_gg_.__use_1ggf3_gg_.__use_1ggf3_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1ggf3_gg_.__use_1ggf3_gg_._use_primary_1ggf3_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_1ggf3_gg_.__use_1ggf3_gg_._use_primary_1ggf3_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1ggf3_gg_.__disabled_1ggf3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1ggf3_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1ggf3_gg_.__selected_1ggf3_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1ggf3_gg_{transition:none}}" /*__inner_css_end__*/, "1ggf3_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_1ggf3_gg_",
+  "_keyboardFocused": "__keyboardFocused_1ggf3_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_1ggf3_gg_",
+  "_use": "__use_1ggf3_gg_",
+  "_use_primary": "_use_primary_1ggf3_gg_",
+  "_disabled": "__disabled_1ggf3_gg_",
+  "__SItemChevron": "___SItemChevron_1ggf3_gg_",
+  "_selected": "__selected_1ggf3_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootAccordion, _Component);

package/accordion/lib/es6/Accordion.js

@@ -22,15 +22,15 @@ 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_orbqc_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_orbqc_gg_.__keyboardFocused_orbqc_gg_:not(._tabIndex_-1_orbqc_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_orbqc_gg_.__use_orbqc_gg_.__use_orbqc_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_orbqc_gg_.__use_orbqc_gg_._use_primary_orbqc_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_orbqc_gg_.__use_orbqc_gg_._use_primary_orbqc_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_orbqc_gg_.__disabled_orbqc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_orbqc_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_orbqc_gg_.__selected_orbqc_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_orbqc_gg_{transition:none}}" /*__inner_css_end__*/, "orbqc_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_orbqc_gg_",
-  "_keyboardFocused": "__keyboardFocused_orbqc_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_orbqc_gg_",
-  "_use": "__use_orbqc_gg_",
-  "_use_primary": "_use_primary_orbqc_gg_",
-  "_disabled": "__disabled_orbqc_gg_",
-  "__SItemChevron": "___SItemChevron_orbqc_gg_",
-  "_selected": "__selected_orbqc_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_1ggf3_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1ggf3_gg_.__keyboardFocused_1ggf3_gg_:not(._tabIndex_-1_1ggf3_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_1ggf3_gg_.__use_1ggf3_gg_.__use_1ggf3_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1ggf3_gg_.__use_1ggf3_gg_._use_primary_1ggf3_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_1ggf3_gg_.__use_1ggf3_gg_._use_primary_1ggf3_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1ggf3_gg_.__disabled_1ggf3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1ggf3_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1ggf3_gg_.__selected_1ggf3_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1ggf3_gg_{transition:none}}" /*__inner_css_end__*/, "1ggf3_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_1ggf3_gg_",
+  "_keyboardFocused": "__keyboardFocused_1ggf3_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_1ggf3_gg_",
+  "_use": "__use_1ggf3_gg_",
+  "_use_primary": "_use_primary_1ggf3_gg_",
+  "_disabled": "__disabled_1ggf3_gg_",
+  "__SItemChevron": "___SItemChevron_1ggf3_gg_",
+  "_selected": "__selected_1ggf3_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   _inherits(RootAccordion, _Component);

package/accordion/package.json

@@ -1 +1 @@
-{"name":"intergalactic/accordion","description":"Semrush Accordion Component","version":"5.42.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.38.0-prerelease.0","@semcore/flex-box":"5.38.0-prerelease.0","@semcore/icon":"4.52.0-prerelease.0","@semcore/utils":"4.43.0-prerelease.0","@semcore/button":"5.39.1-prerelease.0","@semcore/typography":"5.47.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.36.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/accordion"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/accordion","description":"Semrush Accordion Component","version":"5.42.2-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.38.1-prerelease.0","@semcore/flex-box":"5.38.1-prerelease.0","@semcore/icon":"4.52.1-prerelease.0","@semcore/utils":"4.43.2-prerelease.0","@semcore/button":"5.39.2-prerelease.0","@semcore/typography":"5.47.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.36.1-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/accordion"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/animation/lib/cjs/Animation.js

@@ -19,17 +19,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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAnimation_9we08_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_9we08);animation-duration:var(--durationFinalize_9we08);animation-delay:var(--delayFinalize_9we08);animation-name:var(--keyframesFinalize_9we08)}.___SAnimation_9we08_gg_.__transition-based_9we08_gg_{transition-timing-function:var(--timingFunction_9we08);transition-duration:var(--durationFinalize_9we08);transition-delay:var(--delayFinalize_9we08)}.___SAnimation_9we08_gg_.__visible_9we08_gg_{animation-duration:var(--durationInitialize_9we08);animation-delay:var(--delayInitialize_9we08);animation-name:var(--keyframesInitialize_9we08)}.___SAnimation_9we08_gg_.__visible_9we08_gg_.__transition-based_9we08_gg_{transition-timing-function:var(--timingFunction_9we08);transition-duration:var(--durationInitialize_9we08);transition-delay:var(--delayInitialize_9we08)}@media (prefers-reduced-motion){.___SAnimation_9we08_gg_.__transition-based_9we08_gg_,.___SAnimation_9we08_gg_.__visible_9we08_gg_.__transition-based_9we08_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_9we08_gg_,.___SAnimation_9we08_gg_.__visible_9we08_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "9we08_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_9we08_gg_",
-  "--timingFunction": "--timingFunction_9we08",
-  "--durationFinalize": "--durationFinalize_9we08",
-  "--delayFinalize": "--delayFinalize_9we08",
-  "--keyframesFinalize": "--keyframesFinalize_9we08",
-  "_transition-based": "__transition-based_9we08_gg_",
-  "_visible": "__visible_9we08_gg_",
-  "--durationInitialize": "--durationInitialize_9we08",
-  "--delayInitialize": "--delayInitialize_9we08",
-  "--keyframesInitialize": "--keyframesInitialize_9we08"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAnimation_1r9fn_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1r9fn);animation-duration:var(--durationFinalize_1r9fn);animation-delay:var(--delayFinalize_1r9fn);animation-name:var(--keyframesFinalize_1r9fn)}.___SAnimation_1r9fn_gg_.__transition-based_1r9fn_gg_{transition-timing-function:var(--timingFunction_1r9fn);transition-duration:var(--durationFinalize_1r9fn);transition-delay:var(--delayFinalize_1r9fn)}.___SAnimation_1r9fn_gg_.__visible_1r9fn_gg_{animation-duration:var(--durationInitialize_1r9fn);animation-delay:var(--delayInitialize_1r9fn);animation-name:var(--keyframesInitialize_1r9fn)}.___SAnimation_1r9fn_gg_.__visible_1r9fn_gg_.__transition-based_1r9fn_gg_{transition-timing-function:var(--timingFunction_1r9fn);transition-duration:var(--durationInitialize_1r9fn);transition-delay:var(--delayInitialize_1r9fn)}@media (prefers-reduced-motion){.___SAnimation_1r9fn_gg_.__transition-based_1r9fn_gg_,.___SAnimation_1r9fn_gg_.__visible_1r9fn_gg_.__transition-based_1r9fn_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1r9fn_gg_,.___SAnimation_1r9fn_gg_.__visible_1r9fn_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1r9fn_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_1r9fn_gg_",
+  "--timingFunction": "--timingFunction_1r9fn",
+  "--durationFinalize": "--durationFinalize_1r9fn",
+  "--delayFinalize": "--delayFinalize_1r9fn",
+  "--keyframesFinalize": "--keyframesFinalize_1r9fn",
+  "_transition-based": "__transition-based_1r9fn_gg_",
+  "_visible": "__visible_1r9fn_gg_",
+  "--durationInitialize": "--durationInitialize_1r9fn",
+  "--delayInitialize": "--delayInitialize_1r9fn",
+  "--keyframesInitialize": "--keyframesInitialize_1r9fn"
 });
 function propToArray(prop) {
   return Array.isArray(prop) ? prop : [prop, prop];

package/animation/lib/cjs/Collapse.js

@@ -15,34 +15,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__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_ct9h6{0%,to{overflow:clip}}@keyframes collapse-exit_ct9h6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_ct9h6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_ct9h6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_ct9h6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_ct9h6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_ct9h6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_ct9h6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_ct9h6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_ct9h6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_ct9h6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_ct9h6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_ct9h6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_ct9h6{0%{transform:var(--transformStart_ct9h6)}to{transform:var(--transformEnd_ct9h6)}}@keyframes transform-exit_ct9h6{0%{transform:var(--transformEnd_ct9h6)}to{transform:var(--transformStart_ct9h6)}}.___SCollapse_ct9h6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "ct9h6_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_ct9h6",
-  "@collapse-exit": "collapse-exit_ct9h6",
-  "__SCollapse": "___SCollapse_ct9h6_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_ct9h6",
-  "@fade-in-out-exit": "fade-in-out-exit_ct9h6",
-  "@opacity-in": "opacity-in_ct9h6",
-  "@opacity-out": "opacity-out_ct9h6",
-  "@scale-left-in": "scale-left-in_ct9h6",
-  "@scale-right-in": "scale-right-in_ct9h6",
-  "@scale-top-in": "scale-top-in_ct9h6",
-  "@scale-bottom-in": "scale-bottom-in_ct9h6",
-  "@scale-left-out": "scale-left-out_ct9h6",
-  "@scale-right-out": "scale-right-out_ct9h6",
-  "@scale-top-out": "scale-top-out_ct9h6",
-  "@scale-bottom-out": "scale-bottom-out_ct9h6",
-  "@slide-top-in": "slide-top-in_ct9h6",
-  "@slide-top-out": "slide-top-out_ct9h6",
-  "@slide-bottom-in": "slide-bottom-in_ct9h6",
-  "@slide-bottom-out": "slide-bottom-out_ct9h6",
-  "@slide-left-in": "slide-left-in_ct9h6",
-  "@slide-left-out": "slide-left-out_ct9h6",
-  "@slide-right-in": "slide-right-in_ct9h6",
-  "@slide-right-out": "slide-right-out_ct9h6",
-  "@transform-enter": "transform-enter_ct9h6",
-  "--transformStart": "--transformStart_ct9h6",
-  "--transformEnd": "--transformEnd_ct9h6",
-  "@transform-exit": "transform-exit_ct9h6"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_n9krt{0%,to{overflow:clip}}@keyframes collapse-exit_n9krt{0%,to{overflow:clip}}@keyframes fade-in-out-enter_n9krt{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_n9krt{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_n9krt{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_n9krt{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_n9krt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_n9krt{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_n9krt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_n9krt{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_n9krt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_n9krt{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_n9krt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_n9krt{0%{transform:var(--transformStart_n9krt)}to{transform:var(--transformEnd_n9krt)}}@keyframes transform-exit_n9krt{0%{transform:var(--transformEnd_n9krt)}to{transform:var(--transformStart_n9krt)}}.___SCollapse_n9krt_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "n9krt_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_n9krt",
+  "@collapse-exit": "collapse-exit_n9krt",
+  "__SCollapse": "___SCollapse_n9krt_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_n9krt",
+  "@fade-in-out-exit": "fade-in-out-exit_n9krt",
+  "@opacity-in": "opacity-in_n9krt",
+  "@opacity-out": "opacity-out_n9krt",
+  "@scale-left-in": "scale-left-in_n9krt",
+  "@scale-right-in": "scale-right-in_n9krt",
+  "@scale-top-in": "scale-top-in_n9krt",
+  "@scale-bottom-in": "scale-bottom-in_n9krt",
+  "@scale-left-out": "scale-left-out_n9krt",
+  "@scale-right-out": "scale-right-out_n9krt",
+  "@scale-top-out": "scale-top-out_n9krt",
+  "@scale-bottom-out": "scale-bottom-out_n9krt",
+  "@slide-top-in": "slide-top-in_n9krt",
+  "@slide-top-out": "slide-top-out_n9krt",
+  "@slide-bottom-in": "slide-bottom-in_n9krt",
+  "@slide-bottom-out": "slide-bottom-out_n9krt",
+  "@slide-left-in": "slide-left-in_n9krt",
+  "@slide-left-out": "slide-left-out_n9krt",
+  "@slide-right-in": "slide-right-in_n9krt",
+  "@slide-right-out": "slide-right-out_n9krt",
+  "@transform-enter": "transform-enter_n9krt",
+  "--transformStart": "--transformStart_n9krt",
+  "--transformEnd": "--transformEnd_n9krt",
+  "@transform-exit": "transform-exit_n9krt"
 });
 function Collapse(_ref2, ref) {
   var _ref;

package/animation/lib/cjs/FadeInOut.js

@@ -11,34 +11,34 @@ var _react = _interopRequireDefault(require("react"));
 var _core = require("intergalactic/core");
 var _Animation = _interopRequireDefault(require("./Animation"));
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_ct9h6{0%,to{overflow:clip}}@keyframes collapse-exit_ct9h6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_ct9h6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_ct9h6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_ct9h6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_ct9h6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_ct9h6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_ct9h6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_ct9h6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_ct9h6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_ct9h6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_ct9h6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_ct9h6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_ct9h6{0%{transform:var(--transformStart_ct9h6)}to{transform:var(--transformEnd_ct9h6)}}@keyframes transform-exit_ct9h6{0%{transform:var(--transformEnd_ct9h6)}to{transform:var(--transformStart_ct9h6)}}.___SCollapse_ct9h6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "ct9h6_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_ct9h6",
-  "@collapse-exit": "collapse-exit_ct9h6",
-  "__SCollapse": "___SCollapse_ct9h6_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_ct9h6",
-  "@fade-in-out-exit": "fade-in-out-exit_ct9h6",
-  "@opacity-in": "opacity-in_ct9h6",
-  "@opacity-out": "opacity-out_ct9h6",
-  "@scale-left-in": "scale-left-in_ct9h6",
-  "@scale-right-in": "scale-right-in_ct9h6",
-  "@scale-top-in": "scale-top-in_ct9h6",
-  "@scale-bottom-in": "scale-bottom-in_ct9h6",
-  "@scale-left-out": "scale-left-out_ct9h6",
-  "@scale-right-out": "scale-right-out_ct9h6",
-  "@scale-top-out": "scale-top-out_ct9h6",
-  "@scale-bottom-out": "scale-bottom-out_ct9h6",
-  "@slide-top-in": "slide-top-in_ct9h6",
-  "@slide-top-out": "slide-top-out_ct9h6",
-  "@slide-bottom-in": "slide-bottom-in_ct9h6",
-  "@slide-bottom-out": "slide-bottom-out_ct9h6",
-  "@slide-left-in": "slide-left-in_ct9h6",
-  "@slide-left-out": "slide-left-out_ct9h6",
-  "@slide-right-in": "slide-right-in_ct9h6",
-  "@slide-right-out": "slide-right-out_ct9h6",
-  "@transform-enter": "transform-enter_ct9h6",
-  "--transformStart": "--transformStart_ct9h6",
-  "--transformEnd": "--transformEnd_ct9h6",
-  "@transform-exit": "transform-exit_ct9h6"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_n9krt{0%,to{overflow:clip}}@keyframes collapse-exit_n9krt{0%,to{overflow:clip}}@keyframes fade-in-out-enter_n9krt{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_n9krt{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_n9krt{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_n9krt{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_n9krt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_n9krt{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_n9krt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_n9krt{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_n9krt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_n9krt{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_n9krt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_n9krt{0%{transform:var(--transformStart_n9krt)}to{transform:var(--transformEnd_n9krt)}}@keyframes transform-exit_n9krt{0%{transform:var(--transformEnd_n9krt)}to{transform:var(--transformStart_n9krt)}}.___SCollapse_n9krt_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "n9krt_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_n9krt",
+  "@collapse-exit": "collapse-exit_n9krt",
+  "__SCollapse": "___SCollapse_n9krt_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_n9krt",
+  "@fade-in-out-exit": "fade-in-out-exit_n9krt",
+  "@opacity-in": "opacity-in_n9krt",
+  "@opacity-out": "opacity-out_n9krt",
+  "@scale-left-in": "scale-left-in_n9krt",
+  "@scale-right-in": "scale-right-in_n9krt",
+  "@scale-top-in": "scale-top-in_n9krt",
+  "@scale-bottom-in": "scale-bottom-in_n9krt",
+  "@scale-left-out": "scale-left-out_n9krt",
+  "@scale-right-out": "scale-right-out_n9krt",
+  "@scale-top-out": "scale-top-out_n9krt",
+  "@scale-bottom-out": "scale-bottom-out_n9krt",
+  "@slide-top-in": "slide-top-in_n9krt",
+  "@slide-top-out": "slide-top-out_n9krt",
+  "@slide-bottom-in": "slide-bottom-in_n9krt",
+  "@slide-bottom-out": "slide-bottom-out_n9krt",
+  "@slide-left-in": "slide-left-in_n9krt",
+  "@slide-left-out": "slide-left-out_n9krt",
+  "@slide-right-in": "slide-right-in_n9krt",
+  "@slide-right-out": "slide-right-out_n9krt",
+  "@transform-enter": "transform-enter_n9krt",
+  "--transformStart": "--transformStart_n9krt",
+  "--transformEnd": "--transformEnd_n9krt",
+  "@transform-exit": "transform-exit_n9krt"
 });
 function FadeInOut(props, ref) {
   var _ref;

package/animation/lib/cjs/Scale.js

@@ -13,34 +13,34 @@ var _core = require("intergalactic/core");
 var _Animation = _interopRequireDefault(require("./Animation"));
 var _ref2 = require("intergalactic/utils/lib/ref");
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_ct9h6{0%,to{overflow:clip}}@keyframes collapse-exit_ct9h6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_ct9h6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_ct9h6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_ct9h6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_ct9h6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_ct9h6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_ct9h6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_ct9h6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_ct9h6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_ct9h6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_ct9h6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_ct9h6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_ct9h6{0%{transform:var(--transformStart_ct9h6)}to{transform:var(--transformEnd_ct9h6)}}@keyframes transform-exit_ct9h6{0%{transform:var(--transformEnd_ct9h6)}to{transform:var(--transformStart_ct9h6)}}.___SCollapse_ct9h6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "ct9h6_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_ct9h6",
-  "@collapse-exit": "collapse-exit_ct9h6",
-  "__SCollapse": "___SCollapse_ct9h6_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_ct9h6",
-  "@fade-in-out-exit": "fade-in-out-exit_ct9h6",
-  "@opacity-in": "opacity-in_ct9h6",
-  "@opacity-out": "opacity-out_ct9h6",
-  "@scale-left-in": "scale-left-in_ct9h6",
-  "@scale-right-in": "scale-right-in_ct9h6",
-  "@scale-top-in": "scale-top-in_ct9h6",
-  "@scale-bottom-in": "scale-bottom-in_ct9h6",
-  "@scale-left-out": "scale-left-out_ct9h6",
-  "@scale-right-out": "scale-right-out_ct9h6",
-  "@scale-top-out": "scale-top-out_ct9h6",
-  "@scale-bottom-out": "scale-bottom-out_ct9h6",
-  "@slide-top-in": "slide-top-in_ct9h6",
-  "@slide-top-out": "slide-top-out_ct9h6",
-  "@slide-bottom-in": "slide-bottom-in_ct9h6",
-  "@slide-bottom-out": "slide-bottom-out_ct9h6",
-  "@slide-left-in": "slide-left-in_ct9h6",
-  "@slide-left-out": "slide-left-out_ct9h6",
-  "@slide-right-in": "slide-right-in_ct9h6",
-  "@slide-right-out": "slide-right-out_ct9h6",
-  "@transform-enter": "transform-enter_ct9h6",
-  "--transformStart": "--transformStart_ct9h6",
-  "--transformEnd": "--transformEnd_ct9h6",
-  "@transform-exit": "transform-exit_ct9h6"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_n9krt{0%,to{overflow:clip}}@keyframes collapse-exit_n9krt{0%,to{overflow:clip}}@keyframes fade-in-out-enter_n9krt{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_n9krt{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_n9krt{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_n9krt{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_n9krt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_n9krt{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_n9krt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_n9krt{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_n9krt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_n9krt{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_n9krt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_n9krt{0%{transform:var(--transformStart_n9krt)}to{transform:var(--transformEnd_n9krt)}}@keyframes transform-exit_n9krt{0%{transform:var(--transformEnd_n9krt)}to{transform:var(--transformStart_n9krt)}}.___SCollapse_n9krt_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "n9krt_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_n9krt",
+  "@collapse-exit": "collapse-exit_n9krt",
+  "__SCollapse": "___SCollapse_n9krt_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_n9krt",
+  "@fade-in-out-exit": "fade-in-out-exit_n9krt",
+  "@opacity-in": "opacity-in_n9krt",
+  "@opacity-out": "opacity-out_n9krt",
+  "@scale-left-in": "scale-left-in_n9krt",
+  "@scale-right-in": "scale-right-in_n9krt",
+  "@scale-top-in": "scale-top-in_n9krt",
+  "@scale-bottom-in": "scale-bottom-in_n9krt",
+  "@scale-left-out": "scale-left-out_n9krt",
+  "@scale-right-out": "scale-right-out_n9krt",
+  "@scale-top-out": "scale-top-out_n9krt",
+  "@scale-bottom-out": "scale-bottom-out_n9krt",
+  "@slide-top-in": "slide-top-in_n9krt",
+  "@slide-top-out": "slide-top-out_n9krt",
+  "@slide-bottom-in": "slide-bottom-in_n9krt",
+  "@slide-bottom-out": "slide-bottom-out_n9krt",
+  "@slide-left-in": "slide-left-in_n9krt",
+  "@slide-left-out": "slide-left-out_n9krt",
+  "@slide-right-in": "slide-right-in_n9krt",
+  "@slide-right-out": "slide-right-out_n9krt",
+  "@transform-enter": "transform-enter_n9krt",
+  "--transformStart": "--transformStart_n9krt",
+  "--transformEnd": "--transformEnd_n9krt",
+  "@transform-exit": "transform-exit_n9krt"
 });
 function Scale(props, ref) {
   var _ref;

package/animation/lib/cjs/Slide.js

@@ -11,34 +11,34 @@ var _react = _interopRequireDefault(require("react"));
 var _core = require("intergalactic/core");
 var _Animation = _interopRequireDefault(require("./Animation"));
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_ct9h6{0%,to{overflow:clip}}@keyframes collapse-exit_ct9h6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_ct9h6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_ct9h6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_ct9h6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_ct9h6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_ct9h6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_ct9h6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_ct9h6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_ct9h6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_ct9h6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_ct9h6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_ct9h6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_ct9h6{0%{transform:var(--transformStart_ct9h6)}to{transform:var(--transformEnd_ct9h6)}}@keyframes transform-exit_ct9h6{0%{transform:var(--transformEnd_ct9h6)}to{transform:var(--transformStart_ct9h6)}}.___SCollapse_ct9h6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "ct9h6_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_ct9h6",
-  "@collapse-exit": "collapse-exit_ct9h6",
-  "__SCollapse": "___SCollapse_ct9h6_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_ct9h6",
-  "@fade-in-out-exit": "fade-in-out-exit_ct9h6",
-  "@opacity-in": "opacity-in_ct9h6",
-  "@opacity-out": "opacity-out_ct9h6",
-  "@scale-left-in": "scale-left-in_ct9h6",
-  "@scale-right-in": "scale-right-in_ct9h6",
-  "@scale-top-in": "scale-top-in_ct9h6",
-  "@scale-bottom-in": "scale-bottom-in_ct9h6",
-  "@scale-left-out": "scale-left-out_ct9h6",
-  "@scale-right-out": "scale-right-out_ct9h6",
-  "@scale-top-out": "scale-top-out_ct9h6",
-  "@scale-bottom-out": "scale-bottom-out_ct9h6",
-  "@slide-top-in": "slide-top-in_ct9h6",
-  "@slide-top-out": "slide-top-out_ct9h6",
-  "@slide-bottom-in": "slide-bottom-in_ct9h6",
-  "@slide-bottom-out": "slide-bottom-out_ct9h6",
-  "@slide-left-in": "slide-left-in_ct9h6",
-  "@slide-left-out": "slide-left-out_ct9h6",
-  "@slide-right-in": "slide-right-in_ct9h6",
-  "@slide-right-out": "slide-right-out_ct9h6",
-  "@transform-enter": "transform-enter_ct9h6",
-  "--transformStart": "--transformStart_ct9h6",
-  "--transformEnd": "--transformEnd_ct9h6",
-  "@transform-exit": "transform-exit_ct9h6"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_n9krt{0%,to{overflow:clip}}@keyframes collapse-exit_n9krt{0%,to{overflow:clip}}@keyframes fade-in-out-enter_n9krt{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_n9krt{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_n9krt{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_n9krt{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_n9krt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_n9krt{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_n9krt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_n9krt{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_n9krt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_n9krt{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_n9krt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_n9krt{0%{transform:var(--transformStart_n9krt)}to{transform:var(--transformEnd_n9krt)}}@keyframes transform-exit_n9krt{0%{transform:var(--transformEnd_n9krt)}to{transform:var(--transformStart_n9krt)}}.___SCollapse_n9krt_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "n9krt_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_n9krt",
+  "@collapse-exit": "collapse-exit_n9krt",
+  "__SCollapse": "___SCollapse_n9krt_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_n9krt",
+  "@fade-in-out-exit": "fade-in-out-exit_n9krt",
+  "@opacity-in": "opacity-in_n9krt",
+  "@opacity-out": "opacity-out_n9krt",
+  "@scale-left-in": "scale-left-in_n9krt",
+  "@scale-right-in": "scale-right-in_n9krt",
+  "@scale-top-in": "scale-top-in_n9krt",
+  "@scale-bottom-in": "scale-bottom-in_n9krt",
+  "@scale-left-out": "scale-left-out_n9krt",
+  "@scale-right-out": "scale-right-out_n9krt",
+  "@scale-top-out": "scale-top-out_n9krt",
+  "@scale-bottom-out": "scale-bottom-out_n9krt",
+  "@slide-top-in": "slide-top-in_n9krt",
+  "@slide-top-out": "slide-top-out_n9krt",
+  "@slide-bottom-in": "slide-bottom-in_n9krt",
+  "@slide-bottom-out": "slide-bottom-out_n9krt",
+  "@slide-left-in": "slide-left-in_n9krt",
+  "@slide-left-out": "slide-left-out_n9krt",
+  "@slide-right-in": "slide-right-in_n9krt",
+  "@slide-right-out": "slide-right-out_n9krt",
+  "@transform-enter": "transform-enter_n9krt",
+  "--transformStart": "--transformStart_n9krt",
+  "--transformEnd": "--transformEnd_n9krt",
+  "@transform-exit": "transform-exit_n9krt"
 });
 function Slide(props, ref) {
   var _ref;

package/animation/lib/cjs/Transform.js

@@ -13,34 +13,34 @@ var _core = require("intergalactic/core");
 var _Animation = _interopRequireDefault(require("./Animation"));
 var _excluded = ["transform"];
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_ct9h6{0%,to{overflow:clip}}@keyframes collapse-exit_ct9h6{0%,to{overflow:clip}}@keyframes fade-in-out-enter_ct9h6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_ct9h6{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_ct9h6{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_ct9h6{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{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_ct9h6{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_ct9h6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_ct9h6{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_ct9h6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_ct9h6{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_ct9h6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_ct9h6{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_ct9h6{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_ct9h6{0%{transform:var(--transformStart_ct9h6)}to{transform:var(--transformEnd_ct9h6)}}@keyframes transform-exit_ct9h6{0%{transform:var(--transformEnd_ct9h6)}to{transform:var(--transformStart_ct9h6)}}.___SCollapse_ct9h6_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "ct9h6_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_ct9h6",
-  "@collapse-exit": "collapse-exit_ct9h6",
-  "__SCollapse": "___SCollapse_ct9h6_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_ct9h6",
-  "@fade-in-out-exit": "fade-in-out-exit_ct9h6",
-  "@opacity-in": "opacity-in_ct9h6",
-  "@opacity-out": "opacity-out_ct9h6",
-  "@scale-left-in": "scale-left-in_ct9h6",
-  "@scale-right-in": "scale-right-in_ct9h6",
-  "@scale-top-in": "scale-top-in_ct9h6",
-  "@scale-bottom-in": "scale-bottom-in_ct9h6",
-  "@scale-left-out": "scale-left-out_ct9h6",
-  "@scale-right-out": "scale-right-out_ct9h6",
-  "@scale-top-out": "scale-top-out_ct9h6",
-  "@scale-bottom-out": "scale-bottom-out_ct9h6",
-  "@slide-top-in": "slide-top-in_ct9h6",
-  "@slide-top-out": "slide-top-out_ct9h6",
-  "@slide-bottom-in": "slide-bottom-in_ct9h6",
-  "@slide-bottom-out": "slide-bottom-out_ct9h6",
-  "@slide-left-in": "slide-left-in_ct9h6",
-  "@slide-left-out": "slide-left-out_ct9h6",
-  "@slide-right-in": "slide-right-in_ct9h6",
-  "@slide-right-out": "slide-right-out_ct9h6",
-  "@transform-enter": "transform-enter_ct9h6",
-  "--transformStart": "--transformStart_ct9h6",
-  "--transformEnd": "--transformEnd_ct9h6",
-  "@transform-exit": "transform-exit_ct9h6"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_n9krt{0%,to{overflow:clip}}@keyframes collapse-exit_n9krt{0%,to{overflow:clip}}@keyframes fade-in-out-enter_n9krt{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_n9krt{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_n9krt{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_n9krt{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{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_n9krt{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_n9krt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_n9krt{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_n9krt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_n9krt{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_n9krt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_n9krt{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_n9krt{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_n9krt{0%{transform:var(--transformStart_n9krt)}to{transform:var(--transformEnd_n9krt)}}@keyframes transform-exit_n9krt{0%{transform:var(--transformEnd_n9krt)}to{transform:var(--transformStart_n9krt)}}.___SCollapse_n9krt_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "n9krt_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_n9krt",
+  "@collapse-exit": "collapse-exit_n9krt",
+  "__SCollapse": "___SCollapse_n9krt_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_n9krt",
+  "@fade-in-out-exit": "fade-in-out-exit_n9krt",
+  "@opacity-in": "opacity-in_n9krt",
+  "@opacity-out": "opacity-out_n9krt",
+  "@scale-left-in": "scale-left-in_n9krt",
+  "@scale-right-in": "scale-right-in_n9krt",
+  "@scale-top-in": "scale-top-in_n9krt",
+  "@scale-bottom-in": "scale-bottom-in_n9krt",
+  "@scale-left-out": "scale-left-out_n9krt",
+  "@scale-right-out": "scale-right-out_n9krt",
+  "@scale-top-out": "scale-top-out_n9krt",
+  "@scale-bottom-out": "scale-bottom-out_n9krt",
+  "@slide-top-in": "slide-top-in_n9krt",
+  "@slide-top-out": "slide-top-out_n9krt",
+  "@slide-bottom-in": "slide-bottom-in_n9krt",
+  "@slide-bottom-out": "slide-bottom-out_n9krt",
+  "@slide-left-in": "slide-left-in_n9krt",
+  "@slide-left-out": "slide-left-out_n9krt",
+  "@slide-right-in": "slide-right-in_n9krt",
+  "@slide-right-out": "slide-right-out_n9krt",
+  "@transform-enter": "transform-enter_n9krt",
+  "--transformStart": "--transformStart_n9krt",
+  "--transformEnd": "--transformEnd_n9krt",
+  "@transform-exit": "transform-exit_n9krt"
 });
 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_9we08_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_9we08);animation-duration:var(--durationFinalize_9we08);animation-delay:var(--delayFinalize_9we08);animation-name:var(--keyframesFinalize_9we08)}.___SAnimation_9we08_gg_.__transition-based_9we08_gg_{transition-timing-function:var(--timingFunction_9we08);transition-duration:var(--durationFinalize_9we08);transition-delay:var(--delayFinalize_9we08)}.___SAnimation_9we08_gg_.__visible_9we08_gg_{animation-duration:var(--durationInitialize_9we08);animation-delay:var(--delayInitialize_9we08);animation-name:var(--keyframesInitialize_9we08)}.___SAnimation_9we08_gg_.__visible_9we08_gg_.__transition-based_9we08_gg_{transition-timing-function:var(--timingFunction_9we08);transition-duration:var(--durationInitialize_9we08);transition-delay:var(--delayInitialize_9we08)}@media (prefers-reduced-motion){.___SAnimation_9we08_gg_.__transition-based_9we08_gg_,.___SAnimation_9we08_gg_.__visible_9we08_gg_.__transition-based_9we08_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_9we08_gg_,.___SAnimation_9we08_gg_.__visible_9we08_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "9we08_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_9we08_gg_",
-  "--timingFunction": "--timingFunction_9we08",
-  "--durationFinalize": "--durationFinalize_9we08",
-  "--delayFinalize": "--delayFinalize_9we08",
-  "--keyframesFinalize": "--keyframesFinalize_9we08",
-  "_transition-based": "__transition-based_9we08_gg_",
-  "_visible": "__visible_9we08_gg_",
-  "--durationInitialize": "--durationInitialize_9we08",
-  "--delayInitialize": "--delayInitialize_9we08",
-  "--keyframesInitialize": "--keyframesInitialize_9we08"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_1r9fn_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1r9fn);animation-duration:var(--durationFinalize_1r9fn);animation-delay:var(--delayFinalize_1r9fn);animation-name:var(--keyframesFinalize_1r9fn)}.___SAnimation_1r9fn_gg_.__transition-based_1r9fn_gg_{transition-timing-function:var(--timingFunction_1r9fn);transition-duration:var(--durationFinalize_1r9fn);transition-delay:var(--delayFinalize_1r9fn)}.___SAnimation_1r9fn_gg_.__visible_1r9fn_gg_{animation-duration:var(--durationInitialize_1r9fn);animation-delay:var(--delayInitialize_1r9fn);animation-name:var(--keyframesInitialize_1r9fn)}.___SAnimation_1r9fn_gg_.__visible_1r9fn_gg_.__transition-based_1r9fn_gg_{transition-timing-function:var(--timingFunction_1r9fn);transition-duration:var(--durationInitialize_1r9fn);transition-delay:var(--delayInitialize_1r9fn)}@media (prefers-reduced-motion){.___SAnimation_1r9fn_gg_.__transition-based_1r9fn_gg_,.___SAnimation_1r9fn_gg_.__visible_1r9fn_gg_.__transition-based_1r9fn_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1r9fn_gg_,.___SAnimation_1r9fn_gg_.__visible_1r9fn_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1r9fn_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_1r9fn_gg_",
+  "--timingFunction": "--timingFunction_1r9fn",
+  "--durationFinalize": "--durationFinalize_1r9fn",
+  "--delayFinalize": "--delayFinalize_1r9fn",
+  "--keyframesFinalize": "--keyframesFinalize_1r9fn",
+  "_transition-based": "__transition-based_1r9fn_gg_",
+  "_visible": "__visible_1r9fn_gg_",
+  "--durationInitialize": "--durationInitialize_1r9fn",
+  "--delayInitialize": "--delayInitialize_1r9fn",
+  "--keyframesInitialize": "--keyframesInitialize_1r9fn"
 });
 function propToArray(prop) {
   return Array.isArray(prop) ? prop : [prop, prop];